/*timekeeper*/
/*nav*/
.nav{position:fixed;width:250px;height:100%;background-color:#fff;color:#6d6d6d;font-size:16px;z-index:1}
.nav>.wrap{overflow:auto;height:calc(100vh - 80px);padding-top:15px;padding-right:10px}
.nav>button{display:none}
.nav .menu_cnt>li .main_menu{display:block;position:relative;width:calc(100% - 80px);padding:10px 30px 10px 50px}
.nav .menu_cnt>li .main_menu.click{position:relative;background-color:#dee7fc;color:#3171ff;font-weight:500;border-radius:0 6px 6px 0}
.nav .menu_cnt>li .main_menu.click:before{position:absolute;top:0;left:0;width:6px;height:100%;background-color:#3171ff;content:""}
.nav .menu_cnt>li .main_menu>i{font-size:16px}
.nav .menu_cnt>li .sub_wrap:after{display:block;clear:both;content:""}
.nav .menu_cnt>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 .menu_cnt>li .sub_wrap .main_menu .i_arr.on{background:url(../img/arr_up_01.png) center no-repeat;background-size:11px 7px}
.nav .menu_cnt>li .sub_wrap .main_menu .i_arr.off{background:url(../img/arr_down_01.png) center no-repeat;background-size:11px 7px}
.nav .menu_cnt>li .sub_wrap>ul{display:none;background-color:#f1f5ff;color:#000;border-radius:0 6px 6px 0}
.nav .menu_cnt>li .sub_wrap>ul>li .sub_menu{display:block;padding:10px 30px 10px 50px;color:#6d6d6d}
.nav .menu_cnt>li .sub_wrap>ul>li .sub_menu.click{color:#3171ff;font-weight:500}
.nav.mini{width:25px}
.nav.mini>.wrap{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 .btm_cnt{position:absolute;bottom:15px;left:15px;right:15px;font-size:14px}
.nav .btm_cnt .bar{width:100%}
.nav .btm_cnt .bar_bx .bar{display:inline-block;position:relative;width:100%;height:6px;background-color:#b1a3a3;border-radius:4px}
.nav .btm_cnt .bar_bx .bar .progress{position:absolute;top:0;left:0;width:10%;height:6px;background-color:#3171ff;border-radius:4px}
.nav .btm_cnt .num_bx{margin-top:10px}
.nav .btm_cnt .num_bx:after{display:block;clear:both;content:""}
.nav .btm_cnt .num_bx>dt{float:left;margin-right:10px;font-weight:bold}
.nav .btm_cnt .num_bx>dd{float:left}
.nav .btm_cnt .num_bx>dd>b{color:#3171ff}

.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;}
.gnb .logo>a{display:block;width:100%;height:100%;text-indent:-9999px}
.gnb .logo>a>img {width: 100%;display: block;}
.gnb .gnb_area > button + button {margin-left: 0;}
.gnb .gnb_area .btn_asset {padding: 4px 8px; border-radius: 64px; background: #fff; color: #0091FF; font-size: 14px; line-height: 18px; font-weight: 300; display: flex; align-items: center; float: left; margin-top: 4px; margin-right: 10px;}
.gnb .gnb_area .btn_safty {padding: 4px 8px; border-radius: 64px; background: #fff; color: #0091FF; font-size: 14px; line-height: 18px; font-weight: 300; display: flex; align-items: center; float: left; margin-top: 4px; margin-right: 10px;}
.gnb .gnb_area .btn_asset > .icon {width: 14px; height: 14px; display: block; background: url(../img/i_inventory.png) center no-repeat; background-size: contain; margin-right: 4px;}
.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; font-size: 14px; background: none; padding: 0;display: inline-block; text-align: center; line-height: 30px;}
.gnb .gnb_area .gnb_cnt .cnt_bx [class^='btn_under_']::before {display: none;}

.gnb .gnb_area .gnb_cnt .cnt_bx .btn_toggle{width:34px;height:16px;padding:0; min-width: 34px;float: right; margin-top: 8px;}
.gnb .gnb_area .gnb_cnt .cnt_bx .btn_toggle.on{background:url(../img/btn_on.png) center no-repeat;background-size:contain}
.gnb .gnb_area .gnb_cnt .cnt_bx .btn_toggle.off{background:url(../img/btn_off.png) center no-repeat;background-size:contain}

.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}z
.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;line-height:unset;}
.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;width:calc(100% - 24px)}
.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.more{text-align:center}
.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>dl>dd a[class*="btn_under_"]{text-decoration:underline}
.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;display: inline-block; width: 100%;}
.login .btm_area .info {margin-top: 10px;}
.login .btm_area .info>a{display: block; text-align: center;font-size:12px;color: #a6a6a6;}

/*container common*/
.disabled{background-color:#cecece;cursor:default}
.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:30px}
.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;}
.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 .detail_search{float:left}
.container .mid_area .detail_search .more{position:relative;padding-right:10px;height:32px;color:#3e3e3e}
.container .mid_area .detail_search .more:before{position:absolute;top:6px;right:0;content:"+"}
.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;z-index:100}
.schedule_mark .head .prj_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:400}
.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:20px;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 .agent{height:auto;min-height:unset;background:unset;font-family:inherit;color:inherit}
.main [class*='section_'] .tit_cnt .more{float:right}
.main [class*='section_'] .btn_under_02{font-weight:500;cursor:pointer}
.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:48px;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:65%}
.main .top_area [class*='section_'] .mid_cnt .item>dd{float:right;width:auto;text-align:right}
.main .top_area .mid [class*='section_'] .mid_cnt .per>i{font-size:48px}
.main .mid_area{margin:0 auto}
.main .mid_area [class*='section_']{height:calc(100vh - 520px);min-height:400px}
.main .section_work{width:calc(30% - 10px);margin-right:10px; background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(231 248 255) 100%);}
.main .section_work .mid_cnt{margin:10px 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:after{display:block;clear:both;content:""}
.main .section_work .info_cnt>span{display:block;margin-bottom:10px;font-size:16px;font-weight:500}
.main .section_work .info_cnt .item{float:left;width:calc(50% - 10px);margin-bottom:15px}
.main .section_work .info_cnt .item:nth-child(2n){margin-right:20px}
.main .section_work .info_cnt .item:nth-last-child(2),
.main .section_work .info_cnt .item:last-child{margin-bottom:0}
.main .section_work .info_cnt .item:after{display:block;clear:both;content:""}
.main .section_work .info_cnt .item>dt{float:left;width:95px;margin-right:5px}
.main .section_work .info_cnt .item>dd{float:left;width:calc(100% - 100px);font-weight:500;text-align:right}
.main .top_area .mid{float:left;width:calc(30% - 10px);margin-right:10px}
.main .top_area .section_access{float:unset;width:100%;height:221px;margin-bottom:10px}
.main .top_area .section_access .tit_cnt{margin-bottom:20px}
.main .top_area .section_access .tit_cnt .tit{float:left;position:relative;height:auto;margin-right:0;padding-left:32px;font-size:16px}
.main .top_area .section_access .tit_cnt .tit:before{position:absolute;top:50%;left:0;width:17px;height:18px;margin-top:-1px;background:url(../img/i_running.png) center no-repeat;background-size:cover;transform:translateY(-50%);content:""}
.main .top_area .section_access .mid_cnt .item+.item{margin-top:18px}
.main .top_area .section_access .mid_cnt .item>dt{position:relative;width:calc(65% - 45px);margin-right:5px;padding-left:40px}
.main .top_area .section_access .mid_cnt .item>dt:before{position:absolute;top:50%;left:0;width:30px;height:30px;border-radius:8px;transform:translateY(-50%);content:""}
.main .top_area .section_access .mid_cnt .agent>dt:before{background:url(../img/i_notebook.png) center no-repeat;background-size:15px 15px;background-color:#EFEFEF}
.main .top_area .section_access .mid_cnt .web>dt:before{background:url(../img/i_monitor_2.png) center no-repeat;background-size:15px 15px;background-color:#EFEFEF}
.main .top_area .section_access .mid_cnt .mobile>dt:before{background:url(../img/i_phone.png) center no-repeat;background-size:11px 15px;background-color:#EFEFEF}
.main .top_area .section_access .mid_cnt .device>dt:before{background:url(../img/i_id.png) center no-repeat;background-size:15px 15px;background-color:#EFEFEF}
.main .top_area .section_installed{float:unset;width:100%;height:208px;margin-bottom:10px}
.main .top_area .section_installed .tit_cnt{margin-bottom:15px}
.main .top_area .section_installed .tit_cnt .tit{float:left;position:relative;height:auto;margin-right:0;padding-left:25px;font-size:16px}
.main .top_area .section_installed .tit_cnt .tit:before{position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-1px;background:url(../img/i_user_b.png) center no-repeat;background-size:cover;transform:translateY(-50%);content:""}
.main .top_area .section_installed .mid_cnt .item>dt{position:relative;width:calc(65% - 25px);margin-right:5px;padding-left:20px}
.main .top_area .section_installed .mid_cnt .item>dt:before{position:absolute;top:50%;left:0;width:8px;height:8px;background-color:#EFEFEF;border-radius:50%;transform:translateY(-50%);content:""}

.main .top_area .section_set {height: 426px;width: 100%; background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(255 251 231) 100%)}
.main .top_area .section_set .tit_cnt {padding-left: 32px;font-size: 18px; margin-bottom: 10px;font-weight: 500;}
.main .top_area .section_set .tit_cnt > p {display: inline-block;}
.main .top_area .section_set .tit_cnt .i_setting {float: right;width: 32px; height: 32px; background: url(../img/i_m_set.png) center no-repeat; background-size: 16px 16px;}
.main .top_area .section_set .tit {position: relative;}
.main .top_area .section_set .tit:before {position: absolute;top: 50%; left: -34px; width: 18px; height: 18px; margin-top: -2px; background: url(../img/i_warning.png) center no-repeat; background-size: cover; content: ""; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.main .top_area .section_set .mid_cnt .cnt_bx>p {position: relative; margin-bottom: 10px; padding-left: 20px; font-weight: 500;}
.main .top_area .section_set .mid_cnt .cnt_bx>p:before {position: absolute;  top: 50%; left: 0;  width: 14px; height: 14px;background: url(../img/i_user_gray.png) center no-repeat; background-size: cover; transform: translateY(-50%); content: "";}
.main .top_area .section_set .mid_cnt .cnt_bx>p >.slt_bx {width: 42px; margin-left: 4px;margin-right: 0; height: 19px; -webkit-appearance: none;-moz-appearance: none; appearance: none; background: url(../img/slt_bx.png) no-repeat; background-position: 80% center; background-size: 14px; border-radius: 10px; padding: 2px 4px; box-sizing: border-box; line-height: 14px; padding-left: 7px; border: 1px solid #676767;}
.main .top_area .section_set .mid_cnt .cnt_bx .item>dt {position: relative; width: calc(65% - 15px); margin-right: 5px; padding-left: 15px;}
.main .top_area .section_set .mid_cnt .cnt_bx .item>dd {width: auto; text-align: center; float: right}
.main .top_area .section_set .mid_cnt .cnt_bx .item>dt.red {color: #a60000;}
.main .top_area .section_set .mid_cnt .cnt_bx .item>dd.none_click {text-decoration: none; cursor: default;}
.main .top_area .section_set .mid_cnt .cnt_bx+.cnt_bx {margin-top: 20px;}
.main .top_area .section_set .mid_cnt .cnt_bx.half {width: calc(42% - 10px); margin-right: 10px; float: left;border-right: 1px solid #ddd; box-sizing: border-box; padding-right: 10px; }
.main .top_area .section_set .mid_cnt .cnt_bx.half.vacation {width: calc(61% - 10px); border-right: none;  box-sizing: border-box;  margin-right: 0; padding-right: 0;}


.main .top_area .section_type .tit_cnt .i_setting {float: right;width: 32px; height: 32px; background: url(../img/i_m_set.png) center no-repeat; background-size: 16px 16px;}
.main .top_area .section_type .mid_cnt {display: flex !important; justify-content: space-between; align-items: center;}
.main .top_area .section_type .chart {width: 60%; margin-right: 20px;}
.main .top_area .section_type .label {width: calc(40% - 20px);}
.main .top_area .section_type .label.cnt_bx .item {width: 100%;}
.main .top_area .section_type .label.cnt_bx .item:nth-child(2n) {margin-left: 0; margin-top: 10px;}
.main .top_area .section_type .click_tit {position: relative; z-index: 1; padding-left: 18px; box-sizing: border-box;} 
.main .top_area .section_type .click_tit.standard::before {content: ''; display: block; position: absolute; left: -4px; top: 1px; background: #A2DADA; width: 14px; height: 14px; z-index: -1; border-radius: 50%; border: 2px solid #fff;}
.main .top_area .section_type .click_tit.home::before {content: ''; display: block; position: absolute; left: -4px; top: 1px; background: #ACA2DA; width: 14px; height: 14px; z-index: -1; border-radius: 50%; border: 2px solid #fff;}
.main .top_area .section_type .click_tit.time::before {content: ''; display: block; position: absolute; left: -4px; top: 1px; background: #E4A2DC; width: 14px; height: 14px; z-index: -1; border-radius: 50%; border: 2px solid #fff;}
.main .top_area .section_type .click_tit.autonomy::before {content: ''; display: block; position: absolute; left: -4px; top: 1px; background: #ebd6c1; width: 14px; height: 14px; z-index: -1; border-radius: 50%; border: 2px solid #fff;}
.main .top_area .section_type .click_tit.selective::before {content: ''; display: block; position: absolute; left: -4px; top: 1px; background: #B8DAA2; width: 14px; height: 14px; z-index: -1; border-radius: 50%; border: 2px solid #fff;}
.main .top_area .section_type .click_tit.interactive::before {content: ''; display: block; position: absolute; left: -4px; top: 1px; background: #c1d8eb; width: 14px; height: 14px; z-index: -1; border-radius: 50%; border: 2px solid #fff;}
.main .top_area .section_type .click_tit.shift::before {content: ''; display: block; position: absolute; left: -4px; top: 1px; background: #F4B0B4; width: 14px; height: 14px; z-index: -1; border-radius: 50%; border: 2px solid #fff;}

.main .section_type{width:40%; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(231 255 245) 100%);}
.main .section_type .tit_cnt{margin-bottom:20px}
.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_detail{position:relative;width:calc(60% - 10px);margin-right:10px}
.main .section_detail .tit_cnt{margin-bottom:10px;padding-bottom:20px;border-bottom:1px solid #D8D8D8}
.main .section_detail .tit_cnt .tit{float:left;position:relative;height:auto;margin-bottom:0;margin-right:0;padding-left:32px;font-size:16px}
.main .section_detail .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;transform:translateY(-50%);content:""}
.main .section_detail .tit_cnt .right_bx .btn_normal{position:relative;height:auto;padding:0;padding-right:30px;color:#333;line-height:unset}
.main .section_detail .tit_cnt .right_bx .btn_normal:before{position:absolute;top:50%;right:0;width:16px;height:16px;background:url(../img/i_download.png) center no-repeat;background-size:16px 16px;transform:translateY(-50%);content:""}
.main .section_detail .mid_cnt .early_page{position:absolute;top:50%;left:50%;width:100%;font-size:18px;font-weight:500;text-align:center;transform:translate(-50%, -50%)}
.main .section_detail .mid_cnt .early_page .i{width:32px;height:50px;margin:0 auto 10px;background:url(../img/i_finger.png) center no-repeat;background-size:cover}
.main .section_detail .mid_cnt .detail_page{display:none}
.main .section_detail .mid_cnt .detail_page .click_tit{margin-bottom:10px;font-weight:500}
.main .section_detail .mid_cnt .detail_page .table th,
.main .section_detail .mid_cnt .detail_page .table td{padding:0 2px}
.main .section_detail .mid_cnt .detail_page .table .body{height:calc(100vh - 674px)}
.main .section_detail .mid_cnt .detail_page .table .memo{width:auto}
.main .section_detail .mid_cnt .detail_page .table .body .memo{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.main .section_state{width:40%}
.main .section_state .tit_cnt{margin-bottom:20px}
.main .section_state .tit_cnt .tit{float:left;position:relative;height:auto;margin-right:0;margin-bottom:0;padding-left:32px;font-size:16px}
.main .section_state .tit_cnt .tit:before{position:absolute;top:50%;left:0;transform:translateY(-50%);content:""}
.main .section_state .mid_cnt .item>dt{float:left;position:relative;width:calc(65% - 25px);margin-right:5px;padding-left:20px}
.main .section_state .mid_cnt .item>dt:before{position:absolute;top:50%;left:0;width:8px;height:8px;background-color:#EFEFEF;border-radius:50%;transform:translateY(-50%);content:""}
.main .section_state .mid_cnt .item{margin-top:10px}
.main .section_state .mid_cnt .item:after{display:block;clear:both;content:""}
.main .section_state .mid_cnt .item>dd{float:right}
.main .section_state .etc_state{margin-bottom:40px}
.main .section_state .etc_state .tit_cnt .tit:before{width:18px;height:18px;background:url(../img/i_glass.png) center no-repeat;background-size:cover}
.main .section_state .etc_state .mid_cnt .datepicker{float:unset;width:80px;height:auto}
.main .section_state .etc_state .mid_cnt .datepicker .picker{padding:0;color:#6D6D6D;font-weight:500;text-decoration:underline;border:none;cursor:pointer}
.main .section_state .etc_state .mid_cnt .item .slt_bx{width:80px;height:auto;padding:0;border:none}
.main .section_state .access_state .tit_cnt .tit:before{width:17px;height:18px;background:url(../img/i_typing.png) center no-repeat;background-size:cover}

.office [class*='section_']{height:416px}
.office .mid_area [class*='section_']{min-height:412px}
.office .top_area .section_installed{height:185px;margin-bottom:0}
.main.office .section_type .mid_cnt {display: block !important;}
.office .section_type .mid_cnt .cnt_bx+.cnt_bx{margin-top:20px}
.office .section_type .mid_cnt .cnt_bx:after{display:block;clear:both;content:""}
.office .section_type .mid_cnt .cnt_bx>p{position:relative;margin-bottom:10px;padding-left:20px;font-weight:500}
.office .section_type .mid_cnt .cnt_bx>p:before{position:absolute;top:50%;left:0;width:14px;height:14px;background:url(../img/i_user_gray.png) center no-repeat;background-size:cover;transform:translateY(-50%);content:""}
.office .section_type .mid_cnt .cnt_bx .item{float:left;width:calc(50% - 10px);margin-top:10px;border-top:none;border-bottom:none}
.office .section_type .mid_cnt .cnt_bx .item:nth-child(2n){margin-left:10px}
.office .section_type .mid_cnt .cnt_bx .item:after{display:block;clear:both;content:""}
.office .section_type .mid_cnt .cnt_bx .item:nth-child(1),
.office .section_type .mid_cnt .cnt_bx .item:nth-child(2){margin-top:0}
.office .section_type .mid_cnt .cnt_bx .item>dt{position:relative;width:calc(60% - 15px);margin-right:5px;padding-left:15px}
.office .section_type .mid_cnt .cnt_bx .item>dt:before{position:absolute;top:50%;left:0;width:8px;height:8px;background-color:#EFEFEF;border-radius:50%;transform:translateY(-50%);content:""}
.office .section_type .mid_cnt .cnt_bx .item>dd{width:calc(40% - 5px)}
.office .section_type .mid_cnt .blue>div{overflow-y:auto;height:148px}
.office .section_type .mid_cnt .blue .item>dt{width:calc(100% - 15px);margin-right:0}
.office .section_type .mid_cnt .blue .item>dt .num{margin-left:10px;font-weight:500}
.office .section_type .mid_cnt .blue .item>dd{width:calc(100% - 15px);padding-left:15px;text-align:left}
.office .section_type .mid_cnt .blue .item>dd .time>i:first-child{margin-right:2px}
.office .section_type .mid_cnt .blue .item>dd .time>i:last-child{margin-left:2px}

.field .section_today{float:unset;width:100%}
.field .section_today .tit_cnt{margin-bottom:20px}
.field .section_today .info_cnt{overflow:auto;height:310px;font-size:16px}
.field .section_today .info_cnt .cnt_bx{margin:25px auto}
.field .section_today .info_cnt .item+.item{margin-top:10px}
.field .section_today .info_cnt .item:after{display:block;clear:both;content:""}
.field .section_today .info_cnt .item>dt{float:left;width:100%}
.field .section_today .info_cnt .item>dd{float:left;width:100%;font-weight:500}
.field .section_type .table .body{height:280px}
.field .section_week{width:calc(60% - 10px)}
.field .section_week .tit_cnt{margin-bottom:20px}
.field .section_week .tit_cnt .tit{float:left;position:relative;height:auto;margin-right:0;margin-bottom:0;padding-left:32px;font-size:16px}
.field .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%)}
.field .section_week .mid_cnt .table .body{height:258px;color:#6d6d6d}
.field .section_daily{width:40%;margin-right:10px}
.field .section_daily .tit_cnt{margin-bottom:28px}
.field .section_daily .tit_cnt .tit{float:left;position:relative;height:auto;margin-right:0;margin-bottom:0;padding-left:32px;font-size:16px}
.field .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%)}
.field .section_daily .tit_cnt .more{float:right}
.field .section_daily .tit_cnt .s_tit{float:left;width:calc(100% - 32px);padding-left:32px}
.field .section_daily .info_cnt{margin-bottom:40px;font-size:16px}
.field .section_daily .info_cnt:after{display:block;clear:both;content:""}
.field .section_daily .info_cnt .cnt_bx{margin:25px auto}
.field .section_daily .info_cnt .item+.item{margin-top:10px}
.field .section_daily .info_cnt .item:after{display:block;clear:both;content:""}
.field .section_daily .info_cnt .item>dt{overflow:hidden;float:left;width:100px;white-space:nowrap;text-overflow:ellipsis}
.field .section_daily .info_cnt .item>dd{float:left;width:calc(100% - 100px);font-weight:500;text-align:center}
.field .section_daily .info_cnt .date_bx{float:left;font-weight:500}
.field .section_daily .info_cnt .legend_bx{float:right}
.field .section_daily .info_cnt .legend_bx:after{display:block;clear:both;content:""}
.field .section_daily .info_cnt .legend_bx>div{float:left;position:relative;margin-left:10px;padding-left:10px;font-size:12px}
.field .section_daily .info_cnt .legend_bx>div:before{position:absolute;top:6px;left:0;width:6px;height:6px;border-radius:50%;content:""}
.field .section_daily .info_cnt .legend_bx>div.fixed{color:#c1d8eb}
.field .section_daily .info_cnt .legend_bx>div.fixed:before{background-color:#c1d8eb}
.field .section_daily .info_cnt .legend_bx>div.overtime{color:#ebd6c1}
.field .section_daily .info_cnt .legend_bx>div.overtime:before{background-color:#ebd6c1}
.field .section_daily .info_cnt .legend_bx>div.night{color:#ebc1c1}
.field .section_daily .info_cnt .legend_bx>div.night:before{background-color:#ebc1c1}
.field .section_daily .mid_cnt{height:calc(100% - 123px)}
.field .section_daily .mid_cnt .chart_bx{height:100%}

/*프로젝트관리 요약정보*/
.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:after{display:block;clear:both;content:""}
.user .mid_area .left_cnt{float:left;width:300px;margin-right:20px}
.user .mid_area .left_cnt .section_tree{overflow:auto;height:calc(100vh - 228px)}
.user .mid_area .left_cnt .top_bx .left_bx {float: left;}
.user .mid_area .right_cnt{float:left;width:calc(100% - 320px)}
.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 .mid_area .btn_excel_part {display: block; width: 32px; height: 32px; background: url(../img/i_btn_excel_part.png) center no-repeat; background-size: contain; padding: 0; min-width: 32px;}
.user .mid_area .btn_excel_new {display: block; width: 32px; height: 32px; background: url(../img/i_btn_excel_new.png) center no-repeat; background-size: contain; padding: 0; min-width: 32px;}
.user .mid_area .btn_excel_already {display: block; width: 32px; height: 32px; background: url(../img/i_btn_excel_already.png) center no-repeat; background-size: contain; padding: 0; min-width: 32px;}
.user .tab_absence .table .memo{width:20%}
.user .tab_sort .left_cnt .search_bx{margin-right: 0;}
.user .tab_sort .left_cnt .search_bx .txt_bx{width:240px}
.user .pop_memo{text-align:center}

/*부서원설정*/
.user_set .mid_area .btn_toggle{width:51px;height:26px;padding:0}
.user_set .mid_area .btn_toggle.on{background:url(../img/btn_on.png) center no-repeat;background-size:51px 26px}
.user_set .mid_area .btn_toggle.off{background:url(../img/btn_off.png) center no-repeat;background-size:51px 26px}
.user_set .mid_area .table .body>table>tbody>tr>td .txt_bx{float:unset;width:90%;margin-right:0;line-height:normal}
.user_set .mid_area .table .body>table>tbody>tr>td .slt_bx{width:90%;margin-right:0}
.user_set .mid_area .table .body>table>tbody>tr .btn_under_01{cursor:pointer}
.user_set .mid_area .table  .devices .check_bx{text-align:left}

/*근태단말기관리*/
.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:after{display:block;clear:both;content:""}
.commute_user .mid_area .info_cnt{float:left;width:100%;margin-bottom:25px;line-height:29px}
.commute_user .mid_area .info_cnt:after{display:block;clear:both;content:""}
.commute_user .mid_area .info_cnt>p{float:left;position:relative;margin-right:20px;padding-right:20px;font-size:16px;font-weight:500}
.commute_user .mid_area .info_cnt>p:before{position:absolute;top:50%;right:0;width:1px;height:14px;background-color:#979797;transform:translateY(-50%);content:""}
.commute_user .mid_area .info_cnt>div{float:left}
.commute_user .mid_area .info_cnt .txt{padding-right:10px}
.commute_user .mid_area .info_cnt .txt+.txt{margin-left:10px}
.commute_user .mid_area .left_cnt{float:left;width:300px;margin-right:20px}
.commute_user .mid_area .left_cnt .search_bx{margin-right:0}
.commute_user .mid_area .left_cnt .search_bx .txt_bx{width:240px}
.commute_user .mid_area .left_cnt .section_tree{overflow:auto;height:calc(100vh - 280px)}
.commute_user .mid_area .right_cnt{float:left;width:calc(100% - 372px);padding:26px;background-color:#fff;border-radius:3px}
.commute_user .mid_area .right_cnt .info_bx{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #D8D8D8}
.commute_user .mid_area .right_cnt .info_bx .info_wrap{width:100%;max-width:1260px;margin-top: 10px;}
.commute_user .mid_area .right_cnt .info_bx .info_wrap:after{display:block;clear:both;content:""}
.commute_user .mid_area .right_cnt .info_bx .info_wrap .item{float:left;width:calc(150px - 10px);margin-right:10px}
.commute_user .mid_area .right_cnt .info_bx .info_wrap .item .t{display:block;font-weight:500}
.commute_user .mid_area .right_cnt .info_bx .info_wrap .slt_bx {width: 138px;}
.commute_user .mid_area .right_cnt .top_bx{margin-bottom:0}
.commute_user .mid_area .right_cnt .top_bx .datepicker_bx .btn_border_02{float:left;margin-left:0;margin-right:10px}
.commute_user .mid_area .right_cnt .top_bx .txt_bx{width:180px}
.commute_user .mid_area .section_list{padding:0}
.commute_user .mid_area .section_list .table.wide .head,
.commute_user .mid_area .section_list .table.wide .body{width:5500px}
.commute_user .tab_period .section_list .table.wide .head,
.commute_user .tab_period .section_list .table.wide .body{width:3000px}
.commute_user .mid_area .section_list .table .body{height:calc(100vh - 492px)}
.commute_user .mid_area .section_list .table.line_1 .body{height:calc(100vh - 492px)}
.commute_user .mid_area .section_list .table.line_2 .body{height:calc(100vh - 544px)}

.commute_user .tab_period .section_list .table .body {height: calc(100vh - 421px);}
.commute_user .mid_area .section_list .body td>i{display:block}
.commute_user .mid_area .section_list .body .btn_under_01{cursor:pointer}


/*근로보상관리*/
.work_compensation .mid_area:after{display:block;clear:both;content:""}
.work_compensation .mid_area .info_cnt{float:left;width:100%;margin-bottom:25px;line-height:29px}
.work_compensation .mid_area .info_cnt:after{display:block;clear:both;content:""}
.work_compensation .mid_area .info_cnt>p{float:left;position:relative;margin-right:20px;padding-right:20px;font-size:16px;font-weight:500}
.work_compensation .mid_area .info_cnt>p:before{position:absolute;top:50%;right:0;width:1px;height:14px;background-color:#979797;transform:translateY(-50%);content:""}
.work_compensation .mid_area .info_cnt>div{float:left}
.work_compensation .mid_area .info_cnt .txt{padding-right:10px}
.work_compensation .mid_area .info_cnt .txt+.txt{margin-left:10px}
.work_compensation .mid_area .left_cnt{float:left;width:300px;margin-right:20px}
.work_compensation .mid_area .left_cnt .search_bx{margin-right:0}
.work_compensation .mid_area .left_cnt .search_bx .txt_bx{width:240px}
.work_compensation .mid_area .right_cnt .search_bx .btn_border_02 {margin-right: 8px;}
.work_compensation .mid_area .left_cnt .section_tree{overflow:auto;height:calc(100vh - 228px)}
.work_compensation .mid_area .right_cnt{float:left;width:calc(100% - 372px);padding:26px;background-color:#fff;border-radius:3px}
.work_compensation .mid_area .right_cnt .top_bx{margin-bottom:0}
.work_compensation .mid_area .right_cnt .top_bx .datepicker_bx .btn_border_02{float:left;margin-left:0;margin-right:10px}
.work_compensation .mid_area .right_cnt .top_bx .txt_bx{width:180px}
.work_compensation .mid_area .section_list{padding:0}
.work_compensation .mid_area .section_list .table .body{height:calc(100vh - 321px)}
.work_compensation .mid_area .section_list .body .btn_under_01{cursor:pointer}


/*노무거부수령문 관리*/
.work_refusal .mid_area:after{display:block;clear:both;content:""}
.work_refusal .mid_area .info_cnt{float:left;width:100%;margin-bottom:25px;line-height:29px}
.work_refusal .mid_area .info_cnt:after{display:block;clear:both;content:""}
.work_refusal .mid_area .info_cnt>p{float:left;position:relative;margin-right:20px;padding-right:20px;font-size:16px;font-weight:500}
.work_refusal .mid_area .info_cnt>p:before{position:absolute;top:50%;right:0;width:1px;height:14px;background-color:#979797;transform:translateY(-50%);content:""}
.work_refusal .mid_area .info_cnt>div{float:left}
.work_refusal .mid_area .info_cnt .txt{padding-right:10px}
.work_refusal .mid_area .info_cnt .txt+.txt{margin-left:10px}
.work_refusal .mid_area .left_cnt{float:left;width:300px;margin-right:20px}
.work_refusal .mid_area .left_cnt .search_bx{margin-right:0}
.work_refusal .mid_area .left_cnt .search_bx .txt_bx{width:240px}
.work_refusal .mid_area .right_cnt .search_bx .btn_border_02 {margin-right: 8px;}
.work_refusal .mid_area .left_cnt .section_tree{overflow:auto;height:calc(100vh - 228px)}
.work_refusal .mid_area .right_cnt{float:left;width:calc(100% - 372px);padding:26px;background-color:#fff;border-radius:3px}
.work_refusal .mid_area .right_cnt .top_bx{margin-bottom:0}
.work_refusal .mid_area .right_cnt .top_bx .datepicker_bx .btn_border_02{float:left;margin-left:0;margin-right:10px}
.work_refusal .mid_area .right_cnt .top_bx .txt_bx{width:180px}
.work_refusal .mid_area .section_list{padding:0}
.work_refusal .mid_area .section_list .table .body{height:calc(100vh - 321px)}
.work_refusal .mid_area .section_list .body .btn_under_01{cursor:pointer}


/*급여 관리*/
.pay_mgt .mid_area:after{display:block;clear:both;content:""}
.pay_mgt .mid_area .info_cnt{float:left;width:100%;margin-bottom:25px;line-height:29px}
.pay_mgt .mid_area .info_cnt:after{display:block;clear:both;content:""}
.pay_mgt .mid_area .info_cnt>p{float:left;position:relative;margin-right:20px;padding-right:20px;font-size:16px;font-weight:500}
.pay_mgt .mid_area .info_cnt>p:before{position:absolute;top:50%;right:0;width:1px;height:14px;background-color:#979797;transform:translateY(-50%);content:""}
.pay_mgt .mid_area .info_cnt>div{float:left}
.pay_mgt .mid_area .info_cnt .txt{padding-right:10px}
.pay_mgt .mid_area .info_cnt .txt+.txt{margin-left:10px}
.pay_mgt .mid_area .left_cnt{float:left;width:300px;margin-right:20px}
.pay_mgt .mid_area .left_cnt .search_bx{margin-right:0}
.pay_mgt .mid_area .left_cnt .search_bx .txt_bx{width:240px}
.pay_mgt .mid_area .right_cnt .search_bx .btn_border_02 {margin-right: 8px;}
.pay_mgt .mid_area .left_cnt .section_tree{overflow:auto;height:calc(100vh - 228px)}
.pay_mgt .mid_area .right_cnt{float:left;width:calc(100% - 372px);padding:26px;background-color:#fff;border-radius:3px}
.pay_mgt .mid_area .right_cnt .top_bx{margin-bottom:0}
.pay_mgt .mid_area .right_cnt .top_bx .datepicker_bx .btn_border_02{float:left;margin-left:0;margin-right:10px}
.pay_mgt .mid_area .right_cnt .top_bx .txt_bx{width:180px}
.pay_mgt .mid_area .section_list{padding:0}
.pay_mgt .mid_area .section_list .table .body{height:calc(100vh - 329px)}
.pay_mgt .mid_area .section_list .body .btn_under_01{cursor:pointer}
.pay_mgt .mid_area .section_list .table .head,
.pay_mgt .mid_area .section_list .table .body {width: 1800px;}



/*선택OT관리*/
.selective_overtime .mid_area:after{display:block;clear:both;content:""}
.selective_overtime .mid_area .info_cnt{float:left;width:100%;margin-bottom:25px;line-height:29px}
.selective_overtime .mid_area .info_cnt:after{display:block;clear:both;content:""}
.selective_overtime .mid_area .info_cnt>p{float:left;position:relative;margin-right:20px;padding-right:20px;font-size:16px;font-weight:500}
.selective_overtime .mid_area .info_cnt>p:before{position:absolute;top:50%;right:0;width:1px;height:14px;background-color:#979797;transform:translateY(-50%);content:""}
.selective_overtime .mid_area .info_cnt>div{float:left}
.selective_overtime .mid_area .info_cnt .txt{padding-right:10px}
.selective_overtime .mid_area .info_cnt .txt+.txt{margin-left:10px}
.selective_overtime .mid_area .left_cnt{float:left;width:300px;margin-right:20px}
.selective_overtime .mid_area .left_cnt .search_bx{margin-right:0}
.selective_overtime .mid_area .left_cnt .search_bx .txt_bx{width:240px}
.selective_overtime .mid_area .info_cnt .right_bx{float:right}
.selective_overtime .mid_area .left_cnt .section_tree{overflow:auto;height:calc(100vh - 283px)}

.selective_overtime .mid_area .right_cnt{float:left;width:calc(100% - 372px);padding:26px;background-color:#fff;border-radius:3px}
.selective_overtime .mid_area .right_cnt .info_bx{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #D8D8D8}
.selective_overtime .mid_area .right_cnt .info_bx .info_wrap{width:100%;max-width:1260px}
.selective_overtime .mid_area .right_cnt .info_bx .info_wrap:after{display:block;clear:both;content:""}
.selective_overtime .mid_area .right_cnt .info_bx .info_wrap .item{float:left;width:calc(100% / 7 - 10px);margin-right:10px}
.selective_overtime .mid_area .right_cnt .info_bx .info_wrap .item .t{display:block;font-weight:500}
.selective_overtime .mid_area .right_cnt .top_bx{margin-bottom:0}
.selective_overtime .mid_area .right_cnt .top_bx .datepicker_bx .btn_border_02{float:left;margin-left:0;margin-right:10px}
.selective_overtime .mid_area .right_cnt .top_bx .txt_bx{width:180px}
.selective_overtime .mid_area .section_list{margin-top:10px;padding:0}
.selective_overtime .mid_area .section_list .table.wide .head,
.selective_overtime .mid_area .section_list .table.wide .body{width:3400px}
.selective_overtime .mid_area .section_list .table .body{height:calc(100vh - 424px)}
.selective_overtime .mid_area .section_list .table .body>table>tbody>tr{border-bottom:none}
.selective_overtime .mid_area .section_list .body td>i{display:block}
.selective_overtime .mid_area .section_list .body .btn_under_01{cursor:pointer}
.selective_overtime .mid_area .section_list .table .fixed,
.selective_overtime .mid_area .section_list .table .work_total,
.selective_overtime .mid_area .section_list .table .fixed_ot,
.selective_overtime .mid_area .section_list .table .real_ot{position:relative;z-index:1}
.selective_overtime .mid_area .section_list .table .fixed:before{position:absolute;top:50%;left:0;width:100%;background-color:#FFEAEA;transform:translateY(-50%);z-index:-1;content:""}
.selective_overtime .mid_area .section_list .table .work_total:before{position:absolute;top:50%;left:0;width:100%;background-color:#FEFFEA;transform:translateY(-50%);z-index:-1;content:""}
.selective_overtime .mid_area .section_list .table .fixed_ot:before{position:absolute;top:50%;left:0;width:100%;background-color:#F2FFEA;transform:translateY(-50%);z-index:-1;content:""}
.selective_overtime .mid_area .section_list .table .real_ot:before{position:absolute;top:50%;left:0;width:100%;background-color:#EAFFFC;transform:translateY(-50%);z-index:-1;content:""}
.selective_overtime .mid_area .section_list .table>div>table>thead .tr-1{height:30px}
.selective_overtime .mid_area .section_list .table th:before{height:100%}
.selective_overtime .mid_area .section_list .table td.fixed:before,
.selective_overtime .mid_area .section_list .table td.work_total:before,
.selective_overtime .mid_area .section_list .table td.fixed_ot:before,
.selective_overtime .mid_area .section_list .table td.real_ot:before{height:32px}
.selective_overtime .mid_area .section_list .table .r-d:before{border-radius:8px}
.selective_overtime .mid_area .section_list .table .r-start:before{border-radius:8px 0 0 8px}
.selective_overtime .mid_area .section_list .table .r-end:before{border-radius:0 8px 8px 0}
.selective_overtime .mid_area .section_list .table .tr-1 .fixed:before,
.selective_overtime .mid_area .section_list .table .tr-2 .fixed:before{top:0;transform:translateY(0)}
.selective_overtime .mid_area .section_list .table .tr-1 .r-d:before{border-radius:8px 8px 0 0}
.selective_overtime .mid_area .section_list .table .tr-2 .fixed.r-start:before,
.selective_overtime .mid_area .section_list .table .tr-2 .fixed_ot.r-start:before,
.selective_overtime .mid_area .section_list .table .tr-2 .real_ot.r-start:before{border-radius:0 0 0 8px}
.selective_overtime .mid_area .section_list .table .tr-2 .fixed.r-end:before,
.selective_overtime .mid_area .section_list .table .tr-2 .fixed_ot.r-end:before,
.selective_overtime .mid_area .section_list .table .tr-2 .real_ot.r-end:before{border-radius:0 0 8px 0}
.selective_overtime .mid_area .section_list .table .tr-1 .fixed{color:#ED3E3E}
.selective_overtime .mid_area .section_list .table .tr-1 .fixed_ot{color:#3B9B00}
.selective_overtime .mid_area .section_list .table .tr-1 .real_ot{color:#00A48C}

/*부서원 PC통계*/
.user_pc .mid_area:after{display:block;clear:both;content:""}
.user_pc .mid_area .info_cnt{float:left;width:100%;margin-bottom:25px;line-height:29px}
.user_pc .mid_area .info_cnt:after{display:block;clear:both;content:""}
.user_pc .mid_area .info_cnt>p{float:left;position:relative;margin-right:20px;padding-right:20px;font-size:16px;font-weight:500}
.user_pc .mid_area .info_cnt>p:before{position:absolute;top:50%;right:0;width:1px;height:14px;background-color:#979797;transform:translateY(-50%);content:""}
.user_pc .mid_area .info_cnt>div{float:left}
.user_pc .mid_area .info_cnt .txt{padding-right:10px}
.user_pc .mid_area .info_cnt .txt+.txt{margin-left:10px}
.user_pc .mid_area .left_cnt{float:left;width:300px;margin-right:20px}
.user_pc .mid_area .left_cnt .search_bx{margin-right:0}
.user_pc .mid_area .left_cnt .search_bx .txt_bx{width:240px}
.user_pc .mid_area .left_cnt .section_tree{overflow:auto;height:calc(100vh - 280px)}
.user_pc .mid_area .right_cnt{float:left;width:calc(100% - 372px);padding:26px;background-color:#fff;border-radius:3px}
.user_pc .mid_area .right_cnt .info_bx{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #D8D8D8}
.user_pc .mid_area .right_cnt .info_bx .info_wrap{width:100%;max-width:1260px; margin-top: 10px;}
.user_pc .mid_area .right_cnt .info_bx .info_wrap:after{display:block;clear:both;content:""}
.user_pc .mid_area .right_cnt .info_bx .info_wrap .item{float:left;width:calc(100% / 7 - 10px);margin-right:10px}
.user_pc .mid_area .right_cnt .info_bx .info_wrap .item .t{display:block;font-weight:500}
.user_pc .mid_area .right_cnt .top_bx{margin-bottom:0}
.user_pc .mid_area .right_cnt .top_bx .datepicker_bx .btn_border_02{float:left;margin-left:0;margin-right:10px}
.user_pc .mid_area .right_cnt .top_bx .txt_bx{width:180px}
.user_pc .mid_area .section_list{padding:0}
.user_pc .mid_area .section_list .table.wide .head,
.user_pc .mid_area .section_list .table.wide .body{width:3800px}
.user_pc .mid_area .section_list .table .body{height:calc(100vh - 544px)}
.user_pc .mid_area .section_list .body td>i{display:block}
.user_pc .mid_area .section_list .body .btn_under_01{cursor:pointer}
.user_pc .mid_area .right_cnt .info_bx .info_wrap .item{float:left;width:calc(150px - 10px);margin-right:10px}
.user_pc .mid_area .right_cnt .info_bx .info_wrap .item .t{display:block;font-weight:500}
.user_pc .mid_area .right_cnt .info_bx .info_wrap .slt_bx {width: 138px;}

/*사용신청관리*/
.request .mid_area .top_bx .btn_bx {margin-right: 10px; float: left; padding: 0;}
.request .mid_area .top_bx .search_bx:nth-child(1) .slt_bx{margin-right:0}
.request .mid_area .top_bx .btn_under_01{float:left;height:32px}
.request .table>div>table>thead>tr>.memo, 
.request .table>div>table>tbody>tr>.memo{width:auto}
.request .mid_area .section_list .table .head .i_help .help_txt .red .dot.red {display: inline-block; width: 8px; height: 8px; background: #EE2C2C; border-radius: 50%; margin-right: 4px;}
.request .mid_area .section_list .table .body .dot.red {display: inline-block; width: 8px; height: 8px; background: #EE2C2C; border-radius: 50%; margin-right: 4px;}



/*유연근무제 스케줄*/
.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 .top_area .right_cnt .excel_mgt{line-height: 30px;}
.field_schedule .mid_area .top_bx .search_bx:nth-child(1) .slt_bx{margin-right:0}
.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%;cursor: pointer;}
.field_schedule .calendar .cal_bx>table>tbody>tr>td.on .d.active {background: rgb(84 186 219 / 20%)}
.field_schedule .calendar .cal_bx>table>tbody>tr>td.on .d>i{display:inline-block;width:calc(100% - 50px);text-align: left;}
.field_schedule .calendar .cal_bx>table>tbody>tr>td.on .d>button{display:inline-block;}
.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 - 373px)}
.field_schedule .tab_list .section_list .table .total{background-color:#8d8a8a;color:#fff}
.field_schedule .tab_list .section_list .head .fixed{float:left;position:relative;top:0;left:0;width:120px;height:66px;margin-right:0;padding-left:10px;background-color:#fff;line-height:64px;border:1px solid #ebebeb;box-sizing:border-box;cursor:default;z-index:100}
.field_schedule .tab_list .section_list .head .date>span>i{width:55px}
.field_schedule .tab_list .section_list .body>div .prj>.fixed{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}
.field_schedule .tab_list .section_list .body>div .prj>span>i{width:55px;font-size:14px}
.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}
.field_schedule .tab_list .section_list .body>div .prj>span>i.memo{cursor:pointer}
.field_schedule .tab_list .section_list {position: relative; }
.field_schedule .tab_list .section_list .body > div {position: relative; max-height: 1280px; overflow: hidden; transition: max-height 0.3s ease;}
.field_schedule .tab_list .section_list .body .readall_btn{font-size:14px;font-weight:400;background:#fff; border: 1px solid #003a79; color: #003a79; border-radius: 6px; padding: 2px 8px; margin-left: 40%; margin-top: 10px; margin-bottom: 10px;}
.field_schedule .tab_list .section_list .body .readall_btn.hidden{display:none}

.field_schedule .tab_daily .section_list .table .border{border-right:1px solid #e5e5e5}
.field_schedule .tab_daily .section_list .table .body{height:calc(100vh - 420px)}
.field_schedule .tab_place .top_bx .search_bx:nth-child(1) .slt_bx{margin-right:8px}
.field_schedule .tab_place .section_list .table .body{height:calc(100vh - 368px)}

/*외근관리*/
.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}
.outside .table>div>table>thead>tr>.memo, 
.outside .table>div>table>tbody>tr>.memo {width: auto;}
.outside .mid_area .table.wide {overflow-x: auto;}
.outside .mid_area .table.wide .head, 
.outside .mid_area .table.wide .body {width: 1800px;}
.outside .mid_area .table.wide .body {height: calc(100vh - 376px) !important;}

/*회의관리-화상회의*/
.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:60%;margin-right:3px;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.disconnect{color:#ff4368}
.installed .table .body>table>tbody>tr>td.connect{color:#43ff8c}

/*연차관리*/
.vacation .mid_area .section_list .table .memo{width:auto}
.vacation .mid_area .section_list .table .btn_under_01{cursor:pointer}
.vacation .tab_vacation .section_list .table.wide .head, 
.vacation .tab_vacation .section_list .table.wide .body{width:2300px}
.vacation .tab_vacation .section_list .table .body{height:calc(100vh - 377px)}
.vacation .tab_vacation .section_list .table .vacation{width:60px}
.vacation .tab_vacation .section_list .table .vacation_color_0,
.vacation .tab_vacation .section_list .table .vacation_color_1,
.vacation .tab_vacation .section_list .table .vacation_color_2,
.vacation .tab_vacation .section_list .table .vacation_color_3,
.vacation .tab_vacation .section_list .table .vacation_color_4{position:relative;z-index:1}
.vacation .tab_vacation .section_list .table .vacation_color_0:before{position:absolute;top:50%;left:0;width:100%;height:30px;background-color:#FFEAEA;transform:translateY(-50%);z-index:-1;content:""}
.vacation .tab_vacation .section_list .table .vacation_color_1:before{position:absolute;top:50%;left:0;width:100%;height:30px;background-color:#FEFFEA;transform:translateY(-50%);z-index:-1;content:""}
.vacation .tab_vacation .section_list .table .vacation_color_2:before{position:absolute;top:50%;left:0;width:100%;height:30px;background-color:#F2FFEA;transform:translateY(-50%);z-index:-1;content:""}
.vacation .tab_vacation .section_list .table .vacation_color_3:before{position:absolute;top:50%;left:0;width:100%;height:30px;background-color:#dde8f6;transform:translateY(-50%);z-index:-1;content:""}
.vacation .tab_vacation .section_list .table .vacation_color_4:before{position:absolute;top:50%;left:0;width:100%;height:30px;background-color:#eee1ff;transform:translateY(-50%);z-index:-1;content:""}
.vacation .tab_vacation .section_list .table .r-start:before{border-radius:8px 0 0 8px}
.vacation .tab_vacation .section_list .table .r-end:before{border-radius:0 8px 8px 0}
.vacation .tab_history .top_bx .search_bx:nth-child(1) .slt_bx{margin-right:0}
.vacation .tab_history .top_bx>.btn_under_01{float:left;height:32px}

/*연차관리*/
.vacation_management .mid_area .section_list .table .memo{width:auto}
.vacation_management .mid_area .section_list .table .btn_under_01{cursor:pointer}
.vacation_management .tab_vacation .section_list .table.wide .head, 
.vacation_management .tab_vacation .section_list .table.wide .body{width:2300px}
.vacation_management .tab_vacation .section_list .table .body{height:calc(100vh - 377px)}
.vacation_management .tab_vacation .section_list .table .vacation{width:60px}
.vacation_management .tab_vacation .section_list .table .vacation_color_0,
.vacation_management .tab_vacation .section_list .table .vacation_color_1,
.vacation_management .tab_vacation .section_list .table .vacation_color_2,
.vacation_management .tab_vacation .section_list .table .vacation_color_3,
.vacation_management .tab_vacation .section_list .table .vacation_color_4{position:relative;z-index:1}
.vacation_management .tab_vacation .section_list .table .vacation_color_0:before{position:absolute;top:50%;left:0;width:100%;height:30px;background-color:#FFEAEA;transform:translateY(-50%);z-index:-1;content:""}
.vacation_management .tab_vacation .section_list .table .vacation_color_1:before{position:absolute;top:50%;left:0;width:100%;height:30px;background-color:#FEFFEA;transform:translateY(-50%);z-index:-1;content:""}
.vacation_management .tab_vacation .section_list .table .vacation_color_2:before{position:absolute;top:50%;left:0;width:100%;height:30px;background-color:#F2FFEA;transform:translateY(-50%);z-index:-1;content:""}
.vacation_management .tab_vacation .section_list .table .vacation_color_3:before{position:absolute;top:50%;left:0;width:100%;height:30px;background-color:#dde8f6;transform:translateY(-50%);z-index:-1;content:""}
.vacation_management .tab_vacation .section_list .table .vacation_color_4:before{position:absolute;top:50%;left:0;width:100%;height:30px;background-color:#eee1ff;transform:translateY(-50%);z-index:-1;content:""}
.vacation_management .tab_vacation .section_list .table .r-start:before{border-radius:8px 0 0 8px}
.vacation_management .tab_vacation .section_list .table .r-end:before{border-radius:0 8px 8px 0}
.vacation_management .tab_history .top_bx .search_bx:nth-child(1) .slt_bx{margin-right:0}
.vacation_management .tab_history .top_bx>.btn_under_01{float:left;height:32px}

/*근로시간 관리*/
.user_worktime .mid_area:after {display: block;clear: both;content: "";}
.user_worktime .mid_area .left_cnt{float:left;width:300px;margin-right:20px}
.user_worktime .mid_area .left_cnt .search_bx{margin-right:0}
.user_worktime .mid_area .left_cnt .search_bx .txt_bx{width:240px}
.user_worktime .mid_area .left_cnt .section_tree{overflow:auto;height:calc(100vh - 226px)}
.user_worktime .mid_area .right_cnt{float:left;width:calc(100% - 372px);padding:26px;background-color:#fff;border-radius:3px;height:calc(100vh - 236px); overflow: auto;}

.user_worktime .tab_calendar .right_cnt .head_bx{width:100%;text-align:center;}
.user_worktime .tab_calendar .right_cnt .head_bx .month{display:inline-block;height:24px;font-size:16px}
.user_worktime .tab_calendar .right_cnt .head_bx .month:after{display:block;clear:both;content:""}
.user_worktime .tab_calendar .right_cnt .head_bx .month>button{float:left;width:24px;height:24px}
.user_worktime .tab_calendar .right_cnt .head_bx .month>span{float:left;margin:0 10px;font-weight:500}

.user_worktime .tab_calendar .right_cnt .calendar{text-align:center}
.user_worktime .tab_calendar .right_cnt .calendar .tr:after{display:block;clear:both;content:""}
.user_worktime .tab_calendar .right_cnt .calendar .tr>div{float:left;width:calc(100% / 7)}
.user_worktime .tab_calendar .right_cnt .calendar .head{height:32px;font-weight:500;line-height:32px}
.user_worktime .tab_calendar .right_cnt .calendar .body .prv,
.user_worktime .tab_calendar .right_cnt .calendar .body .nxt{color:#c8c8c8}
.user_worktime .tab_calendar .right_cnt .calendar .body .holiday{color:#E02020}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr{min-height:100px}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr+.tr{margin-top:10px}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div .day{display:block;height:32px;background-color:#F6F6F6;font-weight:500;line-height:32px; cursor: pointer;}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div .day > span {font-size: 12px; margin-left: 3px; background: #e7eeff; border-radius: 4px; padding: 2px 6px;}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div:first-child .day{border-radius:10px 0 0 10px}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div:last-child .day{border-radius:0 10px 10px 0}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span,
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>button{display:block;width:95%;height:32px;margin:5px auto 0;color:#333;line-height:32px;border-radius:10px}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.plan{background-color:#A2DADA}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.early_work{background-color:#F4B0B4}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.overtime{background-color:#ebd6c1;}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.break_time{background-color:#FFEB3B}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.tps{background-color:#ACA2DA}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.total{background-color:#B8DAA2}

.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.standard{background-color:#ebd6c1}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.education{background-color:#c1d8eb}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.business{background-color:#E4A2DC}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.vacation{background-color:#EE656D}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.user{background-color:#e7eeff}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.real_overtime{background-color:#A2DADA}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.empty{background-color:#dedede;}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.after_work{background-color:#ffb471;}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span.flextime{background-color:#54abff;}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span .red {color: #E02020;}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>button.more{background-color:#e7eeff;color:#004eff;text-decoration:underline}
.user_worktime .tab_calendar .right_cnt .calendar .body .tr>div>span[onclick]:hover{cursor:pointer}


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

/*정책설정*/
.nav_set .m_return{position:relative;margin-bottom:20px;padding-bottom:10px}
.nav_set .m_return:before{position:absolute;bottom:0;left:10px;width:calc(100% - 10px);height:1px;background-color:#cdcdcd;content:""}
/*탭공통*/
.setting .mid_area .btn_under_01{cursor:pointer}
.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 - 203px)}
.setting .mid_area .tab_sct{width:250px;margin-right:20px;text-align:center}
.setting .mid_area .tab_sct>ul{height: calc(100vh - 260px); overflow-y: auto;}
.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>dt>p {font-size: 11px; font-weight: 500; color: #929292;}
.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.off>dl>dd {width: 880px;}
.setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap {float: left; margin-left: 10px;}
.setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx {float: left; line-height: 32px;}
.setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx>input.check+label {margin-top: 8px;}
.setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(1) {width: 140px ;}
.setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(2) {width: 100px ;}
.setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(3) {width: 100px ;}
.setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(4) {width: 130px ;}
.setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(5) {width: 100px ;}
.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 .item .core_time>dt .i_help .help_txt{bottom:-41px}
.setting .mid_area .cnt_sct .tab_cnt .contents .item .core_time>dd .slt_bx{float:unset}
.setting .mid_area .cnt_sct .tab_cnt .contents .item .core_time>dd .time_bx{margin-top:10px}
/*정책설정 연차설정, 출장설정 테이블 공통*/
.setting .mid_area .cnt_sct .tab_cnt .contents .tit .right_bx{margin-right:20px}
.setting .mid_area .cnt_sct .tab_cnt .contents .tit .right_bx .setting_btn_edit {display: flex; align-items: center; background: #F0F0F0; padding: 4px 8px 4px 4px; border-radius: 20px; font-size: 14px; line-height: 18px; color: #555555;}
.setting .mid_area .cnt_sct .tab_cnt .contents .tit .right_bx .setting_btn_edit > .icon {width: 16px; height: 16px; display: block; background: url(../img/setting_btn_edit.png) center no-repeat; background-size: contain; margin-right: 2px;}
.setting .mid_area .cnt_sct .tab_cnt .contents .tit .right_bx .setting_btn_add {display: flex; align-items: center; background: #D6E7FF; padding: 4px 8px 4px 4px; border-radius: 20px; font-size: 14px; line-height: 18px; color: #0050FF;}
.setting .mid_area .cnt_sct .tab_cnt .contents .tit .right_bx .setting_btn_add > .icon {width: 16px; height: 16px; display: block; background: url(../img/setting_btn_add.png) center no-repeat; background-size: contain; margin-right: 2px;}
.setting .mid_area .cnt_sct .tab_cnt .contents .tit .right_bx .setting_btn_del {display: flex; align-items: center; background: #FFD6DE; padding: 4px 8px 4px 4px; border-radius: 20px; font-size: 14px; line-height: 18px; color: #FF4368;}
.setting .mid_area .cnt_sct .tab_cnt .contents .tit .right_bx .setting_btn_del > .icon {width: 16px; height: 16px; display: block; background: url(../img/setting_btn_del.png) center no-repeat; background-size: contain; margin-right: 2px;}
.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_cnt .contents .item .list_add>dd{width:auto;height:auto;padding-left:0;line-height:unset;border:none}
.setting .mid_area .cnt_sct .tab_cnt .contents .item .list_add>dd .btn_under_01{margin-bottom:5px}
.setting .mid_area .cnt_sct .tab_cnt .contents .item .list_add>dd .added:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_cnt .contents .item .list_add>dd .added+.added{margin-top:5px}

/*정책설정:일반설정*/
.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;}
.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{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;}
.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{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;}
.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_general .contents .code .emergency_code>dd{width:auto;padding-left:0;border:none}
.setting .mid_area .cnt_sct .tab_general .contents .emergency_code>dd>div{float:left;margin-right:10px}
.setting .mid_area .cnt_sct .tab_general .contents .emergency_code .drag{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 .emergency_code .check_bx{width:80px}
.setting .mid_area .cnt_sct .tab_general .contents .off {margin-top: 20px; margin-bottom: 20px;}
.setting .mid_area .cnt_sct .tab_general .contents .off .txt {float: left; margin-right: 10px; line-height: 32px;}
.setting .mid_area .cnt_sct .tab_general .contents .off .slt_bx {margin-right: 10px !important;}
.setting .mid_area .cnt_sct .tab_general .contents .leave_work_time .time_slt {float: left; margin-left: 10px; display: none;}
.setting .mid_area .cnt_sct .tab_general .contents .leave_work_time .time_slt .slt_bx {float: left; width: 80px; margin-left: 10px;}

/*정책설정:근로설정*/
.setting .mid_area .cnt_sct .tab_work .contents .item .get_off>dd .check_bx{float:left;width:170px}
.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;}
.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{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 .vacation .download{position:relative}
.setting .mid_area .cnt_sct .tab_work .contents .item .vacation .download .excel_cal{display:none;position:absolute;top:0;left:220px}
.setting .mid_area .cnt_sct .tab_work .contents .item .vacation .download .excel_cal .datepicker{width:0;height:0}
.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{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 .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_work .contents .item .revise_time_setting .check_bx{float:left;width:100px;margin-top:4px;margin-left:10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .weekly_overtime .bold{color:#ff0000}
.setting .mid_area .cnt_sct .tab_work .contents .item .weekly_overtime .bold>option{color:#9fa0a1}
.setting .mid_area .cnt_sct .tab_work .contents .item .weekly_overtime .bold>.bold{color:#ff0000}
.setting .mid_area .cnt_sct .tab_work .contents .item .empty_add>dd .btn_under_01{margin-bottom:5px}
.setting .mid_area .cnt_sct .tab_work .contents .item .empty_add>dd .added:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_work .contents .item .empty_add>dd .added+.added{margin-top:5px}
.setting .mid_area .cnt_sct .tab_work .contents .core_time .time_bx{margin-top:10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .time_bx>button{float:left;margin-left:10px}
.setting .mid_area .cnt_sct .tab_work .contents .overtime_auto .alarm_num{float:left;margin-left:10px;line-height:30px}
.setting .mid_area .cnt_sct .tab_work .contents .overtime_auto .alarm_num .btn_under_01{margin-right:6px;cursor:pointer}
.setting .mid_area .cnt_sct .tab_work .contents .compensation>dd {width: 700px !important;}
.setting .mid_area .cnt_sct .tab_work .contents .compensation>dd .check_bx{float:left;width:140px}
.setting .mid_area .cnt_sct .tab_work .contents .compensation>dd .detail {float: left; width: 350px; display: none;}
.setting .mid_area .cnt_sct .tab_work .contents .compensation>dd .detail .txt_bx {width: 50px;}
.setting .mid_area .cnt_sct .tab_work .contents .compensation>dd .detail>.slt_bx {float: none; margin-left: 20px; width: 100px;}

.setting .mid_area .cnt_sct .tab_work .contents .month_work{display: none;}
.setting .mid_area .cnt_sct .tab_work .contents .month_work dd>div {display: block; width: 100%; margin-bottom: 10px;}
.setting .mid_area .cnt_sct .tab_work .contents .month_work dd>div .txt_bx {width: 80px; text-align: right; padding-right: 10px; float: none;}
.setting .mid_area .cnt_sct .tab_work .contents .month_work dd>div .month_num {float: left; margin-right: 20px; width: 30px;height: 32px;line-height: 32px;}
.setting .mid_area .cnt_sct .tab_work .contents .month_work dd>div i {margin-right: 10px;}
.setting .mid_area .cnt_sct .tab_work .contents .month_work dd>div .overtime {margin-left: 20px;} 
.setting .mid_area .cnt_sct .tab_work .contents .day_work {display: none;}
.setting .mid_area .cnt_sct .tab_work .contents .day_work .txt_bx {width: 100px;}
.setting .mid_area .cnt_sct .tab_work .contents .day_work i {line-height: 32px; display: inline-block; float: left;}
.setting .mid_area .cnt_sct .tab_work .contents .day_work span {line-height: 32px; display: inline-block; float: left; margin-right: 10px;}
.setting .mid_area .cnt_sct .tab_work .contents .week_work {display: none;}
.setting .mid_area .cnt_sct .tab_work .contents .week_work dd>div {display: block; width: 100%; margin-bottom: 10px;}
.setting .mid_area .cnt_sct .tab_work .contents .week_work dd>div .txt_bx {width: 80px; text-align: right; padding-right: 10px; float: none;}
.setting .mid_area .cnt_sct .tab_work .contents .week_work dd>div .work {float: left; margin-right: 20px; width: 50px;height: 32px;line-height: 32px;}
.setting .mid_area .cnt_sct .tab_work .contents .week_work dd>div i {margin-right: 10px;}
.setting .mid_area .cnt_sct .tab_work .contents .week_work dd>div .overtime {margin-left: 20px;} 

.setting .mid_area .cnt_sct .tab_work .contents .item .empty_exclusion>dd{width:500px}
.setting .mid_area .cnt_sct .tab_work .contents .item .empty_exclusion>dd .time_bx .btn_under_01 {margin-left: 12px;}
.setting .mid_area .cnt_sct .tab_work .contents .item .empty_exclusion>dd .time_bx{float:unset;margin-bottom:10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .empty_exclusion>dd .time_bx .datepicker{float:left;margin-right:10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .empty_exclusion>dd .time_bx .slt_bx{margin-bottom:0}
.setting .mid_area .cnt_sct .tab_work .contents .item .empty_exclusion>dd .txt_wrap{float:unset;margin-bottom:10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .empty_exclusion>dd .txt_wrap:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_work .contents .item .empty_exclusion>dd .txt_wrap .txt_bx{width:310px}
.setting .mid_area .cnt_sct .tab_work .contents .item .empty_exclusion>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 .empty_exclusion>dd>ul>li{padding:4px 10px}
.setting .mid_area .cnt_sct .tab_work .contents .item .empty_exclusion>dd>ul>li:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_work .contents .item .empty_exclusion>dd>ul>li>i{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 .empty_exclusion>dd>ul>li>button{float:right;width:20px;height:20px;background-size:9px 8px}
.setting .mid_area .cnt_sct .tab_work .contents .item .empty_exclusion .day_wrap .check_bx {float: left; width: 14%; margin-bottom: 10px;}

.setting .mid_area .cnt_sct .tab_work .contents .item .time_set dd .slt_bx {width: 60px;}
.setting .mid_area .cnt_sct .tab_work .contents .item .time_set dd div.hide {display: none;}
.setting .mid_area .cnt_sct .tab_work .contents .item .time_set dd > div {display: flex; align-items: center; float: left;}
.setting .mid_area .cnt_sct .tab_work .contents .item .time_set dd > div > i {margin-right: 4px;}

/*정책설정:근무타입설정*/
.setting .mid_area .cnt_sct .tab_worktype .contents .mid_cnt .table .body{height:calc(100vh - 428px)}

/*정책설정:근로시간설정*/
.setting .mid_area .cnt_sct .tab_worktime .contents .worktime_chk .check_bx {float: left; width: 25%;}
.setting .mid_area .cnt_sct .tab_worktime .contents .table_list {margin-top: 32px;}
.setting .mid_area .cnt_sct .tab_worktime .contents .sub_item {display: none;}
.setting .mid_area .cnt_sct .tab_worktime .contents .sub_item.on {display: block;}

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

/*정책설정:유연근무제설정*/
.setting .mid_area .cnt_sct .tab_flexitime {overflow-y: auto; height: 100%;}
.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; width: 420px;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd .set_bx>dl{margin-bottom:10px; width: 520px;}
.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: 53px;}
.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 .break_alarm>dd .txt_bx{width:170px;margin-right:0}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .break_time>dd .check_bx{margin-bottom:10px; }
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .break_time>dd .slt_bx{float:unset}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .break_time>dd .time_bx{margin-top:10px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .used_time dd dl + dl {margin-top: 10px;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .used_time dd dl dt {width: 100px;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .used_set .set_bx dt{width:80px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item .used_set .btn_under_01{top:14px;margin-left:10px}
.setting .mid_area .cnt_sct .tab_flexitime .contents .auto_time .check_bx{width:80px;float: left; margin-right: 10px;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .manual_time {display: none;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .manual_time >dd>div {margin-bottom: 10px; height: 32px;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .manual_time >dd>div .slt_bx {width: 100px; margin-right: 10px;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .manual_time .datepicker {margin-right: 10px;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .manual_time .btn_under_01 {margin-right: 10px;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .use_time .manual_time>dd .btn_under_01 {top: 14px;}
.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_flexitime .selective .item .used_time>dd>.slt_bx{width:100px;margin-right:10px}
.setting .mid_area .cnt_sct .tab_flexitime .selective .item .used_time .time_bx>.slt_bx{width:80px;margin-right:10px}
.setting .mid_area .cnt_sct .tab_flexitime .selective .item .break_time .time_bx .btn_under_01,
.setting .mid_area .cnt_sct .tab_flexitime .selective .item .core_time .time_bx .btn_under_01{float:left;top:14px;margin-left:10px}
.setting .mid_area .cnt_sct .tab_flexitime .selective .item>dl>dd>ul{overflow-y:auto;width:424px;height:100px;margin-top:10px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.setting .mid_area .cnt_sct .tab_flexitime .selective .item>dl>dd>ul>li{padding:4px 10px}
.setting .mid_area .cnt_sct .tab_flexitime .selective .item>dl>dd>ul>li:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_flexitime .selective .item>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 .selective .item>dl>dd>ul>li>button{float:right;width:20px;height:20px;background-size:9px 8px}
.setting .mid_area .cnt_sct .tab_flexitime .selective .item .auto_schedule>dd .slt_bx{float:unset;width:132px;margin-left:10px}
.setting .mid_area .cnt_sct .tab_flexitime .selective .use_time .fixed_work>dd .txt_bx{width:80px;margin-right:10px}
.setting .mid_area .cnt_sct .tab_flexitime .selective .use_time .alarm_num>dd .btn_under_01{float:unset;margin-right:5px;cursor:pointer; top: 0;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item>.application_worktime>dt {display: inline-block;line-height: 32px;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item>.application_worktime>dd .txt_bx {width: 70px;margin-right: 0px;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item>.application_worktime>dd span {display: inline-block; float: left; margin: 0 6px; line-height: 32px;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item>.application_worktime>dd span+span {margin-left: 10px;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item>.application_worktime>dd dl + dl {margin-top: 10px;}
.setting .mid_area .cnt_sct .tab_flexitime .contents .item>.application_worktime>dd dl dt {line-height: 32px;}

/*정책설정:휴가설정*/
.setting .mid_area .cnt_sct .tab_vacation {overflow-y: auto; height: 100%;}
.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 .minus>dd .check_line{width:400px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .minus>dd .check_bx{float:left;width:50%}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .commute_user {display: none;}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .commute_user>dd .check_line{width:400px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .commute_user>dd .check_bx{float:left;width:50%}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_type>dd .check_line{width:300px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_type>dd .check_bx{float:left;width:50%}
.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:560px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_notice>dd .check_bx{float:left;width:calc(100% / 6)}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_add>dd{width:auto}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_add>dd .line+.line{margin-top:10px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_add>dd .line:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_add>dd .line .txt_bx{float:left;width:200px;margin-right:20px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_add>dd .line .txt_bx::placeholder{color:#9d9d9d}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_add>dd .line .check_bx{float:left;width:70px;margin-right:10px;line-height:30px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_add>dd .line .slt_bx{width:130px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_add>dd .line .btn_i_setting{float:left;width:32px;height:32px;background:url(../img/i_m_set.png) center no-repeat;background-size:16px 16px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_induce_notice .check_bx{float:left;width:120px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_induce_notice .btn_under_01{float:left}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .user_add .txt_bx{float:left;width:200px;margin-right:10px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .user_add .txt_bx::placeholder{color:#9d9d9d}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .user_add .check_bx{float:left;width:80px;margin-right:10px;line-height:30px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .user_add>dd>div{float:left;line-height:30px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .user_add .btn_under_01{margin:0 10px}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .labo_receipt .slt_bx {width: 120px;}
.setting .mid_area .cnt_sct .tab_vacation .contents .item .labo_receipt .btn_under_01 {display: none;}

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

/*정책설정:교육설정*/
.setting .mid_area .cnt_sct .tab_education .contents .table_list .table .body{height:calc(100vh - 355px)}

/*정책설정:알림설정*/
.setting .mid_area .cnt_sct .tab_alarm .contents .item .fixed_work>dd .slt_bx{float:unset;width:120px}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .fixed_work .type{margin-top:10px}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .fixed_work .type:after{display:block;clear:both;content:""}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .fixed_work .type .time .txt_bx{float:unset;width:60px;margin-right:10px}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .fixed_work .type .slt_bx{margin-top:10px}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .outside>dd .slt_bx {width: 120px;}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .alarm_num .btn_under_01{margin-right:10px}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .btn_toggle.on {background: url(../img/btn_on.png) center no-repeat;background-size: 51px 26px}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .btn_toggle.off {background: url(../img/btn_off.png) center no-repeat;background-size: 51px 26px}
.setting .mid_area .cnt_sct .tab_alarm .contents .item [class^='btn_'] {float: left;}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .noti .slt_bx {width: 70px; margin: 0 10px;}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .noti dd> i {float: left; line-height: 32px;}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .alarm dd .times {display: none; float: left; margin-left: 20px;}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .alarm dd .times .txt_bx {width: 50px;}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .alarm dd .times > i {line-height: 32px;}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .overtime_alarm dd .check_bx {width: calc(100% / 3); float: left;}
.setting .mid_area .cnt_sct .tab_alarm .contents .item .overtime_alarm dd .check_bx:nth-child(4),
.setting .mid_area .cnt_sct .tab_alarm .contents .item .overtime_alarm dd .check_bx:nth-child(5) {margin-top: 10px;}

/*정책설정>지점설정*/
.branch .mid_area .section_list:after{display:block;clear:both;content:""}
.branch .mid_area .section_list .left_area{float:left;width:49%;height:calc(100vh - 235px);margin-right:2%}
.branch .mid_area .section_list .left_area .map_cnt{height:100%}
.branch .mid_area .section_list .right_area{float:left;width:49%;height:100%;}
.branch .mid_area .section_list .right_area .contents{border:1px solid #b0b0b0;border-radius:3px;box-sizing:border-box}
.branch .mid_area .section_list .right_area .contents .top_cnt{padding:10px;border-bottom:1px solid #b0b0b0}
.branch .mid_area .section_list .right_area .contents .top_cnt:after{display:block;clear:both;content:""}
.branch .mid_area .section_list .right_area .contents .top_cnt .tit{float:left;width:auto;margin-bottom:0;color:#002d6b;font-size:16px;font-weight:500;border:none}
.branch .mid_area .section_list .right_area .contents .top_cnt .right_cnt{float:right}
.branch .mid_area .section_list .right_area .contents .top_cnt .right_cnt:after{display:block;clear:both;content:""}
.branch .mid_area .section_list .right_area .contents .top_cnt .right_cnt>button{float:left}
.branch .mid_area .section_list .right_area .contents .top_cnt .right_cnt .btn_under_04{margin:5px 10px 0 0}
.branch .mid_area .section_list .right_area .contents .top_cnt .right_cnt .search_bx .slt_bx{width:80px}
.branch .mid_area .section_list .right_area .contents .top_cnt .right_cnt .search_bx .txt_bx{width:140px}
.branch .mid_area .section_list .right_area .contents .top_cnt .right_cnt .on{display:block}
.branch .mid_area .section_list .right_area .contents .top_cnt .right_cnt .off{display:none}
.branch .mid_area .section_list .right_area .info .item{padding:10px}
.branch .mid_area .section_list .right_area .list .item{padding:0 10px 10px}
.branch .mid_area .section_list .right_area .contents .item>dl+dl{margin-top:10px}
.branch .mid_area .section_list .right_area .contents .item>dl>dd>i,
.branch .mid_area .section_list .right_area .contents .item>dl>dd>dl>dd>i{height:32px}
.branch .mid_area .section_list .right_area .contents .item>dl>dd .on{display:block}
.branch .mid_area .section_list .right_area .contents .item>dl>dd .off{display:none}
.branch .mid_area .section_list .right_area .contents .item>dl>dd .txt_bx{width:200px}
.branch .mid_area .section_list .right_area .contents .item>dl>dd>dl+dl{margin-left:10px}
.branch .mid_area .section_list .right_area .contents .item .table .body{height:calc(100vh - 771px)}
.branch .mid_area .section_list .right_area .contents .item .table .head>table>thead>tr{height:40px}
.branch .mid_area .section_list .right_area .contents .item .table .body>table>tbody>tr{cursor:pointer}
.branch .mid_area .section_list .right_area .contents .item .table .body>table>tbody>tr.click{background-color:#f0f0f0}
.branch .mid_area .section_list .right_area .contents .item .table .head>table>thead>tr .address,
.branch .mid_area .section_list .right_area .contents .item .table .body>table>tbody>tr .address{width:40%}
.branch .mid_area .section_list .right_area .contents .item .table .head>table>thead>tr .btn,
.branch .mid_area .section_list .right_area .contents .item .table .body>table>tbody>tr .btn{width:80px}
.branch .mid_area .section_list .right_area .info{margin-bottom:10px}
.branch .mid_area .section_list .right_area .info .item>dl:after{display:block;clear:both;content:""}
.branch .mid_area .section_list .right_area .info .item>dl>dt{float:left;width:100px;margin-right:10px}
.branch .mid_area .section_list .right_area .info .item>dl>dd{float:left}
.branch .mid_area .section_list .right_area .info .coordinate>dd::after{display:block;clear:both;content:""}
.branch .mid_area .section_list .right_area .info .coordinate>dd>dl{float: left;}
.branch .mid_area .section_list .right_area .info .coordinate>dd>dl>dt{float:left;margin-right:10px}
.branch .mid_area .section_list .right_area .info .coordinate>dd>dl>dd{float:left}
.branch .mid_area .section_list .right_area .info .wifi {margin-bottom: 20px;}

.branch .mid_area .section_list .right_area .list .search_bx{margin-right:0}

/*정책설정>기능설정*/
.function .mid_area .section_list{overflow-y:auto;height:calc(100vh - 184px)}
.function .mid_area .section_list .bx_cnt+.bx_cnt{margin-top:25px;padding-top:25px;border-top:1px solid #ddd}
.function .mid_area .section_list .bx_cnt .tit{width:100%;color:#000;font-size:18px;font-weight:700}
.function .mid_area .section_list .contents{margin-bottom:30px}
.function .mid_area .section_list .contents .tit{width:100%;margin-bottom:15px;color:#002d6b;font-size:16px;font-weight:500;border-bottom:1px solid #f0f0f0;box-sizing:border-box}
.function .mid_area .section_list .contents .tit .i_help{float:none}
.function .mid_area .section_list .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)}
.function .mid_area .section_list .contents .tit>div>button{float:right;margin-right:30px}
.function .mid_area .section_list .contents .item .line>dl>dt .i_help .help_txt{bottom:-44px}
.function .mid_area .section_list .contents .item .line{width:800px}
.function .mid_area .section_list .contents .item .line:after{display:block;clear:both;content:""}
.function .mid_area .section_list .contents .item .line>dl{float:left;width:50%;margin-bottom:15px}
.function .mid_area .section_list .contents .item .line>dl:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.function .mid_area .section_list .contents .item .line>dl>dt{float:left;width:40%}
.function .mid_area .section_list .contents .item .line>dl>dd{float:left;width:60%}
.function .mid_area .section_list .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}
.function .mid_area .section_list .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}
.function .mid_area .section_list .contents .item .line>.sub>dt{float:unset;width:100%;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f0f0;box-sizing:border-box}
.function .mid_area .section_list .contents .item .line>.sub>dd{float:unset;width:100%}
.function .mid_area .section_list .contents .item .line>.sub>dd>dl+dl{margin-top:20px}
.function .mid_area .section_list .contents .item .line>.sub>dd>dl:after{display:block;clear:both;content:""}
.function .mid_area .section_list .contents .item .line>.sub>dd>dl>dt{margin-left:50px;width:200px}
.function .mid_area .section_list .contents .item .line>.sub>dd>dl>dd{float:right;margin-right:20px}

/*정책설정>근태단말기 설정*/
.device_set .mid_area .section_list{overflow-y:auto;height:calc(100vh - 184px)}
.device_set .mid_area .section_list .contents+.contents{margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0;box-sizing:border-box}
.device_set .mid_area .section_list .contents .tit{width:100%;margin-bottom:15px;color:#002d6b;font-size:16px;font-weight:500;border-bottom:1px solid #f0f0f0;box-sizing:border-box}
.device_set .mid_area .section_list .contents .item>dl+dl{margin-top:20px}
.device_set .mid_area .section_list .contents .item>dl:after{display:block;clear:both;content:""}
.device_set .mid_area .section_list .contents .item>dl>dt{float:left;width:200px}
.device_set .mid_area .section_list .contents .item>dl>dd{float:left;width:300px;color:#7c7c7c}
.device_set .mid_area .section_list .contents .item>dl>dd:after{display:block;clear:both;content:""}
.device_set .mid_area .section_list .contents .item>dl>dd .check_bx{float:left;width:50%}
.device_set .mid_area .section_list .contents .item>dl>dd a[class^='btn_']{line-height:unset}

/*정책설정 로그관리*/
.setting .mid_area .cnt_sct .tab_log .contents .item>dl>dt{width:200px}

/*알림설정*/
/*탭공통*/
.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 .info .btn_under_02{display:inline-block;position:relative;margin-top:5px;padding-right:16px;cursor:pointer}
.notice .mid_area .cnt_sct .tab_cnt .contents .item .table .body>table>tbody>tr .info .btn_under_02:before{position:absolute;top:50%;right:0;font-size:10px;transform:translateY(-50%)}
.notice .mid_area .cnt_sct .tab_cnt .contents .item .table .body>table>tbody>tr .info .btn_under_02.off:before{content:"▼"}
.notice .mid_area .cnt_sct .tab_cnt .contents .item .table .body>table>tbody>tr .info .btn_under_02.on:before{content:"▲"}
.notice .mid_area .cnt_sct .tab_cnt .contents .item .table .body>table>tbody>tr .info .ot_list{display:none;margin:10px 0;padding:10px;background-color:#f7f7f7;border-radius:10px}
.notice .mid_area .cnt_sct .tab_cnt .contents .item .table .body>table>tbody>tr .info .ot_list>p+p{margin-top:14px}
.notice .mid_area .cnt_sct .tab_cnt .contents .item .table .body>table>tbody>tr .info .ot_list>p>span{cursor:pointer}
.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}

/*알림설정:근무시간초과자*/
.notice .mid_area .cnt_sct .tab_overtime .contents .item .table .body>table>tbody>tr .info{cursor:pointer}


/*사용자 메인*/
.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:20px;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 .mid_area{margin:0 auto}
.user_main .section_info{width:calc(43% - 10px);margin-right:10px}
.user_main .section_info .tit_cnt{margin-bottom:15px}
.user_main .section_info .tit_cnt .tit .part{position:relative}
.user_main .section_info .tit_cnt .tit .part:before{position:absolute;bottom:0;right:-4px;content:","}
.user_main .section_info .tit_cnt .tit {width: 50%; float: left;}
.user_main .section_info .tit_cnt > .rqs {float: right; width: 50%; text-align: right;}
.user_main .section_info .tit_cnt > .rqs dt {font-weight: 500;}
.user_main .section_info .tit_cnt > .rqs dd {cursor: pointer;}
.user_main .section_info .mid_cnt{margin-bottom:20px}
.user_main .section_info .mid_cnt .time{margin-bottom:20px;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:0px;width:20px;height:19px;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:24px;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: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:10px;padding-left:28px}
.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 .item{float:left;width:calc(50% - 10px);margin-right:10px;margin-bottom:10px}
.user_main .section_info .info_cnt .info .item>dt{margin-bottom:5px;font-weight:500}
.user_main .section_info .info_cnt .info .coretime.lim {position: relative; top: -55px;}

.user_main .section_info .info_cnt .info .right>dd>i{position:relative;padding-right:12px}
.user_main .section_info .info_cnt .info .right>dd>i:before{position:absolute;top:50%;left:-8px;transform:translateY(-50%);content:"/"}
.user_main .section_info .info_cnt .info .right>dd>i:first-child:before{display:none}
.user_main .section_info .info_cnt .info .breaktime>dd button{margin-left:10px}
.user_main .section_info .info_cnt .info .pc{margin-bottom:0}
.user_main .section_info .info_cnt .info .pc>dt{float:left;width:100%;margin-right:10px}
.user_main .section_info .info_cnt .info .pc>dd{float:left}
.user_main .section_info .info_cnt .info .pc>dd>p{color:#bbb;font-size:12px}
.user_main .section_info .info_cnt .info .pc>dd .slt_bx{width:160px;margin-right:0;border-radius:8px}
/* .user_main .section_info .info_cnt .info .coretime{position:relative;top:-15px;margin-bottom:0; margin-top: -32px;} */
.user_main .section_info .info_cnt .info .limits dd>span {margin-right: 14px;}
.user_main .section_info .info_cnt .info .limits dd>span>i {margin: 0 3px;}
.user_main .section_vacation{width:calc(32% - 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 .tit > .label {background: #E0E7FA; color: #123B75; font-size: 14px; line-height: 18px; border-radius: 8px; padding: 3px 6px; margin-left: 8px;}
.user_main .section_vacation .tit_cnt .s_tit{float:right;line-height:23px}
.user_main .section_vacation .mid_cnt{margin:25px 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:30px}
.user_main .section_vacation .info_cnt .tit{position:relative;margin-bottom:15px;padding-left:28px;font-weight:500}
.user_main .section_vacation .info_cnt .tit:before{position:absolute;top:50%;left:0;width:18px;height:18px;background:url(../img/i_list.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 .info_cnt .tit .setting_btn_add {float: right; font-size: 14px;display: flex; align-items: center; background: #D6E7FF; padding: 4px 8px 4px 4px; border-radius: 20px; font-size: 14px; line-height: 18px; color: #0050FF;}
.user_main .section_vacation .info_cnt .tit .setting_btn_add > .icon {width: 16px;height: 16px; display: block; background: url(../img/setting_btn_add.png) center no-repeat; background-size: contain; margin-right: 2px;}

.user_main .section_vacation .info_cnt .table>div>table>thead>tr, 
.user_main .section_vacation .info_cnt .table>div>table>tbody>tr{height:32px}
.user_main .section_vacation .info_cnt .table .head{border-bottom:none}
.user_main .section_vacation .info_cnt .table .head tr{background-color:#F6F6F6}
.user_main .section_vacation .info_cnt .table .head tr>th:first-child{border-radius:10px 0 0 10px}
.user_main .section_vacation .info_cnt .table .head tr>th:last-child{border-radius:0 10px 10px 0}
.user_main .section_vacation .info_cnt .table .body{height:auto}
.user_main .section_vacation .info_cnt .table .body>table>tbody>tr{border-bottom:none}
.user_main .section_vacation .info_cnt .table .body>table>tbody>tr>td{padding:10px 0;font-weight:500}
.user_main .section_vacation .info_cnt .table .vacation{overflow:hidden;width:90px;font-weight:300;text-align:left;text-overflow:ellipsis;white-space:nowrap}
.user_main .section_vacation .info_cnt .table .body>table>tbody>tr .vacation{font-weight:400; padding: 10px 10px; box-sizing: border-box;}
.user_main .section_vacation .info_cnt .table .body td.on{text-decoration:underline;cursor:pointer; color: #264C81;}
.user_main .section_vacation .info_cnt .table .vacation_color_0,
.user_main .section_vacation .info_cnt .table .vacation_color_1,
.user_main .section_vacation .info_cnt .table .vacation_color_2,
.user_main .section_vacation .info_cnt .table .vacation_color_3,
.user_main .section_vacation .info_cnt .table .vacation_color_4 {position: absolute; z-index: 1;}
.user_main .section_vacation .info_cnt .table .vacation_color_0::before {position: absolute; top: 50%;left: 0;width: 100%; height: 30px;background-color: #FFEAEA;transform: translateY(-50%); z-index: -1;content: ""; border-radius: 8px;}
.user_main .section_vacation .info_cnt .table .vacation_color_1::before {position: absolute; top: 50%;left: 0;width: 100%; height: 30px;background-color: #FEFFEA;transform: translateY(-50%); z-index: -1;content: ""; border-radius: 8px;}
.user_main .section_vacation .info_cnt .table .vacation_color_2::before {position: absolute; top: 50%;left: 0;width: 100%; height: 30px;background-color: #F2FFEA;transform: translateY(-50%); z-index: -1;content: ""; border-radius: 8px;}
.user_main .section_vacation .info_cnt .table .vacation_color_3::before {position: absolute; top: 50%;left: 0;width: 100%; height: 30px;background-color: #dde8f6;transform: translateY(-50%); z-index: -1;content: ""; border-radius: 8px;}
.user_main .section_vacation .info_cnt .table .vacation_color_4::before {position: absolute; top: 50%;left: 0;width: 100%; height: 30px;background-color: #eee1ff;transform: translateY(-50%); z-index: -1;content: ""; border-radius: 8px;}

.user_main .section_request{width:25%}
.user_main .section_request .tit_cnt{margin-bottom:15px}
.user_main .section_request .tit_cnt .tit{float:left;position:relative;padding-left:26px}
.user_main .section_request .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_request .calendar{float:left;width:100%;text-align:center}
.user_main .section_request .calendar .holiday{color:#E02020}
.user_main .section_request .calendar .today{font-weight:500}
.user_main .section_request .calendar .start,
.user_main .section_request .calendar .end{color:#0091FF;font-weight:500}
.user_main .section_request .calendar .click{background-color:#D7EEFF;font-weight:500}
.user_main .section_request .calendar .start{border-radius:50% 0 0 50%}
.user_main .section_request .calendar .end{border-radius:0 50% 50% 0}
.user_main .section_request .calendar .head_bx{margin-bottom:10px}
.user_main .section_request .calendar .head_bx .month{color:#3e3e3e}
.user_main .section_request .calendar .cal_bx{display:inline-block;margin:0 auto}
.user_main .section_request .calendar .cal_bx .tr:after{display:block;clear:both;content:""}
.user_main .section_request .calendar .cal_bx .tr>div{float:left;width:30px;height:30px;line-height:30px}
.user_main .section_request .calendar .cal_bx .tr>div .day{display:block}
.user_main .section_request .calendar .cal_bx .head{height:32px;font-weight:500;line-height:32px}
.user_main .section_request .calendar .cal_bx .body .prv,
.user_main .section_request .calendar .cal_bx .body .nxt{color:#c8c8c8}
.user_main .section_request .calendar .cal_bx .body .click{background-color:#D7EEFF}
.user_main .section_request .calendar .cal_bx .body .tr>div{width:30px;padding-top:0;vertical-align:middle;cursor:pointer}
.user_main .section_request .calendar .cal_bx .body .tr>div.nxt,
.user_main .section_request .calendar .cal_bx .body .tr>div.prv{cursor:default}
.user_main .section_request .mid_cnt:after{display:block;clear:both;content:""}
.user_main .section_request .mid_cnt .item{float:left;width:100%;margin-top:20px}
.user_main .section_request .mid_cnt .item>dt{margin-bottom:5px;font-weight:500}
.user_main .section_request .mid_cnt .item .slt_opt{width:100%;padding:0 10px;border:1px solid #D8D8D8;border-radius:8px;box-sizing:border-box;text-decoration:none}
.user_main .section_request .mid_cnt .item .option_bx .slt_opt:before{right:10px}
.user_main .section_request .mid_cnt .item .option_bx .chk_opt{width:calc(100% - 20px)}
.user_main .section_request .mid_cnt .item .option_bx .chk_opt>ul{max-height:390px;margin-bottom:0;padding-bottom:0;border-bottom:none}
.user_main .section_request .mid_cnt .item .option_bx .chk_opt>ul>li{padding:10px;cursor:pointer}
.user_main .section_request .mid_cnt .item .option_bx .chk_opt>ul>li+li{margin-top:0}
.user_main .section_request .mid_cnt .item .option_bx .chk_opt>ul>li:hover{background-color:#f3f3f3}
.user_main .section_request .mid_cnt .rqs{width:calc(100% / 3)}
.user_main .section_request .mid_cnt .rqs>dd>span{cursor:pointer}
.user_main .section_monthly{width:100%;height:auto}
.user_main .section_monthly .tit_cnt{margin-bottom:10px}
.user_main .section_monthly .tit_cnt:after{display:block;clear:both;content:""}
.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 .tit_cnt .datepicker{float:left;position:relative;width:110px;height:auto}
.user_main .section_monthly .tit_cnt .datepicker:before{position:absolute;top:8px;right:12px;width:6px;height:10px;background:url(../img/arr_next_03.png) center no-repeat;background-size:6px 10px;transform:rotate(90deg);content:""}
.user_main .section_monthly .tit_cnt .datepicker .picker{padding:0;color:inherit;font-weight:500;border:none;cursor:pointer}
.user_main .section_monthly .tit_cnt .head_bx{float:left;width:calc(100% - 671px);margin:0 5px;text-align:center}
.user_main .section_monthly .tit_cnt .head_bx .month{display:inline-block;height:24px;font-size:16px}
.user_main .section_monthly .tit_cnt .head_bx .month:after{display:block;clear:both;content:""}
.user_main .section_monthly .tit_cnt .head_bx .month>button{float:left;width:24px;height:24px}
.user_main .section_monthly .tit_cnt .head_bx .month>span{float:left;margin:0 10px;font-weight:500}
.user_main .section_monthly .tit_cnt .legend_bx{float:right}
.user_main .section_monthly .tit_cnt .legend_bx:after{display:block;clear:both;content:""}
.user_main .section_monthly .tit_cnt .legend_bx>div{float:left;position:relative;margin-left:10px;padding-left:10px;font-size:12px}
.user_main .section_monthly .tit_cnt .legend_bx>div:first-child{margin-left:0}
.user_main .section_monthly .tit_cnt .legend_bx>div:before{position:absolute;top:6px;left:0;width:6px;height:6px;border-radius:50%;content:""}
.user_main .section_monthly .tit_cnt .legend_bx .standard{color:#ebd6c1}
.user_main .section_monthly .tit_cnt .legend_bx .standard:before{background-color:#ebd6c1}
.user_main .section_monthly .tit_cnt .legend_bx .work{color:#A2DADA}
.user_main .section_monthly .tit_cnt .legend_bx .work:before{background-color:#A2DADA}
.user_main .section_monthly .tit_cnt .legend_bx .education{color:#c1d8eb}
.user_main .section_monthly .tit_cnt .legend_bx .education:before{background-color:#c1d8eb}
.user_main .section_monthly .tit_cnt .legend_bx .outside{color:#ACA2DA}
.user_main .section_monthly .tit_cnt .legend_bx .outside:before{background-color:#ACA2DA}
.user_main .section_monthly .tit_cnt .legend_bx .business{color:#E4A2DC}
.user_main .section_monthly .tit_cnt .legend_bx .business:before{background-color:#E4A2DC}
.user_main .section_monthly .tit_cnt .legend_bx .vacation{color:#EE656D}
.user_main .section_monthly .tit_cnt .legend_bx .vacation:before{background-color:#EE656D}
.user_main .section_monthly .tit_cnt .legend_bx .half_vacation{color:#F4B0B4}
.user_main .section_monthly .tit_cnt .legend_bx .half_vacation:before{background-color:#F4B0B4}
.user_main .section_monthly .tit_cnt .legend_bx .overtime{color:#BC1919}
.user_main .section_monthly .tit_cnt .legend_bx .overtime:before{background-color:#BC1919}
.user_main .section_monthly .tit_cnt .legend_bx .real_overtime{color:#A2DADA}
.user_main .section_monthly .tit_cnt .legend_bx .real_overtime:before{background-color:#A2DADA}
.user_main .section_monthly .tit_cnt .legend_bx .break_time{color:#FFEB3B}
.user_main .section_monthly .tit_cnt .legend_bx .break_time:before{background-color:#FFEB3B}
.user_main .section_monthly .tit_cnt .legend_bx .total{color:#B8DAA2}
.user_main .section_monthly .tit_cnt .legend_bx .total:before{background-color:#B8DAA2}
.user_main .section_monthly .tit_cnt .legend_bx .empty{color:#dedede; display: none;}
.user_main .section_monthly .tit_cnt .legend_bx .empty:before{background-color:#dedede}
.user_main .section_monthly .tit_cnt .legend_bx .after_work{color:#ffb471;}
.user_main .section_monthly .tit_cnt .legend_bx .after_work:before{background-color:#ffb471}
.user_main .section_monthly .tit_cnt .legend_bx .shift_work{color:#78abd4;}
.user_main .section_monthly .tit_cnt .legend_bx .shift_work:before{background-color:#78abd4}
.user_main .section_monthly .tit_cnt .legend_bx .shift_holiday{color:#f18383;}
.user_main .section_monthly .tit_cnt .legend_bx .shift_holiday:before{background-color:#f18383}
.user_main .section_monthly .tit_cnt .legend_bx .flextime{color:#54abff;}
.user_main .section_monthly .tit_cnt .legend_bx .flextime:before{background-color:#54abff}
.user_main .section_monthly .mid_cnt .top_btn:after{display:block;clear:both;content:""}
.user_main .section_monthly .mid_cnt .tab_bx{float:left}
.user_main .section_monthly .mid_cnt .tab_bx:after{display:block;clear:both;content:""}
.user_main .section_monthly .mid_cnt .tab_bx .tab_btn{float:left;position:relative;color:#bbb;cursor:pointer}
.user_main .section_monthly .mid_cnt .tab_bx .tab_btn:before{position:absolute;top:50%;left:0;width:1px;height:14px;background-color:#bbb;transform:translateY(-50%);content:""}
.user_main .section_monthly .mid_cnt .tab_bx .tab_btn:first-child:before{display:none}
.user_main .section_monthly .mid_cnt .tab_bx .tab_btn.on{color:#333;font-weight:500}
.user_main .section_monthly .mid_cnt .tab_bx .tab_btn+.tab_btn{margin-left:10px;padding-left:10px}
.user_main .section_monthly .mid_cnt .right_bx{float:right}
.user_main .section_monthly .mid_cnt .right_bx .hidden {display: none;}
.user_main .section_monthly .mid_cnt .tab_cnt{display:none;float:unset;margin-top:10px;margin-left:0;font-size:14px}
.user_main .section_monthly .mid_cnt .tab_cnt.on{display:block}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar{text-align:center}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .tr:after{display:block;clear:both;content:""}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .tr>div{float:left;width:calc(100% / 7)}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .head{height:32px;font-weight:500;line-height:32px}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .prv,
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .nxt{color:#c8c8c8}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .holiday{color:#E02020}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr{min-height:100px}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr+.tr{margin-top:10px}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div .day{display:block;height:32px;background-color:#F6F6F6;font-weight:500;line-height:32px}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div:first-child .day{border-radius:10px 0 0 10px}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div:last-child .day{border-radius:0 10px 10px 0}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span,
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>button{display:block;width:95%;height:32px;margin:5px auto 0;color:#333;line-height:32px;border-radius:10px}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.standard{background-color:#ebd6c1}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.standard_edit{background-color:#f7f5e1}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.work{background-color:#A2DADA}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.education{background-color:#c1d8eb}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.outside{background-color:#ACA2DA}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.business{background-color:#E4A2DC}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.vacation{background-color:#EE656D}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.half_vacation{background-color:#F4B0B4}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.total{background-color:#B8DAA2}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.user{background-color:#e7eeff}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.overtime{background-color:#BC1919;color:#fff}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.real_overtime{background-color:#A2DADA}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.break_time{background-color:#FFEB3B}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.empty{background-color:#dedede;}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.after_work{background-color:#ffb471;}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.shift_work {background-color:#78abd4;}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.shift_holiday {background-color:#f18383; }
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.flextime{background-color:#54abff;}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span .red {color: #E02020;}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>button.more{background-color:#e7eeff;color:#004eff;text-decoration:underline}
.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span[onclick]:hover{cursor:pointer}
.user_main .section_monthly .tab_working .weekly{margin-bottom:5px}
.user_main .section_monthly .tab_working .weekly:after{display:block;clear:both;content:""}
.user_main .section_monthly .tab_working .weekly .item{width:100%}
.user_main .section_monthly .tab_working .weekly .item:after{display:block;clear:both;content:""}
.user_main .section_monthly .tab_working .weekly .item>dt{float:left;position:relative;width:110px;padding-left:12px;font-weight:500}
.user_main .section_monthly .tab_working .weekly .item>dt:before{position:absolute;top:50%;left:0;width:8px;height:8px;background-color:#D8D8D8;border-radius:50%;transform:translateY(-50%);content:""}
.user_main .section_monthly .tab_working .weekly .item>dd{float:left;margin-left:15px;color:#2D2D2D}
.user_main .section_monthly .tab_working .weekly .item>dd>b{margin-right:10px}
.user_main .section_monthly .tab_working .weekly .accrue_weekly{margin-top:5px}
.user_main .section_monthly .tab_working .weekly .accrue_weekly>dd{width:calc(100% - 138px)}
.user_main .section_monthly .tab_working .weekly .accrue_weekly>dd:after{display:block;content:""}
.user_main .section_monthly .tab_working .weekly .accrue_weekly>dd>p{float:left;margin-right:10px}
.user_main .section_monthly .tab_working .approval_case{margin-bottom:5px}
.user_main .section_monthly .tab_working .approval_case .slt_bx{position:relative;width:auto;height:auto;min-width:200px;margin-right:0;margin-bottom:5px;padding-left:10px;border:none}
.user_main .section_monthly .tab_working .approval_case .slt_bx:before{position:absolute;top:50%;left:0;width:8px;height:8px;background-color:#D8D8D8;border-radius:50%;transform:translateY(-50%);content:""}
.user_main .section_monthly .tab_working .approval_case .slt_bx>select{color:#3e3e3e;font-size:14px;font-weight:500;border:none}
.user_main .section_monthly .tab_working .approval_case>div:after{display:block;clear:both;content:""}
.user_main .section_monthly .tab_working .approval_case .item{float:left;min-width:230px;margin-right:40px;margin-bottom:5px}
.user_main .section_monthly .tab_working .approval_case .item>dt{float:left;position:relative;padding-left:12px;font-weight:500}
.user_main .section_monthly .tab_working .approval_case .item>dt:before{position:absolute;top:50%;left:0;width:8px;height:8px;background-color:#D8D8D8;border-radius:50%;transform:translateY(-50%);content:""}
.user_main .section_monthly .tab_working .approval_case .item>dd{float:left;margin-left:15px}
.user_main .section_monthly .tab_working .approval_case .item>dd>b{margin-right:10px}
.user_main .section_monthly .tab_working .approval_case .not_allot {width: 100%;}
.user_main .section_monthly .tab_working .approval_case .not_allot>dd>span {font-weight: 500; margin-right: 4px;}
.user_main .section_monthly .tab_working .approval_case > div > p {display: none;}
.user_main .section_monthly .tab_working .approval_case .hidden .item {display: none;}
.user_main .section_monthly .tab_working .approval_case .hidden.item {display: none;}
.user_main .section_monthly .tab_working .approval_case .hidden > p {font-weight: 700; line-height: 25px; display: inline-block;}
.user_main .section_monthly .tab_working .approval_case .item .btn_under_02{cursor:pointer}
.user_main .section_monthly .tab_working .approval_case .btn_under_01 {float: right; margin-left:10px;}
.user_main .section_monthly .tab_request .tooltip{position:absolute;padding:10px;background-color:#002948;color:#fff;border-radius:13px}
.user_main .section_monthly .tab_request .tooltip>span .date{display:inline-block;margin-right:10px}
.user_main .section_monthly .tab_vacation .calendar .body .tr>div>span.default{background-color:#e7eeff;color:#004eff;text-decoration:underline;cursor:pointer}
.user_main .section_monthly .tab_vacation .calendar .body .tr>div>span.default.btn_wrap {background-color:#e7eeff;color:#004eff; text-decoration: none; cursor: default;}
.user_main .section_monthly .tab_vacation .calendar .body .tr>div>span.default.btn_wrap>button {margin: 0 2px;text-decoration:underline;}

/*사용자 프로젝트관리*/
.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_overtime .mid_area .top_bx .datepicker_bx .btn_border_02 {float: left; margin-right: 10px; margin-left: 0;}

/*사용자 연차정보*/
.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:after{display:block;clear:both;content:""}
.user_commute_user .mid_area .info_cnt{float:left;width:100%;margin-bottom:25px;line-height:29px}
.user_commute_user .mid_area .info_cnt:after{display:block;clear:both;content:""}
.user_commute_user .mid_area .info_cnt>p{float:left;position:relative;margin-right:20px;padding-right:20px;font-size:16px;font-weight:500}
.user_commute_user .mid_area .info_cnt>p:before{position:absolute;top:50%;right:0;width:1px;height:14px;background-color:#979797;transform:translateY(-50%);content:""}
.user_commute_user .mid_area .info_cnt>div{float:left}
.user_commute_user .mid_area .info_cnt .txt{padding-right:10px}
.user_commute_user .mid_area .info_cnt .txt+.txt{margin-left:10px}
.user_commute_user .mid_area .right_cnt{float:left;width:calc(100% - 52px);padding:26px;background-color:#fff;border-radius:3px}
.user_commute_user .mid_area .right_cnt .info_bx{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #D8D8D8}
.user_commute_user .mid_area .right_cnt .info_bx .info_wrap{width:100%;max-width:1260px; margin-top: 10px;}
.user_commute_user .mid_area .right_cnt .info_bx .info_wrap:after{display:block;clear:both;content:""}
.user_commute_user .mid_area .right_cnt .info_bx .info_wrap .item{float:left;width:calc(150px - 10px);margin-right:10px}
.user_commute_user .mid_area .right_cnt .info_bx .info_wrap .item .t{display:block;font-weight:500}
.user_commute_user .mid_area .right_cnt .info_bx .info_wrap .slt_bx {width: 138px;}
.user_commute_user .mid_area .right_cnt .top_bx{margin-bottom:0}
.user_commute_user .mid_area .right_cnt .top_bx .datepicker_bx .btn_border_02{float:left;margin-left:0;margin-right:10px}
.user_commute_user .mid_area .right_cnt .top_bx .txt_bx{width:180px}
.user_commute_user .mid_area .section_list{padding:0}
.user_commute_user .mid_area .section_list .table .head th,
.user_commute_user .tab_daily .section_list .table .body td{padding:0 4px}
.user_commute_user .mid_area .section_list .table.line_1 .body{height:calc(100vh - 492px)}
.user_commute_user .mid_area .section_list .table.line_2 .body{height:calc(100vh - 544px)} 
.user_commute_user .tab_period .section_list .table .body td{padding:0 4px}
.user_commute_user .tab_period .section_list .table .body{height:calc(100vh - 421px)}
.user_commute_user .mid_area .section_list .body td>i{display:block}
.user_commute_user .mid_area .section_list .body .btn_under_01{cursor:pointer}
.user_commute_user .mid_area .section_list .table.wide{overflow-x:auto}
.user_commute_user .tab_daily .section_list .table.wide .head,
.user_commute_user .tab_daily .section_list .table.wide .body{width:4600px}
.user_commute_user .tab_period .section_list .table.wide .head,
.user_commute_user .tab_period .section_list .table.wide .body{width:3000px}
.user_commute_user .tab_overtime .section_list .table .body{height:calc(100vh - 382px)}

/*사용자 신청*/
.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 .btn_bx {margin-right: 10px; float: left; padding: 0;}
.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;margin-top: 5px;}
.user_request_list .mid_area .section_list .table .head .i_help .help_txt .red .dot.red {display: inline-block; width: 8px; height: 8px; background: #EE2C2C; border-radius: 50%; margin-right: 4px;}
.user_request_list .mid_area .section_list .table .body .dot.red {display: inline-block; width: 8px; height: 8px; background: #EE2C2C; border-radius: 50%; margin-right: 4px;}

.user_request_list .mid_area .section_list .table .body .complete {background: #f0f0f0;}
.user_request_list .mid_area .section_list .table .body .complete .check_bx {background: #f0f0f0;}

/*사용자 원격제어(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_remote_set .mid_area .section_list .table .body{height:calc(100vh - 287px)}

/*사용자 설정*/
.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 .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%;height:auto;margin-bottom:15px;padding-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:after{display:block;clear:both;content:""}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .tit .i_help{float:unset}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .item{overflow-y:auto;height:calc(100vh - 300px)}
.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_setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd>.slt_bx {float: left;width: 200px;margin-right: 0;}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd>.btn_border_01 {margin-left: 4px;}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd>.btn_border_02 + .btn_border_02 {margin-left: 8px;}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .approval ul>li{margin-bottom:10px}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .approval .approver{margin:0 10px}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .peristalsis .btn_toggle{width:38px;height:20px;padding:0}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .peristalsis .btn_toggle.on{background:url(../img/btn_on.png) center no-repeat;background-size:38px 20px}
.user_setting .mid_area .cnt_sct .tab_cnt .contents .peristalsis .btn_toggle.off{background:url(../img/btn_off.png) center no-repeat;background-size:38px 20px}

/*생산직 스케줄*/
.user_field_schedule .top_area .right_cnt .excel{display:none}
.user_field_schedule .top_area .right_cnt .excel_mgt{line-height: 30px;}
.user_field_schedule .mid_area .top_bx .search_bx:nth-child(1) .slt_bx{margin-right:0}
.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%;cursor: pointer;}
.user_field_schedule .calendar .cal_bx>table>tbody>tr>td.on .d.active {background: rgb(84 186 219 / 20%)}
.user_field_schedule .calendar .cal_bx>table>tbody>tr>td.on .d>i{display:inline-block;width: calc(100% - 50px); text-align: left;}
.user_field_schedule .calendar .cal_bx>table>tbody>tr>td.on .d>button{display:inline-block; }
.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 - 373px)}
.user_field_schedule .tab_list .section_list .table .total{background-color:#8d8a8a;color:#fff}
.user_field_schedule .tab_list .section_list .head .fixed{float:left;position:relative;top:0;left:0;width:120px;height:66px;margin-right:0;padding-left:10px;background-color:#fff;line-height:64px;border:1px solid #ebebeb;box-sizing:border-box;cursor:default;z-index:100}
.user_field_schedule .tab_list .section_list .head .date>span>i{width:55px}
.user_field_schedule .tab_list .section_list .body>div .prj>.fixed{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}
.user_field_schedule .tab_list .section_list .body>div .prj>span>i{width:55px;font-size:14px}
.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}
.user_field_schedule .tab_list .section_list .body>div .prj>span>i.memo{cursor:pointer}
.user_field_schedule .tab_daily .section_list .table .border{border-right:1px solid #e5e5e5}
.user_field_schedule .tab_daily .section_list .table .body{height:calc(100vh - 420px)}
.user_field_schedule .tab_place .top_bx .search_bx:nth-child(1) .slt_bx{margin-right:8px}
.user_field_schedule .tab_place .section_list .table .body{height:calc(100vh - 368px)}

/*부서원 PC통계*/
.user_user_pc .mid_area:after{display:block;clear:both;content:""}
.user_user_pc .mid_area .info_cnt{float:left;width:100%;margin-bottom:25px;line-height:29px}
.user_user_pc .mid_area .info_cnt:after{display:block;clear:both;content:""}
.user_user_pc .mid_area .info_cnt>p{float:left;position:relative;margin-right:20px;padding-right:20px;font-size:16px;font-weight:500}
.user_user_pc .mid_area .info_cnt>p:before{position:absolute;top:50%;right:0;width:1px;height:14px;background-color:#979797;transform:translateY(-50%);content:""}
.user_user_pc .mid_area .info_cnt>div{float:left}
.user_user_pc .mid_area .info_cnt .txt{padding-right:10px}
.user_user_pc .mid_area .info_cnt .txt+.txt{margin-left:10px}
.user_user_pc .mid_area .right_cnt{float:left;width:calc(100% - 52px);padding:26px;background-color:#fff;border-radius:3px}
.user_user_pc .mid_area .right_cnt .info_bx{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #D8D8D8}
.user_user_pc .mid_area .right_cnt .info_bx .info_wrap{width:100%;max-width:1260px;margin-top: 10px;}
.user_user_pc .mid_area .right_cnt .info_bx .info_wrap:after{display:block;clear:both;content:""}
.user_user_pc .mid_area .right_cnt .info_bx .info_wrap .item{float:left;width:calc(100% / 7 - 10px);margin-right:10px}
.user_user_pc .mid_area .right_cnt .info_bx .info_wrap .item .t{display:block;font-weight:500}
.user_user_pc .mid_area .right_cnt .top_bx{margin-bottom:0}
.user_user_pc .mid_area .right_cnt .top_bx .datepicker_bx .btn_border_02{float:left;margin-left:0;margin-right:10px}
.user_user_pc .mid_area .right_cnt .top_bx .txt_bx{width:180px}
.user_user_pc .mid_area .section_list{padding:0}
.user_user_pc .mid_area .section_list .table.wide .head,
.user_user_pc .mid_area .section_list .table.wide .body{width:3800px}
.user_user_pc .mid_area .section_list .table .body{height:calc(100vh - 544px)}
.user_user_pc .mid_area .section_list .body td>i{display:block}
.user_user_pc .mid_area .section_list .body .btn_under_01{cursor:pointer}
.user_user_pc .mid_area .right_cnt .info_bx .info_wrap .item{float:left;width:calc(150px - 10px);margin-right:10px}
.user_user_pc .mid_area .right_cnt .info_bx .info_wrap .item .t{display:block;font-weight:500}
.user_user_pc .mid_area .right_cnt .info_bx .info_wrap .slt_bx {width: 138px;}

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

.agent .lg_txt {display: none;}
.agent.lg .lg_txt {display: inline-block;}
.agent.lg .defult_txt {display: none;}


/*로그인>이용약관*/
.terms,
.location,
.privacy {margin-left: 0;}
/*위치기반서비스이용약관*/
.terms{word-break:keep-all}
.terms .section_cnt{padding:50px 120px}
.terms .section_cnt .cnt{font-weight:300}
.terms .section_cnt .cnt>h3{margin-bottom:15px;font-weight:300}

/*개인정보 처리방침*/
.privacy{word-break:keep-all}
.privacy .section_cnt{padding:50px 120px}
.privacy .section_cnt .cnt{font-weight:300}
.privacy .section_cnt .cnt>h3{margin-bottom:15px;font-weight:300}

/*개인위치정보 처리방침*/
.location{word-break:keep-all}
.location .section_cnt{padding:50px 120px}
.location .section_cnt .cnt{font-weight:300}
.location .section_cnt .cnt>h3{margin-bottom:15px;font-weight:300}
.location .section_cnt table{width:100%;font-size:14px;table-layout:fixed;border-collapse:collapse}
.location .section_cnt table th,
.location .section_cnt table td{padding:5px;border:1px solid #969696}
.location .section_cnt table th{background-color:#dedede;font-weight:300}
.location .section_cnt table th.style{width:30%;background-color:#fff;text-align:left}
.location .section_cnt table td.icon{width:16px;height:9px;padding:20px;background:url(../img/i_arr.png) center no-repeat;background-size:16px 9px;text-align:center;border:none}
.location .section_cnt dl{width:100%;border:1px solid #969696;box-sizing:border-box}
.location .section_cnt dl:after{display:block;clear:both;content:""}
.location .section_cnt dl>dt{float:left;width:20%}
.location .section_cnt dl>dd{float:left;width:80%}

/*팝업*/
.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:550px;height:30px;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}

/*팝업 로딩*/
.pop_loading{width:auto;background-color:transparent}
.pop_loading>div{position:relative}
.pop_loading .circle{width:120px;height:120px;margin:10px auto;border:6px solid #e3e3e3;border-bottom:6px solid #000000;border-radius:50%;animation:load 1.5s linear infinite}
@keyframes load{
	0%{transform:rotate(0deg)}
	100% {transform:rotate(360deg)}
}
.pop_loading .txt{position:absolute;top:50%;left:50%;color:#000;font-weight:500;transform:translate(-50%, -50%)}

/*팝업 프로그레스바*/
.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{margin-bottom:0;font-size:16px;font-weight:500;text-align:center}
.pop_password_reset .mid_area .top_cnt>span{display:inline-block;margin-bottom:15px}
.pop_password_reset .mid_area .top_cnt [class*="noti_"]{margin-bottom:15px}
.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_password .mid_area .btm_cnt {display: flex; justify-content: flex-end;}
.pop_login_password .mid_area .pop_wrap>div>button+button{margin-left:10px}

/*팝업 로그인 회사검색*/
.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_excel_part .mid_area .mid_cnt .form>dd .slt_bx{display:none;float:left;width:calc(100% - 82px)}
.pop_excel_part .mid_area .mid_cnt .upload>dd .slt_bx{display:none;width:205px;margin-bottom:10px}
.pop_excel_part .mid_area .mid_cnt .upload>dd .file_bx:after{display:block;clear:both;content:""}
.pop_excel_part .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_part .mid_area .mid_cnt .upload>dd .file_bx>button{float:left}

/*팝업 엑셀관리(부서 업로드)*/
.pop_excel_part_upload .mid_area .mid_cnt .upload>dd .file_bx:after{display:block;clear:both;content:""}
.pop_excel_part_upload .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_part_upload .mid_area .mid_cnt .upload>dd .file_bx>button{float:left}

/*팝업 엑셀관리(신규 업로드)*/
.pop_excel_new_upload .mid_area .mid_cnt .upload>dd .file_bx:after{display:block;clear:both;content:""}
.pop_excel_new_upload .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_new_upload .mid_area .mid_cnt .upload>dd .file_bx>button{float:left}

/*팝업 엑셀관리(기존 업로드)*/
.pop_excel_already_upload .mid_area .mid_cnt .upload>dd .file_bx:after{display:block;clear:both;content:""}
.pop_excel_already_upload .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_already_upload .mid_area .mid_cnt .upload>dd .file_bx>button{float:left}

/*팝업 삭제(전체)*/
.pop_delete .mid_area .pop_wrap:after{display:block;clear:both;content:""}
.pop_delete .mid_area .pop_wrap .mid_cnt{margin-bottom:15px;padding-bottom:15px;font-size:16px;font-weight:500;text-align:center;border-bottom:1px solid #7c7c7c}
.pop_delete .mid_area .pop_wrap .btm_cnt{float:right;margin-top:0;padding-top:0;border-top:none}
.pop_delete .mid_area .pop_wrap .btm_cnt:after{display:block;clear:both;content:""}
.pop_delete .mid_area .pop_wrap .btm_cnt>button{float:left}
.pop_delete .mid_area .pop_wrap .btm_cnt>button+button{margin-left:10px}

/*팝업 삭제(전체)*/
.pop_warning .mid_area .pop_wrap:after{display:block;clear:both;content:""}
.pop_warning .mid_area .pop_wrap .mid_cnt{margin-bottom:15px;padding-bottom:15px;font-size:16px;font-weight:500;text-align:center;border-bottom:1px solid #7c7c7c}
.pop_warning .mid_area .pop_wrap .btm_cnt{float:right;margin-top:0;padding-top:0;border-top:none}
.pop_warning .mid_area .pop_wrap .btm_cnt:after{display:block;clear:both;content:""}
.pop_warning .mid_area .pop_wrap .btm_cnt>button{float:left}
.pop_warning .mid_area .pop_wrap .btm_cnt>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_reason .mid_area .mid_cnt {max-height: 600px; overflow-y: auto;}
.pop_reason .mid_area .mid_cnt span {font-weight: 400; word-break: keep-all;}

/*팝업 대상추가(메인)*/
.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_vacation_used_list .table .head {border-top: 1px solid #7c7c7c;}
.pop_vacation_used_list .table .body {height: 280px;}
.pop_vacation_used_list .table .foot {border-top: 1px solid #7C7C7C;}
.pop_vacation_used_list .table .foot td {color: #CF372E;font-weight: 500;}
.pop_vacation_used_list .table table .deducted {color: #CF372E; font-weight: 500;}
.pop_vacation_used_list .table .foot table .deducted .label {background: #FFEDEA;color: #CF372E;font-size: 14px;line-height: 18px;border-radius: 8px;padding: 3px 6px; margin-left: 8px;}

/*팝업 휴가 생성 리스트 (메인)*/
.pop_vacation_add_list .table .head {border-top: 1px solid #7c7c7c;}
.pop_vacation_add_list .table .body {height: 390px;}
.pop_vacation_add_list .table .body .bold {font-weight: 500;}
.pop_vacation_add_list .table .body .add .label span {background: #EAF0FF;color: #2E61CF;font-size: 14px;line-height: 18px;border-radius: 8px;padding: 3px 6px; margin-left: 8px; font-weight: 500;}
.pop_vacation_add_list .table .body .deducted .label span {background: #FFEDEA;color: #CF372E;font-size: 14px;line-height: 18px;border-radius: 8px;padding: 3px 6px; margin-left: 8px; font-weight: 500;}
.pop_vacation_add_list .table .body .add .label,
.pop_vacation_add_list .table .body .add .bold {color: #2E61CF;}
.pop_vacation_add_list .table .body .deducted .label,
.pop_vacation_add_list .table .body .deducted .bold {color: #CF372E;}

.pop_vacation_add_list .table .foot {border-top: 1px solid #7C7C7C;}
.pop_vacation_add_list .table .foot td {color: #123B75;font-weight: 500;}
.pop_vacation_add_list .table .foot table .label {background: #E0E7FA;color: #123B75;font-size: 14px;line-height: 18px;border-radius: 8px;padding: 3px 6px; margin-left: 8px;}


/*팝업 부서정보(부서관리)*/
.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{overflow-y:auto;max-height:70vh}
.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 .double_part dd>i{margin-left: 10px;}
.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:62px;height:32px;margin-left: 8px;}
.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 .checked>dd{position:relative}
.pop_user_info .mid_area .mid_cnt .info_bx .checked .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 .checked .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 .checked .name>i{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pop_user_info .mid_area .mid_cnt .info_bx .checked .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 .checked .chk_opt .search_wrap{margin-bottom:10px}
.pop_user_info .mid_area .mid_cnt .info_bx .checked .chk_opt .search_wrap:after{display:block;clear:both;content:""}
.pop_user_info .mid_area .mid_cnt .info_bx .checked .chk_opt .search_wrap .txt_bx{float:left;width:calc(100% - 60px);margin-right:10px}
.pop_user_info .mid_area .mid_cnt .info_bx .checked .chk_opt .search_wrap>button{float:left}
.pop_user_info .mid_area .mid_cnt .info_bx .checked .chk_opt>ul{overflow:auto;max-height:150px}
.pop_user_info .mid_area .mid_cnt .info_bx .checked .chk_opt .check_bx+.check_bx{margin-top:5px}
.pop_user_info .mid_area .mid_cnt .info_bx .checked .chk_opt .check_bx>input.check+label>span{padding-right:5px;white-space:nowrap}
.pop_user_info .mid_area .mid_cnt .info_bx .checked .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 .checked .chk_opt .btm_wrap:after{display:block;clear:both;content:""}
.pop_user_info .mid_area .mid_cnt .info_bx .checked .chk_opt .btm_wrap .num{float:left}
.pop_user_info .mid_area .mid_cnt .info_bx .checked .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{top:-1px;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}
.pop_user_info .mid_area .mid_cnt .gender .check_bx {float: left; width: 50%;}
.pop_user_info .mid_area .mid_cnt .gender .check_bx input.radio+label>span {left: 18px;}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap.authority .check_bx {width: 100px;float: left;}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap.authority {display: flex; align-items: center;}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap.authority .btn_under_01 {float: left; background: none;font-size: 14px; font-weight: 300; color: #3e3e3e; text-decoration: underline; display: none;}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap.authority .option_bx .slt_opt {height: 23px; line-height: 23px;}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap.authority .option_bx .chk_opt {width: 200px; left: -104px; box-shadow: none;outline: 1px solid #ddd; outline-offset: -2px;}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap.authority .option_bx .chk_opt .check_bx {width: 100%;}
.pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap.authority .option_bx .chk_opt>ul {border-bottom: 2px solid #e6e6e6;}

/*팝업 참조자 권한설정(부서원관리)*/
.pop_authority .mid_area .check_bx + .check_bx{margin-top: 20px;}

/*팝업 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>table>thead>tr>th,
.pop_detail .mid_area .mid_cnt .table .body>table>tbody>tr>td{padding:5px}
.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 .table.wide .head, 
.pop_detail .mid_area .mid_cnt .table.wide .body{width:3000px}
.pop_detail .mid_area .mid_cnt .body .btn_under_01{cursor:pointer}
.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{overflow:auto;max-height:700px}
.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{overflow-y:auto;max-height:450px}
.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{overflow-y:unset}
.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{margin-bottom:0}
.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_flexible .mid_area .mid_cnt{overflow-y:unset}
/*-연차-*/
.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 .top_cnt .right_bx>div>.btn_under_02 {background: none;display: inline-block; line-height: 30px; text-align: center; color: #003a79; text-decoration: underline; font-size: 14px; font-weight: 300; padding: 0;}
.pop_info_detail.pop_vacation .mid_area .mid_cnt{overflow-y:unset;max-height:unset}
.pop_info_detail.pop_vacation .mid_area .mid_cnt .table{border-top:1px solid #7c7c7c}

/* 팝업 정책설정 근로시간 설정 주단위 관리 */
.pop_info_worktime_week .mid_area .mid_cnt .memo .line .txt_bx {width: 70px; text-align: right; padding-right: 10px;}
.pop_info_worktime_week .mid_area .mid_cnt .memo .line:not(:last-child) {margin-bottom: 10px;}
.pop_info_worktime_week .mid_area .mid_cnt .memo .line .sub_dt {width: 62%; float: left;}
.pop_info_worktime_week .mid_area .mid_cnt .memo .line .txt {float: right;}
.pop_info_worktime_week .mid_area .mid_cnt .user .btn_under_01 {cursor: pointer;}

/* 팝업 정책설정 근로시간 설정 월단위 관리 */
.pop_info_worktime_month {width: 900px;}
.pop_info_worktime_month .mid_area .mid_cnt .memo .line {width: 254px; height: 32px;}
.pop_info_worktime_month .mid_area .mid_cnt .memo .line .txt_bx {width: 100px; text-align: right; padding-right: 10px;}
.pop_info_worktime_month .mid_area .mid_cnt .memo .line:not(:last-child) {margin-bottom: 10px;}
.pop_info_worktime_month .mid_area .mid_cnt .memo .line .sub_dt {width: 120px; float: left;}
.pop_info_worktime_month .mid_area .mid_cnt .memo .line .txt {float: right;}
.pop_info_worktime_month .mid_area .mid_cnt .memo .datepicker_bx {width: 100%;} 
.pop_info_worktime_month .mid_area .mid_cnt .memo .datepicker_bx .btn_under_01 {float: right;}

.pop_info_worktime_month .table_list{border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box; margin-top: 20px;margin-left: 129px;width: 730px; margin-bottom: 14px;}
.pop_info_worktime_month .table_list .table .head{border-bottom:1px solid #e5e5e5}
.pop_info_worktime_month .table_list .table .body{height:140px}
.pop_info_worktime_month .table_list .table .body>table>tbody>tr{border-bottom:none}
.pop_info_worktime_month .mid_area .mid_cnt .user .btn_under_01 {cursor: pointer;}

/*팝업 선택근무 확인하기*/
.pop_flextime_view {width: 1400px; border-radius: 16px;}
.pop_flextime_view .mid_area {padding-bottom: 40px;}
.pop_flextime_view .mid_area .top_cnt .tit {float: left;}
.pop_flextime_view .mid_area .top_cnt .tit > p {font-size: 16px; font-weight: 700; line-height: 16px;}
.pop_flextime_view .mid_area .top_cnt .tit > p >span {display: block; width: 16px; height: 16px; background: url(../img/i_eyes.png) no-repeat; background-size: contain; float: left; margin-right: 6px;}
.pop_flextime_view .mid_area .top_cnt .tit > .sub {font-size: 12px; font-weight: 400; color: #9DA3AC; display: inline-block;margin-top: 8px;}
.pop_flextime_view .mid_area .top_cnt .btn_i_close {float: right;}
.pop_flextime_view .mid_area .mid_cnt .head_bx {width: 100%; text-align: center; margin-bottom: 30px;}
.pop_flextime_view .mid_area .mid_cnt .head_bx .date {display: flex;justify-content: center;align-items: center;}
.pop_flextime_view .mid_area .mid_cnt .head_bx span {font-size: 20px; font-weight: 500; margin: 0 18px;}
.pop_flextime_view .mid_area .mid_cnt .head_bx .btn_i_prev{width:12px;height:20px;background:url('../img/arr_prev_06.png') center no-repeat;background-size:contain}
.pop_flextime_view .mid_area .mid_cnt .head_bx .btn_i_next{width:12px;height:20px;background:url('../img/arr_next_06.png') center no-repeat;background-size:contain}
.pop_flextime_view .mid_area .mid_cnt .legend_bx {width: 100%; margin-bottom: 30px;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul {display: flex; justify-content: center;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul li {width: 160px; height: 80px; border: 1px solid #F6F6F8; border-radius: 16px; padding: 18px 14px; box-sizing: border-box;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul li:not(:last-child) {margin-right: 10px;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul li .time {color: #9198A0; margin-top: 6px;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul li .name {padding-left: 10px; position: relative; font-weight: 500;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul li .name::after {content: ''; position: absolute; left: 0; top: 7px; display: block; width: 4px; height: 8px; background: #000; border-radius: 4px}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul .normal .name {padding-left: 0;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul .normal .name::after {display: none;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul .work .name {color: #55B73D;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul .work .name::after {background: #55B73D;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul .overtime .name {color: #156900;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul .overtime .name::after {background: #156900;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul .empty_work .name {color: #58C3C2;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul .empty_work .name::after {background: #58C3C2;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul .empty .name {color: #E57B5D;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul .empty .name::after {background: #E57B5D;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul .away .name {color: #B73D3D;}
.pop_flextime_view .mid_area .mid_cnt .legend_bx ul .away .name::after {background: #B73D3D;}
.pop_flextime_view .mid_area .mid_cnt .time_table {padding-bottom: 40px;}
.pop_flextime_view .mid_area .mid_cnt .time_table ul {display: flex; justify-content: center;}
.pop_flextime_view .mid_area .mid_cnt .time_table li:not(:last-child) {margin-right: 4px;}
.pop_flextime_view .mid_area .mid_cnt .time_table li i {font-size: 14px; color: #9DA3AC; display: inline-block; margin-bottom: 6px;}
.pop_flextime_view .mid_area .mid_cnt .time_table li span {display: block;background: #F6F6F8; border-radius: 4px; width: 48px; height: 20px;}
.pop_flextime_view .mid_area .mid_cnt .time_table .night span {background: #E0E0E0;}
.pop_flextime_view .mid_area .mid_cnt .time_table .night i>span {display: inline-block; content: ''; background: url(../img/i_moon.png)no-repeat; width: 10px; height: 10px; background-size: contain; margin-left: 2px;}
.pop_flextime_view .mid_area .mid_cnt .time_table .plan span {border: 1px solid #55B73D;}
.pop_flextime_view .mid_area .mid_cnt .time_table .away span {background: #B73D3D;}
.pop_flextime_view .mid_area .mid_cnt .time_table .work span {background: #55B73D;}
.pop_flextime_view .mid_area .mid_cnt .time_table .empty span {background: #E57B5D;}
.pop_flextime_view .mid_area .mid_cnt .time_table .empty_work span {background: #58C3C2;}
.pop_flextime_view .mid_area .mid_cnt .time_table .overtime span {background: #156900;}
.pop_flextime_view .mid_area .mid_cnt .time_table .start {position: relative;}
.pop_flextime_view .mid_area .mid_cnt .time_table .start::before {content: ''; width: 1px; height: 57px; border-left: 1px dashed #9DA3AC; position: absolute; left: -2px; top: 14px;}
.pop_flextime_view .mid_area .mid_cnt .time_table .start::after {content: '출근'; position: absolute; left: -12px; top: 72px; font-size: 14px; color: #9DA3AC;} 
.pop_flextime_view .mid_area .mid_cnt .time_table .end {position: relative;}
.pop_flextime_view .mid_area .mid_cnt .time_table .end::before {content: ''; width: 1px; height: 57px; border-left: 1px dashed #9DA3AC; position: absolute; right: -3px; top: 14px;}
.pop_flextime_view .mid_area .mid_cnt .time_table .end::after {content: '퇴근'; position: absolute; right: -13px; top: 72px; font-size: 14px; color: #9DA3AC;} 

/*팝업 외근지 관리 세부정보(외근관리)*/
.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 .top_cnt .right_bx .btn_under_02{background: none;display: inline-block; text-align: center; color: #003a79; text-decoration: underline; font-size: 14px; font-weight: 300; padding: 0;}
.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 .top_bx {width: 100%; text-align: right;padding: 10px 20px; padding-bottom: 0;}
.pop_calendar .mid_area .top_bx .btn_under_01 {background: none; display: inline-block;line-height: 30px;text-align: center; color: #003a79;text-decoration: underline; font-size: 14px;font-weight: 300; padding: 0;}
.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 .head_bx .mark .overtime .dot{background-color:#ff8080}
.pop_calendar .mid_area .cal_cnt .head_bx .mark .breaktime .dot{background-color:#8080ff}
.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; font-size: 12px;}
.pop_calendar .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.on>i.overtime{background-color:#ff8080;color:#fff; font-size: 12px;}
.pop_calendar .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.on>i.breaktime{background-color:#8080ff;color:#fff;font-size: 12px;}
.pop_calendar .mid_area .cal_cnt .cal_bx>table .holiday {color: #E02020;}

/*팝업 캘린더 탄력근무제 설정*/
.pop_calendar_flexible{width:700px}
.pop_calendar_flexible .mid_area .top_cnt{margin-bottom:12px;padding-bottom:12px;color:#003a79;border-bottom:1px solid #7c7c7c;box-sizing:border-box}
.pop_calendar_flexible .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_calendar_flexible .mid_area .top_cnt>dl{float:left}
.pop_calendar_flexible .mid_area .top_cnt>dl>dt{float:left;position:relative;margin-right:14px}
.pop_calendar_flexible .mid_area .top_cnt>dl>dt:before{position:absolute;top:-2px;right:-7px;content:":"}
.pop_calendar_flexible .mid_area .top_cnt>dl>dd{float:left}
.pop_calendar_flexible .mid_area .top_cnt>i{float:left;margin:0 8px}
.pop_calendar_flexible .mid_area .top_bx {width: 100%; text-align: right;padding: 10px 20px; padding-bottom: 0;}
.pop_calendar_flexible .mid_area .top_bx .btn_under_01 {background: none; display: inline-block;line-height: 30px;text-align: center; color: #003a79;text-decoration: underline; font-size: 14px;font-weight: 300; padding: 0;}
.pop_calendar_flexible .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_flexible .mid_area .cal_cnt .head_bx:after{display:block;clear:both;content:""}
.pop_calendar_flexible .mid_area .cal_cnt .head_bx .month{float:left;color:#003a79;font-size:16px}
.pop_calendar_flexible .mid_area .cal_cnt .head_bx .month:after{display:block;clear:both;content:""}
.pop_calendar_flexible .mid_area .cal_cnt .head_bx .month>button{float:left;width:24px;height:24px}
.pop_calendar_flexible .mid_area .cal_cnt .head_bx .month>span{float:left;position:relative;top:-2px;margin:0 10px;font-weight:500}
.pop_calendar_flexible .mid_area .cal_cnt .head_bx .mark{float:right}
.pop_calendar_flexible .mid_area .cal_cnt .head_bx .mark:after{display:block;clear:both;content:""}
.pop_calendar_flexible .mid_area .cal_cnt .head_bx .mark>dl{float:left}
.pop_calendar_flexible .mid_area .cal_cnt .head_bx .mark>dl+dl{margin-left:15px}
.pop_calendar_flexible .mid_area .cal_cnt .head_bx .mark>dl:after{display:block;clear:both;content:""}
.pop_calendar_flexible .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_flexible .mid_area .cal_cnt .head_bx .mark>dl>dd{float:left}
.pop_calendar_flexible .mid_area .cal_cnt .head_bx .mark .standard .dot{background-color:#dee7fc}
.pop_calendar_flexible .mid_area .cal_cnt .head_bx .mark .working .dot{background-color:#3171ff}
.pop_calendar_flexible .mid_area .cal_cnt .head_bx .mark .overtime .dot{background-color:#ff8080}
.pop_calendar_flexible .mid_area .cal_cnt .head_bx .mark .breaktime .dot{background-color:#8080ff}
.pop_calendar_flexible .mid_area .cal_cnt .cal_bx>table{width:100%;text-align:center;table-layout:fixed}
.pop_calendar_flexible .mid_area .cal_cnt .cal_bx>table>thead>tr{height:30px}
.pop_calendar_flexible .mid_area .cal_cnt .cal_bx>table>thead>tr>th{vertical-align:top}
.pop_calendar_flexible .mid_area .cal_cnt .cal_bx>table>tbody>tr{height:80px}
.pop_calendar_flexible .mid_area .cal_cnt .cal_bx>table>tbody>tr>td{vertical-align:top}
.pop_calendar_flexible .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.prv,
.pop_calendar_flexible .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.nxt{color:#ebebeb}
.pop_calendar_flexible .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_flexible .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.on>i.std{background-color:#dee7fc;color:#5a5a5a}
.pop_calendar_flexible .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.on>i.work{background-color:#3171ff;color:#fff; font-size: 12px;}
.pop_calendar_flexible .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.on>i.overtime{background-color:#ff8080;color:#fff; font-size: 12px;}
.pop_calendar_flexible .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.on>i.breaktime{background-color:#8080ff;color:#fff;font-size: 12px;}
.pop_calendar_flexible .mid_area .cal_cnt .cal_bx>table .holiday {color: #E02020;}

/*팝업 휴가스케줄*/
.pop_calendar_vacation{width:700px}
.pop_calendar_vacation .mid_area .top_cnt{margin-bottom:12px;padding-bottom:12px;color:#003a79;border-bottom:1px solid #7c7c7c;box-sizing:border-box}
.pop_calendar_vacation .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_calendar_vacation .mid_area .top_cnt>dl{float:left}
.pop_calendar_vacation .mid_area .top_cnt>dl>dt{float:left;position:relative;margin-right:14px}
.pop_calendar_vacation .mid_area .top_cnt>dl>dt:before{position:absolute;top:-2px;right:-7px;content:":"}
.pop_calendar_vacation .mid_area .top_cnt>dl>dd{float:left}
.pop_calendar_vacation .mid_area .top_cnt>i{float:left;margin:0 8px}
.pop_calendar_vacation .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_vacation .mid_area .cal_cnt .head_bx:after{display:block;clear:both;content:""}
.pop_calendar_vacation .mid_area .cal_cnt .head_bx .month{float:left;color:#003a79;font-size:16px}
.pop_calendar_vacation .mid_area .cal_cnt .head_bx .month:after{display:block;clear:both;content:""}
.pop_calendar_vacation .mid_area .cal_cnt .head_bx .month>button{float:left;width:24px;height:24px}
.pop_calendar_vacation .mid_area .cal_cnt .head_bx .month>span{float:left;position:relative;top:-2px;margin:0 10px;font-weight:500}
.pop_calendar_vacation .mid_area .cal_cnt .head_bx .mark{float:right}
.pop_calendar_vacation .mid_area .cal_cnt .head_bx .mark:after{display:block;clear:both;content:""}
.pop_calendar_vacation .mid_area .cal_cnt .head_bx .mark>dl{float:left}
.pop_calendar_vacation .mid_area .cal_cnt .head_bx .mark>dl+dl{margin-left:15px}
.pop_calendar_vacation .mid_area .cal_cnt .head_bx .mark>dl:after{display:block;clear:both;content:""}
.pop_calendar_vacation .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_vacation .mid_area .cal_cnt .head_bx .mark>dl>dd{float:left}
.pop_calendar_vacation .mid_area .cal_cnt .head_bx .mark .standard .dot{background-color:#dee7fc}
.pop_calendar_vacation .mid_area .cal_cnt .head_bx .mark .working .dot{background-color:#3171ff}
.pop_calendar_vacation .mid_area .cal_cnt .cal_bx>table{width:100%;text-align:center;table-layout:fixed}
.pop_calendar_vacation .mid_area .cal_cnt .cal_bx>table>thead>tr{height:30px}
.pop_calendar_vacation .mid_area .cal_cnt .cal_bx>table>thead>tr>th{vertical-align:top}
.pop_calendar_vacation .mid_area .cal_cnt .cal_bx>table>tbody>tr{height:80px}
.pop_calendar_vacation .mid_area .cal_cnt .cal_bx>table>tbody>tr>td{vertical-align:top}
.pop_calendar_vacation .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.prv,
.pop_calendar_vacation .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.nxt{color:#ebebeb}
.pop_calendar_vacation .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_vacation .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.on>i.std{background-color:#dee7fc;color:#5a5a5a}
.pop_calendar_vacation .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:1200px}
.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 .table .body .slt_bx.error_slt {color: #E02020;}
.pop_schedule_add .mid_area .sche_section .table .body .used .slt_bx{float:unset;width:90%}
.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; font-size: 14px;}
.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_schedule_add .loading {position: fixed; z-index: 3000; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); border-radius: 4px;display: none;}
.pop_schedule_add .loading>div{position:relative; width: 100%; height: 100%; display: flex; align-items: center;}
.pop_schedule_add .loading .circle{width:120px;height:120px;margin:10px auto;border:6px solid #e3e3e3;border-bottom:6px solid #000000;border-radius:50%;animation:load 1.5s linear infinite}
@keyframes load{
	0%{transform:rotate(0deg)}
	100% {transform:rotate(360deg)}
}
.pop_schedule_add .loading .txt{position:absolute;top:50%;left:50%;color:#000;font-weight:500;transform:translate(-50%, -50%)}



/*팝업 스케줄 보기*/
.pop_schedule {width: 1200px;}
.pop_schedule .mid_area {max-height: 800px; overflow-y: auto;}
.pop_schedule .section_monthly{height:auto}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar{font-size:12px}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr{min-height:70px}
.pop_schedule .section_monthly .tab_request .tooltip{font-size:12px}
.pop_schedule .section_monthly{width:100%;height:auto}
.pop_schedule .section_monthly .tit_cnt{margin-bottom:10px}
.pop_schedule .section_monthly .tit_cnt:after{display:block;clear:both;content:""}
.pop_schedule .section_monthly .tit_cnt .tit{float:left;position:relative;margin-bottom:0;padding-left:26px}
.pop_schedule .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%)}
.pop_schedule .section_monthly .tit_cnt .datepicker{float:left;position:relative;width:110px;height:auto}
.pop_schedule .section_monthly .tit_cnt .datepicker:before{position:absolute;top:8px;right:12px;width:6px;height:10px;background:url(../img/arr_next_03.png) center no-repeat;background-size:6px 10px;transform:rotate(90deg);content:""}
.pop_schedule .section_monthly .tit_cnt .datepicker .picker{padding:0;color:inherit;font-weight:500;border:none;cursor:pointer}
.pop_schedule .section_monthly .tit_cnt .head_bx{float:left;width:calc(100% - 671px);margin:0 5px;text-align:center}
.pop_schedule .section_monthly .tit_cnt .head_bx .month{display:inline-block;height:24px;font-size:16px}
.pop_schedule .section_monthly .tit_cnt .head_bx .month:after{display:block;clear:both;content:""}
.pop_schedule .section_monthly .tit_cnt .head_bx .month>button{float:left;width:24px;height:24px}
.pop_schedule .section_monthly .tit_cnt .head_bx .month>span{float:left;margin:0 10px;font-weight:500}
.pop_schedule .section_monthly .tit_cnt .legend_bx{float:right}
.pop_schedule .section_monthly .tit_cnt .legend_bx:after{display:block;clear:both;content:""}
.pop_schedule .section_monthly .tit_cnt .legend_bx>div{float:left;position:relative;margin-left:10px;padding-left:10px;font-size:12px}
.pop_schedule .section_monthly .tit_cnt .legend_bx>div:first-child{margin-left:0}
.pop_schedule .section_monthly .tit_cnt .legend_bx>div:before{position:absolute;top:6px;left:0;width:6px;height:6px;border-radius:50%;content:""}
.pop_schedule .section_monthly .tit_cnt .legend_bx .standard{color:#ebd6c1}
.pop_schedule .section_monthly .tit_cnt .legend_bx .standard:before{background-color:#ebd6c1}
.pop_schedule .section_monthly .tit_cnt .legend_bx .work{color:#A2DADA}
.pop_schedule .section_monthly .tit_cnt .legend_bx .work:before{background-color:#A2DADA}
.pop_schedule .section_monthly .tit_cnt .legend_bx .education{color:#c1d8eb}
.pop_schedule .section_monthly .tit_cnt .legend_bx .education:before{background-color:#c1d8eb}
.pop_schedule .section_monthly .tit_cnt .legend_bx .outside{color:#ACA2DA}
.pop_schedule .section_monthly .tit_cnt .legend_bx .outside:before{background-color:#ACA2DA}
.pop_schedule .section_monthly .tit_cnt .legend_bx .business{color:#E4A2DC}
.pop_schedule .section_monthly .tit_cnt .legend_bx .business:before{background-color:#E4A2DC}
.pop_schedule .section_monthly .tit_cnt .legend_bx .vacation{color:#EE656D}
.pop_schedule .section_monthly .tit_cnt .legend_bx .vacation:before{background-color:#EE656D}
.pop_schedule .section_monthly .tit_cnt .legend_bx .half_vacation{color:#F4B0B4}
.pop_schedule .section_monthly .tit_cnt .legend_bx .half_vacation:before{background-color:#F4B0B4}
.pop_schedule .section_monthly .tit_cnt .legend_bx .overtime{color:#BC1919}
.pop_schedule .section_monthly .tit_cnt .legend_bx .overtime:before{background-color:#BC1919}
.pop_schedule .section_monthly .tit_cnt .legend_bx .real_overtime{color:#A2DADA}
.pop_schedule .section_monthly .tit_cnt .legend_bx .real_overtime:before{background-color:#A2DADA}
.pop_schedule .section_monthly .tit_cnt .legend_bx .break_time{color:#FFEB3B}
.pop_schedule .section_monthly .tit_cnt .legend_bx .break_time:before{background-color:#FFEB3B}
.pop_schedule .section_monthly .tit_cnt .legend_bx .total{color:#B8DAA2}
.pop_schedule .section_monthly .tit_cnt .legend_bx .total:before{background-color:#B8DAA2}
.pop_schedule .section_monthly .tit_cnt .legend_bx .empty{color:#dedede; display: none;}
.pop_schedule .section_monthly .tit_cnt .legend_bx .empty:before{background-color:#dedede}
.pop_schedule .section_monthly .tit_cnt .legend_bx .after_work{color:#ffb471;}
.pop_schedule .section_monthly .tit_cnt .legend_bx .after_work:before{background-color:#ffb471}
.pop_schedule .section_monthly .tit_cnt .legend_bx .flextime{color:#54abff;}
.pop_schedule .section_monthly .tit_cnt .legend_bx .flextime:before{background-color:#54abff}
.pop_schedule .section_monthly .tit_cnt .legend_bx .shift_work{color:#78abd4;}
.pop_schedule .section_monthly .tit_cnt .legend_bx .shift_work:before{background-color:#78abd4}
.pop_schedule .section_monthly .tit_cnt .legend_bx .shift_holiday{color:#f18383;}
.pop_schedule .section_monthly .tit_cnt .legend_bx .shift_holiday:before{background-color:#f18383}
.pop_schedule .section_monthly .mid_cnt .top_btn:after{display:block;clear:both;content:""}
.pop_schedule .section_monthly .mid_cnt .tab_bx{float:left}
.pop_schedule .section_monthly .mid_cnt .tab_bx:after{display:block;clear:both;content:""}
.pop_schedule .section_monthly .mid_cnt .tab_bx .tab_btn{float:left;position:relative;color:#bbb;cursor:pointer}
.pop_schedule .section_monthly .mid_cnt .tab_bx .tab_btn:before{position:absolute;top:50%;left:0;width:1px;height:14px;background-color:#bbb;transform:translateY(-50%);content:""}
.pop_schedule .section_monthly .mid_cnt .tab_bx .tab_btn:first-child:before{display:none}
.pop_schedule .section_monthly .mid_cnt .tab_bx .tab_btn.on{color:#333;font-weight:500}
.pop_schedule .section_monthly .mid_cnt .tab_bx .tab_btn+.tab_btn{margin-left:10px;padding-left:10px}
.pop_schedule .section_monthly .mid_cnt .right_bx{float:right}
.pop_schedule .section_monthly .mid_cnt .tab_cnt{display:none;float:unset;margin-top:10px;margin-left:0;font-size:14px}
.pop_schedule .section_monthly .mid_cnt .tab_cnt.on{display:block}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar{text-align:center}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .tr:after{display:block;clear:both;content:""}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .tr>div{float:left;width:calc(100% / 7)}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .head{height:32px;font-weight:500;line-height:32px}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .prv,
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .nxt{color:#c8c8c8}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .holiday{color:#E02020}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr{min-height:100px}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr+.tr{margin-top:10px}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div .day{display:block;height:32px;background-color:#F6F6F6;font-weight:500;line-height:32px}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div:first-child .day{border-radius:10px 0 0 10px}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div:last-child .day{border-radius:0 10px 10px 0}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span,
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>button{display:block;width:95%;height:32px;margin:5px auto 0;color:#333;line-height:32px;border-radius:10px}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.standard{background-color:#ebd6c1}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.work{background-color:#A2DADA}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.education{background-color:#c1d8eb}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.outside{background-color:#ACA2DA}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.business{background-color:#E4A2DC}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.vacation{background-color:#EE656D}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.empty{background-color:#dedede}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.half_vacation{background-color:#F4B0B4}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.total{background-color:#B8DAA2}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.user{background-color:#e7eeff}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.overtime{background-color:#BC1919;color:#fff}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.real_overtime{background-color:#A2DADA}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.break_time{background-color:#FFEB3B}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.shift_work {background-color:#78abd4;}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.shift_holiday {background-color:#f18383; }
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>button.more{background-color:#e7eeff;color:#004eff;text-decoration:underline}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span[onclick]:hover{cursor:pointer}
.pop_schedule .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>span.change {color: #E02020;}
.pop_schedule .section_monthly .tab_working .weekly{margin-bottom:5px}
.pop_schedule .section_monthly .tab_working .weekly:after{display:block;clear:both;content:""}
.pop_schedule .section_monthly .tab_working .weekly .item{float:left;min-width:200px;margin-right:40px}
.pop_schedule .section_monthly .tab_working .weekly .accrue_weekly{width:calc(100% - 530px);margin-right:0}
.pop_schedule .section_monthly .tab_working .weekly .item:after{display:block;clear:both;content:""}
.pop_schedule .section_monthly .tab_working .weekly .item>dt{float:left;position:relative;padding-left:12px;font-weight:500}
.pop_schedule .section_monthly .tab_working .weekly .item>dt:before{position:absolute;top:50%;left:0;width:8px;height:8px;background-color:#D8D8D8;border-radius:50%;transform:translateY(-50%);content:""}
.pop_schedule .section_monthly .tab_working .weekly .item>dd{float:left;margin-left:15px;color:#2D2D2D}
.pop_schedule .section_monthly .tab_working .weekly .item>dd>b{margin-right:10px}
.pop_schedule .section_monthly .tab_working .approval_case{margin-bottom:5px}
.pop_schedule .section_monthly .tab_working .approval_case .slt_bx{position:relative;width:auto;height:auto;min-width:200px;margin-right:0;margin-bottom:5px;padding-left:10px;border:none}
.pop_schedule .section_monthly .tab_working .approval_case .slt_bx:before{position:absolute;top:50%;left:0;width:8px;height:8px;background-color:#D8D8D8;border-radius:50%;transform:translateY(-50%);content:""}
.pop_schedule .section_monthly .tab_working .approval_case .slt_bx>select{color:#3e3e3e;font-size:14px;font-weight:500;border:none}
.pop_schedule .section_monthly .tab_working .approval_case>div:after{display:block;clear:both;content:""}
.pop_schedule .section_monthly .tab_working .approval_case .item{float:left;min-width:200px;margin-right:40px;margin-bottom:5px}
.pop_schedule .section_monthly .tab_working .approval_case .item>dt{float:left;position:relative;padding-left:12px;font-weight:500}
.pop_schedule .section_monthly .tab_working .approval_case .item>dt:before{position:absolute;top:50%;left:0;width:8px;height:8px;background-color:#D8D8D8;border-radius:50%;transform:translateY(-50%);content:""}
.pop_schedule .section_monthly .tab_working .approval_case .item>dd{float:left;margin-left:15px;color:#2D2D2D}
.pop_schedule .section_monthly .tab_working .approval_case .item>dd>b{margin-right:10px}
.pop_schedule .section_monthly .tab_request .tooltip{position:absolute;padding:10px;background-color:#002948;color:#fff;border-radius:13px}
.pop_schedule .section_monthly .tab_request .tooltip>span .date{display:inline-block;margin-right:10px}
.pop_schedule .section_monthly .tab_vacation .calendar .body .tr>div>span.default{background-color:#e7eeff;color:#004eff;text-decoration:underline;cursor:pointer}


/*팝업 탄력근무제 수정/추가(유연근무제스케줄)*/
.pop_flexible_add .mid_area .mid_cnt{overflow-y:auto;height:70vh}
.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 .mid_area .mid_cnt .break_time {display: none;}
.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_list .mid_cnt .table .body>table>tbody>tr>td .dot.red {display: inline-block; width: 8px; height: 8px; background: #EE2C2C; border-radius: 50%; margin-right: 4px;}


/*팝업 결재선 대상추가(유연근무제스케줄)*/
.pop_approval_add{width:900px}
.pop_approval_add .disabled{background-color:#dedede;cursor:default}
.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 .top_cnt .right_bx .btn_under_02 {background: none;display: inline-block; line-height: 30px; text-align: center; color: #003a79; text-decoration: underline; font-size: 14px; font-weight: 300; padding: 0;}
.pop_approval_add .mid_area .top_cnt .right_bx .btn_under_01 {background: none;display: inline-block; line-height: 30px; text-align: center; color: #0050FF; text-decoration: underline; font-size: 14px; font-weight: 300; padding: 0;}
.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 .chk {width: 80px !important;}
/*팝업 결재선 대상추가2(유연근무제스케줄)*/
.pop_approval_2_add{width:900px}
.pop_approval_2_add .disabled{background-color:#dedede;cursor:default}
.pop_approval_2_add .mid_area .top_cnt{margin-bottom:15px}
.pop_approval_2_add .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_approval_2_add .mid_area .top_cnt .search_bx{float:left}
.pop_approval_2_add .mid_area .top_cnt .search_bx .txt_bx{width:204px}
.pop_approval_2_add .mid_area .top_cnt .right_bx{float:right}
.pop_approval_2_add .mid_area .mid_cnt:after{display:block;clear:both;content:""}
.pop_approval_2_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_2_add .mid_area .mid_cnt .left_bx .tree_bx{padding:10px}
.pop_approval_2_add .mid_area .mid_cnt .list_bx{float:left;width:55%}
.pop_approval_2_add .mid_area .mid_cnt .list_bx .table .head{border-bottom:none;border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_approval_2_add .mid_area .mid_cnt .list_bx .table .body{height:400px;border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_approval_2_add .mid_area .mid_cnt .list_bx .table .body>span{display:block;padding:14px 0;text-align:center}
/*-연차추가-*/
.pop_approval_add.pop_vacation .mid_area .mid_cnt .left_bx{width:320px;margin-right:0}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .btn_i_add{float:left;position:relative;top:calc(450px / 2 - 30px);width:40px;height:40px;margin:0 20px;background:url(../img/arr_next_05.png) center no-repeat;background-size:20px 35px;border-radius:0}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .btn_i_add:hover{background-color:#f1f1f1}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .list_bx{width:calc(100% - 400px);border:1px solid #d8d8d8;box-sizing:border-box}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .list_bx .table .head{border-top:none}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .list_bx .table .body{height:398px}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx{float:left;width:100%;margin-top:15px;padding-top:15px;border-top:1px solid #7c7c7c}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx:after{display:block;clear:both;content:""}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx>dl{float:left;width:50%;margin-top:10px}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx>dl:nth-child(1),
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx>dl:nth-child(2){margin-top:0}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx>dl>dt{color:#003a79;font-weight:500}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx>dl>dd{width:calc(100% - 130px)}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx>dl>dd .txt_bx{width:100px;margin-right:8px;padding-right:10px}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx>.fixed_start>dd .slt_bx {width: 70px; margin-left: 35px;}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx>.fixed_start>dd .slt_bx + .slt_bx {margin-left: 0px;}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx:nth-child(3) .slt_bx{width:120px;margin-right:0}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx .picker{width:120px;border-color:#d8d8d8}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx .datepicker .i_picker{right:-10px}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx .datepicker .tui-datepicker{bottom:32px}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx .memo .txt_bx{width:100%;margin-right:0}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx .vacation_time .txt_bx{width:70px}
.pop_approval_add.pop_vacation .mid_area .mid_cnt .cnt_bx .vacation_time .slt_bx{margin-left:10px;margin-right:0}

/*팝업 결재선 대상추가(결재자>신청)*/
.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_approval_add_reward{width:900px}
.pop_approval_add_reward .mid_area .top_cnt{margin-bottom:15px}
.pop_approval_add_reward .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_approval_add_reward .mid_area .top_cnt .search_bx{float:left}
.pop_approval_add_reward .mid_area .top_cnt .search_bx .txt_bx{width:204px}
.pop_approval_add_reward .mid_area .top_cnt .right_bx{float:right}
.pop_approval_add_reward .mid_area .mid_cnt:after{display:block;clear:both;content:""}
.pop_approval_add_reward .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_reward .mid_area .mid_cnt .left_bx .tree_bx{padding:10px}
.pop_approval_add_reward .mid_area .mid_cnt .list_bx{float:left;width:55%}
.pop_approval_add_reward .mid_area .mid_cnt .list_bx .table .head{border-bottom:none;border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_approval_add_reward .mid_area .mid_cnt .list_bx .table .body{height:400px;border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_approval_add_reward .mid_area .mid_cnt .list_bx .table .body>span{display:block;padding:14px 0;text-align:center}

/*팝업 결재선 대상추가(유연근무제스케줄) - 개발용 클래스 추가*/
.pop_overtime_auto_add{width:900px}
.pop_overtime_auto_add .disabled{background-color:#dedede;cursor:default}
.pop_overtime_auto_add .mid_area .top_cnt{margin-bottom:15px}
.pop_overtime_auto_add .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_overtime_auto_add .mid_area .top_cnt .search_bx{float:left}
.pop_overtime_auto_add .mid_area .top_cnt .search_bx .txt_bx{width:204px}
.pop_overtime_auto_add .mid_area .top_cnt .right_bx{float:right}
.pop_overtime_auto_add .mid_area .mid_cnt:after{display:block;clear:both;content:""}
.pop_overtime_auto_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_overtime_auto_add .mid_area .mid_cnt .left_bx .tree_bx{padding:10px}
.pop_overtime_auto_add .mid_area .mid_cnt .list_bx{float:left;width:55%}
.pop_overtime_auto_add .mid_area .mid_cnt .list_bx .table .head{border-bottom:none;border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_overtime_auto_add .mid_area .mid_cnt .list_bx .table .body{height:400px;border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_overtime_auto_add .mid_area .mid_cnt .list_bx .table .body>span{display:block;padding:14px 0;text-align:center}

/*팝업 결재선 대상추가(결재자>신청)- 개발용 클래스 추가*/
.pop_overtime_auto_add .mid_area .tab_cnt .left_bx{border:none}
.pop_overtime_auto_add .mid_area .tab_cnt .left_bx .tab_bx>ul:after{display:block;clear:both;content:""}
.pop_overtime_auto_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_overtime_auto_add .mid_area .tab_cnt .left_bx .tab_bx>ul>li.click{background-color:#dee7fc;font-weight:500}
.pop_overtime_auto_add .mid_area .tab_cnt .left_bx .tree_bx{overflow:auto;height:calc(100% - 32px);border:1px solid #d8d8d8;box-sizing:border-box}

/*팝업 대상추가(연차관리>보상연차추가)- 개발용 클래스 추가*/
.pop_overtime_auto_add{width:900px}
.pop_overtime_auto_add .mid_area .top_cnt{margin-bottom:15px}
.pop_overtime_auto_add .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_overtime_auto_add .mid_area .top_cnt .search_bx{float:left}
.pop_overtime_auto_add .mid_area .top_cnt .search_bx .txt_bx{width:204px}
.pop_overtime_auto_add .mid_area .top_cnt .right_bx{float:right}
.pop_overtime_auto_add .mid_area .mid_cnt:after{display:block;clear:both;content:""}
.pop_overtime_auto_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_overtime_auto_add .mid_area .mid_cnt .left_bx .tree_bx{padding:10px}
.pop_overtime_auto_add .mid_area .mid_cnt .list_bx{float:left;width:55%}
.pop_overtime_auto_add .mid_area .mid_cnt .list_bx .table .head{border-bottom:none;border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_overtime_auto_add .mid_area .mid_cnt .list_bx .table .body{height:400px;border-top:1px solid #7c7c7c;box-sizing:border-box}
.pop_overtime_auto_add .mid_area .mid_cnt .list_bx .table .body>span{display:block;padding:14px 0;text-align:center}

/*팝업 근무계획*/
.pop_work_plan_info {width: 500px;}
.pop_work_plan_info .mid_area .mid_cnt .info_bx .group .txt_bx {float: left; width: calc(100% - 70px);}
.pop_work_plan_info .mid_area .mid_cnt .info_bx .group button {float: left;margin-left: 10px;}
.pop_work_plan_info .mid_area .mid_cnt .info_bx .time_limit .time {width: calc(100% - 100px); float: left;}
.pop_work_plan_info .mid_area .mid_cnt .info_bx .time_limit dd > i {width: 100px; line-height: 32px;}

/*팝업 근무그룹*/
.pop_work_plan_group {width: 1200px;}

/*팝업 안내확인 (연차촉진제도)*/
.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 .mid_area .mid_cnt .slt_bx{width:100%;margin-right:0}
/*-팝업 정책설정 - 출장설정-*/
.pop_info_set.pop_bs .mid_area .mid_cnt>dl>dd>.slt_bx{width:100%}
/*-팝업 정책설정 - 휴가추가-*/
.pop_info_set.pop_vacation .mid_area .mid_cnt>dl>dd .btn_under_01{margin-right:10px;cursor:pointer}
.pop_info_set.pop_vacation .mid_area .mid_cnt .daily .slt_bx{width:80px;margin-right:10px}
.pop_info_set.pop_vacation .mid_area .mid_cnt .added_user .slt_bx{float:left;width:100px;margin-right:10px}
.pop_info_set.pop_vacation .mid_area .mid_cnt .added_user .added{float:left}
/*-팝업 정책설정 - 교육설정-*/
.pop_info_set_education .mid_area .mid_cnt .slt_bx{width:100%}
.pop_info_set_education .mid_area .mid_cnt .time .txt_bx{width:100px;margin-right:10px}

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

/*팝업 알림 보내기 얼럿*/
.pop_alarm .mid_area .pop_wrap:after{display:block;clear:both;content:""}
.pop_alarm .mid_area .pop_wrap>div{float:right}
/* 팝업 정책설정 - 근무타입 */
.pop_worktype_add{width:650px}
.pop_worktype_add .mid_area .datepicker .picker{color:#9fa0a1;border-color:#d8d8d8}
.pop_worktype_add .mid_area .i_help .help_txt{left:70px}
.pop_worktype_add .mid_area .mid_cnt{overflow-y:auto; height: auto;} 
.pop_worktype_add .mid_area .mid_cnt .border{margin-top:15px;padding-top:15px;border-top:1px solid #ededed}
.pop_worktype_add .mid_area .mid_cnt>dl>dd>dl+dl{margin-top:10px}
.pop_worktype_add .mid_area .mid_cnt>dl>dd>dl>dt{width:80px}
.pop_worktype_add .mid_area .mid_cnt>dl>dd>dl>dd{width:calc(100% - 90px)}
.pop_worktype_add .mid_area .mid_cnt>dl>dd>dl>dd:after{display:block;clear:both;content:""}
.pop_worktype_add .mid_area .mid_cnt>dl>dd>dl>dd .datepicker{margin-right:10px}
.pop_worktype_add .mid_area .mid_cnt>dl>dd>dl>dd .time_bx{float:left}
.pop_worktype_add .mid_area .mid_cnt>dl>dd>dl>dd .time_bx:after{display:block;clear:both;content:""}
.pop_worktype_add .mid_area .mid_cnt>dl>dd>dl>dd .time_bx .slt_bx{float:left}
.pop_worktype_add .mid_area .mid_cnt>dl>dd>dl>dd>i{float:left}
.pop_worktype_add .mid_area .split {margin-bottom: 15px}
.pop_worktype_add .mid_area .split:after {display: block;clear: both;content: ""}
.pop_worktype_add .mid_area .split>dl {float: left;width: 48%}
.pop_worktype_add .mid_area .split>dl+dl {margin-top: 0;margin-left: 4%}
.pop_worktype_add .mid_area .split>dl>dt {width: 80px}
.pop_worktype_add .mid_area .split>dl>dd {width: calc(100% - 90px)}
.pop_worktype_add .mid_area .list {display: flex; flex-wrap: wrap; margin-top: 20px;}
.pop_worktype_add .mid_area .list li {border: 2px solid #ddd; border-radius: 8px; padding: 10px 14px; box-sizing: border-box; width: calc(100% / 3 - 10px); margin-right: 15px; margin-bottom: 15px; cursor: pointer;}
.pop_worktype_add .mid_area .list li.on {border: 2px solid #0050ff;}
.pop_worktype_add .mid_area .list li:nth-child(3),
.pop_worktype_add .mid_area .list li:nth-child(6) {margin-right: 0;}
.pop_worktype_add .mid_area .list li .top {display: flex; justify-content: space-between; align-items: center;}
.pop_worktype_add .mid_area .list li .top > p {font-weight: 500; color: #000000; font-size: 16px;}
.pop_worktype_add .mid_area .list li .btm {margin-top: 4px; color: #a6a6a6;}
.pop_worktype_add .mid_area .list li .btm .used_txt {height: 18px;}

.pop_worktype_add .mid_area .option li {display: none;}
.pop_worktype_add .mid_area .option li dl {border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; margin-top: 10px;}
.pop_worktype_add .mid_area .option li dl dt {width: 100%; margin-bottom: 4px; font-weight: 500;}
.pop_worktype_add .mid_area .option li dl dd {display: flex;}
.pop_worktype_add .mid_area .option li dl dd .check_bx {width: 30%;}
.pop_worktype_add .mid_area .option li dl .time_bx > div {display: flex; margin: 0 5px;}
.pop_worktype_add .mid_area .option li dl .time_bx > i {margin-right: 10px; line-height: 32px;}

/*팝업 정책설정 - 다중표준근무제*/
.pop_multiple_add{width:700px}
.pop_multiple_add .mid_area .datepicker .picker{color:#9fa0a1;border-color:#d8d8d8}
.pop_multiple_add .mid_area .i_help .help_txt{left:70px}
.pop_multiple_add .mid_area .mid_cnt{overflow-y:auto;height:500px}
.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>dl>dt{width:150px}
.pop_multiple_add .mid_area .mid_cnt>dl>dd{width:calc(100% - 160px)}
.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:after{display:block;clear:both;content:""}
.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 .txt{float:left;line-height:32px}
.pop_multiple_add .mid_area .mid_cnt>dl .apply > div {width: 100%; display: flex; align-items: center;}
.pop_multiple_add .mid_area .mid_cnt>dl .apply > .work {margin-bottom: 10px;}
.pop_multiple_add .mid_area .mid_cnt>dl .apply > div .slt_bx {width: 80px;}
.pop_multiple_add .mid_area .mid_cnt>dl .apply .txt {float: left; margin-right: 10px;}
.pop_multiple_add .mid_area .mid_cnt>.apply_day>dt {line-height: 74px; }
.pop_multiple_add .mid_area .mid_cnt>.apply_day {display: none;}
.pop_multiple_add .mid_area .mid_cnt .name dd .txt_bx {width: 200px;}
.pop_multiple_add .mid_area .mid_cnt .work_day>dd .check_bx{float:left;width:14%}
.pop_multiple_add .mid_area .mid_cnt .break_alarm>dd .txt_bx{width:200px}
.pop_multiple_add .mid_area .mid_cnt .time>dd .txt_bx{width:100px}
.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_multiple_add .mid_area .mid_cnt .include>dt .check_bx>label>span{color:#3e3e3e}
.pop_multiple_add .mid_area .mid_cnt .include>dd .txt_bx{float:left;width:60px;margin-right:10px}
.pop_multiple_add .mid_area .mid_cnt .include>dd .txt{float:left;margin-right:10px;line-height:32px}
.pop_multiple_add .mid_area .mid_cnt .flexible_type .slt_bx{width:200px;margin-right:0}
.pop_multiple_add .mid_area .mid_cnt .core_time>dt .i_help .help_txt{bottom:-41px}
.pop_multiple_add .mid_area .mid_cnt .core_time>dd .slt_bx{float:unset}
.pop_multiple_add .mid_area .mid_cnt .core_time>dd .time_bx{margin-top:10px}
.pop_multiple_add .mid_area .mid_cnt .core_time .time_bx>div {float: left;}
.pop_multiple_add .mid_area .mid_cnt .core_time .time_bx>i {float: left;margin: 0 10px;line-height: 32px;}
.pop_multiple_add .mid_area .mid_cnt .tit {width: 100%;margin-bottom: 15px;color: #002d6b;font-size: 16px;font-weight: 500;border-bottom: 1px solid #f0f0f0;border-top: 1px solid #f0f0f0;	box-sizing: border-box; padding: 10px 0; margin-top: 20px;}
.pop_multiple_add .mid_area .mid_cnt .month_work{display: none;}
.pop_multiple_add .mid_area .mid_cnt .month_work dd>div {display: block; width: 100%; margin-bottom: 10px;}
.pop_multiple_add .mid_area .mid_cnt .month_work dd>div .txt_bx {width: 80px; text-align: right; padding-right: 10px;}
.pop_multiple_add .mid_area .mid_cnt .month_work dd>div .month_num {float: left; margin-right: 20px; width: 30px;height: 32px;line-height: 32px;}
.pop_multiple_add .mid_area .mid_cnt .month_work dd>div i {margin-right: 10px;}
.pop_multiple_add .mid_area .mid_cnt .month_work dd>div .overtime {margin-left: 20px;} 
.pop_multiple_add .mid_area .mid_cnt .week_work {display: none;}
.pop_multiple_add .mid_area .mid_cnt .week_work dd>div {display: block; width: 100%; margin-bottom: 10px;}
.pop_multiple_add .mid_area .mid_cnt .week_work dd>div .txt_bx {width: 80px; text-align: right; padding-right: 10px;}
.pop_multiple_add .mid_area .mid_cnt .week_work dd>div .work {float: left; margin-right: 20px; width: 50px;height: 32px;line-height: 32px;}
.pop_multiple_add .mid_area .mid_cnt .week_work dd>div i {margin-right: 10px;}
.pop_multiple_add .mid_area .mid_cnt .week_work dd>div .overtime {margin-left: 20px;} 
.pop_multiple_add .mid_area .mid_cnt .day_work {display: none;}
.pop_multiple_add .mid_area .mid_cnt .day_work .txt_bx {width: 100px;}
.pop_multiple_add .mid_area .mid_cnt .day_work i {line-height: 32px;}

/*선택근무제를 선택했을 때*/
.pop_multiple_add .mid_area .mid_cnt .selective{display:none}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd{width:calc(100% - 130px)}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd:after{display:block;clear:both;content:""}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd .slt_bx{width:200px;margin-right:0}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd>dl>dd:after{display:block;clear:both;content:""}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd .time_bx:after{display:block;clear:both;content:""}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd .time_bx .start{float:left}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd .time_bx .start:after{display:block;clear:both;content:""}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd .time_bx .start .slt_bx{float:left;width:80px;margin-right:10px}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd .time_bx .start~i{float:left;height:32px;margin-right:10px;line-height:30px}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd .time_bx .start~button{float:left;margin-top:12px}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd .time_bx~ul{overflow-y:auto;width:424px;height:100px;margin-top:10px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd .time_bx~ul>li{padding:4px 10px}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd .time_bx~ul>li:after{display:block;clear:both;content:""}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd .time_bx~ul>li>i{overflow:hidden;float:left;width:calc(100% - 30px);white-space:nowrap;text-overflow:ellipsis}
.pop_multiple_add .mid_area .mid_cnt .selective dl>dd .time_bx~ul>li>button{float:right;width:20px;height:20px;background-size:9px 8px}
.pop_multiple_add .mid_area .mid_cnt .selective .use_day>dd .check_bx{float:left;width:calc(100% / 7)}
.pop_multiple_add .mid_area .mid_cnt .selective .used_time>dd:after{display:block;clear:both;content:""}
.pop_multiple_add .mid_area .mid_cnt .selective .used_time>dd>dl>dt{float:unset;width:auto;margin-right:0;margin-bottom:10px}
.pop_multiple_add .mid_area .mid_cnt .selective .used_time .time_bx{float:unset;width:100%}
.pop_multiple_add .mid_area .mid_cnt .selective .used_time .time_bx .slt_bx{float:left;width:80px;margin-right:10px}
.pop_multiple_add .mid_area .mid_cnt .selective .used_time .time_bx>i{float:left;height:32px;margin-right:10px;line-height:30px}
.pop_multiple_add .mid_area .mid_cnt .selective .break_alarm .txt_bx{width:200px}
.pop_multiple_add .mid_area .mid_cnt .selective .core_time>dd>.slt_bx{margin-bottom:10px}
.pop_multiple_add .mid_area .mid_cnt .selective .alarm .txt_bx{width:80px;margin-right:10px}
.pop_multiple_add .mid_area .mid_cnt .selective .alarm_num .btn_under_01{margin-right:5px;cursor:pointer}

/*팝업 정책설정 - 다중표준근무제*/
.pop_multiple_add_2{width:700px}
.pop_multiple_add_2 .mid_area .datepicker .picker{color:#9fa0a1;border-color:#d8d8d8}
.pop_multiple_add_2 .mid_area .i_help .help_txt{left:70px}
.pop_multiple_add_2 .mid_area .mid_cnt{overflow-y:auto;height:500px}
.pop_multiple_add_2 .mid_area .mid_cnt .border{margin-top:15px;padding-top:15px;border-top:1px solid #ededed}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dt{width:150px}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd{width:calc(100% - 160px)}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd>dl+dl{margin-top:10px}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd>dl>dt{width:80px}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd>dl>dd{width:calc(100% - 90px)}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd>dl>dd:after{display:block;clear:both;content:""}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd>dl>dd .datepicker{margin-right:10px}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd>dl>dd .time_bx{float:left}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd>dl>dd .time_bx:after{display:block;clear:both;content:""}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd>dl>dd .time_bx .slt_bx{float:left}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd>dl>dd>i{float:left}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd .table{margin-top:10px;border:1px solid #e5e5e5;border-radius:3px;box-sizing:border-box}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd .table .head{border-bottom:1px solid #e5e5e5}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd .table .body{height:150px}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd .table .body>table>tbody>tr{border:none}
.pop_multiple_add_2 .mid_area .mid_cnt>dl>dd .table .body>table>tbody>tr .chk{width:auto}
.pop_multiple_add_2 .mid_area .mid_cnt>dl .time_bx .start{margin-bottom:10px}
.pop_multiple_add_2 .mid_area .mid_cnt>dl .time_bx>div:after{display:block;clear:both;content:""}
.pop_multiple_add_2 .mid_area .mid_cnt>dl .time_bx>div .slt_bx{float:left;width:80px}
.pop_multiple_add_2 .mid_area .mid_cnt>dl .time_bx>div .txt{float:left;line-height:32px}
.pop_multiple_add_2 .mid_area .mid_cnt>dl .apply > div {width: 100%; display: flex; align-items: center;}
.pop_multiple_add_2 .mid_area .mid_cnt>dl .apply > .work {margin-bottom: 10px;}
.pop_multiple_add_2 .mid_area .mid_cnt>dl .apply > div .slt_bx {width: 80px;}
.pop_multiple_add_2 .mid_area .mid_cnt>dl .apply .txt {float: left; margin-right: 10px;}
.pop_multiple_add_2 .mid_area .mid_cnt>.apply_day>dt {line-height: 74px; }
.pop_multiple_add_2 .mid_area .mid_cnt>.apply_day {display: none;}
.pop_multiple_add_2 .mid_area .mid_cnt .name dd .txt_bx {width: 200px;}
.pop_multiple_add_2 .mid_area .mid_cnt .work_day>dd .check_bx{float:left;width:14%}
.pop_multiple_add_2 .mid_area .mid_cnt .break_alarm>dd .txt_bx{width:200px}
.pop_multiple_add_2 .mid_area .mid_cnt .time>dd .txt_bx{width:100px}
.pop_multiple_add_2 .mid_area .mid_cnt .weekly_ot>dd .txt_bx{float:left;width:60px;margin-right:10px}
.pop_multiple_add_2 .mid_area .mid_cnt .weekly_ot>dd .txt{float:left;margin-right:10px;line-height:32px}
.pop_multiple_add_2 .mid_area .mid_cnt .include>dt .check_bx>label>span{color:#3e3e3e}
.pop_multiple_add_2 .mid_area .mid_cnt .include>dd .txt_bx{float:left;width:60px;margin-right:10px}
.pop_multiple_add_2 .mid_area .mid_cnt .include>dd .txt{float:left;margin-right:10px;line-height:32px}
.pop_multiple_add_2 .mid_area .mid_cnt .flexible_type .slt_bx{width:200px;margin-right:0}
.pop_multiple_add_2 .mid_area .mid_cnt .core_time>dt .i_help .help_txt{bottom:-41px}
.pop_multiple_add_2 .mid_area .mid_cnt .core_time>dd .slt_bx{float:unset}
.pop_multiple_add_2 .mid_area .mid_cnt .core_time>dd .time_bx{margin-top:10px}
.pop_multiple_add_2 .mid_area .mid_cnt .core_time .time_bx>div {float: left;}
.pop_multiple_add_2 .mid_area .mid_cnt .core_time .time_bx>i {float: left;margin: 0 10px;line-height: 32px;}
.pop_multiple_add_2 .mid_area .mid_cnt .tit {width: 100%;margin-bottom: 15px;color: #002d6b;font-size: 16px;font-weight: 500;border-bottom: 1px solid #f0f0f0;border-top: 1px solid #f0f0f0;	box-sizing: border-box; padding: 10px 0; margin-top: 20px;}
.pop_multiple_add_2 .mid_area .mid_cnt .month_work{display: none;}
.pop_multiple_add_2 .mid_area .mid_cnt .month_work dd>div {display: block; width: 100%; margin-bottom: 10px;}
.pop_multiple_add_2 .mid_area .mid_cnt .month_work dd>div .txt_bx {width: 80px; text-align: right; padding-right: 10px;}
.pop_multiple_add_2 .mid_area .mid_cnt .month_work dd>div .month_num {float: left; margin-right: 20px; width: 30px;height: 32px;line-height: 32px;}
.pop_multiple_add_2 .mid_area .mid_cnt .month_work dd>div i {margin-right: 10px;}
.pop_multiple_add_2 .mid_area .mid_cnt .month_work dd>div .overtime {margin-left: 20px;} 
.pop_multiple_add_2 .mid_area .mid_cnt .week_work {display: none;}
.pop_multiple_add_2 .mid_area .mid_cnt .week_work dd>div {display: block; width: 100%; margin-bottom: 10px;}
.pop_multiple_add_2 .mid_area .mid_cnt .week_work dd>div .txt_bx {width: 80px; text-align: right; padding-right: 10px;}
.pop_multiple_add_2 .mid_area .mid_cnt .week_work dd>div .work {float: left; margin-right: 20px; width: 50px;height: 32px;line-height: 32px;}
.pop_multiple_add_2 .mid_area .mid_cnt .week_work dd>div i {margin-right: 10px;}
.pop_multiple_add_2 .mid_area .mid_cnt .week_work dd>div .overtime {margin-left: 20px;} 
.pop_multiple_add_2 .mid_area .mid_cnt .day_work {display: none;}
.pop_multiple_add_2 .mid_area .mid_cnt .day_work .txt_bx {width: 80px; float: left;}
.pop_multiple_add_2 .mid_area .mid_cnt .day_work i {line-height: 32px; display: inline-block; float: left; margin-left: 4px;}
.pop_multiple_add_2 .mid_area .mid_cnt .day_work span {line-height: 32px; display: inline-block; float: left; margin-right: 10px;}
.pop_multiple_add_2 .mid_area .mid_cnt .work_mgt_02 {display: none;}

/*선택근무제를 선택했을 때*/
.pop_multiple_add_2 .mid_area .mid_cnt .selective{display:none}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd{width:calc(100% - 130px)}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd:after{display:block;clear:both;content:""}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd .slt_bx{width:200px;margin-right:0}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd>dl>dd:after{display:block;clear:both;content:""}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd .time_bx:after{display:block;clear:both;content:""}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd .time_bx .start{float:left}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd .time_bx .start:after{display:block;clear:both;content:""}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd .time_bx .start .slt_bx{float:left;width:80px;margin-right:10px}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd .time_bx .start~i{float:left;height:32px;margin-right:10px;line-height:30px}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd .time_bx .start~button{float:left;margin-top:12px}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd .time_bx~ul{overflow-y:auto;width:424px;height:100px;margin-top:10px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd .time_bx~ul>li{padding:4px 10px}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd .time_bx~ul>li:after{display:block;clear:both;content:""}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd .time_bx~ul>li>i{overflow:hidden;float:left;width:calc(100% - 30px);white-space:nowrap;text-overflow:ellipsis}
.pop_multiple_add_2 .mid_area .mid_cnt .selective dl>dd .time_bx~ul>li>button{float:right;width:20px;height:20px;background-size:9px 8px}
.pop_multiple_add_2 .mid_area .mid_cnt .selective .use_day>dd .check_bx{float:left;width:calc(100% / 7)}
.pop_multiple_add_2 .mid_area .mid_cnt .selective .used_time>dd:after{display:block;clear:both;content:""}
.pop_multiple_add_2 .mid_area .mid_cnt .selective .used_time>dd>dl>dt{float:unset;width:auto;margin-right:0;margin-bottom:10px}
.pop_multiple_add_2 .mid_area .mid_cnt .selective .used_time .time_bx{float:unset;width:100%}
.pop_multiple_add_2 .mid_area .mid_cnt .selective .used_time .time_bx .slt_bx{float:left;width:80px;margin-right:10px}
.pop_multiple_add_2 .mid_area .mid_cnt .selective .used_time .time_bx>i{float:left;height:32px;margin-right:10px;line-height:30px}
.pop_multiple_add_2 .mid_area .mid_cnt .selective .break_alarm .txt_bx{width:200px}
.pop_multiple_add_2 .mid_area .mid_cnt .selective .core_time>dd>.slt_bx{margin-bottom:10px}
.pop_multiple_add_2 .mid_area .mid_cnt .selective .alarm .txt_bx{width:80px;margin-right:10px}
.pop_multiple_add_2 .mid_area .mid_cnt .selective .alarm_num .btn_under_01{margin-right:5px;cursor:pointer}

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

/*팝업 정책설정 - 적용대상(다중표준) - 개발용 클래스 추가 */
.pop_apply_overtime_auto_user{width:500px}
.pop_apply_overtime_auto_user .mid_area .mid_cnt .search_bx .txt_bx{width:234px}
.pop_apply_overtime_auto_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_editor .mid_area .mid_cnt .editor_bx .txt_bx{width:100%;margin-right:0;margin-bottom:10px}
.pop_editor .mid_area .mid_cnt .editor_bx .txt_bx::placeholder{color:#808080}

/*팝업 정책설정 - 미리보기(공지설정)*/
.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%}

/*초과근무 예외자 - 임산부*/
.pop_exception_mother{width:400px}
.pop_exception_mother .top_area {background-color: #dee7fc;}
.pop_exception_mother .top_area .title .i_help .help_txt{bottom:-60px;left:-140px;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.pop_exception_mother .mid_area .top_cnt>dl:after{display:block;clear:both;content:""}
.pop_exception_mother .mid_area .top_cnt>dl+dl{margin-top:20px}
.pop_exception_mother .mid_area .top_cnt>dl>dt{float:left;width:100px;margin-right:10px;font-weight:500}
.pop_exception_mother .mid_area .top_cnt>dl>dd{float:left;width:calc(100% - 110px)}
.pop_exception_mother .mid_area .mid_cnt{padding-top:15px;border-top:1px solid #e5e5e5}
.pop_exception_mother .mid_area .mid_cnt>dl>dd>i{color:#ff3e3e}
.pop_exception_mother .mid_area .mid_cnt>dl>dt{width:100px}
.pop_exception_mother .mid_area .mid_cnt>dl>dt>.slt_bx {width: 80px;}
.pop_exception_mother .mid_area .mid_cnt>dl>dd{width:calc(100% - 110px)}
.pop_exception_mother .mid_area .top_cnt {margin-bottom: 15px;}
.pop_exception_mother .mid_area .mid_cnt {padding-top: 15px;	border-top: 1px solid #e5e5e5;}

/*초과근무 예외자 - 출산 1년이내*/
.pop_exception_childbirth{width:400px}
.pop_exception_childbirth .top_area {background-color: #dee7fc;}
.pop_exception_childbirth .top_area .title .i_help .help_txt{bottom:-60px;left:-140px;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.pop_exception_childbirth .mid_area .top_cnt>dl:after{display:block;clear:both;content:""}
.pop_exception_childbirth .mid_area .top_cnt>dl+dl{margin-top:20px}
.pop_exception_childbirth .mid_area .top_cnt>dl>dt{float:left;width:120px;margin-right:10px;font-weight:500}
.pop_exception_childbirth .mid_area .top_cnt>dl>dd{float:left;width:calc(100% - 130px)}
.pop_exception_childbirth .mid_area .mid_cnt{padding-top:15px;border-top:1px solid #e5e5e5}
.pop_exception_childbirth .mid_area .mid_cnt>dl>dd>i{color:#ff3e3e}
.pop_exception_childbirth .mid_area .mid_cnt>dl>dt{width:100px}
.pop_exception_childbirth .mid_area .mid_cnt>dl>dd{width:calc(100% - 110px)}
.pop_exception_childbirth .mid_area .top_cnt {margin-bottom: 15px;}
.pop_exception_childbirth .mid_area .mid_cnt {padding-top: 15px;	border-top: 1px solid #e5e5e5;}

/*초과근무 예외자 - 만 18세 미만*/
.pop_exception_minors{width:400px}
.pop_exception_minors .top_area {background-color: #dee7fc;}
.pop_exception_minors .top_area .title .i_help .help_txt{bottom:-60px;left:-140px;-webkit-transform:none;-ms-transform:none;-moz-transform:none;transform:none}
.pop_exception_minors .mid_area .top_cnt>dl:after{display:block;clear:both;content:""}
.pop_exception_minors .mid_area .top_cnt>dl+dl{margin-top:20px}
.pop_exception_minors .mid_area .top_cnt>dl>dt{float:left;width:120px;margin-right:10px;font-weight:500}
.pop_exception_minors .mid_area .top_cnt>dl>dd{float:left;width:calc(100% - 130px)}
.pop_exception_minors .mid_area .mid_cnt{padding-top:15px;border-top:1px solid #e5e5e5}
.pop_exception_minors .mid_area .mid_cnt>dl>dd>i{color:#ff3e3e}
.pop_exception_minors .mid_area .mid_cnt>dl>dd{width:100%;}
.pop_exception_minors .mid_area .top_cnt {margin-bottom: 15px;}
.pop_exception_minors .mid_area .mid_cnt {padding-top: 15px;	border-top: 1px solid #e5e5e5;}

/*팝업 신청-리스트 신청팝업들*/
[class*='pop_rqs_']{width:900px}
[class*='pop_rqs_'] .mid_area .mid_cnt{overflow:auto;max-height:65vh}
[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 .work_list .slt_bx {width: 550px;}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line>dd{float:left}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line .approver:after{display:block;clear:both;content:""}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line .approver>span{float:left;position:relative}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line .approver>span:before{position:absolute;top:50%;right:-24px;width:7px;height:11px;background:url(../img/arr_next_03.png) center no-repeat;background-size:7px 11px;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line .approver>span:last-child:before{display:none}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line .approver>span+span{margin-left:40px}
[class*='pop_rqs_'] .mid_area .mid_cnt .appr_line .approver>span>button{width:10px;height:10px;margin-left:4px;background-size:10px 10px}
[class*='pop_rqs_'] .mid_area .mid_cnt .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:550px;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}
[class*='pop_rqs_'] .mid_area .mid_cnt .added .dd:after{display:block;clear:both;content:""}
[class*='pop_rqs_'] .mid_area .mid_cnt .added .file{width:450px;margin-top:10px}
[class*='pop_rqs_'] .mid_area .mid_cnt .added .file>li{height:32px;background-color:#fafafa}
[class*='pop_rqs_'] .mid_area .mid_cnt .added .file>li>i{overflow:hidden;display:block;float:left;max-width:calc(100% - 32px);line-height:30px;white-space:nowrap;text-overflow:ellipsis}
[class*='pop_rqs_'] .mid_area .mid_cnt .added .file>li>button{float:left;width:32px;height:32px;background-size:9px 8px}

/*연장근로신청*/
.pop_rqs_overtime .mid_area .mid_cnt .type .slt_bx{width:550px;margin-right:0}
.pop_rqs_overtime .mid_area .mid_cnt .break_time>dd>.slt_bx{margin-right:0}
.pop_rqs_overtime .mid_area .mid_cnt .break_time>dd .time_bx{margin-top:10px;}
.pop_rqs_overtime .mid_area .mid_cnt .break_time>dd .time_bx:after{display:block;clear:both;content:""}
.pop_rqs_overtime .mid_area .mid_cnt .break_time>dd .time_bx>p{float:left;margin-right:10px}
.pop_rqs_overtime .mid_area .mid_cnt .compensation .check_bx{float:left;width:120px}

/*팝업 야간근로신청*/
.pop_rqs_nightwork .mid_area .mid_cnt .compensation .check_bx{float:left;width:120px}

/*팝업 선택근무제 신청*/
.pop_rqs_selective .mid_area .mid_cnt .rqs_time>dd>dl>dd .slt_bx{margin-left:0}
.pop_rqs_selective .mid_area .mid_cnt .rqs_time>dd .time>dd .slt_bx{width:80px;margin-right:10px}
.pop_rqs_selective .mid_area .mid_cnt .fixed{float:left;margin-right:10px;line-height:30px}

/*팝업 선택근무제 신청*/
.pop_rqs_selective .mid_area .mid_cnt .rqs_time>dd>dl>dd .slt_bx{margin-left:0}
.pop_rqs_selective .mid_area .mid_cnt .rqs_time>dd .time>dd .slt_bx{width:80px;margin-right:10px}
.pop_rqs_selective .mid_area .mid_cnt .fixed{float:left;margin-right:10px;line-height:30px}
.pop_rqs_selective .mid_area .schedule>dd>ul{overflow-y:auto;width:424px;height:200px;margin-top:10px;border:1px solid #d8d8d8;border-radius:3px;box-sizing:border-box}
.pop_rqs_selective .mid_area .schedule>dd>ul>li{padding:4px 10px}
.pop_rqs_selective .mid_area .schedule>dd>ul>li:after{display:block;clear:both;content:""}
.pop_rqs_selective .mid_area .schedule>dd>ul>li>i{overflow:hidden;float:left;width:100%;white-space:nowrap;text-overflow:ellipsis}

/*팝업 외근 신청*/
.pop_rqs_outside .mid_area .mid_cnt .commute .slt_bx{width:130px;margin-right:0}
.pop_rqs_outside .mid_area .mid_cnt .location .check_bx,
.pop_rqs_outside .mid_area .mid_cnt .holiday .check_bx {float: left; width: 120px;}

/*팝업 교육 신청*/
.pop_rqs_education .mid_area .mid_cnt .price .txt_bx{width:130px;margin-right:10px}

/*팝업 연차신청*/
.pop_rqs_vacation .mid_area .mid_cnt .user .txt_bx{width:200px}
.pop_rqs_vacation .mid_area .mid_cnt .category .item{float:left;width:100%;margin-top:30px;margin-bottom:0}
.pop_rqs_vacation .mid_area .mid_cnt .category .item .btn_under_01{margin-left:10px}
.pop_rqs_vacation .mid_area .mid_cnt .category>dd .slt_bx{width:550px;margin-right:0}
.pop_rqs_vacation .mid_area .mid_cnt .type .slt_bx{width:550px;margin-right:0}
.pop_rqs_vacation .mid_area .mid_cnt .rqs_time .datepicker{margin-right:10px}
.pop_rqs_vacation .mid_area .mid_cnt .rqs_time .date{line-height:30px}
.pop_rqs_vacation .mid_area .mid_cnt .used>dd>i+i{margin-left:5px}

/*팝업 보상신청*/
.pop_rqs_compensation .mid_area .mid_cnt .work_list .item{float:left;width:100%;margin-top:30px;margin-bottom:0}
.pop_rqs_compensation .mid_area .mid_cnt .work_list .item{float:left;width:100%;margin-top:30px;margin-bottom:0}
.pop_rqs_compensation .mid_area .mid_cnt .work_list .item .btn_under_01{margin-left:10px}
.pop_rqs_compensation .mid_area .mid_cnt .work_list>dd .slt_bx{width:550px;margin-right:0}
.pop_rqs_compensation .mid_area .mid_cnt .remanet dd .check_bx {margin-bottom: 5px;}
.pop_rqs_compensation .mid_area .mid_cnt .remanet dd .check_bx input.radio+label>span {line-height: 16px;}
.pop_rqs_compensation .mid_area .mid_cnt .total dd > span {display: none;}
.pop_rqs_compensation .mid_area .mid_cnt .total dd > .on {display: inline-block;}

/*팝업 야근 및 연장 보상신청*/
.pop_rqs_nightwork_compensation .mid_area .mid_cnt .work_list .item{float:left;width:100%;margin-top:30px;margin-bottom:0}
.pop_rqs_nightwork_compensation .mid_area .mid_cnt .work_list .item{float:left;width:100%;margin-top:30px;margin-bottom:0}
.pop_rqs_nightwork_compensation .mid_area .mid_cnt .work_list .item .btn_under_01{margin-left:10px}
.pop_rqs_nightwork_compensation .mid_area .mid_cnt .work_list>dd .slt_bx{width:550px;margin-right:0}
.pop_rqs_nightwork_compensation .mid_area .mid_cnt .remanet dd .check_bx {margin-bottom: 5px;}
.pop_rqs_nightwork_compensation .mid_area .mid_cnt .remanet dd .check_bx input.radio+label>span {line-height: 16px;}
.pop_rqs_nightwork_compensation .mid_area .mid_cnt .total dd > span {display: none;}
.pop_rqs_nightwork_compensation .mid_area .mid_cnt .total dd > .on {display: inline-block;}

/*팝업 출퇴근시간변경신청*/
.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_rqs_breaktime{width:600px}
/* .pop_rqs_breaktime .mid_area .mid_cnt{height:400px} */

/*팝업 휴게시간신청*/
.pop_rqs_business .mid_area .mid_cnt .non_working .check_bx{float:left;width:120px}

/*팝업 예정 근무 스케줄(선택근무제 신청)*/
.pop_scheduled_plan {width: 1460px;border-radius: 16px;}
.pop_scheduled_plan .mid_area .top_cnt .tit {float: left; display: flex;align-items: center;}
.pop_scheduled_plan .mid_area .top_cnt .tit > p {font-size: 16px; font-weight: 600; margin-right: 10px;}
.pop_scheduled_plan .mid_area .top_cnt .tit b {font-weight: 700;} 
.pop_scheduled_plan .mid_area .top_cnt .tit .shortfall {color: #F74747; }
.pop_scheduled_plan .mid_area .top_cnt .break {float: right; color: #F4B0B4; display: flex; align-items: center;}
.pop_scheduled_plan .mid_area .top_cnt .break .dot {display: inline-block; width: 8px; height: 8px; background: #F4B0B4; border-radius: 50%; margin-right: 4px;}
.pop_scheduled_plan .mid_area .top_cnt .break .btn_under_02 {background: none;display: inline-block; line-height: 30px;text-align: center; color: #003a79; text-decoration: underline; font-size: 14px; font-weight: 300; padding: 0;}

.pop_scheduled_plan .mid_area .mid_cnt .week ul {display: flex; align-items: center;}
.pop_scheduled_plan .mid_area .mid_cnt .week ul li {display: flex; height: 210px; flex-direction: column; justify-content: space-between; align-items: center; width: calc(100% / 7);}
.pop_scheduled_plan .mid_area .mid_cnt .week ul li > .day {background: #F5F5F5; width: 100%; text-align: center; font-weight: 600; padding: 4px 0;}
.pop_scheduled_plan .mid_area .mid_cnt .week ul li:first-child > .day {border-radius: 8px 0 0 8px ;}
.pop_scheduled_plan .mid_area .mid_cnt .week ul li:last-child > .day {border-radius: 0 8px 8px 0 ;}
.pop_scheduled_plan .mid_area .mid_cnt .week ul li > div {width: 100%; display: flex ;align-items: center;  justify-content: center;}
.pop_scheduled_plan .mid_area .mid_cnt .week ul li .slt_bx {margin: 0; width: calc(50% - 10px);}
.pop_scheduled_plan .mid_area .mid_cnt .week ul li .slt_bx + .slt_bx {margin-left: 5px;}
.pop_scheduled_plan .mid_area .mid_cnt .week ul li > .date .datepicker {width: calc(100% - 10px);border-radius: 8px; visibility: hidden;}
.pop_scheduled_plan .mid_area .mid_cnt .week ul li > .date .datepicker .picker {text-align: center; border-radius: 8px;}
.pop_scheduled_plan .mid_area .mid_cnt .week ul li .check_bx > i {font-weight: 600; margin-left: 8px;}
.pop_scheduled_plan .mid_area .mid_cnt .week ul li .total {background: #F5F5F5; width: calc(100% - 10px); border-radius: 8px; padding: 4px 0;}
.pop_scheduled_plan .mid_area .mid_cnt .week ul li .total.shortfall {outline: 1px solid #F74747; outline-offset: -1px; color: #F74747;}

.pop_scheduled_plan .mid_area .mid_cnt .week ul li.disabled {background: #fff;}
.pop_scheduled_plan .mid_area .mid_cnt .week ul li.disabled .slt_bx {background: #E8E8E8; border: none;}

.pop_scheduled_plan .mid_area.week2 .mid_cnt.week2 .week ul li .datepicker .tui-datepicker {top: -330px;}

.pop_scheduled_plan .mid_area .mid_cnt + .top_cnt {border-top: 1px solid #F5F5F5; padding-top: 10px;}

.pop_scheduled_plan .mid_area.week1 .top_cnt.week2,
.pop_scheduled_plan .mid_area.week1 .mid_cnt.week2 {display: none;}
.pop_scheduled_plan .mid_area.week2 .top_cnt.week2,
.pop_scheduled_plan .mid_area.week2 .mid_cnt.week2 {display: block;}

.pop_scheduled_plan .mid_area .btm_cnt .info_txt {float: left; display: flex; align-items: center;}
.pop_scheduled_plan .mid_area .btm_cnt .info_txt > .dot {display: inline-block; width: 12px; height: 12px; background: url(../img/i_guide.png) center no-repeat; background-size: contain; margin-right: 4px;}

/*팝업 대리 결재자 지정(사용자 신청관리)*/
.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_overtime_sub_approver .mid_area .mid_cnt>dl>dt{font-weight:500;}
.pop_overtime_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_overtime_sub_approver .mid_area .mid_cnt>dl>dd>ul>li:after{display:block;clear:both;content:""}
.pop_overtime_sub_approver .mid_area .mid_cnt>dl>dd>ul>li+li{margin-top:5px}
.pop_overtime_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_overtime_sub_approver .mid_area .mid_cnt>dl>dd>ul>li .btn_i_del{float:right;width:20px;height:20px;background-size:10px 9px}
.pop_overtime_sub_approver .mid_area .mid_cnt>dl>dd .btn_border_02{float:left;margin-left:10px}
.pop_overtime_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;}
.pop_schedule_list .right_bx p {float: left; margin-right: 14px; padding-right: 14px; color: #3E3E3E; position: relative;}
.pop_schedule_list .right_bx p::after {content: ''; width: 1px; height: 12px; background: #3E3E3E; position: absolute; right: 0; top: 5px;}
.pop_schedule_list .right_bx > div {float: right;}
.pop_schedule_list .right_bx button{font-size:14px}
.pop_schedule_list .right_bx button.btn_under_01{background: none;display: inline-block; line-height: 14px; text-align: center; color: #003a79; text-decoration: underline; font-size: 14px; font-weight: 300; padding: 0;}
.pop_schedule_list .right_bx button.btn_under_03{background: none;display: inline-block; line-height: 14px; text-align: center; color: #ff4368; text-decoration: underline; font-size: 14px; font-weight: 300; padding: 0;}
.pop_schedule_list .table .body>table>tbody .click{background-color:#dee7fc}
.pop_schedule_list .mid_cnt .btn_bx {height: 32px;border-bottom: 1px solid #7c7c7c; border-radius: 0; padding: 0; padding-bottom: 15px; box-sizing: content-box;}
/*팝업 대체자지정(생산직스케줄)*/
.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_field_schedule_add .mid_area .mid_cnt .finish {float: left; margin-right: 60px;}
.pop_field_schedule_add .mid_area .mid_cnt .date {float: left;}

/*팝업 근무유형추가(생산직스케줄)*/
.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 .top_cnt .right_bx .btn_under_02 {background: none; display: inline-block;line-height: 30px;text-align: center; color: #003a79;text-decoration: underline; font-size: 14px;font-weight: 300;padding: 0;}
.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}

/*팝업 보상연차추가(연차관리)*/
.pop_vacation_reward .mid_area .mid_cnt .disabled{background-color:#dedede;cursor:default}
.pop_vacation_reward .mid_area .mid_cnt .add .txt_bx{width:100px;margin-right:5px}
.pop_vacation_reward .mid_area .mid_cnt .apply .txt_bx{float:left;width:calc(100% - 32px)}
.pop_vacation_reward .mid_area .mid_cnt .apply>button{float:left}
.pop_vacation_reward .mid_area .mid_cnt .apply>dd>i{cursor:pointer}
.pop_vacation_reward .mid_area .mid_cnt .slt_bx{width:100%;margin-right:0}
.pop_vacation_reward .mid_area .mid_cnt .btn_bx{padding:0}
.pop_vacation_reward .mid_area .mid_cnt .btn_bx:after{display:block;clear:both;content:""}
.pop_vacation_reward .mid_area .mid_cnt .btn_bx .txt_bx{float:left;width:75%}
.pop_vacation_reward .mid_area .mid_cnt .btn_bx button{float:right;line-height:32px}
.pop_vacation_reward .mid_area .mid_cnt .add .slt_bx{width:100px;margin-right:10px}
.pop_vacation_reward .mid_area .mid_cnt .vacation_end .check_bx{float:left;width:145px;margin-left:10px;line-height:30px}
.pop_vacation_reward .mid_area .mid_cnt .vacation_end .check_bx>input.check+label{margin-top:7px}
.pop_vacation_reward .mid_area .mid_cnt .vacation_end .check_bx>input.check+label>span{top:-1px}

/*팝업 보상연차리스트(신청)*/
.pop_vacation_reward_list{width:800px}
.pop_vacation_reward_list .mid_area{text-align:right}
.pop_vacation_reward_list .mid_area .top_bx{margin-bottom:20px}
.pop_vacation_reward_list .mid_area .top_bx:after{display:block;clear:both;content:""}
.pop_vacation_reward_list .mid_area .top_bx>span{float:left;width:100%;font-size:16px;font-weight:500;text-align:center}
.pop_vacation_reward_list .mid_area .top_bx .right_bx{float:right}
.pop_vacation_reward_list .mid_area .top_bx .right_bx:after{display:block;clear:both;content:""}
.pop_vacation_reward_list .mid_area .top_bx .right_bx .i_help{float:left;top:10px;margin-right:5px;font-size:14px}
.pop_vacation_reward_list .mid_area .top_bx .right_bx>button{float:left}
.pop_vacation_reward_list .mid_area .table{text-align:center}
.pop_vacation_reward_list .mid_area .table .head{border-top:1px solid #7c7c7c}
.pop_vacation_reward_list .mid_area .table .body{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #7c7c7c}
.pop_vacation_reward_list .mid_area .table .check_bx{height:20px}
.pop_vacation_reward_list .mid_area .table .check_bx input.radio+label{width:20px;height:20px;background-size:20px 20px}
.pop_vacation_reward_list .mid_area .table .btn_under_01{cursor:pointer}

/*팝업 휴가나누기*/
.pop_vacation_division{width:300px}
.pop_vacation_division .mid_cnt .txt_bx{width:80%;margin-right:10px}

/*팝업 이석시간*/
.pop_empty_time{width:1000px}
.pop_empty_time .top_area .slt_bx{float:left;margin-left:10px;margin-right:0}
.pop_empty_time .pop_memo{position:absolute;width:200px;left:-40px}
.pop_empty_time .table th,
.pop_empty_time .table td{padding:3px}
.pop_empty_time .table .pc{width:180px}

/*팝업 회의현황*/
.pop_meeting_time{width:700px}
.pop_meeting_time .top_area .slt_bx{float:left;margin-left:10px;margin-right:0}
.pop_meeting_time .pop_memo{position:absolute;width:200px;left:-40px}

/*팝업 시간변경*/
.pop_time_edit{width:395px}
.pop_time_edit .mid_area .mid_cnt .slt_bx{width:80px;margin-right:0}
.pop_time_edit .mid_area .mid_cnt .fixed{padding:0 10px}

/*팝업 계획근무시간변경*/
.pop_standard_time_edit{width:auto}
.pop_standard_time_edit .mid_area .mid_cnt:after{display:block;clear:both;content:""}
.pop_standard_time_edit .mid_area .mid_cnt .slt_bx{float:left;width:80px;margin-left:10px;margin-right:0}
.pop_standard_time_edit .mid_area .mid_cnt .fixed{float:left;padding:0 10px;line-height:30px}
.pop_standard_time_edit .mid_area .btm_cnt .item {float: left;}
.pop_standard_time_edit .mid_area .btm_cnt .item dl {display: flex; align-items: center;}
.pop_standard_time_edit .mid_area .btm_cnt .item dl dt {font-weight: 500; margin-right: 10px;}

/*팝업 시간변경신청*/
.pop_time_request{width:800px}
.pop_time_request .mid_area .mid_cnt .appr_line .approver{width:70%}
.pop_time_request .mid_area .item .slt_bx{float:left;width:80px;margin-left:10px;margin-right:0}
.pop_time_request .mid_area .item .txt_bx{height:100px}
.pop_time_request .mid_area .edit_time>dd>div:after{display:block;clear:both;content:""}
.pop_time_request .mid_area .edit_time>dd>div+div{margin-top:10px}
.pop_time_request .mid_area .edit_time>dd>div>i{float:left}
.pop_time_request .mid_area .edit_time>dd .btn_i_del{float:left;width:14px;height:14px;margin-top:4px;margin-left:10px}
.pop_time_request .mid_area .edit_time .time_list {max-height: 300px; overflow-y: auto;}

/*팝업 휴가상세*/
.pop_vacation_detail.reward{width:800px}
.pop_vacation_detail .table .head th.memo, 
.pop_vacation_detail .table .body td.memo{width:200px}

/*팝업 근무처등록*/
.pop_workplace_add .mid_area .top_cnt{margin-bottom:0;padding-bottom:15px;border-bottom:1px solid #7c7c7c}
.pop_workplace_add .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_workplace_add .mid_area .top_cnt .left_bx{float:left}
.pop_workplace_add .mid_area .top_cnt .right_bx{float:right}
.pop_workplace_add .mid_area .top_cnt .right_bx>a{line-height:unset}
.pop_workplace_add .mid_area .top_cnt .left_bx .btn_under_01 {background: none;display: inline-block; text-align: center; color: #003a79; text-decoration: underline; font-size: 14px; font-weight: 300; padding: 0;}
.pop_workplace_add .mid_area .top_cnt .right_bx .btn_under_01 {background: none;display: inline-block; text-align: center; color: #003a79; text-decoration: underline; font-size: 14px; font-weight: 300; padding: 0;}
.pop_workplace_add .mid_area .table .edit{width:90%;margin-right:0}

/*팝업 휴가로직옵션*/
.pop_vacation_logic{width:550px}
.pop_vacation_logic .mid_area .mid_cnt{overflow:auto;max-height:550px}
.pop_vacation_logic .mid_area .mid_cnt .item{margin-bottom:30px}
.pop_vacation_logic .mid_area .mid_cnt .item+.item{margin-top:0}
.pop_vacation_logic .mid_area .mid_cnt .item .check_bx{float:left;width:33%}
.pop_vacation_logic .mid_area .mid_cnt .item>dd .slt_bx{height:24px}
.pop_vacation_logic .mid_area .mid_cnt .item>dd .txt_bx{width:60px;height:24px;margin-right:10px;padding:0 5px}
.pop_vacation_logic .mid_area .mid_cnt .item .date_bx .slt_bx{margin-left:10px;margin-right:0}
.pop_vacation_logic .mid_area .mid_cnt .disappear>dd .txt_bx{margin:0 10px}
.pop_vacation_logic .mid_area .mid_cnt .create .dd>div{float:left;width:100%}
.pop_vacation_logic .mid_area .mid_cnt .create .dd>div+div{margin-top:10px}
.pop_vacation_logic .mid_area .mid_cnt .disappear .dd .added{margin-top:10px}
.pop_vacation_logic .mid_area .mid_cnt .disappear .dd .added .check_bx {width: 100%; height: 32px; line-height: 32px; margin-bottom: 10px;}
.pop_vacation_logic .mid_area .mid_cnt .disappear .dd .added .check_bx .datepicker {float: none; display: inline-block; margin: 0 6px;}
.pop_vacation_logic .mid_area .mid_cnt .disappear .dd .added .check_bx>input.check+label {margin-top: 8px;}
.pop_vacation_logic .mid_area .mid_cnt .disappear .dd .added .datepicker {width: 70px;}
.pop_vacation_logic .mid_area .disabled{background-color:#dedede;cursor:default}
.pop_vacation_logic .mid_area .btm_cnt{margin-top:0}
.pop_vacation_logic .mid_area .mid_cnt .item .btn_under_01 {cursor: pointer;}
.pop_vacation_logic .mid_area .mid_cnt .item .line {width: 100%; height: 23px;}
.pop_vacation_logic .mid_area .mid_cnt .item .line+.line {margin-top: 10px;}

/*팝업 메인 관리필요 설정*/
.pop_main_setting .mid_area .mid_cnt{overflow:auto;max-height:550px}
.pop_main_setting .mid_area .mid_cnt .item{margin-bottom:30px}
.pop_main_setting .mid_area .mid_cnt .item+.item{margin-top:0}
.pop_main_setting .mid_area .mid_cnt .item .check_bx{float:left;width:33%}
.pop_main_setting .mid_area .mid_cnt .item>dd .slt_bx{height:24px; width: 60px;}
.pop_main_setting .mid_area .mid_cnt .item>dd .txt_bx{width:40px;height:24px;margin-right:10px;padding:0 5px}
.pop_main_setting .mid_area .mid_cnt .item .date_bx .slt_bx{margin-left:10px;margin-right:0}
.pop_main_setting .mid_area .mid_cnt .disappear>dd .txt_bx{margin:0 10px}
.pop_main_setting .mid_area .mid_cnt .create .dd>div{float:left;width:100%}
.pop_main_setting .mid_area .mid_cnt .create .dd>div+div{margin-top:10px}
.pop_main_setting .mid_area .mid_cnt .disappear .dd .added{margin-top:10px}
.pop_main_setting .mid_area .mid_cnt .disappear .dd .added .check_bx {width: 100%; height: 32px; line-height: 32px; margin-bottom: 10px;}
.pop_main_setting .mid_area .mid_cnt .disappear .dd .added .check_bx .datepicker {float: none; display: inline-block; margin: 0 6px;}
.pop_main_setting .mid_area .mid_cnt .disappear .dd .added .check_bx>input.check+label {margin-top: 8px;}
.pop_main_setting .mid_area .mid_cnt .disappear .dd .added .datepicker {width: 70px;}
.pop_main_setting .mid_area .disabled{background-color:#dedede;cursor:default}
.pop_main_setting .mid_area .btm_cnt{margin-top:0}
.pop_main_setting .mid_area .mid_cnt .item .btn_under_01 {cursor: pointer;}
.pop_main_setting .mid_area .mid_cnt .item .line {width: 100%; height: 23px;}
.pop_main_setting .mid_area .mid_cnt .item .line+.line {margin-top: 10px;}

/*팝업 메인 근무형태 그래프 설정*/
.pop_main_type_set .mid_area .mid_cnt{overflow:auto;max-height:550px}
.pop_main_type_set .mid_area .mid_cnt .item{margin-bottom:30px}
.pop_main_type_set .mid_area .mid_cnt .item+.item{margin-top:0}
.pop_main_type_set .mid_area .mid_cnt .item .check_bx{float:left;width:33%}
.pop_main_type_set .mid_area .mid_cnt .item>dd .slt_bx{height:24px}
.pop_main_type_set .mid_area .mid_cnt .item>dd .txt_bx{width:40px;height:24px;margin-right:10px;padding:0 5px}
.pop_main_type_set .mid_area .mid_cnt .item>dd .btn_toggle.off {background: url(../img/btn_off.png) center no-repeat; background-size: 50px 26px;}
.pop_main_type_set .mid_area .mid_cnt .item>dd .btn_toggle.on {background: url(../img/btn_on.png) center no-repeat; background-size: 50px 26px;}
.pop_main_type_set .mid_area .btm_cnt{margin-top:0}
.pop_main_type_set .mid_area .mid_cnt .item .btn_under_01 {cursor: pointer;}
.pop_main_type_set .mid_area .mid_cnt .item .line {width: 100%; height: 23px;}
.pop_main_type_set .mid_area .mid_cnt .item .line+.line {margin-top: 10px;}

/*팝업 근무자추가*/
.pop_worker_add{width:550px}
.pop_worker_add .mid_area .top_cnt{margin-bottom:0;padding-bottom:15px;border-bottom:1px solid #7c7c7c}
.pop_worker_add .mid_area .top_cnt:after{display:block;clear:both;content:""}
.pop_worker_add .mid_area .top_cnt .left_bx{float:left}
.pop_worker_add .mid_area .top_cnt .right_bx{float:right}
.pop_worker_add .mid_area .top_cnt .right_bx>a{line-height:unset}

/*팝업 상세목록*/
.pop_request_list{width:550px}
.pop_request_list .table .body tr{cursor:pointer}

/*팝업 실제근무출퇴근시간변경*/
.pop_working_state{width:800px}
.pop_working_state .mid_area .mid_cnt .appr_line .approver{width:70%}
.pop_working_state .mid_area .item .slt_bx{float:left;width:80px;margin-left:10px;margin-right:0}
.pop_working_state .mid_area .item .txt_bx{height:100px}

/*팝업 근무상세관리*/
.pop_work_detail_mgt{width:800px}
.pop_work_detail_mgt .mid_area .list_bx {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; padding-bottom: 10px; box-sizing: border-box;}
.pop_work_detail_mgt .mid_area .list_bx li {width: calc(100% / 4); text-align: center;}
.pop_work_detail_mgt .mid_area .list_bx li:not(:last-child) {border-right: 1px solid #ddd;}
.pop_work_detail_mgt .mid_area .list_bx li > p {font-weight: 500;}
.pop_work_detail_mgt .mid_area .list_bx li .btn_under_02 {cursor: pointer; margin-top: 4px; display: inline-block; font-weight: 500;}
.pop_work_detail_mgt .mid_area .mid_cnt .early_page{width:100%;font-size:18px;font-weight:500;text-align:center; height: 400px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.pop_work_detail_mgt .mid_area .mid_cnt .early_page .i{width:32px;height:50px;margin:0 auto 10px;background:url(../img/i_finger.png) center no-repeat;background-size:cover}
.pop_work_detail_mgt .mid_area .mid_cnt .detail_page{display:none}
.pop_work_detail_mgt .mid_area .mid_cnt .detail_page .click_tit{margin-bottom:10px;font-weight:500}
.pop_work_detail_mgt .mid_area .mid_cnt .detail_page .table th,
.pop_work_detail_mgt .mid_area .mid_cnt .detail_page .table td{padding:0 2px}
.pop_work_detail_mgt .mid_area .mid_cnt .detail_page .table .body{height:349px}
.pop_work_detail_mgt .mid_area .mid_cnt .detail_page .table .memo{width:auto}
.pop_work_detail_mgt .mid_area .mid_cnt .detail_page .table .body .memo{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/*팝업 신청/반려항목*/
.pop_today_rqs_list{width:1000px}
.pop_today_rqs_list .mid_area .table .btn{width:80px}

/*팝업 승인항목*/
.pop_today_rqs_approve{width:1000px}
.pop_today_rqs_approve .mid_area .top_cnt{margin-bottom:0;padding-bottom:15px;border-bottom:1px solid #7c7c7c}
.pop_today_rqs_approve .mid_area .top_cnt .datepicker_bx{margin-right:10px}

/*팝업 접속로그*/
.pop_access_log{width:850px}

/*팝업 변경로그*/
.pop_change_log{width:550px}

/*팝업 근무변경 로그*/
.pop_work_change_log{width:850px}

/*팝업 선택근로시간 OT 적용정책 수정*/
.pop_selected_edit .mid_area .mid_cnt dl>dd .txt_bx{width:70px;margin-right:5px}

/*팝업 지점리스트*/
.pop_branch_list{width:600px}
.pop_branch_list .mid_area .table .address{width:260px}

/*팝업 급여관리 상세보기*/
.pop_pay_detail{width:850px}
.pop_pay_detail .mid_area .sub_tit {font-weight: 500; font-size: 14px; margin-bottom: 4px;}
.pop_pay_detail .mid_area .table .body {height: auto;}
.pop_pay_detail .mid_area .table + .table {margin-top: 20px;}

/*팝업 부서원정책추가*/
.pop_user_setting_add .mid_area .mid_cnt .order .txt_bx{width:70px}

/*팝업 - 탄력근무제 확인 및 개별 스케줄*/
.pop_flexible_schedule_list {width: 800px;}

/*팝업 - 탄력근무제 스케줄 등록/보기 */
.pop_flexible_schedule {width: 1400px;}
.pop_flexible_schedule .mid_area .mid_cnt .table {overflow-x: auto;}
.pop_flexible_schedule .mid_area .mid_cnt .head,
.pop_flexible_schedule .mid_area .mid_cnt .body {width: 1700px;}
.pop_flexible_schedule .mid_area .mid_cnt .table .time {width: 10%;}
.pop_flexible_schedule .mid_area .mid_cnt .body {height: 440px;}
.pop_flexible_schedule .mid_area .mid_cnt .body table .slt_bx {width: 60px;}
.pop_flexible_schedule .mid_area .btm_cnt:after{display:block;clear:both;content:""}
.pop_flexible_schedule .mid_area .btm_cnt .data_bx{float:left;width:100%;margin-bottom:15px;padding-bottom:15px;color:#003a79;font-size:14px;border-bottom:1px solid #7c7c7c}
.pop_flexible_schedule .mid_area .btm_cnt .data_bx:after{display:block;clear:both;content:""}
.pop_flexible_schedule .mid_area .btm_cnt .data_bx .left{float:left;width:400px}
.pop_flexible_schedule .mid_area .btm_cnt .data_bx .right{float:right;width:44%;font-weight:500}
.pop_flexible_schedule .mid_area .btm_cnt .data_bx>div:after{display:block;clear:both;content:""}
.pop_flexible_schedule .mid_area .btm_cnt .data_bx .item:after{display:block;clear:both;content:""}
.pop_flexible_schedule .mid_area .btm_cnt .data_bx .item>dt{float:left}
.pop_flexible_schedule .mid_area .btm_cnt .data_bx .item>dd{float:left}
.pop_flexible_schedule .mid_area .btm_cnt .data_bx .left .item{float:left}
.pop_flexible_schedule .mid_area .btm_cnt .data_bx .left>i{float:left;width:20px;text-align:center}
.pop_flexible_schedule .mid_area .btm_cnt .data_bx .right {float: right; width: 40%; font-weight: 500;}
.pop_flexible_schedule .mid_area .btm_cnt .data_bx .right .item {float: right;}
.pop_flexible_schedule .mid_area .btm_cnt .data_bx .right>i{float:right;width:20px;text-align:center}
.pop_flexible_schedule .mid_area .btm_cnt .btn_bx{float:left;width:100%;height:auto;padding:0;border-radius:0}
.pop_flexible_schedule .mid_area .btm_cnt .btn_bx:after{display:block;clear:both;content:""}
.pop_flexible_schedule .mid_area .btm_cnt .btn_bx>div{float:right}

/*팝업 - 탄력근무제 변경이력*/
.pop_flexible_list {width: 800px;}

/*팝업 설정 > 탄력근무제 추가*/
.pop_flexible_set_add {width: 700px;}
.pop_flexible_set_add .mid_area .mid_cnt {overflow-y: auto; height: 70vh;}
.pop_flexible_set_add .mid_area .mid_cnt .name .txt_bx {width: 200px;}
.pop_flexible_set_add .mid_area .mid_cnt .time .txt_bx {width: 100px;}
.pop_flexible_set_add .mid_area .mid_cnt .time dd > i {margin: 0 4px;}
.pop_flexible_set_add .mid_area .mid_cnt .personnel .txt_bx {width: 100px;}
.pop_flexible_set_add .mid_area .mid_cnt .personnel dd > i {margin-left: 8px;}
.pop_flexible_set_add .mid_area .mid_cnt .day .check_bx {width: calc(100% / 7); float: left;}
.pop_flexible_set_add .mid_area .mid_cnt .tit {width: 100%; margin-bottom: 15px;  color: #002d6b; font-size: 16px; font-weight: 500; border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; box-sizing: border-box; padding: 10px 0;margin-top: 20px;}
.pop_flexible_set_add .mid_area .mid_cnt .break_time {display: none;}
.pop_flexible_set_add .mid_area .mid_cnt .break_time .time_bx {display: flex; align-items: center;}
.pop_flexible_set_add .mid_area .mid_cnt .break_time .time_bx > i {margin-right: 8px;}
.pop_flexible_set_add .mid_area .mid_cnt .break_time .time_bx .start {display: flex; align-items: center;}
.pop_flexible_set_add .mid_area .mid_cnt .break_time.repeat .txt_bx {width: 60px;margin-left: 4px; margin-right: 4px;}
.pop_flexible_set_add .mid_area .mid_cnt .break_time.repeat dd {display: flex; align-items: center;}
.pop_flexible_set_add .mid_area .mid_cnt .break_time.repeat dd> i {margin-right: 6px;}
.pop_flexible_set_add .mid_area .mid_cnt .break_time.repeat dd .slt_bx {margin-left: 4px;}
.pop_flexible_set_add .mid_area .mid_cnt .time_bx .front {margin-right: 10px;}
.pop_flexible_set_add .mid_area .mid_cnt .time_bx .start {margin-bottom: 10px;}
.pop_flexible_set_add .mid_area .mid_cnt .time_bx .end {margin-bottom: 10px; padding-left: 62px;}
.pop_flexible_set_add .mid_area .mid_cnt .time_bx .break .breaktime {margin-left: 10px;}

/*사용자 정보 - 근로시간 관리*/
.pop_worktime_add {width: 700px;}
.pop_worktime_add .mid_area .mid_cnt .part .txt_bx{float:left;width:calc(100% - 32px)}
.pop_worktime_add .mid_area .mid_cnt .part button{float:left}
.pop_worktime_add .mid_area .mid_cnt .work_day>dd .check_bx{float:left;width:14%}
.pop_worktime_add .mid_area .mid_cnt .apply dd {margin-left: 130px; margin-top: 10px;}
.pop_worktime_add .mid_area .mid_cnt .apply dd.apply_slt {margin-top: 0; margin-left: 0;}
.pop_worktime_add .mid_area .mid_cnt .apply .apply_none .txt {float: left; margin-right: 10px; margin-left: 0;line-height: 32px;}
.pop_worktime_add .mid_area .mid_cnt .apply .apply_use .txt {float: left; margin-right: 10px; margin-left: 0;line-height: 32px;}
.pop_worktime_add .mid_area .mid_cnt .apply .apply_use .start {margin-right: 10px;}
.pop_worktime_add .mid_area .mid_cnt .apply .apply_use {display: none;}

/*팝업 연차촉진제도안내공지, 연차촉진계획신청 공통*/
[class*="pop_vacation_push_"]{width:600px;border-radius:16px}
[class*="pop_vacation_push_"]>.wrap{padding:20px}
[class*="pop_vacation_push_"] .top_area{margin-bottom:20px;background-color:transparent}
[class*="pop_vacation_push_"] .top_area .tit{position:relative;margin-bottom:10px;padding-left:22px;font-size:16px;font-weight:700}
[class*="pop_vacation_push_"] .top_area .tit:before{position:absolute;top:50%;left:0;width:16px;height:16px;transform:translateY(-50%);content:""}
[class*="pop_vacation_push_"] .top_area .s_tit{color:#9DA3AC;font-size:12px}
[class*="pop_vacation_push_"] .btm_area{margin-top:20px;padding-top:20px;border-top:1px solid #F0F0F0}
[class*="pop_vacation_push_"] .btm_area:after{display:block;clear:both;content:""}
[class*="pop_vacation_push_"] .btm_area>div{float:right}
[class*="pop_vacation_push_"] .btm_area>div:after{display:block;clear:both;content:""}
[class*="pop_vacation_push_"] .btm_area>div>button{float:left;height:auto}
[class*="pop_vacation_push_"] .btm_area>div>.side{position:relative;margin-left:20px;padding-left:20px}
[class*="pop_vacation_push_"] .btm_area>div>.side:before{position:absolute;top:4px;left:0;width:1px;height:18px;background-color:#F0F0F0;content:""}

/*팝업 연차촉진계획공지*/
.pop_vacation_push_notice .top_area .tit:before{background:url(../img/i_person.png) center no-repeat;background-size:16px 16px}
.pop_vacation_push_notice .cnt_area .top_cnt{margin-bottom:28px;padding:25px;background-color:#F9F9FA;border-radius:16px;max-height: 210px; overflow-y: auto;}
.pop_vacation_push_notice .cnt_area .mid_cnt .tit{position:relative;margin-bottom:14px;padding-left:22px;font-size:16px;font-weight:700}
.pop_vacation_push_notice .cnt_area .mid_cnt .tit:before{position:absolute;top:50%;left:0;width:16px;height:16px;background:url(../img/i_beach.png) center no-repeat;background-size:16px 16px;transform:translateY(-50%);content:""}
.pop_vacation_push_notice .cnt_area .mid_cnt .item{color:#8A8A8A}
.pop_vacation_push_notice .cnt_area .mid_cnt .item:after{display:block;clear:both;content:""}
.pop_vacation_push_notice .cnt_area .mid_cnt .item+.item{margin-top:14px}
.pop_vacation_push_notice .cnt_area .mid_cnt .item>dt{float:left;width:70px;margin-right:10px;font-weight:500}
.pop_vacation_push_notice .cnt_area .mid_cnt .item>dd{float:left}
.pop_vacation_push_notice .cnt_area .mid_cnt .check_bx{margin-top:24px}
.pop_vacation_push_notice .cnt_area .mid_cnt .check_bx>label>span{color:#00239C;font-weight:500}

/*팝업 임산부 초과근무예외 공지*/
.pop_exception_mother_push_notice {width:600px;border-radius:16px}
.pop_exception_mother_push_notice >.wrap{padding:20px}
.pop_exception_mother_push_notice .top_area{margin-bottom:20px;background-color:transparent}
.pop_exception_mother_push_notice .top_area .tit{position:relative;margin-bottom:10px;padding-left:22px;font-size:16px;font-weight:700}
.pop_exception_mother_push_notice .top_area .tit:before{position:absolute;top:50%;left:0;width:16px;height:16px;transform:translateY(-50%);content:""}
.pop_exception_mother_push_notice .top_area .s_tit{color:#9DA3AC;font-size:12px}
.pop_exception_mother_push_notice .btm_area{margin-top:20px;padding-top:20px;border-top:1px solid #F0F0F0}
.pop_exception_mother_push_notice .btm_area:after{display:block;clear:both;content:""}
.pop_exception_mother_push_notice .btm_area>div{float:right}
.pop_exception_mother_push_notice .btm_area>div:after{display:block;clear:both;content:""}
.pop_exception_mother_push_notice .btm_area>div>button{float:left;height:auto}
.pop_exception_mother_push_notice .btm_area>div>.side{position:relative;margin-left:20px;padding-left:20px}
.pop_exception_mother_push_notice .btm_area>div>.side:before{position:absolute;top:4px;left:0;width:1px;height:18px;background-color:#F0F0F0;content:""}
.pop_exception_mother_push_notice .top_area .tit:before{background:url(../img/i_person.png) center no-repeat;background-size:16px 16px}
.pop_exception_mother_push_notice .cnt_area .top_cnt{margin-bottom:28px;padding:25px;background-color:#F9F9FA;border-radius:16px}
.pop_exception_mother_push_notice .cnt_area .mid_cnt .tit{position:relative;margin-bottom:14px;padding-left:22px;font-size:16px;font-weight:700}
.pop_exception_mother_push_notice .cnt_area .mid_cnt .tit:before{position:absolute;top:50%;left:0;width:16px;height:16px;background:url(../img/i_beach.png) center no-repeat;background-size:16px 16px;transform:translateY(-50%);content:""}
.pop_exception_mother_push_notice .cnt_area .mid_cnt .item{color:#8A8A8A}
.pop_exception_mother_push_notice .cnt_area .mid_cnt .item:after{display:block;clear:both;content:""}
.pop_exception_mother_push_notice .cnt_area .mid_cnt .item+.item{margin-top:14px}
.pop_exception_mother_push_notice .cnt_area .mid_cnt .item>dt{float:left;width:70px;margin-right:10px;font-weight:500}
.pop_exception_mother_push_notice .cnt_area .mid_cnt .item>dd{float:left}
.pop_exception_mother_push_notice .cnt_area .mid_cnt .check_bx{margin-top:24px}
.pop_exception_mother_push_notice .cnt_area .mid_cnt .check_bx>label>span{color:#00239C;font-weight:500}
.pop_exception_mother_push_notice .cnt_area .mid_cnt p.noti {color: #00239C; font-weight: 500; margin-top: 20px;}
.pop_exception_mother_push_notice .datepicker .tui-datepicker {bottom: 34px;}

/*팝업 연차촉진계획신청*/
.pop_vacation_push_plan .top_area .tit:before{background:url(../img/i_siren.png) center no-repeat;background-size:16px 16px}
.pop_vacation_push_plan .cnt_area{position:relative}
.pop_vacation_push_plan .cnt_area:after{display:block;clear:both;content:""}
.pop_vacation_push_plan .cnt_area .left_cnt{float:left;width:280px}
.pop_vacation_push_plan .cnt_area .left_cnt .datepicker{float:left;width:auto;margin-right:10px}
.pop_vacation_push_plan .cnt_area .left_cnt .datepicker .picker{width:80px;background-color:#F6F6F8;color:#252A30;font-weight:500;text-align:center;border:none;border-radius:8px;cursor:default}
.pop_vacation_push_plan .cnt_area .left_cnt .datepicker .month_popup{position:absolute;top:45px}
.pop_vacation_push_plan .cnt_area .left_cnt .num{float:right;width:calc(100% - 110px);height:32px;padding:0 10px;background-color:#F6F6F8;color:#00239C;font-weight:500;line-height:32px;border-radius:8px}
.pop_vacation_push_plan .cnt_area .left_cnt .num:after{display:block;clear:both;content:""}
.pop_vacation_push_plan .cnt_area .left_cnt .num>i{float:right;color:#000}
.pop_vacation_push_plan .cnt_area .left_cnt .calendar_bx{float:left;margin-top:12px;width:280px;height:280px;background-color:#F6F6F8;border-radius:8px}
.pop_vacation_push_plan .cnt_area .btn_border_06{position:absolute;top:50%;width:70px;height:32px;margin:0 10px;padding:0;padding-right:14px;font-size:12px;transform:translateY(-50%)}
.pop_vacation_push_plan .cnt_area .right_cnt{float:right;width:190px}
.pop_vacation_push_plan .cnt_area .right_cnt .num{height:32px;padding:0 10px;background-color:#F6FEF5;color:#119B00;font-weight:500;line-height:32px;border-radius:8px}
.pop_vacation_push_plan .cnt_area .right_cnt .num:after{display:block;clear:both;content:""}
.pop_vacation_push_plan .cnt_area .right_cnt .num>i{float:right;color:#000}
.pop_vacation_push_plan .cnt_area .right_cnt .list_bx{overflow:auto;height:281px;margin-top:10px;padding:10px;background-color:#fff;border:1px solid rgba(118, 118, 118, 0.25);border-radius:8px;box-sizing:border-box}
.pop_vacation_push_plan .cnt_area .right_cnt .list_bx .list{height:34px;color:#9DA3AC;font-size:14px;line-height:34px; display: flex; justify-content: space-between; align-items: center;} 
.pop_vacation_push_plan .cnt_area .right_cnt .list_bx .list>i{float:left}
.pop_vacation_push_plan .tui-datepicker{border:none;border-radius:8px}
.pop_vacation_push_plan .tui-datepicker-type-date, 
.pop_vacation_push_plan .tui-calendar{width:280px;background-color:#F6F6F8;border-radius:8px}
.pop_vacation_push_plan .tui-calendar td, 
.pop_vacation_push_plan .tui-calendar th{height:34px}
.pop_vacation_push_plan .tui-calendar-btn, 
.pop_vacation_push_plan .tui-calendar .tui-calendar-header-inner{background-color:#F6F6F8;border-radius:8px}

/*팝업 얼럿메세지(공통)*/
[class*="pop_alert"]{width:280px;border-radius:16px}
[class*="pop_alert"]>.wrap{padding:16px}
[class*="pop_alert"] .top_area{background-color:transparent}
[class*="pop_alert"] .top_area:after{display:block;clear:both;content:""}
[class*="pop_alert"] .top_area .btn_i_close{float:right;width:14px;height:14px;background-size:cover}
[class*="pop_alert"] .cnt_area{margin:66px 0;text-align:center}
[class*="pop_alert"] .cnt_area .icon{margin:0 auto 20px}
[class*="pop_alert"] .cnt_area .icon.notice{width:60px;height:60px;background:url(../img/i_notice.png) center no-repeat;background-size:cover}
[class*="pop_alert"] .cnt_area .icon.checked{width:50px;height:50px;background:url(../img/i_chekced.png) center no-repeat;background-size:cover}
[class*="pop_alert"] .cnt_area .txt{color:#131415;font-size:16px;font-weight:700}
[class*="pop_alert"] .btm_area .btn_full_06{width:100%;font-size:16px;font-weight:500}

/*팝업 누적근무시간리스트*/
.pop_accrue_time_list .mid_area .table .total{font-weight:500}

/*팝업 누적근무시간리스트*/
.pop_worktime_list {width: 600px;	}
.pop_worktime_list .mid_area .mid_cnt .list_wrap{overflow:auto;max-height:500px}
.pop_worktime_list .mid_area .mid_cnt .list_wrap .item:after{display:block;clear:both;content:""}
.pop_worktime_list .mid_area .mid_cnt .list_wrap .item>i{float:left;margin-right:10px;line-height: 32px;}
.pop_worktime_list .mid_area .mid_cnt .list_wrap .item .slt_bx{float:left}
.pop_worktime_list .mid_area .mid_cnt .list_wrap .item > span {float: left; margin-right: 8px;line-height: 32px;}
.pop_worktime_list .mid_area .mid_cnt .list_wrap .item+.item{margin-top:10px}
.pop_worktime_list .mid_area .noti {width: 100%; height: 20px; display: flex;justify-content: left; margin-bottom: 15px;border-bottom: 1px solid #7c7c7c; padding-bottom: 5px;}
.pop_worktime_list .mid_area .noti .item {float: left; height: 20px; margin-right: 20px;}
.pop_worktime_list .mid_area .noti .item dt,
.pop_worktime_list .mid_area .noti .item dd {float: left; font-size: 13px;}
.pop_worktime_list .mid_area .noti .item dt {font-weight: 500;}
.pop_worktime_list .mid_area .noti .item dd {margin-left: 5px;}


/*팝업 개인정보 활용동의 */
.pop_personal_information {width: 700px;}
.pop_personal_information .mid_area .top_cnt .tit {font-size: 20px; color: #7C7C7C; font-weight: 600; margin-bottom: 14px; position: relative; display: inline-block;}
.pop_personal_information .mid_area .top_cnt .tit::after {content: ''; position: absolute; left: 6px; top: 12px; width: 101%; height: 20px; background: #e8e8e8; border-radius: 6px; z-index: -1}
.pop_personal_information .mid_area .mid_cnt dl+dl {margin-top: 10px;}
.pop_personal_information .mid_area .mid_cnt dl>dt,
.pop_personal_information .mid_area .mid_cnt dl>dd{width: 100%; float: none;}
.pop_personal_information .mid_area .mid_cnt dl>dt {font-size: 16px; font-weight: 500; color: #7C7C7C;}
.pop_personal_information .mid_area .mid_cnt dl>dd {font-size: 14px; color: #7F7F7F; margin-top: 10px;}
.pop_personal_information .mid_area .mid_cnt dl>dd table th,
.pop_personal_information .mid_area .mid_cnt dl>dd table td {border: 1px solid #7C7C7C; padding: 4px;}
.pop_personal_information .mid_area .mid_cnt dl>dd table th {background: #efefef; color: #666;}
.pop_personal_information .mid_area .mid_cnt dl>dd table td {text-align: left;}
.pop_personal_information .mid_area .mid_cnt dl>dd table th:first-child {border-left: none;}
.pop_personal_information .mid_area .mid_cnt dl>dd table th:last-child {border-right: none;}
.pop_personal_information .mid_area .mid_cnt dl>dd table td:first-child {border-left: none;}
.pop_personal_information .mid_area .mid_cnt dl>dd table td:last-child {border-right: none;}
.pop_personal_information .mid_area .mid_cnt dl>dd table td.bold {font-weight: 600;}
.pop_personal_information .mid_area .mid_cnt dl>dd>p{font-weight: 500; margin-bottom: 10px;}
.pop_personal_information .mid_area .btm_cnt > p {float: left;}
.pop_personal_information .mid_area .btm_cnt .check_bx {width: 104px; float: left;}
.pop_personal_information .mid_area .btm_cnt .check_bx input.radio+label {width: 16px; height: 16px; background-size: contain;transform: translateY(4px);}
.pop_personal_information .mid_area .btm_cnt .check_bx input.radio+label>span {width: 77px; top: -3px;}


@media all and (max-width:1600px){
	.main [class*='_area']{width:1000px}
	.main [class*='section_']{padding:20px}
	
	.main .section_detail .mid_cnt .detail_page .table .body{height:calc(100vh - 458px)}
	.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}

	.office .section_type .mid_cnt .white .item>dt{width:calc(65% - 15px)}
	.office .section_type .mid_cnt .white .item>dd{width:calc(35% - 5px)}
	.office .section_type .mid_cnt .blue .item>dd{width:100%;padding-left:0}

	.branch .mid_area .section_list .left_area{height:834px}
	.branch .mid_area .section_list .right_area .contents .item .table .body{height:300px}

	/*부서원근태정보*/
	.commute_user .mid_area .top_bx .right_bx{margin-top:10px}
	.commute_user .mid_area .left_cnt .section_tree{height:588px}
	.commute_user .mid_area .right_cnt .info_bx .info_wrap .item{width:calc(100% / 6 + 18px)}
	.commute_user .mid_area .section_list .table .body{height:280px}

	/*부서원PC통계*/
	.user_pc .mid_area .top_bx .right_bx{margin-top:10px}
	.user_pc .mid_area .left_cnt .section_tree{height:588px}
	.user_pc .mid_area .right_cnt .info_bx .info_wrap .item{width:calc(100% / 6 + 18px)}
	.user_pc .mid_area .section_list .table .body{height:280px}

	/*사용자 - 메인*/
	.user_main [class*='_area']{width:1000px}
	.user_main [class*='section_']{height:490px}
	.user_main .top_area .mid{height:450px}
	.user_main .section_vacation .info_cnt .table .vacation{width:80px}
	.user_main .section_monthly{height:auto}
	.user_main .section_monthly .mid_cnt .tab_cnt .calendar{font-size:12px}
	.user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr{min-height:70px}
	.user_main .section_monthly .tab_request .tooltip{font-size:12px}

	.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}

	/*부서원근태정보*/
	.user_commute_user .mid_area .top_bx .right_bx{margin-top:10px}
	.user_commute_user .mid_area .right_cnt .info_bx .info_wrap .item{width:calc(100% / 6 + 18px)}
	.user_commute_user .mid_area .section_list .table .body{height:280px}

	/*부서원PC통계*/
	.user_user_pc .mid_area .top_bx .right_bx{margin-top:10px}
	.user_user_pc .mid_area .right_cnt .info_bx .info_wrap .item{width:calc(100% / 6 + 18px)}
	.user_user_pc .mid_area .section_list .table .body{height:280px}

	/*에이전트 다운로드*/
	.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}

	/*팝업 연차추가(연차관리)*/
	.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}
}

@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{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_overtime_auto_add .mid_area .mid_cnt .left_bx{height:330px}
	.pop_overtime_auto_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_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}
}

@media all and (min-width:2133px){
	.field_schedule .tab_list .section_list .table .body{height:calc(100vh - 384px)}
	.user_project_main .mid_area .section_timeline .mid_cnt .table .body{height:calc(100vh - 384px)}
	.user_field_schedule .tab_list .section_list .table .body{height:calc(100vh - 384px)}
}

@media all and (min-height:1012px){
	.main .section_detail .mid_cnt .detail_page .table .body{height:calc(100vh - 696px)}
}

@media all and (min-height:828px) and (max-height: 910px){
	.main .section_detail .mid_cnt .detail_page .table .body{height:calc(100vh - 592px)}
}

@media all and (min-height:728px) and (max-height: 827px){
	.main .section_detail .mid_cnt .detail_page .table .body{height:calc(100vh - 494px)}
}

/*영어*/
[lang='en'] .pop_password_reset .mid_area .mid_cnt .item .label{line-height:unset}
[lang='en'] .pop_user_info .mid_area .mid_cnt .chk_bx .line .check_bx .i_help {left: 136px;}
[lang='en'] .pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap .check_bx .i_help {left: 136px;}

[lang='en'] .commute_user .mid_area .left_cnt .search_bx .txt_bx {width: 228px;}
[lang='en'] .user_pc .mid_area .left_cnt .search_bx .txt_bx {width: 228px;}
[lang='en'] .selective_overtime .mid_area .left_cnt .search_bx .txt_bx {width: 228px;}
[lang='en'] .work_compensation .mid_area .left_cnt .search_bx .txt_bx {width: 228px;}
[lang='en'] .setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap {width: 100%; height: 32px;margin-top: 40px; float: none; margin-left: 0;}
[lang='en'] .setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(1) {width: 190px !important;}
[lang='en'] .setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(2) {width: 172px !important;}
[lang='en'] .setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(3) {width: 150px !important;}
[lang='en'] .setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(4) {width: 156px !important;}
[lang='en'] .setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(5) {width: 118px !important;}
[lang='en'] .setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd {width: 720px;}
[lang='en'] .setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd>ul {width: 460px;}
[lang='en'] .setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd .set_bx>dl:last-child {padding-left: 30px;}
[lang='en'] .setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_notice>dd {width: 800px;}
[lang='en'] .setting .mid_area .cnt_sct .tab_work .contents .week_work dd>div .work {width: 90px;}
[lang='en'] .vacation .tab_vacation .section_list .table .vacation {width: 80px;}
[lang='en'] .pop_multiple_add .mid_area .mid_cnt>dl>dd>dl>dt {width: 120px;}
[lang='en'] .pop_multiple_add .mid_area .mid_cnt>dl>dd>dl>dd {width: calc(100% - 130px);}
[lang='en'] .pop_multiple_add .mid_area .mid_cnt .week_work dd>div .work {width: 90px;}
[lang='en'] .pop_multiple_add .mid_area .mid_cnt>dl .apply .txt {width: 90px;}

/*베트남어*/
[lang='vi'] .office .section_type .mid_cnt .blue>div{height:65px}
[lang='vi'] .office .section_type .mid_cnt .cnt_bx .item{min-height:38px}
[lang='vi'] .pop_user_info .mid_area .mid_cnt .chk_bx .line .check_bx .i_help {left: 96px;}
[lang='vi'] .pop_user_info .mid_area .mid_cnt .chk_bx .line .check_wrap .check_bx .i_help {left: 146px;}

[lang='vi'] .commute_user .mid_area .left_cnt .search_bx .txt_bx {width: 216px;}
[lang='vi'] .user_pc .mid_area .left_cnt .search_bx .txt_bx {width: 216px;}
[lang='vi'] .selective_overtime .mid_area .left_cnt .search_bx .txt_bx {width: 216px;}
[lang='vi'] .work_compensation .mid_area .left_cnt .search_bx .txt_bx {width: 216px;}
[lang='vi'] .setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap {width: 100%; height: 32px;margin-top: 40px; float: none; margin-left: 0;}
[lang='vi'] .setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(1) {width: 200px !important;}
[lang='vi'] .setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(2) {width: 130px !important;}
[lang='vi'] .setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(3) {width: 188px !important;}
[lang='vi'] .setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(4) {width: 176px !important;}
[lang='vi'] .setting .mid_area .cnt_sct .tab_cnt .contents .item.off>dl>dd .select_wrap .check_bx:nth-child(5) {width: 140px !important;}
[lang='vi'] .setting .mid_area .cnt_sct .tab_cnt .contents .item>dl>dd {width: 600px;}
[lang='vi'] .setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd {width: 900px;}
[lang='vi'] .setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd>ul {width: 484px;}
[lang='vi'] .setting .mid_area .cnt_sct .tab_flexitime .contents .use_time>dl>dd .set_bx>dl:first-child {padding-left: 42px;}
[lang='vi'] .setting .mid_area .cnt_sct .tab_cnt .contents .work_day>dd {width:670px !important;}
[lang='vi'] .setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_notice>dd {width: 870px;}
[lang='vi'] .setting .mid_area .cnt_sct .tab_work .contents .week_work dd>div .work {width: 120px;}
[lang='vi'] .pop_multiple_add .mid_area .mid_cnt .work_day>dd .check_bx {width: 24%;}
[lang='vi'] .setting .mid_area .cnt_sct .tab_vacation .contents .item .vacation_add>dd .line .check_bx {width: 110px;}
[lang='vi'] .vacation .tab_vacation .section_list .table .vacation {width: 80px;}
[lang='vi'] .pop_multiple_add .mid_area .mid_cnt>dl>dd>dl>dt {width: 120px;}
[lang='vi'] .pop_multiple_add .mid_area .mid_cnt>dl>dd>dl>dd {width: calc(100% - 130px);}
[lang='vi'] .pop_multiple_add .mid_area .mid_cnt .week_work dd>div .work {width: 116px;}
[lang='vi'] .pop_multiple_add .mid_area .mid_cnt>dl .apply .txt {width: 116px;}
[lang='vi'] .pop_multiple_add .mid_area .mid_cnt .month_work dd>div .month_num {width: 60px;}

/*lg - nav*/
.lg .nav .menu_cnt>li .main_menu.click{background-color:#ffcbea;color:#ea41a4}
.lg .nav .menu_cnt>li .main_menu.click:before{background-color:#ea41a4}
.lg .nav .menu_cnt>li .sub_wrap>ul {background-color: #ffe9f6;}
.lg .nav .menu_cnt>li .sub_wrap>ul>li .sub_menu.click {color: #ea41a4;}
.lg .gnb .logo{float:left;position:relative;top:13px;width:121px;height:21px;}
.lg .gnb .logo>a{display:block;width:100%;height:100%;text-indent:-9999px}
.lg .gnb .logo>a>img {width: 100%;display: block;}
.lg .nav .btm_cnt .num_bx>dd>b {color: #ea41a4;}
.lg .nav .btm_cnt .bar_bx .bar .progress {background-color: #ea41a4;}
.lg .gnb .gnb_area .gnb_cnt .cnt_bx [class^='btn_under_'] {color: #3e3e3e;}
.lg .gnb .btn_menu {background: url(../img/lg/btn_menu_2.png) center no-repeat; background-size: 20px 14px;background-color: #fff;}
.lg .nav .m_main .click .i {background: url(../img/lg/i_m_main_active.png) center no-repeat; background-size: contain;}
.lg .nav .m_dept .click .i {background: url(../img/lg/i_m_dept_active.png) center no-repeat; background-size: contain;}
.lg .nav .m_commute .click .i {background: url(../img/lg/i_m_commute_active.png) center no-repeat; background-size: contain;}
.lg .nav .m_request .click .i {background: url(../img/lg/i_m_request_active.png) center no-repeat; background-size: contain;}
.lg .nav .m_admin .click .i {background: url(../img/lg/i_m_admin_active.png) center no-repeat; background-size: contain;}
.lg .nav .m_control .click .i {background: url(../img/lg/i_m_control_active.png) center no-repeat; background-size: contain;}
.lg .nav .m_set .click .i {background: url(../img/lg/i_m_set_active.png) center no-repeat; background-size: contain;}
.lg .nav .m_vacation .click .i{background:url(../img/lg/i_m_vacation_active.png) center no-repeat;background-size:contain}
.lg .nav .m_revision .click .i{background:url(../img/lg/i_m_revision_active.png) center no-repeat;background-size:contain}
.lg .nav .m_install .click .i{background:url(../img/lg/i_m_install_active.png) center no-repeat;background-size:contain}
.lg .nav .m_project .click .i{background:url(../img/lg/i_m_project_active.png) center no-repeat;background-size:contain}
.lg .nav .m_work .click .i{background:url(../img/lg/i_m_work_active.png) center no-repeat;background-size:contain}
.lg .nav .m_user .click .i{background:url(../img/lg/i_m_user_active.png) center no-repeat;background-size:contain}
.lg .nav .m_list .click .i{background:url(../img/lg/i_m_list_active.png) center no-repeat;background-size:contain}
.lg .nav .m_pc .click .i{background:url(../img/lg/i_m_pc_active.png) center no-repeat;background-size:contain}
.lg .nav .m_field .click .i{background:url(../img/lg/i_m_admin_active.png) center no-repeat;background-size:contain}

/*common*/
.lg .datepicker .tui-datepicker .tui-is-selectable.tui-is-selected,
.lg .datepicker .tui-datepicker.tui-rangepicker .tui-is-selectable.tui-is-selected{background-color:#ea41a4}
.lg .datepicker .i_picker {background: url(../img/lg/i_calandar.png) center no-repeat; background-size: 15px;}
.lg .tui-datepicker .tui-is-selectable:hover{background-color:#ffe9f6;cursor:pointer}
.lg .btn_border_01{color:#ea41a4;border:1px solid #ea41a4}
.lg .btn_full_01{background-color:#ea41a4}
.lg .btn_under_01 {color: #ea41a4; background: #ffe9f6;}
.lg .btn_i_search {background: url(../img/lg/i_search.png) center no-repeat;background-size: 19px 18px;}
.lg .container .mid_area .right_bx .tgl_btn .on {background: url(../img/lg/btn_on.png) center no-repeat; background-size: 51px 26px;}
.lg .pagination>.wrap .paging .page.click{background-color:#eaeaea;}
.lg .pagination>.wrap .a_next.active {background: url(../img/lg/arr_next_active_01.png) center no-repeat;background-size: 4px 8px;}
.lg .pagination>.wrap .p_next.active {background: url(../img/lg/arr_next_active_02.png)center no-repeat;background-size: 8px 10px;}
.lg .pagination>.wrap .p_prev.active{background:url(../img/lg/arr_prev_active_02.png)center no-repeat;background-size: 19px 18px;}
.lg .pagination>.wrap .p_prev.active{background:url(../img/lg/arr_prev_active_02.png)center no-repeat;background-size: 8px 10px;}
.lg .t_dot:before{background-color:#ea41a4}
.lg .fc_tit {color: #6D6E71;}
.lg .check_bx>input.check:checked+label {background: url(../img/lg/btn_check_active.png) center no-repeat; background-size: 16px;}
.lg .check_bx input.radio:checked+label {background: url(../img/lg/btn_radio_active.png) center no-repeat; background-size: 13px;}
.lg .i_help {background: url(../img/lg/i_guide.png) center no-repeat; background-size: 12px;}
.lg .tree_bx .jstree-default .jstree-clicked>.jstree-checkbox, 
.lg .tree_bx .jstree-default .jstree-checked>.jstree-checkbox {background: url(../img/lg/btn_check_active.png) center no-repeat; background-size: 16px;}

/*다운로드 페이지*/
.lg.agent .mid_area .mid_cnt .txt_bx {color: #ea41a4;}
.lg.agent .mid_area .btm_cnt {color: #ea41a4;}

/*로그인*/
.lg .login{background-color:#ffe9f6}
.lg .login .top_area>dl>dt .dot{background-color:#ea41a4}
.lg .login .top_area>dl>dt:before{background-color:#ffceeb}
.lg .login .mid_area .info>dl .input_cnt .txt_bx.err{border:1px solid #ff4368}
.lg .login .mid_area .info>dl .help_txt{color:#ff4368}
.lg .login .mid_area .button>span>i{background-color:#ffe9f6}
.lg .login .mid_area .button .btn_login{color:#ea41a4}
.lg .login .btm_area{text-align:center}
.lg .login .btm_area>a{display:inline-block;margin-bottom:10px;line-height:unset}
.lg .login .btm_area>span{display:block}
.lg .login .btm_area .info>a.location,
.lg .login .btm_area .info>a.terms {display: none;}

/*비밀번호변경*/
.lg .password_page>div{border:1px solid #ea41a4}
.lg .password_page .top_area>span,
.lg .password_page .mid_area .top_cnt>span>i{color:#ea41a4}

/*개인정보처리방침*/
.lg .privacy{word-break:keep-all}
.lg .privacy>.wrap{width:800px;margin:0 auto;padding:100px 0}
.lg .privacy h3{font-size:18px}
.lg .privacy h4{font-size:16px}
.lg .privacy .txt span{font-size:14px}
.lg .privacy table{width:100%;font-size:14px;table-layout:fixed}
.lg .privacy table th,
.lg .privacy table td{padding:10px;border:1px solid #3e3e3e;border-collapse:separate}
.lg .privacy table th{text-align:left}
.lg .privacy table .bold{font-weight:500}
.lg .privacy table .italic,
.lg .privacy table .italic i{font-style:italic}
.lg .privacy table .up{font-size:16px}

/*에러*/
.lg .error>div{border:1px solid #ea41a4}
.lg .error .top_area .en{background-color:#ea41a4}
.lg .error .mid_area .top_cnt .t_txt{color:#ea41a4}

/*에이전트다운로드*/
.lg .agent .mid_area .mid_cnt .txt_bx,
.lg .agent .mid_area .btm_cnt{color:#ea41a4}

/*관리자*/
.lg .container .tab_cnt .tab_bx .tab_btn.on{color:#ea41a4}
.lg .field_schedule .tab_list .section_list .body>div .prj>span>i.replace{color:#ea41a4}
.lg .setting .mid_area .tab_sct>ul>li.on{color:#ea41a4}
.lg .notice .mid_area .tab_sct>ul>li.on{color:#ea41a4}
.lg .user_set .mid_area .btn_toggle.on {background: url(../img/lg/btn_on.png) center no-repeat; background-size: 51px 26px;}
.lg .function .mid_area .section_list .contents .item .line>dl>dd .on {background: url(../img/lg/btn_on.png) center no-repeat; background-size: 51px 26px;}
.lg .notify .mid_area .right_bx>div>button.btn_border_02 {color: #ea41a4;border: 1px solid #ea41a4;}

.lg .user_setting .mid_area .cnt_sct .tab_cnt .contents .peristalsis .btn_toggle.on {background:url(../img/lg/btn_on.png) center no-repeat;background-size:38px 20px}
.lg .setting .mid_area .cnt_sct .tab_general .contents .item .on{display:block;width:51px;height:26px;background:url(../img/lg/btn_on.png) center no-repeat;background-size:51px 26px}
.lg .setting .mid_area .cnt_sct .tab_alarm .contents .item .btn_toggle.on {background:url(../img/lg/btn_on.png) center no-repeat;background-size:51px 26px}

/*사용자*/
.lg .user_main .section_request .calendar .start, 
.lg .user_main .section_request .calendar .end {color: #ea41a4;}
.lg .user_main .section_request .calendar .cal_bx .body .click {background: #ffe9f6;}
.lg .user_main .section_work .mid_cnt .tab_bx .tab_btn.click{color:#ea41a4}
.lg .user_main .section_monthly .mid_cnt .tab_cnt .calendar .body .tr>div>button.more {background: #ffe9f6; color: #ea41a4;}
.lg .user_main .section_monthly .tab_vacation .calendar .body .tr>div>span.default.btn_wrap {background: #ffe9f6; color: #ea41a4;}
.lg .calendar .cal_bx>table>tbody>tr>td.list>i{color:#ea41a4}
.lg .calendar .cal_bx>table>tbody>tr>td.list>i:before {background: url(../img/lg/i_file.png) center no-repeat; background-size: 29px 36px;}
.lg .user_vacation .calendar .cal_bx>table>tbody>tr>td.list .file{color:#ea41a4}
.lg .user_vacation .tab_calendar .section_cal .lgd{color:#ea41a4}
.lg .user_vacation .calendar .cal_bx>table>tbody>tr>td.list .file{background: url(../img/lg/i_file.png) center no-repeat; background-size: 29px 36px;}
.lg .user_remote .tab_security .section_list .top_cnt{background-color:#eaeaea;color:#383838}
.lg .user_setting .mid_area .tab_sct>ul>li.on{color:#ea41a4}
.lg .user_request .tab_calendar .section_cal .lgd {color: #ea41a4;}
.lg .user_request .tab_calendar .section_cal .lgd:before {background: url(../img/lg/i_file.png) center no-repeat; background-size: 15px 18px;}
.lg .user_request .mid_area .top_bx .rqs_bx .slt_opt{color:#ea41a4;border:1px solid #ea41a4}
.lg .user_worktime .tab_calendar .right_cnt .calendar .body .tr>div .day > span.reject {background: #FFE3E2;}
.lg .user_worktime .tab_calendar .right_cnt .calendar .body .tr>div .day > span.approve {background: #E2FFE3;}
.lg .user_field_schedule .calendar .cal_bx>table>tbody>tr>td.on .d.active {background: #ffe9f6;}

/*팝업*/
.lg .popup .top_area{background-color:#eaeaea}
.lg .popup .top_area .title{color:#383838}
.lg .pop_user_add .top_area .right_bx>button.on{color:#ea41a4}
.lg .pop_detail .mid_area .top_cnt .right_bx>div .btn_date.click{color:#ea41a4}
.lg .pop_calendar .mid_area .cal_cnt .head_bx .mark .standard .dot{background-color:#ffe9f6}
.lg .pop_calendar .mid_area .cal_cnt .head_bx .mark .working .dot{background-color:#ea41a4}
.lg .pop_calendar .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.on>i.std{background-color:#ffe9f6}
.lg .pop_calendar .mid_area .cal_cnt .cal_bx>table>tbody>tr>td.on>i.work{background-color:#ea41a4}
.lg .pop_schedule .section_monthly .tab_vacation .calendar .body .tr>div>span.default {background: #ffe9f6; color: #ea41a4;}
.lg .pop_worktype_add .mid_area .list li.on {border-color: #ea41a4;}
.lg .pop_alert .top_area {background: none;}
.lg .pop_vacation_push_notice .top_area {background: none;}
.lg .pop_vacation_push_notice .cnt_area .mid_cnt .check_bx>label>span {color: #ea41a4;}
.lg .pop_vacation_push_notice .btm_area .btn_bold_01 {color: #ea41a4;}

/*팝업 외근지관리*/
.lg .pop_place_detail{width:1400px}
.lg .pop_place_detail .mid_area .top_cnt .search_bx .txt_bx{width:220px}
.lg .pop_place_detail .mid_area .mid_cnt .left_bx{width:60%}
.lg .pop_place_detail .mid_area .mid_cnt .map_bx {height: 461px;}
.lg .pop_place_detail .mid_area .mid_cnt .left_bx .table .body{height:350px;word-break:keep-all}