@charset "utf-8";

.btn{border:1px solid #ccc;}

.whitebg{background: #fff;
    border: 1px solid #dbd9da;
    border-radius: 5px;
    padding:7px;
    margin:5px;
}
.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;}
.overhidden{overflow:hidden;}
#report_opendiv{display:none;}
#reportList{margin-top:23px;}



.contents_show .contents_paper{background: #fff;width:100%;border:1px solid #dbd9da;border-radius:5px;margin:5px;}
.contents_show .contents_paper .inner_pdbox{padding:7px; height:100%;overflow:auto;min-height:600px;}
.contents_show .contents_paper .inner_box{padding:0;height:100%;overflow:auto;min-height:600px;}

.contents_colshow{width:100%;padding:5px;background:#e8ecee;max-height:100vh;height:100%;box-sizing: border-box;	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;min-height:610px;display:flex;flex-direction:column;}

.contents_colshow .contents_paper{display:flex;flex:1;background: #fff;width:100%;border:1px solid #dbd9da;border-radius:5px;margin:5px;}


.search_div{background:#f8f8fa;width:100%;border:1px solid #dbd9da;border-radius:5px;margin:5px;flex:none;padding:2px 4px;}

.search_div .inner_box{padding:2px 0;border-bottom:1px solid #e8ecee;}
.search_div .inner_box:last-child{border-bottom:0;}

.consearchinput_list{display:flex;flex-wrap:wrap;margin:0;}
.consearchinput_list label{margin-left:5px;margin-right:-5px;}
/* .consearchinput_list label::after{content:'';display:inline-block;width:1px; height:11px; margin-left:7px;border-right:1px solid #ccc;} */

.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{padding:7px; height:100%;overflow:auto;min-height:600px;}
.contents_colshow .contents_paper .inner_box{padding:0; height:100%;overflow:auto;min-height:600px;}


.bb{border-bottom:1px solid #dadbdc;}

.chul_btdiv{background:#f8f8fa;height:32px;border-bottom:1px solid #dadbdc;display:flex;justify-content:space-between;flex-direction:row;padding-right:10px;}
.chul_btdiv ul{display:flex;}
.chul_btdiv ul li{margin:2px 3px;}
.chul_btdiv ul li button{padding:2px 7px;font-weight:bold;}
.chul_btdiv ul li.dot::after{content:'';display:inline-block;background:#dddfeb;height:14px;vertical-align:sub;width:1px;}

.btn{border:1px solid transparent;border-radius:5px;min-width:24px;
height:28px;
display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:hover{border-color:#ccc;}

.btn.active{background-color:#ccc;color:#fff;}
.btn.active i{color:#fff;}



.modal_footer .btn{padding:10px;height:auto !important;}

#worksort_btn{display:none;}
.bdc0{border:1px solid #ccc;}

.btn.style1{background-color:#535f77;color:#fff;cursor:pointer;}
.color1{color:#535f77;}
.bg1{background-color:#535f77;}
.bdc1{border:1px solid #535f77;}
.color11{color:#f8f8fa}

/* .btn.style1{background-color:#f8f8fa;color:#53596e;} */

.btn.style2{background-color:#4f78d1 !important;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 {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #eaecf4;
    border-radius: .35rem;
    border:0;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #4f78d1;
    text-align: center;
    white-space: nowrap;
    background-color: #4f78d1;
    transition: width .6s ease
}
 .progress{
    width : 100%;
    height :1rem;
    position: relative;
    top:0;
    left:0;
    overflow: hidden;
    cursor: pointer;
    border-radius:.35rem;
    background:#eaecf4;
}

.state{
    width : 0;
    height :50px;
    position: absolute;
    top:0;
    left:0;
    background-color : #4f78d1;
}
.state_span{
	flex:none;
	height:25px;padding:4px 8px;border-radius:5px;color:#fff;
	border:1px solid transparent;
	line-height:1.3;
}
.state_span.type1{
	background: #4f78d1;
}
.state_span.type2{
	background:#21b0cc;
}
.state_span.type3{
	background:#21c27b;
}
.state_span.type4{
	background: #f9e9ea;
}
.state_span.type1::after{content:'요청';
	display:inline-block;
	color:#fff
	}
.state_span.type2::after{content:'진행';
	display:inline-block;
    color: #fff;
	}
.state_span.type3::after{content:'완료';
	display:inline-block;
	color:#f8f8f8
	}
.state_span.type4::after{content:'보류';
	display:inline-block;
    color: #cd247a;
	}

.chul_btdiv ul li.dot::after{content:'';display:inline-block;background:#dddfeb;height:14px;vertical-align:sub;width:1px;}
.toggle_right{background:transparent;width: 25px;height: 25px;border-radius: 5px;margin-top: 3px;border:1px solid transparent;}
.toggle_right:hover{border-color:#ccc;}
.toggle_right.active{background: #ececee;background:#ccc;}
.toggle_right.active i{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_btndiv{border-top:1px solid #ddd;padding:3px;border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;background:#f8f8fa;overflow:hidden;height:auto;}
 .write_btndiv .btn{width:30px;}
 .feed_div, .feedwork_div{background: #fff;margin:20px 0 10px 0;overflow:hidden;} /*border: 1px solid #dbd9da;border-radius: 5px;*/

 .feed_maintxt{margin:30px 0;font-size:13px;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;padding:0 15px 10px 10px;display:flex;flex-direction:column;}
 .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;}
 .feed_div .cmt_inputdiv input{border:0;height:26px;width:100%;}


 .feedwork_div .sub_path{padding: 7px 0 7px 15px;border-bottom: 1px solid #e3e6f0;}
 .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;margin:0 5px;font-weight:normal;}


 .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;padding:5px 15px 10px 10px;display:flex;flex-direction:column;border-top:1px solid #ececec;}
 .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{border:1px solid #ccc;display:flex;margin-top:10px;width:100%;background:#fff;}
 .feedwork_div .cmt_inputdiv .tb-cell1{flex:1;}
 .feedwork_div .cmt_inputdiv .tb-cell2{margin-left:auto;margin-top:auto;}
 .feedwork_div .cmt_inputdiv input{border:0;height:26px;width:100%;}

 .cmt_inputdiv button{background:#eaecf4;width:27px;height:27px;}

 .write_btndiv .cmt_inputdiv button{background:transparent; width:29px; height:29px;}
  .write_btndiv .cmt_inputdiv button::before{
 	content: '';
    display: inline-block;
    background: #dddfeb;
    height: 14px;
    vertical-align: middle;
    width: 1px;
}
 .write_btndiv .cmt_inputdiv button:first-child::before{display:none;}


        .write_div input{border:none !important;background:transparent !important; font-size:13px;}
        .write_div button{font-size:13px;}

 		#work_title{width:100%;}
 		.con_txt{padding-left:37px;word-break:keep-all;display:block;white-space:pre-line;padding-right:20px;}
 		.feedwork_div .con_txt{padding-left:20px;white-space:pre-line;}
		.feedwork_div .cmt .con_txt{padding-left:37px;margin-top:-10px !important;}
		.feed_div .cmt .con_txt{margin-top:-10px !important;}

       .comnum_readnum{display:inline-block;text-align:right;width:100%;vertical-align:middle;margin-top:8px;}
       .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{margin-left:7px;font-size:95%;cursor:pointer;}
	   .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{border:none !important;background:transparent !important;}

        .order_select{height:24px;line-height:10px;padding:6px 9px;margin-bottom:5px;}

        .write_workdiv{padding:10px;border-radius:5px;}
        .write_workdiv .textbox{border-bottom:1px solid #e9eaed !important;padding-bottom:5px;}

        .feedwork_div .textbox{display:flex;padding:3px 0;border-bottom:1px solid #e9eaed;}
        .feedwork_div .textbox .work_intitle{flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;font-weight:bold;}
        .feedwork_div .textbox .work_titlenum{margin-left:0;font-size:11px;}

        .condition_btndiv, .read_workdiv .condition_btndiv {border: 1px solid #ddd; overflow: hidden;display:inline-flex;}
        .read_workdiv .condition_btndiv button{font-size:14px;}

        .write_workdiv .condition_btndiv button, .read_workdiv .condition_btndiv button{border-radius: 0;min-height:25px;padding:0px 7px 0 5px;}
        .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;}
    	.on{font-size:11px;}
        .condition_btndiv .tab2.on{background:#21b0cc;color:#fff;border-radius:0;}
        .condition_btndiv .tab1.on{background:#4f78d1;color:#fff;border-radius:0;}
        .condition_btndiv .tab3.on{background:#cd247a;color:#fff;border-radius:0;}
        .condition_btndiv .tab4.on{background:#21c27b;color:#fff;border-radius:0;}
        .condition_btndiv .tab5.on{background:#f9e9ea;color:#cd247a;border-radius:0;}

        .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;}
        .write_workdiv .condition_btndiv .tab1:hover{background:#4f78d1;color:#fff;}
        .write_workdiv .condition_btndiv .tab3:hover{background:#cd247a;color:#fff;}
        .write_workdiv .condition_btndiv .tab4:hover{background:#21c27b;color:#fff;}
        .write_workdiv .condition_btndiv .tab5:hover{background:#f9e9ea;color:#cd247a;}

        .read_workdiv .condition_btndiv .tab2:hover{background:#21b0cc;color:#fff;}
        .read_workdiv .condition_btndiv .tab1:hover{background:#4f78d1;color:#fff;}
        .read_workdiv .condition_btndiv .tab3:hover{background:#cd247a;color:#fff;}
        .read_workdiv .condition_btndiv .tab4:hover{background:#21c27b;color:#fff;}
        .read_workdiv .condition_btndiv .tab5:hover{background:#f9e9ea;color:#cd247a;}

        .workmoa_table td{text-align:center;}
        .workmoa_table .tab1,.workmoa_table .tab2,.workmoa_table .tab3,.workmoa_table .tab4,.workmoa_table .tab5{display:block;width:70%;margin:0 auto;border-radius:3px;}
        .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{width:100%;table-layout:fixed;}
        .workmoa_table table th{border-bottom:1px solid #ddd;padding:10px 0;}
        .workmoa_table table td{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:9px 0;font-weight:bold;}
        .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{padding:.75rem;background:#f8f9fc;border-bottom:1px solid #e3e6f0;}
        .work_num{background:#f7f7f7;border-radius: 20px;font-size:11px;color:#757575;text-align: center;display: inline-block;float:right;border:1px solid #e5e6e9;padding:0 8px;}
        .work_num::before{content:'업무번호';display: inline-block;font-size:11px;color:#757575;margin-right:5px;}
        .write_workdiv textarea{border:none;}
        .write_workdiv .list{padding:5px 0;border-bottom: 1px solid #e9eaed;}
        .write_workdiv .list i{display: inline-block;vertical-align: middle;min-width:20px;line-height:20px;text-align:center;}

        .feedwork_div .list{padding:5px 0;border-bottom: 1px solid #e9eaed;min-height:35px;}
        .feedwork_div .list i{display: inline-block;vertical-align: middle;min-width:20px;text-align:center;}

        .read_workdiv .list i.fa-times{font-size:9px; vertical-align:super !important;display:inline-block;}
		.read_workdiv .list{padding:5px 0;border-bottom: 1px solid #e9eaed;}
        .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{display: inline-block;margin-bottom:20px; border-bottom: 1px solid #ddd;width:200px;padding:3px 10px;}
        .report_info .percent{font-weight:bold;float:right;display: inline-block;}
        .tab_container{background:#fff;border-radius:5px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
        #tab-1{padding:5px 3px 3px 3px;}
        .tab-link{float:left;margin:0 5px;color:#d1d3e2;cursor:pointer;display: inline-block;height:28px;min-width:30px;font-weight:bold;}
        /*.tab-link i{color:#d1d3e2;}*/


        .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:#ccc;}

        .tab_list::after{content:'';display:inline-block;background:#dddfeb;height:19px;vertical-align:-webkit-baseline-middle;width:1px;}
        .tab_list:last-child::after{display:none;}



        .month_line{position:relative;}
        .title_p{font-weight:bold;font-size:14px;text-align:center;}
        .title_p span{display:inline-block;font-size:13px;background:#fff;padding:2px 16px;position:relative;border-radius:28px;}
        .title_p::before{content:'';width:100%;height:1px;background:#fff;display:block;position:absolute;top:60%;}

        .new_line{padding-top:0;position:relative;margin-bottom:10px;}
        .new_p{padding-left:1rem;font-weight:bold;font-size:13px;text-align:left;}
        .new_p span{display:inline-block;background:#888;padding:3px 10px;position:relative;color:#fff;border-radius:11px;}
        .new_p::before{content: '';
    width: calc(100% - 12px);
    height: 2px;
    background: #ddd;
    display: block;
    position: absolute;
    top: 64%;
    border-top: 2px dotted #fff;}

        .title{font-weight:bold;font-size:14px;}

        #tab-2{display: none;}

		.worksub_list{margin-top:5px;}
		.worksub_list > ul > li{display:flex;border: 1px solid #ccc;padding: 3px;margin-top: -1px;background:#f8f8fa;}

		.worksub_list > ul > li.overdate{background:#ffd2d2;}

		.worksub_list .worksub_tit{flex:1;line-height: 2.2;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 94%;cursor:pointer;}
		.worksub_list > ul > li.overdate .worksub_tit{color:red;}

		.worksub_inputwrap{width:100%;border:1px solid #ccc;padding:3px;display:flex;margin-top:7px;border-radius:5px;}

		.work_titlenum::before{content:'보고';display:inline-block;margin-right:5px;font-weight:normal;color:#000}
		.work_titlenum{background:#f7f7f7;border:1px solid #e5e6e9;padding:2px 6px; border-radius:15px;font-weight:bold;color:#ff4f4f;}


		.commentdel_btn, .commentmodi_btn{display:inline-block;color:#4e73df;cursor:pointer;}

		.commentmodi_btn::after{content:'|';font-size:9px;display:inline-block;margin-left:5px;}

        .search_input{height:28px !important;flex:1;padding-left:10px !important;border-top-right-radius:0;border-bottom-right-radius:0;}
        .search_input:hover, .search_input:focus, .search_input:checked{background:#fff;}

        .search_btn{border-top-left-radius: 0;border-bottom-left-radius: 0;}
        .search_select{background:#fff;height:38px;min-width:90px;font-size:14px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-right:1px solid #eee;}
        .input_adddiv{width:100%;}
        #input_add{border:1px solid #ddd;}
        .search_btn{border:1px solid #ccc;background:#fff;}
        /* #input_add_list{display: none;} */


        #detailtoggle{    width: 15px !important;
    background: #eaecf4;
    padding: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;}
    .sub_bogonum{margin-left:auto;flex:none;font-weight: bold;color: #ff4f4f;line-height:2;margin-right:10px;}
    .sub_bogonum i{color:#555;}

    .card{
    	    position: relative;
		    display: flex;
		    flex-direction: column;
		    min-width: 0;
		    word-wrap: break-word;
		    background-color: #fff;
		    background-clip: border-box;
		    border: 1px solid #e3e6f0;
		    border-radius: .35rem;
		    margin:5px;
		    padding:14px;
    }

		.collapse-item {
            font-size: 13px;
            white-space: nowrap;
            min-width:240px;
            display:inline-block;
        }

        .dropdown-item {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
			font-size: 13px;
        }

        .dropdown-item-btn {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
			font-size: 13px;
			padding: .25rem 0.2rem;
        }
        .collapse-item .span {
            font-size: 11px;
            margin-right: 5px;
        }
        .lh-1{padding-left:1rem;background: #fff;z-index: 99;}

        .navbar-nav2 .nav-item .nav-link {
            padding: .7rem;
            border-top: 1px solid #e3e4e7;
        }

		.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 {
            width: 8px;
            height: 8px;
            border-radius: 100%;
            display: inline-block;
            margin-right: 5px;
        }

        .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 {
            width: 16px;
            height: 100%;
            background: url(../img/list-feed.svg) center center no-repeat;
        }
        .face_icon-s {
            position: relative;
            width: 30px;
        }
          .face_icon-s span{
            vertical-align:baseline;
        }

        .face_icon-s .user_photo {
            float: left;
            width: 24px;
            height: 24px;
            overflow: hidden;
            margin-right: 5px;
            border-radius: 100%;
            background: url(../img/undraw_profile.svg) no-repeat;
        }

        .face_icon-s .user_photo img {
            width: 24px;
            background-size: cover;
            vertical-align: top;
        }

        .face_icon-s .bg-success,
        .face_icon-s .bg-leave {
            position: absolute;
            top: 17px;
            right: 1px;
            border: 1px solid #fff;
        }
        #sidebarToggleTop{width:15px !important;background:#eaecf4;padding:0;border-top-left-radius: 0;border-bottom-left-radius: 0;}


.sidebar {
    width: 6.5rem;
    min-height: 100vh
}

.sidebar .nav-item {
    position: relative
}

.sidebar .nav-item:last-child {
    margin-bottom: 1rem
}

.sidebar .nav-item .nav-link {
    text-align: center;
    padding: .75rem 1rem;
    width: 6.5rem
}

.sidebar .nav-item .nav-link span {
    font-size: 0.7rem;
    display: block;
    word-break: keep-all;
}

.sidebar .nav-item.active .nav-link {
    font-weight: 700
}

.sidebar .nav-item .collapse {
    position: absolute;
    left: calc(6.5rem + 1.5rem / 2);
    z-index: 10;
    top: 2px
}

.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 {
    padding: .5rem 0;
    min-width: 10rem;
    font-size: .85rem;
/*    margin: 0 0 1rem 0*/
}

.sidebar .nav-item .collapse .collapse-inner .collapse-header,
.sidebar .nav-item .collapsing .collapse-inner .collapse-header {
    margin: 0;
    white-space: nowrap;
    padding: .8rem 0 .3rem 1rem;
    text-transform: uppercase;
    font-weight: 800;
    font-size: .8rem;
    color: #444
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item {
    padding: .5rem 1rem;
    margin: 0;
    display: block;
    color: #3a3b45;
    text-decoration: none;
    border-radius: 0;
    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 {
    padding: .6rem 1rem;
    margin: 0 .5rem;
    display: block;
    color: #3a3b45;
    text-decoration: none;
    border-radius: .35rem;
    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 {
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    margin-bottom: 1rem;
    cursor: pointer
}

.sidebar #sidebarToggle::after {
    font-weight: 900;
    content: '\f104';
    font-family: 'Font Awesome 5 Free';
    margin-right: .1rem
}

.sidebar #sidebarToggle:hover {
    text-decoration: none
}

.sidebar #sidebarToggle:focus {
    outline: 0
}

.sidebar.toggled {
    width: 0 !important;
    overflow: hidden
}

.sidebar.toggled #sidebarToggle::after {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    margin-left: .25rem
}

.sidebar.toggled .sidebar-card {
    display: none
}

.sidebar .sidebar-brand {
    height: 4.375rem;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 800;
    padding: 1.5rem 1rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .05rem;
    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 {
    text-align: center;
    padding: 0 1rem;
    font-weight: 800;
    font-size: .65rem
}

.sidebar .sidebar-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .875rem;
    border-radius: .35rem;
    color: rgba(255, 255, 255, .8);
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: rgba(0, 0, 0, .1)
}

.sidebar .sidebar-card .sidebar-card-illustration {
    height: 3rem;
    display: block
}

.sidebar .sidebar-card .sidebar-card-title {
    font-weight: 700
}

.sidebar .sidebar-card p {
    font-size: .75rem;
    color: rgba(255, 255, 255, .5)
}

        .face_icon {
            position: relative;
            width: 36px;
        }

        .face_icon .user_photo {
            float: left;
            width: 32px;
            height: 32px;
            border:1px solid #eee;
            overflow: hidden;
            margin-right: 5px;
            border-radius: 100%;
            background: url(../img/undraw_profile.svg) no-repeat;
        }

        .face_icon .user_photo img {
            width: 32px;
            background-size: cover;
            vertical-align: top;
        }

        .face_icon .bg-success,
        .face_icon .bg-leave {
            position: absolute;
            top: 25px;
            right: 0;
            border: 1px solid #fff;
        }
		.btn_simple{display:block;width:100%;border-radius:0;margin-top:10px;border:1px solid rgba(0, 0, 0, .125);border-left:0;border-right:0;}
        .face_icon .status-indicator {
            width: 10px;
            height: 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;margin-right: 5px;font-weight:normal;vertical-align:middle;}

        .name_div{font-size:13px !important;font-weight: bold;display:inline-block;}
        .name_div .depart{margin-right:5px;font-size: 11px;font-weight: normal;}

   		.feedwork_div .name_div{font-size:13px !important;font-weight: bold;display:inline-block;margin-top:0 !important;}

		.saved_sign{color:#8b8882;padding:6px 9px;}
		.saved_sign .fa-bookmark{color:#ff4f4f;vertical-align:baseline;margin-right:10px;}
		.fas.fa-bookmark{color:#ff4f4f;}
		.fixed_sign{color:#8b8882;padding:0 9px 6px 5px;}
		.fixed_sign .fa-thumbtack{color:#E8912D;vertical-align:baseline;margin-right:10px;}
		.fixed .fa-thumbtack{color:#E8912D;}

		.fixed_btn.on i{color:#E8912D;}
		.bookmark_btn.on i{color:#ff4f4f;}
		.fixed .fas.fa-bookmark{color:#ff4f4f;}


/* 페이징 */
/* .paging {position:absolute;bottom:7px;display:block;left:14%;width:80%;margin:0 auto;height:30px;} */
.paging a {display:inline-block;width:26px;height:28px;margin-right:1px;line-height:28px;text-align:center;font-size:13px;color:#707070;vertical-align:top;border:solid 1px #e9e7e7;background:#fff}
.paging a:hover {color:#505050;text-decoration: underline;background:#f8f8fa;}
.paging .on{display:inline-block;width:26px;height:28px;line-height:28px;text-align:center;vertical-align:top;font-size:13px;color:#fff;font-weight:bold;background:#9b9b9b;border:solid 1px #9b9b9b}

.paging .btn{margin:0 10px}
.paging .hide{width:26px;background:#fff; font-size:0;border:solid 1px #d5d5d5;text-indent:-9999px;}
.paging .prevEnd, .prevEnd:hover {background: url('../img/sub/paging_prev2.png') no-repeat center center !important}
/*.paging .prev, .prev:hover {background: url('../img/sub/paging_prev.png') no-repeat center center !important}
.paging .next, .next:hover {background: url('../img/sub/paging_next.png') no-repeat center center !important}*/

.paging .nextEnd, .nextEnd:hover {background: url('../img/sub/paging_next2.png') no-repeat center center !important}

.pagingcssno a {display:inline-block;width:26px;height:28px;margin-right:1px;line-height:28px;text-align:center;font-size:13px;color:#707070;vertical-align:top;border:solid 1px #e9e7e7;background:#fff}
.pagingcssno a:hover {color:#505050;text-decoration: underline;background:#f8f8fa;}


.inner_line_form.left{overflow:auto;border:1px solid #d1d8e4;margin-top:5px;min-height:calc(100% - 43px) !important; height:calc(100vh - 59px) !important;display: flex;flex-direction: column;border-bottom:0;border-left:0;}
.inner_line_form.right{overflow:auto;border:1px solid #d1d8e4;margin-top:5px;min-height:calc(100% - 43px) !important; height:calc(100vh - 59px) !important;display: flex;flex-direction: column;border-bottom:0;border-right:0;}

.right .detail_type01{border:solid 1px #ededed;border-right:0;}




.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item-action {
    width: 100%;
    color: #6e707e;
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #6e707e;
    text-decoration: none;
    background-color: #f8f9fc
}

.list-group-item-action:active {
    color: #858796;
    background-color: #eaecf4
}

.list-group-item {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
    border-left:0;
    border-right:0;

}

.list-group-item:first-child {
    border-top:0;
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #858796;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #4e73df;
    border-color: #4e73df
}

.list-group-item + .list-group-item {
    border-top-width: 0
}

.list-group-item + .list-group-item.active {
    margin-top: -1px;
    border-top-width: 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-top-right-radius: .35rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal > .list-group-item.active {
    margin-top: 0
}

.list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

#allClose{display: inline-block;
    width: 100%;
    height: 100%;
    /* background: url(../img/allclose_icon.gif) no-repeat center; */
}
.rounded{border-radius:100%;}

.accordion-toggle {
  display: block;
  font-weight: bold;
  font-size: 13px;
  padding:.7rem;
  border-top:1px solid #e3e4e7;
}


.accordion-content {
  display: none;
}

.accordion-content.active {
  display: block;
}

#detail_info li div ul li:first-child a{border-top:0;}


.dropbtn{height:26px;padding:0 11px;cursor: pointer;border-radius:5px;border:1px solid transparent;}
.dropbtn i{pointer-events: none;}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  border:1px solid #ccc;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content, .dropdown-content-right{
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 100px;
  z-index: 1;
  background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.dropdown-content-right {
  right:0;
}

/* Links inside the dropdown */
.dropdown-content a, .dropdown-content-right a {
  color: black;
  padding: 3px 13px;
  text-decoration: none;
  display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover, .dropdown-content-right a:hover {background-color: #f8f8fa}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


.menu-toggler{
	background:none;
	width:30px;
	border:none;
	cursor:pointer;
	position:relative;
	z-index:99;
	outline:none;
}

.collapse {padding:10px 0;}
.collapse:first-child {padding:0;}



.icon_holiday{background: url('../img/parasol.png') center center no-repeat;display:inline-block;width:16px;height:16px; background-size:16px 16px; vertical-align:middle;position:relative;margin-left:5px;}

.holiday_div{
	position: absolute;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    /* -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%); */
    padding: 10px 8px;
    right: -10px;
    z-index: 90;
    bottom:20px;
    text-align: center;
    display:none;
}
.holiday_div::before{
content:'휴가 중';
display:block;
background: url('../img/parasol.png') 30% center no-repeat;display:inline-block;background-size:16px 16px;
padding-left:20px;
width:100%;
font-weight:bold;
}
.icon_holiday:hover .holiday_div{display:block;}

.holiday_date{display:block;}

.holiday_date:after, .holiday_date:before {
	top: 100%;
	right: 5px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.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{padding-left:40px;word-break:normal;display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;color:#888;}
       .contents.listview .type_work::before{content:'업무';display:inline-block;margin-right:5px;background:#f4f4f4;font-weight:bold;padding:1px 6px;border-radius:2px;width:45px;text-align:center;border:1px solid #e5e6e9;}
       .contents.listview .type_txt::before{content:'글';display:inline-block;margin-right:5px;background:#f4f4f4;font-weight:bold;padding:1px 6px;border-radius:2px;width:45px;text-align:center;border:1px solid #e5e6e9;}
       .contents.listview .type_cmt::before{content:'댓글';display:inline-block;margin-right:5px;background:#f4f4f4;font-weight:bold;padding:1px 6px;border-radius:2px;width:45px;text-align:center;border:1px solid #e5e6e9;}
       .contents.listview .type_file::before{content:'파일';display:inline-block;margin-right:5px;background:#f4f4f4;font-weight:bold;padding:1px 6px;border-radius:2px;width:45px;text-align:center;border:1px solid #e5e6e9;}
    	.match_txt{background:#fff36f;display:inline-block;vertical-align:baseline;}

    	.search_answerdiv,.filelist_div{padding:8px;}

    	.search_answerdiv .name_div{margin-top:0;}

    	.search_answerdiv .searchcon_txt{margin-top:-11px;}

    	.search_answerdiv.mycmt .mycmt_link{display:block;background:#f5f8fa;color:#4567ba;padding:5px 10px;margin-bottom:8px;}
    	.search_answerdiv.mycmt .mycmt_link p{font-size:12px;background:#f5f8fa;color:#4567ba;}
    	.search_answerdiv.mycmt .mycmt_link i{float: right;line-height: 1.5;color: #4567ba;}



    	.search_answerdiv .searchcon_txt.coan_txt{padding-left:2px !important;}

	.search_answerdiv ul li{border-bottom:1px solid #ddd;overflow:hidden;padding:10px 0;cursor:pointer;}
	.search_answerdiv ul li:last-child{border-bottom:0;}

	.filelist_div{display:flex;flex-direction:column;}
	.filelist_div .name_div{display:block;padding:0 0 8px 8px;color:#606060;}
	.filelist_div .name{display:inline-block;margin-right:5px;}
    .filelist_div .date{display:inline-block;font-weight:normal;}

	.filelist_div ul{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;}/*space-evenly*/
	.filelist_div ul li{border:1px solid #ddd;overflow:hidden;padding:0;border-radius:6px;margin:4px;height:153px;min-width:192px;float:left;width:12%;}

	.file_kindsview{width:100%;height:90px;overflow:hidden;vertical-align:middle;margin:0 auto;text-align:center;background:#E1E1E1;position:relative;border-bottom:1px solid #E1E1E1;}
	.file_kindsview i{color:#43A7E3;font-size:25px;top:34%;position:absolute;left:47%;}
	.filelist_div .file_name{padding: 8px 8px 4px 8px;font-weight: bold;color: #000;overflow: hidden;text-overflow: ellipsis;max-width:100%;white-space:nowrap;}



	.search_title, .ch_title, .temp_title{font-size:14px;font-weight:bold;margin-left:10px 5px;display:inline-block;}
    .temp_title{margin-bottom:5px;}
    .pointme_title{font-size:12px;color:#999;}
    .pointme_title i{vertical-align: baseline;margin:0 5px;display:inline-block;}
    .pointme_title .mention{font-weight:bold;margin-top:-3px;display:inline-block;}

  #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{padding-left:10px;white-space: nowrap;text-overflow: ellipsis;width:calc(100% - 190px);overflow:hidden;display:inline-block;margin-top:-33px;font-weight:bold;}
  .contents.listview .feedwork_div .cont_div{padding-top: 7px;
    padding-bottom: 13px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%);
    border: 1px solid #ddd;}
    .contents.listview .feed_div .cont_div{
    /* padding-bottom: 14px; */
    padding-top: 5px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%);
    border: 1px solid #ddd;
    height:38px;
    }
  .worksub_div{margin-bottom:5px;}
  .worksub_num{font-weight:bold;color:#ff4f4f;margin-left:5px;}
  /*.contents.listview .white{background:transparent;}*/
  .contents.listview .registrant{float:right;}
  .registrant .date{color:#777;margin-left:5px;}

  .contents.listview .comnum_readnum .comment_sum{color:#4f78d1;font-size:100%;font-weight:bold;display:inline-block;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;font-size:100%;font-weight:bold;display:inline-block;margin-top:10px;}

  .contents.listview .name{color:#8b8882;}
  .contents.listview .name::before{content:'|';display:inline-block;margin-right:5px;}
  .contents.listview .registrant{text-align:right;margin-right:34px;line-height:16px;}
  .contents.listview .collapse-item{font-size:auto;white-space:auto;min-width:auto;display:auto;}

  .contents.listview .comnum_readnum{display:inline-block;margin-top:-43px;font-size:100%;float:right;}


  .contents.listview .feed_div{}
  .contents.listview .feedwork_div .cont_div{padding-bottom:6px;height:38px;}
  .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;}



  #collapseMember{padding:9px 0;}



  .popup {
    position: absolute;
    display: none;
    height: auto;
    padding: 8px 10px 0px 10px;
    background: #fff;
    color: #505050;
  }

  /* 리스트 페이징 */
.paginate {position: relative;clear: both;width: 100%;margin-top: 10px;text-align: center;margin-bottom: 13px;}
.paginate:after {display:block;clear:both;content:'';}
.paginate .first {display:inline-block;position: relative;width:24px;height:20px;text-align:center;color:#aaa;font-size:11px;font-family:tahoma;line-height:20px;margin-right:8px;cursor:pointer;}
.paginate .first:hover {color:#707070;background:#eee;}
.paginate .prev {display:inline-block;position: relative;width:24px;height:20px;text-align:center;color:#aaa;font-size:11px;font-family:tahoma;margin:0 4px 0 0;cursor:pointer}
.paginate .prev:hover {color:#707070;background:#eee;}
.paginate .last {display:inline-block;position: relative;width:24px;height:20px;text-align:center;color:#aaa;font-size:11px;font-family:tahoma;line-height:20px;margin-left:8px;cursor:pointer}
.paginate .last:hover {color:#707070;background:#eee;}
.paginate .next {display:inline-block;position: relative;width:24px;height:20px;text-align:center;color:#aaa;font-size:11px;font-family:tahoma;line-height:20px;margin:0 0 0 4px;cursor:pointer}
.paginate .next:hover {color:#707070;background:#eee;}
.paginate a {display:inline-block;position: relative;width:24px;height:24px;text-align:center;color:#666;font-size:14px;font-family:tahoma;margin:0 2px;font-weight:bold;border-radius:100%;}
.paginate a:hover {color:#606060;background:#eee;border-radius:100%;}
.paginate .active {color:#fff;background:#4f78d1;border:1px solid #4f78d1}
.paginate .active:hover {color:#fff;background:#4f78d1;border:1px solid #4f78d1}




	#modal2{
		display:none;
		position:relative;
		width:100%;
		height:100%;
		z-index:1;
	}
	#modal2 h2{
		margin:0;
	}


	#modal2 .modal_layer{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.5);
		z-index:-1;
	}

	#modal2 .modal_content{
		width:auto;
		margin:0 auto;
		background:#fff;
		position:fixed;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		display:flex;
		flex-direction:column;
		pointer-events:auto;
		border-top:2px solid #1d48a0;
	}
	#modal2 .modal_header{
		display:flex;
		justify-content:space-between;
		justify-content:flex-start;
		border-bottom:1px solid #dee2e6;
		padding:5px 15px;
		background:#f8f8fa;
	}
	#modal2 .modal_body{
		display:1 1 auto;
		position:relative;
	}
	#modal2 .modal_footer{
		display:flex;
		flex-wrap:wrap;
		flex-shrink:0;
		justify-content:flex-end;
		border-top:1px solid #dee2e6;
	}

	#modal3{
		display:none;
		position:relative;
		width:100%;
		height:100%;
		z-index:1;
	}
	#modal3 h2{
		margin:0;
	}


	#modal3 .modal_layer{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:rgba(0,0,0,0.5);
		z-index:-1;
	}

	#modal3 .modal_content{
		width:auto;
		margin:0 auto;
		background:#fff;
		position:fixed;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		display:flex;
		flex-direction:column;
		pointer-events:auto;
		border-top:2px solid #1d48a0;
	}
	#modal3 .modal_header{
		display:flex;
		justify-content:space-between;
		justify-content:flex-start;
		border-bottom:1px solid #dee2e6;
		padding:5px 15px;
		background:#f8f8fa;
	}
	#modal3 .modal_body{
		display:1 1 auto;
		position:relative;
	}
	#modal3 .modal_footer{
		display:flex;
		flex-wrap:wrap;
		flex-shrink:0;
		justify-content:flex-end;
		border-top:1px solid #dee2e6;
	}

	.addfile_div{
	    background: #fff;
	    border: 1px solid #ddd;
	    margin: 10px 15px 10px 35px;
	    padding: 6px 10px;
	    display: flex;
	    flex-direction: row;
	    align-items:center;
	}
	/* .addfile_div .addfile_info{flex:1;text-overflow:ellipsis;overflow:hidden;}
	.addfile_div .addfile_size{display:block;color:#999;}
	.addfile_div .addfile_type{display:flex;width:50px;height:50px;background:#f8f8fa;border-radius:5px;margin-right:10px;align-items:center;justify-content:center;}
	.addfile_div .addfile_type i{color:#43a7e3;font-size:20px;}
	.addfile_div::after{content:'다운로드';display:block;float:right;color:#4e73df;margin-left:20px;}
	 */

	.addfile_div .addfile_info{flex:1;text-overflow:ellipsis;overflow:hidden;}
	.addfile_div .addfile_size{display:inline-block;color:#999;margin-left:10px;}
	.addfile_div .addfile_type{display:flex;width:25px;height:25px;background:#fff;border-radius:5px;margin-right:10px;align-items:center;justify-content:center;}
	.addfile_div .addfile_type i{color:#43a7e3;font-size:16px;}
	/* .addfile_div::after{content:'다운로드';display:block;float:right;} */

	#memberList, #content-7, #content-8{padding:10px;}

	#managerBox li{margin-top:5px;margin-right:3px;cursor:pointer;}

	.adding_group{display:block;width:485px;clear:both;padding:0 5px 5px 5px;}

	.adding_group ul{display:flex;flex-wrap:wrap;}
	.adding_group ul li{background:#fff;padding:5px 10px 5px 8px; border-radius:20px;border:1px solid #dbd9da;margin-right:1px;}
	.adding_group ul li::after{content:'X';display:inline-block;font-weight:bold;margin-left:4px;font-size:10px;}

	.add_group{display:block;width:100%;clear:both;}

	.add_group ul{display:flex;flex-wrap:wrap;}
	.add_group ul li{background:#fff;padding:5px 10px 5px 8px; border-radius:20px;border:1px solid #dbd9da;margin-right:1px;display:inline-block !important;}
	.add_group ul li::after{content:'X';display:inline-block;font-weight:bold;margin-left:4px;font-size:10px;}

	.cmt_bogoer{vertical-align: baseline;}

	.cmt_bogogobtn { display: inline-block; color: #4e73df; text-decoration:underline;}

	.startdate, .enddate, .manager{width:90px;vertical-align:middle;word-break:keep-all;}
	.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{content:'ㄴ';color:#666;display:inline-block;margin:2px;}


	.worksub_folddiv{border:1px solid #ccc;border-top:0;background:#fff;}
	.worksub_folddiv input, .worksub_folddiv textarea, .worksub_inputdiv input,.worksub_inputdiv textarea{border:0;}





	/*.con_txt p:not(.worksub_div){color:red;}*/

	/*
	.feedwork_div.overdate {border-color:#ff4f4f;}

	.feedwork_div.overdate{border-color:#ff4f4f;}
	.feedwork_div.overdate .worksub_div:not .work_intitle{color:#ff4f4f;}

	.feedwork_div.overdate .con_txt > .textbox .start_date, .feedwork_div.overdate .con_txt > .textbox .end_date{color:#ff4f4f;}

	.feedwork_div.overdate .work_moreinfo .fa-calendar-day,.feedwork_div.overdate .work_moreinfo .fa-calendar-check{color:#ff4f4f;}
	.feedwork_div.overdate > .progress-bar{background-color:#ff4f4f;}
	.feedwork_div.overdate .work_moreinfo .start_date,.feedwork_div.overdate .work_moreinfo .end_date{color:#ff4f4f;}
	 */

	 .overdate,.overdate > i, .overdate > span{color:#ff4f4f;}
	 .overdate.progress-bar{background-color:#ff4f4f !important;}
	#workmoa_cont{display: block;background: #fff;border: 1px solid #dbd9da;border-radius: 5px;margin: 5px;}

	.reportlist_table{border: 1px solid #ddd;border-radius: 5px;padding: 5px 19px 5px 19px;max-height:250px;overflow:auto;}
	.reportlist_table table{width:100%;}
	.reportlist_table table th{border-bottom: 1px solid #ddd;padding: 10px 0;}
	.reportlist_table table td{padding: 5px 0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px;}
	.reportlist_table table td:first-child{cursor:pointer;}
	.percent_td .percent{
	    color: #4f78d1;
	    font-weight:bold;
	}

    .percent_td .percent::before{
    content:'';
    background: #ddd;
    width: 100%;
    display: inline-block;
    position:absolute;
    z-index:-1px;
    }

    #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{color: #666;
    background: #f8f8fa;
    border-radius: 10px;
    padding: 2px;
    margin: 5px 0;
    border: 1px solid #dbd9da;}

    .sub_work{padding-left: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    margin-top: 5px;}

    .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{padding:7px 15px;margin-bottom:10px;background:#fff;display:flex;align-items: center;cursor:pointer;}
    .mytext_list .type{display:inline-block;background:#f4f4f4;border:1px solid #e5e6e9;border-radius:2px;padding:1px 6px;font-weight:bold;width:45px;text-align:center;margin-right:5px;}
    .mytext_list .tit{font-weight:bold;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%;}

    .mytext_list .tit_div{flex:1;display:flex;}
    .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{font-weight:bold;color:#4f78d1;}
    .mytext_list .cmt_num:after{content:')';display:inline-block;}

    .newcheck_list ul li{padding:7px 15px;margin-bottom:1px;background:#fff;display:flex;align-items: center;}
    .newcheck_list ul li .btn{margin-left:28px;}
    .newcheck_list .type{display:inline-block;background:#f4f4f4;border:1px solid #e5e6e9;border-radius:2px;padding:1px 6px;font-weight:bold;width:45px;text-align:center;margin-right:5px;}
    .newcheck_list .tit{font-weight:bold;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%;}
    .newcheck_list .writer:before{content:'|';display:inline-block;margin-right:5px;color:#999;}
    .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{font-weight:bold;color:#4f78d1;margin-right:5px;}
    .newcheck_list .cmt_num:after{content:')';display:inline-block;}
    .newcheck_list .timeset{margin-right:5px;}

    .newcheck_list .newcheck_tit{background: #fff;padding: 6px 15px;border-bottom: 1px solid #ddd;font-weight: bold;display:flex;align-items:center;}
    .newcheck_list .newcheck_tit .fa-bell{color:#555;}
    .newcheck_list .newcheck_num{color:#fff;background:#ff4f4f;border-radius:100%;padding:1px 6px;min-width:10px;margin-left:5px;}
    .newcheck_list .newcheck_allbtn{margin-left:auto;}

    .btn .newcheck_num{color:#fff;background:#ff4f4f;border-radius:100%; margin-left:5px;font-size: 13px;  width: 20px; height: 20px; line-height: 18px; text-align: center; font-weight: 600;  }

        .viewer_div {
            background: #ffffff;}

        .viewer_div section {
        	overflow:auto;
        	height:400px;
            display: none;
            padding: 20px 0;
            }

        .viewer_div input {
              display: none;
              border-radius:0 !important;
              }
 .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 {
            display: inline-block;
            padding: 10px 0;
            font-weight: 600;
            color: #555;
            border: 1px solid transparent;
            width:198px;
            text-align:center;
            background:#f8f8f8;
            border-radius:0 !important;
            }

        .viewer_div label:hover {
            color: #1d48a0;
            cursor: pointer;}

        /*input 클릭시, label 스타일*/
        .viewer_div input:checked + label {
              color: #1d48a0;
              border-bottom: 1px solid #ffffff;
              background:#fff;
              }

        #tab1:checked ~ #content1, #tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4,#tab5:checked ~ #content5 {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{display:flex;align-items: center;}
    	.viewer_div section .view_time{margin-left:auto !important;}
    	.viewer_div .viewer_nodata{text-align:center;margin-top:40%;}

    	.worksub_addbtn{margin-left:auto;font-weight:bold;border:1px solid #53596e;padding:3px 7px;}
    	.worksub_inputdiv,.worksub_inputdiv2{display:none;margin-bottom:10px;}
    	.worksub_bigtit{display:flex;align-items: center;}
    	.worksub_inputdiv{margin-top:5px;padding:10px;border:1px solid #4f78d1;border-radius: 5px;background:#fff;}


.dhx_cell_cont_wins .pop-content{padding:12px;}




.file_box_h th, .file_box table td, .file_box02 {
	font-size: 0.7rem;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.file_box_h {
	clear: both;
	border-bottom:0px;
}

.file_box_h tr th {
	background: #f5f5f5;
	font-size:13px;
	height:33px;
	vertical-align:middle;
	border-bottom:1px solid #ddd;
}

.file_box_h tr th:first-child {
	border-left: none
}

.file_box {
	overflow-y: auto;
	font-size:13px;
}

.file_box table {
	width: 100%;
}

.file_box table tr td {
	border-bottom:1px solid #ddd;
	font-size:13px;

}

.file_box table tr td:first-child {
	border-left: none;
	padding-left:7px;
}

.file_box_bg {
	width: 470px;
	height: auto;
	max-height:350px;
	background: #fff url(../img/sub/draganddrop.png) no-repeat center 70%;
	border:1px solid #ddd;
	overflow-y:auto;
}

#fileList3 .file_box {
	border-color:transparent;
}

#fileList3 .file_box table tr td {
	border-color:transparent;
}

.feed_div .comnum_readnum{padding-right: 6px;}

.notfound{width:100%;height:600px;background:url(../img/search_notfound.png) 48% 50% no-repeat;}

.notfound .txt{font-size:14px;
	color:#666;
	padding-top:388px;
	display:block;
	text-align:center;
}

#chn_del{
	border:1px solid #c30404;
	    padding: 5px 20px;
    font-size: 13px;
    color: #c30404;
    font-weight: bold;
}

	.subsub_btndiv{display:flex;}
	.subsub_btndiv .btn{margin-left:auto;background:#eaecf4;}

	.worksub_inputdiv .autosize{border:1px solid #ddd;border-radius:5px !important;resize:none;}

	#workReportAdd{width:60px;margin-left:auto;font-weight:bold;border:1px solid #53596e;padding:3px 7px;}

	.combo_box{height:28px;}



	.input_box{display:flex;}
	.input_box .combo_box{margin-left:5px;}

	.show-grid{margin-bottom:10px;}
	.outer_line_grid::before{display:table;content:'';}


	.cont_row .boxmax.show-grid{padding:5px 0;}

	.btn-group .btn{margin-left:5px;}
	.btn.save i{color:#fff;}


	/* .row-12 div[class^=col]{padding:0 3px;} */

	.hdr td:last-child{border-right:1px solid #c8c8c8 !important;}





.btn_common01, .btn_common02, .btn_common01_new, .btn_confirm, .div_title_btn{border:1px solid #dadbdc;}
.btn_common01 span.glyphicon, .btn_common02 span.glyphicon, .btn_common01_new span.glyphicon{margin-right:5px;}

/* ????? ?? ??? ??? */
/*
.btn_common01_new {
	height: 24px;
	background: #fff;
	color: #1e5ca0;
	font-size: 9pt;
	font-weight: 600;
	letter-spacing: -0.3px;
	border: 1px solid #1e5ca0;
	padding: 0px 4px;
	transition: background-color 0.15s ease-in-out 0s;
}

.btn_common01_new:hover {
	background-color:#1e5ca0;
	color:#fff;
}
.btn_common01_new[id*='Save']{background:#1e5ca0;border:1px solid #1e5ca0;color:#fff;}
.btn_common01_new[id*='Save']:hover{color:#1e5ca0;background:#fff;}
.div_title_btn[id*='Save']{background:#1e5ca0;border:1px solid #1e5ca0;color:#fff;}
.div_title_btn[id*='Save']:hover{color:#1e5ca0;background:#fff;}
.div_title_btn[id*='Cancle']{border:1px solid #bdbdbd;color:#555;background:#ededed;}
.div_title_btn[id*='Cancle']:hover{border:1px solid #bdbdbd;background:#d8d8d8;color:#474747;}
.div_title_btn[id*='Remove']{border:1px solid #bdbdbd;color:#555;background:#ededed;}
.div_title_btn[id*='Remove']:hover{border:1px solid #bdbdbd;background:#d8d8d8;color:#474747;}
.btn_common01_new[id*='Remove']{border:1px solid #bdbdbd;color:#555;background:#ededed;}
.btn_common01_new[id*='Remove']:hover{border:1px solid #bdbdbd;background:#d8d8d8;color:#474747;}
.btn_common01_new[id*='Cancle']{border:1px solid #bdbdbd;color:#555;background:#ededed;}
.btn_common01_new[id*='Cancle']:hover{border:1px solid #bdbdbd;background:#d8d8d8;color:#474747;}
.btn_common01_new[id*='Init']{color:#1e5ca0;background:#fff;border-color:#d8d8d8;height:24px;}
.btn_common01_new[id*='Init']:hover{background:#1e5ca0;border:1px solid #1e5ca0;color:#fff;}


.btn_common02_new {
	height: 24px;
	line-height: 24px;
	letter-spacing: -0.3px;
	vertical-align: middle;
	font-size:11px;
	cursor:pointer;
	color:#667eba;
	font-weight:600;

}

.btn_common02_new:hover {
	color: #1d48a0;
}

.btn_common02_new_red {
	height: 24px;
	background: #fff;
	color: #ed1c46;
	font-size: 9pt;
	font-weight: 600;
	letter-spacing: -0.3px;
	border: 1px solid #dfdfdf;
	padding: 0px 4px;
	border-radius: 2px;
	vertical-align: center;
}

.btn_common02_new_red:hover {
	border: 1px solid #1d48a0;
	color: #1d48a0
}

.btn_common01_new_re {
	height: 24px;
	line-height: 1;
	background: #1d48a0;
	color: #fff;
	font-size: 9pt;
	font-weight: 600;
	letter-spacing: -0.3px;
	border: 1px solid #fff;
	padding: 2px 6px;
}

.btn_common01_new_re span {
	color: #fff;
}

.btn_common01_new_re:hover {
	background: #1d48a0;
}

.btn_common01_new_red {
	height: 24px;
	line-height: 1;
	background: #ed1c46;
	color: #fff;
	font-size: 9pt;
	font-weight: 600;
	letter-spacing: -0.3px;
	border: 1px solid #fff;
	padding: 2px 6px;
}

.btn_common01_new_red span {
	color: #fff;
}

.btn_common01_new_red:hover {
	background: #1d48a0;
}
.btn_common01 {
	height: 20px;
	background: #fff;
	color:#666;
	font-size: 9pt;
	font-weight: 600;
	letter-spacing: -0.3px;
	border: 1px solid #dfdfdf;
	padding: 0px 4px;
	border-radius: 1px;
	line-height:16px;
	border-color:#dfdfdf;
	transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn_common01:focus {
	border-color:#999;
}

.btn_common02 {
	min-height: 24px;
	background: #fff;
	color:#1e5ca0;
	font-size: 9pt;
	font-weight: 600;
	letter-spacing: -0.3px;
	border: 1px solid #dfdfdf;
	padding: 0px 4px;
	border-radius: 2px;
	margin-bottom: -2px;
	border-color:#dfdfdf;
    transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn_common02:hover {
	cursor:pointer;
}

.btn_common02:focus {
    border-color:#999;
    box-shadow:0px 0px 0px 0.2rem rgba(38,143,255,0.5);
}
?????? ???????
.btn_common03 {
	background: #fff;
	border: 1px solid #dfdfdf;
	border-color:#dfdfdf;
	border-radius: 1px;
	font-size: 9pt;
	font-weight: 600;
	letter-spacing: -0.3px;
	transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
button .glyphicon{vertical-align:top !important;}


.btn_common03:active {
	border: 1px solid #1d48a0;
	color: #1d48a0
} */
.btn_common03 {
	border:0;
}

.btn_input {
	position: absolute;
	left: 24px;
	display: inline-block;
	height: 20px;
	line-height: 22px;
	border: none;
	vertical-align: middle;
	color: #606060;
	font-weight: 600;
	font-size: 0.7rem;
	letter-spacing: -0.3px;
	text-align: left;
	background: transparent;
	cursor: pointer
}

.btn_common04:hover .btn_input {
	color: #454545
}

.btn_common04 {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	line-height: 20px;
	background: #f5f5f5;
	border: 1px solid #bbb;
	border-radius: 1px;
	padding: 0 2px 0 2px;
	cursor: pointer
}

.btn_common04:hover {
	border: 1px solid #555;
	color: #454545
}

.btn_common04 span {
	margin-left: 4px
}

/* 전자결재 popup */


.pop_wrap input[type=text]{height:23px; padding:0 2px; border-bottom:0px; background:#fff;padding-bottom:5px;padding-left:7px;}
.hide{display:none;}

.sign_pop{
	background:#fff;width:1150px;margin:0 auto; border-radius:6px; position:relative; padding:10px 20px;overflow-x:hidden;overflow-y:hidden; box-sizing:border-box; overflow:auto;
}

form .secret{ width:9px; height:9px; line-height:12px; background:url(../../img/sub/ui-icons_9b9b9b_256x240.png) no-repeat -197px -100px; display:inline-block; vertical-align:middle;
margin-right:2px;}

	/*th{text-align:right !important;	padding:0 20px 0 10px !important;}

	th{
	text-align:right !important;
	padding:0 15px 0 10px !important;
	}*/
select::-ms-expand { display:none !important;}
.detail_type04 select::-ms-expand{display:none !important;}
select {
  appearance : none ;
  -webkit-appearance : none ;
 }
select::-ms-expand {
  display : none ;
 }

.pop input[text]{
	border:0 !important;
	border-bottom:1px solid #ccc !important;
}
.urgent{
	background:#fb5667;
	color:#fff;
	display:inline-block;
	padding:0 5px;
}

.folding{
text-align:right;
}

.btn_fopen{
color:#333;
border:1px solid #333;
}
.btn_fclose{
border:1px solid #333;
}

.d_pop_tab{
	height:auto;
}

.div_direction{
	width:4%; float:left; position:relative;text-align:center;display:inline-block; margin-top:158px;
}

.btn_direction{
	width:100%;
	height:100%;
	position:relative;
	text-align:center;
	vertical-align:middle;
	left:10px;
}
.btn_direction div{
	text-align:center;
	border:solid 1px rgba(0, 0, 0, .12);
	width:15px;
	height:15px;
	overflow:auto;
	overflow-y:hidden;
	overflow-x:hidden;
	position:relative;
}
.btn_direction span{
	width: 6px;
	height: 6px;
	text-align:center;
	vertical-align:top;
	display:inline-block;
	border-bottom: 1px solid #6a6a6a;
	border-right: 1px solid #6a6a6a;
}

.btn_direction .btn_search_up{
	transform: rotate(-135deg);
	margin-top:6px;
}

.btn_direction .btn_search_down{
	transform: rotate(45deg);
	margin-top:2px;
}

.btn_direction .btn_search_left{
	transform: rotate(135deg);
	margin-top:4px;
	margin-left:3px;
}

.btn_direction .btn_search_right{
	transform: rotate(-45deg);
	margin-top:4px;
	margin-left:-3px;
}
.table_title{font-size:0.75rem;margin-bottom:5px;
font-weight:bold;
 color:#66748f
}
.table_title:before{
content:'· ';
color:#1d48a0;
}
.field_ul{
	width:100%;
}
.field_ul li{
	line-height:20px;
	width:33%;
	float:left;
}

.btn_search2{
	padding:3px 10px;
	background:#fff;
	color:#1d48a0;
	font-weight:bold;
	border:1px solid rgba(0, 0, 0, .12);

	font-size:12px;
}
.btn_search2:hover{
	background:#4f7aec;
	border:1px solid rgba(0, 0, 0, .12);
	color:#fff;
}
.btn_complete2{
	padding:3px 10px;
	background:#fff;
	color:#1d48a0;
	font-weight:bold;
	font-size:12px;
	border:1px solid rgba(0, 0, 0, .12);

}
.btn_complete2:hover{
	background:#4f7aec;
	color:#fff;
}
.btn_save2{
	font-size:12px;
	padding:5px 15px;
	background:#1d48a0;
	color:#fff;
	font-weight:bold;
	border:1px solid rgba(0, 0, 0, .12);
}

.btn_save2:hover{
	background:#fff;
	color:#1d48a0;
}
.btn_close2:hover{

	background:#1d48a0;
	color:#fff;
}
.btn_close2{
	font-size:12px;
	background:#fff;
	color:#1d48a0;
	padding:5px 15px;

	font-weight:bold;
	border:1px solid rgba(0, 0, 0, .12);
}

.folding{
text-align:right;
}

.btn_fopen{
color:#333;
border:1px solid #333;
}
.btn_fclose{
border:1px solid #333;
}

.detail_type03 {clear:both;border-bottom:none}
.detail_type03 table {clear:both;width:100%;border:solid 1px #ddd;border-bottom:none;border-collapse:separate; background:#fff}
.detail_type03 table th {position: relative;padding:3px 12px 3px 6px;border-bottom:solid 1px #ddd;background:#f3f3f3;font-size:0.75rem;font-weight:bold;color:#454545;text-align:right;letter-spacing:-.5px}
.detail_type03 table td {position: relative;padding:3px 3px 3px 5px;border-bottom:solid 1px #ddd; text-align:left;letter-spacing:-.3px;color:#454545;font-size:0.75rem}
.detail_type03 table td a {color:#333}
.detail_type03 input[type=text]{height:23px; padding:0 2px; border-bottom: solid 1px #ddd; background:#fff;padding-bottom:5px;padding-left:7px;border-left:0;border-right:0;border-top:0; color:#6f6f6f;}

.btn_common04 {height:24px;line-height:22px;background:#fff;border:1px solid #fff;border-radius:2px;padding:0 6px 1px 6px;color:#505050;font-size:9pt;font-weight: 600;letter-spacing: -0.3px}
.btn_common04 .open{background:url(../../img/sub/ui-icons_9b9b9b_256x240.png) no-repeat -36px -228px;width:12px;
		height:12px;
		line-height:12px;
		display:inline-block;
		vertical-align:middle;
		margin-right:2px;}

.btn_common04 .open:hover{
	background:url(../../img/sub/ui-icons_9b9b9b_256x240.png) no-repeat -36px -228px;
}

.btn_common04 .close:hover{
	background:url(../../img/sub/ui-icons_9b9b9b_256x240.png) no-repeat -51px -228px;
}

.btn_common04 .close{background:url(../../img/sub/ui-icons_9b9b9b_256x240.png) no-repeat -51px -228px;width:12px;
		height:12px;
		line-height:12px;
		display:inline-block;
		vertical-align:middle;
		margin-right:2px;}
.btn_common04:hover {border:1px solid #999;color:#333}




	.pop_tab{
		width:100%;
		height:38px;
		margin-left:auto;
		margin-right:auto;
		display:block;
		border-bottom:1px solid rgba(0, 0, 0, .12);
		margin-top:20px;
		margin-bottom:10px;
		padding:0;
	}
	.pop_tab a{
		margin-right:-6px;
	}
	.pop_tab li{

		text-align:center;
		height:29px;
		line-height:30px;
		font-size:0.75rem;
		float:left;
		color:#010101;
		padding:3px 25px;
		background:#f0f7fe;
		border-top:1px solid rgba(0, 0, 0, .12);
		border-left:1px solid rgba(0, 0, 0, .12);
		border-right:1px solid rgba(0, 0, 0, .12);
		border-bottom:1px solid rgba(0, 0, 0, .12);
		margin-right:-1px;
	}
	.pop_tab .active{
		position:relative;
		height:31px;
		z-index:10;
		border-right:2px solid rgba(0, 0, 0, .12);
		border-bottom:1px solid rgba(0, 0, 0, 0);
		background:#fff;
		color:#010101;
		font-weight:bold;
		font-size:13px;

	}
	.del{
		text-align:right;
		overflow:hidden;
		position:relative;
		width:40px;
		height:40px;
		margin-left:5px;
		border:1px solid #eaf1f6;
		-webkit-border-radius:2px;
		border-radius:20px;
		text-indent:-1000px;
		vertical-align:1px;
		background:#eaf1f6;
	}
	.del:before, .del:after{
		content:'';
		position:absolute;
		top:42%;
		left:48%;
		width:2px;
		height:20px;
		margin:-6px 0 0 -1px;
		background:#a6c2d2;
	}
	.del:before{
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.del:after{
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}

	.del:hover{
		background:#fff;
	}




.detail_type04 {clear:both;border-bottom:none}
.detail_type04 table {clear:both;width:100%;border:solid 1px rgba(0, 0, 0, .12);border-bottom:none;border-collapse:separate; background:#fff}
.detail_type04 table th {position: relative;padding:8px;border-bottom:solid 1px rgba(0, 0, 0, .12);background:#f3f3f3;font-size:0.75rem;font-weight:bold;color:#454545;text-align:right;letter-spacing:-.5px;}
.detail_type04 table td {position: relative;padding:3px 3px 3px 5px;border-bottom:solid 1px rgba(0, 0, 0, .12); text-align:left;letter-spacing:-.3px;color:#454545;font-size:0.75rem; min-height:29px;}
.detail_type04 table td a {color:#333}

.detail_type04 .organi_td{
	padding:0 !important;
}
.detail_type04 .organi{
	line-height:1.5;margin-left:10px;overflow:auto;height:171px;
}
.detail_type05 {clear:both;border:1px solid #dbdfe8; border-bottom:1px solid #f0f7fe;}
.detail_type05 table {clear:both;width:100%;border-collapse:separate; background:#fff;} /*border:solid 1px rgba(0, 0, 0, .12);border-bottom:none;*/
.detail_type05 table th {position: relative;padding:2px 10px 2px 6px;border-bottom:solid 1px rgba(0, 0, 0, .12);background:#1d48a0;font-size:0.75rem;font-weight:bold;color:#fff;text-align:right;letter-spacing:-.5px; height:38px;}

.detail_type05 table .odd {background:#f0f7fe;}
.detail_type05 table td {position: relative;padding:4px 3px 4px 5px;border-bottom:solid 1px rgba(0, 0, 0, .12); text-align:center;letter-spacing:-.3px;font-size:0.75rem;border-left:solid 1px rgba(0, 0, 0, .12); height:25px;}
.detail_type05 table .c {background:#1d48a0;color:#fff !important;font-weight:bold;}
.detail_type05 table .c td {color:#fff !important;font-weight:bold;}
.detail_type05 table td:first-child {border-left:0px;}
.detail_type05 table td a {color:#333}
.detail_type05 input[type=text]{height:23px; padding:0 2px; background:#fff;padding-bottom:3px;padding-left:7px;border-left:0;border-right:0;border-top:0; color:#2e6e9e; border-bottom:1px solid #e0e0e0 !important; margin-top:-4px;margin-bottom:-4px;}
.detail_type05 input[type=text]:hover{border-bottom: solid 1px #1d48a0;}
.detail_type05 input[type=text]:focus{background:#fff;}
.detail_type05 input[type=checkbox]{display:none;}
.detail_type05 input[type="checkbox"] + label{font-size:12px;}
.detail_type05 input[type="checkbox"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    background: url(../../img/sub/radio_off.png) no-repeat;
    cursor: pointer;
    background-size: cover;
}
.detail_type05 input[type="checkbox"]:checked + label span {
    background:url(../../img/sub/radio_on_check.png) no-repeat;
     background-size: cover;
}
.detail_type05 input[type=radio]{display:none;}
.detail_type05 input[type="radio"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align:middle;
    background:url(../../img/sub/radio_off.png) no-repeat center -2px;
    cursor: pointer;
    background-size: cover;
}
.detail_type05 input[type="radio"]:checked + label span {
    background:url(../../img/sub/radio_on.png) no-repeat center -2px;
    background-size: cover;
}



.detail_type05 legend{font:bold 1.0em 'Franklin Gothic Medium', Helvetica, Sans-Serif;color:#696969;}

.detail_type05 select{width:auto; font-size:12px;padding: 3px;background:#f0f7fe url(../../img/sub/select_down_icon.png) no-repeat right 50%  !important;border-bottom:1px solid #e0e0e0;border-left:0;border-right:0;border-top:0;color:#66748f;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;
-webkit-appearance: none;
-moz-appearance:none;
appearance:none;
padding-left:7px;
}



	.top_approval{
		text-align:right;
		/*border-bottom:1px solid #dadce0;
		margin-bottom:20px;*/
	}
	.btn_ainfo:hover{
		background:#e14043;
		border-bottom:2px solid #ed5153;
	}

	.btn_ainfo em{
		width:12px;
		height:12px;
		line-height:12px;
		/* background:url(../../img/sub/ui-icons_ffffff_256x240.png) no-repeat -115px -100px; */
		display:inline-block;
		vertical-align:middle;
		margin-right:2px;
	}
	.btn_ainfo{
		padding:5px 15px;
		background:#ed5153;
		color:#fff;
		font-weight:bold;
		border-bottom:2px solid #e14043;

	}
	.btn_afile:hover{
		background:#2d9fee;
		border-bottom:2px solid #51aded;
	}

	.btn_afile{
		padding:5px 15px;
		background:#51aded; /* #f1f3f4; */
		color:#fff;
		font-weight:bold;
		border-bottom:2px solid #2d9fee;

	}
	.btn_afile em{
		width:12px;
		height:12px;
		line-height:12px;
		background:url(../../img/sub/ui-icons_ffffff_256x240.png) no-repeat -100px -115px;
		display:inline-block;
		vertical-align:middle;
		margin-right:2px;
	}
	.btn_afile span{
		display:hidden;
	}
	.btn_asum{
		padding:5px 15px;
		background:#536270;
		color:#fff;
		font-weight:bold;
		border-bottom:2px solid #545e69;
	}
	.btn_asum:hover{
		background:#545e69;
		border-bottom:2px solid #536270;
	}
	.btn_asum em{
		width:10px;
		height:10px;
		line-height:12px;
		background:url(../../img/sub/ui-icons_ffffff_256x240.png) no-repeat -149px -148px;
		display:inline-block;
		vertical-align:middle;
		margin-right:2px;
	}

	 .main {
            min-width: 320px;
            max-width: 1200px;
            padding: 10px;
            border-radius: 7px;
            background: #ffffff;
			min-height:350px;
			position:relative;
			margin: 0 auto;
        }

        .main section {
            display: none;
            padding: 15px 0 0;
            border-top: 1px solid #ddd;
            margin-top:-1px;
        }

        .main .tab_label {
            display: inline-block;
            padding: 5px 25px;
            font-weight: 600;
            color: #bbb;
            border: 1px solid transparent;
            font-size: 13px;
        }

        .main .tab_label:hover {
            color: #1d48a0;
            cursor: pointer;
        }

        .main #tab1,
        .main #tab2,
        .main #tab3,
        .main #tab4 {
            display: none;
        }

        /*input 클릭시, label 스타일*/
        .main input:checked+.tab_label {
            color: #555;
            border: 1px solid #ddd;
            border-top: 2px solid #1d48a0;
            border-bottom: 1px solid #ffffff;

        }

        .main #tab1:checked~#content1,
        .main #tab2:checked~#content2,
        .main #tab3:checked~#content3,
        .main #tab4:checked~#content4,
        .main #tab5:checked~#content5 {
            display: block;
        }

		.twoblock_wrap{
			position:relative;
			display:flex;
		}


.tab_con{overflow-y:auto;height:385px;}


/* Popup */
.popup_footer_box {
	position: relative;
	overflow: hidden;
	/*border-top: 1px solid #dedede;*/
	background: #fff;
	white-space:nowrap;
	width:99.5%;
	height:40px;
	margin: 2px 0 0 0;
	padding:12px 0 0 0;
	text-align:center;

}

.popup_footer_box button {
	height: 26px;
	line-height: 1;
	border: 1px solid #226495;
	padding: 5px 8px;
	background: #226495; /* 1c93ed */
	color: #FFF;
	margin: auto;
	font-weight: 600;
	border-radius: 3px;
	transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,background-color 0.15s ease-in-out 0s;
}
.popup_footer_box button > .glyphicon{
	color:#fff;
}


/* ������Ʈ �� dep1_tab */
.project_tit_div:before {
	content: '';
	clear: both;
	display: block;
}

.project_tit_div {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #f3f3f3;
	box-sizing: border-box;
	/*box-shadow: 0 px 4px 0 rgba(0, 0, 0, .8), 0 3px 4px 0 rgba(0, 0, 0, .8);*/
	line-height: 30px;
}

.project_tit_ul {
	width: 100%;
	font-size: 12px;
	color: #404040;
}

.project_tit_ul li {
	float: left;
	padding: 0 10px;
	color: #7c7c7c;
}

.project_tit_ul .project_tit_li {
	font-weight: bold;
	letter-spacing: -.1px;
	font-size: 12px;
	background: #fff;
	color: orangered;
	border: 0;
}


.project_tit_ul .project_tit_li p:before{
	content:'- ';
	display:inline-block;
	width:8px;
	height:18px;
	line-height:18px;
	color:orangered;
	font-size:8px;
}

.project_tab_div {
	display: block;
	width: 100%;
	height: 30px;
	overflow: hidden;
	margin-top: 5px;
}

.project_tab {
	width:auto;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	overflow: hidden;
	border-radius:3px;
	background:#fbfbfb;

	text-align: center;
	text-shadow: none;
	border: 1px solid #dfe3ea;
	border-right:none;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	overflow:hidden;
}

.project_tab li {
	text-align: center;
	font-size: 12px;
	float: left;
	color: #7a7a7a;
	padding: 3px 10px;
	border-right:1px solid #dfe3ea;
}

.project_tab li:hover{
	cursor:pointer;
}
.project_tab .active {
	font-weight: bold;
	color: #fff;
	background: #1e5ca0;
	/*border-bottom:double 3px #1c93ed;1c93ed*/
	-webkit-box-shadow: inset none 0px;
	-webkit-text-shadow: inset none 0px;
	text-shadow: inset none 0px;
	box-shadow: inset none 0px;
	font-weight: 600;
	color: #FFFFFF;
	cursor: default;
}

.tabintab_list_div {
	display: block;
	width: 100%;
	height: 30px;
	overflow: hidden;
	margin-top: 5px;
}

.tabintab_list {
	width:auto;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	overflow: hidden;
	border-radius:3px;
	background:#fbfbfb;

	text-align: center;
	text-shadow: none;
	border: 1px solid #dfe3ea;
	border-right:none;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	overflow:hidden;
}

.tabintab_list li {
	text-align: center;
	font-size: 12px;
	float: left;
	color: #7a7a7a;
	padding: 3px 10px;
	border-right:1px solid #dfe3ea;
}

.tabintab_list li:hover{
	cursor:pointer;
}
.tabintab_list .active {
	font-weight: bold;
	color: #fff;
	background: #1e5ca0;
	/*border-bottom:double 3px #1c93ed;1c93ed*/
	-webkit-box-shadow: inset none 0px;
	-webkit-text-shadow: inset none 0px;
	text-shadow: inset none 0px;
	box-shadow: inset none 0px;
	font-weight: 600;
	color: #FFFFFF;
	cursor: default;
}
/* ������Ʈ �� dep2_tab */
.project_tab2_div {
	display: block;
}

.project_tab2 {
	width: 100%;
	min-width: 600px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #ddd;
	display: block;
	overflow: hidden;
}

.project_tab2 li {
	padding: 4px 15px 6px 15px;
	background: #f5f5f5;
	border-top: 2px solid #eee;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
	font-size: 12px;
}

.project_tab2 a {
	display: inline-block;
	font-size: 12px;
	float: left;
}

.project_tab2 .active {
	border-top: solid 2px #1c93ed;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #fff;
	color: #1c93ed;
	font-weight: bold;
}

/* 일정관리 */


.cal_type2 {font-size:12px;font-weight: normal;letter-spacing: -.5px;}
.cal_type2 ul{line-height:27px;}
.cal_type2 li {display:inline-block;float:left;margin-left:-1px;color: #505050;font-weight: bold;}

.cal_finish_box::before, .cal_task_box::before,.cal_busi_box::before,.cal_holi_box::before,.cal_sch_box::before,.cal_meet_box::before{content:''; display: inline-block;text-align:center;width:8px;height:8px;margin:0 3px 0 4px;}
.cal_task_box::before {background:#76a6fb;border:1px solid #2c74f9;} /* 업무 */
.cal_busi_box::before {background:#f0762c;border:1px solid #e82c00;} /* 출장 */
.cal_finish_box::before{background:#a2ca61;border:1px solid #6bab0f;} /* 휴가 */
.cal_holi_box::before {background:#f4d120;border:1px solid #eeb500;} /* 일정 */
.cal_meet_box::before{background:#21b0cc;border:1px solid #1a8ea4;} /* 미팅 */

.cal_header{ vertical-align:middle}
.cal_header .input_calen{    border: 0 !important;    font-size: 20px;    width: 119px;    background-position: 96px 7px !important;padding-left:15px;}
.cal_header .prev, .cal_header .next{display:inline-block;position: relative;width:19px;height:11px; text-align:center;color:#aaa;font-size:11px;font-family:'Roboto',tahoma;cursor:pointer;vertical-align:text-bottom !important;}
.cal_header .prev{background: url(../img/sub/icon_arrleft.png) no-repeat center center;}
.cal_header .next{background: url(../img/sub/icon_arrright.png) no-repeat center center;}


.cal_header .date {   border: none;    background-position: 88px center !important;    display: inline-block;   vertical-align: baseline !important;    font-size: 20px;    color: #404447;    width: 103px !important;    margin: 0 5px;}
.cal_header .month{margin:0 10px;color:#3e4245}

.cal_btn{padding:0;margin-left:5px;}
.cal_btn:hover{border:0;}
.cal_btn i.axi{color:#ddd;}
.cal_btn:hover i.axi,.cal_btn i.axi:hover{color:#404447;}


/* 네이버캘린더 css */

.svg-network{height:1.3em;background:url(../img/network.svg) no-repeat;min-width:15px !important;}

.schedule_container {        overflow: visible !important;        position: relative;       cursor: default    }
.schedule {        overflow: hidden;        position: relative;        height: 19px;        white-space: nowrap    }
.month_row {        position: relative    }
.monthly_calendar {        position: absolute;        top: 70px;        left: 10px;        right: 10px;        bottom: 0;		min-height:794px;    }
.monthly_calendar td{		display:table-cell;}
/* .monthly_calendar table{		border-collapse:separate;	} */
.monthly_calendar .calendar_header_wrap {        overflow: hidden    }
.monthly_calendar .calendar_header_wrap table {        margin-top: -20px    }
.monthly_calendar .calendar_header_wrap table caption {        height: 20px    }
.monthly_calendar .week {        color: #555;        table-layout: fixed;        width: 100%;        border-top: 1px solid #dadada;        border-bottom: 1px solid #f1f1f1;       background: #f8f8f8;        height: 31px    }
.monthly_calendar .week th {        padding: 0 8px;        text-align: left;        font-weight: normal    }
.monthly_calendar .schedule_list .date .sun strong, .schedule_list .date .holiday > strong, .monthly_calendar .week th.sun{        color: #ff000a    }


.monthly_calendar .schedule_list .today strong{color:#fff;display:inline-block;border-radius:100%;font-weight:bold;text-align:center;background:#2c74f9;width:18px;padding-left:0 !important;margin-left:3px;}

.monthly_calendar .grid td~td {       border-left: 1px solid #f4f4f4; }
.monthly_calendar .header .monthly {       overflow: hidden;        position: relative;       _width: 100%;        height: 26px;        background: url(https://ssl.pstatic.net/static/calendar/2012/sp_repeatx_120816.gif) repeat-x 0 -100px;    }
.monthly_calendar .header .monthly div {        position: absolute;        top: 0;        height: 18px;        padding: 6px 0 0 0;        border-left: 1px solid #d7d7d7;        text-align: center    }
.monthly_calendar .header .monthly div.first {        border: 0    }
.monthly_calendar .header .monthly div em {        margin: 0;        font-size: 12px;        font-family: dotum;        font-weight: bold    }
.monthly_calendar .month_table {        position: absolute;        top: 31px;       left:0;        right:0;        bottom: 8px;    }
.monthly_calendar .table_container {        overflow: hidden;        position: absolute;        top: 0;        bottom: 0;        left: 0;        width: 100%;        height: 100%;       background: white    }
.monthly_calendar .month_row {        position: relative;        width: 100%;        height: 25%    }
.monthly_calendar .forth .month_row {        height: 25%    }
.monthly_calendar .fifth .month_row {        height: 20%    }
.monthly_calendar .sixth .month_row {        height: 16.66%    }
.monthly_calendar .grid {        position: absolute;        top: 0;        left: 0;        width: 100%;        height: 100%;        table-layout: fixed;    border-bottom: 1px solid #e6e6e6;}

.monthly_calendar .grid .select_area {        background-color: #dfdfe1;        filter: alpha(opacity=40);        opacity: .4    }
.monthly_calendar .schedule_list {        position: relative;        table-layout: fixed;        width: 100%    }
.schedule_list .date {        height: 26px    }
.monthly_calendar .schedule_list {        color: #222    }
.monthly_calendar .schedule_list .date strong {       display: inline-block;        *display: inline;        float:left;        padding: 0 0 0 8px;        font-size: 12px;        font-weight: normal;        zoom: 1;        vertical-align: top;        cursor: pointer}
.monthly_calendar .schedule_list .disable strong{        color: #999    }
.monthly_calendar .sat,.monthly_calendar .schedule_list .sat strong{        color: #0090ff;       }
.monthly_calendar .schedule_list .disable.sat strong{        color: #8fcbf9;    }
.monthly_calendar .schedule_list .date .sun, .schedule_list .date .holiday {        color: #f00    }
.monthly_calendar .schedule_list .date .sat {        color: #0090ff;    }

.monthly_calendar .schedule_list .sun.disable strong, .schedule_list .holiday.disable strong{        color: #ff8383 !important;    }
.monthly_calendar .schedule_list .day_info {        float: right;        display: inline-block;        max-width: 70%;        overflow: hidden;        white-space: nowrap;       margin-right: 7px;        padding-top: 1px;        font-size: 12px;        color: #959595;        vertical-align: top    }
.monthly_calendar .schedule_list .holiday .day_info {        color: #f00    }
.monthly_calendar .schedule_list .disable.holiday .day_info {        color: #ff8383    }
.monthly_calendar .schedule_list .ico_sticker {        vertical-align: top;        *margin-top: -1px    }
.monthly_calendar .schedules,.monthly_calendar .schedule {        position: relative;        overflow: hidden;        /*height: 17px;*/        line-height: 18px;        margin: 0 2px 1px 2px;        vertical-align: top;        white-space: nowrap;        cursor: pointer;        border: 1px solid transparent;	 }

.monthly_calendar .schedules {background:#e8f4ff;    }
.monthly_calendar .schedule {background:#fff;    }
.monthly_calendar .schedule a{		color:#000 !important;	}
.monthly_calendar .schedule.refuse .info {        text-decoration: line-through    }
.monthly_calendar .schedule .info > a, .monthly_calendar .schedules .info > a{		display:inline !important;		color:#000;	}

.monthly_calendar .schedule .info a.complete {        text-decoration: line-through    }
.monthly_calendar .schedule .info a.complete:hover,    .schedule .info a.complete:active {        text-decoration: line-through    }
.monthly_calendar .schedules .more_left {        display: inline-block;        *display: inline;        float: left;        width: 8px;        height: 18px;        margin-left: 3px;        background: url(https://ssl.pstatic.net/static/calendar/2013/bu_l_arrow.png) 2px 5px no-repeat;		background: url(../img/sub/icon_arrleft.png) no-repeat center center;		background-size:6px 6px !important;        zoom: 1    }
.monthly_calendar .schedules .more_right {        display: inline-block;        *display: inline;        position: absolute;        top: 0;        right: 4px;        width: 8px;
    height: 17px;        background: url(https://ssl.pstatic.net/static/calendar/2013/bu_r_arrow.png) 2px 5px no-repeat;		background: url(../img/sub/icon_arrright.png) no-repeat center center;		background-size:6px 6px !important;        zoom: 1    }
.monthly_calendar .schedule .info, .monthly_calendar .schedules .info {        display: inline-block;        *display: inline;        overflow: hidden;        text-overflow: ellipsis;
margin: 0 0 0 3px;        vertical-align: top;        zoom: 1;        white-space: nowrap;		width:100%;    }
.monthly_calendar .schedule .info a:hover {        text-decoration: underline    }

.monthly_calendar .more_count {        height: 19px;    }
/* .monthly_calendar .forth .more_count {        height: 57px;    }
.monthly_calendar .fifth .more_count {        height: 38px;    }
.monthly_calendar .sixth .more_count {        height: 19px;    } */

.monthly_calendar .more_count a { float: left; padding-left: 12px; color: #ff4f4f; font-size: 12px; cursor: pointer; }
.monthly_calendar .more_count a.left {        float: left    }
.monthly_calendar .more_count a:hover,    .monthly_calendar .more_count a:active {        text-decoration: underline    }

.modal_pop .modal_body .list{min-height:35px;}
.modal_pop input, .modal_pop select{border:0;}

.dayall_litit{width:100%;height:28px;cursor:pointer;}
.dayall_litit ul{display:flex;}
.dayall_litit ul li{white-space:nowrap;display:inline-block;overflow:hidden;text-overflow:ellipsis;line-height:26px;}
.dayall_litit ul li:nth-child(1){width:18%;}
.dayall_litit ul li:nth-child(2){width:18%;}
.dayall_litit ul li:nth-child(3){width:64%;}

.more_schedule { display: block; text-align: left; width: 100%; }