@charset "utf-8";

.contents_wrap{
	height: 100vh;
	margin: 0;
	min-width: 960px;
	overflow: auto;
	width: 100%;
	background:#e8ecee;
}
.contents{
	height: calc(100vh - 32px);
	min-height: 610px;
}

.cont_board{
    box-sizing: border-box;
    flex-direction: row;
    padding: 5px;
    width: 100%;
}
    
.contents_show{
	background: #e8ecee;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	height: 100%;
	min-height: 610px;
	padding: 0 5px;
	width: 100%;
}
.cont_col{
	background: #e8ecee;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	height: 100%;
	min-height: 610px;
	padding: 5px;
	width: 100%;
}
.cont_row{
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}
.cont_row .box{
	height: auto;
	padding: 5px;
	width: 100%;
}
.cont_row .boxmax{
	flex: 1;
	height: 100%;
	overflow: auto;
	padding: 5px;
	padding-bottom: 0;
}
.cont_row .boxmax_noauto{
	flex: 1;
	height: 100%;
	padding: 5px;
	padding-bottom: 0;
}
.cont_row .boxmax .white{
	height: 100%;
}
.cont_col .boxhmax{
	padding: 5px;
}
.cont_col .boxhmax .white{
	height: 100%;
}
.whitebg{
	background: #fff;
	border: 1px solid #dbd9da;
	border-radius: 5px;
	margin: 5px;
	padding: 7px;
}
.white{
	background: #fff;
	border: 1px solid #dbd9da;
	border-radius: 5px;
	padding: 7px;
}
.white.nopd{
	background: #fff;
	border: 1px solid #dbd9da;
	border-radius: 5px;
	padding: 0;
}
.yellow{
	background: #FEF9EC;
	border: 1px solid #dbd9da;
	border-radius: 5px;
	padding: 7px;
}
.gray{
	background: #f8f8fa;
	border: 1px solid #dbd9da;
	border-radius: 5px;
	padding: 4px;
}
.gray.nopd{
	background: #f8f8fa;
	border: 1px solid #dbd9da;
	border-radius: 5px;
	padding: 0;
}
.overauto{
	overflow: auto;
}
#feed_board .overauto{
	min-height:600px;
}
.overhidden{
	overflow: hidden;
}
#report_opendiv{
	display: none;
}
#reportList{
	margin-top: 23px;
}
.contents_show .contents_paper{
	background: #fff;
	border: 1px solid #dbd9da;
	border-radius: 5px;
	margin: 5px;
	width: 100%;
}
.contents_show .contents_paper .inner_pdbox{
	height: 100%;
	min-height: 600px;
	overflow: auto;
	padding: 7px;
}
.contents_show .contents_paper .inner_box{
	height: 100%;
	min-height: 600px;
	overflow: auto;
	padding: 0;
}
.contents_colshow{
	background: #e8ecee;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	height: 100%;
	max-height: 100vh;
	min-height: 610px;
	padding: 5px;
	width: 100%;
}
.contents_colshow .contents_paper{
	background: #fff;
	border: 1px solid #dbd9da;
	border-radius: 5px;
	display: flex;
	flex: 1;
	margin: 5px;
	width: 100%;
}
.search_div{
	background: #f8f8fa;
	border: 1px solid #dbd9da;
	border-radius: 5px;
	flex: none;
	margin: 5px;
	padding: 2px 4px;
	width: 100%;
}
.search_div .inner_box{
	border-bottom: 1px solid #e8ecee;
	padding: 2px 0;
}
.search_div .inner_box:last-child{
	border-bottom: 0;
}
.consearchinput_list{
	display: flex;
	flex-wrap: wrap;
}
.consearchinput_list label{
	margin-right: 5px;
}
.consearchinput_list label::after{
	border-right: 1px solid #ccc;
	content: '';
	display: inline-block;
	height: 11px;
	margin-left: 7px;
	width: 1px;
}
.consearchinput_list li{
	flex: none;
	padding: 3px 4px;
}
.consearchinput_list li.btndiv{
	margin-left: auto;
}
.consearchinput_list li div{
	display: inline-block;
}
.contents_colshow .contents_paper .inner_pdbox{
	height: 100%;
	min-height: 600px;
	overflow: auto;
	padding: 7px;
}
.contents_colshow .contents_paper .inner_box{
	height: 100%;
	min-height: 600px;
	overflow: auto;
	padding: 0;
}
.bb{
	border-bottom: 1px solid #dadbdc;
}
.chul_btdiv{
	background: #f8f8fa;
	border-bottom: 1px solid #dadbdc;
	display: flex;
	flex-direction: row;
	height: 32px;
	justify-content: space-between;
	padding-right: 10px;
}
.chul_btdiv ul{
	display: flex;
}
.chul_btdiv ul li{
	margin: 2px 3px;
}
.chul_btdiv ul li button{
	font-weight: bold;
	padding: 2px 7px;
}
.chul_btdiv ul li.dot::after{
	background: #dddfeb;
	content: '';
	display: inline-block;
	height: 14px;
	vertical-align: sub;
	width: 1px;
}
.btn{
	background-image: none;
	border: 1px solid transparent;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	margin-bottom: 0;
	min-width: 24px;
	padding: 6px 7px;
	text-align: center;
	touch-action: manipulation;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;
}
.btn:hover{
	border-color: #979bb7;
}
.btn.active{
	background-color: #979bb7;
	color: #fff;
}
.btn.active i, .btn.active svg path{
	color: #fff;
}
#worksort_btn{
	display: none;
}
.bdc0{
	border: 1px solid #979bb7;
}
.btn.style1{
	background-color: #535f77;
	color: #fff;
	cursor: pointer;
}
.bd{border:1px solid #ccc;}
.color1{
	color: #535f77;
}
.bg1{
	background-color: #535f77;
}
.bdc1{
	border: 1px solid #535f77;
}
.color11{
	color: #f8f8fa;
}
.btn.style2{
	background-color: #4f78d1;
	color: #fff;
	cursor: pointer;
}
.color2{
	color: #4f78d1;
}
.bg2{
	background-color: #4f78d1;
}
.bdc2{
	border: 1px solid #4f78d1;
}
.btn.style3{
	background-color: #cd247a;
	color: #fff;
	cursor: pointer;
}
.color3{
	color: #cd247a;
}
.bg3{
	background-color: #cd247a;
}
.bdc3{
	border: 1px solid #cd247a;
}
.btn.style4{
	background-color: #62759f;
	color: #fff;
	cursor: pointer;
}
.color4{
	color: #62759f;
}
.bg4{
	background-color: #62759f;
}
.bdc4{
	border: 1px solid #62759f;
}
.btn.style5{
	background-color: #f9e9ea;
	color: #cd247a;
	cursor: pointer;
}
.color5{
	color: #f9e9ea;
}
.bg5{
	background-color: #f9e9ea;
}
.bdc5{
	border: 1px solid #f9e9ea;
}
.btn.style6{
	background-color: #fff;
	color: #000;
	cursor: pointer;
}
.color6{
	color: #000;
}
.bg6{
	background-color: #fff;
}
.bdc6{
	border: 1px solid #fff;
}
.progress{
	background-color: #eaecf4;
	border: 0;
	border-radius: .35rem;
	display: flex;
	font-size: .75rem;
	height: 1rem;
	line-height: 0;
	overflow: hidden;
}
.progress-bar{
	background-color: #4f78d1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	text-align: center;
	transition: width .6s ease;
	white-space: nowrap;
}
.progress{
	background: #eaecf4;
	border-radius: .35rem;
	cursor: pointer;
	height: 1rem;
	left: 0;
	overflow: hidden;
	position: relative;
	top: 0;
	width: 100%;
}


.progress_subtitle{display: inline-block;
    margin-left:40px;
    font-size: 11px;
    padding: 2px 8px;
    background: #727b8d;
    vertical-align: middle;
    color: #fff !important;
    border-radius: 9px;
}
.progress_percent{margin-left:10px; vertical-align:middle;}

.state{
	background-color: #4f78d1;
	height: 50px;
	left: 0;
	position: absolute;
	top: 0;
	width: 0;
}
.state_span{
	border: 1px solid transparent;
	border-radius: 5px;
	color: #fff;
	flex: none;
	height: 25px;
	line-height: 1.3;
	padding: 4px 8px;
}
.state_span.type1{
	background: #4f78d1;
}
.state_span.type2{
	background: #21b0cc;
}
.state_span.type3{
	background: #21c27b;
}
.state_span.type4{
	background: #f9e9ea;
}
.state_span.type1::after{
	color: #fff;
	content: '요청';
	display: inline-block;
}
.state_span.type2::after{
	color: #fff;
	content: '진행';
	display: inline-block;
}
.state_span.type3::after{
	color: #f8f8f8;
	content: '완료';
	display: inline-block;
}
.state_span.type4::after{
	color: #cd247a;
	content: '보류';
	display: inline-block;
}
.chul_btdiv ul li.dot::after{
	background: #dddfeb;
	content: '';
	display: inline-block;
	height: 14px;
	vertical-align: sub;
	width: 1px;
}
.toggle_right{
	background: transparent;
	border: 1px solid transparent;
	border-radius: 5px;
	height: 25px;
	margin-top: 3px;
	width: 25px;
}
.toggle_right:hover{
	border-color: #979bb7;
}
.toggle_right.active{
	background: #979bb7;
}
.toggle_right.active i, .toggle_right.active svg path{
	color: #fff;
}
.write_div{
	border: 1px solid #000;
	border-radius: 5px;
	font-size: 14px;
	margin-bottom: 5px;
}
.write_div_upt{
	border: 1px solid #4f78d1;
	border-radius: 5px;
	font-size: 14px;
	margin-bottom: 5px;
}

.write_div_upt svg{
	top:3px;
}
.write_btndiv{
	background: #f8f8fa;
	border-radius: 5px;
	border-top: 1px solid #ddd;
	height: auto;
	overflow: hidden;
	padding: 3px;
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.write_btndiv .btn{
	width: 30px;
}
.feed_div, .feedwork_div{
	background: #fff;
	margin: 20px 0 10px 0;
	overflow: hidden;
}
.feed_maintxt{
	font-size: 13px;
	margin: 30px 0;
	white-space: pre-line;
}
.feed_div .cont_div{
	background: #fff;
	padding: 10px;
	padding-top: 20px;
}
.feed_div .cont_div.saved,.feed_div .cont_div.fixed{
	background: #FEF9EC;
	padding-bottom: 10px;
	padding-top: 10px;
}
.listview .feed_div .cont_div.saved{
	margin-bottom: 0;
}
.feedwork_div .cont_div.saved,.feedwork_div .cont_div.fixed{
	background: #FEF9EC;
}
.feed_div .cmt_div{
	background: #f8f8fa;
	display: flex;
	flex-direction: column;
	padding: 0 15px 10px 10px;
}
.feed_div .cmt ul{
	display: flex;
	flex-direction: column;
}
.feed_div .cmt ul li{
	border-top: 1px solid #fff;
	margin: 5px 0;
	padding-top: 5px;
}
.feed_div .cmt ul li:first-child{
	border-top: 0;
}
.feed_div .cmt_inputdiv{
	border: 1px solid #ccc;
	display: flex;
	margin-top: 10px;
	width: 100%;
}
.feed_div .cmt_inputdiv .tb-cell1{
	flex: 1;
}
.feed_div .cmt_inputdiv .tb-cell2{
	margin-left: auto;
	padding-left: 10px;
}
.feed_div .cmt_inputdiv input{
	border: 0;
	height: 26px;
	width: 100%;
}
.feedwork_div .sub_path{
	border-bottom: 1px solid #e3e6f0;
	padding: 7px 0 7px 15px;
}
.feedwork_div .sub_path .chnl_name{
	color: #7F7F7F;
}
.feedwork_div .sub_path .up_workname{
	font-weight: bold;
}
.feedwork_div .sub_path .up_workname::before{
	content: '>';
	display: inline-block;
	font-weight: normal;
	margin: 0 5px;
}
.path_list{
	padding: 10px;
    border-bottom: 1px solid #ddd;
    overflow:hidden;
}
.path_list li:first-child::before{content:'';display:inline-block;width:2px; height:9px;background:#666;margin-right:4px;}
.path_list li {float:left;}
.path_list li span{display:inline-block;padding:0 3px;}
.path_list li:after{position: relative;	top: -1px;	content: '>'; text-align: center;	color: #aaa;}
.path_list li:last-child{font-weight:bold;}
.path_list li:last-child:after{content:'';}

.feedwork_div .cont_div{
	background: #fff;
	overflow: hidden;
	padding: 20px 20px 10px 10px;
}
.feedwork_div .cont_div.fixed{
	padding-top: 10px;
}
.feedwork_div .cmt_div{
	background: #f8f8fa;
	border-top: 1px solid #ececec;
	display: flex;
	flex-direction: column;
	padding: 5px 15px 10px 10px;
}
.feedwork_div .cmt ul{
	display: flex;
	flex-direction: column;
}
.feedwork_div .cmt ul li{
	border-top: 1px solid #fff;
	margin: 5px 0;
	padding-top: 7px;
}
.feedwork_div .cmt ul li:first-child{
	border-top: 0;
}
.feedwork_div .cmt_inputdiv{
	background: #fff;
	border: 1px solid #ccc;
	display: flex;
	margin-top: 10px;
	width: 100%;
}
.feedwork_div .cmt_inputdiv .tb-cell1{
	flex: 1;
}
.feedwork_div .cmt_inputdiv .tb-cell2{
	margin-left: auto;
	margin-top: auto;
	padding-left: 10px;
}
.feedwork_div .cmt_inputdiv input{
	border: 0;
	height: 26px;
	width: 100%;
}
.cmt_inputdiv button{
	background: #eaecf4;
	height: 27px;
	width: 27px;
}
.write_btndiv .cmt_inputdiv button{
	background: transparent;
	height: 29px;
	width: 29px;
}
.write_btndiv .cmt_inputdiv button::before{
	background: #dddfeb;
	content: '';
	display: inline-block;
	height: 14px;
	vertical-align: middle;
	width: 1px;
}
.write_btndiv .cmt_inputdiv button:first-child::before{
	display: none;
}
.write_div input{
	background: transparent !important;
	border: none !important;
	font-size: 13px;
}
.write_div button{
	font-size: 12px;
}
.addinfo_btn:hover{background:#979bb7;}
.addinfo_btn:hover i.fas {color:#fff !important;}
#modal7 input{border:0 !important;}

#work_title{
	width: 100%;
}
.con_txt{
	display: block;
	padding-left: 37px;
	padding-right: 20px;
	white-space: pre-line;
	word-break: keep-all;
}
.sys_fc{color:#456bb9;}

.feedwork_div .con_txt{
	padding-left: 20px;
	white-space: pre-line;
}
.feedwork_div .cmt .con_txt{
	margin-top: -10px !important;
	padding-left: 37px;
}
.feed_div .cmt .con_txt{
	margin-top: -10px !important;
}
.comnum_readnum{
	display: inline-block;
	margin-top: 8px;
	text-align: right;
	vertical-align: middle;
	width: 100%;
}
.comnum_readnum span{
	vertical-align: baseline;
}
.comnum_readnum .comment_sum{
	font-size: 95%;
}
.comnum_readnum .comment_sum::before{
	content: '댓글';
	display: inline-block;
}
.comnum_readnum .comment_sum::after{
	content: '개';
	display: inline-block;
}
.comnum_readnum .viewer_sum{
	cursor: pointer;
	font-size: 95%;
	margin-left: 7px;
}
.comnum_readnum .viewer_sum::before{
	content: '읽음';
	display: inline-block;
}
.comnum_readnum .viewer_sum::after{
	content: '명';
	display: inline-block;
}
.worksub_folddiv .comnum_readnum{
	padding-right: 14px;
}
.read_workdiv input{
	background: transparent !important;
	border: none !important;
}
.order_select{
	height: 24px;
	line-height: 10px;
	margin-bottom: 5px;
	padding: 6px 9px;
}
.write_workdiv{
	border-radius: 5px;
	padding: 10px;
}
.write_workdiv .textbox{
	border-bottom: 1px solid #ddd !important;
	padding-bottom: 5px;
}
.feedwork_div .textbox{
	border-bottom: 1px solid #e9eaed;
	display: flex;
	padding: 3px 0;
}
.feedwork_div .textbox .work_intitle{
	flex: 1;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	text-indent:10px;
}
.feedwork_div .textbox .work_titlenum{
	font-size: 11px;
	margin-left: 0;
}
.feedwork_div .condition_btndiv{
	display: inline-block;
	overflow: hidden;
	margin:4px 0 0 3px;
}
.write_workdiv .condition_btndiv{
	display: inline-block;
	overflow: hidden;
	margin:2px 0 0 3px;
}
.read_workdiv .condition_btndiv button{
	font-size: 14px;
}
.condition_btndiv button{
	border-radius: 0;
	padding:0px 7px 0 5px;
	min-height:25px;
}
.condition_btndiv .fl{
	border:1px solid #ddd;
} 
.condition_btndiv .tab1{
	font-size:11px;
	color:#53596e;
}
.condition_btndiv .tab2, .condition_btndiv .tab3, .condition_btndiv .tab4, .condition_btndiv .tab5{
	background: #fff;
	border-left: 1px solid #ddd;
	border-radius: 0;
	margin-left: -5px;
	color:#53596e;
	border-right: 0;
    border-bottom: 0;
    border-top: 0;
    font-size:11px;
}
.condition_btndiv .tab1.on,.condition_btndiv .tab2.on,.condition_btndiv .tab3.on,.condition_btndiv .tab4.on,.condition_btndiv .tab5.on{
	border-radius: 0;
	color: #fff;
}
.condition_btndiv .tab2.on{
	background: #21b0cc;
}
.condition_btndiv .tab1.on{
	background: #4f78d1;
}
.condition_btndiv .tab3.on{
	background: #cd247a;
}
.condition_btndiv .tab4.on{
	background: #21c27b;
}
.condition_btndiv .tab5.on{
	background: #f9e9ea;
	color: #cd247a;
}
.read_workdiv .condition_btndiv .tab2.on{
	background: #21b0cc;
	color: #fff;
}
.read_workdiv .condition_btndiv .tab1.on{
	background: #4f78d1;
	color: #fff;
}
.read_workdiv .condition_btndiv .tab3.on{
	background: #cd247a;
	color: #fff;
}
.read_workdiv .condition_btndiv .tab4.on{
	background: #21c27b;
	color: #fff;
}
.read_workdiv .condition_btndiv .tab5.on{
	background: #f9e9ea;
	color: #cd247a;
}
.write_workdiv .condition_btndiv .tab2:hover{
	background: #21b0cc;
	color: #fff;
	border-color:#21b0cc;
}
.write_workdiv .condition_btndiv .tab1:hover{
	background: #4f78d1;
	color: #fff;
	border-color:#4f78d1;
}
.write_workdiv .condition_btndiv .tab3:hover{
	background: #cd247a;
	color: #fff;
	border-color:#cd247a;
}
.write_workdiv .condition_btndiv .tab4:hover{
	background: #21c27b;
	color: #fff;
	border-color:#21c27b;
}
.write_workdiv .condition_btndiv .tab5:hover{
	background: #f9e9ea;
	color: #cd247a;
	border-color:#f9e9ea;
}
.read_workdiv .condition_btndiv .tab2:hover{
	background: #21b0cc;
	color: #fff;
	border-color:#21b0cc;
}
.read_workdiv .condition_btndiv .tab1:hover{
	background: #4f78d1;
	color: #fff;
	border-color:#4f78d1;
}
.read_workdiv .condition_btndiv .tab3:hover{
	background: #cd247a;
	color: #fff;
	border-color:#cd247a;
}
.read_workdiv .condition_btndiv .tab4:hover{
	background: #21c27b;
	color: #fff;
	border-color:#21c27b;
}
.read_workdiv .condition_btndiv .tab5:hover{
	background: #f9e9ea;
	color: #cd247a;
	border-color:#f9e9ea;
}
.workmoa_table td{
	text-align: center;
}
.workmoa_table .tab1,.workmoa_table .tab2,.workmoa_table .tab3,.workmoa_table .tab4,.workmoa_table .tab5{
	border-radius: 3px;
	display: block;
	margin: 0 auto;
	width: 70%;
}
.workmoa_table .tab2{
	background: #21b0cc;
	color: #fff;
}
.workmoa_table .tab1{
	background: #4f78d1;
	color: #fff;
}
.workmoa_table .tab3{
	background: #cd247a;
	color: #fff;
}
.workmoa_table .tab4{
	background: #21c27b;
	color: #fff;
}
.workmoa_table .tab5{
	background: #f9e9ea;
	color: #cd247a;
}
.workmoa_table table{
	table-layout: fixed;
	width: 100%;
}
.workmoa_table table th{
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}
.workmoa_table table td{
	font-weight: bold;
	overflow: hidden;
	padding: 9px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.workmoa_table table td.overdate{
	color: #cd247a;
}
.workmoa_table .complate_row td{
	color: #bbb;
	text-decoration: line-through;
}
.inputbox_col{
	display: flex;
	flex-direction: column;
}
.inputbox_col .container,.inputbox_col .form-check{
	min-height: 27px;
}
.color-tab2{
	color: #21b0cc;
}
.color-tab1{
	color: #4f78d1;
}
.color-tab3{
	color: #cd247a;
}
.color-tab4{
	color: #21c27b;
}
.color-tab5{
	color: #f9e9ea;
}
.commentbox{
	background: #f8f9fc;
	border-bottom: 1px solid #e3e6f0;
	padding: .75rem;
}
.work_num{
	background: #f7f7f7;
	border: 1px solid #e5e6e9;
	border-radius: 20px;
	color: #757575;
	display: inline-block;
	float: right;
	font-size: 11px;
	padding: 0 8px;
	text-align: center;
}
.work_num::before{
	color: #757575;
	content: '업무번호';
	display: inline-block;
	font-size: 11px;
	margin-right: 5px;
}
.write_workdiv textarea{
	border: none;
}
.write_workdiv .list{
	position:relative;
	border-bottom: 1px solid #e9eaed;
	min-height:35px;
	padding-top:2px;
	padding-left:5px;	
}
.write_workdiv .list:last-child{border-bottom:0;}
.write_workdiv .list.cont_type{
	border-top: 1px solid #e9eaed;
	border-bottom: 0 !important;
	padding-top:3px;
}

.write_workdiv .list svg{
	display: inline-block;
	line-height: 20px;
	min-width: 20px;
	text-align: center;
	vertical-align: baseline;
	position:relative;
	top:3px;
}
.feedwork_div .list{
	border-bottom: 1px solid #e9eaed;
	height: 35px !important;
	padding: 3px 0;
}
.feedwork_div .list.deal{
	height: auto !important;
	min-height:35px;
}
.feedwork_div .list.condition{
	padding:0 !important;
}
.feedwork_div .list i{
	display: inline-block;
	min-width: 20px;
	text-align: center;
	vertical-align: middle;
}
.feedwork_div .list .fa-history{
	margin-top:11px !important;
}
.feedwork_div .list .fa-calendar-day{
	margin-right:10px !important;
} 
.feedwork_div .list .fa-user-friends{
	margin-top:3px !important;
} 
.feedwork_div .list .fa-flag{
	margin-top:8px !important;
}
.feedwork_div .list .fa-chart-bar{
	margin-top:8px !important;
}

.read_workdiv .list .fa-times{
	display: inline-block;
	font-size: 9px;
	vertical-align: super !important;
}
.read_workdiv .list{
	border-bottom: 1px solid #e9eaed;
	padding: 5px 0;
}
.read_workdiv .list i{
	display: inline-block;
	vertical-align: middle;
}
textarea.autosize{
	min-height: 50px;
}
.report_info .text-dark{
	margin-right: 50px;
}
.report_info > div > span{
	border-bottom: 1px solid #ddd;
	display: inline-block;
	margin-bottom: 20px;
	padding: 3px 10px;
	width: 200px;
}
.report_info .percent{
	display: inline-block;
	float: right;
	font-weight: bold;
}
.tab_container{
	background: #fff;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-radius: 5px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#addinfoBtn_i{font-size:20px;}
#addinfo_btn:hover i{color:#fff !important;}
.refresh.btn .axi-refresh{font-size:13px;}
#tab-1{
	padding: 5px 3px 0 3px;
	border-radius:5px;
}
.tab-link{
	color: #d1d3e2;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-weight: bold;
	height: 28px;
	margin: 0 5px;
	min-width: 30px;
}
.tab-link:hover, .tab-link:hover i{
	color: #000;
}
.tab_list.tab_active .tab-link i{
	color: #fff !important;
}
.tab_list.tab_active .tab-link{
	background: #979bb7;
}
.tab_list::after{
	background: #dddfeb;
	content: '';
	display: inline-block;
	height: 19px;
	vertical-align: -webkit-baseline-middle;
	width: 1px;
}
.tab_list:last-child::after{
	display: none;
}
.month_line{
	position: relative;
}
.title_p{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.title_p span{
	background: #fff;
	border-radius: 28px;
	display: inline-block;
	font-size: 13px;
	padding: 2px 16px;
	position: relative;
}
.title_p::before{
	background: #fff;
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	top: 60%;
	width: 100%;
}
.new_line{
	margin-bottom: 10px;
	padding-top: 0;
	position: relative;
}
.new_p{
	font-size: 13px;
	font-weight: bold;
	padding-left: 1rem;
	text-align: left;
}
.new_p span{
	background: #888;
	border-radius: 11px;
	color: #fff;
	display: inline-block;
	padding: 3px 10px;
	position: relative;
}
.new_p::before{
	background: #ddd;
	border-top: 2px dotted #fff;
	content: '';
	display: block;
	height: 2px;
	position: absolute;
	top: 64%;
	width: calc(100% - 12px);
}
.title{
	font-size: 14px;
	font-weight: bold;
}
#tab-2{
	display: none;
}
.worksub_list{
	margin-top: 5px;
}
.worksub_list > ul > li{
	background: #f8f8fa;
	border: 1px solid #ccc;
	display: flex;
	margin-top: -1px;
	padding: 3px;
	cursor:pointer;
}
.worksub_list > ul > li.overdate{
	background: #ffd2d2;
}
.worksub_list .worksub_tit{
	cursor: pointer;
	flex: 1;
	line-height: 2.2;
	max-width: 94%;
	overflow: hidden;
	padding-left: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.worksub_list > ul > li.overdate .worksub_tit{
	color: red;
}
.worksub_inputwrap{
	border: 1px solid #979bb7;
	border-radius: 5px;
	display: flex;
	margin-top: 7px;
	padding: 3px;
	width: 100%;
}
.work_titlenum::before{
	color: #000;
	content: '보고';
	display: inline-block;
	font-weight: normal;
	margin-right: 5px;
}
.work_titlenum{
	background: #f7f7f7;
	border: 1px solid #e5e6e9;
	border-radius: 15px;
	color: #ff4f4f;
	font-weight: bold;
	padding: 2px 6px;
}
.commentdel_btn, .commentmodi_btn{
	color: #4e73df;
	cursor: pointer;
	display: inline-block;
}
.commentmodi_btn::after{
	content: '|';
	display: inline-block;
	font-size: 9px;
	margin-left: 5px;
}
.search_input{
	flex: 1;
	height: 27px !important;
	padding-left: 10px !important;
}
.search_input:hover, .search_input:focus, .search_input:checked{
	background: #fff;
}
.search_btn{
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
.search_select{
	background: #fff;
	border-bottom-left-radius: 5px;
	border-right: 1px solid #eee;
	border-top-left-radius: 5px;
	font-size: 14px;
	height: 38px;
	min-width: 90px;
}
.input_adddiv{
	width: 100%;
}
#input_add{
	border: 1px solid #ddd;
}
#detailtoggle{
	background: #eaecf4;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	padding: 0;
	width: 15px !important;
}
.sub_bogonum{
	color: #ff4f4f;
	flex: none;
	font-weight: bold;
	line-height: 2;
	margin-left: auto;
	margin-right: 10px;
}
.sub_bogonum i{
	color: #555;
}
.card{
	background-clip: border-box;
	background-color: #fff;
	border: 1px solid #e3e6f0;
	border-radius: .35rem;
	display: flex;
	flex-direction: column;
	margin: 5px;
	min-width: 0;
	padding: 14px;
	position: relative;
	word-wrap: break-word;
}
.collapse-item{
	display: inline-block;
	font-size: 13px;
	min-width: 240px;
	white-space: nowrap;
}
.dropdown-item{
	font-size: 13px;
	text-overflow: ellipsis;
	white-space: nowrap;
	display:inline-block;
	vertical-align:middle;
}
.dropdown-item-btn{
	font-size: 13px;
	overflow: hidden;
	padding: .25rem 0.2rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.collapse-item .span{
	font-size: 11px;
	margin-right: 5px;
}
.lh-1{
	background: #fff;
	padding-left: 1rem;
	z-index: 99;
}
.navbar-nav2 .nav-item .nav-link{
	border-top: 1px solid #e3e4e7;
	padding: .7rem;
}
.navbar-nav2 .nav-item:first-child .nav-link{
	border-top: 0;
}
.tab_list_wrap{
	display: flex;
	flex-direction: row;
}
.tab_list_wrap .tab_list{
}
.status-indicator{
	border-radius: 100%;
	display: inline-block;
	height: 8px;
	margin-right: 5px;
	width: 8px;
}
.bg-none{
	background-color: #CACFD5 !important;
}
.bg-new{
	background-color: red !important;
}
.bg-success{
	background-color: #1cc88a !important;
}
.bg-leave{
	background-color: #1d48a0 !important;
}
.list-feed{
	background: url(../img/list-feed.svg) center center no-repeat;
	height: 100%;
	width: 16px;
}
.face_icon-s{
	position: relative;
	width: 30px;
}
.face_icon-s span{
	vertical-align: baseline;
}
.face_icon-s .user_photo{
	background: url(../img/undraw_profile.svg) no-repeat;
	border-radius: 100%;
	float: left;
	height: 24px;
	margin-right: 5px;
	overflow: hidden;
	width: 24px;
	border:1px solid #ededed;
}
.face_icon-s .user_photo img{
	background-size: cover;
	vertical-align: top;
	width: 24px;
	image-rendering: pixelated;
	object-fit:cover;
}
.face_icon-s .bg-success,
 .face_icon-s .bg-leave{
	border: 1px solid #fff;
	position: absolute;
	right: 1px;
	top: 17px;
}
#sidebarToggleTop{
	background: #eaecf4;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	padding: 0;
	width: 15px !important;
}
.sidebar{
	min-height: 100vh;
	width: 6.5rem;
}
.sidebar .nav-item{
	position: relative;
}
.sidebar .nav-item:last-child{
	margin-bottom: 1rem;
}
.sidebar .nav-item .nav-link{
	padding: .75rem 1rem;
	text-align: center;
	width: 6.5rem;
}
.sidebar .nav-item .nav-link span{
	display: block;
	font-size: 0.7rem;
	word-break: keep-all;
}
.sidebar .nav-item.active .nav-link{
	font-weight: 700;
}
.sidebar .nav-item .collapse{
	left: calc(6.5rem + 1.5rem / 2);
	position: absolute;
	top: 2px;
	z-index: 10;
}
.sidebar .nav-item .collapse .collapse-inner{
	border-radius: .35rem;
	box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
}
.sidebar .nav-item .collapsing{
	display: none;
	transition: none;
}
.sidebar .nav-item .collapse .collapse-inner,
.sidebar .nav-item .collapsing .collapse-inner{
	font-size: .85rem;
	min-width: 10rem;
	padding: .5rem 0;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-header,
.sidebar .nav-item .collapsing .collapse-inner .collapse-header{
	color: #444;
	font-size: .8rem;
	font-weight: 800;
	margin: 0;
	padding: .8rem 0 .3rem 1rem;
	text-transform: uppercase;
	white-space: nowrap;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item{
	border-radius: 0;
	color: #3a3b45;
	display: block;
	margin: 0;
	padding: .5rem 1rem;
	text-decoration: none;
	white-space: nowrap;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover{
	background-color: #eaecf4;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item:active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:active{
	background-color: #dddfeb;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active{
	color: #4e73df;
	font-weight: 700;
}
.sidebar2 .nav-item .collapse .collapse-inner .collapse-item,
.sidebar2 .nav-item .collapsing .collapse-inner .collapse-item{
	border-radius: .35rem;
	color: #3a3b45;
	display: block;
	margin: 0 .5rem;
	padding: .6rem 1rem;
	text-decoration: none;
	white-space: nowrap;
}
.sidebar2 .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar2 .nav-item .collapsing .collapse-inner .collapse-item:hover{
	background-color: #eaecf4;
}
.sidebar2 .nav-item .collapse .collapse-inner .collapse-item:active,
.sidebar2 .nav-item .collapsing .collapse-inner .collapse-item:active{
	background-color: #dddfeb;
}
.sidebar2 .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar2 .nav-item .collapsing .collapse-inner .collapse-item.active{
	color: #4e73df;
	font-weight: 700;
}
.sidebar #sidebarToggle{
	cursor: pointer;
	height: 2.5rem;
	margin-bottom: 1rem;
	text-align: center;
	width: 2.5rem;
}
.sidebar #sidebarToggle::after{
	content: '\f104';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: .1rem;
}
.sidebar #sidebarToggle:hover{
	text-decoration: none;
}
.sidebar #sidebarToggle:focus{
	outline: 0;
}
.sidebar.toggled{
	overflow: hidden;
	width: 0 !important;
}
.sidebar.toggled #sidebarToggle::after{
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	margin-left: .25rem;
}
.sidebar.toggled .sidebar-card{
	display: none;
}
.sidebar .sidebar-brand{
	font-size: 1rem;
	font-weight: 800;
	height: 4.375rem;
	letter-spacing: .05rem;
	padding: 1.5rem 1rem;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	z-index: 1;
}
.sidebar .sidebar-brand .sidebar-brand-icon i{
	font-size: 2rem;
}
.sidebar .sidebar-brand .sidebar-brand-text{
	display: none;
}
.sidebar hr.sidebar-divider{
	margin: 0 1rem 0.4rem;
}
.sidebar .sidebar-heading{
	font-size: .65rem;
	font-weight: 800;
	padding: 0 1rem;
	text-align: center;
}
.sidebar .sidebar-card{
	align-items: center;
	background-color: rgba(0, 0, 0, .1);
	border-radius: .35rem;
	color: rgba(255, 255, 255, .8);
	display: flex;
	flex-direction: column;
	font-size: .875rem;
	margin-bottom: 1rem;
	margin-left: 1rem;
	margin-right: 1rem;
	padding: 1rem;
}
.sidebar .sidebar-card .sidebar-card-illustration{
	display: block;
	height: 3rem;
}
.sidebar .sidebar-card .sidebar-card-title{
	font-weight: 700;
}
.sidebar .sidebar-card p{
	color: rgba(255, 255, 255, .5);
	font-size: .75rem;
}
.face_icon{
	position: relative;
	width: 36px;
}
.face_icon .user_photo{
	background: url(../img/undraw_profile.svg) no-repeat;
	border: 1px solid #eee;
	border-radius: 100%;
	float: left;
	height: 32px;
	margin-right: 5px;
	overflow: hidden;
	width: 32px;
	border:1px solid #ededed;
}
.face_icon .user_photo img{
	background-size: cover;
	vertical-align: top;
	width: 32px;
	image-rendering: pixelated;
}
.face_icon .bg-success,
 .face_icon .bg-leave{
	border: 1px solid #fff;
	position: absolute;
	right: 0;
	top: 25px;
}
.btn_simple{
	border: 1px solid rgba(0, 0, 0, .125);
	border-left: 0;
	border-radius: 0;
	border-right: 0;
	display: block;
	margin-top: 10px;
	width: 100%;
}
.face_icon .status-indicator{
	height: 10px;
	width: 10px;
}
.collapse-item .depart::before{
	content: '(';
	display: inline-block;
}
.collapse-item .depart::after{
	content: ')';
	display: inline-block;
}
#file_boxdiv .name_div::before{
	content: '|';
	display: inline-block;
	font-weight: normal;
	margin-right: 5px;
	vertical-align: middle;
}
.name_div{
	display: inline-block;
	font-size: 13px !important;
	font-weight: bold;
}
.name_div .depart{
	font-size: 11px;
	font-weight: normal;
	margin-right: 5px;
}
.feedwork_div .name_div{
	display: inline-block;
	font-size: 13px !important;
	font-weight: bold;
	margin-top: 0 !important;
}
.saved_sign{
	color: #8b8882;
	padding: 6px 9px;
}
.saved_sign .fa-bookmark{
	color: #ff4f4f;
	margin-right: 10px;
	vertical-align: baseline;
}
.fas.fa-bookmark{
	color: #ff4f4f;
}
.fixed_sign{
	color: #8b8882;
	padding: 0 9px 6px 5px;
}
.fixed_sign .fa-thumbtack{
	color: #E8912D;
	margin-right: 10px;
	vertical-align: baseline;
}
.fixed .fa-thumbtack{
	color: #E8912D;
}
.fixed_btn.on i{
	color: #E8912D;
}
.bookmark_btn.on i{
	color: #ff4f4f;
}
.fixed .fas.fa-bookmark{
	color: #ff4f4f;
}
.saved_sign .axi-bookmark{
	color: #ff4f4f;
	margin-right: 10px;
	vertical-align: baseline;
}
.axi.axi-bookmark{
	color: #ff4f4f;
}
.fixed_sign .axi-thumb-tack{
	color: #E8912D;
	margin-right: 10px;
	vertical-align: baseline;
}
.fixed .axi-thumb-tack{
	color: #E8912D;
}
.fixed .axi.axi-bookmark{
	color: #ff4f4f;
}
.paging{
	bottom: 7px;
	display: block;
	height: 30px;
	left: 14%;
	margin: 0 auto;
	position: absolute;
	width: 80%;
}
.paging a{
	background: #fff;
	border: solid 1px #e9e7e7;
	color: #707070;
	display: inline-block;
	font-size: 13px;
	height: 28px;
	line-height: 28px;
	margin-right: 1px;
	text-align: center;
	vertical-align: top;
	width: 26px;
}
.paging a:hover{
	background: #f8f8fa;
	color: #505050;
	text-decoration: underline;
}
.paging .on{
	background: #9b9b9b;
	border: solid 1px #9b9b9b;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	text-align: center;
	vertical-align: top;
	width: 26px;
}
.paging .btn{
	margin: 0 10px;
}
.paging .hide{
	background: #fff;
	border: solid 1px #d5d5d5;
	font-size: 0;
	text-indent: -9999px;
	width: 26px;
}
.paging .prevEnd, .prevEnd:hover{
	background: url('../img/sub/paging_prev2.png') no-repeat center center !important;
}
.paging .nextEnd, .nextEnd:hover{
	background: url('../img/sub/paging_next2.png') no-repeat center center !important;
}
.dhtml_grid{
	display: flex;
	flex-direction: column;
	height: inherit !important;
	min-height: inherit !important;
	min-width: inherit !important;
	position: relative;
	width: inherit !important;
}
.outer_line_grid{
	display: flex;
    flex-direction: column;
    min-height: 200px;
	height: calc(100vh - 134px);
	height: -ms-calc(100vh - 134px);
	height: -webkit-calc(100vh - 134px);
	position:relative;
}
.dhtml_line{
	height: 100%;
	min-height: 1px;
	overflow: hidden;
}
.flex .inner_line_grid.left{
	border: 1px solid #d1d8e4;
	border-bottom: 0;
	border-left: 0;
	display: flex;
	flex-direction: column;
	min-height: 200px;
}
.flex .inner_line_grid.right{
	border: 1px solid #d1d8e4;
	border-bottom: none;
	border-left: none;
	display: flex;
	flex-direction: column;
	min-height: 200px;
}
.flex .outer_line_grid.left{
	border: 1px solid #d1d8e4;
	border-bottom: 0;
	border-left: 0;
	display: flex;
	flex-direction: column;
	min-height: 200px;
}
.flex .outer_line_grid.right{
	border: 1px solid #d1d8e4;
	border-bottom: none;
	border-left: none;
	display: flex;
	flex-direction: column;
	min-height: 200px;
}
.dhtml_grid{
	display: flex;
	flex-direction: column;
	height: inherit !important;
	min-height: inherit !important;
	min-width: inherit !important;
	width: inherit !important;
}
.dhtml_line_paging{
	border-bottom: 1px solid #dfdfdf;
	height: calc(100% - 45px) !important;
	overflow: hidden;
}
.dhtml_line{
	border-bottom: 1px solid #dfdfdf;
	height: 100%;
	min-height: inherit;
	overflow: hidden;
}
.tab_dhtml_line{
	border-bottom: 1px solid #dfdfdf;
	height: 100%;
	min-height: inherit;
	overflow: hidden;
}
.outer_line_form{
	display: flex;
	flex-direction: column;
	height: calc(100vh - 43px) !important;
	min-height: calc(100% - 43px) !important;
	overflow: auto;
}
.inner_line_form.left{
	border: 1px solid #d1d8e4;
	border-bottom: 0;
	border-left: 0;
	display: flex;
	flex-direction: column;
	height: calc(100vh - 59px) !important;
	margin-top: 5px;
	min-height: calc(100% - 43px) !important;
	overflow: auto;
}
.inner_line_form.right{
	border: 1px solid #d1d8e4;
	border-bottom: 0;
	border-right: 0;
	display: flex;
	flex-direction: column;
	height: calc(100vh - 59px) !important;
	margin-top: 5px;
	min-height: calc(100% - 43px) !important;
	overflow: auto;
}
.right .detail_type01{
	border: solid 1px #ededed;
	border-right: 0;
}
.detail_type01{
	border-bottom: none;
	border-top: none;
	clear: both;
}
.detail_type01 table{
	background: #fff;
	border-bottom: none;
	clear: both;
	width: 100%;
}
.detail_type01 table th{
	background: #f8f8fa;
	border-bottom: solid 1px #ddd;
	border-left: solid 1px #ededed;
	border-right: solid 1px #ededed;
	color: #53596e;
	font-weight: bold;
	letter-spacing: -.5px;
	min-width: 50px;
	padding: 4px 10px;
	position: relative;
	text-align: left;
	vertical-align: middle;
}
.detail_type01.bdtop{
	border-top: solid 1px #ddd;
}
.detail_type01 table tr th:first-child{
	border-left: none;
}
.detail_type01 table td{
	border-bottom: solid 1px #ddd;
	color: #495057;
	font-size: 0.75rem;
	letter-spacing: -.3px;
	line-height: 20px;
	padding: 4px 4px 4px 5px;
	position: relative;
	text-align: left;
	vertical-align: top;
}
.item button{
	background: #f8f8fa;
	border-color: #979bb7;
	font-weight: bold;
}
.essential_icon{
	background: #f8f8fa url(../img/sub/essential_icon.png) no-repeat !important;
}
.list-group{
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
	padding-left: 0;
}
.list-group-item-action{
	color: #6e707e;
	text-align: inherit;
	width: 100%;
}
.list-group-item-action:focus,
.list-group-item-action:hover{
	background-color: #f8f9fc;
	color: #6e707e;
	text-decoration: none;
	z-index: 1;
}
.list-group-item-action:active{
	background-color: #eaecf4;
	color: #858796;
}
.list-group-item{
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .125);
	border-left: 0;
	border-right: 0;
	display: block;
	padding: .75rem 1.25rem;
	position: relative;
}
.list-group-item:first-child{
	border-top: 0;
}
.list-group-item:last-child{
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled{
	background-color: #fff;
	color: #858796;
	pointer-events: none;
}
.list-group-item.active{
	background-color: #4e73df;
	border-color: #4e73df;
	color: #fff;
	z-index: 2;
}
.list-group-item + .list-group-item{
	border-top-width: 0;
}
.list-group-item + .list-group-item.active{
	border-top-width: 1px;
	margin-top: -1px;
}
.list-group-horizontal{
	flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child{
	border-bottom-left-radius: .35rem;
	border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child{
	border-bottom-left-radius: 0;
	border-top-right-radius: .35rem;
}
.list-group-horizontal > .list-group-item.active{
	margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item{
	border-left-width: 0;
	border-top-width: 1px;
}
.list-group-horizontal > .list-group-item + .list-group-item.active{
	border-left-width: 1px;
	margin-left: -1px;
}

.rounded{
	border-radius: 100%;
}
.accordion-toggle{
	border-top: 1px solid #e3e4e7;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: .7rem;
}
.accordion-content{
	display: none;
}
.accordion-content.active{
	display: block;
}
#detail_info li div ul li:first-child a{
	border-top: 0;
}
.dropbtn{
	border: 1px solid transparent;
	border-radius: 5px;
	cursor: pointer;
	height: 26px;
	padding: 0 11px;
}
.dropbtn i{
	pointer-events: none;
}
.dropbtn:hover, .dropbtn:focus{
	border: 1px solid #979bb7;
}
.dropdown{
	display: inline-block;
	position: relative;
}
.dropdown-content, .dropdown-content-right{
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	display: none;
	min-width: 100px;
	position: absolute;
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	z-index: 1;
}
.dropdown-content-right{
	right: 0;
}
.dropdown-content a, .dropdown-content-right a{
	color: black;
	display: block;
	padding: 3px 13px;
	text-decoration: none;
}
.dropdown-content a:hover, .dropdown-content-right a:hover{
	background-color: #f8f8fa;
}
.show{
	display: block;
}
.menu-toggler{
	background: none;
	border: none;
	cursor: pointer;
	outline: none;
	position: relative;
	width: 30px;
	z-index: 99;
}
.collapse{
	padding: 10px 0;
}
.collapse:first-child{
	padding: 0;
}
.icon_holiday{
	background: url('../img/parasol.png') center center no-repeat;
	background-size: 16px 16px;
	display: inline-block;
	height: 16px;
	margin-left: 5px;
	position: relative;
	vertical-align: middle;
	width: 16px;
}
.holiday_div{
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	bottom: 20px;
	display: none;
	padding: 10px 8px;
	position: absolute;
	right: -10px;
	text-align: center;
	z-index: 90;
}
.holiday_div::before{
	background: url('../img/parasol.png') 30% center no-repeat;
	background-size: 16px 16px;
	content: '휴가 중';
	display: block;
	display: inline-block;
	font-weight: bold;
	padding-left: 20px;
	width: 100%;
}
.icon_holiday:hover .holiday_div{
	display: block;
}
.holiday_date{
	display: block;
}
.holiday_date:after, .holiday_date:before{
	border: solid transparent;
	content: "";
	height: 0;
	pointer-events: none;
	position: absolute;
	right: 5px;
	top: 100%;
	width: 0;
}
.holiday_date:after{
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fff;
	border-width: 6px;
	margin-left: -30px;
	right: 7px;
}
.holiday_date:before{
	border-color: rgba(194, 225, 245, 0);
	border-top-color: rgba(0,0,0,.15);
	border-width: 8px;
	margin-left: -36px;
}
.dmemberadd_btn{
	font-size: 13px;
	font-weight: bold;
	padding: 10px 0;
}
#collapseMember .collapse-item{
	padding: 5px 7px;
}
#searchfile_result, #search_result{
	display: none;
}
.searchcon_txt{
	color: #888;
	display: block;
	overflow: hidden;
	padding-left: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	word-break: normal;
}
.contents.listview .type_work::before{
	background: #f4f4f4;
	border: 1px solid #e5e6e9;
	border-radius: 2px;
	content: '업무';
	display: inline-block;
	font-weight: bold;
	margin-right: 5px;
	padding: 1px 6px;
	text-align: center;
	width: 45px;
}
.contents.listview .type_txt::before{
	background: #f4f4f4;
	border: 1px solid #e5e6e9;
	border-radius: 2px;
	content: '글';
	display: inline-block;
	font-weight: bold;
	margin-right: 5px;
	padding: 1px 6px;
	text-align: center;
	width: 45px;
}
.contents.listview .type_cmt::before{
	background: #f4f4f4;
	border: 1px solid #e5e6e9;
	border-radius: 2px;
	content: '댓글';
	display: inline-block;
	font-weight: bold;
	margin-right: 5px;
	padding: 1px 6px;
	text-align: center;
	width: 45px;
}
.contents.listview .type_file::before{
	background: #f4f4f4;
	border: 1px solid #e5e6e9;
	border-radius: 2px;
	content: '파일';
	display: inline-block;
	font-weight: bold;
	margin-right: 5px;
	padding: 1px 6px;
	text-align: center;
	width: 45px;
}
.match_txt{
	background: #fff36f;
	display: inline-block;
	vertical-align: baseline;
}
.search_answerdiv .name_div{
	margin-top: 0;
}
.search_answerdiv .searchcon_txt{
	margin-top: -11px;
}
.search_answerdiv.mycmt .mycmt_link{
	background: #f5f8fa;
	color: #4567ba;
	display: block;
	margin-bottom: 8px;
	padding: 5px 10px;
}
.search_answerdiv.mycmt .mycmt_link p{
	background: #f5f8fa;
	color: #4567ba;
	font-size: 12px;
}
.search_answerdiv.mycmt .mycmt_link i{
	color: #4567ba;
	float: right;
	line-height: 1.5;
}
.search_answerdiv .searchcon_txt.coan_txt{
	padding-left: 2px !important;
}
.search_answerdiv ul li{
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	overflow: hidden;
	padding: 10px 0;
}
.search_answerdiv ul li:last-child{
	border-bottom: 0;
}
.filelist_div{
	display: flex;
	flex-direction: column;
}
.filelist_div .name_div{
	color: #606060;
	display: block;
	padding: 0 0 8px 8px;
}
.filelist_div .name{
	display: inline-block;
	margin-right: 5px;
}
.filelist_div .date{
	display: inline-block;
	font-weight: normal;
}
.filelist_div ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
}
.filelist_div ul li{
	border: 1px solid #ddd;
	border-radius: 6px;
	float: left;
	height: 153px;
	margin: 4px;
	min-width: 192px;
	overflow: hidden;
	padding: 0;
	width: 12%;
}
.file_kindsview{
	background: #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	height: 90px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
.file_kindsview i{
	color: #43A7E3;
	font-size: 25px;
	left: 47%;
	position: absolute;
	top: 34%;
}
.filelist_div .file_name{
	color: #000;
	font-weight: bold;
	max-width: 100%;
	overflow: hidden;
	padding: 8px 8px 4px 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.search_title, .ch_title, .temp_title{
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 5px;
}
.temp_title{
	margin-bottom: 5px;
}
.pointme_title{
	color: #999;
	font-size: 12px;
}
.pointme_title i{
	display: inline-block;
	margin: 0 5px;
	vertical-align: baseline;
}
.pointme_title .mention{
	display: inline-block;
	font-weight: bold;
	margin-top: -3px;
}
#tabbarObj .dhxtabbar_tabs_top{
	padding-left: 0 !important;
}
.inherit #tabbarObj .dhxtabbar_cont{
	height: inherit !important;
	min-height: inherit !important;
}
.contents.listview .face_icon,.contents.listview .rbtndiv,.contents.listview .cmt_div,.contents.listview .month_line,.contents.listview .depart,.contents.listview .position, .contents.listview .comnum_readnum .viewer_sum,.contents.listview .month_line, .contents.listview .new_line,.contents.listview .worksub_div,.contents.listview .con_txt .list,.contents.listview .feed_maintxt,.contents.listview .work_titlenum,.contents.listview .addfile_div,.contents.listview .saved_sign,.contents.listview .fixed_sign,.contents.listview .write_div,.contents.listview .work_titlenum{
	display: none;
}
.contents.listview .con_txt{
	display: inline-block;
	font-weight: bold;
	margin-top: -33px;
	overflow: hidden;
	padding-left: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: calc(100% - 190px);
}
.contents.listview .feedwork_div .cont_div{
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%);
	padding-bottom: 13px;
	padding-top: 7px;
}
.contents.listview .feed_div .cont_div{
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%);
	height: 38px;
	padding-top: 5px;
}
.worksub_div{
	margin-bottom: 5px;
}
.worksub_num{
	color: #ff4f4f;
	font-weight: bold;
	margin-left: 5px;
}
.contents.listview .registrant{
	float: right;
}
.registrant .date{
	color: #777;
	margin-left: 5px;
}
.contents.listview .comnum_readnum .comment_sum{
	color: #4f78d1;
	display: inline-block;
	font-size: 100%;
	font-weight: bold;
	margin-top: 8px;
}
.contents.listview .comnum_readnum .comment_sum::before{
	content: '(';
	display: inline-block;
}
.contents.listview .comnum_readnum .comment_sum::after{
	content: ')';
	display: inline-block;
}
.contents.listview .feedwork_div .comnum_readnum .comment_sum{
	color: #4f78d1;
	display: inline-block;
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
}
.contents.listview .name{
	color: #8b8882;
}
.contents.listview .name::before{
	content: '|';
	display: inline-block;
	margin-right: 5px;
}
.contents.listview .registrant{
	line-height: 16px;
	margin-right: 34px;
	text-align: right;
}
.contents.listview .collapse-item{
	min-width: auto;
}
.contents.listview .comnum_readnum{
	display: inline-block;
	float: right;
	font-size: 100%;
	margin-top: -43px;
}
.contents.listview .feed_div{
}
.contents.listview .feedwork_div .cont_div{
	height: 38px;
	padding-bottom: 6px;
}
.contents.listview .feedwork_div .registrant{
	margin-bottom: -18px;
}
.contents.listview .feedwork_div .registrant .date{
	display: inline-block;
	margin-top: 3px;
}
.contents.listview .write_div{
	margin-bottom: 10px;
}
.contents.listview .feedwork_div .textbox{
	border-bottom: 0;
}
.contents.listview .feedwork_div{
	height: 38px;
}
.work_moreinfo .startdate{
	margin-left:9px;
}
.work_moreinfo .startdate,.work_moreinfo .end_date{	
	display: inline-block;
    margin-top: 4px;
}
.work_moreinfo > .list .fa-flag + a{
	display: inline-block;
    margin-top: 3px;
}
.write_div_upt .write_workdiv .fa-flag + .dropdown, .work_moreinfo > .list .fa-flag + .dropdown{
	margin-top:3px;
}
.write_div_upt .input_calen{
	border:0;
}
.write_div_upt .checks{
	margin-top:3px;
}
#collapseMember{
	padding: 9px 0;
}
.popup{
	background: #fff;
	color: #505050;
	display: none;
	height: auto;
	padding: 8px 10px 0px 10px;
	position: absolute;
}
.paginate{
	clear: both;
	margin-bottom: 13px;
	margin-top: 10px;
	position: relative;
	text-align: center;
	width: 100%;
}
.paginate:after{
	clear: both;
	content: '';
	display: block;
}
.paginate .first{
	color: #aaa;
	cursor: pointer;
	display: inline-block;
	font-family: tahoma;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	margin-right: 8px;
	position: relative;
	text-align: center;
	width: 24px;
}
.paginate .first:hover{
	background: #eee;
	color: #707070;
}
.paginate .prev{
	color: #aaa;
	cursor: pointer;
	display: inline-block;
	font-family: tahoma;
	font-size: 11px;
	height: 20px;
	margin: 0 4px 0 0;
	position: relative;
	text-align: center;
	width: 24px;
}
.paginate .prev:hover{
	background: #eee;
	color: #707070;
}
.paginate .last{
	color: #aaa;
	cursor: pointer;
	display: inline-block;
	font-family: tahoma;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	margin-left: 8px;
	position: relative;
	text-align: center;
	width: 24px;
}
.paginate .last:hover{
	background: #eee;
	color: #707070;
}
.paginate .next{
	color: #aaa;
	cursor: pointer;
	display: inline-block;
	font-family: tahoma;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	margin: 0 0 0 4px;
	position: relative;
	text-align: center;
	width: 24px;
}
.paginate .next:hover{
	background: #eee;
	color: #707070;
}
.paginate a{
	border-radius: 100%;
	color: #666;
	display: inline-block;
	font-family: tahoma;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	margin: 0 2px;
	position: relative;
	text-align: center;
	width: 24px;
}
.paginate a:hover{
	background: #eee;
	border-radius: 100%;
	color: #606060;
}
.paginate .active{
	background: #4f78d1;
	border: 1px solid #4f78d1;
	color: #fff;
}
.paginate .active:hover{
	background: #4f78d1;
	border: 1px solid #4f78d1;
	color: #fff;
}
#modal2{
	display: none;
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
#modal2 h2{
	margin: 0;
}
#modal2 .modal_layer{
	background: rgba(0,0,0,0.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}
#modal2 .modal_content{
	background: #fff;
	border-top: 2px solid #1d48a0;
	display: flex;
	flex-direction: column;
	left: 50%;
	margin: 0 auto;
	pointer-events: auto;
	position: fixed;
	top: 50%;
	transform: translate(-50%,-50%);
	width: auto;
}
#modal2 .modal_header{
	background: #f8f8fa;
	border-bottom: 1px solid #dee2e6;
	display: flex;
	justify-content: flex-start;
	justify-content: space-between;
	padding: 5px 15px;
}
#modal2 .modal_body{
	display:flex;
	position: relative;
}
#modal2 .modal_footer{
	border-top: 1px solid #dee2e6;
	display: flex;
	flex-shrink: 0;
	flex-wrap: wrap;
	justify-content: flex-end;
}
#modal3{
	display: none;
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
#modal3 h2{
	margin: 0;
}
#modal3 .modal_layer{
	background: rgba(0,0,0,0.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}
#modal3 .modal_content{
	background: #fff;
	border-top: 2px solid #1d48a0;
	display: flex;
	flex-direction: column;
	left: 50%;
	margin: 0 auto;
	pointer-events: auto;
	position: fixed;
	top: 50%;
	transform: translate(-50%,-50%);
	width: auto;
}
#modal3 .modal_header{
	background: #f8f8fa;
	border-bottom: 1px solid #dee2e6;
	display: flex;
	justify-content: flex-start;
	justify-content: space-between;
	padding: 5px 15px;
}
#modal3 .modal_body{
	display: flex;
	position: relative;
}
#modal3 .modal_footer{
	border-top: 1px solid #dee2e6;
	display: flex;
	flex-shrink: 0;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.addfile_div{
	align-items: center;
	background: #fff;
	border: 1px solid #ddd;
	display: flex;
	flex-direction: row;
	margin: 10px 15px 10px 35px;
	padding: 6px 10px;
}
.addfile_div .addfile_info{
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}
.addfile_div .addfile_size{
	color: #999;
	display: inline-block;
	margin-left: 10px;
}
.addfile_div .addfile_type{
	align-items: center;
	background: #fff;
	border-radius: 5px;
	display: flex;
	height: 25px;
	justify-content: center;
	margin-right: 10px;
	width: 25px;
}
.addfile_div .addfile_type i{
	color: #43a7e3;
	font-size: 16px;
}
#memberList, #content-7, #content-8{
	padding: 10px;
}
#managerBox li{
	cursor: pointer;
	margin-right: 3px;
	margin-top: 5px;
}
.adding_group{
	clear: both;
	display: block;
	padding: 0 5px 5px 5px;
	width: 485px;
}
.adding_group ul{
	display: flex;
	flex-wrap: wrap;
	margin-left:10px;
}
.adding_group ul li{
	background: #fff;
	border: 1px solid #dbd9da;
	border-radius: 20px;
	margin-right: 1px;
	padding: 0 6px;
}
.adding_group ul li::after{
	content: 'X';
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	margin-left: 4px;
}
.add_group{
	clear: both;
	display: block;
	width: 100%;
}
.add_group ul{
	display: flex;
	flex-wrap: wrap;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
}
.add_group ul li{
	background: #fff;
	border: 1px solid #dbd9da;
	border-radius: 8px;
	margin-right: 2px;
	padding: 1px 6px;
}
.add_group ul li::after{
	content: 'X';
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	margin-left: 4px;
	vertical-align:text-top;
}
.cmt_bogoer{
	vertical-align: baseline;
}
.cmt_bogogobtn{
	color: #4e73df;
	display: inline-block;
	text-decoration: underline;
}
.startdate, .enddate, .manager{
	vertical-align: middle;
	min-width: 100px;
	word-break: keep-all;
}
.manager{
	padding-left:6px;
}
.feedwork_div .manager{
	display: inline-block;
    margin-top: 4px;
}
.tilde{
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
}
#simple_write{
	border: none;
	color: #000;
}
.modal_body .list{
	padding: 10px 0 0 10px;
}
.linkcolor{
	color: #4e73df;
}
.r_closebtn{
	display: inline-block;
	float: right;
	min-height: auto;
	position: relative;
	right: 0;
}
.sub_arrow::after{
	color: #666;
	content: 'ㄴ';
	display: inline-block;
	margin: 2px;
}
.worksub_folddiv{
	background: #fff;
	border: 1px solid #ccc;
	border-top: 0;
}
.worksub_folddiv input, .worksub_folddiv textarea, .worksub_inputdiv input,.worksub_inputdiv textarea{
	border: 0;
}
.overdate, .overdate > span{
	color: #e55050;
}
.overdate.progress-bar{
	background-color: #e55050 !important;
}
#workmoa_cont{
	background: #fff;
	border: 1px solid #dbd9da;
	border-radius: 5px;
	display: block;
	margin: 5px;
}
.reportlist_table{
	border: 1px solid #ddd;
	border-radius: 5px;
	max-height: 250px;
	overflow: auto;
	padding: 5px 19px 5px 19px;
}
.reportlist_table table{
	width: 100%;
	border-collapse:collapse;
}
.reportlist_table table th{
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}
.reportlist_table table td{
	max-width: 400px;
	overflow: hidden;
	padding: 5px 0;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.reportlist_table table td:first-child{
	cursor: pointer;
}
.percent_td .percent{
	color: #4f78d1;
	font-weight: bold;
}
.percent_td .percent::before{
	background: #ddd;
	content: '';
	display: inline-block;
	position: absolute;
	width: 100%;
	z-index: -1;
}
#modal2 .modal_body{
	display: flex;
	flex-direction: column;
	padding: 15px;
}
#modal2 div.viewerpop.modal_body{
	padding: 0;
}
.channel_newjoin{
	text-align: center;
}
.channel_newjoin > .join_info{
	background: #f8f8fa;
	border: 1px solid #dbd9da;
	border-radius: 10px;
	color: #666;
	margin: 5px 0;
	padding: 2px;
}
.sub_work{
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-top: 5px;
	padding: 15px;
	padding-left: 20px;
}
.worksub_folddiv .cont_div{
	padding: 0;
	padding-top: 20px;
}
.worksub_folddiv .con_txt{
	padding: 0 15px;
}
.worksub_folddiv .cmt_div{
	background: #fafafb;
}
.worksub_folddiv .cmt ul li{
	border-top: 1px solid #ececec;
}
.worksub_folddiv .comnum_readnum{
	padding-bottom: 15px;
}
.mytext_list ul li{
	align-items: center;
	background: #fff;
	cursor: pointer;
	display: flex;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 7px 15px;
}
.mytext_list .ch{
	display: inline-block;
    margin-right: 10px;
    font-weight: bold;
    font-size: 12px;
    padding: 2px 10px 2px 0;
    text-align: center;
    border-right: 1px solid #ebebeb;
    color:#4567ba;
}
.mytext_list .type{
	background: #f4f4f4;
	border: 1px solid #e5e6e9;
	border-radius: 2px;
	display: inline-block;
	color:#444;
	margin-right: 5px;
	padding: 1px 4px;
	text-align: center;
}
.mytext_list .tit{
	flex: 1;
	max-width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mytext_list .tit_div{
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;	    
}
.mytext_list .right_div{
	margin-left: auto;
}
.mytext_list .writer:before{
	content: '|';
	display: inline-block;
}
.mytext_list .writer, .mytext_list .writer:before, .mytext_list .timeset{
	margin-right: 5px;
}
.mytext_list .writer{
	margin-left: auto;
}
.mytext_list .cmt_num:before{
	content: '(';
	display: inline-block;
}
.mytext_list .cmt_num{
	color: #4f78d1;
	font-weight: bold;
}
.mytext_list .cmt_num:after{
	content: ')';
	display: inline-block;
}
.uncheckli_div .ch{
	display: inline-block;
    margin-right: 10px;
    font-weight: bold;
    font-size: 12px;
    padding: 2px 10px 2px 0;
    text-align: center;
    border-right: 1px solid #ebebeb;
    color:#4567ba;
}
.newcheck_list .timeset{
	margin-right: 5px;
}
.uncheckli_div{
	width:80% !important;
}
.newcheck_list ul li{
	align-items: center;
	background: #fff;
	display: flex;
	margin-bottom: 1px;
	padding: 7px 15px;
}
.newcheck_list ul li .btn{
	margin-left: 28px;
}
.newcheck_list .type{
	background: #f4f4f4;
	border: 1px solid #e5e6e9;
	border-radius: 2px;
	display: inline-block;
	font-weight: bold;
	margin-right: 5px;
	padding: 1px 6px;
	text-align: center;
	width: 45px;
}
.newcheck_list .tit{
	flex: 1;
	font-weight: bold;
	max-width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display:inline-block;
	vertical-align: middle;
}
.newcheck_list .writer:before{
	color: #999;
	content: '|';
	display: inline-block;
	margin-right: 5px;
}
.newcheck_list .writer, .mytext_list .writer:before, .mytext_list .timeset{
	margin-right: 5px;
}
.newcheck_list .writer{
	margin-left: auto;
}
.newcheck_list .cmt_num:before{
	content: '(';
	display: inline-block;
}
.newcheck_list .cmt_num{
	color: #4f78d1;
	font-weight: bold;
	margin-right: 5px;
}
.newcheck_list .cmt_num:after{
	content: ')';
	display: inline-block;
}
.newcheck_list .timeset{
	margin-right: 5px;
}
.newcheck_list .newcheck_tit{
	align-items: center;
	background: #fff;
	border-bottom: 1px solid #ddd;
	display: flex;
	font-weight: bold;
	padding: 6px 15px;
}
.newcheck_list .newcheck_tit .fa-bell{
	color: #555;
}
.newcheck_list .newcheck_num{
	background: #ff4f4f;
	border-radius: 100%;
	color: #fff;
	margin-left: 5px;
	min-width: 10px;
	padding: 1px 6px;
}
.newcheck_list .newcheck_allbtn{
	margin-left: auto;
}

.viewer_div{
	background: #ffffff;
}
.viewer_div section{
	display: none;
	height: 400px;
	overflow: auto;
	padding: 20px 0;
}
.viewer_div input{
	border-radius: 0 !important;
	display: none;
}
.viewer_div .viewer_num:before,.viewer_div .unviewer_num:before{
	content: '(';
	display: inline-block;
}
.viewer_div .viewer_num:after,.viewer_div .unviewer_num:after{
	content: ')';
	display: inline-block;
}
.viewer_div label{
	background: #f8f8f8;
	border: 1px solid transparent;
	border-radius: 0 !important;
	color: #555;
	display: inline-block;
	font-weight: 600;
	padding: 10px 0;
	text-align: center;
	width: 198px;
}
.viewer_div label:hover{
	color: #1d48a0;
	cursor: pointer;
}
.viewer_div input:checked + label{
	background: #fff;
	border-bottom: 1px solid #ffffff;
	color: #1d48a0;
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4{
	display: block;
}
.viewer_div section li{
	border-bottom: 1px solid #ddd;
	padding: 5px 14px 10px 14px;
}
.viewer_div section li:last-child{
	border-bottom: 0;
}
.viewer_div section .collapse-item{
	align-items: center;
	display: flex;
}
.viewer_div section .view_time{
	margin-left: auto !important;
}
.viewer_div .viewer_nodata{
	margin-top: 40%;
	text-align: center;
}
.worksub_addbtn{
	border: 1px solid #53596e;
	font-weight: bold;
	margin-left: auto;
	padding: 3px 7px;
}
.worksub_inputdiv,.worksub_inputdiv2{
	display: none;
	margin-bottom: 10px;
}
.worksub_bigtit{
	align-items: center;
	display: flex;
}
.worksub_inputdiv{
	background: #fff;
	border: 1px solid #4f78d1;
	border-radius: 5px;
	margin-top: 5px;
	padding: 10px;
}
.dhx_cell_cont_wins .pop-content{
	padding: 12px;
}
.file_box_h{
	border-bottom: 0px;
	clear: both;
	border-collapse:collapse;
	width:100%;
}
.file_box_h tr th{
	background: #f5f5f5;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
	height: 33px;
	vertical-align: middle;
}
.file_box_h tr th:first-child{
	border-left: none;
}
.file_box{
	font-size: 13px;
	overflow-y: auto;
}
.file_box table{
	width: 100%;
	border-collapse:collapse;
}
.file_box table tr td{
	border-bottom: 1px solid #ddd;
	font-size: 13px;
	height:37px;
	vertical-align:middle;
}
.file_box table tr td:first-child{
	border-left: none;
	padding-left: 7px;
}
.file_box_bg{
	background: #fff url(../img/sub/draganddrop.png) no-repeat center 70%;
	border: 1px solid #ddd;
	height: auto;
	max-height: 350px;
	overflow-y: auto;
	width: 100%;
	height:350px;
}
#fileList3 .file_box{
	border-color: transparent;
}
#fileList3 .file_box table tr td{
	border-color: transparent;
}
.feed_div .comnum_readnum{
	padding-right: 6px;
}
.notfound{
	background: url(../img/search_notfound.png) 48% 50% no-repeat;
	height: 600px;
	width: 100%;
}
.notfound .txt{
	color: #666;
	display: block;
	font-size: 14px;
	padding-top: 388px;
	text-align: center;
}
#chn_del{
	border: 1px solid #c30404;
	color: #c30404;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 20px;
}
.subsub_btndiv{
	display: flex;
}
.subsub_btndiv .btn{
	background: #eaecf4;
	margin-left: auto;
}
.worksub_inputdiv .autosize{
	border: 1px solid #ddd;
	border-radius: 5px !important;
	resize: none;
}
#workReportAdd{
	border: 1px solid #53596e;
	font-weight: bold;
	margin-left: auto;
	padding: 3px 7px;
	width: 60px;
}
.input_box{
	display: flex;
}
.input_box .combo_box{
	margin-left: 5px;
}
.div_title{
	display: flex;
	margin-bottom: 5px;
}
.div_title .left{
	flex: 1;
	padding-top: 8px;
}
.div_title .left span{
	vertical-align: middle;
}
.div_title .left .s_tit{
	font-size: 13px;
	font-weight: bold;
	margin-right: 5px;
}
.div_title .right{
	margin-left: auto;
	margin-top: 4px;
}
.div_title .btn{
	background: #fff;
	border: 1px solid #979bb7;
	height: 28px;
}
.show-grid{
	margin-bottom: 10px;
}
.outer_line_grid::before{
	content: '';
	display: table;
}
.cont_row .boxmax.show-grid{
	padding: 5px 0;
}
.btn-group .btn{
	margin-left: 5px;
}
.btn.save i{
	color: #fff;
}
.hdr td:last-child{
	border-right: 1px solid #c8c8c8 !important;
}

.box-ellipsis{
	max-height: 93px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    display: -webkit-box;
}

#workCn{width:100%;padding:10px;}

#addinfo_div{border-top:1px solid #e9eaed;}