/*timekeeper*/
/*nav*/
.nav{position:fixed;width:250px;height:100%;background-color:#fff;color:#6d6d6d;font-size:16px;z-index:1}
.nav>.wrap{padding-top:15px;padding-right:10px}
.nav>button{display:none}
.nav>ul>li .main_menu{display:block;position:relative;width:calc(100% - 80px);padding:10px 30px 10px 50px}
.nav>ul>li .main_menu.click{position:relative;background-color:#dee7fc;color:#3171ff;font-weight:500;border-radius:0 6px 6px 0}
.nav>ul>li .main_menu.click:before{position:absolute;top:0;left:0;width:6px;height:100%;background-color:#3171ff;content:""}
.nav>ul>li .main_menu>i{font-size:16px}
.nav>ul>li .sub_wrap:after{display:block;clear:both;content:""}
.nav>ul>li .sub_wrap .main_menu .i_arr{position:absolute;top:50%;right:10px;width:11px;height:7px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.nav>ul>li .sub_wrap .main_menu .i_arr.on{background:url(../img/arr_up_01.png) center no-repeat;background-size:11px 7px}
.nav>ul>li .sub_wrap .main_menu .i_arr.off{background:url(../img/arr_down_01.png) center no-repeat;background-size:11px 7px}
.nav>ul>li .sub_wrap>ul{display:none;background-color:#f1f5ff;color:#000;border-radius:0 6px 6px 0}
.nav>ul>li .sub_wrap>ul>li .sub_menu{display:block;padding:10px 30px 10px 50px;color:#6d6d6d}
.nav>ul>li .sub_wrap>ul>li .sub_menu.click{color:#3171ff;font-weight:500}
.nav.mini{width:25px}
.nav.mini>ul{display:none}
.nav.mini .btn_mini_menu{display:block;position:absolute;top:50%;left:50%;width:25px;height:25px;min-width:unset;padding:0;background:url(../img/arr_next_active_02.png) center no-repeat;background-size:9px 12px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

.nav [class^='m_']{position:relative}
.nav [class^='m_'] .i{display:block;position:absolute;top:50%;left:15px;width:16px;height:16px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);z-index:1}
.nav .m_main .i{background:url(../img/i_m_main.png) center no-repeat;background-size:contain}
.nav .m_main .click .i{background:url(../img/i_m_main_active.png) center no-repeat;background-size:contain}
.nav .m_dept .i{background:url(../img/i_m_dept.png) center no-repeat;background-size:contain}
.nav .m_dept .click .i{background:url(../img/i_m_dept_active.png) center no-repeat;background-size:contain}
.nav .m_commute .i{background:url(../img/i_m_commute.png) center no-repeat;background-size:contain}
.nav .m_commute .click .i{background:url(../img/i_m_commute_active.png) center no-repeat;background-size:contain}
.nav .m_request .i{background:url(../img/i_m_request.png) center no-repeat;background-size:contain}
.nav .m_request .click .i{background:url(../img/i_m_request_active.png) center no-repeat;background-size:contain}
.nav .m_admin .i{background:url(../img/i_m_admin.png) center no-repeat;background-size:contain}
.nav .m_admin .click .i{background:url(../img/i_m_admin_active.png) center no-repeat;background-size:contain}
.nav .m_vacation .i{background:url(../img/i_m_vacation.png) center no-repeat;background-size:contain}
.nav .m_vacation .click .i{background:url(../img/i_m_vacation_active.png) center no-repeat;background-size:contain}
.nav .m_revision .i{background:url(../img/i_m_revision.png) center no-repeat;background-size:contain}
.nav .m_revision .click .i{background:url(../img/i_m_revision_active.png) center no-repeat;background-size:contain}
.nav .m_install .i{background:url(../img/i_m_install.png) center no-repeat;background-size:contain}
.nav .m_install .click .i{background:url(../img/i_m_install_active.png) center no-repeat;background-size:contain}
.nav .m_control .i{background:url(../img/i_m_control.png) center no-repeat;background-size:contain}
.nav .m_control .click .i{background:url(../img/i_m_control_active.png) center no-repeat;background-size:contain}
.nav .m_set .i{background:url(../img/i_m_set.png) center no-repeat;background-size:contain}
.nav .m_set .click .i{background:url(../img/i_m_set_active.png) center no-repeat;background-size:contain}
.nav .m_contract .i{background:url(../img/i_m_contract.png) center no-repeat;background-size:contain}
.nav .m_contract .click .i{background:url(../img/i_m_contract_active.png) center no-repeat;background-size:contain}
.nav .m_project .i{background:url(../img/i_m_project.png) center no-repeat;background-size:contain}
.nav .m_project .click .i{background:url(../img/i_m_project_active.png) center no-repeat;background-size:contain}
.nav .m_work .i{background:url(../img/i_m_work.png) center no-repeat;background-size:contain}
.nav .m_work .click .i{background:url(../img/i_m_work_active.png) center no-repeat;background-size:contain}
.nav .m_user .i{background:url(../img/i_m_user.png) center no-repeat;background-size:contain}
.nav .m_user .click .i{background:url(../img/i_m_user_active.png) center no-repeat;background-size:contain}
.nav .m_list .i{background:url(../img/i_m_list.png) center no-repeat;background-size:contain}
.nav .m_list .click .i{background:url(../img/i_m_list_active.png) center no-repeat;background-size:contain}
.nav .m_pc .i{background:url(../img/i_m_pc.png) center no-repeat;background-size:contain}
.nav .m_pc .click .i{background:url(../img/i_m_pc_active.png) center no-repeat;background-size:contain}
.nav .m_field .i{background:url(../img/i_m_admin.png) center no-repeat;background-size:contain}
.nav .m_field .click .i{background:url(../img/i_m_admin_active.png) center no-repeat;background-size:contain}

/*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 .top_cnt .tit_bx{float:left}
.gnb .gnb_area .notice .cnt_bx .top_cnt .tit_bx:after{display:block;clear:both;content:""}
.gnb .gnb_area .notice .cnt_bx .top_cnt .tit_bx>i{float:left;margin:2px 0 0 10px;padding:2px 5px;background-color:#ff4368;color:#fff;font-size:10px;font-weight:700;border-radius:30px}
.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 .notice .cnt_bx .btm_cnt:after{display:block;clear:both;content:""}
.gnb .gnb_area .notice .cnt_bx .btm_cnt .btn_under_02{float:left}
.gnb .gnb_area .notice .cnt_bx .btm_cnt .paging{float:right;margin-top:3px}
.gnb .gnb_area .notice .cnt_bx .btm_cnt .paging:after{display:block;clear:both;content:""}
.gnb .gnb_area .notice .cnt_bx .btm_cnt .paging>button{float:left}
.gnb .gnb_area .notice .cnt_bx .btm_cnt .paging .prev{width:20px;height:20px;background:url(../img/arr_prev_03.png) center no-repeat;background-size:6px 10px}
.gnb .gnb_area .notice .cnt_bx .btm_cnt .paging .next{width:20px;height:20px;background:url(../img/arr_next_03.png) center no-repeat;background-size:6px 10px}
.gnb .gnb_area .notice .cnt_bx .btm_cnt .paging>div{float:left}
.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}

/*error*/
.error{position:relative;width:100%;height:100vh;background-color:#fff}
.error>div{position:absolute;top:50%;left:50%;background-color:#fff;text-align:center;border:1px solid #0050ff;border-radius:3px;box-sizing:border-box;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.error>div .wrap{padding:60px 50px}
.error .top_area .en{position:absolute;top:-62px;left:50%;width:105px;height:105px;background-color:#0050ff;color:#fff;font-size:80px;font-weight:700;text-align:center;line-height:105px;border-radius:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}
.error .mid_area .top_cnt>span{display:block;color:#555;font-size:25px;font-weight:500}
.error .mid_area .top_cnt>span+span{margin-top:10px}
.error .mid_area .top_cnt .t_txt{color:#0050ff;font-size:40px;font-weight:700}
.error .mid_area .mid_cnt{margin-top:35px;color:#979797;font-size:16px}
.error .mid_area .mid_cnt>span>i{color:#ff2471}
.error .mid_area .btm_cnt{margin-top:35px}
.error .mid_area .btm_cnt>div{width:170px;margin:0 auto}
.error .mid_area .btm_cnt>div:after{display:block;clear:both;content:""}
.error .mid_area .btm_cnt>div>button{float:left}

/*비밀번호 초기화*/
.password_page{position:relative;width:100%;height:100vh;background-color:#fff}
.password_page>div{position:absolute;top:50%;left:50%;background-color:#fff;text-align:center;border:1px solid #0050ff;border-radius:3px;box-sizing:border-box;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.password_page>div .wrap{padding:80px}
.password_page .top_area>span{color:#0050ff;font-size:25px;font-weight:500}
.password_page .mid_area{margin-top:35px}
.password_page .mid_area .top_cnt>span{display:block;color:#6b6b6b;font-size:16px}
.password_page .mid_area .top_cnt>span>i{color:#0083ff}
.password_page .mid_area .mid_cnt{margin-top:35px;color:#979797;font-size:16px;font-weight:500}
.password_page .mid_area .mid_cnt .txt_bx{margin-right:0}
.password_page .mid_area .mid_cnt .btn_full_01{display:block;width:300px;margin-top:10px}

/*로그인*/
.login{width:100vw;height:100vh;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}

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

/*옵션 프로젝트명 검색박스*/
.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}
.option_bx .btm_wrap:after{display:block;clear:both;content:""}
.option_bx .btm_wrap .num{float:left;width:80%;color:#7c7c7c;font-weight:300}
.option_bx .btm_wrap>button{float:right}

/*일정표*/
.schedule_mark{min-width:100%}
.schedule_mark .head .prj_name{float:left;position:relative;width:120px;height:34px;background-color:#fff;border:1px solid #ebebeb;border-radius:0;box-sizing:border-box;z-index:200}
.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 .prj_name{padding-left:10px;line-height:32px;cursor:pointer}
.schedule_mark .head .name{position:absolute;top:34px;left:0;width:120px;height:34px;margin-right:0;padding-left:10px;background-color:#fff;line-height:32px;border:1px solid #ebebeb;box-sizing:border-box;cursor:pointer;z-index:100}
.schedule_mark .head .prj_name:before,
.schedule_mark .head .name:before{position:absolute;top:50%;right:0;width:15px;height:15px;background:url(../img/i_filter.png) center no-repeat;background-size:10px 10px;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;box-sizing:border-box}
.schedule_mark .body{height:calc(100vh - 719px)}
.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;position:relative;width:120px;height:32px;padding:0 10px;background-color:#fff;font-size:14px;font-weight:500;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>.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{cursor:pointer}
.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:contain;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 .body>div .prj .prj_sub .name{font-weight:300}
.schedule_mark .days>.h{background:#f0f0f0}
.schedule_mark .days>.last{border-right:1px solid #979797}
.schedule_mark .days>.red{background:#d97b7b}
.schedule_mark .body>div .prj .prj_sub .days>.num{background-color:#979797}
.schedule_mark .body>div .prj .days>.num.spc{top:0;height:32px;background-color:#ffb924}
.schedule_mark .body>div .prj .prj_sub .special .name{color:#ffb924;font-weight:500}
.schedule_mark .pop_info{position:absolute;top:0;left:0;width:200px;padding:5px 10px;background-color:#979797;color:#fff;border-radius:6px;z-index:2500}
.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:94px}
.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.on .va{background-color:#FFFF00;color:#3e3e3e}
.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%)}

/*요약정보 수정(Ver2022-02)*/
button, textarea, input, input[type="text"], input[type="password"], input[type="button"], input[type="reset"], input[type="submit"]{font-family:'Spoqa Han Sans Neo'}
.main{font-family:'Spoqa Han Sans Neo';font-weight:300}
.main>.wrap{padding:0 0 10px 0}
.main [class*='_area']{width:1280px;margin:0 auto 10px}
.main [class*='_area']:after{display:block;clear:both;content:""}
.main [class*='section_']{float:left;height:426px;padding:36px;border-radius:15px;box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.1)}
.main .datepicker_bx .datepicker{width:80px;height:auto}
.main .datepicker_bx .datepicker .picker{padding:0;color:#333;text-decoration:underline;border:none}
.main .tit{font-weight:500}
.main .s_tit{color:#bbb;font-size:12px}
.main .more{height:auto;min-width:auto;padding:0;color:#8e8e8e;font-size:12px;line-height:normal}
.main .table .head{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
.main .table>div>table>thead>tr,
.main .table>div>table>tbody>tr{height:48px}
.main .tit_cnt:after{display:block;clear:both;content:""}
.main [class*='section_'] .tit_cnt .more{float:right}
.main .top_area{padding:0;border-top:none;border-bottom:none}
.main .top_area [class*='section_'] .tit_cnt .tit{float:left;margin-right:6px;font-size:16px}
.main .top_area [class*='section_'] .tit_cnt .i_state{display:block;float:left;width:18px;height:18px}
.main .top_area [class*='section_'] .tit_cnt .i_state.good{background:url(../img/i_face_good.png) center no-repeat;background-size:cover}
.main .top_area [class*='section_'] .tit_cnt .i_state.normal{background:url(../img/i_face_normal.png) center no-repeat;background-size:cover}
.main .top_area [class*='section_'] .tit_cnt .i_state.bad{background:url(../img/i_face_bad.png) center no-repeat;background-size:cover}
.main .top_area [class*='section_'] .mid_cnt .per{font-size:18px;font-weight:500}
.main .top_area [class*='section_'] .mid_cnt .per>i{font-size:60px;margin-right:4px;letter-spacing:-3px}
.main .top_area [class*='section_'] .mid_cnt .item+.item{margin-top:10px}
.main .top_area [class*='section_'] .mid_cnt .item:after{display:block;clear:both;content:""}
.main .top_area [class*='section_'] .mid_cnt .item>dt{float:left;width:50%}
.main .top_area [class*='section_'] .mid_cnt .item>dd{float:left;width:50%;font-weight:500}
.main .top_area .mid [class*='section_'] .mid_cnt .per>i{font-size:48px}
.main .mid_area [class*='section_']{height:calc(100vh - 520px);min-height:400px}
.main .section_work{width:calc(30% - 10px);margin-right:10px}
.main .section_work .mid_cnt{margin:25px auto;font-weight:500;text-align:center;letter-spacing:-2px}
.main .section_work .mid_cnt .state_bx{width:100%;margin:0 auto;font-size:18px;text-align:center}
.main .section_work .mid_cnt .state_bx .i_state{display:inline-block;width:18px;height:18px}
.main .section_work .mid_cnt .state_bx .i_state.good{background:url(../img/i_good.png) center no-repeat;background-size:cover}
.main .section_work .mid_cnt .state_bx .i_state.normal{background:url(../img/i_normal.png) center no-repeat;background-size:cover}
.main .section_work .mid_cnt .state_bx .i_state.bad{background:url(../img/i_bad.png) center no-repeat;background-size:cover}
.main .section_work .mid_cnt .per{font-size:18px}
.main .section_work .mid_cnt .per>i{font-size:60px;margin-right:4px;letter-spacing:-5px}
.main .section_work .info_cnt{font-size:16px}
.main .section_work .info_cnt>span{display:block;margin-bottom:10px;font-weight:500}
.main .section_work .info_cnt .item+.item{margin-top:10px}
.main .section_work .info_cnt .item:after{display:block;clear:both;content:""}
.main .section_work .info_cnt .item>dt{float:left;width:50%}
.main .section_work .info_cnt .item>dd{float:left;width:50%;font-weight:500}
.main .top_area .mid{float:left;width:calc(30% - 10px);margin-right:10px}
.main .section_access{float:unset;width:100%;height:208px;margin-bottom:10px}
.main .section_installed{float:unset;width:100%;height:208px}
.main .section_today{float:unset;width:100%}
.main .section_today .tit_cnt{margin-bottom:20px}
.main .section_today .info_cnt{overflow:auto;height:310px;font-size:16px}
.main .section_today .info_cnt .cnt_bx{margin:25px auto}
.main .section_today .info_cnt .item+.item{margin-top:10px}
.main .section_today .info_cnt .item:after{display:block;clear:both;content:""}
.main .section_today .info_cnt .item>dt{overflow:hidden;float:left;width:30%;white-space:nowrap;text-overflow:ellipsis}
.main .section_today .info_cnt .item>dd{float:left;width:70%;font-weight:500;text-align:center}
.main .section_type{width:40%}
.main .section_type .tit_cnt .tit{position:relative;margin-right:0;padding-left:32px}
.main .section_type .tit_cnt .tit:before{position:absolute;top:50%;left:0;width:18px;height:17px;margin-top:-2px;background:url(../img/i_briefcase.png) center no-repeat;background-size:cover;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.main .section_type .mid_cnt .chart_bx{height:366px}
.main .section_week{width:calc(60% - 10px);margin-right:10px}
.main .section_week .tit_cnt .tit{float:left;position:relative;height:auto;margin-right:0;margin-bottom:20px;padding-left:32px;font-size:16px}
.main .section_week .tit_cnt .tit:before{position:absolute;top:50%;left:0;width:18px;height:17px;background:url(../img/i_computer.png) center no-repeat;background-size:cover;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.main .section_week .mid_cnt .table .body{height:265px;color:#6d6d6d}
.main .section_daily{width:40%}
.main .section_daily .tit_cnt{margin-bottom:28px}
.main .section_daily .tit_cnt .tit{float:left;position:relative;height:auto;margin-right:0;margin-bottom:0;padding-left:32px;font-size:16px}
.main .section_daily .tit_cnt .tit:before{position:absolute;top:50%;left:0;width:18px;height:17px;margin-top:-1px;background:url(../img/i_calandar_02.png) center no-repeat;background-size:cover;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.main .section_daily .tit_cnt .more{float:right}
.main .section_daily .tit_cnt .s_tit{float:left;width:calc(100% - 32px);padding-left:32px}
.main .section_daily .info_cnt{margin-bottom:40px;font-size:16px}
.main .section_daily .info_cnt:after{display:block;clear:both;content:""}
.main .section_daily .info_cnt .cnt_bx{margin:25px auto}
.main .section_daily .info_cnt .item+.item{margin-top:10px}
.main .section_daily .info_cnt .item:after{display:block;clear:both;content:""}
.main .section_daily .info_cnt .item>dt{overflow:hidden;float:left;width:100px;white-space:nowrap;text-overflow:ellipsis}
.main .section_daily .info_cnt .item>dd{float:left;width:calc(100% - 100px);font-weight:500;text-align:center}

.main .section_daily .info_cnt{margin-bottom:40px}
.main .section_daily .info_cnt:after{display:block;clear:both;content:""}
.main .section_daily .info_cnt .date_bx{float:left;font-weight:500}
.main .section_daily .info_cnt .legend_bx{float:right}
.main .section_daily .info_cnt .legend_bx:after{display:block;clear:both;content:""}
.main .section_daily .info_cnt .legend_bx>div{float:left;position:relative;margin-left:10px;padding-left:10px;font-size:12px}
.main .section_daily .info_cnt .legend_bx>div:before{position:absolute;top:6px;left:0;width:6px;height:6px;border-radius:50%;content:""}
.main .section_daily .info_cnt .legend_bx>div.fixed{color:#c1d8eb}
.main .section_daily .info_cnt .legend_bx>div.fixed:before{background-color:#c1d8eb}
.main .section_daily .info_cnt .legend_bx>div.overtime{color:#ebd6c1}
.main .section_daily .info_cnt .legend_bx>div.overtime:before{background-color:#ebd6c1}
.main .section_daily .info_cnt .legend_bx>div.night{color:#ebc1c1}
.main .section_daily .info_cnt .legend_bx>div.night:before{background-color:#ebc1c1}
.main .section_daily .mid_cnt{height:calc(100% - 123px)}
.main .section_daily .mid_cnt .chart_bx{height:100%}

.field .section_week{margin-right:0}
.field .section_daily{margin-right:10px}
.field .section_type .tit_cnt .tit{margin-bottom:20px}

/*프로젝트관리 요약정보*/
.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 .mid_cnt{overflow-x:auto}
.project_main .mid_area .section_timeline .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 .list_bx .chk_opt:after{display:block;clear:both;content:""}
.project_main .mid_area .section_timeline .list_bx .chk_opt .search_wrap{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e6e6e6}
.project_main .mid_area .section_timeline .list_bx .chk_opt .search_wrap .txt_bx{float:left;width:192px}
.project_main .mid_area .section_timeline .list_bx .chk_opt .search_wrap:after{display:block;clear:both;content:""}
.project_main .mid_area .section_timeline .list_bx .chk_opt .search_wrap>button{float:right}
.project_main .mid_area .section_timeline .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 .list_bx .chk_opt>ul>li+li{margin-top:10px}
.project_main .mid_area .section_timeline .list_bx .chk_opt>ul>li>label>span{display:block;padding-right:10px;white-space:nowrap}
.project_main .mid_area .section_timeline .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 - 302px)}
.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:209px}
.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_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%}

/*부서관리*/
.department .mid_area:after{display:block;clear:both;content:""}
.department .mid_area [class^='section_']{height:calc(100vh - 230px)}
.department .mid_area .left_cnt{float:left;width:23%;margin-right:2%}
.department .mid_area .left_cnt .section_tree{overflow:auto}
.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}
.user .mid_area .section_list .table .body>table>tbody>tr .spot{cursor:pointer}
.user .pop_memo{text-align:center}

/*근태단말기관리*/
.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}

/*부서 근태 정보*/
.commute_dept .tab_graph .section_list .chart_top{margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid #7c7c7c}
.commute_dept .tab_graph .section_list .chart_top:after{display:block;clear:both;content:""}
.commute_dept .tab_graph .section_list .chart_top .opt{position:relative;margin-right:0}
.commute_dept .tab_graph .section_list .chart_top .opt>i{position:relative;cursor:pointer}
.commute_dept .tab_graph .section_list .chart_top .opt>i:before{position:absolute;top:3px;right:-15px;width:15px;height:15px;background:url('../img/i_filter.png') center no-repeat;background-size:contain;content:""}
.commute_dept .tab_graph .section_list .chart_top .opt .chk_opt{top:26px;left:0;text-align:left}
.commute_dept .tab_graph .section_list .chart_top .opt .chk_opt .tree_bx{overflow:auto;height:200px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e6e6e6;box-sizing:border-box}
.commute_dept .tab_graph .section_list .chart_top .legend_bx{float:right}
.commute_dept .tab_graph .section_list .chart_top .legend_bx:after{display:block;clear:both;content:""}
.commute_dept .tab_graph .section_list .chart_top .legend_bx>dl{float:left}
.commute_dept .tab_graph .section_list .chart_top .legend_bx>dl+dl{margin-left:20px}
.commute_dept .tab_graph .section_list .chart_top .legend_bx>dl:after{display:block;clear:both;content:""}
.commute_dept .tab_graph .section_list .chart_top .legend_bx>dl .dot{float:left;width:8px;height:8px;margin-top:6px;border-radius:3px}
.commute_dept .tab_graph .section_list .chart_top .legend_bx>dl>dd{float:left;margin-left:10px;color:#474747;font-size:12px}
.commute_dept .tab_graph .section_list .chart_top .legend_bx .legend_01 .dot{background-color:#c1d8eb}
.commute_dept .tab_graph .section_list .chart_top .legend_bx .legend_02 .dot{background-color:#ebd6c1}
.commute_dept .tab_graph .section_list .chart_top .legend_bx .legend_03 .dot{background-color:#ebc1c1}
.commute_dept .tab_graph .section_list .chart_bx{overflow-y:auto;height:calc(100vh - 326px)}
.commute_dept .tab_graph .section_list .chart_bx canvas{overflow-y:auto}

/*부서원 근태 정보*/
.commute_user .mid_area .section_list .table .body{height:calc(100vh - 386px)}

/*부서원 PC통계*/
.user_pc .mid_area .section_list .table .head>table>thead>tr .real,
.user_pc .mid_area .section_list .table .head>table>thead>tr .stats{position:relative}
.user_pc .mid_area .section_list .table .head>table>thead>tr>th .i_help{position:absolute;top:20px;right:0;margin-left:0}
.user_pc .mid_area .section_list .table .head>table>thead>tr>th .i_help .help_txt{top:30px;bottom:auto;margin-left:-70px}
.user_pc .mid_area .section_list .table .body{height:calc(100vh - 386px)}

/*사용신청관리*/
.request .mid_area .top_bx .btn_under_01{float:left;height:32px}

/*유연근무제 스케줄*/
.flexitime .top_area .fc_tit .i_help .help_txt{left:-157px;bottom:-206px;width:500px;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}

/*생산직 스케줄*/
.field_schedule .top_area .right_cnt .excel{display:none}
.field_schedule .tab_calendar .top_bx .category{float:left;line-height:32px}
.field_schedule .tab_calendar .top_bx .category .i_help{line-height:normal}
.field_schedule .tab_calendar .top_bx .category .i_help .help_txt{top:20px;bottom:auto;min-width:110px}
.field_schedule .tab_calendar .top_bx .category .i_help .help_txt>i{display:block;position:relative;padding-left:25px;text-align:left}
.field_schedule .calendar .cal_bx>table>tbody>tr>td.on .d{display:inline-block;width:100%}
.field_schedule .calendar .cal_bx>table>tbody>tr>td.on .d>i{display:inline-block;width:50%}
.field_schedule .calendar .cal_bx>table>tbody>tr>td.on .d>button{display:inline-block;width:50%}
.field_schedule .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}
.field_schedule .tab_list .section_list .top_cnt{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #7c7c7c}
.field_schedule .tab_list .section_list .top_cnt:after{display:block;clear:both;content:""}
.field_schedule .tab_list .section_list .top_cnt .fc_tit{float:left;margin-right:20px}
.field_schedule .tab_list .section_list .top_cnt .datepicker{float:left}
.field_schedule .tab_list .section_list .top_cnt>button{float:right}
.field_schedule .tab_list .section_list .mid_cnt{overflow-x:auto}
.field_schedule .tab_list .section_list .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}
.field_schedule .tab_list .section_list .list_bx .chk_opt:after{display:block;clear:both;content:""}
.field_schedule .tab_list .section_list .list_bx .chk_opt .search_wrap{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e6e6e6}
.field_schedule .tab_list .section_list .list_bx .chk_opt .search_wrap .txt_bx{float:left;width:192px}
.field_schedule .tab_list .section_list .list_bx .chk_opt .search_wrap:after{display:block;clear:both;content:""}
.field_schedule .tab_list .section_list .list_bx .chk_opt .search_wrap>button{float:right}
.field_schedule .tab_list .section_list .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}
.field_schedule .tab_list .section_list .list_bx .chk_opt>ul>li+li{margin-top:10px}
.field_schedule .tab_list .section_list .list_bx .chk_opt>ul>li>label>span{display:block;padding-right:10px;white-space:nowrap}
.field_schedule .tab_list .section_list .list_bx .chk_opt .btm_wrap:after{display:block;clear:both;content:""}
.field_schedule .tab_list .section_list .list_bx .chk_opt .btm_wrap .num{float:left;width:80%;color:#7c7c7c}
.field_schedule .tab_list .section_list .list_bx .chk_opt .btm_wrap>button{float:right;text-decoration:none}
.field_schedule .tab_list .section_list .table .body{height:calc(100vh - 381px)}
.field_schedule .tab_list .section_list .table .total{background-color:#8d8a8a;color:#fff}
.field_schedule .tab_list .section_list .head .date>span>i{width:55px}
.field_schedule .tab_list .section_list .body>div .prj>span>i{width:55px;font-size:14px;cursor:pointer}
.field_schedule .tab_list .section_list .body>div .prj>span>i.click{background-color:#ffb924}
.field_schedule .tab_list .section_list .body>div .prj>span>i.va{position:relative}
.field_schedule .tab_list .section_list .body>div .prj>span>i.va:before{position:absolute;bottom:5px;right:5px;width:5px;height:5px;background-color:#ff0000;border-radius:50%;content:""}
.field_schedule .tab_list .section_list .body>div .prj>span>i.replace{color:#0050ff;font-weight:700}
.field_schedule .tab_list .section_list .body>div .prj>span>i.cancel{background-color:#000;color:#fff}

/*외근관리*/
.outside .tab_outside .search_bx{margin-right:0}
.outside .tab_outside .option_bx{margin-right:0;margin-left:8px}
.outside .table .body>table>tbody>tr>td.none{color:#fa6400}

/*회의관리-화상회의*/
.meeting .tab_video .section_list .table .body>table>tbody>tr>td.none{color:#fa6400}

/*근무시간보정*/
.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%}

/*설치현황*/
.installed .table .body>table>tbody>tr>td.none{color:#fa6400}
.installed .table .body>table>tbody>tr>td.connect{color:#ff4368}
.installed .table .body>table>tbody>tr>td.disconnect{color:#43ff8c}

/*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}

/*화상회의*/
.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 - 428px)}
.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}

/*정책설정*/
/*탭공통*/
.setting .mid_area .top_bx .right_bx{height:32px}
.setting .mid_area .top_bx .right_bx .notice{display:none}
.setting .mid_area:after{display:block;clear:both;content:""}
.setting .mid_area .section_list{float:left;height:calc(100vh - 226px)}
.setting .mid_area .tab_sct{width:250px;margin-right:20px;text-align:center}
.setting .mid_area .tab_sct>ul>li{padding:15px 0;color:#002d6b;font-size:18px;cursor:pointer}
.setting .mid_area .tab_sct>ul>li.on{color:#0050ff;font-weight:500}
.setting .mid_area .cnt_sct{width:calc(100% - 270px)}
.setting .mid_area .cnt_sct>div{overflow-y:auto;height:100%}
.setting .mid_area .cnt_sct .tab_cnt{display:none;float:none;margin-left:0;font-size:14px}
.setting .mid_area .cnt_sct .tab_cnt.on{display:block}
.setting .mid_area .cnt_sct .tab_cnt .contents+.contents{margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0;box-sizing:border-box}
.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}
.setting .mid_area .cnt_sct .tab_cnt .contents .tit .i_help{float:none}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl+dl{margin-top:20px}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dt{float:left;width:27%}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd{float:left;width:500px;color:#7c7c7c}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dt .i_help .help_txt{top:15px;bottom:auto;left:-10px;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd .slt_bx{float:left;width:200px;margin-right:0}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd .slt_bx~.txt_bx{display:none;float:left;margin-left:8px;margin-right:0}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl .time_bx:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl .time_bx>div{float:left}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl .time_bx>div:after{display:block;clear:both;content::""}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl .time_bx>div .slt_bx{float:left;width:80px}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl .time_bx>div .slt_bx+.slt_bx{margin-left:10px}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl .time_bx>i{float:left;margin:0 10px;line-height:32px}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd>dl:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd>dl>dt{float:left;margin-right:10px}
.setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd>dl>dd{float:left}
.setting .mid_area .cnt_sct .tab_cnt .contents .item .datepicker .picker{color:#9fa0a1;border-color:#d8d8d8}
/*정책설정 연차설정, 출장설정 테이블 공통*/
.setting .mid_area .cnt_sct .tab_cnt .contents .tit .right_bx{margin-right:20px}
.setting .mid_area .cnt_sct .tab_cnt .contents .table_list{border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
.setting .mid_area .cnt_sct .tab_cnt .contents .table_list .table .head{border-bottom:1px solid #e5e5e5}
.setting .mid_area .cnt_sct .tab_cnt .contents .table_list .table .body{height:140px}
.setting .mid_area .cnt_sct .tab_cnt .contents .table_list .table .body>table>tbody>tr{border-bottom:none}

/*정책설정:일반설정*/
.setting .mid_area .cnt_sct .tab_general .contents .code>dl>dd{width:200px;height:32px;padding-left:10px;line-height:30px;border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
.setting .mid_area .cnt_sct .tab_general .contents .double_check .check_list>dd{width:500px}
.setting .mid_area .cnt_sct .tab_general .contents .double_check .check_list>dd .check_bx{float:left;width:25%}
.setting .mid_area .cnt_sct .tab_general .contents .pc_off .auto_off .txt_bx{display:none;float:left;width:150px}
.setting .mid_area .cnt_sct .tab_general .contents .pc_off .work_end>dd>div{margin-bottom:10px}
.setting .mid_area .cnt_sct .tab_general .contents .pc_off .work_end>dd>div:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_general .contents .pc_off .work_end>dd>div>.txt_bx{float:left;width:200px}
.setting .mid_area .cnt_sct .tab_general .contents .pc_off .work_end>dd>div>button{float:left;height:32px}
.setting .mid_area .cnt_sct .tab_general .contents .pc_off .work_end>dd>ul{overflow-y:auto;width:350px;height:100px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.setting .mid_area .cnt_sct .tab_general .contents .pc_off .work_end>dd>ul>li{padding:4px 10px}
.setting .mid_area .cnt_sct .tab_general .contents .pc_off .work_end>dd>ul>li:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_general .contents .pc_off .work_end>dd>ul>li>i{display:inline-block;overflow:hidden;display:block;float:left;width:calc(100% - 30px);white-space:nowrap;text-overflow:ellipsis}
.setting .mid_area .cnt_sct .tab_general .contents .pc_off .work_end>dd>ul>li>button{float:right;width:20px;height:20px;background-size:9px 8px}
.setting .mid_area .cnt_sct .tab_general .contents .background>dl>dd>div:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_general .contents .background>dl>dd>div+div{margin-top:10px}
.setting .mid_area .cnt_sct .tab_general .contents .background>dl>dd>div>button{float:left}
.setting .mid_area .cnt_sct .tab_general .contents .background>dl>dd>div .file{float:left;width:200px;height:32px;margin-right:10px;padding-left:10px;border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
.setting .mid_area .cnt_sct .tab_general .contents .background>dl>dd>div .file:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_general .contents .background>dl>dd>div .file>i{display:inline-block;overflow:hidden;display:block;float:left;width:calc(100% - 32px);line-height:30px;white-space:nowrap;text-overflow:ellipsis}
.setting .mid_area .cnt_sct .tab_general .contents .background>dl>dd>div .file>button{float:right;width:32px;height:32px;background-size:9px 8px}
.setting .mid_area .cnt_sct .tab_general .contents .background>dl>dd>div .file~button{float:left;height:32px}
.setting .mid_area .cnt_sct .tab_general .contents .init_set>dl>dd>.txt_bx{width:200px;margin-right:0}
.setting .mid_area .cnt_sct .tab_general .contents .init_set .logo_file .file{float:left;width:200px;height:32px;margin-right:10px;padding-left:10px;border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
.setting .mid_area .cnt_sct .tab_general .contents .init_set .logo_file .file:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_general .contents .init_set .logo_file .file>i{display:inline-block;overflow:hidden;display:block;float:left;width:calc(100% - 32px);line-height:30px;white-space:nowrap;text-overflow:ellipsis}
.setting .mid_area .cnt_sct .tab_general .contents .init_set .logo_file .file>button{float:right;width:32px;height:32px;background-size:9px 8px}
.setting .mid_area .cnt_sct .tab_general .contents .init_set .logo_file .file~button{float:left;height:32px}
.setting .mid_area .cnt_sct .tab_general .contents .commute_check .check_list>dd:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_general .contents .commute_check .check_list>dd .check_bx{float:left;width:25%}

/*정책설정:근로설정*/
.setting .mid_area .cnt_sct .tab_work .contents .item .work_day>dd{width:500px}
.setting .mid_area .cnt_sct .tab_work .contents .item .work_day>dd:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_work .contents .item .work_day>dd .check_bx{float:left;width:14%}
.setting .mid_area .cnt_sct .tab_work .contents .item .vacation>dd>div{margin-bottom:10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .vacation>dd>div:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_work .contents .item .vacation>dd>div .datepicker{margin-right:10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .vacation>dd>div .txt_bx{width:200px}
.setting .mid_area .cnt_sct .tab_work .contents .item .vacation>dd>div .btn_under_01{float:left;margin-top:4px;line-height:normal}
.setting .mid_area .cnt_sct .tab_work .contents .item .vacation>dd>ul{overflow-y:auto;width:310px;height:100px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.setting .mid_area .cnt_sct .tab_work .contents .item .vacation>dd>ul>li{padding:4px 10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .vacation>dd>ul>li:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_work .contents .item .vacation>dd>ul>li>i{display:inline-block;overflow:hidden;display:block;float:left;width:calc(100% - 30px);white-space:nowrap;text-overflow:ellipsis}
.setting .mid_area .cnt_sct .tab_work .contents .item .vacation>dd>ul>li>button{float:right;width:20px;height:20px;background-size:9px 8px}
.setting .mid_area .cnt_sct .tab_work .contents .item .late_time>dd>div{float:left}
.setting .mid_area .cnt_sct .tab_work .contents .item .late_time>dd .dt{margin-right:10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .late_time>dd>div .slt_bx{width:170px}
.setting .mid_area .cnt_sct .tab_work .contents .item .late_time>dd>div .txt_bx{display:none;width:186px}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_day>dd{width:500px}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_day>dd .time_bx{float:unset;margin-bottom:10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_day>dd .time_bx .datepicker{float:left;margin-right:10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_day>dd .time_bx .slt_bx{margin-bottom:0}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_day>dd .txt_wrap{float:unset;margin-bottom:10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_day>dd .txt_wrap:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_day>dd .txt_wrap .txt_bx{width:310px}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_day>dd>ul{overflow-y:auto;float:unset;width:310px;height:100px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_day>dd>ul>li{padding:4px 10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_day>dd>ul>li:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_day>dd>ul>li>i{display:inline-block;overflow:hidden;display:block;float:left;width:calc(100% - 30px);white-space:nowrap;text-overflow:ellipsis}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_day>dd>ul>li>button{float:right;width:20px;height:20px;background-size:9px 8px}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_alarm>dd>div{margin-bottom:10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_alarm>dd>div:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_alarm>dd .slt_bx{width:170px}
.setting .mid_area .cnt_sct .tab_work .contents .item .short_alarm>dd>div .txt_bx{width:186px}
.setting .mid_area .cnt_sct .tab_work .contents .item .break_alarm>dd>div{margin-bottom:10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .break_alarm>dd>div:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_work .contents .item .break_alarm>dd>div .slt_bx{width:170px}
.setting .mid_area .cnt_sct .tab_work .contents .item .break_alarm>dd>div .txt_bx{width:186px}
.setting .mid_area .cnt_sct .tab_work .contents .item .disabled{background-color:#dedede;cursor:default}
.setting .mid_area .cnt_sct .tab_work .contents .item .check_bx.disabled>input.check+label{cursor:default}
.setting .mid_area .cnt_sct .tab_work .contents .item button.disabled{background-color:transparent;color:#dedede}

/*정책설정:다중표준근무제지정*/
.setting .mid_area .cnt_sct .tab_multiple .contents .mid_cnt .table .body{height:calc(100vh - 452px)}

/*정책설정:유연근무제설정*/
.setting .mid_area .cnt_sct .tab_flexitime .contents .item>dl>dd .txt_bx{width:145px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item>dl>dd>span{float:left;line-height:32px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd .slt_bx{width:170px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd .set_bx{float:left;margin-right:10px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd .set_bx>dl{margin-bottom:10px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd .set_bx>dl:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd .set_bx>dl>dt{float:left;margin-right:10px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd .set_bx>dl>dd{float:left}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd .btn_under_01{float:left;position:relative;top:54px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd>ul{overflow-y:auto;width:424px;height:100px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd>ul>li{padding:4px 10px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd>ul>li:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd>ul>li>i{overflow:hidden;float:left;width:calc(100% - 30px);white-space:nowrap;text-overflow:ellipsis}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd>ul>li>button{float:right;width:20px;height:20px;background-size:9px 8px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .use_day>dd{width:500px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .use_day>dd:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .use_day>dd .check_bx{float:left;width:14%}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .breaktime>dd .slt_bx{float:unset}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .breaktime>dd .time_bx{margin-top:10px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .core_time>dt .i_help .help_txt{bottom:-41px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .core_time>dd .slt_bx{float:unset}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .core_time>dd .time_bx{margin-top:10px}
.setting .mid_area .cnt_sct .tab_flexitime .flexible .tit .i_help .help_txt{bottom:18px;left:-8px;-webkit-transform:unset;-ms-transform:unset;-moz-transform:unset;transform:unset}

/*정책설정:연차설정*/
.setting .mid_area .cnt_sct .tab_vacation .contents .item>dl>dd>span{float:left;margin-right:10px;line-height:32px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item>dl>dd .slt_bx{width:94px;margin-right:10px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item>dl>dd .txt_bx{width:100px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .standard>dd .check_line{width:300px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .standard>dd .check_line+.check_line{margin-top:10px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .standard>dd .check_line:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .standard>dd .check_line .check_bx{float:left;width:50%}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .terms>dd .slt_bx{margin-left:35px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .forward>dd{width:300px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .forward>dd .check_bx{float:left;width:50%}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .terms>dd .slt_bx{width:84px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .rate>dt .i_help .help_txt{bottom:-45px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .rate>dd .txt_bx{width:104px;padding:0 10px;text-align:right}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_notice>dt .i_help .help_txt{width:320px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_notice>dd{width:500px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_notice>dd .check_bx{float:left;width:20%}

/*정책설정:출장설정*/
.setting .mid_area .cnt_sct .tab_business .contents .table_list .table .body{height:calc(100vh - 379px)}

/*정책설정:공지설정*/
.setting .mid_area .cnt_sct .tab_notice .contents .mid_cnt .table .body{height:calc(100vh - 452px)}

/*정책설정:지점설정*/
.setting .mid_area .cnt_sct .tab_branch:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_branch .left_area{float:left;width:49%;height:100%;margin-right:2%}
.setting .mid_area .cnt_sct .tab_branch .left_area .map_cnt{height:100%}
.setting .mid_area .cnt_sct .tab_branch .left_area .map_cnt>iframe{width:100%;height:100%}
.setting .mid_area .cnt_sct .tab_branch .right_area{float:left;width:49%;height:100%;}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents{border:1px solid #b0b0b0;border-radius:3px;box-sizing:border-box}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents+.contents{padding-top:0}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .top_cnt{padding:10px;border-bottom:1px solid #b0b0b0}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .top_cnt:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .top_cnt .tit{float:left;width:auto;margin-bottom:0;border:none}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .top_cnt .right_cnt{float:right}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .top_cnt .right_cnt:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .top_cnt .right_cnt>button{float:left}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .top_cnt .right_cnt .btn_under_04{margin:5px 10px 0 0}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .top_cnt .right_cnt .search_bx .slt_bx{width:80px}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .top_cnt .right_cnt .search_bx .txt_bx{width:140px}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .top_cnt .right_cnt .on{display:block}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .top_cnt .right_cnt .off{display:none}
.setting .mid_area .cnt_sct .tab_branch .right_area .info .item{padding:10px}
.setting .mid_area .cnt_sct .tab_branch .right_area .list .item{padding:0 10px 10px}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item>dl>dd>i,
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item>dl>dd>dl>dd>i{height:32px}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item>dl>dd .on{display:block}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item>dl>dd .off{display:none}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item>dl>dd .txt_bx{width:200px}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item>dl>dd>dl+dl{margin-top:10px}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item .gps>dt .i_help .help_txt{bottom:-42px}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item .table .body{height:calc(100vh - 744px)}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item .table .head>table>thead>tr{height:40px}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item .table .body>table>tbody>tr{cursor:pointer}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item .table .body>table>tbody>tr.click{background-color:#f0f0f0}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item .table .head>table>thead>tr .address,
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item .table .body>table>tbody>tr .address{width:60%}
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item .table .head>table>thead>tr .del,
.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item .table .body>table>tbody>tr .del{width:10%}

/*정책설정:근태단말기 설정*/
.setting .mid_area .cnt_sct .tab_device .contents .item>dl>dd{width:300px}
.setting .mid_area .cnt_sct .tab_device .contents .item>dl>dd:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_device .contents .item>dl>dd .check_bx{float:left;width:50%}

/*정책설정:기능설정*/
.setting .mid_area .cnt_sct .tab_setting .contents .tit .i_help .help_txt{bottom:-45px;left:-80px;-webkit-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
.setting .mid_area .cnt_sct .tab_setting .contents .tit>div>button{float:right;margin-right:30px}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line>dl>dt .i_help .help_txt{bottom:-44px}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line{width:800px}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line>dl{float:left;width:50%;margin-bottom:15px}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line>dl:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line>dl>dt{float:left;width:40%}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line>dl>dd{float:left;width:60%}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line>dl>dd .on{display:block;width:51px;height:26px;background:url(../img/btn_on.png) center no-repeat;background-size:51px 26px}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line>dl>dd .off{display:block;width:51px;height:26px;background:url(../img/btn_off.png) center no-repeat;background-size:51px 26px}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line>.sub>dt{float:unset;width:100%;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;box-sizing:border-box}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line>.sub>dd{float:unset;width:100%}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line>.sub>dd>dl+dl{margin-top:20px}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line>.sub>dd>dl:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line>.sub>dd>dl>dt{margin-left:50px;width:200px}
.setting .mid_area .cnt_sct .tab_setting .contents .item .line>.sub>dd>dl>dd{float:right;margin-right:20px}

/*알림설정*/
/*탭공통*/
.notice .top_area .fc_tit .i_help .help_txt{left:-46px;-webkit-transform:unset;-ms-transform:unset;-moz-transform:unset;transform:unset}
.notice .mid_area:after{display:block;clear:both;content:""}
.notice .mid_area .tab_sct{float:left;width:250px;height:calc(100vh - 227px);margin-top:44px;margin-right:20px;text-align:center}
.notice .mid_area .tab_sct>ul>li{padding:15px 0;color:#002d6b;font-size:18px;cursor:pointer}
.notice .mid_area .tab_sct>ul>li.on{color:#0050ff;font-weight:500}
.notice .mid_area .tab_sct>ul>li>i{margin-left:5px;padding:2px 5px;background-color:#ff4368;color:#fff;font-size:10px;font-weight:700;border-radius:30px}
.notice .mid_area .cnt_sct{float:left;width:calc(100% - 270px)}
.notice .mid_area .cnt_sct .top_sct{margin-bottom:10px}
.notice .mid_area .cnt_sct .top_sct:after{display:block;clear:both;content:""}
.notice .mid_area .cnt_sct .top_sct .left_bx{float:left}
.notice .mid_area .cnt_sct .top_sct .right_bx{float:right}
.notice .mid_area .cnt_sct .tab_cnt{display:none;float:none;margin-left:0;font-size:14px}
.notice .mid_area .cnt_sct .tab_cnt.on{display:block}
.notice .mid_area .cnt_sct .tab_cnt .contents+.contents{margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0;box-sizing:border-box}
.notice .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}
.notice .mid_area .cnt_sct .tab_cnt .contents .tit .i_help{float:unset}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl:after{display:block;clear:both;content:""}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl+dl{margin-top:20px}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl>dt{float:left;width:27%}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd{float:left;color:#7c7c7c}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd:after{display:block;clear:both;content:""}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl>dt .i_help .help_txt{bottom:-58px;left:-10px;-webkit-transform:unset;-ms-transform:unset;-moz-transform:unset;transform:unset}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd .slt_bx{float:left;width:200px;margin-right:0}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd .slt_bx~.txt_bx{float:left;margin-left:8px;margin-right:0}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl .time_bx:after{display:block;clear:both;content:""}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl .time_bx>div{float:left}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl .time_bx>div:after{display:block;clear:both;content::""}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl .time_bx>div .slt_bx{float:left;width:80px}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl .time_bx>div .slt_bx+.slt_bx{margin-left:10px}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl .time_bx>i{float:left;margin:0 10px;line-height:32px}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd>dl:after{display:block;clear:both;content:""}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd>dl>dt{float:left;margin-right:10px}
.notice .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd>dl>dd{float:left}
.notice .mid_area .cnt_sct .tab_cnt .contents .item .datepicker .picker{color:#9fa0a1;border-color:#d8d8d8}
.notice .mid_area .cnt_sct .tab_cnt .contents .item .table .body{height:calc(100vh - 318px)}
.notice .mid_area .cnt_sct .tab_cnt .contents .item .table .body>table>tbody>tr.read{color:#ebebeb}
.notice .mid_area .cnt_sct .tab_cnt .contents .item .table .body>table>tbody>tr .info{width:70%;text-align:left}
.notice .mid_area .cnt_sct .tab_cnt .contents .item .table .body>table>tbody>tr .info>span{display:block}
.notice .mid_area .cnt_sct .tab_cnt .contents .item .table .body>table>tbody>tr .info .top{font-weight:500}
.notice .mid_area .cnt_sct .tab_cnt .contents .item .table .body>table>tbody>tr .del{width:5%}

/*알림설정:알림설정*/
.notice .mid_area .cnt_sct .tab_setting .section_list{height:calc(100vh - 227px);margin-top:44px}
.notice .mid_area .cnt_sct .tab_setting .contents .item{width:50%}
.notice .mid_area .cnt_sct .tab_setting .contents .item>dl:after{display:block;clear:both;content:""}
.notice .mid_area .cnt_sct .tab_setting .contents .item>dl{margin-bottom:15px}
.notice .mid_area .cnt_sct .tab_setting .contents .item>dl>dt{float:left;width:30%}
.notice .mid_area .cnt_sct .tab_setting .contents .item>dl>dd{float:left}
.notice .mid_area .cnt_sct .tab_setting .contents .item>dl>dd .on{display:block;width:51px;height:26px;background:url(../img/btn_on.png) center no-repeat;background-size:51px 26px}
.notice .mid_area .cnt_sct .tab_setting .contents .item>dl>dd .off{display:block;width:51px;height:26px;background:url(../img/btn_off.png) center no-repeat;background-size:51px 26px}

/*사용자 메인(Ver.2022-02)*/
button, textarea, input, input[type="text"], input[type="password"], input[type="button"], input[type="reset"], input[type="submit"]{font-family:'Spoqa Han Sans Neo'}
.user_main{font-family:'Spoqa Han Sans Neo';font-weight:300}
.user_main>.wrap{padding:0 0 10px 0}
.user_main [class*='_area']{width:1280px;margin:0 auto 10px}
.user_main [class*='_area']:after{display:block;clear:both;content:""}
.user_main [class*='section_']{float:left;height:470px;padding:36px;border-radius:15px;box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.1)}
.user_main .datepicker_bx .datepicker{width:80px;height:auto}
.user_main .datepicker_bx .datepicker .picker{padding:0;color:#333;text-decoration:underline;border:none}
.user_main .tit{display:block;font-size:16px;font-weight:500}
.user_main .s_tit{display:block;color:#bbb;font-size:12px}
.user_main .tit_cnt:after{display:block;clear:both;content:""}
.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_'] .tit_cnt .i_state{display:block;float:left;width:18px;height:18px}
.user_main .top_area [class*='section_'] .tit_cnt .i_state.good{background:url(../img/i_face_good.png) center no-repeat;background-size:cover}
.user_main .top_area [class*='section_'] .tit_cnt .i_state.normal{background:url(../img/i_face_normal.png) center no-repeat;background-size:cover}
.user_main .top_area [class*='section_'] .tit_cnt .i_state.bad{background:url(../img/i_face_bad.png) center no-repeat;background-size:cover}
.user_main .top_area [class*='section_'] .tit_cnt .more{float:right}
.user_main .top_area [class*='section_'] .mid_cnt .per{font-size:18px;font-weight:500}
.user_main .top_area [class*='section_'] .mid_cnt .per>i{font-size:60px;margin-right:4px;letter-spacing:-3px}
.user_main .top_area [class*='section_'] .mid_cnt .item:after{display:block;clear:both;content:""}
.user_main .section_info{width:calc(40% - 10px);margin-right:10px}
.user_main .section_info .tit_cnt{margin-bottom:25px}
.user_main .section_info .mid_cnt{margin-bottom:25px}
.user_main .section_info .mid_cnt .time{margin-bottom:25px;text-align:center}
.user_main .section_info .mid_cnt .time:after{display:block;clear:both;content:""}
.user_main .section_info .mid_cnt .time .i{display:inline-block;position:relative;top:2px;width:29px;height:32px;background:url(../img/i_sandglass.png) center no-repeat;background-size:contain}
.user_main .section_info .mid_cnt .time .current{display:inline-block;color:#333;font-size:35px;font-weight:700;letter-spacing:-1px}
.user_main .section_info .mid_cnt .commute .item+.item{margin-top:8px}
.user_main .section_info .mid_cnt .commute .item{text-align:center}
.user_main .section_info .mid_cnt .commute .item>dt{display:inline-block;position:relative;width:90px;min-width:80px;height:36px;margin-right:58px;background-color:#f9f9f9;text-align:center;line-height:36px;border-radius:8px}
.user_main .section_info .mid_cnt .commute .item>dt:before{position:absolute;top:50%;right:-36px;content:"→";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.user_main .section_info .mid_cnt .commute .item>dt button{display:block;width:100%;height:100%}
.user_main .section_info .mid_cnt .commute .item>dd{display:inline-block;width:80px;color:#6d6d6d;text-align:left;line-height:36px}
.user_main .section_info .info_cnt .tit{position:relative;margin-bottom:25px;padding-left:35px}
.user_main .section_info .info_cnt .tit:before{position:absolute;top:50%;left:0;width:18px;height:16px;background:url(../img/i_eyes.png) center no-repeat;background-size:contain;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.user_main .section_info .info_cnt .info:after{display:block;clear:both;content:""}
.user_main .section_info .info_cnt .info>li{float:left;position:relative;width:calc(50% - 35px);padding-left:35px;font-size:16px}
.user_main .section_info .info_cnt .info>li:nth-child(3),
.user_main .section_info .info_cnt .info>li:nth-child(4){margin-top:25px}
.user_main .section_info .info_cnt .info>li:before{position:absolute;top:50%;left:0;width:18px;height:18px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.user_main .section_info .info_cnt .info .name:before{background:url(../img/i_face.png) center no-repeat;background-size:contain}
.user_main .section_info .info_cnt .info .position:before{background:url(../img/i_position.png) center no-repeat;background-size:contain}
.user_main .section_info .info_cnt .info .team:before{background:url(../img/i_people.png) center no-repeat;background-size:contain}
.user_main .section_info .info_cnt .info .pc:before{margin-top:-10px;background:url(../img/i_monitor.png) center no-repeat;background-size:contain}
.user_main .section_info .info_cnt .info .pc .slt_bx{width:100%;margin-right:0}
.user_main .section_info .info_cnt .info .pc>p{color:#bbb;font-size:12px}
.user_main .section_vacation{width:calc(30% - 10px);margin-right:10px}
.user_main .section_vacation .tit_cnt .tit{float:left;position:relative;padding-left:26px}
.user_main .section_vacation .tit_cnt .tit:before{position:absolute;top:50%;left:0;width:18px;height:18px;background:url(../img/i_island.png) center no-repeat;background-size:contain;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.user_main .section_vacation .tit_cnt .s_tit{float:right;line-height:23px}
.user_main .section_vacation .mid_cnt{margin:65px auto;text-align:center}
.user_main .section_vacation .mid_cnt>p{font-size:16px;font-weight:500}
.user_main .section_vacation .mid_cnt .num>i{font-size:50px}
.user_main .section_vacation .info_cnt .tit{font-weight:500}
.user_main .section_vacation .info_cnt .item{margin-top:20px;font-size:16px}
.user_main .section_vacation .info_cnt .item:after{display:block;clear:both;content:""}
.user_main .section_vacation .info_cnt .item>dt{float:left;width:50%}
.user_main .section_vacation .info_cnt .item>dd{float:left;width:50%;font-weight:500}
.user_main .top_area .mid{float:left;width:30%;height:470px}
.user_main .section_work{float:unset;width:100%;height:calc(65% - 5px);margin-bottom:10px}
.user_main .section_work .tit_cnt{margin-bottom:15px}
.user_main .section_work .tit_cnt .tit{float:left;position:relative;padding-left:26px}
.user_main .section_work .tit_cnt .tit:before{position:absolute;top:50%;left:0;width:15px;height:17px;background:url(../img/i_calandar_02.png) center no-repeat;background-size:contain;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.user_main .section_work .mid_cnt .tab_bx{padding:5px;background-color:#f9f9f9;font-weight:500;border-radius:5px}
.user_main .section_work .mid_cnt .tab_bx:after{display:block;clear:both;content:""}
.user_main .section_work .mid_cnt .tab_bx .tab_btn{float:left;width:calc(100% / 3);text-align:center;cursor:pointer}
.user_main .section_work .mid_cnt .tab_bx .tab_btn.click{background-color:#fff;color:#3171ff;font-weight:500;border-radius:5px}
.user_main .section_work .mid_cnt .info_bx .item{margin-top:18px;font-size:16px}
.user_main .section_work .mid_cnt .info_bx .item:after{display:block;clear:both;content:""}
.user_main .section_work .mid_cnt .info_bx .item>dt{float:left;width:50%}
.user_main .section_work .mid_cnt .info_bx .item>dd{float:left;width:50%;font-weight:500}
.user_main .section_break{float:unset;width:100%;height:calc(35% - 5px)}
.user_main .section_break .tit_cnt .tit{float:left;position:relative;padding-left:26px}
.user_main .section_break .tit_cnt .tit:before{position:absolute;top:50%;left:0;width:18px;height:18px;background:url(../img/i_candy.png) center no-repeat;background-size:contain;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.user_main .section_break .mid_cnt .item{margin-top:10px;font-size:16px}
.user_main .section_break .mid_cnt .item:after{display:block;clear:both;content:""}
.user_main .section_break .mid_cnt .item>dt{float:left;width:50%}
.user_main .section_break .mid_cnt .item>dd{float:left;width:50%;font-weight:500}
.user_main .section_messenger{display:none;width:19%}
.user_main .section_messenger .mid_cnt{overflow:auto;height:100%;padding:1px 0}
.user_main .section_messenger .mid_cnt .item{position:relative;width:calc(100% - 1px);height:44px;margin-left:1px;padding:0 10px;line-height:42px;border-radius:12px;box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.1);box-sizing:border-box}
.user_main .section_messenger .mid_cnt .item:before{position:absolute;top:50%;left:10px;width:18px;height:18px;background-color:#ededed;border-radius:50%;content:'';-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.user_main .section_messenger .mid_cnt .item+.item{margin-top:5px}
.user_main .section_messenger .mid_cnt .item>a{overflow:hidden;display:block;padding-left:30px;white-space:nowrap;text-overflow:ellipsis}
.user_main .section_monthly{width:100%;height:calc(100vh - 563px);min-height:370px}
.user_main .section_monthly .tit_cnt{margin-bottom:10px}
.user_main .section_monthly .tit_cnt .tit{float:left;position:relative;margin-bottom:0;padding-left:26px}
.user_main .section_monthly .tit_cnt .tit:before{position:absolute;top:50%;left:0;width:18px;height:18px;margin-top:-3px;background:url(../img/i_computer.png) center no-repeat;background-size:contain;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.user_main .section_monthly .info_cnt{margin-bottom:10px}
.user_main .section_monthly .info_cnt:after{display:block;clear:both;content:""}
.user_main .section_monthly .info_cnt .datepicker_bx{float:left;position:relative;margin-right:32px;padding-right:32px;font-size:16px}
.user_main .section_monthly .info_cnt .datepicker_bx:before{position:absolute;top:50%;right:0;width:1px;height:12px;background-color:#bbb;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.user_main .section_monthly .info_cnt .datepicker_bx .datepicker{width:88px}
.user_main .section_monthly .info_cnt .info_bx{float:left;font-size:16px;font-weight:500}
.user_main .section_monthly .info_cnt .legend_bx{float:right}
.user_main .section_monthly .info_cnt .legend_bx:after{display:block;clear:both;content:""}
.user_main .section_monthly .info_cnt .legend_bx>div{float:left;position:relative;margin-left:10px;padding-left:10px;font-size:12px}
.user_main .section_monthly .info_cnt .legend_bx>div:before{position:absolute;top:6px;left:0;width:6px;height:6px;border-radius:50%;content:""}
.user_main .section_monthly .info_cnt .legend_bx>div.fixed{color:#c1d8eb}
.user_main .section_monthly .info_cnt .legend_bx>div.fixed:before{background-color:#c1d8eb}
.user_main .section_monthly .info_cnt .legend_bx>div.overtime{color:#ebd6c1}
.user_main .section_monthly .info_cnt .legend_bx>div.overtime:before{background-color:#ebd6c1}
.user_main .section_monthly .info_cnt .legend_bx>div.night{color:#ebc1c1}
.user_main .section_monthly .info_cnt .legend_bx>div.night:before{background-color:#ebc1c1}
.user_main .section_monthly .mid_cnt{height:calc(100vh - 715px);min-height:222px}
.user_main .section_monthly .mid_cnt .chart_bx{height:100%}

/*사용자 프로젝트관리*/
.user_project_admin .mid_area .section_list+.section_list{margin-top:20px}
.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_main .mid_area:after{display:block;clear:both;content:""}
.user_project_main .mid_area .section_timeline{float:left;width:100%}
.user_project_main .mid_area .section_timeline .top_cnt{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #7c7c7c}
.user_project_main .mid_area .section_timeline .top_cnt:after{display:block;clear:both;content:""}
.user_project_main .mid_area .section_timeline .top_cnt .fc_tit{float:left;margin-right:20px}
.user_project_main .mid_area .section_timeline .top_cnt .datepicker{float:left}
.user_project_main .mid_area .section_timeline .top_cnt>button{float:right}
.user_project_main .mid_area .section_timeline .mid_cnt{overflow-x:auto}
.user_project_main .mid_area .section_timeline .mid_cnt .table .body{height:calc(100vh - 382px)}
.user_project_main .mid_area .section_timeline .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}
.user_project_main .mid_area .section_timeline .list_bx .chk_opt:after{display:block;clear:both;content:""}
.user_project_main .mid_area .section_timeline .list_bx .chk_opt .search_wrap{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e6e6e6}
.user_project_main .mid_area .section_timeline .list_bx .chk_opt .search_wrap .txt_bx{float:left;width:192px}
.user_project_main .mid_area .section_timeline .list_bx .chk_opt .search_wrap:after{display:block;clear:both;content:""}
.user_project_main .mid_area .section_timeline .list_bx .chk_opt .search_wrap>button{float:right}
.user_project_main .mid_area .section_timeline .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}
.user_project_main .mid_area .section_timeline .list_bx .chk_opt>ul>li+li{margin-top:10px}
.user_project_main .mid_area .section_timeline .list_bx .chk_opt>ul>li>label>span{display:block;padding-right:10px;white-space:nowrap}
.user_project_main .mid_area .section_timeline .list_bx .chk_opt .btm_wrap:after{display:block;clear:both;content:""}
.user_project_main .mid_area .section_timeline .list_bx .chk_opt .btm_wrap .num{float:left;width:80%;color:#7c7c7c}
.user_project_main .mid_area .section_timeline .list_bx .chk_opt .btm_wrap>button{float:right;text-decoration:none}

/*사용자 업무관리*/
.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_vacation .top_area .right_cnt .excel{display:none}
.user_vacation .tab_calendar .section_cal{position:relative}
.user_vacation .tab_calendar .section_cal .lgd{position:absolute;top:26px;left:26px;color:#0050ff}
.user_vacation .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_vacation .tab_calendar .section_cal .lgd>i{margin-left:25px}
.user_vacation .calendar .cal_bx>table>tbody>tr{height:102px}
.user_vacation .calendar .cal_bx>table>tbody>tr>td.list .file{display:block;width:29px;height:36px;margin:5px auto 0;color:#0050ff;line-height:34px;background:url(../img/i_file.png) center no-repeat;background-size:29px 36px}

/*사용자 부서원근태정보*/
.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{float:left;position:relative;width:calc(100% - 250px);height:calc(100vh - 228px)}
.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_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}
.user_request_list .mid_area .top_bx .btn_under_01{float:left;height:32px}

/*사용자 원격제어(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_setting .mid_area:after{display:block;clear:both;content:""}
.user_setting .mid_area .tab_sct{float:left;width:250px;height:calc(100vh - 184px);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{height:calc(100vh - 283px)}
.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}

/*생산직 스케줄*/
.user_field_schedule .top_area .right_cnt .excel{display:none}
.user_field_schedule .tab_calendar .top_bx .category{float:left;line-height:32px}
.user_field_schedule .tab_calendar .top_bx .category .i_help{line-height:normal}
.user_field_schedule .tab_calendar .top_bx .category .i_help .help_txt{top:20px;bottom:auto;min-width:110px}
.user_field_schedule .tab_calendar .top_bx .category .i_help .help_txt>i{display:block;position:relative;padding-left:25px;text-align:left}
.user_field_schedule .calendar .cal_bx>table>tbody>tr>td.on .d{display:inline-block;width:100%}
.user_field_schedule .calendar .cal_bx>table>tbody>tr>td.on .d>i{display:inline-block;width:50%}
.user_field_schedule .calendar .cal_bx>table>tbody>tr>td.on .d>button{display:inline-block;width:50%}
.user_field_schedule .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_field_schedule .tab_list .section_list .top_cnt{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #7c7c7c}
.user_field_schedule .tab_list .section_list .top_cnt:after{display:block;clear:both;content:""}
.user_field_schedule .tab_list .section_list .top_cnt .fc_tit{float:left;margin-right:20px}
.user_field_schedule .tab_list .section_list .top_cnt .datepicker{float:left}
.user_field_schedule .tab_list .section_list .top_cnt>button{float:right}
.user_field_schedule .tab_list .section_list .mid_cnt{overflow-x:auto}
.user_field_schedule .tab_list .section_list .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}
.user_field_schedule .tab_list .section_list .list_bx .chk_opt:after{display:block;clear:both;content:""}
.user_field_schedule .tab_list .section_list .list_bx .chk_opt .search_wrap{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e6e6e6}
.user_field_schedule .tab_list .section_list .list_bx .chk_opt .search_wrap .txt_bx{float:left;width:192px}
.user_field_schedule .tab_list .section_list .list_bx .chk_opt .search_wrap:after{display:block;clear:both;content:""}
.user_field_schedule .tab_list .section_list .list_bx .chk_opt .search_wrap>button{float:right}
.user_field_schedule .tab_list .section_list .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}
.user_field_schedule .tab_list .section_list .list_bx .chk_opt>ul>li+li{margin-top:10px}
.user_field_schedule .tab_list .section_list .list_bx .chk_opt>ul>li>label>span{display:block;padding-right:10px;white-space:nowrap}
.user_field_schedule .tab_list .section_list .list_bx .chk_opt .btm_wrap:after{display:block;clear:both;content:""}
.user_field_schedule .tab_list .section_list .list_bx .chk_opt .btm_wrap .num{float:left;width:80%;color:#7c7c7c}
.user_field_schedule .tab_list .section_list .list_bx .chk_opt .btm_wrap>button{float:right;text-decoration:none}
.user_field_schedule .tab_list .section_list .table .body{height:calc(100vh - 381px)}
.user_field_schedule .tab_list .section_list .table .total{background-color:#8d8a8a;color:#fff}
.user_field_schedule .tab_list .section_list .head .date>span>i{width:55px}
.user_field_schedule .tab_list .section_list .body>div .prj>span>i{width:55px;font-size:14px;cursor:pointer}
.user_field_schedule .tab_list .section_list .body>div .prj>span>i.click{background-color:#ffb924}
.user_field_schedule .tab_list .section_list .body>div .prj>span>i.va{position:relative}
.user_field_schedule .tab_list .section_list .body>div .prj>span>i.va:before{position:absolute;bottom:5px;right:5px;width:5px;height:5px;background-color:#ff0000;border-radius:50%;content:""}
.user_field_schedule .tab_list .section_list .body>div .prj>span>i.replace{color:#0050ff;font-weight:700}
.user_field_schedule .tab_list .section_list .body>div .prj>span>i.cancel{background-color:#000;color:#fff}

/*화상회의 화면*/
.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}

/*에이전트 다운로드 페이지*/
.agent{height:100vh;background:url('../img/img_agent_bg.png') center no-repeat;background-size:cover;font-family:GmarketSans, sans-serif;font-style:normal;color:#484848}
.agent>.wrap{padding:150px 0 0}
.agent .mid_area{margin-left:25%}
.agent .mid_area b{font-weight:500}
.agent .mid_area .top_cnt{font-size:30px}
.agent .mid_area .mid_cnt{margin-top:12%}
.agent .mid_area .mid_cnt .txt_bx{color:#0050ff;font-size:55px}
.agent .mid_area .mid_cnt .mid_bx{margin-top:20px}
.agent .mid_area .mid_cnt .mid_bx:after{display:block;clear:both;content:""}
.agent .mid_area .mid_cnt .mid_bx>button{float:left;width:230px;height:65px;padding:0 40px;font-family:GmarketSans, sans-serif;font-style:normal;text-align:left;border:1px solid #fff;border-radius:20px;box-sizing:border-box}
.agent .mid_area .mid_cnt .mid_bx>button:after{display:block;clear:both;content:""}
.agent .mid_area .mid_cnt .mid_bx>button+button{margin-left:20px}
.agent .mid_area .mid_cnt .mid_bx>button>img{float:left}
.agent .mid_area .mid_cnt .mid_bx>button>span{float:left;margin-left:10px;font-size:18px;font-weight:500}
.agent .mid_area .mid_cnt .mid_bx>button>span>i{display:block}
.agent .mid_area .mid_cnt .mid_bx .btn_mac>img{width:27px;height:34px}
.agent .mid_area .mid_cnt .mid_bx .btn_windows>img{width:32px;height:34px;margin-top:2px}
.agent .mid_area .mid_cnt .notice{display:block;margin-top:10px;font-size:14px;font-weight:500}
.agent .mid_area .btm_cnt{margin-top:12%;color:#0050ff;font-size:30px;font-weight:500}

/*팝업*/
.popup{width:450px}
.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:#dee7fc;border-radius:3px}
.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:#003a79;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 .appr_line>dd{float:left}
.popup .mid_area .mid_cnt .appr_line .approver{width:65%;padding:4px 10px;border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
.popup .mid_area .mid_cnt .appr_line .approver:after{display:block;clear:both;content:""}
.popup .mid_area .mid_cnt .appr_line .approver>span{float:left;position:relative}
.popup .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%)}
.popup .mid_area .mid_cnt .appr_line .approver>span:last-child:before{display:none}
.popup .mid_area .mid_cnt .appr_line .approver>span+span{margin-left:40px}
.popup .mid_area .mid_cnt .appr_line .approver>span>button{width:10px;height:10px;margin-left:4px;background-size:10px 10px}
.popup .mid_area .mid_cnt .appr_line .appr_btn{float:right;width:auto}
.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_password_reset .top_area{font-size:18px;font-weight:500}
.pop_password_reset .mid_area .top_cnt{font-size:16px;font-weight:500;text-align:center}
.pop_password_reset .mid_area .top_cnt .bold{color:#c70404}
.pop_password_reset .mid_area .mid_cnt{text-align:center}
.pop_password_reset .mid_area .mid_cnt .item{margin-bottom:20px;text-align:left}
.pop_password_reset .mid_area .mid_cnt .item:after{display:block;clear:both;content:""}
.pop_password_reset .mid_area .mid_cnt .item .label{float:left;width:100px;margin-right:10px;line-height:32px}
.pop_password_reset .mid_area .mid_cnt .item .txt_bx{float:left;width:calc(100% - 110px);margin-right:0}
.pop_password_reset .mid_area .mid_cnt .item .txt{padding-left:110px;font-size:12px}
.pop_password_reset .mid_area .mid_cnt .item .noti{color:#c70404}
.pop_password_reset .mid_area .mid_cnt .btn_full_01{width:150px}

/*팝업 로그인 회사검색*/
.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 .form>dd .slt_bx{display:none;float:left;width:calc(100% - 82px)}
.pop_excel .mid_area .mid_cnt .upload>dd .slt_bx{display:none;width:205px;margin-bottom:10px}
.pop_excel .mid_area .mid_cnt .upload>dd .file_bx:after{display:block;clear:both;content:""}
.pop_excel .mid_area .mid_cnt .upload>dd .file_bx>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 .file_bx>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}
.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 .info_bx .spot>dd{position:relative}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .name{position:relative;width:100%;height:32px;padding:0 20px 0 10px;line-height:30px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box;cursor:pointer}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .name:before{position:absolute;top:50%;right:10px;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%)}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .name>i{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .chk_opt{display:none;position:absolute;top:32px;left:0;width:100%;padding:10px;background:#fff;border:1px solid #dedede;border-radius:3px;box-sizing:border-box;z-index:1}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .chk_opt .search_wrap{margin-bottom:10px}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .chk_opt .search_wrap:after{display:block;clear:both;content:""}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .chk_opt .search_wrap .txt_bx{float:left;width:calc(100% - 60px);margin-right:10px}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .chk_opt .search_wrap>button{float:left}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .chk_opt>ul{overflow:auto;max-height:150px}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .chk_opt .check_bx+.check_bx{margin-top:5px}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .chk_opt .check_bx>input.check+label>span{padding-right:5px;white-space:nowrap}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .chk_opt .btm_wrap{width:100%;margin-top:10px;padding-top:10px;border-top:1px solid #dedede}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .chk_opt .btm_wrap:after{display:block;clear:both;content:""}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .chk_opt .btm_wrap .num{float:left}
.pop_user_info .mid_area .mid_cnt .info_bx .spot .chk_opt .btm_wrap .btn_wrap{float:right;height:auto;min-width:auto;padding:0}
.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;width:100%}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap .check_bx+.check_bx{margin-top:15px}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap .check_bx .i_help{left:96px}
.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}

/*팝업 ID중복확인(부서원관리)*/
.pop_id_ok .mid_area>div{float:right}

/*팝업 초기화(부서원관리)*/
.pop_reset .mid_area>div{float:right}

/*팝업 사용자정보-퇴직자(부서원 관리)*/
.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_retiree_info .mid_area .mid_cnt .part>dd{display:none}
.pop_retiree_info .mid_area .mid_cnt .part>dd.on{display:block}
.pop_retiree_info .mid_area .mid_cnt .part .txt_bx{width:calc(100% - 32px)}

/*팝업 초과근무예외자(정책 종료일)-임산부(부서원 관리)*/
.pop_mother{width:700px}
.pop_mother .top_area .title .t_txt{position:relative;margin-right:22px}
.pop_mother .top_area .title .t_txt:before{position:absolute;top:5px;right:-12px;width:2px;height:15px;background-color:#003a79;content:""}
.pop_mother .table .body{height:150px}

/*팝업 근태 통계(부서원 근태 정보)*/
.pop_detail{width:1200px}
.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_place_detail .table .head th.memo,
.pop_place_detail .table .body td.memo{width:20%}
/*-재택근무제관리(유연근무제 팝업의 팝업)-*/
.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{overflow-x:auto}
.pop_schedule_add .mid_area .sche_section .table>div>table>thead>tr{height:36px}
.pop_schedule_add .mid_area .sche_section .table .head,
.pop_schedule_add .mid_area .sche_section .table .body{width:800px}
.pop_schedule_add .mid_area .sche_section .table .body{height:440px}
.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_schedule_add .mid_area .sche_section .btm_cnt:after{display:block;clear:both;content:""}
.pop_schedule_add .mid_area .sche_section .btm_cnt .data_bx{float:left;width:100%;margin-bottom:15px;padding-bottom:15px;color:#003a79;font-size:16px;border-bottom:1px solid #7c7c7c}
.pop_schedule_add .mid_area .sche_section .btm_cnt .data_bx:after{display:block;clear:both;content:""}
.pop_schedule_add .mid_area .sche_section .btm_cnt .data_bx .left{float:left;width:54%}
.pop_schedule_add .mid_area .sche_section .btm_cnt .data_bx .right{float:right;width:44%;font-weight:500}
.pop_schedule_add .mid_area .sche_section .btm_cnt .data_bx>div:after{display:block;clear:both;content:""}
.pop_schedule_add .mid_area .sche_section .btm_cnt .data_bx .item:after{display:block;clear:both;content:""}
.pop_schedule_add .mid_area .sche_section .btm_cnt .data_bx .item>dt{float:left}
.pop_schedule_add .mid_area .sche_section .btm_cnt .data_bx .item>dd{float:left}
.pop_schedule_add .mid_area .sche_section .btm_cnt .data_bx .left .item{float:left}
.pop_schedule_add .mid_area .sche_section .btm_cnt .data_bx .left>i{float:left;width:20px;text-align:center}
.pop_schedule_add .mid_area .sche_section .btm_cnt .data_bx .right .item{float:right}
.pop_schedule_add .mid_area .sche_section .btm_cnt .btn_bx{float:left;width:100%;height:auto;padding:0;border-radius:0}
.pop_schedule_add .mid_area .sche_section .btm_cnt .btn_bx:after{display:block;clear:both;content:""}
.pop_schedule_add .mid_area .sche_section .btm_cnt .btn_bx>div{float:right}

/*팝업 탄력근무제 수정/추가(유연근무제스케줄)*/
.pop_flexible_add .mid_area .mid_cnt{overflow-y:auto;height:71vh}
.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_flexible_add .date_bx .datepicker .tui-datepicker{left:-30px}

/*팝업 삭제 - 탄력근무제 세부정보(유연근무제스케줄)*/
.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:204px}
.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_approval_add .mid_area .tab_cnt .left_bx{border:none}
.pop_approval_add .mid_area .tab_cnt .left_bx .tab_bx>ul:after{display:block;clear:both;content:""}
.pop_approval_add .mid_area .tab_cnt .left_bx .tab_bx>ul>li{float:left;width:100px;height:32px;color:#003a79;font-weight:300;text-align:center;line-height:32px;border:1px solid #d8d8d8;border-bottom:none;box-sizing:border-box;cursor:pointer}
.pop_approval_add .mid_area .tab_cnt .left_bx .tab_bx>ul>li.click{background-color:#dee7fc;font-weight:500}
.pop_approval_add .mid_area .tab_cnt .left_bx .tree_bx{overflow:auto;height:calc(100% - 32px);border:1px solid #d8d8d8;box-sizing:border-box}

/*팝업 안내확인 (연차촉진제도)*/
.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_multiple_add{width:700px}
.pop_multiple_add .mid_area .datepicker .picker{color:#9fa0a1;border-color:#d8d8d8}
.pop_multiple_add .mid_area .mid_cnt>dl>dd>dl+dl{margin-top:10px}
.pop_multiple_add .mid_area .mid_cnt>dl>dd>dl>dt{width:80px}
.pop_multiple_add .mid_area .mid_cnt>dl>dd>dl>dd{width:calc(100% - 90px)}
.pop_multiple_add .mid_area .mid_cnt>dl>dd>dl>dd .datepicker{margin-right:10px}
.pop_multiple_add .mid_area .mid_cnt>dl>dd>dl>dd .time_bx{float:left}
.pop_multiple_add .mid_area .mid_cnt>dl>dd>dl>dd .time_bx:after{display:block;clear:both;content:""}
.pop_multiple_add .mid_area .mid_cnt>dl>dd>dl>dd .time_bx .slt_bx{float:left}
.pop_multiple_add .mid_area .mid_cnt>dl>dd>dl>dd>i{float:left}
.pop_multiple_add .mid_area .mid_cnt>dl>dd .table{margin-top:10px;border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
.pop_multiple_add .mid_area .mid_cnt>dl>dd .table .head{border-bottom:1px solid #e5e5e5}
.pop_multiple_add .mid_area .mid_cnt>dl>dd .table .body{height:150px}
.pop_multiple_add .mid_area .mid_cnt>dl>dd .table .body>table>tbody>tr{border:none}
.pop_multiple_add .mid_area .mid_cnt>dl>dd .table .body>table>tbody>tr .chk{width:auto}
.pop_multiple_add .mid_area .mid_cnt>dl .time_bx .start{margin-bottom:10px}
.pop_multiple_add .mid_area .mid_cnt>dl .time_bx>div:after{display:block;clear:both;content:""}
.pop_multiple_add .mid_area .mid_cnt>dl .time_bx>div .slt_bx{float:left;width:80px}
.pop_multiple_add .mid_area .mid_cnt>dl .time_bx>div .slt_bx+.slt_bx{margin-left:10px}
.pop_multiple_add .mid_area .mid_cnt>dl .time_bx>div .txt{float:left;margin:0 10px;line-height:32px}
.pop_multiple_add .mid_area .mid_cnt .border{margin-top:15px;padding-top:15px;border-top:1px solid #ededed}
.pop_multiple_add .mid_area .mid_cnt .work_day>dd{width:500px}
.pop_multiple_add .mid_area .mid_cnt .work_day>dd:after{display:block;clear:both;content:""}
.pop_multiple_add .mid_area .mid_cnt .work_day>dd .check_bx{float:left;width:14%}
.pop_multiple_add .mid_area .mid_cnt .weekly_ot>dd:after{display:block;clear:both;content:""}
.pop_multiple_add .mid_area .mid_cnt .weekly_ot>dd .txt_bx{float:left;width:60px;margin-right:10px}
.pop_multiple_add .mid_area .mid_cnt .weekly_ot>dd .txt{float:left;margin-right:10px;line-height:32px}

/*팝업 정책설정 - 적용대상(다중표준)*/
.pop_apply_user .mid_area .mid_cnt .table{margin-top:10px;border:1px solid #ededed;box-sizing:border-box}

/*팝업 정책설정 - 공지 추가/수정(공지설정)*/
.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:after{display:block;clear:both;content:""}
.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 .type>dd .check_bx{float:left;width:50%}
.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_work_add .mid_area .mid_cnt .user>dd .txt_bx{width:calc(100% - 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 .item{margin-bottom:30px}
[class*='pop_rqs_'] .mid_area .mid_cnt .item+.item{margin-top:0}
[class*='pop_rqs_'] .mid_area .mid_cnt .item:last-child{margin-bottom:0}
[class*='pop_rqs_'] .mid_area .mid_cnt .item.none{display:none;margin-top:0}
[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:after{display:block;clear:both;content:""}
[class*='pop_rqs_'] .mid_area .mid_cnt .category>dd .slt_bx{float:left;width:450px;margin-right:0}
[class*='pop_rqs_'] .mid_area .mid_cnt .category>dd .check_bx{float:left;margin-left:10px}
[class*='pop_rqs_'] .mid_area .mid_cnt .category>dd .check_bx>label>span{display:block;white-space:nowrap}

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

/*팝업 외근 신청*/
.pop_rqs_outside .mid_area .mid_cnt .commute .slt_bx{width:130px;margin-right:0}

/*팝업 출퇴근시간변경신청*/
.pop_rqs_commute .mid_area .mid_cnt dl>dd .noti{margin-left:10px;font-size:12px;font-weight:500}
.pop_rqs_commute .mid_area .mid_cnt .change .datepicker{margin-right:10px}
.pop_rqs_commute .mid_area .mid_cnt .change .noti{display:block;margin-left:0;margin-top:5px}

/*팝업 대리 결재자 지정(사용자 신청관리)*/
.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}

/*팝업 캡쳐(화상회의화면)*/
.pop_capture_show{width:auto;text-align:center}

/*팝업 스케줄리스트(생산직스케줄)*/
.pop_schedule_list{width:700px}
.pop_schedule_list .right_bx{float:right;font-size:0}
.pop_schedule_list .right_bx button{font-size:14px}
.pop_schedule_list .table .body>table>tbody .click{background-color:#dee7fc}
.pop_schedule_list .table .body>table>tbody>tr>td>[class^='btn_']{padding:5px}

/*팝업 대체자지정(생산직스케줄)*/
.pop_replace_add{width:900px}
.pop_replace_add .mid_area .mid_cnt .memo .txt_bx{height:150px}

/*팝업 스케줄생성*/
.pop_field_schedule_add{width:900px}
.pop_field_schedule_add .mid_area .mid_cnt .item{margin-bottom:30px}
.pop_field_schedule_add .mid_area .mid_cnt .item+.item{margin-top:0}
.pop_field_schedule_add .mid_area .mid_cnt .item:last-child{margin-bottom:0}
.pop_field_schedule_add .mid_area .mid_cnt .item.none{display:none;margin-top:0}
.pop_field_schedule_add .mid_area .mid_cnt .item .btn_under_01{cursor:pointer}
.pop_field_schedule_add .mid_area .mid_cnt .type>dd{float:left}
.pop_field_schedule_add .mid_area .mid_cnt .type .type_name{width:65%;padding:4px 10px;border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
.pop_field_schedule_add .mid_area .mid_cnt .type .type_name:after{display:block;clear:both;content:""}
.pop_field_schedule_add .mid_area .mid_cnt .type .type_name>span{float:left;position:relative}
.pop_field_schedule_add .mid_area .mid_cnt .type .type_name>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%)}
.pop_field_schedule_add .mid_area .mid_cnt .type .type_name>span:last-child:before{display:none}
.pop_field_schedule_add .mid_area .mid_cnt .type .type_name>span+span{margin-left:40px}
.pop_field_schedule_add .mid_area .mid_cnt .type .type_name>span>button{width:10px;height:10px;margin-left:4px;background-size:10px 10px}
.pop_field_schedule_add .mid_area .mid_cnt .type .appr_btn{float:right;width:auto}
.pop_field_schedule_add .mid_area .mid_cnt .rqs_time>dd>dl>dd:after{display:block;clear:both;content:""}
.pop_field_schedule_add .mid_area .mid_cnt .rqs_time>dd>dl>dd .datepicker{float:left}
.pop_field_schedule_add .mid_area .mid_cnt .memo .txt_bx{height:130px}
.pop_field_schedule_add .mid_area .mid_cnt .category>dd:after{display:block;clear:both;content:""}
.pop_field_schedule_add .mid_area .mid_cnt .category>dd .slt_bx{float:left;width:450px;margin-right:0}
.pop_field_schedule_add .mid_area .mid_cnt .category>dd .check_bx{float:left;margin-left:10px}
.pop_field_schedule_add .mid_area .mid_cnt .category>dd .check_bx>label>span{display:block;white-space:nowrap}

/*팝업 근무유형추가(생산직스케줄)*/
.pop_work_type_add{width:900px}
.pop_work_type_add .mid_area .top_cnt{margin-bottom:15px}
.pop_work_type_add .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_work_type_add .mid_area .top_cnt .search_bx{float:left}
.pop_work_type_add .mid_area .top_cnt .search_bx .txt_bx{width:204px}
.pop_work_type_add .mid_area .top_cnt .right_bx{float:right}
.pop_work_type_add .mid_area .mid_cnt:after{display:block;clear:both;content:""}
.pop_work_type_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_work_type_add .mid_area .mid_cnt .left_bx .tree_bx{padding:10px}
.pop_work_type_add .mid_area .mid_cnt .list_bx{float:left;width:55%}
.pop_work_type_add .mid_area .mid_cnt .list_bx .table .head{border-bottom:none;border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_work_type_add .mid_area .mid_cnt .list_bx .table .body{height:400px;border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_work_type_add .mid_area .mid_cnt .list_bx .table .body>span{display:block;padding:14px 0;text-align:center}

/*팝업 퇴근등록*/
.pop_off{width:300px}
.pop_off .mid_cnt{text-align:center}
.pop_off .mid_cnt .txt{margin-bottom:20px}
.pop_off .mid_cnt .btn_bx{min-width:auto;padding:0}

@media all and (max-width:1600px){
	.main [class*='_area']{width:1000px}
	.main [class*='section_']{padding:20px}
	.project_main .mid_area .section_timeline .mid_cnt .table .body{height:250px}
	.revision .tab_revision .section_list .table .head>table>thead>tr .time .i_help .help_txt{left:-221px}
	.setting .mid_area .tab_sct>ul>li{padding:10px 0}

	/*정책설정:지점설정*/
	.setting .mid_area .cnt_sct .tab_branch .left_area{height:665px}
	.setting .mid_area .cnt_sct .tab_branch .right_area .contents .top_cnt .right_cnt .search_bx .slt_bx{width:70px}
	.setting .mid_area .cnt_sct .tab_branch .right_area .contents .top_cnt .right_cnt .search_bx .txt_bx{width:115px}
	.setting .mid_area .cnt_sct .tab_branch .right_area .contents .item .table .body{height:200px}

	/*사용자 - 메인*/
	.user_main [class*='_area']{width:1000px}
	.user_main [class*='section_']{height:450px;padding:20px}
	.user_main .top_area .mid{height:450px}
	.user_main .section_vacation .info_cnt .item>dt{width:60%}
	.user_main .section_vacation .info_cnt .item>dd{width:40%}
	.user_main .section_work{height:calc(65% - 5px)}
	.user_main .section_break{height:calc(35% - 5px)}
	.user_main .section_monthly{height:400px}
	.user_main .section_monthly .mid_cnt{height:275px}

	.user_request .tab_calendar .section_info{height:709px}
	.user_request .tab_calendar .section_cal{height:auto}

	/*사용자 원격 제어*/
	.user_remote .tab_security{height:calc(100vh - 184px)}
	.user_remote .tab_security .section_list{width:875px}
	.user_remote .tab_security .section_list>div .wrap{padding:10px}
	.user_remote .tab_security .section_list .mid_cnt .wrap{padding:10px}

	/*에이전트 다운로드*/
	.agent>.wrap{padding:110px 0 0 0}
	.agent .mid_area{margin-left:18%}
	.agent .mid_area .mid_cnt{margin-top:10%}
	.agent .mid_area .btm_cnt{margin-top:10%}

	.pop_notice_add .mid_area .mid_cnt dl+dl{margin-top:20px}
	.pop_notice_add .mid_area .mid_cnt>dl>dd .table .body{height:100px}
	.pop_notice_add .mid_area .mid_cnt>dl>dd .table>div>table>thead>tr,
	.pop_notice_add .mid_area .mid_cnt>dl>dd .table>div>table>tbody>tr{height:40px}
}

@media all and (max-width:1366px){
	.inner{overflow:auto;width:1366px}
	.container .mid_area .section_list .table .body{height:656px}

	.project_main .mid_area .section_chart .mid_cnt .chart_bx .chart{width:263px;height:263px}
	.project_main .mid_area .section_list .mid_cnt .table .body{height:192px}
	.user_project_admin .mid_area .section_list .table .body{height:192px}
	.department .mid_area [class^='section_']{height:auto}
	.department .mid_area .left_cnt .section_tree{height:799px}
	.commute_dept .tab_graph .section_list .chart_bx{height:698px}
	.setting .mid_area .section_list,
	.notice .mid_area .section_list,
	.user_setting .mid_area .section_list{height:656px}
	.setting .mid_area .cnt_sct .tab_business .contents .table_list .table .body,
	.setting .mid_area .cnt_sct .tab_notice .contents .mid_cnt .table .body{height:656px}
	.notice .mid_area .cnt_sct .tab_cnt .contents .item .table .body{height:564px}
	.user_main .mid_area .section_month .mid_cnt .chart_bx{height:488px}
	.user_request .tab_list .section_info{height:800px}

	/*에이전트 다운로드*/
	.agent .mid_area{margin-left:15%}

	/*비밀번호 초기화*/
	.password_page>div .wrap{padding:30px}

	/*팝업 부서관리 - 부서검색*/
	.pop_dept_srch .mid_area .table .body{height:250px}

	/*사용자 정보 - 재직자(부서원관리)*/
	.pop_user_info .mid_area .mid_cnt .info_bx{margin-bottom:8px;padding-bottom:8px}
	.pop_user_info .mid_area .mid_cnt .info_bx .split{margin-bottom:8px}
	.pop_user_info .mid_area .mid_cnt .info_bx dl+dl,
	.pop_user_info .mid_area .mid_cnt .chk_bx .line+.line{margin-top:8px}

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

	/*사용자 - 원격제어*/
	.user_remote .mid_area{height:656px}

	/*화상회의화면*/
	.conference_screen{width:1366px}

	/*팝업 세부정보(부서원 근태 통계/부서원pc정보/외근관리/근로시간보정)*/
	.pop_detail .table .body{height:250px}
	.pop_statistics,
	.pop_statistics_day{width:900px}
	.pop_place_detail{width:1000px}
	.pop_place_detail .mid_area .mid_cnt .left_bx .table .body,
	.pop_statistics_day .table .body,
	.pop_place_detail .table .body{height:250px}
	.pop_place_detail .mid_area .mid_cnt .map_bx{height:362px}

	/*팝업 세부정보(사용신청관리/출장관리/휴게시간관리)*/
	.pop_info_detail .mid_area .mid_cnt dl+dl{margin-top:10px}

	/*팝업 세부정보(탄력근무제)*/
	.pop_info_detail.pop_flexible{width:900px}
	.pop_info_detail.pop_flexible .table .body{height:250px}

	/*팝업 탄력근무제 그룹정책 설정(탄력근무제)*/
	.pop_flexible_add .mid_area .mid_cnt dl+dl{margin-top:8px}
	.pop_flexible_add .mid_area .mid_cnt>div+div{margin-top:8px;padding-top:8px}
	.pop_flexible_add .mid_area .mid_cnt .schedule_bx>dl>dd .work_time+.work_time{margin-top:8px}

	/*팝업 탄력근무제 대상추가(탄력근무제)*/
	.pop_approval_add .mid_area .mid_cnt .left_bx{height:330px}
	.pop_approval_add .mid_area .mid_cnt .list_bx .table .body{height:280px}

	/*팝업 연차 세부정보(연차관리)*/
	.pop_info_detail.pop_vacation{width:900px}
	.pop_info_detail.pop_vacation .top_cnt .slt_bx{width:70px}
	.pop_info_detail.pop_vacation .top_cnt .txt_bx{width:120px}

	/*팝업 연차추가(연차관리)*/
	.pop_approval_add.pop_vacation .mid_area .mid_cnt .left_bx{height:230px}
	.pop_approval_add.pop_vacation .mid_area .mid_cnt .list_bx .table .body{height:180px}
	/*-팝업 팝업추가및수정 (정책설정-공지사항)-*/
	.pop_notice_add .mid_area .mid_cnt dl+dl{margin-top:15px}
	.pop_notice_add .mid_area .mid_cnt>dl>dd .table .body{height:80px}
	.pop_notice_add .mid_area .mid_cnt>dl>dd .table>div>table>thead>tr,
	.pop_notice_add .mid_area .mid_cnt>dl>dd .table>div>table>tbody>tr{height:30px}

	/*팝업 서비스 장애 신고 내역*/
	.pop_service_list{width:900px}

	/*팝업 서비스 장애 신고*/
	.pop_service .mid_area .mid_cnt dl+dl{margin-top:15px}

	/*팝업 프로젝트 대상추가(프로젝트)*/
	.pop_project_user .mid_area .mid_cnt .left_bx{height:330px}
	.pop_project_user .mid_area .mid_cnt .list_bx .table .body{height:280px}

	/*팝업 화상회의 등록*/
	.pop_meeting_add .mid_area .mid_cnt dl+dl{margin-top:15px}
}