/*-Timekeeper-*/
/* reset */
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,button,article,aside,dialog,footer,header,section,footer,nav,figure,main{margin:0;padding:0}
article,aside,dialog,footer,header,section,footer,nav,figure,main{display:block}
html,body{height:100%}
body{-webkit-text-size-adjust:none;-webkit-user-select:none;user-select:none;word-break:break-word;overflow-wrap:break-word;word-wrap:break-word}
body,input,select,textarea,button{font-family:-apple-system,system,"Helvetica Neue","Helvetica",Roboto,"HiraKakuProN-W3","Apple SD Gothic Neo",Meiryo,"Droid Sans",sans-serif;letter-spacing:-0.5px}
fieldset,li,img{border:0;vertical-align:top}
ul,ol{list-style:none}
button{overflow:visible;border:0;background-color:transparent;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em,i{font-style:normal}
button,a{-webkit-tap-highlight-color:rgba(0,0,0,0.05);tap-highlight-color:rgba(0,0,0,0.05)}
a,a:focus,a:active,a:hover{text-decoration:none;color:#000}
a:hover,a:active,a:focus{background-color:transparent}
button:focus{outline:0}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
iframe{display:block;width:100%;border:none}
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;text-indent:-9999px;white-space:nowrap}
input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;appearance:none}

/*common*/
body{min-width:320px;font-family:-apple-system,system,"Helvetica Neue",Helvetica,Roboto,HiraKakuProN-W3,"Apple SD Gothic Neo",Meiryo,"Droid Sans",sans-serif;font-weight:normal;font-size:16px;background-color:#fff;word-break:keep-all;word-wrap:break-word;padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}

/*앱 다운로드 페이지*/
.down_page{width:100vw;height:100vh}
.down_page .down_wrap{position:fixed;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.down_page .main_tit .tit{display:block;font-weight:bold;color:#43515e;text-align:center}
.down_page .main_tit .sb_1{margin-bottom:12px;font-size:25px}
.down_page .main_tit .sb_2{font-size:16px}
.down_page .main_tit .sb_3{margin-bottom:40px;font-size:50px;text-align:center}
.down_page .cnt_area .img_area{width:100%;height:200px;margin-bottom:40px}
.down_page .cnt_area .img_area .img{width:100%;height:100%;background:url(../img/img_app.png) center no-repeat;background-size:cover}
.down_page .cnt_area .btm_area{text-align:center}
.down_page .cnt_area .btm_area>div{display:inline-block}
.down_page .cnt_area .btm_area>div:after{display:block;clear:both;content:""}
.down_page .cnt_area .btm_area>div>.app_down{display:block;width:236px;height:67px}
.down_page .cnt_area .btm_area>div>.app_down+.app_down{margin-top:20px}
.down_page .cnt_area .btm_area>div>.ios{background:url(../img/img_down_ios.png) center no-repeat;background-size:236px 67px}
.down_page .cnt_area .btm_area>div>.android{background:url(../img/img_down_android.png) center no-repeat;background-size:236px 67px}

/*마스터버튼*/
input.master{display:none;position:absolute}
input.master.on{display:block}
.job_page .job_wrap .select_icon{position:relative}
.job_page .job_wrap .select_icon .master{left:-12px}
.office_cnt .schedule_area .schedule_wrap .top_area .title{position:relative}
.office_cnt .schedule_area .schedule_wrap .top_area .title .master{position:absolute;top:0;right:-20px}
.office_cnt .schedule_area .schedule_wrap .top_area .work_btn{position:relative}
.office_cnt .schedule_area .schedule_wrap .top_area .work_btn .master{position:absolute;top:0;left:-20px}
.office_cnt .schedule_area .schedule_wrap .btn_area .btn_wrap>li{position:relative;float:left}
.office_cnt .schedule_area .schedule_wrap .btn_area .btn_wrap>li .master{top:-16px}
.visit_wrap .visit_area .visit_top .master:nth-child(1){top:0;left:116px}
.visit_wrap .visit_area .visit_top .master:nth-child(3){top:0;right:76px}
.request_page .cnt_area .menu_cnt>li{position:relative}
.request_page .cnt_area .menu_cnt>li .master{top:5px;left:-15px}
.address_cnt .search_area .search_tit{position:relative}
.address_cnt .search_area .search_tit .master{top:5px;left:87px}

/*로그인*/
.login_page{position:relative;width:100vw;height:100vh}
.login_wrap{position:absolute;top:50%;left:30px;right:30px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.login_wrap .logo_img{width:114px;height:114px;margin:0 auto 6px;background:url(../img/img_icon_tk.png) center no-repeat;background-size:114px 114px;text-indent:-9999px}
.login_wrap .main_name{width:100%;text-align:center;color:#3c3352;font-weight:500;font-size:24px}
.login_wrap .main_name .main_tit{position:relative;display:block}
.login_wrap .main_name .sub_tit{position:relative;display:block;padding-top:16px}
.login_wrap .main_name .main_tit:before,
.login_wrap .main_name .sub_tit:before{position:absolute;display:block;height:5px;bottom:-8px;left:50%;background-color:#eef2fc;border-radius:20px;transform:translateX(-50%);content:""}
.login_wrap .main_name .main_tit:before{width:142px}
.login_wrap .main_name .sub_tit:before{width:250px}
.login_wrap .login_info{position:relative;width:100%;padding-top:104px;text-align:center}
.login_wrap .login_info>span{display:block;padding:0 14px;font-size:16px;color:#3c3352;font-weight:bold}
.login_wrap .login_info>label{display:block;padding-left:16px;text-align:left}
.login_wrap .login_info input[type="text"],
.login_wrap .login_info input[type="password"]{width:100%;height:28px;margin:5px 0 12px;padding:0 10px;box-sizing:border-box;border-radius:20px;background-color:#eef2fc;border:none;font-size:12px;color:#3c3352}
.login_wrap .login_info button[type="submit"]{width:100%;height:38px;margin-top:20px;border:none;border-radius:20px;background-color:#3d56f5;font-size:16px;color:#fff;letter-spacing:4px}
.login_wrap .login_info button[type="submit"]{width:100%;height:38px;margin-top:20px;border:none;border-radius:20px;background-color:#3d56f5;font-size:16px;color:#fff;letter-spacing:4px}
.login_wrap .login_info .autobox{position:absolute;width:100%;padding:10px 0;top:160px;left:0;background-color:#fff;border-radius:4px;border:1px solid #f1f1f1;box-sizing:border-box;box-shadow:1px 1px 1px #ddd}
.login_wrap .login_info .autobox .exm_t{padding:3px 10px;font-size:12px}
.click{background-color:rgba(217,217,217,0.5)}
.login_wrap .login_info .autobox .exm_t a{display:block;width:100%}

/*로그인 패스 버튼 추가*/
.login_wrap .login_info .btn{width:100%;height:38px;margin-top:20px;border:none;border-radius:20px;background-color:#3d56f5;font-size:16px;color:#fff;letter-spacing:4px}
.login_wrap .login_info>span{display:block;position:relative;height:1px;margin:18px 0;background-color:#b7b7b7}
.login_wrap .login_info>span>i{position:absolute;top:50%;left:50%;padding:0 10px;background-color:#fff;color:#b7b7b7;font-size:12px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.login_wrap .login_info .pass{width:228px;height:52px;margin-top:0;background:url(../img/icon_pass_login.png) center no-repeat;background-size:228px 52px;text-indent:-9999px;border-radius:0}

/*[공통] 햄버거메뉴*/
.header{position:fixed;top:0;right:0;left:0;width:100%;height:60px;background-color:#fff;z-index:160}
.logo{position:relative;width:100%;height:60px;text-align:center;background-color:#fff}
.logo img{position:absolute;display:block;width:144px;top:50%;left:50%;transform:translate(-50%,-50%)}
.menu{position:absolute;top:50%;left:22px;transform:translateY(-50%)}
.menu img{display:block;width:20px;height:18px}
.qrcode{position:absolute;top:50%;right:22px;transform:translateY(-50%)}
.qrcode img{display:block;width:43px;height:18px}
.header .back_btn{position:absolute;top:50%;left:26px;transform:translateY(-50%)}
.header .back_btn img{display:block;width:20px;height:16px}

/*[공통] 햄버거메뉴 리스트*/
.menu_area .inner{display:none;overflow-y:auto;position:fixed;top:0;bottom:0;left:0;width:70%;height:100%;background-color:#fafafa;z-index:200;box-shadow:4px 0 24px 0 #b8b8b8}
.menu_area .inner .menu_box{position:relative;margin-bottom:60px;background-color:#fff;z-index:166}
.menu_area .inner .menu_box .menu_btn{width:100%;height:60px;line-height:60px;font-size:12px;color:#243b6b}
.menu_area .inner .menu_box .menu_btn>a{position:relative;display:block;height:100%;padding:0 30px}
.menu_area .inner .menu_box .menu_btn>a:before{position:absolute;top:50%;right:20px;content:"";transform:translateY(-50%)}
.menu_area .inner .menu_box .menu_btn .rqsbtn:before{width:42px;height:46px;background:url(../img/img_icon_m_list.png) center no-repeat;background-size:17px 21px}
.menu_area .inner .menu_box .menu_btn .personal:before{width:46px;height:46px;background:url(../img/img_icon_m_list.png) center no-repeat;background-size:17px 21px}
.menu_area .inner .menu_box .menu_btn .meeting:before{width:46px;height:46px;background:url(../img/img_icon_m_meeting.png) center no-repeat;background-size:20px 19px}
.menu_area .inner .menu_box .menu_btn .notice:before{width:46px;height:46px;background:url(../img/img_icon_list.png) center no-repeat;background-size:22px 22px}
.menu_area .inner .menu_box .menu_btn .setting:before{width:46px;height:46px;background:url(../img/img_icon_m_set.png) center no-repeat;background-size:20px 20px}
.menu_area .inner .menu_box .menu_btn .code:before{width:46px;height:46px;background:url(../img/img_icon_m_code.png) center no-repeat;background-size:20px 20px}
.menu_area .inner .menu_box .menu_btn .select:before{width:46px;height:46px;background:url(../img/img_icon_select.png) center no-repeat;background-size:20px 18px}
.menu_area .inner .menu_box .menu_btn .alarm_set:before{width:46px;height:46px;background:url(../img/img_icon_m_bell.png) center no-repeat;background-size:18px 20px}
.menu_area .inner .menu_box .menu_btn .qrscan:before{width:46px;height:46px;background:url(../img/img_icon_qrscan.png) center no-repeat;background-size:21px 21px}
.menu_area .inner .menu_box .menu_btn .logout:before{width:46px;height:46px;background:url(../img/img_icon_m_logout.png) center no-repeat;background-size:20px 21px}
.menu_area .inner .menu_box .menu_btn .work_list:before{width:46px;height:46px;background:url(../img/img_icon_m_work_list.png) center no-repeat;background-size:20px 17px}
.menu_area .inner .menu_box .menu_btn .report:before{width:46px;height:46px;background:url(../img/img_icon_m_report.png) center no-repeat;background-size:20px 18px}
.menu_area .inner .menu_box .menu_btn .remote:before{width:46px;height:46px;background:url(../img/img_icon_m_remote.png) center no-repeat;background-size:28px 21px}
.menu_area .inner .menu_box .menu_btn .confr:before{width:46px;height:46px;background:url(../img/img_icon_m_confr.png) center no-repeat;background-size:34px 22px}
.menu_area .inner .menu_box .menu_btn .meeting>span{display:block}
.menu_area .inner .menu_box .menu_btn .meeting>span.click{display:none}
.menu_area .inner .copyright{position:fixed;bottom:0;width:70%;height:60px;text-align:center;line-height:60px;font-size:12px;color:#243b6b;z-index:164}
.dimmed{display:none;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:162}
.dimmed.on{display:block}

/*[공통] 하단 네비*/
.nav{position:fixed;bottom:0;left:0;right:0;width:100%;height:50px;background-color:#fff;z-index:150;padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}
.nav_list{width:100%;background-color:#fff}
.nav_list:after{display:block;clear:both;content:""}
.nav_list li{position:relative;float:left;width:20%;height:50px;text-align:center;box-sizing:border-box}
.nav_list li a{display:block;width:100%;height:100%}
.nav_list li a:before{position:absolute;top:50%;left:50%;content:"";transform:translate(-50%,-50%)}
.nav_list li a.home:before{width:24px;height:22px;background:url(../img/img_icon_home.png) center no-repeat;background-size:24px auto}
.nav_list li a.locate_office:before{width:27px;height:28px;background:url(../img/img_icon_map.png) center no-repeat;background-size:27px auto}
.nav_list li a.request:before{width:20px;height:24px;background:url(../img/img_icon_request.png) center no-repeat;background-size:20px auto}
.nav_list li a.address:before{width:22px;height:25px;background:url(../img/img_icon_addr.png) center no-repeat;background-size:22px auto}
.nav_list li a.user:before{width:25px;height:28px;background:url(../img/img_icon_user.png) center no-repeat;background-size:25px auto}
.nav_list li.active a.home:before{background-image:url(../img/img_icon_home_active.png)}
.nav_list li.active a.locate_office:before{background-image:url(../img/img_icon_map_active.png)}
.nav_list li.active a.request:before{background-image:url(../img/img_icon_request_active.png)}
.nav_list li.active a.address:before{background-image:url(../img/img_icon_addr_active.png)}
.nav_list li.active a.user:before{background-image:url(../img/img_icon_user_active.png)}
.nav_list li.active:before{position:absolute;top:0;left:0;right:0;width:100%;height:2px;background-color:#3d56f5;content:""}

/*직군선택*/
.container.job_page{position:fixed;top:0;right:55px;bottom:0;left:55px;padding-top:0px}
.job_wrap{display:table;width:100%;height:100%;padding:30px 0;border-collapse:separate;border-spacing:0 16px}
.job_wrap .select_icon{display:table-row}
.job_wrap .select_icon .icon_img{position:relative;display:table-cell;width:100%;vertical-align:middle;border:1px solid #5066f6;border-radius:20px;box-sizing:border-box}

.job_wrap .select_icon.office .icon_img{background:url(../img/img_icon_officer.png) center no-repeat;background-size:143px 168px}
.job_wrap .select_icon.field .icon_img{background:url(../img/img_icon_fielder.png) center no-repeat;background-size:143px 168px}
.job_wrap .select_icon.sales .icon_img{background:url(../img/img_icon_sales.png) center no-repeat;background-size:143px 168px}
.job_wrap .select_icon.click{background-color:rgba(0,135,243,0.2)}

/*헤더 : QR코드*/
.header.qrcode_page{position:fixed;width:100%;height:50px;background-color:#fff;z-index:100;border-bottom:1px solid rgba(151,151,151,0.5)}
.header.qrcode_page .back_btn{position:absolute;top:50%;left:26px;transform:translateY(-50%)}
.header.qrcode_page .back_btn img{display:block;width:20px;height:16px}
.header.qrcode_page .title{display:block;height:50px;font-size:12px;color:#212121;font-weight:900;text-align:center;line-height:50px}
.header.qrcode_page .top_title{width:100%;height:40px;background-color:#5f647e;padding:0 30px;font-size:13px;line-height:40px;color:#fff;font-weight:500}

/*출퇴근리스트*/
.header .work_history .btn_month{position:relative;margin-left:10px;font-weight:bold;font-size:12px}
.header .work_history .btn_month .arr{position:absolute;top:50%;right:-14px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #111;transform:translateY(-50%)}
.header .work_history .btn_month .arr.on{border-bottom:4px solid #111;border-top:0 none}
.work_history .month_box{display:none;width:100%;margin-top:51px;background-color:#626262;font-size:12px;letter-spacing:-1px;color:#e0e0e0}
.work_history .month_box.on{display:block}
.work_history .month_box .month_wrap{padding:20px}
.work_history .month_box .month_wrap .month_tr{position:relative;width:100%;height:40px;text-align:center;line-height:40px}
.work_history .month_box .month_wrap .month_tr:after{display:block;clear:both;content:""}
.work_history .month_box .month_wrap .month_tr .btn{position:absolute;top:50%;transform:translateY(-50%)}
.work_history .month_box .month_wrap .month_tr .prev{left:80px;width:30px;height:30px;background:url(../img/icon_arrow_p_w1.png) center no-repeat;background-size:8px 14px}
.work_history .month_box .month_wrap .month_tr .next{right:80px;width:30px;height:30px;background:url(../img/icon_arrow_n_w1.png) center no-repeat;background-size:8px 14px}
.work_history .month_box .month_wrap .month_tr .today{right:0;width:46px;height:24px;font-size:11px;border:1px solid #e0e0e0;border-radius:6px;color:#e0e0e0}
.work_history .month_box .month_wrap .month_tr .years{width:50px;height:100%}
.work_history .month_box .month_wrap .month_tr .years i{font-style:normal}
.work_history .month_box .month_wrap .month_tr .s_month{float:left;width:25%;height:100%;font-size:12px;color:#e0e0e0}
.work_history .month_box .month_wrap .month_tr .s_month span{display:inline-block;width:100%;height:100%;line-height:40px}
.work_history .month_box .month_wrap .month_tr .s_month.on{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#090909}

.work_history .list_area{position:absolute;top:50px;left:0;right:0;bottom:0}
.work_history .list_area.on{top:250px}
.work_history .list_area .list_cnt{margin:7px 0;padding:0 20px}
.work_history .list_area .list_cnt .add_date{position:relative;width:100%;text-align:center}
.work_history .list_area .list_cnt .add_date:before{position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#979797;content:"";z-index:80}
.work_history .list_area .list_cnt .add_date span{position:relative;display:inline-block;width:60px;height:26px;line-height:26px;font-size:12px;font-weight:bold;background-color:#fff;z-index:90}
.work_history .list_area .list_cnt .data_i{margin-top:2px;padding:10px 14px;background-color:#5066f6;border-radius:4px;box-sizing:border-box}
.work_history .list_area .list_cnt .data_i .title{padding-bottom:4px}
.work_history .list_area .list_cnt .data_i .title:after{display:block;clear:both;content:""}
.work_history .list_area .list_cnt .data_i .title .icon{float:left;width:30px;height:30px;margin-right:10px;background:url(../img/icon_watch.png) center no-repeat;background-size:24px 27px}
.work_history .list_area .list_cnt .data_i .title .s_tit{float:left;height:30px;line-height:30px;font-size:15px;color:rgba(255,255,255,0.8);font-weight:bold}
.work_history .list_area .list_cnt .data_i .date_wrap{}
.work_history .list_area .list_cnt .data_i .date_wrap .date_tb{width:100%;font-size:12px;background-color:#fff;border-radius:2px;box-sizing:border-box}
.work_history .list_area .list_cnt .data_i .date_wrap .date_tb .work_time{width:100%;height:26px;color:rgba(98,98,98,0.8);line-height:26px;border-bottom:1px solid #e0e0e0}
.work_history .list_area .list_cnt .data_i .date_wrap .date_tb .work_time tr th{padding:0 10px}
.work_history .list_area .list_cnt .data_i .date_wrap .date_tb .work_time tr th span{display:inline-block}
.work_history .list_area .list_cnt .data_i .date_wrap .date_tb .work_time tr th .tit{margin-right:10px}
.work_history .list_area .list_cnt .data_i .date_wrap .date_tb .work_data{width:100%;height:26px;color:rgba(98,98,98,0.8);line-height:26px}
.work_history .list_area .list_cnt .data_i .date_wrap .date_tb .work_data tr td{padding:0 10px}
.work_history .list_area .list_cnt .data_i .date_wrap .date_tb .work_data tr td span{display:inline-block}
.work_history .list_area .list_cnt .data_i .date_wrap .date_tb .work_data tr td .tit{width:75px;font-weight:bold}

/*[리퀘스트/QR코드] 메인 헤더*/
.time_area{padding-top:60px}
.time_area .img_area{position:relative;width:100%;height:88px;background-color:#384050}
.time_area .img_area:before{position:absolute;top:50%;left:50%;width:1px;height:80%;background-color:#fff;content:"";transform:translateY(-50%)}
.time_area .img_area .time_box{position:absolute;top:50%;width:50%;color:#fff;text-align:center;transform:translateY(-50%)}
.time_area .img_area .time_box>br{display:none}
.time_area .img_area .today,
.time_area .img_area .rest{left:0}
.time_area .img_area .weekly,
.time_area .img_area .used{right:0}
.time_area .img_area .time_box>span{display:block;font-weight:bold}
.time_area .img_area .time_box .name{margin-bottom:4px;padding:0 8px;font-size:17px;color:#fff}
.time_area .img_area .time_box .time{font-size:24px;color:#fff}
.sales_main .time_area{padding-top:60px}
.sales_main .time_area .img_area{background:url(../img/img_hd_sales.png) center no-repeat;background-size:cover}

/*qr코드 메인*/
.qrscan_area{position:absolute;display:table;top:0;left:50%;right:0;bottom:0;height:100%;margin:0 auto;text-align:center;transform:translateX(-50%)}
.qrscan_area .qr_inner{display:table-cell;vertical-align:middle}
.qrscan_area .qr_inner .qrbox{position:relative;width:90%;padding-bottom:90%;text-align:center;background:linear-gradient(to bottom,#8c95fc,#879efc,#79b3fa);border-radius:20px;color:#fff;font-size:30px;font-weight:500;letter-spacing:-0.8px}
.qrscan_area .qr_inner .qrbox:before{position:absolute;width:100%;top:50%;left:50%;content:"QR Code Scan";transform:translate(-50%,-50%)}
.qrscan_area .qr_inner .qrbox_text{display:block;width:100%;padding-top:3px;text-align:center;font-size:12px;color:#3c3352;font-weight:300}
.history_area{position:fixed;bottom:0;left:0;right:0;width:100%;padding-bottom:50px;text-align:center}
.history_area .tab_area{width:100%;background-color:#f7f7f7;border:1px solid #ebebeb;box-sizing:border-box}
.history_area .workoff{margin-top:-1px}
.history_area .tab_area .history_tab{position:relative;display:block;height:44px;line-height:44px;width:100%;color:#3d56f5;font-size:15px;letter-spacing:0.8px;font-weight:500}
.history_area .tab_area .history_tab:before{display:inline-block;top:0;left:0;width:38px;height:38px;margin-right:10px;content:"";vertical-align:middle}
.history_area .tab_area .history_tab.work_history:before{background:url(../img/img_icon_btn_work.png) no-repeat;background-size:38px auto}
.history_area .tab_area .history_tab.workoff_history:before{background:url(../img/img_icon_btn_workoff.png) no-repeat;background-size:38px auto}
.history_area .alert_text{width:100%;text-align:center;background-color:#e2e9eb}
.history_area .alert_text span{display:block;padding:8px;font-size:13px;color:#9297b7;letter-spacing:-0.21px}

/*qr코드 스캔*/
.header.scan_page{background-color:#3d56f5}
.header.scan_page .back_btn{position:absolute;top:50%;left:26px;transform:translateY(-50%)}
.header.scan_page .back_btn img{display:block;width:20px;height:20px}
.header.scan_page .title{display:block;padding-top:14px;font-size:22px;color:#fff;font-weight:900;text-align:center}
.container.qr_code{position:absolute;top:0;left:0;right:0;bottom:0;padding-top:0}
.container .scan_area{height:100%;padding:0 34px;box-sizing:border-box;background:rgba(7,6,6,0.3)}
.container .scan_area .info_top{display:block;padding:88px 0 37px;text-align:center;font-size:18px;line-height:26px;color:#fff;font-weight:bold}
.container .scan_area .camera_area{padding-bottom:100%;width:100%;background-color:#fff;opacity:0.6;border:1px solid #979797}
.container .scan_area .info_bottom{display:block;padding-top:25px;text-align:center;font-size:12px;line-height:26px;color:#fff;font-weight:300}

/*qr코드 출퇴근등록*/
.cancel{position:absolute;top:50%;right:28px;transform:translateY(-50%)}
.cancel img{display:inline-block;width:46px;vertical-align:middle}
.work_page{position:fixed;top:60px;left:0;right:0;bottom:94px}
.work_wrap{height:100%;padding:0 28px}
.work_area{display:table;table-layout:fixed;width:100%;height:100%;background:linear-gradient(to bottom,rgba(121,179,250,0.5),rgba(132,164,252,0.5),rgba(114,125,251,0.5));border-radius:8px;box-shadow:3px 6px 11px rgba(54,54,54,0.5);border:2px solid #3671b3}
.work_area .work_box{display:table-cell;height:100%;vertical-align:middle}
.work_area .work_box .office_name{width:100%;padding-bottom:40px;text-align:center}
.work_area .work_box .office_name span{display:block;font-size:30px;color:#1a2445;font-weight:900}
.work_area .work_box .tag_img{padding-bottom:40px}
.work_area .work_box .tag_img img{display:block;width:150px;height:150px;margin:0 auto}
.work_area .work_box .tag_info{width:100%;color:#1a2445}
.work_area .work_box .tag_info>span{display:block;padding-bottom:10px}
.work_area .work_box .tag_info .tag_state{font-size:30px;font-weight:bold;text-align:center}
.work_area .work_box .tag_info .tag_time{text-align:center;font-weight:500;font-size:20px}
.work_area .work_box .tag_info .tag_location{margin:0 auto;text-align:center;font-weight:500;font-size:17px}
.work_area .work_box .tag_info .tag_location:before{display:inline-block;width:14px;height:20px;margin:0 5px -2px 0;background:url(../img/img_icon_locate.png) no-repeat;background-size:14px 20px;content:""}
.register_btn{padding:25px 0}
.register_btn:after{display:block;clear:both;content:""}
.register_btn .btn{display:block;width:49%;height:30px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);border-radius:8px;font-size:14px;text-align:center;font-weight:bold;line-height:30px}
.register_btn .btn.save{float:left;background-color:#3d56f5;color:#f5e3f1}
.register_btn .btn.del{float:right;background-color:#808080;color:#fff}

/*신청*/
.container.request_page{height:100vh}
.request_page>.wrap{padding:35px}
.request_page .top_area{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e5e5}
.request_page .top_area>span{position:relative;color:#003a79;font-size:30px}
.request_page .top_area>span>i{position:relative;color:#447cfc;z-index:2000}
.request_page .cnt_area .menu_cnt>li{display:block;position:relative;height:30px;color:#07235e;font-size:20px;font-weight:bold;line-height:30px;letter-spacing:-1px}
.request_page .cnt_area .menu_cnt>li:before{position:absolute;top:50%;right:0;width:13px;height:23px;background:url(../img/arr_next_b.png) center no-repeat;background-size:13px 23px;transform:translateY(-50%);content:""}
.request_page .cnt_area .menu_cnt>li+li{margin-top:34px}
.request_page .cnt_area .menu_cnt>li>a{display:block;color:inherit}
.request_page .btm_cnt{position:fixed;right:35px;bottom:35px;left:35px;padding-top:22px;border-top:1px solid #e5e5e5}
.request_page .btm_cnt .back{width:100%;height:32px;color:#5066f6;font-size:12px;border:1px solid #5066f6;border-radius:4px;box-sizing:border-box}

/*연장근무신청/외근신청*/
.rqs_wrap{padding:20px 20px 100px}
.rqs_area{width:100%}
.rqs_area:after{content:"";display:block;clear:both}
.approver_tit,
.rqs_box_tit{padding-bottom:6px;font-size:14px;color:#243b6b;font-weight:bold}
.approver_tit>i{margin-left:8px;color:#afafaf;font-size:12px;font-weight:normal}
.rqs_area .rqs_approver{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e5e5e5}
.rqs_area .rqs_approver>div:after{display:block;clear:both;content:""}
.rqs_area .rqs_approver>div>ul{float:left;margin-right:12px}
.rqs_area .rqs_approver>div>ul:after{display:block;clear:both;content:""}
.rqs_area .rqs_approver>div>ul>li{float:left;position:relative;height:30px;color:#5066f6;font-size:14px;line-height:30px}
.rqs_area .rqs_approver>div>ul>li+li{margin-left:12px}
.rqs_area .rqs_approver>div>ul>li:before{position:absolute;top:50%;right:-11px;content:">";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.rqs_area .rqs_approver>div>ul>li:last-child:before{color:#6f6f6f}
.rqs_area .rqs_approver>div>ul>li:nth-child(5):before{display:none}
.rqs_area .rqs_approver>div>ul>li>.btn{position:relative;top:2px;width:13px;height:15px;background:url(../img/img_icon_close.png) center no-repeat;background-size:13px 13px}
.rqs_area .rqs_approver>div>.approve{float:left;height:30px;color:#6f6f6f;font-size:14px;text-align:left;line-height:30px;text-decoration:underline}
.rqs_area .rqs_box{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e5e5e5}
.rqs_area .rqs_box .rqs_date_box{width:100%}
.rqs_area .rqs_box .rqs_date_box:after{content:"";display:block;clear:both}
.rqs_area .rqs_box .rqs_date_box .date_box{width:100%}
.rqs_area .rqs_box .rqs_date_box .date_box+.date_box{margin-top:10px}
.rqs_area .rqs_box .rqs_date_box .date_box:after{content:"";display:block;clear:both}
.rqs_area .rqs_box .rqs_date_box .date_box>dt{float:left;width:20%;margin-right:3%;color:#184879;font-size:14px;line-height:30px}
.rqs_area .rqs_box .rqs_date_box .date_box>dd{float:left;width:70%;padding:0 10px;height:30px;color:#afafaf;font-size:14px;line-height:30px;border:1px solid #e5e5e5;border-radius:4px}
.rqs_area .rqs_box .rqs_date_box .date_box>dd>i{margin-right:5px;text-decoration:underline}
.rqs_area .rqs_box .rqs_date_box .date_box>dd>i+i{margin-left:5px}
.rqs_area .rqs_box .rqs_date_box .total_date{margin-top:10px}
.rqs_area .rqs_box .rqs_date_box .total_date:after{display:block;clear:both;content:""}
.rqs_area .rqs_box .rqs_date_box .total_date>dt{float:left;width:20%;margin-right:3%;color:#184879;font-size:14px;line-height:30px}
.rqs_area .rqs_box .rqs_date_box .total_date>dd{float:left;width:70%;height:30px;color:#afafaf;font-size:14px;font-weight:bold;line-height:30px}
.rqs_area .rqs_box .rqs_date_box .date_box>dd.active{color:#5066f6;border:1px solid #5066f6}
.rqs_area .rqs_box .rqs_date_box .total_date>dd.active{color:#206efc;font-weight:bold}

.rqs_area .rqs_text_area>dt{margin-bottom:10px;color:#243b6b;font-size:14px;font-weight:bold}
.rqs_area .rqs_text_area>dd>.rqs_w_box{width:100%;height:100px;padding:10px;border:1px solid #e5e5e5;border-radius:4px;box-sizing:border-box}
.rqs_area .rqs_text_area input::placeholder{color:inherit}
.rqs_wrap .btn_area{bottom:50px;padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}

.btn_area{position:fixed;width:100%;bottom:0;right:0;left:0;padding-bottom:50px;background-color:#fff;padding-bottom:calc(50px + env(safe-area-inset-bottom));padding-bottom:calc(50px + constant(safe-area-inset-bottom))}
.btn_area .rqs_btn{float:left;width:50%;height:44px;border:1px solid #ebebeb;box-sizing:border-box;background-color:#fff;border:1px solid #ebebeb;box-sizing:border-box;font-size:17px;letter-spacing:-1px;font-weight:bold}
.btn_area .rqs_btn+.rqs_btn{border-left:none}
.btn_area>input[type="submit"]{color:#5066f6}
.btn_area>input[type="reset"]{color:#cf455c}

/*출장요청*/
.request_travel .timeset_area .start_date_set{display:none;position:fixed;top:60px;right:0;width:100%;background-color:#fff;z-index:400}
.request_travel .timeset_area .start_date_set .time_select_area .timeset_box .timeset_cnt .day{width:100%}
.request_travel .timeset_area .end_date_set{display:none;position:fixed;top:60px;right:0;width:100%;background-color:#fff;z-index:400}
.request_travel .timeset_area .end_date_set .time_select_area .timeset_box .timeset_cnt .day{width:100%}
.request_travel .timeset_area .start_time_set .time_select_area .timeset_box .timeset_cnt .minute{width:50%}
.request_travel .rqs_box .rqs_list{margin-top:10px;cursor:pointer;font-size:14px;color:#243b6b}
.request_travel .rqs_box .rqs_list:after{display:block;clear:both;content:""}
.request_travel .rqs_box .rqs_list>dt{float:left;width:20%;margin-right:3%;color:#184879;font-size:14px;line-height:30px}
.request_travel .rqs_box .rqs_list>dd{float:left;position:relative;width:70%;padding:0 10px;height:30px;color:#afafaf;font-size:14px;line-height:30px;border:1px solid #e5e5e5;border-radius:4px}
.request_travel .rqs_box .rqs_list>dd:before{position:absolute;top:0;right:10px;font-size:10px;content:"▼"}
.request_travel .rqs_box .rqs_list>dd.active{color:#5066f6;border:1px solid #5066f6}
.request_travel .rqs_box .rqs_list>dd .selected{display:inline-block;width:100%}
.request_travel .rqs_box .rqs_list .list_wrap{display:none;overflow-y:auto;position:absolute;top:31px;left:0;width:100%;max-height:160px;background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;box-sizing:border-box;z-index:2000}
.request_travel .rqs_box .rqs_list>dd.active .list_wrap{color:#afafaf;border:1px solid #e5e5e5}
.request_travel .rqs_box .rqs_list .list_wrap.on{display:block}
.request_travel .rqs_box .rqs_list .list_wrap .list_item{height:30px;padding:0 10px;line-height:30px;cursor:pointer}
.request_travel .rqs_box .rqs_list .list_wrap .list_item:hover{background-color:#979797;color:#fff}

/*휴가요청*/
.request_vacation .timeset_area .start_date_set{display:none;position:fixed;top:60px;right:0;width:100%;background-color:#fff;z-index:400}
.request_vacation .timeset_area .start_date_set .time_select_area .timeset_box .timeset_cnt .day{width:100%}
.request_vacation .timeset_area .end_date_set{display:none;position:fixed;top:60px;right:0;width:100%;background-color:#fff;z-index:400}
.request_vacation .timeset_area .end_date_set .time_select_area .timeset_box .timeset_cnt .day{width:100%}
.request_vacation .timeset_area .start_time_set .time_select_area .timeset_box .timeset_cnt .minute{width:50%}
.request_vacation .rqs_box .rqs_list{margin-top:10px;cursor:pointer;font-size:14px;color:#243b6b}
.request_vacation .rqs_box .rqs_list:after{display:block;clear:both;content:""}
.request_vacation .rqs_box .rqs_list>dt{float:left;width:20%;margin-right:3%;color:#184879;font-size:14px;line-height:30px}
.request_vacation .rqs_box .rqs_list>dd{float:left;position:relative;width:70%;padding:0 10px;height:30px;color:#afafaf;font-size:14px;line-height:30px;border:1px solid #e5e5e5;border-radius:4px}
.request_vacation .rqs_box .rqs_list>dd:before{position:absolute;top:0;right:10px;font-size:10px;content:"▼"}
.request_vacation .rqs_box .rqs_list>dd.active{color:#5066f6;border:1px solid #5066f6}
.request_vacation .rqs_box .rqs_list>dd .selected{display:inline-block;width:100%}
.request_vacation .rqs_box .rqs_list .list_wrap{display:none;overflow-y:auto;position:absolute;top:31px;left:0;width:100%;max-height:160px;background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;box-sizing:border-box;z-index:2000}
.request_vacation .rqs_box .rqs_list>dd.active .list_wrap{color:#afafaf;border:1px solid #e5e5e5}
.request_vacation .rqs_box .rqs_list .list_wrap.on{display:block}
.request_vacation .rqs_box .rqs_list .list_wrap .list_item{height:30px;padding:0 10px;line-height:30px;cursor:pointer}
.request_vacation .rqs_box .rqs_list .list_wrap .list_item:hover{background-color:#979797;color:#fff}

/*휴가요청*/
.request_schedule .timeset_area .start_date_set{display:none;position:fixed;top:60px;right:0;width:100%;background-color:#fff;z-index:400}
.request_schedule .timeset_area .start_date_set .time_select_area .timeset_box .timeset_cnt .day{width:100%}
.request_schedule .timeset_area .end_date_set{display:none;position:fixed;top:60px;right:0;width:100%;background-color:#fff;z-index:400}
.request_schedule .timeset_area .end_date_set .time_select_area .timeset_box .timeset_cnt .day{width:100%}
.request_schedule .timeset_area .start_time_set .time_select_area .timeset_box .timeset_cnt .minute{width:50%}
.request_schedule .rqs_box .rqs_list{margin-top:10px;cursor:pointer;font-size:14px;color:#243b6b}
.request_schedule .rqs_box .rqs_list:after{display:block;clear:both;content:""}
.request_schedule .rqs_box .rqs_list>dt{float:left;width:20%;margin-right:3%;color:#184879;font-size:14px;line-height:30px}
.request_schedule .rqs_box .rqs_list>dd{float:left;position:relative;width:70%;padding:0 10px;height:30px;color:#afafaf;font-size:14px;line-height:30px;border:1px solid #e5e5e5;border-radius:4px}
.request_schedule .rqs_box .rqs_list>dd:before{position:absolute;top:0;right:10px;font-size:10px;content:"▼"}
.request_schedule .rqs_box .rqs_list>dd.active{color:#5066f6;border:1px solid #5066f6}
.request_schedule .rqs_box .rqs_list>dd .selected{display:inline-block;width:100%}
.request_schedule .rqs_box .rqs_list .list_wrap{display:none;overflow-y:auto;position:absolute;top:31px;left:0;width:100%;max-height:160px;background-color:#fff;border:1px solid #e5e5e5;border-radius:4px;box-sizing:border-box;z-index:2000}
.request_schedule .rqs_box .rqs_list>dd.active .list_wrap{color:#afafaf;border:1px solid #e5e5e5}
.request_schedule .rqs_box .rqs_list .list_wrap.on{display:block}
.request_schedule .rqs_box .rqs_list .list_wrap .list_item{height:30px;padding:0 10px;line-height:30px;cursor:pointer}
.request_schedule .rqs_box .rqs_list .list_wrap .list_item:hover{background-color:#979797;color:#fff}

/*결재자 선택*/
.popup.approval_select{display:none}
.header.approval_select{border-bottom:1px solid #979797}
.header.approval_select .btn{position:absolute;top:50%;left:20px;margin-top:-7px}
.header.approval_select .btn.close{display:block;width:15px;height:15px;background:url(../img/img_icon_close2.png) center no-repeat;background-size:15px 15px}
.header.approval_select .tit{display:block;font-size:11px;text-align:center;line-height:60px}
.container.approval_select{padding-top:60px}
.approval_select .wrap{padding:0 0 20px}
.approval_select .search_area{position:fixed;left:0;right:0;height:30px;margin-bottom:0px;padding:20px;background-color:#fff;z-index:1000}
.approval_select .search_area .txt_bx{width:100%;height:100%;padding-left:10px;background-color:#dfdfdf;border:1px solid #dfdfdf;border-radius:4px;box-sizing:border-box}
.approval_select .search_area .txt_bx::placeholder{font-size:11px}
.approval_select .list_area{padding-top:70px}
.approval_select .list_area .head{position:fixed;left:0;right:0;width:100%;background-color:#fff;border-bottom:1px solid #979797;z-index:1000}
.approval_select .list_area .body{padding-top:45px}
.approval_select .list_area table{width:100%;font-size:13px;text-align:center}
.approval_select .list_area table>thead>tr>th{height:44px}
.approval_select .list_area table>tbody>tr{height:50px;color:#404041;border-bottom:1px solid #979797}
.approval_select .list_area table>thead>tr>th,
.approval_select .list_area table>tbody>tr>td{width:23%;table-layout:fixed}
.approval_select .list_area table>thead>tr>th.img{width:15%}
.approval_select .list_area table>tbody>tr>td.img{position:relative;width:15%;height:36px;background:url(../img/img_icon_userprofile.png) center no-repeat;background-size:36px 36px}
.approval_select .list_area table>thead>tr>th.btn,
.approval_select .list_area table>tbody>tr>td.btn{width:15%}
.approval_select .list_area table>tbody>tr>td .select{color:#3d56f5;font-weight:bold}
.approval_select .list_area table>tbody>tr>td>img{overflow:hidden;position:absolute;top:50%;left:50%;display:block;width:36px;height:36px;margin-top:-18px;margin-left:-18px;border-radius:50%}

/*연장근무요청 : 시간*/
.timeset_area .start_time_set{display:none;position:fixed;top:60px;right:0;width:100%;background-color:#fff;z-index:400}
.timeset_area .timebox_area{padding-bottom:20px;width:100%;font-size:22px;text-align:center;line-height:50px}
.timeset_area .timebox_area:after{content:"";clear:both;display:block}
.timeset_area .timebox_area .time_box{float:left;width:50%;height:100px;background-color:rgba(1,11,32,0.8)}
.timeset_area .timebox_area .time_box button{width:100%;height:100%;color:#fff}
.timeset_area .timebox_area .time_box button>span{display:block}
.timeset_area .timebox_area .time_box button .date{font-size:22px}
.timeset_area .timebox_area .time_box button .time{font-size:24px}
.timeset_area .timebox_area .time_box button.box_select{background-color:rgba(255,255,255,1);color:#3b4f7a}
.timeset_area .apply_time_set{display:none;position:fixed;top:60px;right:0;width:100%;background-color:#fff;z-index:400}

/*연장근무요청 : Wslot플러그인*/
.timeset_area .time_select_area{height:100%}
.timeset_area .time_select_area .timeset_box .timeset_cnt{overflow:hidden;width:100%;height:290px;margin:0 auto 30px;background-color:#fff}
.timeset_area .time_select_area .timeset_box .timeset_cnt:after{content:"";clear:both;display:block}
.timeset_area .time_select_area .timeset_box .timeset_cnt .time_item{display:block;float:left;height:100%;text-align:center}
.timeset_area .start_time_set .time_select_area .timeset_box .timeset_cnt .day{width:50%}
.timeset_area .start_time_set .time_select_area .timeset_box .timeset_cnt .hour{width:25%}
.timeset_area .start_time_set .time_select_area .timeset_box .timeset_cnt .ten_minute{width:25%}
.timeset_area .apply_time_set .time_select_area .timeset_box .timeset_cnt .hour{width:50%}
.timeset_area .apply_time_set .time_select_area .timeset_box .timeset_cnt .minute{width:50%}
/*플러그인 css*/
.timeset_area .time_select_area .timeset_box .timeset_cnt .time_item .wslot-item{font-size:16px;line-height:50px;border-bottom:1px solid #f2f2f2}
.timeset_area .time_select_area .timeset_box .timeset_cnt .time_item .wslot-item-selected{font-size:20px;color:#a5046a}
.timeset_area .time_select_area .ot_time{height:30px;padding:0 40px;color:#243b6b;font-size:14px;text-align:right;line-height:30px;font-weight:bold;border-top:1px solid #ebebeb}
.timeset_area .time_select_area .ot_time>i>i.time{padding-left:15px}
.timeset_area .time_select_area .total_date{height:60px;padding:0 40px;text-align:right;line-height:60px;border-top:1px solid #ddd}
.timeset_area .time_select_area .total_date>i{font-size:18px;color:#243b6b}
.timeset_area .time_select_area .total_date>i>i.time{padding:0 15px;font-size:21px;color:#3d56f5;font-weight:bold}
.timeset_area .time_select_area .timeset_btn{position:initial}

/*요청페이지 플러그인*/
.request_travel .timeset_area .time_select_area .timeset_box .timeset_cnt .hour,
.request_vacation .timeset_area .time_select_area .timeset_box .timeset_cnt .hour{width:50%}
.request_overtime .timeset_area .time_select_area .total_date{height:40px;line-height:40px;border-top:none}

/*[공통/마이인포] 메뉴클릭시*/
.header.menutab_page{height:50px}
.header.menutab_page .back_btn{position:absolute;top:50%;left:26px;transform:translateY(-50%)}
.header.menutab_page .back_btn img{display:block;width:18px;height:15px}
.header.menutab_page .title{display:block;height:50px;font-size:12px;color:#212121;font-weight:900;text-align:center;line-height:50px}
.header.menutab_page .top_title{height:40px;background-color:#5f647e;padding:0 30px;font-size:13px;line-height:40px;color:#fff;font-weight:500}

/*마이인포 페이지*/
.info_wrap{position:relative;padding:60px 20px 0}
.info_area{margin-bottom:51px}
.info_area .prf_area{width:100%;margin:28px auto;text-align:center}
.info_area .prf_area .prf_img{width:74px;height:74px;margin:0 auto;background:url(../img/img_icon_userprofile.png) center no-repeat;background-size:74px 74px}
.info_area .prf_area .prf_img img{display:block;width:100%;height:100%}
.info_area .info_box{padding-bottom:51px}
.info_area .info_box:after{display:block;clear:both;content:""}
.info_area .info_box .info_list{position:relative;display:block;float:left;width:100%;padding:16px 14px;font-size:14px;color:#4a4a4a;box-sizing:border-box}
.info_area .info_box .info_list:before{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:rgba(151,151,151,0.17);content:""}
.info_area .info_box .info_list:after{display:block;clear:both;content:""}
.info_area .info_box .info_list dt{float:left;padding-right:10px}
.info_area .info_box .info_list dd{display:block;float:left;padding-right:10px}

/*연장요청리스트*/
.header.menutab_page .top_title:after{display:block;clear:both;content:""}
.header.menutab_page .top_title>span{float:left}
.header.menutab_page .top_title .data{margin-left:10px}
.container.list_page{top:0}
.container.menutab_page .rqs_list_area{height:100%;padding-top:90px;background-color:#fff}
.container.menutab_page .rqs_list_area .inner{position:relative;background-color:#fff}
.container.menutab_page .rqs_list_area .table_wrap{overflow-y:auto;width:800px;margin-bottom:46px;padding:0 20px}
.container.menutab_page .rqs_list_area .table_wrap .table_cnt.head{position:fixed;width:800px}
.container.menutab_page .rqs_list_area .table_wrap .table_cnt.body{margin-top:44px;margin-bottom:50px}
.container.menutab_page .rqs_list_area .table_wrap table{width:100%;text-align:center}
.container.menutab_page .rqs_list_area .table_wrap table caption{width:0;left:0;font-size:0;text-indent:-9999px}
.container.menutab_page .rqs_list_area .table_wrap table thead{font-size:13px;color:#615375;font-weight:bold;background-color:#fff}
.container.menutab_page .rqs_list_area .table_wrap table thead tr{height:40px;line-height:40px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;box-sizing:border-box}
.container.menutab_page .rqs_list_area .table_wrap table thead tr .select_num{margin-left:10px}
.container.menutab_page .rqs_list_area .table_wrap table tbody{width:500px;font-size:12px;color:#4a4a4a}
.container.menutab_page .rqs_list_area .table_wrap table tbody tr{height:40px;border-bottom:1px solid #979797}
.container.menutab_page .rqs_btn_area{position:fixed;bottom:0;right:0;left:0;width:100%;z-index:100;background-color:#fff;padding-bottom:env(safe-area-inset-bottom);padding-bottom:constant(safe-area-inset-bottom)}
.container.menutab_page .rqs_btn_area .rqs_btn{float:left;width:50%;height:44px;border:1px solid #ebebeb;box-sizing:border-box;background-color:#fff;border:1px solid #ebebeb;box-sizing:border-box;font-size:17px;letter-spacing:-1px;font-weight:bold}
.container.menutab_page .rqs_btn_area .appr_btn+.refuse_bnt{border-left:none}
.container.menutab_page .rqs_btn_area .appr_btn{color:#5066f6}
.container.menutab_page .rqs_btn_area .refuse_bnt{color:#cf455c}

/*알림리스트*/
.nofify_tb{position:absolute;top:50px;left:0;right:0;bottom:0;width:100%;padding:0 10px;background-color:#fff}
.nofify_tb tbody tr td{padding:5px 0;text-align:center;font-size:13px;color:#8c8181;border-bottom:1px solid rgba(151,151,151,0.17)}
.nofify_tb tbody tr .img_cnt{position:relative;width:25%;height:40px;padding:10px 0;background:url(../img/img_icon_userprofile.png) center no-repeat;background-size:40px 40px;text-align:center}
.nofify_tb tbody tr .img_cnt img{width:40px;height:40px}
.nofify_tb tbody tr .nt_cnt{width:55%;color:#404041;text-align:left}
.nofify_tb tbody tr .time_cnt{width:20%}
.me_icon:before{position:absolute;top:10px;left:50%;width:15px;height:15px;background-color:
#4a4a4a;border:2px solid #fff;border-radius:50%;transform:translateX(50%);color:#fff;content:"M";font-size:12px;z-index:98}

/*알림리스트*/
.alarm_list{padding-top:50px}
.alarm_list .tit_area{position:fixed;width:100%;background-color:#5f647e;z-index:160}
.alarm_list .tit_area>div{padding:10px 20px}
.alarm_list .tit_area>div:after{display:block;clear:both;content:""}
.alarm_list .tit_area>div .slt_bx{float:left;width:100px;height:25px;border:none;border-radius:3px;box-sizing:border-box}
.alarm_list .tit_area>div .del{float:right;width:50px;height:25px;color:#fff;font-size:11px;text-decoration:underline}
.alarm_list .list_area{padding-top:45px}
.alarm_list .list_area>.tab_cnt{padding:0 20px}
.alarm_list .list_area .tab_cnt table{width:100%;font-size:12px;table-layout:fixed;text-align:center}
.alarm_list .list_area .tab_cnt table>tbody>tr{height:55px;color:#414141;border-bottom:1px solid #e8eff0;cursor:pointer}
.alarm_list .list_area .tab_cnt table>tbody>tr.read{color:#c8c8c8}
.alarm_list .list_area .tab_cnt table>tbody>tr>td>span{display:block}
.alarm_list .list_area .tab_cnt table>tbody>tr>td>span.f{font-weight:bold}
.alarm_list .list_area .tab_cnt table>tbody>tr>td>span>i+i{margin-left:5px}
.alarm_list .list_area .tab_cnt table>tbody>tr>td>span>i.f_u{position:relative;margin-left:0;margin-right:11px}
.alarm_list .list_area .tab_cnt table>tbody>tr>td>span>i.f_u:before{position:absolute;top:0;right:-10px;content:"-"}
.alarm_list .list_area .tab_cnt table>tbody>tr>td>span>i.f_n{position:relative;margin:0 11px 0 16px}
.alarm_list .list_area .tab_cnt table>tbody>tr>td>span>i.f_n:before{position:absolute;top:0;left:-11px;content:"/"}
.alarm_list .list_area .tab_cnt table>tbody>tr>td>span>i.f_n:after{position:absolute;top:0;right:-9px;content:"-"}
.alarm_list .list_area .tab_cnt table>tbody>tr>td>i{display:block}
.alarm_list .list_area .tab_cnt table>tbody>tr>td.info{width:70%;text-align:left}
.alarm_list .list_area .tab_cnt table>tbody>tr>td.del{width:10%}
.alarm_list .list_area .tab_cnt table>tbody>tr>td.del .btn{width:17px;height:15px;background:url(../img/ico_close4.png) center no-repeat;background-size:17px 15px}
.alarm_list .list_area .tab_notice{display:none}
.alarm_list .list_area .tab_notice table>tbody>tr .pop .btn{height:21px;padding:0 10px;background-color:#f2f0f0;;color:#414141;font-size:12px;border-radius:3px}
.alarm_list .pop_notice{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;z-index:350}
.alarm_list .pop_notice>.pop_wrap{padding:5px}
.alarm_list .pop_notice .cnt{display:table;width:100%;height:calc(100vh - 62px)}
.alarm_list .pop_notice .cnt .item{display:table-cell;vertical-align:middle}
.alarm_list .pop_notice .cnt .item>span{overflow:auto;display:block;width:100%;max-height:80vh;margin:0 auto;text-align:center}
.alarm_list .pop_notice .cnt .item>img{display:block;width:90%;margin:0 auto}
.alarm_list .pop_notice .btm{position:fixed;bottom:0;left:0;width:100%;height:50px;background-color:#fff;color:#3d56f5;font-size:15px;font-weight:bold;border-top:1px solid #dfdfdf}
.alarm_list .pop_notice .btm .close{width:100%;height:100%;color:#3d56f5;font-size:15px;font-weight:bold}
.alarm_list .pop_all_delite{display:none;position:absolute;top:50%;left:50%;width:196px;background-color:#fff;border-radius:4px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:200}
.alarm_list .pop_all_delite>.pop_wrap{padding:15px}
.alarm_list .pop_all_delite .txt{margin-bottom:12px;padding-bottom:12px;color:#1a2445;font-size:13px;text-align:center;border-bottom:1px solid #e9e4e4}
.alarm_list .pop_all_delite .txt>i{color:#cf455c}
.alarm_list .pop_all_delite .btn_wrap:after{display:block;clear:both;content:""}
.alarm_list .pop_all_delite .btn_wrap .cancel{position:static;float:left;top:0;right:0;width:50%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.alarm_list .pop_all_delite .btn_wrap .del{float:left;width:50%;color:#cf455c;font-weight:bold}

/*설정*/
.setting{font-size:13px}
.setting .edit_btn{display:none;position:absolute;top:50%;right:25px;width:30px;height:20px;color:#ea41a4;font-weight:bold;background-color:#fff;transform:translateY(-50%)}
.setting .save_btn{display:block}
.setting .container{padding-top:50px}
.setting .cnt_tab{color:#404041}
.setting .cnt_tab .top_title{display:block;height:40px;padding:0 20px;background-color:#5f647e;color:#fff;line-height:40px}
.setting .cnt_tab>div>dl{padding:10px 20px;border-bottom:1px solid #a9b1b2}
.setting .cnt_tab>div>dl>dt{width:100%;margin-bottom:15px}
.setting .cnt_tab>div>dl>dd:after{display:block;clear:both;content:""}
.setting .cnt_tab>div>dl>dd>span{float:left}
.setting .cnt_tab>div>dl>dd .btn{float:right}
.setting .cnt_tab>div>dl>dd .btn.on{width:39px;height:27px;background:url(../img/img_icon_on.png) center no-repeat;background-size:39px 27px}
.setting .cnt_tab>div>dl>dd .btn.off{width:39px;height:27px;background:url(../img/img_icon_off.png) center no-repeat;background-size:39px 27px}
.setting .setting_area .set_btn{position:relative;padding:10px 20px;border-bottom:1px solid rgba(151,151,151,0.5)}
.setting .setting_area .set_btn:after{display:block;clear:both;content:""}
.setting .setting_area .set_btn>span{display:block;float:left}
.setting .setting_area .set_btn .on_btn{float:right;width:39px;height:27px;background:url(../img/img_icon_on.png) center no-repeat;background-size:39px 27px}
.setting .setting_area .set_btn .off_btn{float:right;width:39px;height:27px;background:url(../img/img_icon_off.png) center no-repeat;background-size:39px 27px}
.setting .setting_area .phone .phone_box{margin-bottom:10px}
.setting .setting_area .phone .edt_btn{float:right;width:39px;color:#007bff;font-size:12px;font-weight:bold;text-align:center}
.setting .setting_area .phone .close_btn{position:absolute;bottom:18px;right:32px;width:18px;height:18px;background:url(../img/img_icon_close.png) center no-repeat;background-size:18px 18px;content:""}
.setting .setting_area .phone>div{float:left;width:100%}
.setting .setting_area .phone>div>input[name="phone_num"]{width:210px;height:34px;border:none;font-size:12px}
.setting .setting_area .location_based .txt{margin-top:5px;color:#979797;font-size:10px}
.setting .setting_area .location_based .location_btn{position:relative;margin-top:5px;color:#f53858;font-size:10px}
.setting .setting_area .location_based .location_btn:before{position:absolute;top:4px;right:-10px;width:6px;height:8px;background:url(../img/arr_next_02.png) center no-repeat;background-size:6px 8px;content:""}
.setting .list_area>div>dl>dt{font-weight:bold}
.setting .language_area .lang_cnt{padding:10px 20px}
.setting .language_area .lang_cnt:after{display:block;clear:both;content:""}
.setting .language_area .lang_cnt>span{float:left;margin-bottom:0}
.setting .language_area .lang_cnt>div{float:right;width:39px;text-align:center}
.setting .language_area .lang_cnt>div>.lang_btn{width:25px;height:25px;background:url(../img/arr_next_b.png) center no-repeat;background-size:13px 23px}
.setting .lang_set_page{display:none;padding-top:50px}
.setting .lang_set_page .cnt_tab>div>dl:after{display:block;clear:both;content:""}
.setting .lang_set_page .cnt_tab>div>dl>dt{float:left;width:auto;margin-bottom:0}
.setting .lang_set_page .cnt_tab>div>dl>dd{float:right}
.setting .lang_set_page .cnt_tab>div>dl>dd .lang_check{display:none;width:16px;height:16px;background:url(../img/i_check.png) center no-repeat;background-size:16px 16px}
.setting .lang_set_page .cnt_tab>div>dl>dd .lang_check.on{display:block}

/*알림설정*/
.alarm_setting{padding-top:50px}
.alarm_setting .tit_area{height:33px;background-color:#5f647e;text-align:right;line-height:33px}
.alarm_setting .tit_area>div{padding:0 20px}
.alarm_setting .tit_area .all{color:#fff;font-size:11px;text-decoration:underline}
.alarm_setting .list_area>div{padding:0 20px}
.alarm_setting .list_area>div>dl{padding:10px 0;color:#538996;font-size:13px;border-bottom:1px solid #a9b1b2}
.alarm_setting .list_area>div>dl>dt{width:100%;margin-bottom:15px;font-weight:bold}
.alarm_setting .list_area>div>dl>dd{margin-bottom:10px}
.alarm_setting .list_area>div>dl>dd:after{display:block;clear:both;content:""}
.alarm_setting .list_area>div>dl>dd>span{float:left}
.alarm_setting .list_area>div>dl>dd .btn{float:right}
.alarm_setting .list_area>div>dl>dd .btn.on{width:39px;height:27px;background:url(../img/img_icon_on.png) center no-repeat;background-size:39px 27px}
.alarm_setting .list_area>div>dl>dd .btn.off{width:39px;height:27px;background:url(../img/img_icon_off.png) center no-repeat;background-size:39px 27px}
.alarm_setting .pop_all_on{display:none;position:absolute;top:50%;left:50%;width:196px;background-color:#fff;border-radius:4px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:200}
.alarm_setting .pop_all_on>.pop_wrap{padding:15px}
.alarm_setting .pop_all_on .txt{margin-bottom:12px;padding-bottom:12px;color:#1a2445;font-size:13px;text-align:center;border-bottom:1px solid #e9e4e4}
.alarm_setting .pop_all_on .txt>i{color:#3d56f5}
.alarm_setting .pop_all_on .btn_wrap:after{display:block;clear:both;content:""}
.alarm_setting .pop_all_on .btn_wrap .cancel{position:static;float:left;top:0;right:0;width:50%;transform:translateY(0)}
.alarm_setting .pop_all_on .btn_wrap .save{float:left;width:50%;color:#3d56f5;font-weight:bold}

/*방문업체위치 등록*/
.visit_wrap{height:100%;padding:70px 25px 10px}
.visit_wrap .visit_area .visit_top{position:relative;background-color:#fff;z-index:1}
.visit_wrap .visit_area .visit_top h2{font-size:22px;color:#212121;font-weight:bold}
.visit_wrap .visit_area .visit_top .btn_new{position:absolute;display:block;top:0;right:0;padding:4px 10px;background-color:#3d56f5;border-radius:4px}
.visit_wrap .visit_area .visit_top .btn_new span{display:block;font-size:13px;color:#fff}
.visit_wrap .visit_area .visit_top .map_area{margin:10px 0 13px}
.visit_wrap .visit_area .visit_top .map_area .map_box{width:100%;height:177px;background-color:#8fa3ad}
.visit_wrap .visit_area .visit_top .visit_date{margin-bottom:7px;padding:0 0 13px 14px;border-bottom:1px solid #e0e0e0}
.visit_wrap .visit_area .visit_top .visit_date:after{display:block;clear:both;content:""}
.visit_wrap .visit_area .visit_top .visit_date .today_btn{float:left;height:30px;padding:3px 8px;background-color:#fff;border:2px solid #a2abbf;border-radius:4px}
.visit_wrap .visit_area .visit_top .visit_date .today_btn:after{display:block;clear:both;content:""}
.visit_wrap .visit_area .visit_top .visit_date .today_btn .icon_cld{float:left;width:17px;height:19px;margin-right:8px;background:url(../img/img_icon_cld.png) center no-repeat;background-size:17px 19px}
.visit_wrap .visit_area .visit_top .visit_date .today_btn .date_num{float:left;font-size:14px;color:#7b7b7b;line-height:21px}
.visit_wrap .visit_area .visit_top .visit_date .visit_num{display:block;float:left;margin-left:15px;font-size:14px;color:#7b7b7b;line-height:30px}
.visit_wrap .visit_area .cld_area{display:none;position:absolute;top:50%;left:50%;width:85%;transform:translate(-50%,-50%);background-color:#fbfbfb;z-index:170}
.visit_wrap .visit_area .visit_cnt{padding:0 2px}
.visit_wrap .visit_area .visit_cnt .company_list_area .co_list{position:relative;margin-bottom:12px}
.visit_wrap .visit_area .visit_cnt .company_list_area .co_list:after{content:"";clear:both;display:block}
.visit_wrap .visit_area .visit_cnt .company_list_area .co_list .list_num{position:relative;float:left;width:15px;height:15px;margin:4px 5px 4px 0;background-color:#181f4d;color:#fff;font-size:10px;line-height:16px;text-align:center}
.visit_wrap .visit_area .visit_cnt .company_list_area .co_list .list_num>i{font-style:normal}
.visit_wrap .visit_area .visit_cnt .company_list_area .co_list .co_address{float:left;width:90%;margin-bottom:3px}
.visit_wrap .visit_area .visit_cnt .company_list_area .co_list .co_address .address{font-size:16px;color:#4f515b;letter-spacing:-0.15px;text-align:left}
.visit_wrap .visit_area .visit_cnt .company_list_area .co_list .edit_box{display:none;width:80%;margin:0 auto;padding:0 10px 5px;background-color:#eaecf4;text-align:center}
.visit_wrap .visit_area .visit_cnt .company_list_area .co_list .edit_box .add_date{display:block;padding:10px;font-size:13px;color:#9b9eb1;letter-spacing:-1px}
.visit_wrap .visit_area .visit_cnt .company_list_area .co_list .edit_box .edit_click_btn{display:block;height:19px;border:1px solid #4285f4;border-radius:4px;background-color:#fff;font-weight:500;font-size:10px;color:#4285f4;line-height:21px}
.visit_wrap .visit_area .visit_cnt .company_list_area .co_list .list_num.last_num{border-radius:50%}
.visit_wrap .visit_area .visit_cnt .company_list_area .co_list .edit_box.edit_select{display:table}
.visit_wrap .visit_area .visit_cnt .company_list_area .co_list .line_long{position:absolute;top:25px;left:7px;width:1px;height:96px;background-color:#9b9eb1}
.visit_wrap .visit_area .visit_cnt .company_list_area .co_list .line_short{position:absolute;top:25px;left:7px;width:1px;height:10px;background-color:#9b9eb1}
/*modifier - 일정등록 GoogleMaps*/
.visit_wrap .visit_area .visit_office_in{margin-bottom:7px;padding:0 0 13px 0;border-bottom:1px solid #e0e0e0}
.visit_wrap .visit_area .visit_office_in a{position:relative;display:block;top:0;right:0;padding:14px 10px;background-color:#3d56f5;border-radius:4px} .visit_wrap .visit_area .visit_office_in a span{display:block;font-size:13px;color:#fff}

/*방문업체위치 신규등록 및 수정*/
.v_back{display:block;position:absolute;top:50%;left:28px;transform:translateY(-50%)}
.v_back img{display:inline-block;width:18px;height:15px;vertical-align:middle}
.v_edit{display:block;position:absolute;top:50%;right:28px;transform:translateY(-50%)}
.v_edit img{display:inline-block;width:32px;height:20px;vertical-align:middle}
.v_cancel{display:none;position:absolute;top:50%;right:28px;transform:translateY(-50%)}
.v_cancel img{display:inline-block;width:46px;vertical-align:middle}
.v_save{display:none;position:absolute;top:50%;right:28px;transform:translateY(-50%)}
.v_save img{display:inline-block;width:32px;height:20px;vertical-align:middle}
.visit_wrap .visit_area .visit_top .img_area{border-bottom:1px solid #e0e0e0}
.visit_wrap .visit_area .visit_top .img_area .img_box{position:relative;width:100%;height:177px;margin:13px 0;background-color:#fff;border:1px solid #e6e8f0;box-sizing:border-box}
.visit_wrap .visit_area .visit_top .img_area .img_box:before{position:absolute;width:81px;height:80px;top:50%;left:50%;background:url(../img/img_icon_imgarea.png) center no-repeat;background-size:81px 80px;transform:translate(-50%, -50%);content:""}
.visit_wrap .visit_area .visit_top .img_area .img_box .company_img img{position:absolute;top:50%;left:50%;max-width:100%;height:100%;transform:translate(-50%,-50%);object-fit:contain}
.visit_wrap .visit_area .visit_info_cnt .co_info_area{background-color:#fff}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item dl{position:relative;padding:8px 0 8px 40px;border-bottom:1px solid #e6e8f0}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item dl:before{position:absolute;top:20px;left:10px;content:""}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item .order:before{width:21px;height:13px;background:url(../img/img_icon_num.png) center no-repeat;background-size:21px 13px}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item .office_name:before{width:18px;height:16px;background:url(../img/img_icon_office.png) center no-repeat;background-size:18px 16px}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item .c_position:before{width:14px;height:18px;background:url(../img/img_icon_location.png) center no-repeat;background-size:14px 18px}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item .b_type:before{width:17px;height:19px;background:url(../img/img_icon_cld.png) center no-repeat;background-size:17px 19px}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item .r_date:before{width:17px;height:19px;background:url(../img/img_icon_location.png) center no-repeat;background-size:17px 19px}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item .name_card:before{width:18px;height:15px;background:url(../img/img_icon_ncard.png) center no-repeat;background-size:18px 15px}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item dl dt,
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item dl dt a{width:100%;padding-bottom:4px;font-size:12px;font-weight:bold;color:#8d91a2}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item .c_position dt a{display:block;width:50px;padding:5px;color:#4285f4;text-align:center;border:1px solid #4285f4;border-radius:6px}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item dl dd{width:100%;font-size:16px;font-weight:bold;color:#42436a}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item dl dd .fixed_address{margin:5px 0;padding-right:8px}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item dl dd input[type="text"]{width:95%;padding:3px 0;border:none;font-size:16px;font-weight:bold;color:#42436a}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item .name_card .camera_area{position:relative;display:block;width:100%;height:160px;background-color:#fff;border:1px solid #979797;border-radius:3px;box-sizing:border-box}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item .name_card .camera_area:before{position:absolute;width:20px;height:20px;top:50%;left:50%;background:url(../img/img_icon_plus.png) center no-repeat;background-size:20px 20px;transform:translate(-50%, -50%);content:""}
.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item .name_card .camera_area .namecard_img img{position:absolute;top:50%;left:50%;max-width:100%;height:100%;transform:translate(-50%,-50%);object-fit:contain}
.visit_wrap .dimmed{display:none;position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:120}
.loading_page{position:absolute;top:50%;left:50%;width:88px;height:88px;border-radius:100%;transform:translate(-50%,-50%)}
.loading_page .loading_img{position:relative;width:88px;height:88px;animation:rotate-loading 1.5s linear 0s infinite normal;transform-origin:50% 50%;transition:all 0.5s ease-in-out}
.loading_page .loading_img img{width:100%;height:100%;}

/*영업직 홈*/
.calendar_area{display:block;padding-top:60px}
.calendar_area .calendar .cld_add{position:relative}
.calendar_area .calendar .cld_add .add_btn{position:absolute;top:22px;right:0;width:68px;height:25px;margin-right:20px;background-color:#3d56f5;border-radius:4px;color:#fff;line-height:25px}
.calendar_area .calendar .cld_cnt{border-bottom:1px solid rgba(182,184,189,0.5)}
.calendar_area .cld_list{padding:20px}
.calendar_area .cld_list .cld_wrap .s_tit{margin-bottom:20px;color:#8c96ab;font-size:15px;font-weight:bold}
.calendar_area .cld_list .cld_wrap .list_bx .list_item{position:relative;border-bottom:1px solid rgba(182,184,189,0.5)}
.calendar_area .cld_list .cld_wrap .list_bx .list_item .list_d:after{display:block;clear:both;content:""}
.calendar_area .cld_list .cld_wrap .list_bx .list_item .list_d .num{float:left;padding:6px}
.calendar_area .cld_list .cld_wrap .list_bx .list_item .list_d .num span{display:inline-block;width:14px;height:14px;background-color:#181f4d;text-align:center;font-size:10px;color:#fff;line-height:14px}
.calendar_area .cld_list .cld_wrap .list_bx .list_item .list_d .item_cnt{float:left;width:74%;padding:6px 0;font-size:15px;color:#a2abbf;letter-spacing:-1px;font-weight:500}
.calendar_area .cld_list .cld_wrap .list_bx .list_item .list_d .time{float:right;width:10%;padding:10px 0;color:#a2abbf;font-size:10px;letter-spacing:-1px;text-align:center}
.calendar_area .cld_list .cld_wrap .list_bx .list_item .edit_box{display:none;margin:0 auto;padding:5px 10px;background-color:#eaecf4;font-size:13px;text-align:center;letter-spacing:-1px}
.calendar_area .cld_list .cld_wrap .list_bx .list_item .edit_box:after{display:block;clear:both;content:""}
.calendar_area .cld_list .cld_wrap .list_bx .list_item .edit_box .title_data,
.calendar_area .cld_list .cld_wrap .list_bx .list_item .edit_box .add_date{display:block;color:#9b9eb1}
.calendar_area .cld_list .cld_wrap .list_bx .list_item .edit_box .dt_btn{display:block;height:20px;border:1px solid #4285f4;border-radius:4px;background-color:#fff;font-weight:500;font-size:10px;box-sizing:border-box}
.calendar_area .cld_list .cld_wrap .list_bx .list_item .edit_box .dt_btn .detail_btn{width:100%;height:100%;font-size:10px;color:#4285f4;line-height:20px}
.calendar_area .cld_list .cld_wrap .list_bx .list_item .list_num.last_num{border-radius:50%;box-sizing:border-box}
.calendar_area .cld_list .cld_wrap .list_bx .list_item .edit_box.edit_select{display:block;margin-bottom:12px}
.sales_area{display:none;position:absolute;top:0;right:0;left:0;padding-top:60px;background-color:#fff;z-index:200}
.sales_area .schedule_wrap{padding:20px}
.sales_area .schedule_wrap .t_tit{height:27px;padding-bottom:20px;color:#212121;font-size:22px;font-weight:bold}
.sales_area .schedule_wrap .add_cnt .add_item .item_li{margin-bottom:20px}
.sales_area .schedule_wrap .add_cnt .add_item .item_li .name{margin-bottom:6px;font-size:14px;color:#243b6b}
.sales_area .schedule_wrap .add_cnt .add_item .item_li .write_bx .cnt_time{padding:0 10px;border:2px solid rgba(36,59,107,0.3);box-sizing:border-box;border-radius:4px}
.sales_area .schedule_wrap .add_cnt .add_item .item_li .write_bx .cnt_time{width:100%}
.sales_area .schedule_wrap .add_cnt .add_item .item_li .write_bx .cnt_time:after{content:"";display:block;clear:both}
.sales_area .schedule_wrap .add_cnt .add_item .item_li .write_bx .cnt_time .date_box{float:left;padding:16px 0 10px;width:50%;text-align:right}
.sales_area .schedule_wrap .add_cnt .add_item .item_li .write_bx .cnt_time .date_box:after{content:"";display:block;clear:both}
.sales_area .schedule_wrap .add_cnt .add_item .item_li .write_bx .cnt_time .date_box button.date{float:left;width:100%;text-align:right}
.sales_area .schedule_wrap .add_cnt .add_item .item_li .write_bx .cnt_time .date_box .date>i{font-style:normal}
.sales_area .schedule_wrap .add_cnt .add_item .item_li .write_bx .cnt_time .date_box .date>i:nth-of-type(1){padding-right:40px;font-size:15px;color:#222736}
.sales_area .schedule_wrap .add_cnt .add_item .item_li .write_bx .cnt_time .date_box .date>i:nth-of-type(2){font-size:24px;font-weight:bold;color:#222736}
.sales_area .schedule_wrap .add_cnt .add_item .item_li .write_bx .cnt_time .date_box .fix_w{color:#243b6b;font-size:18px;font-weight:bold}
.sales_area .schedule_wrap .add_cnt .add_item .item_li .write_bx .rg_data{display:none;width:100%;padding:6px;border:2px solid rgba(36,59,107,0.3);box-sizing:border-box;border-radius:4px;font-size:14px;color:#243b6b}
.sales_area .schedule_wrap .add_cnt .add_item .item_li .write_bx .txt_edit{display:block;width:100%;padding:6px;border:2px solid rgba(36,59,107,0.3);box-sizing:border-box;border-radius:4px;font-size:14px;color:#243b6b}
.sales_area .schedule_wrap .btn_box{display:none;padding-top:20px}
.sales_area .schedule_wrap .btn_1 .save{width:100%;height:36px;background-color:#3d56f5;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);border-radius:8px;line-height:36px}
.sales_area .schedule_wrap .btn_1 .save span{font-size:17px;color:#fff;text-align:center}
.sales_area .schedule_wrap .btn_2:after{display:block;clear:both;content:""}
.sales_area .schedule_wrap .btn_2 .btn{width:49%;height:36px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);border-radius:8px;line-height:36px;color:#fff;font-size:17px;}
.sales_area .schedule_wrap .btn_2 .save{float:left;background-color:#3d56f5}
.sales_area .schedule_wrap .btn_2 .del{float:right;background-color:#808080}
.sales_area .schedule_wrap .timeset_area{display:none;position:fixed;top:50%;right:0;left:0;width:100%;background-color:#fff;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);z-index:400}
.sales_area .schedule_wrap .timeset_area .time_select_area .timeset_cnt:after{display:block;clear:both;content:""}
.sales_area .schedule_wrap .timeset_area .time_select_area .timeset_cnt{height:130px}
.sales_area .schedule_wrap .timeset_area .time_select_area .timeset_cnt .day{float:left;width:50%;height:50px;text-align:center;line-height:50px}
.sales_area .schedule_wrap .timeset_area .time_select_area .timeset_cnt .hour,
.sales_area .schedule_wrap .timeset_area .time_select_area .timeset_cnt .minute{float:left;width:25%;height:50px;text-align:center;line-height:50px}
.sales_area .schedule_wrap .timeset_area .time_select_area .timeset_cnt .wslot-item-selected{color:#a5046a}

/*사무직, 현장직 홈*/
.office_cnt .schedule_area{display:block;padding-top:60px}
.office_cnt .schedule_area .schedule_wrap{position:relative;padding:20px 20px 0}
.office_cnt .schedule_area .schedule_wrap .top_area{height:22px;margin-bottom:10px;line-height:22px}
.office_cnt .schedule_area .schedule_wrap .top_area:after{display:block;clear:both;content::""}
.office_cnt .schedule_area .schedule_wrap .top_area .title{float:left;font-size:22px;color:#212121;font-weight:bold}
.office_cnt .schedule_area .schedule_wrap .top_area .work_btn{float:right;width:80px;height:22px;line-height:22px;text-align:center;background-color:#626262;border-radius:4px;box-sizing:border-box}
.office_cnt .schedule_area .schedule_wrap .top_area .work_btn .list_btn{display:block;width:100%;height:100%;font-size:11px;color:#fff;font-weight:bold}
.office_cnt .schedule_area .schedule_wrap .time_area{padding-top:0;padding-bottom:14px}
.office_cnt .schedule_area .schedule_wrap .time_area .time_bx{width:100%;height:98px;border-radius:4px;box-sizing:border-box;border:1px solid #5b5b5b;text-align:center;line-height:98px}
.office_cnt .schedule_area .schedule_wrap .time_area .time_bx .time{font-size:60px;color:#626262;font-weight:bold}
.office_cnt .schedule_area .schedule_wrap .map_area{position:fixed;top:224px;right:0;left:0;bottom:142px;padding:0 20px}
.office_cnt .schedule_area .schedule_wrap .map_area .map{height:100%;background-color:#e0e0e0}
.office_cnt .schedule_area .schedule_wrap .btn_area{width:auto;padding:20px;bottom:50px;padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-bottom:calc(20px + constant(safe-area-inset-bottom))}
.office_cnt .schedule_area .schedule_wrap .btn_area .btn_wrap:after{display:block;clear:both;content:""}
.office_cnt .schedule_area .schedule_wrap .btn_area .btn_wrap>li{float:left;width:49%;height:52px;font-size:16px;text-align:center}
.office_cnt .schedule_area .schedule_wrap .btn_area .btn_wrap>li+li{margin-left:2%}
.office_cnt .schedule_area .schedule_wrap .btn_area .btn_wrap>li .btn{width:100%;height:100%;font-size:18px;border-radius:4px}
.office_cnt .schedule_area .schedule_wrap .btn_area .btn_wrap .btn.work{color:#fff;background-color:#5066f6}
.office_cnt .schedule_area .schedule_wrap .btn_area .btn_wrap .btn.workoff{color:#fff;background-color:#626262}

/*주소록*/
.address_cnt{display:block}
.detail_cnt{display:none}
.addr_wrap{height:100%;padding:70px 0 50px;padding-bottom:calc(50px + env(safe-area-inset-bottom));padding-bottom:calc(50px + constant(safe-area-inset-bottom))}
.search_area{position:relative;margin-bottom:20px}
.search_area .search_tit{margin-bottom:11px;padding:0 20px;font-size:22px;color:#212121;font-weight:bold}
.search_area .search_box{padding:0 20px;}
.search_area .search_box .search_bar{width:100%;height:27px;padding:0 10px;;border-radius:6px;border:1px solid #dbd6d6;background:#f7f7f7}
.search_area .search_box .search_bar::placeholder{background:url(../img/img_icon_officesearch.png) center no-repeat;background-size:72px 14px}
.search_area .sch_line{position:absolute;bottom:0;left:0;width:100%;height:1px;margin-bottom:-10px;background-color:#979797;opacity:0.2}
.addr_area .addr_list .list_item{position:relative;margin-bottom:10px;padding-bottom:10px}
.addr_area .addr_list .list_item dl{padding:0 20px}
.addr_area .addr_list .list_item .c_name{width:80%;margin-bottom:5px;font-size:16px;color:#404041}
.addr_area .addr_list .list_item .c_addr{width:80%;font-size:13px;color:#404041}
.addr_area .addr_list .list_item .d_btn .btn{position:absolute;top:50%;right:20px;font-size:10px;color:#8c8181;transform:translateY(-100%)}
.addr_area .addr_list .list_item .l_line{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#979797;opacity:0.2}
.detail_area{padding:70px 20px 50px}
.detail_area .tit{position:relative;margin-bottom:20px;background-color:#fff;z-index:1}
.detail_area .tit h2{font-size:22px;color:#212121;font-weight:bold}
.detail_area .office_info_cnt{margin-bottom:20px}
.detail_area .office_info_cnt .info_box{background-color:#fff}
.detail_area .office_info_cnt .info_box .info_list .info_item dl{position:relative;padding:8px 0 0 30px}
.detail_area .office_info_cnt .info_box .info_list .info_item dl:before{position:absolute;top:20px;left:0;content:""}
.detail_area .office_info_cnt .info_box .info_list .info_item .order:before{width:21px;height:13px;background:url(../img/img_icon_num.png) center no-repeat;background-size:21px 13px}
.detail_area .office_info_cnt .info_box .info_list .info_item .office_name:before{width:18px;height:16px;background:url(../img/img_icon_office.png) center no-repeat;background-size:18px 16px}
.detail_area .office_info_cnt .info_box .info_list .info_item .c_position:before{width:14px;height:18px;background:url(../img/img_icon_location.png) center no-repeat;background-size:14px 18px}
.detail_area .office_info_cnt .info_box .info_list .info_item .b_type:before{width:17px;height:19px;background:url(../img/img_icon_cld.png) center no-repeat;background-size:17px 19px}
.detail_area .office_info_cnt .info_box .info_list .info_item .r_data:before{width:17px;height:19px;background:url(../img/img_icon_location.png) center no-repeat;background-size:17px 19px}
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card:before{width:18px;height:15px;background:url(../img/img_icon_ncard.png) center no-repeat;background-size:18px 15px}
.detail_area .office_info_cnt .info_box .info_list .info_item dl dt,
.detail_area .office_info_cnt .info_box .info_list .info_item dl dt a{width:100%;padding-bottom:4px;font-size:12px;font-weight:bold;color:#8d91a2}
.detail_area .office_info_cnt .info_box .info_list .info_item .c_position dt a{display:block;width:50px;padding:5px;color:#4285f4;text-align:center;border:1px solid #4285f4;border-radius:6px}
.detail_area .office_info_cnt .info_box .info_list .info_item dl dd{width:100%;padding-bottom:8px;font-size:16px;font-weight:bold;color:#42436a;border-bottom:1px solid #e6e8f0}
.detail_area .office_info_cnt .info_box .info_list .info_item:last-child dl dd{height:160px;padding-bottom:0;border:1px solid #979797;border-radius:4px;background-color:#fff}
.detail_area .office_info_cnt .info_box .info_list .info_item dl dd .fixed_address{margin:5px 0;padding-right:8px}
.detail_area .office_info_cnt .info_box .info_list .info_item dl .edt_data .data{display:block}
.detail_area .office_info_cnt .info_box .info_list .info_item dl .edt_data .edt_addr{display:none}
.detail_area .office_info_cnt .info_box .info_list .info_item dl .edt_data .edt_addr .f_addr{display:block}
.detail_area .office_info_cnt .info_box .info_list .info_item dl dd input[type="text"]{width:95%;padding:3px 0;border:none;font-size:16px;font-weight:bold;color:#42436a}
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card .namecard_a{position:relative;width:100%;height:160px;background-color:#fff;border-radius:3px;box-sizing:border-box}
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card .namecard_a:before{position:absolute;width:20px;height:20px;top:50%;left:50%;background:url(../img/img_icon_plus.png) center no-repeat;background-size:20px 20px;transform:translate(-50%, -50%);content:""}
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card .namecard_a .cam_btn{width:100%;height:100%}
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card .namecard_a .namecard_img img{position:absolute;top:50%;left:50%;max-width:100%;height:100%;transform:translate(-50%,-50%);object-fit:contain}
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card .namecard_a .namecard_img .dlt_area{display:none;position:absolute;top:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:2}
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card .namecard_a .namecard_img .dlt_area .dlt_btn{position:absolute;top:50%;left:50%;width:25px;height:25px;background:url(../img/img_icon_delete.png) center no-repeat;background-size:25px 25px;transform:translate(-50%,-50%)}
.detail_area .save_btn{display:none;height:36px;margin-bottom:20px}
.detail_area .save_btn.on{display:block}
.detail_area .save_btn .btn{width:49%;height:36px;border-radius:4px;line-height:36px;font-size:17px}
.detail_area .save_btn .btn:after{display:block;clear:both;content:""}
.detail_area .save_btn .btn.save{float:left;background-color:#3d56f5;color:#fff}
.detail_area .save_btn .btn.del{float:right;background-color:#808080;color:#fff}
.detail_area .save_btn .btn span{width:100%;height:100%}
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card .namecard_a .namecard_img .dlt_area .nc_arrow_p{left:2%;background:url(../img/icon_arrow_p_w1.png) center no-repeat;background-size:8px 14px}
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card .namecard_a .namecard_img .dlt_area .nc_arrow_n{right:2%;background:url(../img/icon_arrow_n_w1.png) center no-repeat;background-size:8px 14px}
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card .namecard_a .namecard_img .dlt_area .nc_arrow_p,
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card .namecard_a .namecard_img .dlt_area .nc_arrow_n,
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card .namecard_a .namecard_img .nc_arrow_p_on,
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card .namecard_a .namecard_img .nc_arrow_n_on{display:block;position:absolute;top:50%;width:8px;height:14px;transform:translateY(-50%);z-index:10}
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card .namecard_a .namecard_img .nc_arrow_p_on{left:2%;background:url(../img/icon_arrow_p_bl1.png) center no-repeat;background-size:8px 14px}
.detail_area .office_info_cnt .info_box .info_list .info_item .name_card .namecard_a .namecard_img .nc_arrow_n_on{right:2%;background:url(../img/icon_arrow_n_bl1.png) center no-repeat;background-size:8px 14px}

/*개인정보 이용내역*/
.info_list .header .info_btn{position:absolute;top:50%;right:26px;width:24px;height:24px;background:url(../img/icon_info.png) center no-repeat;background-size:24px 24px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.info_list .container{padding-top:50px}
.info_list .container .top{position:fixed;width:100%;height:40px;background-color:#5f647e;padding:0 30px;font-size:13px;line-height:40px;color:#fff;font-weight:500;z-index:1200}
.info_list .container .top .date_wrap{position:relative;top:10px}
.info_list .container .top .date_wrap:after{display:block;clear:both;content:""}
.info_list .container .top .date_wrap .icon{float:left;width:17px;height:19px;background:url(../img/img_icon_cld.png) center no-repeat;background-size:17px 19px}
.info_list .container .top .date_wrap .datepicker{float:left;width:80px;height:19px;margin-left:4px;padding-top:2px;background-color:transparent;color:#fff;font-size:16px;font-weight:bold;border:none;cursor:pointer}
.info_list .container .top .date_wrap .datepicker_popup{position:relative;top:30px;z-index:1250}
.info_list .container .table{overflow-y:auto;margin-top:39px}
.info_list .container .table .head{position:fixed;background-color:#fff;color:#615375;font-size:13px;z-index:500}
.info_list .container .table .body{margin-top:40px;color:#4a4a4a;font-size:12px}
.info_list .container .table>div>table{width:100%;text-align:center;table-layout:fixed}
.info_list .container .table .head>table>thead>tr{height:40px;border-top:2px solid #ddd;border-bottom:2px solid #ddd}
.info_list .container .table .body>table>tbody>tr{height:40px;border-bottom:1px solid #979797}
.info_list .container .table .head>table>thead>tr>th,
.info_list .container .table .body>table>tbody>tr>td{width:25%}
.info_gather{display:none}
.info_gather .container{padding-top:50px}
.info_gather .container .table .head{position:fixed;height:40px;background-color:#5f647e;color:#fff;font-size:13px;font-weight:500}
.info_gather .container .table .body{padding-top:40px;color:#4a4a4a;font-size:12px}
.info_gather .container .table>div>table{width:100%;text-align:center;table-layout:fixed}
.info_gather .container .table .head>table>thead>tr{height:40px}
.info_gather .container .table .body>table>tbody>tr{height:40px;border-bottom:1px solid #979797}
.info_gather .container .table .head>table>thead>tr>th,
.info_gather .container .table .body>table>tbody>tr>td{width:50%}

/*결재 신청리스트*/
.approval_request_list{padding-top:50px}
.approval_request_list .tit_area{position:fixed;width:100%;background-color:#5f647e;z-index:160}
.approval_request_list .tit_area>div{padding:10px 20px}
.approval_request_list .tit_area>div:after{display:block;clear:both;content:""}
.approval_request_list .tit_area .slt_bx{float:left;width:70px;height:25px;margin-right:5px;background-color:#fff;border:none;border-radius:3px;box-sizing:border-box}
.approval_request_list .tit_area .search_wrap{float:right}
.approval_request_list .tit_area .search_wrap:after{display:block;clear:both;content:""}
.approval_request_list .tit_area .search_wrap .datepicker{float:left;margin-right:5px}
.approval_request_list .tit_area .search_wrap .datepicker:after{display:block;clear:both;content:""}
.approval_request_list .tit_area .search_wrap .datepicker .time_select{position:relative;float:left;width:86px;height:25px;background-color:#fff;border-radius:3px}
.approval_request_list .tit_area .search_wrap .datepicker .time_select:before{position:absolute;top:50%;left:5px;width:17px;height:19px;background:url(../img/img_icon_cld.png) center no-repeat;background-size:17px 19px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);content:""}
.approval_request_list .tit_area .search_wrap .datepicker .time_select>input{width:100%;height:25px;padding-right:5px;background-color:#fff;color:#313235;font-size:11px;text-align:right;border:none;border-radius:3px;box-sizing:border-box}
.approval_request_list .tit_area .search_wrap .datepicker .f_t{float:left;height:25px;margin:0 5px;color:#fff}
.approval_request_list .tit_area .search_wrap .search{float:left;height:25px;padding:0 10px;background-color:#fff;;color:#3d56f5;font-size:12px;border-radius:3px}
.approval_request_list .list_area{padding-top:45px;color:#485465;font-size:12px}
.approval_request_list .list_area .item{position:relative;margin-bottom:10px;padding:10px 20px;border-bottom:1px solid #f0f0f3}
.approval_request_list .list_area .item:after{display:block;clear:both;content:""}
.approval_request_list .list_area .item>div{float:left}
.approval_request_list .list_area .item>div>dl:after{display:block;clear:both;content:""}
.approval_request_list .list_area .item>div>dl>dt{float:left;height:16px;margin-right:4px;line-height:16px}
.approval_request_list .list_area .item>div>dl>dd{float:left;height:16px;line-height:16px}
.approval_request_list .list_area .item .del{position:absolute;top:50%;right:20px;font-size:inherit;text-decoration:underline;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.approval_request_list .list_area .item>div .appr>dd>i+i{margin-left:4px}
.approval_request_list .list_area .item>div .state .rqs{color:#005d64}
.approval_request_list .list_area .item>div .state .reject{color:#d3556a}
.approval_request_list .list_area .item>div .state .save{color:#3d56f5}
.approval_request_list .list_area .item>div .state .cancel{color:#aeabaa}
.approval_request_list .list_area .cancel{position:static;top:0;right:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}

/*코드*/
.code_page .top_area{position:relative;width:100%;height:50px;background-color:#fff;text-align:center;z-index:100}
.code_page .top_area .btn{position:absolute;top:50%;left:26px;width:20px;height:16px;background:url('../img/img_icon_arr_b_b.png') center no-repeat;background-size:20px 16px;-webkit-transform:translateX(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.code_page .top_area .tit{color:#212121;font-size:12px;font-weight:900;line-height:50px}
.code_page .cnt_area .top_cnt{height:40px;padding:0 20px;background-color:#5f647e;line-height:40px}
.code_page .cnt_area .top_cnt>span{color:#fff;font-size:13px}
.code_page .cnt_area .mid_cnt>dl{height:25px;padding:10px 20px;color:#404041;font-size:13px;line-height:25px;border-bottom:1px solid #e8eff0}
.code_page .cnt_area .mid_cnt>dl:after{display:block;clear:both;content:""}
.code_page .cnt_area .mid_cnt>dl>dt{float:left;width:110px}
.code_page .cnt_area .mid_cnt>dl>dd{float:left;width:calc(100% - 110px)}
.code_page .cnt_area .mid_cnt>dl>dd:after{display:block;clear:both;content:""}
.code_page .cnt_area .mid_cnt>dl>dd>input{float:left;width:60%;height:25px;border:none}
.code_page .cnt_area .mid_cnt>dl>dd>button{float:right;width:46px;height:25px;color:#626262;border:1px solid #626262;border-radius:4px;box-sizing:border-box}

/*원격제어*/
.remote .header{height:50px}
.remote .header .back_btn{position:absolute;top:50%;left:26px;width:19px;height:15px;background:url(../img/img_icon_arr_b_b.png) center no-repeat;background-size:19px 15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.remote .header .title{display:block;height:50px;font-size:12px;color:#212121;font-weight:900;text-align:center;line-height:50px}
.remote .container{padding-top:50px}
.remote .container .top_cnt{height:40px;padding:0 30px;background-color:#3d56f5;color:#fff;font-size:13px;font-weight:500;line-height:40px;font-weight:500}
.remote .container .top_cnt .i_help{display:inline-block;position:relative;top:1px;width:12px;height:12px;margin-left:5px;background:url(../img/i_guide.png) center no-repeat;background-size:12px 12px}
.remote .container .top_cnt .i_help .help_txt{display:none;position:absolute;top:20px;left:-55px;min-width:250px;padding:10px;background-color:#7b8490;color:#fff;font-size:12px;font-weight:300;text-align:center;word-break:keep-all;line-height:normal;border-radius:3px;z-index:50}
.remote .container .top_cnt .i_help:hover .help_txt{display:block}
.remote .container .mid_cnt{margin-bottom:20px;padding:20px;border-bottom:1px solid #ebebeb}
.remote .container .mid_cnt .txt_bx{overflow-y:auto;height:calc(100vh - 250px);padding:15px;border:1px solid #d4d4d4;color:#7c7c7c;font-size:13px;border-radius:3px;box-sizing:border-box}
.remote .container .mid_cnt .txt_bx>dl>dt{margin-bottom:10px;font-weight:bold}
.remote .container .mid_cnt .txt_bx>dl>dd>i{display:block;margin-bottom:8px}
.remote .container .mid_cnt .txt_bx>dl>dd>i.last{margin-bottom:0}
.remote .container .btm_cnt{margin-bottom:20px}
.remote .container .btm_cnt>div{text-align:center}
.remote .container .btm_cnt>div .btn_i_pass{color:#7c7c7c;font-size:13px;text-align:center}
.remote .container .btm_cnt>div .btn_i_pass>i{display:block;width:50px;height:50px;margin:0 auto 10px;background:url(../img/i_pass.png) center no-repeat;background-size:50px 50px}

.remote_list{display:none}
.remote_list .header{height:50px;border-bottom:1px solid #ebebeb;box-sizing:border-box}
.remote_list .header .back_btn{position:absolute;top:50%;left:26px;width:19px;height:15px;background:url(../img/img_icon_arr_b_b.png) center no-repeat;background-size:19px 15px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.remote_list .header .title{display:block;height:50px;font-size:12px;color:#212121;font-weight:900;text-align:center;line-height:50px}
.remote_list .container{padding-top:50px}
.remote_list .container .mid_cnt .list_bx .item{padding:15px 20px;border-bottom:1px solid #ebebeb}
.remote_list .container .mid_cnt .list_bx .item:after{display:block;clear:both;content:""}
.remote_list .container .mid_cnt .list_bx .item .left{float:left;width:70%;height:98px;border-right:1px solid #ebebeb}
.remote_list .container .mid_cnt .list_bx .item .left>dl{height:100%}
.remote_list .container .mid_cnt .list_bx .item .left>dl:after{display:block;clear:both;content:""}
.remote_list .container .mid_cnt .list_bx .item .left>dl>dt{float:left;position:relative;top:50%;width:44px;height:44px;margin-right:10px;border:1px solid #ededed;border-radius:50%;box-sizing:border-box;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);box-sizing:border-box}
.remote_list .container .mid_cnt .list_bx .item .left>dl>dt>img{display:block;position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;border-radius:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.remote_list .container .mid_cnt .list_bx .item .left>dl>dd{overflow-y:auto;float:left;position:relative;top:50%;width:calc(100% - 54px);height:100%;color:#404041;font-size:13px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.remote_list .container .mid_cnt .list_bx .item .left>dl>dd>span{display:table;width:100%;height:100%}
.remote_list .container .mid_cnt .list_bx .item .left>dl>dd>span>i{display:table-cell;vertical-align:middle}
.remote_list .container .mid_cnt .list_bx .item .right{float:right}
.remote_list .container .mid_cnt .list_bx .item .right>div>button{display:block;width:80px;height:26px;border-radius:4px}
.remote_list .container .mid_cnt .list_bx .item .right>div>button+button{margin-top:10px}
.remote_list .container .mid_cnt .list_bx .item .right>div .btn_acc{background-color:#3d56f5;color:#fff;}
.remote_list .container .mid_cnt .list_bx .item .right>div .btn_on{color:#3d56f5;border:1px solid #3d56f5;box-sizing:border-box}
.remote_list .container .mid_cnt .list_bx .item .right>div .btn_off{color:#f53d75;border:1px solid #f53d75;box-sizing:border-box}

/*loading dimmed keyframes*/
@keyframes rotate-loading{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}

@keyframes rotate-loading{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}

/*팝업 업데이트안내(일정등록)*/
.pop_info{display:none;position:fixed;top:50%;left:50%;width:100%;background-color:#f7f7f7;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:200}
.pop_info dl{margin-bottom:30px;padding:15px}
.pop_info dl>dt{margin-bottom:30px;color:#3a1479;font-size:25px;font-weight:bold;text-align:center}
.pop_info dl>dt>i{display:block}
.pop_info dl>dt>b{display:block;color:#4f36d3}
.pop_info dl>dd{font-weight:bold;text-align:center}
.pop_info dl>dd>span{display:block}
.pop_info dl>dd .txt_1{margin-bottom:20px;color:#4b2a96;font-size:18px}
.pop_info dl>dd .txt_1>b{color:#4f36d3}
.pop_info dl>dd .img{display:block;width:100%;height:72px;margin-bottom:20px;background:url(../img/img_timekeeper.png) center no-repeat;background-size:contain}
.pop_info dl>dd .txt_2{margin-bottom:20px;color:#595663;font-size:16px}
.pop_info dl>dd .txt_2>i{display:block}
.pop_info dl>dd .txt_2>i>b{color:#4f36d3}
.pop_info dl>dd .txt_3{color:#595663;font-size:16px}
.pop_info dl>dd .txt_3>i{display:block}
.pop_info dl>dd .txt_3>i>b{color:#4f36d3}
.pop_info .btn_close{display:block;width:100%;height:40px;background-color:#d4d4d4;font-size:16px;font-weight:bold}

/*팝업 공지사항(일정등록)*/
.pop_preview{display:none;position:fixed;top:50%;left:50%;width:100%;background-color:#f7f7f7;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:200}
.pop_preview .top_area{background-color:#007bff}
.pop_preview .top_area>.pop_wrap{padding:15px 20px}
.pop_preview .top_area>.pop_wrap:after{display:block;clear:both;content:""}
.pop_preview .top_area .title{float:left;color:#fff;font-size:16px;font-weight:700}
.pop_preview .top_area .btn_i_close{float:right;width:24px;height:24px;background:url(../img/i_close.png) center no-repeat;background-size:20px 18px;content:""}
.pop_preview .mid_area>.pop_wrap{padding:15px 20px}
.pop_preview .mid_area .top_cnt{margin-bottom:15px}
.pop_preview .mid_area .preview_cnt{overflow-y:auto;min-height:280px;max-height:400px;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_location{display:none;position:absolute;top:50%;left:50%;width:300px;transform:translate(-50%,-50%);z-index:180}
.pop_location .txt_bx{overflow-y:auto;height:400px;background-color:#fff;color:#626262;font-size:14px;border-radius:6px}
.pop_location .txt_bx .txt_wrap{display:inline-block;padding:10px;font-size:12px}
.pop_location .btn_close{width:100%;height:40px;margin-top:10px;background-color:#fff;color:#3d56f5;font-size:16px;font-weight:bold;border-radius:6px}

/*미디어쿼리*/
@media all and (max-width:450px){
	.rqs_area .rqs_approver>div>ul.empty{margin-right:0}
}

@media all and (max-width:375px){
	/*로그인*/
	.login_wrap .login_info{padding-top:40px}
	.login_wrap .login_info .autobox{top:96px}

	/*qr코드 메인*/
	.qrscan_area .qr_inner .qrbox{font-size:22px}

	/*연장근무요청 : Wslot플러그인*/
	.timeset_area .time_select_area .timeset_box .timeset_cnt{height:190px}
}

@media all and (max-width:320px){
	/*다운로드 페이지*/
	.down_page .cnt_area .img_area{height:200px}
	.down_page .main_tit .sb_1{font-size:18px}
	.down_page .main_tit .sb_2{font-size:12px}
	.down_page .main_tit .sb_3{font-size:30px}

	/*로그인*/
	.login_wrap .logo_img{width:90px;height:90px;margin-top:18px;background-size:90px 90px}
	.login_wrap .main_name{font-size:20px}
	.login_wrap .main_name .main_tit:before{width:120px}
	.login_wrap .main_name .sub_tit:before{width:225px}
	.login_wrap .login_info{padding-top:30px}
	.login_wrap .login_info input[type="text"],input[type="password"]{margin-bottom:5px}
	.login_wrap .login_info button[type="submit"]{margin-top:16px}
	.login_wrap .login_info .autobox{top:86px}

	/*직군선택*/
	.job_wrap .select_icon.office .icon_img,
	.job_wrap .select_icon.field .icon_img,
	.job_wrap .select_icon.sales .icon_img{background-size:100px 117px}

	/*[리퀘스트/QR코드] 메인 헤더*/
	.time_area .img_area{height:80px}
	.time_area .img_area .time_box .name{font-size:14px}
	.time_area .img_area .time_box .time{font-size:20px}
	.sales_main .time_area .img_area{height:80px}
	.rqs_area .rqs_box .rqs_date_box .date_box>dt,
	.rqs_area .rqs_box .rqs_date_box .total_date>dt{width:30%}
	.rqs_area .rqs_box .rqs_date_box .date_box>dd,
	.rqs_area .rqs_box .rqs_date_box .total_date>dd{width:59%}

	/*qr코드 메인*/
	.qrscan_area{top:140px;height:245px}
	.qrscan_area .qr_inner .qrbox{width:45%;padding-bottom:45%}
	.history_area .tab_area .history_tab{height:40px;line-height:40px}

	/*qr코드 출퇴근등록*/
	.work_area .work_box .office_name{padding-bottom:10px}
	.work_area .work_box .office_name span{font-size:20px}
	.work_area .work_box .tag_img{padding-bottom:20px}
	.work_area .work_box .tag_img img{width:100px;height:100px}
	.work_area .work_box .tag_info .tag_state{font-size:20px}
	.work_area .work_box .tag_info .tag_time{font-size:16px}
	.work_area .work_box .tag_info .tag_location{font-size:14px}
	.work_area .work_box .tag_info .tag_location:before{width:12px;height:18px;background-size:12px 18px}

	/*연장근무요청 : 시간*/
	.timeset_area .timebox_area{padding-bottom:20px;}
	.timeset_area .timebox_area .time_box{height:80px;}
	.timeset_area .timebox_area .time_box button .date{font-size:16px}
	.timeset_area .timebox_area .time_box button .time{font-size:22px}

	/*연장근무요청 : Wslot플러그인*/
	.timeset_area .time_select_area .timeset_box .timeset_cnt{margin:0 auto 20px}
	.timeset_area .time_select_area .timeset_box .timeset_cnt{height:150px}

	/*방문업체위치 등록 메인*/
	.visit_wrap .visit_area .visit_top .map_area{margin:10px 0 10px}
	.visit_wrap .visit_area .visit_top .visit_date span{margin-bottom:10px}
	.visit_wrap .visit_area .visit_cnt .company_list_area .co_list .co_address .address{font-size:14px;letter-spacing:-1px}
	.visit_wrap .visit_area .visit_top .map_area .map_box{height:147px}

	/*사무직 홈*/
	.office_cnt .schedule_area .schedule_wrap{padding:0 20px 0}
	.office_cnt .schedule_area .schedule_wrap .work_btn .list_btn{top:0}
	.office_cnt .schedule_area .schedule_wrap .top_area .title{font-size:18px}
	.office_cnt .schedule_area .schedule_wrap .top_area .work_btn{font-size:18px}
	.office_cnt .schedule_area .schedule_wrap .time_area .time_bx{height:90px;line-height:90px}
	.office_cnt .schedule_area .schedule_wrap .time_area .time_bx .time{font-size:48px}
	.office_cnt .schedule_area .schedule_wrap .map_area{top:196px}

	/*방문업체 등록*/
	.visit_wrap .visit_area .visit_top .img_area .img_box,
	.visit_wrap .visit_area .visit_top .img_area .img_box .company_img{height:130px}
	.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item dl dd{font-size:14px;}
	.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item .name_card .camera_area{height:140px;}
	.visit_wrap .visit_area .visit_info_cnt .co_info_area .co_info_list .co_info_item .name_card .camera_area .namecard_img{height:138px}
}