/*리뉴얼디자인*/
/*gnb*/
.gnb{margin-left:250px}
.gnb.mini{margin-left:25px}
.gnb>.wrap{padding:10px 20px}
.gnb>.wrap:after{display:block;clear:both;content:""}
.gnb .btn_menu{float:left;width:43px;min-width:unset;height:43px;margin-right:10px;padding:0;background:url(../img/btn_menu_2.png) center no-repeat;background-size:20px 14px;background-color:#fff;border-radius:50%}
.gnb .logo{float:left;position:relative;top:13px;width:121px;height:21px;background:url(../img/logo.png) center no-repeat;background-size:cover}
.gnb .logo>a{display:block;width:100%;height:100%;text-indent:-9999px}
.gnb .gnb_area{float:right}
.gnb .gnb_area:after{display:block;clear:both;content:""}
.gnb .gnb_area .gnb_cnt{float:left;position:relative}
.gnb .gnb_area .gnb_cnt .btn_gnb{height:24px;min-width:45px;background-color:#fff;color:#7c7c7c;font-size:12px;border-radius:12px}
.gnb .gnb_area .gnb_cnt .cnt_bx{display:none;position:absolute;top:40px;right:0;width:350px;background-color:#fff;border-radius:3px;box-shadow:0 3px 10px 0 rgba(0,0,0,0.25);z-index:1400}
.gnb .gnb_area .gnb_cnt .cnt_bx [class^='btn_under_']{text-decoration:none}
.gnb .gnb_area .gnb_cnt .cnt_bx>.wrap{padding:8px}
.gnb .gnb_area .gnb_cnt .cnt_bx .top_cnt{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #bebebe;box-sizing:border-box}
.gnb .gnb_area .gnb_cnt .cnt_bx .top_cnt:after{display:block;clear:both;content:""}
.gnb .gnb_area .gnb_cnt .cnt_bx .top_cnt .fc_tit{float:left;font-size:14px}
.gnb .gnb_area .gnb_cnt .cnt_bx .top_cnt .btn_i_close{float:right;background-size:11px 11px}
.gnb .gnb_area .notice{margin-top:9px;margin-right:10px}
.gnb .gnb_area .notice.on{position:relative}
.gnb .gnb_area .notice.on:before{position:absolute;top:4px;right:7px;width:4px;height:4px;background-color:#ff4368;border-radius:50%;content:""}
.gnb .gnb_area .notice .cnt_bx .mid_cnt{margin-bottom:10px}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .top_bx{margin-bottom:5px}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .top_bx:after{display:block;clear:both;content:""}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .top_bx>a{float:left}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .top_bx>div{float:right}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .top_bx>div:after{display:block;clear:both;content:""}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .top_bx>div>button{float:left}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .top_bx>div>button+button{margin-left:10px}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .list_bx{background-color:#f6f6f6;border-radius:3px}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .list_bx .list_wrap{padding:10px}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .list_bx>ul>li{position:relative;padding-bottom:10px;border-bottom:1px solid #fff;box-sizing:border-box}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .list_bx>ul>li+li{margin-top:10px}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .list_bx>ul>li:after{display:block;clear:both;content:""}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .list_bx>ul>li>dl{float:left}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .list_bx>ul>li>dl>dt{margin-bottom:7px}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .list_bx>ul>li>dl>dt>i:nth-child(1){margin-right:10px}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .list_bx>ul>li>dl>dd{font-size:12px}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .list_bx>ul>li>dl>dd>i:nth-child(1){margin-right:5px}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .list_bx>ul>li .btn_i_close{float:right;position:absolute;top:50%;right:0;background-size:11px 11px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .list_bx>ul .none{display:block;text-align:center}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .list_bx .more_bx{width:100%;padding-bottom:10px;text-align:center}
.gnb .gnb_area .notice .cnt_bx .mid_cnt .list_bx .more_bx.off{display:none}
.gnb .gnb_area .language{margin-top:9px;margin-right:28px}
.gnb .gnb_area .language .cnt_bx{overflow-y:auto;width:100px;max-height:230px}
.gnb .gnb_area .language .cnt_bx .mid_cnt>li{width:100%;margin-bottom:8px;padding-bottom:8px;text-align:center;border-bottom:1px solid #e0e0e0;box-sizing:border-box}
.gnb .gnb_area .language .cnt_bx .mid_cnt>li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.gnb .gnb_area .set_up{margin-top:4px}
.gnb .gnb_area .set_up .btn_gnb{width:35px;height:35px;min-width:unset;padding:0;border-radius:50%}
.gnb .gnb_area .set_up .cnt_bx{top:45px;width:220px}
.gnb .gnb_area .set_up .cnt_bx>.wrap{position:relative}
.gnb .gnb_area .set_up .cnt_bx .btn_i_close{position:absolute;top:8px;right:8px;background-size:11px 11px}
.gnb .gnb_area .set_up .cnt_bx dl{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #e5e5e5;box-sizing:border-box}
.gnb .gnb_area .set_up .cnt_bx dl.last{margin-bottom:0;padding-bottom:0;border-bottom:none}
.gnb .gnb_area .set_up .cnt_bx dl .fc_tit{display:inline-block;margin-bottom:15px;font-size:16px}

/*container temp common*/
.temp [class^='section_']{padding:20px;background-color:#fff;border-radius:3px;box-sizing:border-box}
.temp .table>div>table>thead>tr{height:55px}
.temp .table>div>table>tbody>tr{height:35px}
.temp .table>div>table>thead>tr>.chk,
.temp .table>div>table>tbody>tr>.chk{width:5%}
.temp .table>div>table>thead>tr>.memo,
.temp .table>div>table>tbody>tr>.memo{width:10%}
.temp .table>div>table>tbody>tr>.memo{cursor:pointer}
.temp .table>div>table>tbody>tr>.memo>span{display:inline-block;overflow-x:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}
.temp .table .body .prj,
.temp .table .body .prj_item{overflow:hidden;padding:0 5px;white-space:nowrap;text-overflow:ellipsis}
.temp .schedule_mark .body>div .prj{padding:0}
.temp .top_area{margin-bottom:25px;padding:12px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;box-sizing:border-box}
.temp .top_area:after{display:block;clear:both;content:""}
.temp .top_area .fc_tit{float:left;position:relative}
.temp .top_area .fc_tit .i_help{position:absolute;top:13px;right:-22px;margin-left:0}
.temp .top_area .fc_tit .i_help .help_txt{left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
.temp .top_area .t_info{float:left;margin-left:20px;padding-top:8px}
.temp .top_area .right_cnt{float:right}
.temp .tab_cnt{float:left;margin-left:40px;font-size:20px}
.temp .tab_cnt:after{display:block;clear:both;content:""}
.temp .tab_cnt>i{float:left}
.temp .tab_cnt .tab_bx{float:left;margin:0 25px}
.temp .tab_cnt .tab_bx:after{display:block;clear:both;content:""}
.temp .tab_cnt .tab_bx .tab_btn{float:left;position:relative;cursor:pointer}
.temp .tab_cnt .tab_bx .tab_btn.on{color:#0050ff;font-weight:500}
.temp .tab_cnt .tab_bx .tab_btn:before{position:absolute;top:50%;left:-18px;width:1px;height:18px;background-color:#555;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.temp .tab_cnt .tab_bx .tab_btn:first-child:before{display:none}
.temp .tab_cnt .tab_bx .tab_btn+.tab_btn{margin-left:34px}
.temp .tab_cnt .i_help{position:relative;top:1px;right:0;margin-left:5px}
.temp .mid_area .tit{height:32px;margin-bottom:10px}
.temp .mid_area .tit:after{display:block;clear:both;content:""}
.temp .mid_area .tit>span{float:left;margin-right:20px}
.temp .mid_area .tit .btn_popup{float:left;background-color:#fff;border:1px solid #e2e2e2;border-radius:3px;box-sizing:border-box}
.temp .mid_area .cnt{display:block}
.temp .mid_area .cnt .cnt_bx{margin-bottom:20px}
.temp .mid_area .cnt .cnt_bx:after{display:block;clear:both;content:""}
.temp .mid_area .cnt .cnt_bx>i{display:block;margin-bottom:4px;font-size:14px}
.temp .mid_area .cnt .cnt_bx .datepicker_bx{float:left;width:200px;margin-right:50px}
.temp .mid_area .cnt .cnt_bx .today{float:left;width:100px}
.temp .mid_area .top_bx{margin-bottom:10px}
.temp .mid_area .top_bx:after{display:block;clear:both;content:""}
.temp .mid_area .txt_bx{float:left;line-height:32px}
.temp .mid_area .datepicker_bx{float:left;margin-right:10px}
.temp .mid_area .search_bx{float:left;margin-right:10px}
.temp .mid_area .option_bx{float:left;margin-right:10px}
.temp .mid_area .right_bx{float:right}
.temp .mid_area .right_bx:after{display:block;clear:both;content:""}
.temp .mid_area .right_bx .tgl_btn{float:left;margin-right:10px}
.temp .mid_area .right_bx .tgl_btn:after{display:block;clear:both;content:""}
.temp .mid_area .right_bx .tgl_btn>dt{float:left;margin-right:10px;line-height:32px}
.temp .mid_area .right_bx .tgl_btn>dd{float:left;padding-top:3px}
.temp .mid_area .right_bx .tgl_btn .btn_i{display:block;width:51px;height:26px;padding:0}
.temp .mid_area .right_bx .tgl_btn .on{background:url(../img/btn_on.png) center no-repeat;background-size:51px 26px}
.temp .mid_area .right_bx .tgl_btn .off{background:url(../img/btn_off.png) center no-repeat;background-size:51px 26px}
.temp .mid_area .right_bx>div{float:left}
.temp .mid_area .right_bx>div:after{display:block;clear:both;content:""}
.temp .mid_area .right_bx>div>button{float:left}
.temp .mid_area .right_bx>div>button+button{margin-left:10px}
.temp .mid_area .section_list .table .body{height:calc(100vh - 355px)}
.temp [class^='mid_area tab_']{display:none}
.temp [class^='mid_area tab_'].on{display:block}
.temp .section_list .table .head .progress{width:30%}
.temp .section_list .table .body .bar{width:23%}
.temp .section_list .table .body .per{width:7%}
.temp .section_list .table .head .compl,
.temp .section_list .table .body .compl{width:5%}
.temp .section_list .table .body .bar .bg{position:relative;width:100%;height:20px;background-color:#d8d8d8;border-radius:10px}
.temp .section_list .table .body .bar .bg .num_in{position:absolute;top:0;left:0;width:100%;height:20px;background-color:#0050ff;border-radius:10px}
.temp .section_list .table .body .bar .bg .num_de{position:absolute;top:0;left:0;width:100%;height:20px;background-color:#fa6400;border-radius:10px}
.temp .section_list .table .body .incr .per{color:#0050ff}
.temp .section_list .table .body .incr .per>i{color:#3e3e3e}
.temp .section_list .table .body .incr .change{color:#0050ff}
.temp .section_list .table .body .decr .per{color:#fa6400}
.temp .section_list .table .body .decr .per>i{color:#3e3e3e}
.temp .section_list .table .body .decr .change{color:#fa6400}
.temp .section_list .table .body .decr .term{color:#fa6400}
.temp .section_list .table .body .decr .bar .bg .num_in{background-color:#898989}
.temp .section_list .table .body>table>tbody>tr>td.change.zero{color:#3e3e3e}
.temp .tree_bx .jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl,
.temp .tree_bx .jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl{background-size:5px 5px}

/*옵션 프로젝트명 검색박스*/
.option_bx .search_wrap{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e6e6e6}
.option_bx .search_wrap:after{display:block;clear:both;content:""}
.option_bx .search_wrap .txt_bx{float:left;width:192px}
.option_bx .search_wrap>button{float:right}

/*일정표*/
.schedule_mark{min-width:100%}
.schedule_mark .head .empty_bx{float:left;position:relative;width:120px;height:34px;background-color:#fff;z-index:200}
.schedule_mark .head .empty_bx>span{display:block;width:100%;height:100%;padding:0 15px;text-align:center;border:1px solid #ebebeb;border-radius:0;box-sizing:border-box}
.schedule_mark .head .datepicker{width:120px;height:34px;background-color:#fff;z-index:200}
.schedule_mark .head .datepicker .picker{padding:0 15px;text-align:center;border:1px solid #ebebeb;border-radius:0;box-sizing:border-box}
.schedule_mark .head .datepicker .i_picker{right:15px}
.schedule_mark .head .datepicker .tui-datepicker{z-index:200}
.schedule_mark .head .date>span:after,
.schedule_mark .body>div .prj>span:after{display:block;clear:both;content:""}
.schedule_mark .head .date>span>i,
.schedule_mark .body>div .prj>span>i{float:left;display:block;width:32px;height:32px;text-align:center;line-height:32px;border:1px solid #ebebeb;box-sizing:border-box}
.schedule_mark .head{position:relative;border-bottom:none;font-weight:500}
.schedule_mark .head:after{display:block;clear:both;content:""}
.schedule_mark .head .name{position:absolute;top:34px;left:0;width:120px;height:34px;margin-right:0;background-color:#fff;text-align:center;line-height:32px;border:1px solid #ebebeb;box-sizing:border-box;cursor:pointer;z-index:100}
.schedule_mark .head .name:before{position:absolute;top:50%;right:0;width:15px;height:15px;background:url(../img/arr_down_02.png) center no-repeat;background-size:15px 15px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.schedule_mark .head .date{position:relative;float:left}
.schedule_mark .head .date:nth-child(2){margin-left:120px}
.schedule_mark .head .date>.month{display:block;width:100%;text-align:center;line-height:32px;border:1px solid #ebebeb;border-right:1px solid #979797;box-sizing:border-box}
.schedule_mark .head .date>.days>.h{background:#f0f0f0}
.schedule_mark .head .date>.days>.last{border-right:1px solid #979797}
.schedule_mark .body{height:calc(50vh - 220px)}
.schedule_mark .body>div .prj{font-size:0}
.schedule_mark .body>div .prj:after{display:block;clear:both;content:""}
.schedule_mark .body>div .prj>.name{overflow:hidden;float:left;width:120px;height:32px;padding:0 15px;background-color:#fff;font-size:14px;text-align:center;line-height:30px;text-overflow:ellipsis;white-space:nowrap;border:1px solid #ebebeb;box-sizing:border-box;z-index:100}
.schedule_mark .body>div .prj>span{display:inline-block}
.schedule_mark .body>div .prj>span>i.last{border-right:1px solid #979797}
.schedule_mark .body>div .prj>.days{position:relative}
.schedule_mark .body>div .prj>.days>.num{position:absolute;top:10px;left:0;height:12px;background-color:#0050ff}
.schedule_mark .body>div .prj>.name.on,
.schedule_mark .body>div .prj>.name.off{position:relative;cursor:pointer}
.schedule_mark .body>div .prj>.name.off{background-color:#e4f0f6}
.schedule_mark .body>div .prj>.name.on:before{position:absolute;top:50%;right:0;width:15px;height:15px;background:url(../img/arr_down_02.png) center no-repeat;background-size:15px 15px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.schedule_mark .body>div .prj>.name.off:before{position:absolute;top:50%;right:0;width:15px;height:15px;background:url(../img/arr_up_02.png) center no-repeat;background-size:15px 15px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.schedule_mark .body>div .prj .prj_sub{display:none}
.schedule_mark .pop_info{position:absolute;top:0;left:0;width:260px;padding:5px 10px;background-color:#979797;color:#fff;border-radius:6px;z-index:1}
.schedule_mark .pop_info>.name{display:inline-block;margin-bottom:10px;font-weight:500;text-align:left;line-height:normal;border:none}
.schedule_mark .pop_info .dl{display:inline-block;width:100%}
.schedule_mark .pop_info .dl:after{display:block;clear:both;content:""}
.schedule_mark .pop_info .dl+.dl{margin-top:5px}
.schedule_mark .pop_info .dl .dt{float:left;position:relative;margin-right:20px}
.schedule_mark .pop_info .dl .dt:before{position:absolute;top:0;right:-10px;content:":"}
.schedule_mark .pop_info .dl .dd{float:left}

/*캘린더 공통(근태정보/신청)*/
.calendar .head_bx{width:100%;height:24px;margin-bottom:20px;color:#003a79;text-align:center;box-sizing:border-box}
.calendar .head_bx .month{display:inline-block;height:24px;color:#003a79;font-size:16px}
.calendar .head_bx .month:after{display:block;clear:both;content:""}
.calendar .head_bx .month>button{float:left;width:24px;height:24px}
.calendar .head_bx .month>span{float:left;margin:0 10px;font-weight:500}
.calendar .cal_bx>table{width:100%;text-align:center;table-layout:fixed}
.calendar .cal_bx>table>thead>tr{height:42px;background-color:#f5f5f5}
.calendar .cal_bx>table>tbody>tr{height:95px}
.calendar .cal_bx>table>tbody>tr>td{padding-top:7px;vertical-align:top}
.calendar .cal_bx>table>tbody>tr>td.prv,
.calendar .cal_bx>table>tbody>tr>td.nxt{color:#ebebeb}
.calendar .cal_bx>table>tbody>tr>td.on>i{display:block;width:80px;margin:5px auto 0;letter-spacing:-1px;border-radius:3px}
.calendar .cal_bx>table>tbody>tr>td.std>i{background-color:#00FF00}
.calendar .cal_bx>table>tbody>tr>td.va>i{background-color:#FFFF00}
.calendar .cal_bx>table>tbody>tr>td.sch>i{background-color:#0000FF;color:#fff}
.calendar .cal_bx>table>tbody>tr>td.fr>i{background-color:#FF00FF;color:#fff}
.calendar .cal_bx>table>tbody>tr>td.slt>i{background-color:#F7931E}
.calendar .cal_bx>table>tbody>tr>td.flx>i{background-color:#8CC63F}
.calendar .cal_bx>table>tbody>tr>td.hm>i{background-color:#006837;color:#fff}
.calendar .cal_bx>table>tbody>tr>td.rgd>i{background-color:#A67C52;color:#fff}
.calendar .cal_bx>table>tbody>tr>td.shft>i{background-color:#42210B;color:#fff}
.calendar .cal_bx>table>tbody>tr>td.list{position:relative}
.calendar .cal_bx>table>tbody>tr>td.list>i{display:block;position:relative;width:29px;margin:10px auto 0;color:#0050ff}
.calendar .cal_bx>table>tbody>tr>td.list>i:before{position:absolute;top:-7px;left:50%;width:29px;height:36px;background:url(../img/i_file.png) center no-repeat;background-size:29px 36px;content:"";-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}

.table .head>table>thead>tr .opt .chk_opt{top:45px;left:150px;text-align:left}

/*로그인*/
.login{width:100vw;height:100vh;background:none;background-color:#f1f5ff}
.login>.wrap{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.login .top_area{margin-bottom:20px}
.login .top_area>dl{text-align:center}
.login .top_area>dl>dt{position:relative;margin-bottom:15px;font-size:25px;font-weight:700;z-index:1400}
.login .top_area>dl>dt:before{position:absolute;bottom:0;left:50%;width:84px;height:9px;background-color:#d7e4ff;border-radius:12px;z-index:1300;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);content:""}
.login .top_area>dl>dt>span{position:relative;z-index:1400}
.login .top_area>dl>dt .dot{display:block;position:absolute;bottom:4px;right:-6px;width:5px;height:5px;background-color:#0050ff;border-radius:50%}
.login .top_area>dl>dd{font-size:16px;font-weight:500}
.login .mid_area{margin-bottom:25px}
.login .mid_area .info{margin-bottom:20px}
.login .mid_area .info>dl{width:280px}
.login .mid_area .info>dl+dl{margin-top:15px}
.login .mid_area .info>dl>dt{margin-bottom:8px;color:#a6a6a6;font-weight:500}
.login .mid_area .info>dl .input_cnt{background-color:#fff;border-radius:3px}
.login .mid_area .info>dl .input_cnt .txt_bx{width:100%;margin-right:0;border:none}
.login .mid_area .info>dl .input_cnt .txt_bx.err{border:1px solid #ff4368}
.login .mid_area .info>dl .help_txt{color:#ff4368;font-size:12px;text-align:right}
.login .mid_area .info>dl .check_bx{margin-top:2px;background-color:transparent;font-size:12px}
.login .mid_area .info>dl .check_bx>label{margin-top:2px}
.login .mid_area .info .company .input_cnt:after{display:block;clear:both;content:""}
.login .mid_area .info .company .input_cnt .txt_bx{float:left;width:100%}
.login .mid_area .info .company .input_cnt .btn_i_search{float:left;width:20%;height:36px;padding:0}
.login .mid_area .info .company .input_cnt .btn_i_search.hide{display:none}
.login .mid_area .info .pw:after{display:block;clear:both;content:""}
.login .mid_area .info .pw .check_bx{float:left;width:40%}
.login .mid_area .info .pw .help_txt{float:right;margin-top:2px}
.login .mid_area .button{width:228px;margin:0 auto;text-align:center}
.login .mid_area .button>button{display:block;height:auto;margin:0 auto;padding:0}
.login .mid_area .button>span{display:block;position:relative;margin:20px auto}
.login .mid_area .button>span:before{display:block;position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#a6a6a6;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);z-index:1300}
.login .mid_area .button>span>i{display:block;position:relative;width:65px;margin:0 auto;background-color:#f1f5ff;font-size:12px;z-index:1400}
.login .mid_area .button .btn_login{color:#0050ff;font-size:20px;font-weight:700;text-decoration:underline}
.login .mid_area .button .btn_pass{width:230px;height:53px;background:url(../img/btn_pass.png) center no-repeat;background-size:230px 53px;text-indent:-9999px}
.login .btm_area>span{color:#a6a6a6;font-size:10px;text-align:center}


/*부서관리*/
.department .mid_area:after{display:block;clear:both;content:""}
.department .mid_area .left_cnt{float:left;width:23%;margin-right:2%}
.department .mid_area .left_cnt .section_tree .tree_bx{overflow:auto;height:calc(100vh - 258px)}
.department .mid_area .right_cnt{float:left;width:75%}

/*부서원관리*/
.user .mid_area{display:none}
.user .mid_area.on{display:block}
.user .mid_area .section_list .table .body>table>tbody>tr .access>i{display:block;width:16px;height:16px;margin:0 auto;border-radius:50%}
.user .mid_area .section_list .table .body>table>tbody>tr .access .on{background-color:#43ff8c}
.user .mid_area .section_list .table .body>table>tbody>tr .access .off{background-color:#ff4368}
.user .mid_area .section_list .table .body>table>tbody>tr .none{color:#fa6400}

/*근태단말기관리*/
.device .mid_area{display:none}
.device .mid_area.on{display:block}
.device .mid_area .top_bx .right_bx>div .on{display:block}
.device .mid_area .top_bx .right_bx>div .off{display:none}
.device .mid_area .section_list .table .body>table>tbody>tr .none{color:#fa6400}
.device .mid_area .section_list .table .body>table>tbody>tr>td .on{display:block}
.device .mid_area .section_list .table .body>table>tbody>tr>td .off{display:none}
.device .mid_area .section_list .table .body>table>tbody>tr>td .txt_bx{float:unset;width:90%;margin:0 auto}

/*WOL 관리*/
.wol .mid_area .section_list .table .body>table>tbody>tr .access>i{display:block;width:16px;height:16px;margin:0 auto;border-radius:50%}
.wol .mid_area .section_list .table .body>table>tbody>tr .access .on{background-color:#43ff8c}
.wol .mid_area .section_list .table .body>table>tbody>tr .access .off{background-color:#ff4368}
.wol .mid_area .section_list .mac{height:32px;padding-bottom:10px;text-align:center;border-bottom:1px solid #7c7c7c}
.wol .mid_area .section_list .mac>dl{display:inline-block}
.wol .mid_area .section_list .mac>dl:after{display:block;clear:both;content:""}
.wol .mid_area .section_list .mac>dl>dt{float:left;margin-right:20px;font-weight:500;line-height:32px}
.wol .mid_area .section_list .mac>dl>dd{float:left}
.wol .mid_area .section_list .mac>dl>dd>ul{float:left;margin-right:24px}
.wol .mid_area .section_list .mac>dl>dd>ul:after{display:block;clear:both;content:""}
.wol .mid_area .section_list .mac>dl>dd>ul>li{float:left;position:relative}
.wol .mid_area .section_list .mac>dl>dd>ul>li:before{position:absolute;top:50%;right:-14px;font-size:12px;content:"-";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.wol .mid_area .section_list .mac>dl>dd>ul>li:last-child:before{display:none}
.wol .mid_area .section_list .mac>dl>dd>ul>li+li{margin-left:24px}
.wol .mid_area .section_list .mac>dl>dd>ul>li>.txt_bx{width:100px;margin-right:0}
.wol .mid_area .section_list .mac>dl>dd .btn_border_01{float:left}
.wol .tab_remote .section_list .table .body .pc_list .slt_bx{width:130px;margin-right:0}
.wol .tab_wol .section_list .table .body{height:calc(100vh - 412px)}

/*원격관리(원격제어)*/
.remote .top_area .right_cnt .download{display:none}
.remote .top_area .right_cnt .download.on{display:block}
.remote .tab_remote .table .head>table>thead>tr .remote .i_help .help_txt{left:-260px;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}

/*프로젝트관리 요약정보*/
.project_main .mid_area:after{display:block;clear:both;content:""}
.project_main .mid_area .section_timeline{float:left;width:100%;margin-bottom:25px}
.project_main .mid_area .section_timeline .top_cnt{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #7c7c7c}
.project_main .mid_area .section_timeline .top_cnt:after{display:block;clear:both;content:""}
.project_main .mid_area .section_timeline .top_cnt .fc_tit{float:left;margin-right:20px}
.project_main .mid_area .section_timeline .top_cnt .datepicker{float:left}
.project_main .mid_area .section_timeline .top_cnt>button{float:right}
.project_main .mid_area .section_timeline .top_cnt .datepicker .tui-datepicker{z-index:300}
.project_main .mid_area .section_timeline .mid_cnt{overflow-x:auto}
.project_main .mid_area .section_timeline .project_list_bx{display:none;position:absolute;top:0;left:0;width:250px;padding:10px;background-color:#fff;border-radius:3px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);z-index:300}
.project_main .mid_area .section_timeline .project_list_bx .chk_opt:after{display:block;clear:both;content:""}
.project_main .mid_area .section_timeline .project_list_bx .chk_opt .search_wrap{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e6e6e6}
.project_main .mid_area .section_timeline .project_list_bx .chk_opt .search_wrap .txt_bx{float:left;width:192px}
.project_main .mid_area .section_timeline .project_list_bx .chk_opt .search_wrap:after{display:block;clear:both;content:""}
.project_main .mid_area .section_timeline .project_list_bx .chk_opt .search_wrap>button{float:right}
.project_main .mid_area .section_timeline .project_list_bx .chk_opt>ul{overflow-y:auto;float:left;width:100%;max-height:300px;margin-bottom:10px;padding-bottom:10px;font-weight:300;border-bottom:1px solid #e6e6e6;box-sizing:border-box}
.project_main .mid_area .section_timeline .project_list_bx .chk_opt>ul>li+li{margin-top:10px}
.project_main .mid_area .section_timeline .project_list_bx .chk_opt>ul>li>label>span{display:block;padding-right:10px;white-space:nowrap}
.project_main .mid_area .section_timeline .project_list_bx .chk_opt>button{float:right;text-decoration:none}
.project_main .mid_area .section_timeline.wide{margin-bottom:0}
.project_main .mid_area .section_timeline.wide .mid_cnt .table .body{height:calc(100vh - 283px)}
.project_main .mid_area .section_chart{float:left;width:49%;margin-right:2%}
.project_main .mid_area .section_chart .mid_cnt{margin-top:15px;padding-top:15px;border-top:1px solid #7c7c7c}
.project_main .mid_area .section_chart .mid_cnt:after{display:block;clear:both;content:""}
.project_main .mid_area .section_chart .mid_cnt .legend_bx{float:left;width:20%;font-size:16px}
.project_main .mid_area .section_chart .mid_cnt .legend_bx .legend:after{display:block;clear:both;content:""}
.project_main .mid_area .section_chart .mid_cnt .legend_bx .legend+.legend{margin-top:15px}
.project_main .mid_area .section_chart .mid_cnt .legend_bx .legend>dt{position:relative;float:left;width:calc(45% - 10px);margin-left:10px;font-weight:500}
.project_main .mid_area .section_chart .mid_cnt .legend_bx .legend>dd{float:left;width:50%}
.project_main .mid_area .section_chart .mid_cnt .legend_bx .legend>dt:before{position:absolute;top:50%;left:-10px;width:7px;height:7px;border-radius:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);content:""}
.project_main .mid_area .section_chart .mid_cnt .legend_bx .schedule>dt:before{background-color:#f7b500}
.project_main .mid_area .section_chart .mid_cnt .legend_bx .progress>dt:before{background-color:#32c5ff}
.project_main .mid_area .section_chart .mid_cnt .legend_bx .finish>dt:before{background-color:#6dd400}
.project_main .mid_area .section_chart .mid_cnt .legend_bx .wait>dt:before{background-color:#fa6400}
.project_main .mid_area .section_chart .mid_cnt .chart_bx{float:left;width:80%}
.project_main .mid_area .section_chart .mid_cnt .chart_bx .chart{width:280px;height:280px;margin:0 auto}
.project_main .mid_area .section_list{float:left;width:49%}
.project_main .mid_area .section_list .top_cnt{margin-bottom:10px}
.project_main .mid_area .section_list .top_cnt .tit_bx{float:left}
.project_main .mid_area .section_list .top_cnt .right_bx{float:right}
.project_main .mid_area .section_list .top_cnt .right_bx:after{display:block;clear:both;content:""}
.project_main .mid_area .section_list .top_cnt .right_bx .cnt_wrap{float:left}
.project_main .mid_area .section_list .top_cnt .right_bx .cnt_wrap+.cnt_wrap{margin-left:15px;padding-left:15px;border-left:1px solid #003a79;box-sizing:border-box}
.project_main .mid_area .section_list .top_cnt .right_bx .cnt_wrap .i_help{top:3px}
.project_main .mid_area .section_list .top_cnt .right_bx .cnt_wrap .datepicker{display:inline-block;width:88px;height:auto;color:#505559;border-bottom:1px solid #979797}
.project_main .mid_area .section_list .top_cnt .right_bx .cnt_wrap .datepicker:before{right:0}
.project_main .mid_area .section_list .top_cnt .right_bx .cnt_wrap .datepicker .picker{padding:0;border:none}
.project_main .mid_area .section_list .top_cnt .right_bx .cnt_wrap .btn_under_02{line-height:normal}
.project_main .mid_area .section_list .mid_cnt .table .head{border-top:1px solid #7c7c7c;box-sizing:border-box}
.project_main .mid_area .section_list .mid_cnt .table .body{height:204px;border-top:none}
.project_main .mid_area .section_list .mid_cnt .table .head .progress{width:30%}
.project_main .mid_area .section_list .mid_cnt .table .body .bar{width:20%}
.project_main .mid_area .section_list .mid_cnt .table .body .per{width:10%}
.project_main .mid_area .section_list .mid_cnt .table .prj,
.project_main .mid_area .section_list .mid_cnt .table .prj_item{width:22%}
.project_main .mid_area .section_list .datepicker .tui-datepicker{left:auto;right:0}

/*프로젝트관리*/
.project_admin .tab_project .table .head .progress{width:20%}
.project_admin .tab_project .table .body .bar{width:12%}
.project_admin .tab_project .table .body .per{width:8%}

/*프로젝트 이력관리*/
.project_history .table .prj,
.project_history .table .prj_item{width:20%}

/*화상회의 화면*/
.conference_screen{position:relative;width:100%;height:100vh;background-color:#1b1b1b}
.conference_screen .side{position:fixed;width:540px;height:100%;background-color:#f0f0f0;z-index:1}
.conference_screen .side>.wrap{padding:10px 20px 20px}
.conference_screen .side .top_area{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #fff}
.conference_screen .side .top_area:after{display:block;clear:both;content:""}
.conference_screen .side .top_area .btn_menu{float:left;width:43px;min-width:unset;height:43px;margin-right:10px;padding:0;background:url(../img/btn_menu_2.png) center no-repeat;background-size:20px 14px;background-color:#fff;border-radius:50%}
.conference_screen .side .top_area .logo{float:left;position:relative;top:13px;width:121px;height:21px;background:url(../img/logo.png) center no-repeat;background-size:121px 21px}
.conference_screen .side .top_area .logo>a{display:block;width:100%;height:100%;text-indent:-9999px}
.conference_screen .side .mid_area .top_bx{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #fff}
.conference_screen .side .mid_area .top_bx:after{display:block;clear:both;content:""}
.conference_screen .side .mid_area .top_bx>div{float:right}
.conference_screen .side .mid_area .top_bx>div:after{display:block;clear:both;content:""}
.conference_screen .side .mid_area .top_bx>div>button{float:left;position:relative;padding:0 20px;text-decoration:none}
.conference_screen .side .mid_area .top_bx>div>button:before{position:absolute;top:50%;left:0;width:1px;height:80%;background-color:#003a79;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.conference_screen .side .mid_area .top_bx>div>button:first-child:before{display:none}
.conference_screen .side .mid_area .top_bx>div>button+button{margin-left:0}
.conference_screen .side .mid_area .top_bx>div>button.on{font-weight:700}
.conference_screen .side .mid_area .top_bx>div>.chat{position:relative}
.conference_screen .side .mid_area .top_bx>div>.chat>i{display:block;position:absolute;top:5px;right:10px;width:5px;height:5px;border-radius:50%}
.conference_screen .side .mid_area .top_bx>div>.chat>i.on{background-color:#ff4368}
.conference_screen .side .mid_area .top_bx>div>.chat>i.off{background-color:#8e8e8e}
.conference_screen .side .mid_area [class^='section_']{display:none}
.conference_screen .side .mid_area [class^='section_'] .list_cnt{padding:20px;background-color:#fff}
.conference_screen .side .mid_area [class^='section_'] .btm_cnt{margin-top:15px;padding-top:15px;border-top:1px solid #979797}
.conference_screen .side .mid_area [class^='section_'] .btm_cnt:after{display:block;clear:both;content:""}
.conference_screen .side .mid_area [class^='section_'] .btm_cnt>div{float:right}
.conference_screen .side .mid_area [class^='section_'] .btm_cnt>div:after{display:block;clear:both;content:""}
.conference_screen .side .mid_area [class^='section_'] .btm_cnt>div>button{float:left}
.conference_screen .side .mid_area .section_user{display:block}
.conference_screen .side .mid_area .section_user .table .body{height:calc(100vh - 286px)}
.conference_screen .side .mid_area .section_user .table .head>table>thead>tr>.total_state{width:30%}
.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.state,
.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.mic,
.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.share{width:10%}
.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.state>i{display:block;width:13px;height:13px;margin:0 auto;background-color:#d8d8d8;border-radius:50%}
.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.state.on>i{background-color:#43ff8c}
.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.state.off>i{background-color:#ff4368}
.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.mic>i{display:block;width:17px;height:21px;margin:0 auto}
.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.mic.on>i{background:url(../img/i_sd_02.png) center no-repeat;background-size:contain}
.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.mic.off>i{display:block;background:url(../img/i_un_sd_02.png) center no-repeat;background-size:contain}
.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.share>i{display:block;width:31px;height:24px;margin:0 auto}
.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.share.on>i{background:url(../img/i_screen_02.png) center no-repeat;background-size:contain}
.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.share.off>i{display:block;background:url(../img/i_un_screen_02.png) center no-repeat;background-size:contain}

.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.screen>button{margin:0 auto}
.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.screen>button.on{display:block}
.conference_screen .side .mid_area .section_user .table .body>table>tbody>tr>.screen>button.off{display:none}
.conference_screen .side .mid_area .section_user .user_add{width:100%;margin-top:20px;text-align:center}
.conference_screen .side .mid_area .section_user .user_add>div{display:inline-block;font-size:0}
.conference_screen .side .mid_area .section_user .user_add>div:after{display:block;clear:both;content:""}
.conference_screen .side .mid_area .section_user .user_add>div>button{float:left;position:relative;margin-right:10px;padding-right:10px;font-size:14px}
.conference_screen .side .mid_area .section_user .user_add>div>button+button{margin-left:0}
.conference_screen .side .mid_area .section_user .user_add>div>button:before{position:absolute;top:50%;right:0;width:1px;height:70%;background-color:#979797;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.conference_screen .side .mid_area .section_user .user_add>div>button:last-child{margin-right:0;padding-right:0}
.conference_screen .side .mid_area .section_user .user_add>div>button:last-child:before{display:none}

.conference_screen .side .mid_area .section_chat .chatting{height:calc(100vh - 155px);background-color:#fff}
.conference_screen .side .mid_area .section_chat .chatting .chat{overflow-y:auto;width:100%;height:calc(100vh - 230px)}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx{padding:20px}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx:after{display:block;clear:both;content:""}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line{width:60%;margin-bottom:30px;color:#7c7c7c}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line.left{float:left}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line.right{float:right;text-align:right}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .left .u_file .f_info>span{float:left}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .right .u_file .f_info>span{float:right}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line:last-child{margin-bottom:0}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_info{margin-bottom:10px}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_info .u_name{font-weight:700}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_info .u_date{font-size:12px;font-weight:300}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_txt{font-weight:300}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_txt>span~.u_file{margin-top:5px}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_file{padding:5px;border:1px solid #d2d2d2;border-radius:3px;box-sizing:border-box}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_file .f_info:after{display:block;clear:both;content:""}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_file .f_info>span{width:90%}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_file .f_info>span:after{display:block;clear:both;content:""}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_file .f_info .f_name{overflow:hidden;float:left;max-width:80%;margin-right:5px;text-overflow:ellipsis;white-space:nowrap}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_file .f_info .byte{float:left;}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_file .f_date{font-size:12px}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_file .f_down>div>button{margin-right:10px;font-size:12px}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_file .f_down>div>button:last-child{margin-right:0}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_file .f_down>div>button+button{margin-left:0}
.conference_screen .side .mid_area .section_chat .chatting .chat .chat_bx .line .u_file .f_down>div>button.off{display:none}
.conference_screen .side .mid_area .section_chat .chatting .enter{padding:20px;border-top:1px solid #d8d8d8}
.conference_screen .side .mid_area .section_chat .chatting .enter>div{width:100%;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box}
.conference_screen .side .mid_area .section_chat .chatting .enter>div:after{display:block;clear:both;content:""}
.conference_screen .side .mid_area .section_chat .chatting .enter>div .txt_bx{float:left;width:calc(100% - 32px);height:32px;margin-right:0;padding:5px 0 0 10px;border:none;border-radius:8px}
.conference_screen .side .mid_area .section_chat .chatting .enter>div .btn_i_enter{float:left;width:32px;height:32px;background:url(../img/i_up.png) center no-repeat;background-size:21px 21px}

.conference_screen .side .mid_area .section_file .file_cnt{overflow-y:auto;height:calc(100vh - 271px);padding:20px;background-color:#fff}
.conference_screen .side .mid_area .section_file .file_cnt>li{padding-bottom:20px;border-bottom:1px solid #f0f0f0;box-sizing:border-box}
.conference_screen .side .mid_area .section_file .file_cnt>li+li{margin-top:20px}
.conference_screen .side .mid_area .section_file .file_cnt .txt_bx:after{display:block;clear:both;content:""}
.conference_screen .side .mid_area .section_file .file_cnt .txt_bx>span{display:block}
.conference_screen .side .mid_area .section_file .file_cnt .txt_bx>span+span{margin-top:10px}
.conference_screen .side .mid_area .section_file .file_cnt .txt_bx .t_txt:after{display:block;clear:both;content:""}
.conference_screen .side .mid_area .section_file .file_cnt .txt_bx .t_txt .name{float:left;color:#555;font-weight:500}
.conference_screen .side .mid_area .section_file .file_cnt .txt_bx .t_txt .time{float:left;margin-left:10px;color:#7c7c7c}
.conference_screen .side .mid_area .section_file .file_cnt .txt_bx .b_txt{color:#7c7c7c}
.conference_screen .side .mid_area .section_file .file_cnt .btm_bx{margin-top:10px}
.conference_screen .side .mid_area .section_file .file_cnt .btm_bx:after{display:block;clear:both;content:""}
.conference_screen .side .mid_area .section_file .file_cnt .btm_bx>button{float:left;margin-right:10px}
.conference_screen .side .mid_area .section_file .file_cnt .btm_bx>button:last-child{margin-right:0}
.conference_screen .side .mid_area .section_file .file_cnt .btm_bx>button+button{margin-left:0}
.conference_screen .side .mid_area .section_file .file_cnt .btm_bx>button.off{display:none}

.conference_screen .gnb{margin-left:540px}
.conference_screen .gnb .logo{background:url(../img/logo_2.png) center no-repeat;background-size:121px 21px}
.conference_screen .gnb .top_area{height:43px}
.conference_screen .gnb .top_area .btn_menu,
.conference_screen .gnb .top_area .logo{display:none}
.conference_screen .container{height:calc(100vh - 64px);margin-left:540px;background-color:transparent}
.conference_screen .screen_share{display:none;width:100%;background-color:#f0f0f0;text-align:center}
.conference_screen .screen_share>div{display:inline-block;height:80px;line-height:80px}
.conference_screen .screen_share>div:after{display:block;clear:both;content:""}
.conference_screen .screen_share>div>span{float:left;margin-right:20px;font-size:20px;font-weight:bold}
.conference_screen .screen_share>div>button{width:80px}

.conference_screen .video_screen{background-color:#111}
.conference_screen .video_screen .video_bx{overflow:hidden;position:relative;width:100%;height:calc(100vh - 104px);}
.conference_screen .video_screen .video_bx>video{position:absolute;top:50%;left:50%;width:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.conference_screen .video_screen .video_bx>.img{position:absolute;top:50%;left:50%;width:312px;height:312px;background:url(../img/i_user_2.png) center no-repeat;background-size:312px 312px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.conference_screen .user_screen{overflow:hidden;position:absolute;top:83px;right:20px;width:250px;height:calc(250px * 0.75);background-color:#5b5b5b}
.conference_screen .user_screen .video_bx{width:100%;height:100%}
.conference_screen .user_screen .video_bx>video{position:absolute;top:50%;left:50%;height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.conference_screen .user_screen .video_bx>.img{position:absolute;top:50%;left:50%;width:70px;height:70px;background:url(../img/i_user_2.png) center no-repeat;background-size:70px 70px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.conference_screen .video_screen .video_bx>video.on~.img{display:none}
.conference_screen .user_screen .video_bx>video.on~.img{display:none}
.conference_screen .screen_share.on{display:block}
.conference_screen .screen_share.on~.video_screen .video_bx{height:calc(100vh - 184px)}
.conference_screen .screen_share.on~.user_screen{top:163px}
.conference_screen .video_screen .video_bx>video.resize{position:relative;width:100%;height:100%}
.conference_screen .user_screen .video_bx>video.resize{position:relative;width:100%;height:100%}
.conference_screen .floating{position:absolute;bottom:20px;right:20px}
.conference_screen .floating .i_btn+.i_btn{margin-top:10px}
.conference_screen .floating .i_btn>button{width:50px;height:50px}
.conference_screen .floating .i_btn>button.on{display:block}
.conference_screen .floating .i_btn>button.off{display:none}
.conference_screen .floating .i_btn .chat{position:relative;background:url(../img/i_chat.png) center no-repeat;background-size:50px 50px}
.conference_screen .floating .i_btn .chat>i{display:block;position:absolute;bottom:5px;left:50%;width:5px;height:5px;border-radius:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}
.conference_screen .floating .i_btn .chat>i.on{background-color:#ff4368}
.conference_screen .floating .i_btn .chat>i.off{background-color:#8e8e8e}
.conference_screen .floating .i_btn .sound.on{background:url(../img/i_sd.png) center no-repeat;background-size:50px 50px}
.conference_screen .floating .i_btn .sound.off{display:block;background:url(../img/i_un_sd.png) center no-repeat;background-size:50px 50px}
.conference_screen .floating .i_btn .screen.on{background:url(../img/i_screen.png) center no-repeat;background-size:50px 50px}
.conference_screen .floating .i_btn .screen.off{display:block;background:url(../img/i_un_screen.png) center no-repeat;background-size:50px 50px}
.conference_screen .floating .i_btn .opt{background:url(../img/i_plus.png) center no-repeat;background-size:50px 50px}
.conference_screen .floating .i_btn .set{background:url(../img/i_set.png) center no-repeat;background-size:50px 50px}
.conference_screen .floating .i_btn .end{background:url(../img/i_end.png) center no-repeat;background-size:50px 50px}
.conference_screen .floating .i_btn.opt{position:relative}
.conference_screen .floating .i_btn .opt.off{display:block}
.conference_screen .floating .i_btn .opt.off~.sub_btn{display:none}
.conference_screen .floating .i_btn .opt.on~.sub_btn{display:block;width:230px}
.conference_screen .floating .i_btn .sub_btn{position:absolute;top:0;right:60px}
.conference_screen .floating .i_btn .sub_btn:after{display:block;clear:both;content:""}
.conference_screen .floating .i_btn .sub_btn>button{float:left;width:50px;height:50px}
.conference_screen .floating .i_btn .sub_btn>button+button{margin-left:10px}
.conference_screen .floating .i_btn .sub_btn .vid{position:relative}
.conference_screen .floating .i_btn .sub_btn .vid.on{background:url(../img/i_un_vi.png) center no-repeat;background-size:50px 50px}
.conference_screen .floating .i_btn .sub_btn .vid.off{background:url(../img/i_vi.png) center no-repeat;background-size:50px 50px}
.conference_screen .floating .i_btn .sub_btn .vid>i{display:block;position:absolute;bottom:5px;left:50%;width:5px;height:5px;border-radius:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}
.conference_screen .floating .i_btn .sub_btn .vid>i.on{background-color:#ff4368}
.conference_screen .floating .i_btn .sub_btn .vid>i.off{background-color:#8e8e8e}

.conference_screen .floating .i_btn .sub_btn .cap{background:url(../img/i_cap.png) center no-repeat;background-size:50px 50px}
.conference_screen .floating .i_btn .sub_btn .share{background:url(../img/i_share.png) center no-repeat;background-size:50px 50px}
.conference_screen .floating .i_btn .sub_btn .full.off{background:url(../img/i_sc_full.png) center no-repeat;background-size:50px 50px}
.conference_screen .floating .i_btn .sub_btn .full.on{background:url(../img/i_sc_init.png) center no-repeat;background-size:50px 50px}
.conference_screen .side.mini{width:0}
.conference_screen .side.mini .top_area,
.conference_screen .side.mini .mid_area{display:none}
.conference_screen .side.mini .top_area .logo{background:url(../img/logo_2.png) center no-repeat;background-size:121px 21px}
.conference_screen .gnb.mini{margin-left:0}
.conference_screen .gnb.mini .top_area .btn_menu,
.conference_screen .gnb.mini .top_area .logo{display:block}
.conference_screen .container.mini{margin-left:0}
.conference_screen .jstree-default>.jstree-no-dots .jstree-wholerow+.jstree-ocl{width:10px;height:10px}

/*근로시간보정*/
.revision .tab_revision .section_list .table .head>table>thead>tr .time .i_help{margin-left:0}
.revision .tab_revision .section_list .table .head>table>thead>tr .time .i_help .help_txt{left:-208px;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.revision .tab_revision .section_list .table .body>table>tbody>tr>td .txt_bx{float:none;width:90%;margin:0 auto;padding-left:0;text-align:center}
.revision .tab_list .section_list .table .head>table>thead>tr .work_time,
.revision .tab_list .section_list .table .body>table>tbody>tr .work_time{width:8%}

/*사용자 메인*/
.user_main .top_area{padding:0;border-top:none;border-bottom:none}
.user_main .top_area:after{display:block;clear:both;content:""}
.user_main .top_area>[class^='section_']{float:left;height:290px;box-sizing:border-box}
.user_main .top_area>[class^='section_'] .top_cnt:after{display:block;clear:both;content:""}
.user_main .top_area>[class^='section_'] .mid_cnt{margin-top:25px}
.user_main .top_area>[class^='section_'] .mid_cnt{font-size:16px}
.user_main .top_area>[class^='section_'] .mid_cnt>dl:after{display:block;clear:both;content:""}
.user_main .top_area>[class^='section_'] .mid_cnt>dl+dl{margin-top:15px}
.user_main .top_area>[class^='section_'] .mid_cnt>dl>dt{float:left;width:55%;font-weight:500}
.user_main .top_area>[class^='section_'] .mid_cnt>dl>dd{float:left;width:45%;text-align:right}
.user_main .top_area .section_work{width:25%;margin-right:2%}
.user_main .top_area .section_user{width:17%;margin-right:2%}
.user_main .top_area .section_work_info{width:20%;margin-right:2%}
.user_main .top_area .section_vacation{width:15%;margin-right:2%}
.user_main .top_area .section_break_time{width:15%}
.user_main .top_area .section_work .mid_cnt:after{display:block;clear:both;content:""}
.user_main .top_area .section_work .mid_cnt .date_bx{float:left;width:60%}
.user_main .top_area .section_work .mid_cnt .date_bx>div{position:relative;width:160px;height:160px;border-radius:50%;box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.25)}
.user_main .top_area .section_work .mid_cnt .date_bx>div .en{position:absolute;top:50%;left:50%;color:#0050ff;font-size:15px;font-weight:500;text-align:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.user_main .top_area .section_work .mid_cnt .date_bx>div .en .time{display:block;font-weight:700}
.user_main .top_area .section_work .mid_cnt .right_bx{float:left;width:40%}
.user_main .top_area .section_work .mid_cnt .right_bx>div{width:100%}
.user_main .top_area .section_work .mid_cnt .right_bx>div+div{margin-top:30px}
.user_main .top_area .section_work .mid_cnt .right_bx>div>button{width:100%;margin:0;border-radius:15px}
.user_main .top_area .section_work .mid_cnt .right_bx>div>button+button{margin-top:10px}
.user_main .top_area .section_work .mid_cnt .right_bx>div>dl:after{display:block;clear:both;content:""}
.user_main .top_area .section_work .mid_cnt .right_bx>div>dl+dl{margin-top:10px}
.user_main .top_area .section_work .mid_cnt .right_bx>div>dl>dt{float:left;width:50%;font-weight:500}
.user_main .top_area .section_work .mid_cnt .right_bx>div>dl>dd{float:left;width:50%;text-align:center}
.user_main .top_area .section_user .mid_cnt .slt_bx{width:100%;margin-top:10px}
.user_main .top_area .section_work_info .top_cnt .work_bx{margin-bottom:5px}
.user_main .top_area .section_work_info .top_cnt .work_bx:after{display:block;clear:both;content:""}
.user_main .top_area .section_work_info .top_cnt .work_bx .tab_cnt{margin:5px 0 0 20px;font-size:14px}
.user_main .top_area .section_work_info .top_cnt .work_bx .tab_cnt .tab_bx{margin:0 8px}
.user_main .top_area .section_work_info .top_cnt .work_bx .tab_cnt .tab_bx .tab_btn+.tab_btn{margin-left:24px}
.user_main .top_area .section_work_info .top_cnt .work_bx .tab_cnt .tab_bx .tab_btn:before{left:-12px}
.user_main .top_area .section_work_info .top_cnt .en{color:#0050ff;font-size:16px;font-weight:500}
.user_main .top_area .section_vacation .mid_cnt>dl+dl{margin-top:40px}
.user_main .top_area .section_break_time .mid_cnt>dl+dl{margin-top:20px}
.user_main .top_area .section_break_time .mid_cnt>dl>dt{float:unset;width:100%}
.user_main .top_area .section_break_time .mid_cnt>dl>dd{float:unset;width:100%;text-align:left}
.user_main .mid_area .section_month .top_cnt{padding-bottom:10px;border-bottom:1px solid #bebebe;box-sizing:border-box}
.user_main .mid_area .section_month .top_cnt:after{display:block;clear:both;content:""}
.user_main .mid_area .section_month .top_cnt>div:after{display:block;clear:both;content:""}
.user_main .mid_area .section_month .top_cnt .tit_bx{float:left;width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #bebebe;box-sizing:border-box}
.user_main .mid_area .section_month .top_cnt .date_bx{float:left;color:#555;font-size:20px}
.user_main .mid_area .section_month .top_cnt .date_bx>div{float:left;margin:5px 40px 0 0;padding-right:40px;border-right:1px solid #979797}
.user_main .mid_area .section_month .top_cnt .date_bx>div:after{display:block;clear:both;content:""}
.user_main .mid_area .section_month .top_cnt .date_bx>div .en{float:left;color:#002d6b;font-weight:500}
.user_main .mid_area .section_month .top_cnt .date_bx>div>button{float:left;width:24px;height:24px}
.user_main .mid_area .section_month .top_cnt .date_bx>span{float:left;font-weight:500}
.user_main .mid_area .section_month .top_cnt .legend_bx{float:right;margin-top:5px}
.user_main .mid_area .section_month .top_cnt .legend_bx>dl{float:left}
.user_main .mid_area .section_month .top_cnt .legend_bx>dl+dl{margin-left:20px}
.user_main .mid_area .section_month .top_cnt .legend_bx>dl:after{display:block;clear:both;content:""}
.user_main .mid_area .section_month .top_cnt .legend_bx>dl .dot{float:left;width:8px;height:8px;margin-top:6px;border-radius:3px}
.user_main .mid_area .section_month .top_cnt .legend_bx>dl>dd{float:left;margin-left:10px;color:#474747;font-size:12px}
.user_main .mid_area .section_month .top_cnt .legend_bx .legend_01 .dot{background-color:#0050ff}
.user_main .mid_area .section_month .top_cnt .legend_bx .legend_02 .dot{background-color:#ff4368}
.user_main .mid_area .section_month .top_cnt .legend_bx .legend_03 .dot{background-color:#ffb100}
.user_main .mid_area .section_month .mid_cnt .chart_bx{width:100%;height:calc(100vh - 561px)}
.user_main .mid_area .section_month .mid_cnt .chart_bx .chart{margin:0 auto}

/*사용자 프로젝트관리*/
.user_project_admin .mid_area .section_list+.section_list{margin-top:20px}
.user_project_admin .mid_area .section_list .table .body{height:calc(50vh - 258px)}
.user_project_admin .mid_area .section_list .table .prj{width:25%}
.user_project_admin .mid_area .section_list .table .head .progress{width:25%}
.user_project_admin .mid_area .section_list .table .body .bar{width:20%}
.user_project_admin .mid_area .section_list .table .body .per{width:5%}
.user_project_admin .project_user .table{margin-top:15px;border-top:1px solid #7c7c7c}

/*사용자 업무관리*/
.user_project_business .mid_area .section_list .table .prj,
.user_project_business .mid_area .section_list .table .prj_item{width:20%}
.user_project_business .mid_area .section_list .table .head .progress{width:25%}
.user_project_business .mid_area .section_list .table .body .bar{width:20%}
.user_project_business .mid_area .section_list .table .body .per{width:5%}

/*사용자 보고서관리*/
.user_project_report .mid_area .section_list .table .head>table>thead>tr .memo{width:35%}
.user_project_report .mid_area .section_list .table .body>table>tbody>tr .memo{overflow:hidden;width:35%;white-space:nowrap;text-overflow:ellipsis;cursor:default}
.user_project_report .mid_area .section_list .table .head>table>thead>tr .note{width:20%}
.user_project_report .mid_area .section_list .table .body>table>tbody>tr .note{overflow:hidden;width:20%;white-space:nowrap;text-overflow:ellipsis;cursor:default}
.user_project_report .mid_area .section_list .table .head>table>thead>tr .edit,
.user_project_report .mid_area .section_list .table .body>table>tbody>tr .edit{width:7%}

/*사용자 이력관리*/
.user_project_history .tab_edit .section_list .table .prj,
.user_project_history .tab_edit .section_list .table .prj_item{width:15%}
.user_project_history .tab_edit .section_list .table .head .progress{width:18%}
.user_project_history .tab_edit .section_list .table .body .bar{width:13%}
.user_project_history .tab_edit .section_list .table .body .per{width:5%}
.user_project_history .tab_delay .section_list .table .prj,
.user_project_history .tab_delay .section_list .table .prj_item{width:20%}

/*사용자 근태정보*/
.user_commute .top_area .right_cnt .excel{display:none}
.user_commute .tab_calendar .top_bx .category{float:left;line-height:32px}
.user_commute .tab_calendar .top_bx .category .i_help{line-height:normal}
.user_commute .tab_calendar .top_bx .category .i_help .help_txt{top:20px;bottom:auto;min-width:110px}
.user_commute .tab_calendar .top_bx .category .i_help .help_txt>i{display:block;position:relative;padding-left:25px;text-align:left}
.user_commute .tab_calendar .top_bx .category .i_help .help_txt>i:before{position:absolute;top:4px;left:5px;width:10px;height:10px;border-radius:50%;content:""}
.user_commute .tab_calendar .top_bx .category .i_help .help_txt .std:before{background-color:#00FF00}
.user_commute .tab_calendar .top_bx .category .i_help .help_txt .va:before{background-color:#FFFF00}
.user_commute .tab_calendar .top_bx .category .i_help .help_txt .sch:before{background-color:#0000FF;color:#fff}
.user_commute .tab_calendar .top_bx .category .i_help .help_txt .fr:before{background-color:#FF00FF;color:#fff}
.user_commute .tab_calendar .top_bx .category .i_help .help_txt .slt:before{background-color:#F7931E}
.user_commute .tab_calendar .top_bx .category .i_help .help_txt .flx:before{background-color:#8CC63F}
.user_commute .tab_calendar .top_bx .category .i_help .help_txt .hm:before{background-color:#006837;color:#fff}
.user_commute .tab_calendar .top_bx .category .i_help .help_txt .rgd:before{background-color:#A67C52;color:#fff}
.user_commute .tab_calendar .top_bx .category .i_help .help_txt .shft:before{background-color:#42210B;color:#fff}
.user_commute .tab_list .section_list .table .head>table>thead>tr>th .i_help .help_txt{left:-200px;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}

/*사용자 부서원근태정보*/
.user_commute_user .mid_area .datepicker_bx{margin-right:0}
.user_commute_user .mid_area .section_list .table .body{height:calc(100vh - 386px)}

/*사용자 신청*/
.user_request .top_area .i_help{top:7px}
.user_request .mid_area .top_bx .rqs_bx .slt_opt{width:230px;color:#0050ff;font-weight:500;text-align:center;text-decoration:none;border:1px solid #0050ff;border-radius:3px;box-sizing:border-box}
.user_request .mid_area .top_bx .rqs_bx .slt_opt:before{right:15px}
.user_request .mid_area .top_bx .rqs_bx .chk_opt{width:229px;padding:0}
.user_request .mid_area .top_bx .rqs_bx .chk_opt>ul{max-height:390px;margin-bottom:0;padding-bottom:0;border-bottom:none}
.user_request .mid_area .top_bx .rqs_bx .chk_opt>ul>li{padding:5px 10px;text-align:center;cursor:pointer}
.user_request .mid_area .top_bx .rqs_bx .chk_opt>ul>li.click{background-color:#dee7fc;font-weight:500}
.user_request .mid_area .section_info{float:left;width:230px;height:calc(100vh - 228px);margin-right:20px}
.user_request .mid_area .section_info .tit{display:block;color:#002d6b;font-size:20px;font-weight:700;text-align:center}
.user_request .mid_area .section_info>div>dl+dl{margin-top:20px}
.user_request .mid_area .section_info>div>dl>dt{color:#002d6b;font-size:16px;font-weight:500}
.user_request .mid_area .section_info>div>dl>dd{color:#555}
.user_request .tab_calendar:after{display:block;clear:both;content:""}
.user_request .tab_calendar .section_cal .lgd{position:absolute;top:26px;left:26px;color:#0050ff}
.user_request .tab_calendar .section_cal .lgd:before{position:absolute;left:0;width:20px;height:20px;background:url(../img/i_file.png) center no-repeat;background-size:15px 18px;content:""}
.user_request .tab_calendar .section_cal .lgd>i{margin-left:25px}
.user_request .tab_calendar .section_cal{float:left;position:relative;width:calc(100% - 250px);height:calc(100vh - 228px)}
.user_request .tab_list:after{display:block;clear:both;content:""}
.user_request .tab_list .top_bx:after{display:block;clear:both;content:""}
.user_request .tab_list .top_bx .date{margin-left:10px;margin-right:0}
.user_request .tab_list .top_bx .right_bx .i_help .help_txt{left:-256px;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.user_request .tab_list .top_bx .right_bx .btn_border_03{display:inline-block;margin-left:10px}
.user_request .tab_list .section_list{float:left;width:calc(100% - 250px)}

/*사용자 신청 관리*/
.user_request_list .mid_area .top_bx .search_bx .txt_bx{width:250px}

/*사용자 원격제어(PC제어관리)*/
.user_remote .mid_area{position:relative;overflow:hidden;height:calc(100vh - 225px)}
.user_remote .tab_security .section_list{position:absolute;top:50%;left:50%;width:950px;padding:0;border:1px solid #c6c6c6;border-radius:3px;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.user_remote .tab_security .section_list>div .wrap{padding:15px 35px}
.user_remote .tab_security .section_list .top_cnt{background-color:#dee7fc;color:#003a79;font-size:16px;font-weight:700}
.user_remote .tab_security .section_list .mid_cnt{color:#7f7f7f}
.user_remote .tab_security .section_list .mid_cnt .wrap{padding:25px 35px}
.user_remote .tab_security .section_list .mid_cnt .mid_bx>span>b{font-size:16px;color:#7c7c7c}
.user_remote .tab_security .section_list .mid_cnt .btm_bx{margin-top:15px;padding-top:15px;border-top:1px solid #7c7c7c}
.user_remote .tab_security .section_list .mid_cnt .btm_bx:after{display:block;clear:both;content:""}
.user_remote .tab_security .section_list .mid_cnt .btm_bx>div{float:right}
.user_remote .tab_security .section_list .mid_cnt .btm_bx>div:after{display:block;clear:both;content:""}
.user_remote .tab_security .section_list .mid_cnt .btm_bx>div>span{position:relative;float:left;margin:15px 30px 0 0}
.user_remote .tab_security .section_list .mid_cnt .btm_bx>div>span:before{position:absolute;top:3px;right:-20px;width:15px;height:15px;background:url('../img/arr_next_02.png') center no-repeat;background-size:10px;content:""}
.user_remote .tab_security .section_list .mid_cnt .btm_bx>div .btn_pass{float:left;width:50px;height:50px;background:url('../img/i_pass.png') center no-repeat;background-size:50px}
.user_remote .tab_pc:after{display:block;clear:both;content:""}
.user_remote .tab_pc .section_bx{position:absolute;top:50%;left:50%;width:900px;background-color:transparent;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.user_remote .tab_pc .section_bx .btn_user_prev{position:absolute;top:50%;left:-120px;width:55px;height:55px;background:url('../img/arr_prev_04.png') center no-repeat;background-size:29px 55px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.user_remote .tab_pc .section_bx .btn_user_next{position:absolute;top:50%;right:-120px;width:55px;height:55px;background:url('../img/arr_next_04.png') center no-repeat;background-size:29px 55px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.user_remote .tab_pc .section_user{float:left;width:32%;padding:50px;border:1px solid #c6c6c6;box-sizing:border-box}
.user_remote .tab_pc .section_bx>div:after{display:block;clear:both;content:""}
.user_remote .tab_pc .section_bx>div .section_user+.section_user{margin-left:2%}
.user_remote .tab_pc .section_bx>div .section_user .top_cnt{overflow:hidden;width:101px;height:101px;margin:0 auto;background-color:#fff;border-radius:50%}
.user_remote .tab_pc .section_bx>div .section_user .top_cnt>img{max-width:101px}
.user_remote .tab_pc .section_bx>div .section_user .mid_cnt{margin-top:30px;text-align:center}
.user_remote .tab_pc .section_bx>div .section_user .mid_cnt>span{position:relative}
.user_remote .tab_pc .section_bx>div .section_user .mid_cnt>span:before{position:absolute;top:7px;left:-15px;width:10px;height:10px;background-color:#43ff8c;border-radius:50%;content:""}
.user_remote .tab_pc .section_bx>div .section_user .mid_cnt .off:before{background-color:#ff4368}
.user_remote .tab_pc .section_bx>div .section_user .mid_cnt>div{margin-top:20px}
.user_remote .tab_pc .section_bx>div .section_user .mid_cnt>div>button{width:100%;margin-left:0}
.user_remote .tab_pc .section_bx>div .section_user .mid_cnt>div>button+button{margin-top:10px}

/*사용자 원격제어 내역(PC제어관리)*/
.user_remote_list .top_area .right_cnt .download{display:none}
.user_remote_list .top_area .right_cnt .download.on{display:block}
.user_remote_list .mid_area .table .body td.none{color:#fa6400}

/*화상회의*/
.user_web_conference .mid_area .body>table>tbody>tr .none{color:#fa6400}
.user_web_conference .tab_meeting .section_list .code{height:32px;padding-bottom:26px;text-align:center;border-bottom:1px solid #7c7c7c}
.user_web_conference .tab_meeting .section_list .code>dl{display:inline-block}
.user_web_conference .tab_meeting .section_list .code>dl:after{display:block;clear:both;content:""}
.user_web_conference .tab_meeting .section_list .code>dl>dt{float:left;font-weight:500;line-height:32px}
.user_web_conference .tab_meeting .section_list .code>dl>dd{float:left;margin-left:10px}
.user_web_conference .tab_meeting .section_list .code>dl>dd:after{display:block;clear:both;content:""}
.user_web_conference .tab_meeting .section_list .code>dl>dd .txt_bx{float:left;width:450px}
.user_web_conference .tab_meeting .section_list .code>dl>dd .button_border_01{float:left}
.user_web_conference .tab_meeting .section_list .table .body{height:calc(100vh - 413px)}
.user_web_conference .tab_meeting .section_list .table .body .disabled .user .btn_under_01{color:#7c7c7c;text-decoration:none;cursor:default}
.user_web_conference .tab_meeting .section_list .table .body .disabled .enter .btn_under_01{color:#7c7c7c;text-decoration:none;cursor:default}
.user_web_conference .tab_meeting .section_list .table .body .disabled .edit .btn_under_01{color:#7c7c7c;text-decoration:none;cursor:default}

/*사용자 설정*/
.user_setting .mid_area .section_list{height:calc(100vh - 226px)}
.user_setting .mid_area .tab_sct{float:left;width:250px;height:calc(100vh - 227px);margin-top:44px;margin-right:20px;text-align:center}
.user_setting .mid_area .tab_sct>ul>li{padding:15px 0;color:#002d6b;font-size:18px;cursor:pointer}
.user_setting .mid_area .tab_sct>ul>li.on{color:#0050ff;font-weight:500}
.user_setting .mid_area .cnt_sct{float:left;width:calc(100% - 270px)}
.user_setting .mid_area .cnt_sct .top_sct{margin-bottom:10px}
.user_setting .mid_area .cnt_sct .top_sct:after{display:block;clear:both;content:""}
.user_setting .mid_area .cnt_sct .top_sct .left_bx{float:left}
.user_setting .mid_area .cnt_sct .top_sct .right_bx{float:right}
.user_setting .mid_area .cnt_sct .tab_cnt{display:none;float:none;margin-left:0;font-size:14px}
.user_setting .mid_area .cnt_sct .tab_cnt.on{display:block}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .tit{width:100%;margin-bottom:15px;color:#002d6b;font-size:16px;font-weight:500;border-bottom:1px solid #f0f0f0;box-sizing:border-box}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .tit .i_help{float:unset}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .item>dl:after{display:block;clear:both;content:""}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .item>dl+dl{margin-top:20px}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dt{float:left;width:20%}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd{float:left;color:#7c7c7c}

/*팝업*/
.popup{border-radius:0}
.popup .fc_mid{font-size:14px}
.popup .table .head th.chk,
.popup .table .body td.chk{width:5%}
.popup .table .head th.memo,
.popup .table .body td.memo{width:10%}
.popup .table .body td.memo{cursor:pointer}
.popup .table .body .prj,
.popup .table .body .prj_item{overflow:hidden;padding:0 5px;white-space:nowrap;text-overflow:ellipsis}
.popup .top_area{background-color:#007bff}
.popup .top_area>.pop_wrap{padding:15px 20px}
.popup .top_area>.pop_wrap:after{display:block;clear:both;content:""}
.popup .top_area .title{float:left;color:#fff;font-size:16px;font-weight:700}
.popup .top_area .btn_i_close{float:right}
.popup .mid_area>.pop_wrap{padding:15px 20px}
.popup .mid_area .top_cnt{margin-bottom:15px}
.popup .mid_area .top_cnt:after{display:block;clear:both;content:""}
.popup .mid_area .top_cnt .option_bx{float:left;margin-left:10px}
.popup .mid_area .top_cnt .datepicker_bx{float:left}
.popup .mid_area .mid_cnt dl:after{display:block;clear:both;content:""}
.popup .mid_area .mid_cnt dl+dl{margin-top:30px}
.popup .mid_area .mid_cnt dl>dt{float:left;width:120px;margin-right:10px}
.popup .mid_area .mid_cnt dl>dd{float:left;width:calc(100% - 130px)}
.popup .mid_area .mid_cnt dl>dd:after{display:block;clear:both;content:""}
.popup .mid_area .mid_cnt dl>dd .txt_bx{width:100%;margin-right:0}
.popup .mid_area .mid_cnt .body{height:300px;border-top:none}
.popup .btm_cnt{margin-top:15px;padding-top:15px;border-top:1px solid #7c7c7c;box-sizing:border-box}
.popup .btm_cnt:after{display:block;clear:both;content:""}
.popup .btm_cnt>button{float:left}
.popup .btm_cnt>div{float:right}
.popup .btm_cnt>div:after{display:block;clear:both;content:""}
.popup .btm_cnt>div>button{float:left}
.popup .btm_cnt>div>button+button{margin-left:10px}

/*팝업 프로그레스바*/
.popup .table .body .bar .bg{position:relative;width:100%;height:10px;background-color:#d8d8d8}
.popup .table .body .bar .bg .num{position:absolute;top:0;left:0;width:100%;height:10px;background-color:#0050ff}
.popup .table .body .bar .bg{position:relative;width:100%;height:10px;background-color:#d8d8d8}
.popup .table .body .bar .bg .num_in{position:absolute;top:0;left:0;width:100%;height:10px;background-color:#0050ff}
.popup .table .body .bar .bg .num_de{position:absolute;top:0;left:0;width:100%;height:10px;background-color:#fa6400}
.popup .table .body .incr .per{color:#0050ff}
.popup .table .body .incr .per>i{color:#3e3e3e}
.popup .table .body .incr .change{color:#0050ff}
.popup .table .body .decr .per{color:#fa6400}
.popup .table .body .decr .per>i{color:#3e3e3e}
.popup .table .body .decr .change{color:#fa6400}
.popup .table .body .decr .term{color:#fa6400}
.popup .table .body .decr .bar .bg .num_in{background-color:#898989}

/*팝업 로그인 회사검색*/
.pop_login .mid_area .help_txt{display:block;margin-bottom:15px;color:#07235e}
.pop_login .mid_area .search_bx{margin-bottom:15px}
.pop_login .mid_area .search_bx .txt_bx{width:352px}
.pop_login .mid_area .table .head{border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_login .mid_area .table .body{height:350px}

/*팝업 로그아웃(전체)*/
.pop_logout .mid_area .pop_wrap:after{display:block;clear:both;content:""}
.pop_logout .mid_area .pop_wrap>div{float:right}
.pop_logout .mid_area .pop_wrap>div:after{display:block;clear:both;content:""}
.pop_logout .mid_area .pop_wrap>div>button{float:left}
.pop_logout .mid_area .pop_wrap>div>button+button{margin-left:10px}

/*팝업 엑셀관리(전체)*/
.pop_excel .mid_area .mid_cnt .upload>dd>div{overflow:hidden;float:left;width:205px;height:32px;margin-right:15px;padding:0 10px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
.pop_excel .mid_area .mid_cnt .upload>dd>button{float:left}
/*-유연근무제관리/정책설정>근로설정-*/
.pop_excel .mid_area .mid_cnt .form>dd .slt_bx{float:left;width:200px}

/*팝업 삭제(전체)*/
.pop_delete .mid_area .pop_wrap:after{display:block;clear:both;content:""}
.pop_delete .mid_area .pop_wrap>div{float:right}
.pop_delete .mid_area .pop_wrap>div:after{display:block;clear:both;content:""}
.pop_delete .mid_area .pop_wrap>div>button{float:left}
.pop_delete .mid_area .pop_wrap>div>button+button{margin-left:10px}

/*팝업 완료*/
.pop_complete .mid_area .pop_wrap:after{display:block;clear:both;content:""}
.pop_complete .mid_area .pop_wrap>div{float:right}
.pop_complete .mid_area .pop_wrap>div:after{display:block;clear:both;content:""}
.pop_complete .mid_area .pop_wrap>div>button{float:left}
.pop_complete .mid_area .pop_wrap>div>button+button{margin-left:10px}

/*팝업 사유보기(전체)*/
.pop_memo.pop{display:block;position:absolute;top:52px;left:50%;width:100%;background-color:#7b8490;color:#fff;font-size:14px;border-radius:3px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0)}
.pop_memo.all{display:block;position:absolute;width:250px;min-width:200px;background-color:#7b8490;color:#fff;font-size:14px;border-radius:3px}
.pop_memo>.pop_wrap{padding:10px}

/*팝업 대상추가(메인)*/
.pop_user_add .top_area{color:#0050ff}
.pop_user_add .top_area>.pop_wrap{display:block;clear:both;content:""}
.pop_user_add .top_area .title{float:left}
.pop_user_add .top_area .right_bx{float:right;padding:2px 10px;background-color:#fff;border-radius:3px}
.pop_user_add .top_area .right_bx:after{display:block;clear:both;content:""}
.pop_user_add .top_area .right_bx>button{float:left}
.pop_user_add .top_area .right_bx>button+button{margin-left:10px}
.pop_user_add .top_area .right_bx>button.on{color:#0050ff}
.pop_user_add .mid_area .top_cnt .search_bx .txt_bx{width:332px}
.pop_user_add .mid_cnt{display:none}
.pop_user_add .mid_cnt.on{display:block}
.pop_user_add .mid_cnt .table .head{border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_user_add .mid_cnt .table .border{border-right:1px solid #e5e5e5;box-sizing:border-box}
.pop_user_add .table .head th.chk,
.pop_user_add .table .body td.chk{width:10%}

/*팝업 부서정보(부서관리)*/
.pop_dept .mid_area .mid_cnt>dl>dd:after{display:block;clear:both;content:""}
.pop_dept .mid_area .mid_cnt .srch>dd .txt_bx{float:left;width:248px}
.pop_dept .mid_area .mid_cnt>dl>dd .btn_i_search{float:left}

/*팝업 부서정보(부서관리) - 부서검색*/
.pop_dept_srch .mid_area .search_bx .txt_bx{width:352px}
.pop_dept_srch .mid_area .table .head{border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_dept_srch .mid_area .table .body{height:350px}

/*팝업 사용자정보-재직자(부서원 관리)*/
.pop_user_info{width:500px}
.pop_user_info .mid_area .mid_cnt .info_bx{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e5e5e5}
.pop_user_info .mid_area .mid_cnt .info_bx dl+dl{margin-top:15px}
.pop_user_info .mid_area .mid_cnt .info_bx .split{margin-bottom:15px}
.pop_user_info .mid_area .mid_cnt .info_bx .split:after{display:block;clear:both;content:""}
.pop_user_info .mid_area .mid_cnt .info_bx .split>dl{float:left;width:48%}
.pop_user_info .mid_area .mid_cnt .info_bx .split>dl+dl{margin-top:0;margin-left:4%}
.pop_user_info .mid_area .mid_cnt .info_bx .split>dl>dt{width:80px}
.pop_user_info .mid_area .mid_cnt .info_bx .split>dl>dd{width:calc(100% - 90px)}
.pop_user_info .mid_area .mid_cnt .info_bx .part .txt_bx{float:left;width:calc(100% - 32px)}
.pop_user_info .mid_area .mid_cnt .info_bx .part button{float:left}
.pop_user_info .mid_area .mid_cnt .info_bx .id .txt_bx,
.pop_user_info .mid_area .mid_cnt .info_bx .pw .txt_bx{float:left;width:calc(100% - 70px)}
.pop_user_info .mid_area .mid_cnt .info_bx .id button,
.pop_user_info .mid_area .mid_cnt .info_bx .pw button{float:left;width:70px;height:32px}
.pop_user_info .mid_area .mid_cnt .info_bx .slt_bx{width:100%;margin-right:0}
.pop_user_info .mid_area .mid_cnt .info_bx .datepicker{width:100%}
.pop_user_info .mid_area .mid_cnt .info_bx .datepicker .picker{border:1px solid #d8d8d8}
.pop_user_info .mid_area .mid_cnt .chk_bx .line{text-align:left}
.pop_user_info .mid_area .mid_cnt .chk_bx .line+.line{margin-top:15px}
.pop_user_info .mid_area .mid_cnt .chk_bx .line:after{display:block;clear:both;content:""}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_bx{float:left;width:50%}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_bx .i_help{left:68px}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap{float:left;width:50%}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap .check_bx{float:unset}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap .check_bx .i_help{left:92px}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap .slt_bx{margin-right:0;margin-left:25px}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap .slt_bx.disabled{background-color:#cecece}
.pop_user_info .mid_area .mid_cnt .chk_bx>ul:after{display:block;clear:both;content:""}
.pop_user_info .mid_area .mid_cnt .chk_bx>ul>li{float:left;width:50%;margin-top:10px}
.pop_user_info .mid_area .mid_cnt .chk_bx>ul>li:nth-child(1),
.pop_user_info .mid_area .mid_cnt .chk_bx>ul>li:nth-child(2){margin-top:0}
.pop_user_info .mid_area .mid_cnt .chk_bx>ul .no .check_bx{height:55px}
.pop_user_info .mid_area .mid_cnt .chk_bx>ul .wage .check_bx .i_help{left:68px}
.pop_user_info .mid_area .mid_cnt .chk_bx>ul .overwork .check_bx .i_help{left:92px}

/*팝업 사용자정보-퇴직자(부서원 관리)*/
.pop_retiree_info .mid_area .mid_cnt>dl+dl{margin-top:15px}
.pop_retiree_info .mid_area .mid_cnt>dl>dt{font-weight:500}
.pop_retiree_info .mid_area .mid_cnt>dl>dd .slt_bx{margin-right:0}
.pop_retiree_info .mid_area .mid_cnt>dl>dd .datepicker{width:100%}
.pop_retiree_info .mid_area .mid_cnt>dl>dd .datepicker .picker{border-color:#d8d8d8;color:#9fa0a1}

/*팝업 초과근무예외자(정책 종료일)-임산부(부서원 관리)*/
.pop_mother{width:700px}
.pop_mother .table .body{height:150px}

/*팝업 근태 통계(부서원 근태 정보)*/
.pop_detail{width:1400px}
.pop_detail .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_detail .mid_area .top_cnt .datepicker_bx{float:left}
.pop_detail .mid_area .top_cnt .right_bx{float:right}
.pop_detail .mid_area .top_cnt .right_bx>div:after{display:block;clear:both;content:""}
.pop_detail .mid_area .top_cnt .right_bx>div .btn_date{float:left;position:relative;height:auto;padding:0}
.pop_detail .mid_area .top_cnt .right_bx>div .btn_date:before{position:absolute;top:50%;right:-5px;width:1px;height:14px;background-color:#979797;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.pop_detail .mid_area .top_cnt .right_bx>div .btn_date:focus{outline:0}
.pop_detail .mid_area .top_cnt .right_bx>div .btn_date:last-child:before{display:none}
.pop_detail .mid_area .top_cnt .right_bx>div .btn_date.click{color:#0050ff;font-weight:500}
.pop_detail .mid_area .mid_cnt .table .head{border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_detail .mid_area .mid_cnt .table .body>table>tbody .last{background-color:#f1f5ff;border-radius:3px}
.pop_detail .mid_area .mid_cnt .pagination.wide{height:40px}

/*팝업 통계 (부서원 PC통계(주간)/근로시간보정)*/
.pop_statistics{width:1400px}
.pop_statistics .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_statistics .mid_area .top_cnt .datepicker_bx{float:left}
.pop_statistics .mid_area .top_cnt .right_bx{float:right}
.pop_statistics .mid_area .mid_cnt{margin-top:15px;border-top:1px solid #7c7c7c}
.pop_statistics .mid_area .mid_cnt .table .body>table>tbody .last{background-color:#f1f5ff;border-radius:3px}
.pop_statistics .mid_area .mid_cnt .table .head>table>thead>tr .date,
.pop_statistics .mid_area .mid_cnt .table .body>table>tbody>tr .date{width:13%}

/*팝업 통계 (부서원 PC통계(일간)/근로시간보정)*/
.pop_statistics_day{width:1400px}
.pop_statistics_day .top_area:after{display:block;clear:both;content:""}
.pop_statistics_day .top_area .btn_i_back{float:left;margin:4px 10px 0 0}
.pop_statistics_day .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_statistics_day .mid_area .top_cnt .right_bx{float:right}
.pop_statistics_day .mid_area .mid_cnt{margin-top:15px;border-top:1px solid #7c7c7c}

/*팝업 세부 정보(사용신청관리/출장관리/유연근무제스케줄)*/
.pop_info_detail .mid_area .top_cnt{padding-bottom:15px;border-bottom:1px solid #7c7c7c}
.pop_info_detail .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_info_detail .mid_area .mid_cnt .user_info{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e5e5}
.pop_info_detail .mid_area .mid_cnt .rqs_info .hide{display:none}
/*-유연근무제스케줄-*/
.pop_info_detail.pop_flexitime{width:700px}
.pop_info_detail.pop_flexitime .mid_area .top_cnt{padding-bottom:0;border-bottom:none}
.pop_info_detail.pop_flexitime .mid_area .top_cnt .datepicker_bx{float:left}
.pop_info_detail.pop_flexitime .mid_area .top_cnt .time_bx{float:right}
.pop_info_detail.pop_flexitime .mid_area .top_cnt .time_bx:after{display:block;clear:both;content:""}
.pop_info_detail.pop_flexitime .mid_area .top_cnt .time_bx>dt{float:left;margin-right:10px;line-height:32px}
.pop_info_detail.pop_flexitime .mid_area .top_cnt .time_bx>dd{float:left;height:32px;padding:5px 10px;color:#07235e;border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
.pop_info_detail.pop_flexitime .mid_area .mid_cnt .table{border-top:1px solid #7c7c7c}
/*-탄력근무제-*/
.pop_info_detail.pop_flexible{width:1400px}
.pop_info_detail.pop_flexible .mid_area .top_cnt .search_bx{float:left;margin-right:10px;margin-bottom:0}
.pop_info_detail.pop_flexible .mid_area .top_cnt .option_bx{float:left}
.pop_info_detail.pop_flexible .mid_area .top_cnt .right_bx{float:right}
.pop_info_detail.pop_flexible .mid_area .top_cnt .right_bx>div:after{display:block;clear:both;content:""}
.pop_info_detail.pop_flexible .mid_area .top_cnt .right_bx>div>button{float:left}
/*-연차-*/
.pop_info_detail.pop_vacation{width:1400px}
.pop_info_detail.pop_vacation .mid_area .top_cnt{padding-bottom:0;border-bottom:none}
.pop_info_detail.pop_vacation .mid_area .top_cnt>div{float:left}
.pop_info_detail.pop_vacation .mid_area .top_cnt .option_bx{margin-right:8px}
.pop_info_detail.pop_vacation .mid_area .top_cnt .datepicker_bx{margin-right:8px}
.pop_info_detail.pop_vacation .mid_area .top_cnt .datepicker_bx .slt_bx{float:left}
.pop_info_detail.pop_vacation .mid_area .top_cnt .right_bx{float:right}
.pop_info_detail.pop_vacation .mid_area .top_cnt .right_bx>div:after{display:block;clear:both;content:""}
.pop_info_detail.pop_vacation .mid_area .top_cnt .right_bx>div>[class^="btn_"]{float:left}
.pop_info_detail.pop_vacation .mid_area .mid_cnt .table{border-top:1px solid #7c7c7c}

/*팝업 외근지 관리 세부정보(외근관리)*/
.pop_place_detail{width:1400px;background-color:#f0f0f0}
.pop_place_detail .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_place_detail .mid_area .top_cnt>div{float:left}
.pop_place_detail .mid_area .top_cnt>div+div{margin-left:15px}
.pop_place_detail .mid_area .top_cnt .right_bx{float:right}
.pop_place_detail .mid_area .mid_cnt:after{display:block;clear:both;content:""}
.pop_place_detail .mid_area .mid_cnt>div{float:left;background-color:#fff;box-sizing:border-box}
.pop_place_detail .mid_area .mid_cnt .left_bx{width:60%;padding:10px}
.pop_place_detail .mid_area .mid_cnt .left_bx .table .body{height:400px}
.pop_place_detail .mid_area .mid_cnt .map_bx{width:38%;height:511px;margin-left:2%}
.pop_place_detail .mid_area .mid_cnt .map_bx>div{width:100%;height:100%;background-color:#fff}
.pop_place_detail .mid_area .mid_cnt .map_bx>div>iframe{height:100%}
/*-재택근무제관리(유연근무제 팝업의 팝업)-*/
.pop_telecommute_detail .table>div>table>thead>tr>.locate,
.pop_telecommute_detail .table>div>table>tbody>tr>.locate{width:50%}

/*팝업 외근지 관리 - 명함(외근관리)*/
.pop_name_card{width:650px;z-index:2400}
.pop_name_card .mid_area .mid_cnt>div{position:relative}
.pop_name_card .mid_area .mid_cnt>div .btn_i_prev{position:absolute;top:50%;left:0;width:20px;height:20px;background-size:20px 20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.pop_name_card .mid_area .mid_cnt>div .btn_i_next{position:absolute;top:50%;right:0;width:20px;height:20px;background-size:20px 20px;-webkit-transform:translateY(-50%);-ms-transform:translate(-50%,0);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.pop_name_card .mid_area .mid_cnt>div .card_list{position:relative;width:550px;height:300px;margin:0 auto;text-align:center}
.pop_name_card .mid_area .mid_cnt>div .card_list>img{display:none;position:absolute;top:50%;left:50%;max-height:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.pop_name_card .mid_area .mid_cnt>div .card_list>img.on{display:block}
.pop_name_card .mid_area .mid_cnt>div .card_list>span{position:absolute;top:50%;left:50%;font-weight:500;-webkit-transform:translate(-50%, -50%);-ms-ransform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

/*팝업 캘린더*/
.pop_calendar{width:700px}
.pop_calendar .mid_area .top_cnt{margin-bottom:12px;padding-bottom:12px;color:#003a79;border-bottom:1px solid #7c7c7c;box-sizing:border-box}
.pop_calendar .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_calendar .mid_area .top_cnt>dl{float:left}
.pop_calendar .mid_area .top_cnt>dl>dt{float:left;position:relative;margin-right:14px}
.pop_calendar .mid_area .top_cnt>dl>dt:before{position:absolute;top:-2px;right:-7px;content:":"}
.pop_calendar .mid_area .top_cnt>dl>dd{float:left}
.pop_calendar .mid_area .top_cnt>i{float:left;margin:0 8px}
.pop_calendar .mid_area .cal_cnt .head_bx{margin-bottom:12px;padding-bottom:12px;color:#003a79;border-bottom:1px solid #7c7c7c;box-sizing:border-box}
.pop_calendar .mid_area .cal_cnt .head_bx:after{display:block;clear:both;content:""}
.pop_calendar .mid_area .cal_cnt .head_bx .month{float:left;color:#003a79;font-size:16px}
.pop_calendar .mid_area .cal_cnt .head_bx .month:after{display:block;clear:both;content:""}
.pop_calendar .mid_area .cal_cnt .head_bx .month>button{float:left;width:24px;height:24px}
.pop_calendar .mid_area .cal_cnt .head_bx .month>span{float:left;position:relative;top:-2px;margin:0 10px;font-weight:500}
.pop_calendar .mid_area .cal_cnt .head_bx .mark{float:right}
.pop_calendar .mid_area .cal_cnt .head_bx .mark:after{display:block;clear:both;content:""}
.pop_calendar .mid_area .cal_cnt .head_bx .mark>dl{float:left}
.pop_calendar .mid_area .cal_cnt .head_bx .mark>dl+dl{margin-left:15px}
.pop_calendar .mid_area .cal_cnt .head_bx .mark>dl:after{display:block;clear:both;content:""}
.pop_calendar .mid_area .cal_cnt .head_bx .mark>dl>dt{float:left;position:relative;top:6px;width:10px;height:10px;margin-right:10px;border-radius:50%}
.pop_calendar .mid_area .cal_cnt .head_bx .mark>dl>dd{float:left}
.pop_calendar .mid_area .cal_cnt .head_bx .mark .standard .dot{background-color:#dee7fc}
.pop_calendar .mid_area .cal_cnt .head_bx .mark .working .dot{background-color:#3171ff}
.pop_calendar .mid_area .cal_cnt .cal_bx>table{width:100%;text-align:center;table-layout:fixed}
.pop_calendar .mid_area .cal_cnt .cal_bx>table>thead>tr{height:30px}
.pop_calendar .mid_area .cal_cnt .cal_bx>table>thead>tr>th{vertical-align:top}
.pop_calendar .mid_area .cal_cnt .cal_bx>table>tbody>tr{height:80px}
.pop_calendar .mid_area .cal_cnt .cal_bx>table>tbody>tr>td{vertical-align:top}
.pop_calendar .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.prv,
.pop_calendar .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.nxt{color:#ebebeb}
.pop_calendar .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.on>i{display:block;margin:3px 6px 0;letter-spacing:-1px;border-radius:3px}
.pop_calendar .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.on>i.std{background-color:#dee7fc;color:#5a5a5a}
.pop_calendar .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.on>i.work{background-color:#3171ff;color:#fff}
/*-팝업 스케쥴등록-*/
.pop_schedule_add{width:1400px}
.pop_schedule_add .mid_area:after{display:block;clear:both;content:""}
.pop_schedule_add .mid_area>div{float:left;width:50%;border-right:1px solid #dee7fc;box-sizing:border-box}
.pop_schedule_add .mid_area>div:last-child{border-right:none}
.pop_schedule_add .mid_area>div>.pop_wrap{padding:15px 20px}
.pop_schedule_add .mid_area .sche_section .table>div>table>thead>tr{height:36px}
.pop_schedule_add .mid_area .sche_section .table .body{height:522px}
.pop_schedule_add .mid_area .sche_section .table .body>table>tbody>tr>td{padding:0 5px}
.pop_schedule_add .mid_area .sche_section .table .body>table>tbody>tr>td:after{display:block;clear:both;content:""}
.pop_schedule_add .mid_area .sche_section .table .body .slt_bx{float:left;width:48%;margin-right:0;text-align:center}
.pop_schedule_add .mid_area .sche_section .table .body .slt_bx+.slt_bx{margin-left:4%}

/*팝업 탄력근무제 수정/추가(유연근무제스케줄)*/
.pop_flexible_add .mid_area .mid_cnt dl>dt{width:130px}
.pop_flexible_add .mid_area .mid_cnt dl>dd{width:calc(100% - 140px)}
.pop_flexible_add .mid_area .mid_cnt>div+div{margin-top:15px;padding-top:15px;border-top:1px solid #e5e5e5}
.pop_flexible_add .mid_area .mid_cnt .time_bx>dl>dd:after{display:block;clear:both;content:""}
.pop_flexible_add .mid_area .mid_cnt .time_bx>dl>dd .txt_bx{float:left;width:50px}
.pop_flexible_add .mid_area .mid_cnt .time_bx>dl>dd>i{float:left;margin:0 5px;line-height:32px}
.pop_flexible_add .mid_area .mid_cnt .schedule_bx>dl>dd .work_time+.work_time{margin-top:15px}
.pop_flexible_add .mid_area .mid_cnt .schedule_bx>dl>dd .work_time:after{display:block;clear:both;content:""}
.pop_flexible_add .mid_area .mid_cnt .schedule_bx>dl>dd .work_time .slt_bx{float:left}
.pop_flexible_add .mid_area .mid_cnt .schedule_bx>dl>dd .work_time>i{line-height:32px}

/*팝업 삭제 - 탄력근무제 세부정보(유연근무제스케줄)*/
.pop_del_detail .mid_area .pop_wrap:after{display:block;clear:both;content:""}
.pop_del_detail .mid_area .pop_wrap>div{float:right}
.pop_del_detail .mid_area .pop_wrap>div:after{display:block;clear:both;content:""}
.pop_del_detail .mid_area .pop_wrap>div>button{float:left}
.pop_del_detail .mid_area .pop_wrap>div>button+button{margin-left:10px}

/*팝업 결재선 리스트(사용신청관리)*/
.pop_approval_list .mid_cnt .table .body{height:253px}
.pop_approval_list .mid_cnt .table .body>table>tbody>tr>td.rqs{color:#000;font-weight:500}
.pop_approval_list .mid_cnt .table .body>table>tbody>tr>td.appr{color:#50A0D8;font-weight:500}
.pop_approval_list .mid_cnt .table .body>table>tbody>tr>td.reject{color:#EE2C2C;font-weight:500}
.pop_approval_list .mid_cnt .table .body>table>tbody>tr>td.wait{color:#B4B4B3;font-weight:500}

/*팝업 결재선 대상추가(유연근무제스케줄)*/
.pop_approval_add{width:900px}
.pop_approval_add .mid_area .top_cnt{margin-bottom:15px}
.pop_approval_add .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_approval_add .mid_area .top_cnt .search_bx{float:left}
.pop_approval_add .mid_area .top_cnt .search_bx .txt_bx{width:311px}
.pop_approval_add .mid_area .top_cnt .right_bx{float:right}
.pop_approval_add .mid_area .mid_cnt:after{display:block;clear:both;content:""}
.pop_approval_add .mid_area .mid_cnt .left_bx{overflow:auto;float:left;width:43%;height:450px;margin-right:2%;border:1px solid #d8d8d8;box-sizing:border-box}
.pop_approval_add .mid_area .mid_cnt .left_bx .tree_bx{padding:10px}
.pop_approval_add .mid_area .mid_cnt .list_bx{float:left;width:55%}
.pop_approval_add .mid_area .mid_cnt .list_bx .table .head{border-bottom:none;border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_approval_add .mid_area .mid_cnt .list_bx .table .body{height:400px;border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_approval_add .mid_area .mid_cnt .list_bx .table .body>span{display:block;padding:14px 0;text-align:center}
/*-연차추가-*/
.pop_approval_add .mid_area .mid_cnt .cnt_bx{float:left;width:100%;margin-top:15px;padding-top:15px;border-top:1px solid #7c7c7c}
.pop_approval_add .mid_area .mid_cnt .cnt_bx>dl:after{display:block;clear:both;content:""}
.pop_approval_add .mid_area .mid_cnt .cnt_bx>dl>dt{float:left;color:#003a79;font-weight:500}
.pop_approval_add .mid_area .mid_cnt .cnt_bx>dl>dd{float:right;width:auto}
.pop_approval_add .mid_area .mid_cnt .cnt_bx>dl>dd .txt_bx{width:100px;margin-right:8px;padding-right:10px;text-align:right}

/*팝업 안내확인 (연차촉진제도)*/
.pop_info_list .mid_area .table .body td.none{color:#ff4368}

/*팝업 정책설정 - 연차설정 / 출장설정 */
.pop_info_set .mid_area .mid_cnt .work_time>dd .txt_bx,
.pop_info_set .mid_area .mid_cnt .day>dd .txt_bx{float:left;width:89%}
.pop_info_set .mid_area .mid_cnt .work_time>dd>span,
.pop_info_set .mid_area .mid_cnt .day>dd>span{float:left;margin-left:2%;line-height:32px}
.pop_info_set .mid_area .mid_cnt .detail_set>dd .check_bx{float:left;width:50%}
/*-팝업 정책설정 - 출장설정-*/
.pop_info_set.pop_bs .mid_area .mid_cnt>dl>dd>.slt_bx{width:100%}

/*팝업 정책설정 - 복사(공지설정)*/
.pop_copy .mid_area .pop_wrap:after{display:block;clear:both;content:""}
.pop_copy .mid_area .pop_wrap>div{float:right}

/*팝업 정책설정 - 공지 추가/수정(공지설정)*/
.pop_notice_add{width:900px}
.pop_notice_add .mid_area .datepicker .picker{color:#9fa0a1;border-color:#d8d8d8}
.pop_notice_add .mid_area .mid_cnt>dl>dd>dl+dl{margin-top:10px}
.pop_notice_add .mid_area .mid_cnt>dl>dd>dl>dt{width:80px}
.pop_notice_add .mid_area .mid_cnt>dl>dd>dl>dd{width:calc(100% - 90px)}
.pop_notice_add .mid_area .mid_cnt>dl>dd>dl>dd .datepicker{margin-right:10px}
.pop_notice_add .mid_area .mid_cnt>dl>dd>dl>dd .time_bx{float:left}
.pop_notice_add .mid_area .mid_cnt>dl>dd>dl>dd .time_bx:after{display:block;clear:both;content:""}
.pop_notice_add .mid_area .mid_cnt>dl>dd>dl>dd .time_bx .slt_bx{float:left}
.pop_notice_add .mid_area .mid_cnt>dl>dd>dl>dd>i{float:left}
.pop_notice_add .mid_area .mid_cnt>dl>dd .table{margin-top:10px;border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
.pop_notice_add .mid_area .mid_cnt>dl>dd .table .head{border-bottom:1px solid #e5e5e5}
.pop_notice_add .mid_area .mid_cnt>dl>dd .table .body{height:150px}
.pop_notice_add .mid_area .mid_cnt>dl>dd .table .body>table>tbody>tr{border:none}
.pop_notice_add .mid_area .mid_cnt>dl>dd .table .body>table>tbody>tr .chk{width:auto}
.pop_notice_add .mid_area .mid_cnt .option>dd .check_bx{float:left;width:33%}
.pop_notice_add .mid_area .mid_cnt .use>dd .check_bx{float:left;width:33%}
.pop_notice_add .mid_area .mid_cnt .size>dd .txt_bx{float:left;width:120px}
.pop_notice_add .mid_area .mid_cnt .size>dd .txt_bx::placeholder{color:#e5e5e5}
.pop_notice_add .mid_area .mid_cnt .size>dd>i{float:left;margin:5px 10px 0}

/*팝업 정책설정 - 부서/사용자 검색(공지설정)*/
.pop_search .mid_area .top_cnt{margin:0;padding-bottom:10px;border-bottom:1px solid #e5e5e5}
.pop_search .mid_area .top_cnt .search_bx .txt_bx{width:352px}
.pop_search .mid_area .top_cnt .search_bx .btn_border_02{float:left}
.pop_search .mid_area .mid_cnt .table .head{border-bottom:1px solid #e5e5e5}
.pop_search .mid_area .mid_cnt .table .body>table>tbody>tr{border:none;cursor:pointer}
.pop_search .mid_area .mid_cnt .table .body>table>tbody .click{background-color:#dee7fc}

/*팝업 정책설정 - 사용자 검색(공지설정)*/
.pop_user .mid_area .top_cnt .search_bx .txt_bx{width:244px}

/*팝업 정책설정 - 에디터(공지설정)*/
.pop_editor{width:700px}
.pop_editor .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_editor .mid_area .top_cnt .right_bx{float:right}
.pop_editor .mid_area .top_cnt .right_bx>div:after{display:block;clear:both;content:""}
.pop_editor .mid_area .top_cnt .right_bx>div>button{float:left}

/*팝업 정책설정 - 미리보기(공지설정)*/
.pop_preview{width:auto}
.pop_preview .mid_area .preview_cnt{overflow-y:auto;padding:10px;text-align:center;border:1px solid #f0f0f0;border-radius:3px;box-sizing:border-box}
.pop_preview .mid_area .preview_cnt>span{display:inline-block;width:100%;text-align:left}
.pop_preview .mid_area .preview_cnt>img{max-width:100%;max-height:100%}

/*팝업 정책설정 - 단축근로일 알림 미리보기(근로설정)*/
.pop_preview_short .mid_area .info_cnt .txt_bx{overflow-y:auto;width:100%;height:300px;padding:20px;text-align:center;border:1px solid #d8d8d8;box-sizing:border-box}
.pop_preview_short .mid_area .info_cnt .txt_bx>span{display:inline-block;width:100%;text-align:left}
.pop_preview_short .mid_area .info_cnt .txt_bx>img{max-width:100%;max-height:100%}
.pop_preview_short .mid_area .info_cnt .info_bx{margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5}
.pop_preview_short .mid_area .info_cnt .info_bx:after{display:block;clear:both;content:""}
.pop_preview_short .mid_area .info_cnt .info_bx .chk_wrap{float:left;width:80%}
.pop_preview_short .mid_area .info_cnt .info_bx>button{float:right}

/*팝업 정책설정 - 휴게시간 안내 미리보기(근로설정)*/
.pop_preview_work .mid_area .info_cnt .txt_bx{overflow-y:auto;width:400px;height:300px;padding:20px;text-align:center;border:1px solid #d8d8d8;box-sizing:border-box}
.pop_preview_work .mid_area .info_cnt .txt_bx>span{display:inline-block;width:100%;text-align:left}
.pop_preview_work .mid_area .info_cnt .txt_bx>img{max-width:100%;max-height:100%}
.pop_preview_work .mid_area .info_cnt .info_bx{margin-top:20px}
.pop_preview_work .mid_area .info_cnt .info_bx .info_wrap>dt{color:#002d6b;font-size:16px;font-weight:700}
.pop_preview_work .mid_area .info_cnt .info_bx .info_wrap>dd{margin-top:10px}
.pop_preview_work .mid_area .info_cnt .info_bx .info_wrap>dd>dl:after{display:block;clear:both;content:""}
.pop_preview_work .mid_area .info_cnt .info_bx .info_wrap>dd>dl+dl{margin-top:10px}
.pop_preview_work .mid_area .info_cnt .info_bx .info_wrap>dd>dl>dt{float:left;width:45%;font-weight:500}
.pop_preview_work .mid_area .info_cnt .info_bx .info_wrap>dd>dl>dd{float:left;width:55%}
.pop_preview_work .mid_area .info_cnt .info_bx .chk_wrap{margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5}
.pop_preview_work .mid_area .info_cnt .info_bx .chk_wrap .check_bx+.check_bx{margin-top:10px}

/*팝업 정책설정 - 연차 촉진제도 알림 미리보기(연차설정)*/
.pop_preview_vacation .mid_area .top_cnt>dl:after{display:block;clear:both;content:""}
.pop_preview_vacation .mid_area .top_cnt>dl+dl{margin-top:20px}
.pop_preview_vacation .mid_area .top_cnt>dl>dt{float:left;width:30%;font-weight:500}
.pop_preview_vacation .mid_area .top_cnt>dl>dd{float:left}
.pop_preview_vacation .mid_area .mid_cnt{margin-top:20px}
.pop_preview_vacation .mid_area .mid_cnt .info_bx>span{color:#002d6b;font-size:16px;font-weight:700}
.pop_preview_vacation .mid_area .mid_cnt .info_bx .info_txt{overflow-y:auto;height:300px;margin-top:15px;padding:10px;text-align:center;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.pop_preview_vacation .mid_area .mid_cnt .info_bx .info_txt>span{display:inline-block;width:100%;text-align:left}
.pop_preview_vacation .mid_area .mid_cnt .info_bx .info_txt>img{max-width:100%;max-height:100%}
.pop_preview_vacation .mid_area .mid_cnt .chk_bx{margin-top:15px}

/*팝업 공지 (알림)*/
.pop_setting_notice{width:650px}
.pop_setting_notice .mid_area .mid_cnt .notice_info{overflow-y:auto;height:300px;padding:10px;text-align:center;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.pop_setting_notice .mid_area .mid_cnt .notice_info>span{display:inline-block;width:100%;text-align:left}
.pop_setting_notice .mid_area .mid_cnt .notice_info>img{max-width:100%;max-height:100%}

/*팝업 연차촉진제도 안내(알림)*/
.pop_vacation_notice .mid_area .top_cnt>dl:after{display:block;clear:both;content:""}
.pop_vacation_notice .mid_area .top_cnt>dl+dl{margin-top:20px}
.pop_vacation_notice .mid_area .top_cnt>dl>dt{float:left;width:30%;font-weight:500}
.pop_vacation_notice .mid_area .top_cnt>dl>dd{float:left}
.pop_vacation_notice .mid_area .mid_cnt{margin-top:20px}
.pop_vacation_notice .mid_area .mid_cnt .info_bx>span{color:#002d6b;font-size:16px;font-weight:700}
.pop_vacation_notice .mid_area .mid_cnt .info_bx .info_txt{margin-top:15px;padding:10px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.pop_vacation_notice .mid_area .mid_cnt .chk_bx{margin-top:15px}

/*팝업 서비스 장애신고 내역*/
.pop_service_list{width:1400px}
.pop_service_list .mid_area .mid_cnt{border-top:1px solid #7c7c7c}
.pop_service_list .mid_area .mid_cnt .table .body>table>tbody>tr .info{width:70%;text-align:left}
.pop_service_list .mid_area .mid_cnt .table .body>table>tbody>tr .info>span{display:block}
.pop_service_list .mid_area .mid_cnt .table .body>table>tbody>tr .info .top{font-weight:500}
.pop_service_list .mid_area .mid_cnt .table .body>table>tbody>tr .view{width:5%}

/*팝업 서비스 장애신고*/
.pop_service .mid_area .mid_cnt>dl>dt{font-weight:500}
.pop_service .mid_area .mid_cnt>dl .memo{overflow-y:auto;width:280px;height:100px;padding:10px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.pop_service .mid_area .mid_cnt>dl>dd>ul{overflow-y:auto;width:280px;height:100px;padding:10px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.pop_service .mid_area .mid_cnt>dl>dd>ul>li:after{display:block;clear:both;content:""}
.pop_service .mid_area .mid_cnt>dl>dd>ul>li+li{margin-top:5px}
.pop_service .mid_area .mid_cnt>dl>dd>ul>li>i{display:block;overflow:hidden;float:left;width:75%;white-space:nowrap;text-overflow:ellipsis}
.pop_service .mid_area .mid_cnt>dl>dd>ul>li .btn_under_01{float:right;width:25%}

/*팝업 프로젝트별 세부정보*/
.pop_project_progress{width:900px}
.pop_project_progress .table .head{border-top:1px solid #7c7c7c}
.pop_project_progress .table .head .progress{width:30%}
.pop_project_progress .table .body .bar{width:23%}
.pop_project_progress .table .body .per{width:7%;color:#0050ff}
.pop_project_progress .table .body .bar .bg{position:relative;width:100%;height:10px;background-color:#d8d8d8}
.pop_project_progress .table .body .bar .bg .num{position:absolute;top:0;left:0;width:100%;height:10px;background-color:#0050ff}

/*팝업 사용자별 세부정보*/
.pop_user_progress{width:900px}
.pop_user_progress .table .head{border-top:1px solid #7c7c7c}
.pop_user_progress .table .head .progress{width:18%}
.pop_user_progress .table .body .bar{width:13%}
.pop_user_progress .table .body .per{width:5%;color:#0050ff}
.pop_user_progress .table .body .bar .bg{position:relative;width:100%;height:10px;background-color:#d8d8d8}
.pop_user_progress .table .body .bar .bg .num{position:absolute;top:0;left:0;width:100%;height:10px;background-color:#0050ff}
.pop_user_progress .table .prj,
.pop_user_progress .table .prj_item{width:18%}

/*팝업 프로젝트 추가(프로젝트)*/
.pop_project_add .mid_area .mid_cnt>dl>dt{font-weight:500}
.pop_project_add .mid_area .mid_cnt>dl>dd>ul{overflow-y:auto;float:left;width:220px;height:100px;padding:10px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.pop_project_add .mid_area .mid_cnt .user>dd>ul{height:150px}
.pop_project_add .mid_area .mid_cnt>dl>dd>ul>li:after{display:block;clear:both;content:""}
.pop_project_add .mid_area .mid_cnt>dl>dd>ul>li+li{margin-top:5px}
.pop_project_add .mid_area .mid_cnt>dl>dd>ul>li>i{display:block;overflow:hidden;float:left;width:calc(100% - 20px);white-space:nowrap;text-overflow:ellipsis}
.pop_project_add .mid_area .mid_cnt>dl>dd>ul>li .btn_i_del{float:right;width:20px;height:20px;background-size:10px 9px}
.pop_project_add .mid_area .mid_cnt>dl>dd .btn_border_01{float:left;margin-left:10px}
.pop_project_add .mid_area .mid_cnt>dl>dd .datepicker{width:100%}
.pop_project_add .mid_area .mid_cnt>dl>dd .datepicker .picker{color:#3e3e3e;border-color:#d8d8d8}
.pop_project_add .mid_area .mid_cnt>dl>dd .datepicker .tui-datepicker{top:-327px}
.pop_project_add .mid_area .mid_cnt .progress>dd .txt_bx{float:left;width:90%;margin-right:2%;padding-right:10px;text-align:right}
.pop_project_add .mid_area .mid_cnt .progress>dd>span{float:left;width:8%;line-height:32px}

/*팝업 프로젝트 대상추가(프로젝트)*/
.pop_project_user{width:900px}
.pop_project_user .mid_area .top_cnt{margin-bottom:15px}
.pop_project_user .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_project_user .mid_area .top_cnt .search_bx{float:left}
.pop_project_user .mid_area .top_cnt .search_bx .txt_bx{width:311px}
.pop_project_user .mid_area .top_cnt .right_bx{float:right}
.pop_project_user .mid_area .mid_cnt:after{display:block;clear:both;content:""}
.pop_project_user .mid_area .mid_cnt .left_bx{overflow:auto;float:left;width:43%;height:450px;margin-right:2%;border:1px solid #d8d8d8;box-sizing:border-box}
.pop_project_user .mid_area .mid_cnt .left_bx .tree_bx{padding:10px}
.pop_project_user .mid_area .mid_cnt .list_bx{float:left;width:55%}
.pop_project_user .mid_area .mid_cnt .list_bx .table .head{border-bottom:none;border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_project_user .mid_area .mid_cnt .list_bx .table .body{height:400px;border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_project_user .mid_area .mid_cnt .list_bx .table .body>span{display:block;padding:14px 0;text-align:center}

/*팝업 사용자 보고서(공통)*/
.pop_user_report .mid_area .mid_cnt>div+div{margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e5;box-sizing:border-box}
.pop_user_report .mid_area .mid_cnt>div>dl>dt{font-weight:500}
.pop_user_report .mid_area .mid_cnt .time_info>dl>dd{width:140px;padding:5px;border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
.pop_user_report .mid_area .mid_cnt .time_info>dl .detail{width:auto;margin-left:10px;padding:0;border:none}
.pop_user_report .mid_area .mid_cnt .time_info>dl .detail>button{margin-top:5px}
.pop_user_report .mid_area .mid_cnt .memo_info>dl+dl{margin-top:15px}
.pop_user_report .mid_area .mid_cnt .memo_info>dl>dt{width:100%}
.pop_user_report .mid_area .mid_cnt .memo_info>dl>dd{overflow-y:auto;width:100%;height:100px;margin-top:5px;padding:5px;border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
/*팝업 사용자 보고서 - (사용자)*/
.pop_user_report.pop_user .mid_area .mid_cnt .time_info>dl>dd{width:calc(100% - 130px)}
.pop_user_report.pop_user .mid_area .mid_cnt .time_info>dl>dd,
.pop_user_report.pop_user .mid_area .mid_cnt .memo_info>dl>dd{padding:0;border:none}
.pop_user_report.pop_user .mid_area .mid_cnt .memo_info>dl>dd .txt_bx{height:100%}
/*팝업 사용자 보고서 - (업무관리)*/
.pop_user_report.pop_business .mid_area .mid_cnt .time_info>dl>dd{width:calc(100% - 130px)}
.pop_user_report.pop_business .mid_area .mid_cnt .time_info>dl>dd,
.pop_user_report.pop_business .mid_area .mid_cnt .memo_info>dl>dd{padding:0;border:none}
.pop_user_report.pop_business .mid_area .mid_cnt .memo_info>dl>dd .txt_bx{height:100%}

/*팝업 사용자 보고서 상세정보*/
.pop_report_detail{width:500px}

/*팝업 코멘트*/
.pop_comment{width:900px}
.pop_comment .mid_area .mid_cnt>.tit{margin-bottom:10px;color:#003a79;font-weight:500}
.pop_comment .mid_area .mid_cnt>.tit:after{display:block;clear:both;content:""}
.pop_comment .mid_area .mid_cnt>.tit>dt{position:relative;width:100px;margin-right:15px;padding-right:15px}
.pop_comment .mid_area .mid_cnt>.tit>dt:before{position:absolute;top:50%;right:0;width:2px;height:70%;background-color:#003a79;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.pop_comment .mid_area .mid_cnt>.tit>dd{overflow-y:auto;max-height:70px}
.pop_comment .mid_area .mid_cnt .text{margin:10px 0;padding:10px 0;border-top:1px solid #7c7c7c;border-bottom:1px solid #7c7c7c}
.pop_comment .mid_area .mid_cnt .text .txt_bx{width:799px}
.pop_comment .mid_area .mid_cnt .comments{overflow-y:auto;max-height:300px}
.pop_comment .mid_area .mid_cnt .comments .item{padding-bottom:5px;border-bottom:1px solid #e5e5e5}
.pop_comment .mid_area .mid_cnt .comments .item .item_wrap{padding:5px 0}
.pop_comment .mid_area .mid_cnt .comments .item .item_wrap:after{display:block;clear:both;content:""}
.pop_comment .mid_area .mid_cnt .comments .item .name{float:left;width:100px;font-weight:500}
.pop_comment .mid_area .mid_cnt .comments .item .comt{float:left;width:calc(100% - 200px)}
.pop_comment .mid_area .mid_cnt .comments .item .comt>span{display:inline-block;width:100%}
.pop_comment .mid_area .mid_cnt .comments .item .comt>span:after{display:block;clear:both;content:""}
.pop_comment .mid_area .mid_cnt .comments .item .comt>span>i{float:left;max-width:580px}
.pop_comment .mid_area .mid_cnt .comments .item .comt>span>button{float:left;margin-left:10px;text-align:center}
.pop_comment .mid_area .mid_cnt .comments .item .comt .time{display:inline-block;width:100%}
.pop_comment .mid_area .mid_cnt .comments .item .comt_edit{display:none;width:calc(100% - 200px);margin-right:0;margin-bottom:12px}
.pop_comment .mid_area .mid_cnt .comments .item .btn{float:right;width:100px}
.pop_comment .mid_area .mid_cnt .comments .item .btn:after{display:block;clear:both;content:""}
.pop_comment .mid_area .mid_cnt .comments .item .btn>button{float:left;width:50%}
.pop_comment .mid_area .mid_cnt .comments .item .btn>button+button{margin-left:0}
.pop_comment .mid_area .mid_cnt .comments .item .btn>.save{display:none}
.pop_comment .mid_area .mid_cnt .comments .item .re_comt{display:none;float:left;width:calc(100% - 100px);margin-top:8px;padding-left:100px}
.pop_comment .mid_area .mid_cnt .comments .item .re_comt:after{display:block;clear:both;content:""}
.pop_comment .mid_area .mid_cnt .comments .item .re_comt .txt_bx{display:block;float:left;width:calc(100% - 110px);margin-right:10px}
.pop_comment .mid_area .mid_cnt .comments .item .re_comt>button{float:left}
.pop_comment .mid_area .mid_cnt .comments .item .i_re{display:block;float:left;width:40px;height:20px;padding-top:8px;background:url(../img/arr_reply.png) center no-repeat;background-size:11px 10px}
.pop_comment .mid_area .mid_cnt .comments .reply{padding-bottom:0;padding-left:80px;border-bottom:none}
.pop_comment .mid_area .mid_cnt .comments .reply:after{display:block;clear:both;content:""}
.pop_comment .mid_area .mid_cnt .comments .reply .item_wrap{float:left;width:calc(100% - 40px)}
.pop_comment .mid_area .mid_cnt .comments .reply .comt>span>i{max-width:460px}

/*팝업 캘린더 호버(사용자 근태정보)*/
.pop_cal_memo{display:block;position:absolute;top:auto;bottom:0;left:auto;right:0;width:auto;background-color:#7b8490;color:#fff;font-size:14px;border-radius:3px;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}
.pop_cal_memo>.pop_wrap{padding:5px}

/*팝업 업무등록(사용자 - 업무관리)*/
.pop_work_add .mid_area .mid_cnt>dl>dt{font-weight:500}
.pop_work_add .mid_area .mid_cnt>dl>dd .slt_bx,
.pop_work_add .mid_area .mid_cnt>dl>dd .datepicker{width:100%;margin-right:0}
.pop_work_add .mid_area .mid_cnt>dl>dd .datepicker .picker{width:100%;color:#9fa0a1;border-color:#d8d8d8}
.pop_work_add .mid_area .mid_cnt>dl>dd .datepicker.end .tui-datepicker{top:-327px}
.pop_work_add .mid_area .mid_cnt .progress>dd .txt_bx{float:left;width:90%;margin-right:2%;padding-right:10px;text-align:right}
.pop_work_add .mid_area .mid_cnt .progress>dd>span{float:left;width:8%;line-height:32px}

/*팝업 캘린더 호버(사용자 신청)*/
.pop_cal_rqs{display:block;position:absolute;top:50px;bottom:auto;left:50%;right:auto;width:215px;background-color:#7b8490;color:#fff;font-size:14px;border-radius:3px;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}
.pop_cal_rqs>.pop_wrap{padding:5px}
.pop_cal_rqs .list:after{display:block;clear:both;content:""}
.pop_cal_rqs .list>dt{float:left;position:relative;margin-right:20px}
.pop_cal_rqs .list>dt:before{position:absolute;top:-1px;right:-11px;content:":"}
.pop_cal_rqs .list>dd{float:left}
.calendar .cal_bx>table>tbody>tr:last-child>td .pop_cal_rqs{top:auto;bottom:40px}

/*팝업 대상추가(메인)*/
.pop_approver_add{width:400px}
.pop_approver_add .top_area>.pop_wrap{display:block;clear:both;content:""}
.pop_approver_add .top_area .title{float:left}
.pop_approver_add .top_area .right_bx{float:right}
.pop_approver_add .top_area .right_bx:after{display:block;clear:both;content:""}
.pop_approver_add .top_area .right_bx>button{float:left}
.pop_approver_add .top_area .right_bx>button+button{margin-left:10px}
.pop_approver_add .top_area .right_bx>button.on{color:#0050ff}
.pop_approver_add .mid_area .top_cnt .search_bx .txt_bx{width:285px}
.pop_approver_add .mid_cnt .table .head{border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_approver_add .mid_cnt .table .border{border-right:1px solid #e5e5e5;box-sizing:border-box}
.pop_approver_add .table .head th.chk,
.pop_approver_add .table .body td.chk{width:10%}

/*팝업 신청-리스트 신청팝업들*/
[class*='pop_rqs_']{width:900px}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line>dd{float:left}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line .approver{width:65%;padding:4px 10px;border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line .approver:after{display:block;clear:both;content:""}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line .approver>span{float:left;position:relative}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line .approver>span:before{position:absolute;top:50%;right:-24px;width:7px;height:11px;background:url(../img/arr_next_03.png) center no-repeat;background-size:7px 11px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line .approver>span:last-child:before{display:none}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line .approver>span+span{margin-left:40px}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line .approver>span>button{width:10px;height:10px;margin-left:4px;background-size:10px 10px}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line .appr_btn{float:right;width:auto}
[class*='pop_rqs_'] .mid_area .mid_cnt .rqs_time>dd>dl>dd:after{display:block;clear:both;content:""}
[class*='pop_rqs_'] .mid_area .mid_cnt .rqs_time>dd>dl>dd .datepicker{float:left}
[class*='pop_rqs_'] .mid_area .mid_cnt .rqs_time>dd>dl>dd .slt_bx{float:left;margin-left:10px;margin-right:0}
[class*='pop_rqs_'] .mid_area .mid_cnt .rqs_time>dd .used_time>dd .slt_bx{margin-left:110px}
[class*='pop_rqs_'] .mid_area .mid_cnt .rqs_time>dd .used_time>dd .slt_bx+.slt_bx{margin-left:10px}
[class*='pop_rqs_'] .mid_area .mid_cnt .memo .txt_bx{height:130px}
[class*='pop_rqs_'] .mid_area .mid_cnt .category>dd .slt_bx{width:450px;margin-right:0}
[class*='pop_rqs_'] .mid_area .mid_cnt .item.none{display:none;margin-top:0}
[class*='pop_rqs_'] .mid_area .mid_cnt .item.none~.rqs_time{margin-top:0}

/*팝업 선택근무제 신청*/
.pop_rqs_selective .mid_area .mid_cnt .rqs_time>dd>dl>dd .slt_bx{margin-left:0}

/*팝업 대리 결재자 지정(사용자 신청관리)*/
.pop_sub_approver .mid_area .mid_cnt>dl>dt{font-weight:500;}
.pop_sub_approver .mid_area .mid_cnt>dl>dd>ul{overflow-y:auto;float:left;width:220px;height:100px;padding:10px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.pop_sub_approver .mid_area .mid_cnt>dl>dd>ul>li:after{display:block;clear:both;content:""}
.pop_sub_approver .mid_area .mid_cnt>dl>dd>ul>li+li{margin-top:5px}
.pop_sub_approver .mid_area .mid_cnt>dl>dd>ul>li>i{display:block;overflow:hidden;float:left;width:calc(100% - 20px);white-space:nowrap;text-overflow:ellipsis}
.pop_sub_approver .mid_area .mid_cnt>dl>dd>ul>li .btn_i_del{float:right;width:20px;height:20px;background-size:10px 9px}
.pop_sub_approver .mid_area .mid_cnt>dl>dd .btn_border_02{float:left;margin-left:10px}
.pop_sub_approver .mid_area .mid_cnt>dl>dd .txt_bx{height:200px}

/*팝업 비밀번호 변경*/
.pop_password .mid_area .mid_cnt .new>dd>i{color:#7c7c7c;font-size:12px}

/*팝업 PASS인증 PC(PC제어관리:원격제어)*/
.pop_pass .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_pass .mid_area .top_cnt .tit{float:left;font-weight:500}
.pop_pass .mid_area .top_cnt>dl{float:right}
.pop_pass .mid_area .top_cnt>dl:after{display:block;clear:both;content:""}
.pop_pass .mid_area .top_cnt>dl>dt{float:left;line-height:32px}
.pop_pass .mid_area .top_cnt>dl>dd{float:left;width:75px;height:32px;margin-left:10px;padding:5px 10px;text-align:center;border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
.pop_pass .mid_area .mid_cnt .table{border-top:1px solid #7c7c7c}

/*팝업 PASS인증 PC 설정(PC제어관리:원격제어)*/
.pop_pass.pop_set{width:550px}
.pop_pass.pop_set .top_area .i_help{top:3px}
.pop_pass.pop_set .mid_area .top_cnt>dl>dd{float:left;width:auto;height:100%;margin-left:10px;padding:0;border:none}

/*팝업 참여인원(화상회의)*/
.pop_list .mid_cnt .table .body{height:253px}
.pop_list .mid_cnt .table .body>table>tbody>tr>td.rqs{color:#000;font-weight:500}
.pop_list .mid_cnt .table .body>table>tbody>tr>td.appr{color:#50A0D8;font-weight:500}
.pop_list .mid_cnt .table .body>table>tbody>tr>td.reject{color:#EE2C2C;font-weight:500}
.pop_list .mid_cnt .table .body>table>tbody>tr>td.wait{color:#B4B4B3;font-weight:500}

/*팝업 화상회의 등록*/
.pop_meeting_add{width:500px}
.pop_meeting_add .mid_area .mid_cnt>dl>dt{font-weight:500}
.pop_meeting_add .mid_area .mid_cnt>dl>dd:after{display:block;clear:both;content:""}
.pop_meeting_add .mid_area .mid_cnt .list>dd>span{display:block;width:100%}
.pop_meeting_add .mid_area .mid_cnt>dl>dd .list_bx{margin-top:10px}
.pop_meeting_add .mid_area .mid_cnt>dl>dd .list_bx>ul{float:left;overflow-y:auto;width:270px;height:140px;margin-right:10px;padding:10px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.pop_meeting_add .mid_area .mid_cnt>dl>dd .list_bx>ul>li:after{display:block;clear:both;content:""}
.pop_meeting_add .mid_area .mid_cnt>dl>dd .list_bx>ul>li+li{margin-top:5px}
.pop_meeting_add .mid_area .mid_cnt>dl>dd .list_bx>ul>li>i{display:block;overflow:hidden;float:left;width:calc(100% - 24px);white-space:nowrap;text-overflow:ellipsis}
.pop_meeting_add .mid_area .mid_cnt>dl>dd .list_bx>ul>li .btn_i_del{float:right}
.pop_meeting_add .mid_area .mid_cnt>dl>dd .btn_border_01{float:right}
.pop_meeting_add .mid_area .mid_cnt>dl>dd .datepicker{float:left}
.pop_meeting_add .mid_area .mid_cnt>dl>dd .datepicker .tui-datepicker{bottom:33px}
.pop_meeting_add .mid_area .mid_cnt>dl>dd .time_bx{float:left;margin-left:10px}
.pop_meeting_add .mid_area .mid_cnt>dl>dd .time_bx:after{display:block;clear:both;content:""}
.pop_meeting_add .mid_area .mid_cnt>dl>dd .time_bx .slt_bx{float:left}
.pop_meeting_add .mid_area .mid_cnt .notice>dd>i{float:left;line-height:32px}

/*팝업 해상도 설정(화상회의 화면)*/
.pop_resolution{width:300px}
.pop_resolution .mid_area .mid_cnt>ul .check_bx+.check_bx{margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e5;box-sizing:border-box}
.pop_resolution .mid_area .mid_cnt>ul .check_bx>label>span{top:10px}
.pop_resolution .mid_area .mid_cnt>ul .first>label>span{top:0}

/*팝업 초기 이름 설정(화상회의 화면)*/
.pop_initial_set{width:400px}
.pop_initial_set .mid_cnt .txt{display:block;margin-bottom:15px;text-align:center}
.pop_initial_set .mid_cnt .txt_bx{width:100%;margin-right:0}

/*팝업 녹화중(화상회의화면)*/
.pop_record_show{position:absolute;top:0;width:auto;background-color:#1b1b1b;color:#fff;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);transform:translate(-50%,0)}
.pop_record_show>span{display:block;padding:10px 20px}
.pop_record_show>span:after{display:block;clear:both;content:""}
.pop_record_show>span .i{display:block;float:left;position:relative;top:4px;width:13px;height:13px;margin-right:10px;background:url(../img/i_rec.png) center no-repeat;background-size:13px 13px}
.pop_record_show>span .txt{display:block;float:left}

@media all and (max-width:1600px){
	/*프로젝트관리 요약정보*/
	.schedule_mark .body{height:200px}
}
/*-end 리뉴얼디자인