@charset "utf-8";

.w40{width:calc(100% - 40px) !important}
.w43{width:calc(100% - 43px) !important}
.w60{width:calc(100% - 60px) !important}
.w80{width:80px !important}
.w30px{width: 30px !important}
.w120{width:120px !important}
.w160{width:160px !important}
.w200{width:200px !important}
.w340{width:340px !important}
.w100{width:100% !important}
.h300{height:300px !important}
.floatL{float:left}
.floatR{float:right}
.txtLeft{text-align:left !important}
.txtCenter{text-align:center !important}
.alignM{vertical-align:middle !important}
.bdL{border-left:1px solid #d2d6e0 !important}
.bdLBlue{border-left:1px solid #0b436d !important}
.bdB{border-bottom:1px solid #0b436d !important}
.p0{padding:0 !important}
.p1530{padding:15px 30px !important}
.pt0{padding-top:0 !important}
.pt10{padding-top:10px !important}
.pt24{padding-top:24px !important}
.pt27{padding-top:27px !important}
.pb5{padding-bottom:5px !important}
.pl20{padding-left:20px !important}
.pl30{padding-left:30px !important}
.pl40{padding-left:40px !important}
.pr20{padding-right:20px !important}
.pr30{padding-right:30px !important}
.m0,
.m0:before{margin:0 !important}
.mt0{margin-top:0 !important}
.mb6 {margin-bottom:6px;}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mr10{margin-right:10px !important}
.mr20{margin-right:20px !important}
.mr30{margin-right:30px !important}
.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}
.icon:before{margin-right:0 !important}
.colorBlue,
.colorBlue:hover{color:#009cdf !important;text-decoration:underline}
.colorPink{color:#ea207a;font-weight:500}
.colorPoint{color:#fc6f03}
.colorDarkblue {color:#0b3b72;}
.colorRed {color:#ff0000;}
.fwBold{font-weight:500}
hr{border:0;border-top:1px solid #dbe3e9;margin:30px 0 0}
.txtCenter button:first-child{margin-left:0}
.text-overflow{white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
/* title */
.tit01{font-size:23px;color:#fff;letter-spacing:-0.7px}
.tit02{font-size:17px;font-weight:500;color:#0b3b72;letter-spacing:-0.7px}
.popTit{font-size:17px;color:#fff}

/* button
btn:사각버튼
btns:아이콘 사각버튼
*/
.btn,
.btns{height:29px;margin-left:5px;padding:0 12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;font-size:12px}
a.btns{display:inline-block;line-height:30px;color:#fff;vertical-align:middle}
.btns:before{content:"";display:inline-block;position:relative;width:12px;height:12px;margin-right:6px;background:url(/resources/img/icon/icon_sp_btn.png) no-repeat}
.ok:before{top:1px;background-position:0 0}
.bgBlue.ok:before,
.bgGreen.ok:before{top:1px;background-position:-50px 0}
.reject:before{top:1px;background-position:0 -50px}
.search:before{top:1px;background-position:0 -100px}
.bgBlue.search:before,
.bgGreen.search:before{top:1px;margin-right:8px;background-position:-50px -100px}
.edit:before{width:11px;background-position:0 -150px}
.bgBlue.edit:before,
.bgGreen.edit:before{background-position:-50px -150px}
.save:before{top:1px;background-position:0 -200px}
.bgBlue.save:before,
.bgGreen.save:before{background-position:-50px -200px}
.add:before{top:1px;background-position:0 -250px}
.bgBlue.add:before,
.bgGreen.add:before{top:1px;background-position:-50px -250px}
.cancel:before{top:1px;background-position:0 -250px;transform:rotate(45deg)}
.bgBlue.cancel:before,
.bgGreen.cancel:before{top:1px;background-position:-50px -250px;transform:rotate(45deg)}
.del:before{top:1px;width:11px;background-position:0 -300px}
.log:before{top:1px;background-position:0 -350px}
.bgBlue.log:before,
.bgGreen.log:before{top:1px;background-position:-50px -350px}
.setting:before{top:1px;background-position:0 -400px}
.bgBlue.setting:before,
.bgGreen.setting:before{top:1px;background-position:-50px -400px}
.unset:before{top:1px;background-position:0 -450px}
.bgBlue.unset:before,
.bgGreen.unset:before{top:1px;background-position:-50px -450px}
.grant:before{top:1px;background-position:0 -500px}
.bgBlue.grant:before,
.bgGreen.grant:before{top:1px;background-position:-50px -500px}
.view:before{background-position:0 -550px}
.bgBlue.view:before,
.bgGreen.view:before{background-position:-50px -550px}
.excel:before{position:relative;width:11px;height:11px;background-position:0 -600px}
.pdf:before{position:relative;top:1px;width:11px;height:11px;background-position:-50px -600px}
.moveRight:before{top:1px;left:1px;margin-right:0;background-position:0 -650px}
.moveLeft:before{top:1px;left:1px;margin-right:0;background-position:0 -700px}
.registration:before{background-position:0 -750px}
.bgBlue.registration:before,
.bgGreen.registration:before{background-position:-50px -750px}
.update:before{top:1px;background-position:0 -800px}
.bgBlue.update:before,
.bgGreen.update:before{top:1px;background-position:-50px -800px}
.bdGrey{border:1px solid #a8b1bb;background-color:#fff;color:#444}
.bdGrey:hover{padding:0 11px;border:2px solid #778eea}
.bdPink{border:1px solid #ea207a;background-color:#fff;color:#444}
.bdPink:hover{padding:0 11px;border:2px solid #ea207a}
.bdGrey:disabled,
.bdPink:disabled{border:1px solid #e1e4e7;color:#b2b2b2;cursor:default}
.bdGrey:disabled:hover,
.bdPink:disabled:hover{padding:0 12px}
.bdGrey:disabled:before,
.bdPink:disabled:before{opacity:.7}
.bgBlue{background-color:#363a54}
.bgBlue:hover{background-color:#778eea}
.bgDarkBlue{background-color:#778eea}
.bgDarkBlue:hover{background-color:#363a54}
.bgGreen{background-color:#00c0aa}
.bgGreen:hover{background-color:#009687}
.bgBlue:disabled,
.bgGreen:disabled{background-color:#c5c5c5;cursor:default}
.bgTh{background-color:rgba(119, 142, 234, .2) !important}
.popClose{position:absolute;top:3px;right:0;width:38px;height:38px;background:url(/resources/img/btn/btn_pop_close.png) no-repeat center;text-indent:-9999em}
.popupClose{position:absolute;top:3px;right:0;width:38px;height:38px;background:url(/resources/img/btn/btn_pop_close.png) no-repeat center;text-indent:-9999em}
.btnSort{width:100%;height:100%;padding-right:15px;font-weight:500}
.btnSort:after{content:"";position:absolute;top:50%;right:0;width:23px;height:23px;background:url(/resources/img/btn/btn_arrow_sort.png) no-repeat center;font-size:0;text-indent:-9999em;transform:translateY(-50%)}
.btnSort.active:after{transform:translateY(-50%) rotate(180deg)}
.keygen:before{width:12px;background-position:0 -850px}
.bgBlue.keygen:before,
.bgGreen.keygen:before{top:1px;background-position:-49px -849px}

.btn-sm{height:28px !important}
.search-sm:before{top:0px !important}
.del-sm:before{top:0px;margin:0}

.bdGrey-sm{padding:0 8px;}
.bdGrey-sm:hover{padding:0 8px;border:1px solid #009cdf}
.bdPink-sm{padding:0 8px;}
.bdPink-sm:hover{padding:0 8px;border:2px solid #ea207a}

.filedown:before{top:1px;background-position:0 -900px}
.bgBlue.filedown:before:before,
.bgGreen.filedown:before:before{top:1px;background-position:-50px -900px}

/* bullet */
.bullet:before{content:"";display:inline-block;position:relative;top:-4px;width:7px;height:3px;margin-right:8px;background-color:#0b3b72}
.bulletVertical:before{content:"";display:inline-block;position:relative;top:1px;width:1px;height:12px;margin-right:20px;background-color:#cfd3de}

/* textarea */
textarea{width:100%;height:144px;padding:6px 10px;border:1px solid #cfd3de;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

/* input */
input{width:100%;height:28px;padding:3px 10px 4px;border:1px solid #cfd3de;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
input[name=file]{height:35px;}
input:disabled{background-color:#f5f5f5 !important;cursor:default !important}

/* input_box */
.inputBox{display:inline-block;width:206px;height:29px;border:1px solid #cfd3de;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.inputBox input{width:calc(100% - 35px);height:27px;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.inputBox button{width:30px;height:26px;background:url(/resources/img/btn/btn_input_del.png) no-repeat center;font-size:0;text-indent:-9999em}
.inputBox button:disabled{background-color:#f5f5f5 !important;cursor:default !important}

/* form */
.formRadio input[type="radio"],
.formChk input[type="checkbox"],
.filebox input[type="file"]{overflow:hidden;position:absolute;padding:0 !important;margin:-1px;width:1px !important;height:1px;clip:rect(0,0,0,0);border:0}
.formRadio label:before,
.formChk label:before{content:"";display:inline-block;width:19px;height:19px;margin:-4px 8px 0 0;border:1px solid #cfd3de;background-color:#fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}
.formRadio input[type="radio"]:disabled+label:before,
.formChk input[type="checkbox"]:disabled+label:before{background-color:#f5f5f5}

/* input_radio */
.formRadio label:before{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.formRadio input[type="radio"]:checked + label:before{border:1px solid #00c0aa;background:#00c0aa url("/resources/img/icon/icon_sp_checked.png") no-repeat 4px 4px}

/* input_check */
.formChk label:before{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:4px}
.formChk input[type="checkbox"]:checked + label:before{border:1px solid #00c0aa;background:#00c0aa url("/resources/img/icon/icon_sp_checked.png") no-repeat 2px -47px}

.checkList input{width:60px;margin-left:10px;text-align:center}
.formRadio:last-child,
.formChk:last-child{margin-right:0 !important}
input+.formChk,
select+.formChk,
.row .dateControl+.formChk{margin-left:10px}
.inputBox+.formChk,
.checkList .formRadio,
.checkList .formChk,
button+.formChk,
select+.formChk,
.row .dateControl+.formChk,
.row .formChk{display:inline-block;margin-right:10px;vertical-align:middle}
.row input{width:60px;margin-left:0;text-align:center}

/* input_file */
.filebox label{ display:inline-block;width:97px;height:34px;line-height:32px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#575757;color:#fff;font-size:12px;text-align:center;cursor:pointer}

/* input_calendar */
.dateControl input{display:inline-block;width:30%;background:#fff url("/resources/img/btn/btn_calendar.png") no-repeat right 10px center;cursor:pointer}
.half .dateControl input{width:calc(50% - 7px)}
.ui-datepicker-title select{padding:5px;height:auto;background:white;border-radius:0px;border-color:rgb(169, 169, 169);color:black;-webkit-appearance:menulist}
.ui-widget-header .ui-icon{background-image:url(/resources/img/icon/ui-icons_444444_256x240.png) !important}

/* select */
select{height:29px;padding:0 36px 0 12px;border:1px solid #cfd3de;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background:#fff url("/resources/img/btn/btn_arrow_select.png") no-repeat right 10px center}
.select-sm{padding:0 29px 0 9px}
/* boxType */
.box{position:relative;padding:16px;background-color:#fff;/*border:2px dotted #a3a3a3;*/-webkit-border-radius:15px;-moz-border-radius:5px;border-radius:15px;box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.1);margin:0 4px;}
.bgBox{overflow:hidden;padding:20px;background-color:#f0f2f5}
.bgColor01{background-color:rgb(133 227 223 / 15%)}
.bgColor02{background-color:#ffccdd;}

/* sprite image */
.spUtil{background:url(/resources/img/btn/btn_sp_util.png) no-repeat 0 0}
.spBullet:before{content:"";display:inline-block;width:9px;height:14px;margin-right:7px;background:url(/resources/img/icon/icon_sp_bullet_tit.png) no-repeat 0 0}
.spBullet.green:before{background-position:0 -50px}

/* xScroll */
.xScroll table{width:2200px}
.xScroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:8px;margin:0 auto;background-color:rgba(182,192,209,0.8)}
.xScroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:8px;margin:0;background-color:rgba(197,206,219,0.45)}

/* xyScroll */
.xyScroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:8px;margin:0 auto;background-color:rgba(182,192,209,0.8)}
.xyScroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:8px;margin:0;background-color:rgba(197,206,219,0.45)}

.xyScroll .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:rgba(119, 127, 138, .3) !important}
.xyScroll .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail{width:6px;background-color:rgba(197, 206, 219, .2) !important}

/* yScroll */
.yScroll{height:100%}
.yScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:rgba(119, 127, 138, .3) !important}
.yScroll .mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:rgba(197, 206, 219, .2) !important}
.yScroll .mCSB_scrollTools{width:6px;opacity:1}
.yScroll .mCSB_inside > .mCSB_container{margin-right:0}

/* 세로 table */
.table{width:100%;border-top:1px solid #c5cedb;border-right:1px solid #c5cedb;background-color:#fff}
.table th,
.table td{height:34px;border-bottom:1px solid #c5cedb;border-left:1px solid #d2d6e0;vertical-align:middle}
.table th{background-color:#f6f8fa;text-align:center;font-weight:500;color:#30343b}
.table td{padding:5px 10px;line-height:16px;}
.table td img{vertical-align:middle}

.table-sm th,
.table-sm td{height:30px !important;}
.table-sm td{padding:2px 2px !important;text-align:center;vertical-align:middle;line-height:26px;}

.table-pointer tr{cursor:pointer;}
.inner-table{border:none;width:100%;}
.inner-table tr:first-child td {border-top: 0;}
.inner-table tr:last-child td,
.inner-table tr:last-child th {border-bottom: 0;}

.inner-table tr td:first-child
,.inner-table tr th:first-child {border-left: 0;}

.border-last{border-bottom:1px solid #c5cedb !important}

.fix-table{table-layout: fixed;}
.fix-header th{position:sticky; top:0}
.yScroll table.horizontal{table-layout: fixed;}
/* 가로세로 table */
.table.type01 td{text-align:center}
.table.type01 td input{width:100%;text-align:center}

/* 차단 예외자 table */
.table.type02 th,
.table.type02 td{height:33px}

/* 가로 table */
.table.horizontal{border-top:2px solid #0b436d;border-right:0}
.table.horizontal tr:hover td{background-color:rgb(119 142 234 / 9%);border-bottom:1px solid #778eea}
.table.horizontal tr:last-child td{border-bottom:1px solid #0b436d}
.table.horizontal th,
.table.horizontal td{text-align:center}
.table.horizontal th:first-child,
.table.horizontal td:first-child{border-left:0}
.table.horizontal th{position:relative;border-bottom:1px solid #0b436d;background-color:#fff}
.table.horizontal td{border-bottom:1px solid #f0f1f1}
.table.horizontal tr.last td{border-bottom:1px solid #eca50c}
.table.horizontal .formRadio label:before,
.table.horizontal .formChk label:before{margin-right:0}
.table.horizontal .sum{font-weight:500;background-color:#feefcd !important}

/* table pagination */
.pagination{display:inline-block}
.pagination a{display:block;float:left;position:relative;width:30px;height:28px;line-height:28px;margin:0 3px;font-size:12px;color:#3e4676;text-align:center}
.pagination .pageNum:hover,
.pagination .pageNum.active{position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#778eea;color:#fff}
.pagination .first,
.pagination .back,
.pagination .next,
.pagination .last{border:1px solid #cfd3de;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:url(/resources/img/btn/btn_sp_paging.png) no-repeat;text-indent:-9999em}
.pagination .first{background-position:9px 8px}
.pagination .back{background-position:11px -92px}
.pagination .next{background-position:12px -142px}
.pagination .last{background-position:10px -42px}

/* tabs */
.tabs{display:table;margin-bottom:30px;border:1px solid #9e9e9e;table-layout:fixed}
.tabs li{display:table-cell;border-left:1px solid #9e9e9e;vertical-align:middle}
.tabs li:first-child{border-left:0}
.tabs li a{display:block;padding:11px 30px;font-size:15px}
.tabs li.active a,
.tabs li a:hover{background-color:#363a54;color:#fff}

.tabs.type01{margin-bottom:25px;border:0}
.tabs.type01 li{float:left;margin:0 5px 5px 0;border:1px solid #9e9e9e}

.tabCont{display:none}
.tabCont.active{display:block}

.tabs2{position:relative}
.tabs2:after{content:"";position:absolute;top:46px;left:0;z-index:-1;width:100%;height:1px;background-color:#cecece;}
.tabs2 li{float:left}
.tabs2 li:first-child{border-left:0}
.tabs2 li a{display:block;padding:11px 30px;font-size:15px;color:#0b3b72}
.tabs2 li.active a{border-bottom:2px solid #0b3b72}

.tab2Top{clear:both;padding:20px 0px 10px 0px;}
.tab2Top .checkList{display:inline-block;margin-left:30px}

.tab2Cont{display:none}
.tab2Cont.active{display:block}

.complexTab{}
.complexTab .tabs{display:inline-table;margin-bottom:20px;}
.complexTab select{height:45px;margin-top:-40px;}

/* 운영자페이지 */
#wrap{width:100%;min-width:1407px;height:100%}
header{position:fixed;top:0;z-index:999;width:100%;height:52px;border-top:1px solid #e6e6e9;background-color:#fff;color:#313942}
header .util{position:fixed;right:0}
header .util > li{float:left;position:relative;height:51px;border-left:1px solid #e6e6e9}
header .util > li button{font-size:0;text-indent:-9999em}
header .util .notice{width:26px;height:24px;padding:26px 33px;background:url(/resources/img/icon/icon_sp_notice.png) no-repeat 25px 13px}
header .util .notice.active{background-position:20px -35px}
header .util .user{padding:7px 20px 8px 20px;}
header .util .user span{display:block;font-size:12px;color:#81868f}
header .util .selectLang > a{display:block;height:51px;line-height:51px;padding:0px 50px 0px 48px;background:url(/resources/img/icon/icon_multiLangs.png) no-repeat 20px center}
header .util .selectLang > a:after,
header .util .selectLang ul li:first-child:after{display:block;float:right}
header .util .selectLang > a:after{content:"";position:absolute;top:50%;right:20px;width:11px;height:6px;background:url("/resources/img/btn/btn_arrow_util.png") no-repeat 0 0;transform:translateY(-50%)}
header .util .selectLang ul{position:absolute;top:50px;right:-1px;z-index:9;width:calc(100% + 2px);border:1px solid #e6e6e9;border-bottom:0;background-color:#fff;display:none}
header .util .selectLang ul li a{display:block;padding:10px 20px;border-bottom:1px solid #e6e6e9}
header .util .download .spUtil{width:17px;height:21px;padding:26px 29px;background-position:center 13px}
header .util .download ul{display:none;width:270px;padding:0 18px 20px;position:absolute;top:51px;right:0;z-index:9;border:1px solid #b9c0c8;background-color:#fff}
header .util .download ul > li{display:table;padding:7px 5px;border-bottom:1px solid #eaebec;}
header .util .download ul > li > span{display:table-cell;width:80%;}
header .util .download ul > li:first-child{padding-top:15px;}
header .util .download ul .filedown{width:auto;height:auto;padding:2px 25px 2px 0px;background-position:right -95px;}
header .util .download ul .clipboard{width:auto;height:auto;padding:2px 25px 2px 0px;background-position:right -145px;}

#container{position:relative;top:52px;padding:0 30px}
#container:before{content:"";position:fixed;top:52px;left:0;z-index:9;width:100%;height:70px;background-color:#363a54;color:#fff}

#sideBar{position:fixed;top:30px;left:30px;z-index:999;width:230px;-webkit-transition:0.3s;transition:0.3s}
#sideBar .btnToggle{position:absolute;top:77px;right:-15px;z-index:999;width:30px;height:30px;background:url(/resources/img/btn/btn_sp_sidebar.png) no-repeat 5px 4px;font-size:0;text-indent:-9999em}
#sideBar .sideCont{height:calc(100vh - 60px);z-index:899;padding-bottom:90px;/*border:1px solid #009cdf;*/background-color:#fff;box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.25);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
#sideBar .sideCont .logo{width:100%;height:92px;padding:10px;border-bottom:1px solid rgba(197, 206, 219, .4)}
#sideBar .sideCont .logo a{overflow:hidden;display:table-cell;position:relative; top:39px;left:50%;width:228px;height:72px;transform:translate(-50%, -50%);vertical-align:middle;text-align:center;}
#sideBar .yScroll{height:calc(100% - 78px)}
#sideBar .yScroll .mCSB_scrollTools{margin-top:5px;right:5px}

#sideBar .lnb{height:calc(100% - 300px);padding:5px 10px;}
#sideBar .lnb li a{display:block;position:relative;width:100%;padding:18px 36px 19px 64px;margin-top:2px;}
#sideBar .lnb > li.active .lnbTit,
#sideBar .lnb > li .lnbTit:hover{background-color:#363a54;color:#fff;border-radius:10px;}
#sideBar .lnb > li .lnbTit:before{content:"";position:absolute;top:50%;left:24px;width:27px;transform:translateY(-50%)}

#sideBar .lnb #info > a:before{height:24px;background:url(/resources/img/icon/icon_lnb01.png) no-repeat 0 0}
#sideBar .lnb #vacation_businessTrip > a:before{height:22px;background:url(/resources/img/icon/icon_lnb02.png) no-repeat 0 0}
#sideBar .lnb #workManagement > a:before{height:18px;background:url(/resources/img/icon/icon_lnb03.png) no-repeat 0 0}
#sideBar .lnb #flexWorkManagement > a:before{height:22px;background:url(/resources/img/icon/icon_lnb10.png) no-repeat 0 0}
#sideBar .lnb #pcUsageManagement > a:before{height:20px;background:url(/resources/img/icon/icon_lnb04.png) no-repeat 0 0}
#sideBar .lnb #mobile > a:before{height:24px;background:url(/resources/img/icon/icon_lnb05.png) no-repeat 0 0}
#sideBar .lnb #workLog > a:before{height:20px;background:url(/resources/img/icon/icon_lnb06.png) no-repeat 0 0}
#sideBar .lnb #static > a:before{height:18px;background:url(/resources/img/icon/icon_lnb07.png) no-repeat 0 0}
#sideBar .lnb #system > a:before{height:22px;background:url(/resources/img/icon/icon_lnb09.png) no-repeat 0 0}

#sideBar .lnb #info > a:hover:before,
#sideBar .lnb #info.active > a:before{background:url(/resources/img/icon/icon_lnb01.png) no-repeat -50px 0}
#sideBar .lnb #vacation_businessTrip > a:hover:before,
#sideBar .lnb #vacation_businessTrip.active > a:before{background:url(/resources/img/icon/icon_lnb02.png) no-repeat -50px 0}
#sideBar .lnb #workManagement > a:hover:before,
#sideBar .lnb #workManagement.active > a:before{background:url(/resources/img/icon/icon_lnb03.png) no-repeat -50px 0}
#sideBar .lnb #flexWorkManagement > a:hover:before,
#sideBar .lnb #flexWorkManagement.active > a:before{background:url(/resources/img/icon/icon_lnb10.png) no-repeat -62px 0}
#sideBar .lnb #pcUsageManagement > a:hover:before,
#sideBar .lnb #pcUsageManagement.active > a:before{background:url(/resources/img/icon/icon_lnb04.png) no-repeat -50px 0}
#sideBar .lnb #mobile > a:hover:before,
#sideBar .lnb #mobile.active > a:before{background:url(/resources/img/icon/icon_lnb05.png) no-repeat -50px 0}
#sideBar .lnb #workLog > a:hover:before,
#sideBar .lnb #workLog.active > a:before{background:url(/resources/img/icon/icon_lnb06.png) no-repeat -50px 0}
#sideBar .lnb #static > a:hover:before,
#sideBar .lnb #static.active > a:before{background:url(/resources/img/icon/icon_lnb07.png) no-repeat -50px 0}
#sideBar .lnb #system > a:hover:before,
#sideBar .lnb #system.active > a:before{background:url(/resources/img/icon/icon_lnb09.png) no-repeat -50px 0}
#sideBar .lnb > li .lnbTit:hover:after,
#sideBar .lnb > li.active .lnbTit:after{content:"";position:absolute;top:50%;right:9px;width:10px;height:5px;background:url(/resources/img/btn/btn_arrow_list.png) no-repeat 0 0;transform:translateY(-50%)}
#sideBar .lnb .depth{display:none;margin:2px 0;border-bottom:1px solid #363a54}
#sideBar .lnb .depth strong{display:none}
#sideBar .lnb .depth li a,
#sideBar .lnb .depth li span{display:block;position:relative;padding:3px 15px 5px 40px;/*border-bottom:1px solid #eaebec;*/background:url(/resources/img/icon/icon_sp_bullet_lnb.png) no-repeat 28px 10px;margin-bottom:2px;}
#sideBar .lnb .depth li a:hover,
#sideBar .lnb .depth li.active a{background-color:rgba(119, 142, 234, .2)/*#d4f2ff*/;border-radius:6px;margin-bottom:2px;}
#sideBar .lnb > li .lnbTit.noList:after{content:none}
#sideBar .lnb .depth li a.spL{padding-left:50px;background-position:40px -34px}

#sideBar footer{position:relative;transform:translateY(-100%);padding:14px 16px 14px;font-size:10px;text-align:center;color:rgba(146,153,162,.7)}

/* 왼쪽메뉴 접었을때 */
.min #sideBar{width:88px}
.min #sideBar .btnToggle{background-position:5px -46px}
.min #sideBar .sideCont{height:calc(100vh - 60px)}
.min #sideBar .lnb{padding:5px 10px}
.min #sideBar .lnb > li{position:relative}
.min #sideBar .lnb > li .lnbTit{height:56px;padding:0;font-size:0;text-indent:-9999em}
.min #sideBar .lnb > li .lnbTit:before{left:18px}
.min #sideBar .lnb > li .lnbTit:hover:after,
.min #sideBar .lnb > li.active .lnbTit:after{transform:translateY(-50%) rotate(-90deg)}

.min #sideBar .lnb .depth{position:absolute;top:0;left:80px;z-index:99;margin:0;padding:10px;border:1px solid #b3b3b3;background-color:#fff}
.min #sideBar .lnb .depth strong{display:block;width:160px;height:34px;margin:0 auto;padding-left:8px;border-bottom:1px solid #363a54;font-size:16px;font-weight:500;color:#363a54}
.min #sideBar .lnb .depth ul{padding:2px 0 4px}
.min #sideBar .lnb .depth li a,
.min #sideBar .lnb .depth li span{padding:4px 10px 6px 31px;background-position:22px 11px}
.min #sideBar .lnb .depth li a:hover,
.min #sideBar .lnb .depth li.active a{background-color:rgba(119, 142, 234, .2)/*#d4f2ff*/;}
.min #sideBar .lnb > li:last-child .depth{top:50%;transform:translateY(-50%)}
.min #sideBar .lnb .depth li a.spL{padding-left:45px;background-position:32px -36px}

.min #sideBar footer{text-align:left}

.min .contents{left:118px;width:calc(100% - 118px)}
.min .contents .conTop{width:calc(100% - 148px)}

/* contents */
.contents{overflow:hidden;position:relative;top:70px;left:260px;width:calc(100% - 260px);padding:30px 0;-webkit-transition:0.3s;transition:0.3s}
.contents .conTop{overflow:hidden;position:fixed;top:52px;z-index:99;width:calc(100% - 290px);height:70px;padding:17px 0 0 10px;color:#fff}
.contents .conTop h2{float:left;margin-right:40px}
.contents .conTop span{display:inline-block;margin:13px 12px 0 0;font-size:11px;color:#c2e0f4}

.btnTip{height:20px;margin-top:-3px;padding:0 8px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background-color:#778eea;font-size:11px}
.boxTip{margin-bottom:25px}
.boxTip:before{content:"";display:inline-block;width:80px;height:53px;background:url(/resources/img/icon/icon_tip.png) no-repeat center;vertical-align:middle}
.boxTip .tipList{display:inline-block;width:calc(100% - 102px);padding-left:8px;color:#30343b;vertical-align:middle}
.boxTip .tipList li{padding-left:10px;text-indent:-10px}
.boxTip .tipList li:before{content:"";display:inline-block;position:relative;top:-3px;width:3px;height:3px;margin-right:6px;background-color:#888}
.boxTip .tipList ul li:before{content:none}
.boxTip .tipList > li.tipDepth {position:relative;margin-top:4px;margin-left:20px;font-size:13px;line-height:18px;}
.boxTip .tipList > li.tipDepth:before {content:'-';display:block;position:absolute;top:0;left:0;width:0;height:0;background:none;color:#999;}

.tableTop{overflow:hidden;position:relative;padding:48px 0 14px}
.tableTop .tit02{float:left;padding-right:20px}
.tableTop .tit02 small{font-size:15px}
.tableTop .total{float:left;margin-top:4px}
.tableTop .btnWrap{position:absolute;right:0;bottom:10px}
.tableTop .checkList{clear:both;padding-top:10px}

.table td small{display:block;font-size:13px}
.table td .btn{display:inline-block;margin-left:0}
.table .btns{margin-left:0}
.table.horizontal+.btnWrap{margin-top:20px;text-align:center}
.table.horizontal+.btnWrap button{margin-left:0}
.table.horizontal .btns:before{margin-right:0}
.tablePage{padding:12px 0 30px;text-align:center}
.tablePage .floatL button:first-child{margin-left:0}

.bgBox select{width:20%}

/* 로그인 */
#loginWrap{padding:90px 18px 0}
.logoLogin{height:80px;width:260px;margin:auto;background:url(/resources/img/img_logo.svg) no-repeat center;background-size:contain;font-size:0;text-indent:-9999em}
.loginCont{padding:26px 0 10px}
.loginCont input{display:block;width:300px;height:40px;margin:0 auto 10px}
.loginCont button{display:block;width:300px;height:40px;margin:26px auto 0;font-size:15px}
footer{font-size:10px;color:#898989;text-align:center}

/* 조직 관리 */
.treeArea .floatL{float:left;width:240px}
.treeArea .floatL .yScroll,
.treeArea .floatL .xyScroll{height:655px;width:263px;border:1px solid #c8cacc}
.treeArea .floatR{width:calc(100% - 280px)}
.treeArea .floatR .yScroll{max-height:460px}

/* 휴가 신청 현황 */
.row li{float:left;margin-right:20px}

/* 휴가 관리 */
.tabCountry{overflow:hidden;width:100%}
.tabCountry li{float:left;height:48px;margin:0 5px 5px 0;border:1px solid #9e9e9e;vertical-align:middle}
.tabCountry li button{width:160px;margin-top:-1px;padding:0 10px;height:100%;line-height:1;font-size:15px}
.tabCountry li.active,
.tabCountry li:hover{border:1px solid #0b3b72;background-color:#0b3b72;color:#fff}
.country .table.horizontal .btns:before{margin-right:8px}

/* 유연근무 옵션 */
.row dl dt{display:inline-block;margin-left:30px;vertical-align:middle}
.row dl dt:first-child{margin-left:0}
.row dl dd{display:inline-block;margin-left:10px}
.row .setting{float:right;margin-top:-57px}
.table.type01 td.row input{width:40px}
.table .option .yScroll{max-height:242px}

/* 일시사용 시간 설정 */
.dlList ul{overflow:hidden;padding:10px 0 10px 16px}
.dlList .line{margin-bottom:10px;border-bottom:1px solid #cfd3de}

/* 설치현황 조회 */
.bgBox li{float:left;padding-right:30px;line-height:2.3}
.formRow{position:relative;top:2px}
.formRow input{position:relative;top:-2px;margin-left:-5px}

/* 통계_연장근무 */
.utilWrap{position:relative;margin-bottom:23px}
.utilWrap select{height:30px}
.utilWrap .date{display:inline-block;margin-right:17px}
.utilWrap .date button{width:29px;height:29px;margin-top:3px;border:0;background:url(/resources/img/btn/btn_arrow_calendar.png) no-repeat 0 0;text-indent:-9999em;font-size:0;cursor:pointer}
.utilWrap .date .btnNext{background-position:-100px 0}
.utilWrap .date span{margin:0 27px;font-size:30px;font-weight:500;color:#004882;vertical-align:middle}
.utilWrap .datepicker{width:38px;height:30px;margin-top:3px;background:#fff url("/resources/img/btn/btn_calendar.png") no-repeat center;text-indent:-9999em;font-size:0;cursor:pointer}
.utilWrap .datepicker:hover{border:2px solid #009cdf}
.utilWrap .btn{width:57px;height:30px;border:1px solid #cfd3de;font-size:14px;color:#004882}

/* tabs_통계 */
.multiTabs{display:table;margin-bottom:15px;border:1px solid #9e9e9e;table-layout:fixed}
.multiTabs li{display:table-cell;border-left:1px solid #9e9e9e;vertical-align:middle}
.multiTabs li:first-child{border-left:0}
.multiTabs li a{display:block;padding:11px 30px;font-size:15px}
.multiTabs li.active a,
.multiTabs li a:hover{background-color:#363a54;color:#fff}
.multiConts{display:none}
.multiConts.active{display:block}

.multiTabs2{position:relative}
.multiTabs2:after{content:"";position:absolute;top:46px;left:0;z-index:-1;width:100%;height:1px;background-color:#cecece}
.multiTabs2 li{float:left}
.multiTabs2 li:first-child{border-left:0}
.multiTabs2 li a{display:block;padding:11px 30px;font-size:15px;color:#0b3b72}
.multiTabs2 li.active a{border-bottom:2px solid #0b3b72}
.multiConts2{clear:both;display:none;padding:20px 0 40px}
.multiConts2.active{display:block}
.multiConts2 .tit02{margin-bottom:20px}
.multiConts2 .tableTop .checkList{display:inline-block;margin-right:30px}
.multiConts2 .tableTop .checkList .formChk:after{content:"";display:inline-block;position:relative;top:-2px;width:10px;height:6px}
.multiConts2 .tableTop .checkList .list01:after{background-color:#7ac82b}
.multiConts2 .tableTop .checkList .list02:after{background-color:#4ab9e8}
.multiConts2 .tableTop .checkList .list03:after{background-color:#4e6fd7}

/* tableStatus_통계 */
.tableStatus{position:relative}
.tableStatus table{position:relative;width:100%;margin:0;padding:0;border-top:2px solid #517999;table-layout:fixed;border-collapse:separate;border-spacing:0;-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-all}
.tableStatus table tr.holiday td{background-color:#f8f8f8}
.tableStatus th,
.tableStatus td{height:40px;padding:0 10px;vertical-align:middle}
.tableStatus th:last-child,
.tableStatus td:last-child{border-right:0}
.tableStatus th{border-right:1px solid #d6d6d6;border-bottom:1px solid #517999;font-weight:500;text-align:center;line-height:15px;}
.tableStatus th strong{color:#8a3100}
.tableStatus th strong:after{content:"";position:absolute;top:0;right:0;z-index:-1;width:30.2%;height:100%;background-color:#fff3e7}
.tableStatus .today{background-color:#128ce1;color:#fff}
.tableStatus td{position:relative;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;text-align:center}
.tableStatus tr:hover td{background-color:#eef9ff;border-bottom:1px solid #009cdf}
.tableStatus tr:last-child td,
.tableStatus tr:last-child:hover td{border-bottom:1px solid #517999 !important}
.tableStatus td strong{display:block}
.tableStatus td small{display:block;margin-top:-4px;font-size:13px}
.tableStatus .sum{background-color:#fff9eb;border-bottom:1px solid #f7cd64}
.tableStatus .progress{width:100%;height:11px;background-color:#eff0f1;-moz-border-radius:5.5px;-webkit-border-radius:5.5px;border-radius:5.5px}
.tableStatus .progress .bar{width:70%;height:11px;background-color:#4ab9e8;-moz-border-radius:5.5px;-webkit-border-radius:5.5px;border-radius:5.5px}
.tableStatus .plus{color:#e61874}
.tableStatus td .icon:before{content:"";display:inline-block;width:8px;height:7px;padding-right:3px;background:url(/resources/img/icon/icon_fluctuation.png) no-repeat}
.tableStatus .minus{color:#0b3b72}
.tableStatus .minus.icon:before{background-position:0 -50px}
.tableStatus .sum .plus,
.tableStatus .sum .minus{font-weight:500}

.tableStatus .work{height:40px;text-align:left;}
.tableStatus .work .line{display:inline-block;position:relative;top:10px;height:10px;border-right:1px solid #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:12px;color:#fff;cursor:pointer}
.tableStatus .work .line p:before{content:"";display:inline-block;position:relative;top:1px;width:12px;height:12px;margin:0 5px 0 4px;background:url(/resources/img/icon/manager/icon_sp_line.png) no-repeat}
.tableStatus .work .line:hover .tooltip{opacity:1}
.tableStatus .work .line01{background-color:#7ac82b}
.tableStatus .work .line02{background-color:#b9c0c9}
.tableStatus .work .line03{background-color:#4e6fd7}
.tableStatus .work .line04{background-color:#FE9800}
.tableStatus .work .line05{background-color:#4AB9E8}
.tableStatus .work .line06{background-color:#E61874}

.legendWrap {display:inline-block;margin-right:30px}
.legendWrap div {display:inline-block;padding:0px 6px;}
.legendWrap .legend:before {content:"";display:inline-block;position:relative;top:-2px;width:10px;height:6px}
.legendWrap .list01:before {background-color:#7ac82b}/*Green.평일, 표준근무*/
.legendWrap .list02:before {background-color:#b9c0c9}/*Gray.휴일*/
.legendWrap .list03:before {background-color:#4e6fd7}/*Purple.야간, 선택근로시간제*/
.legendWrap .list04:before {background-color:#FE9800}/*Orange.평균감소, 탄력근로시간제*/
.legendWrap .list05:before {background-color:#4AB9E8}/*SkyBlue.평균증가, 시차출퇴근제*/
.legendWrap .list06:before {background-color:#E61874}/*Red*/

/* tooltip */
.tooltip{opacity:0;position:absolute;top:-50%;left:50%;padding:4px 20px;border:1px solid #517999;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#fff;font-weight:500;color:#04365f;text-align:center;transform:translate(-50%, -63px);box-shadow:1px 1px 5px -1px rgba(0,0,0,0.6);box-sizing:border-box;white-space:nowrap }
.tooltip:after{content:"";position:absolute;top:100%;left:50%;width:16px;height:14px;transform:translate(-50%,-1px);background:url(/resources/img/icon/manager/icon_arrow_tooltip.png) no-repeat 0 0}

/* 통계_평균 */
.tableStatus .average .bar{position:relative;left:50%;width:30%}
.tableStatus .average .bar.minus{left:20%;background-color:#fe9800}

/* 통계_신청횟수 */
.tableStatus .numApp + .work.tr02 .line02{left:0;width:50%}
.tableStatus .numApp + .work.tr02 .line04{left:50%;width:20%}

/* 근태통계_그래프 */
.attendance .multiConts2 .tableTop .checkList .formChk:after{width:22px;background:url(/resources/img/icon/icon_legend.png) no-repeat 0 0}
.attendance .multiConts2 .tableTop .checkList .year:after{background-position:0 -50px}
.graph{border-bottom:1px solid #808080}
.graph>div{overflow:hidden;width:100%}
.graph div span{float:left}
.graph .time{border-bottom:1px solid #808080}
.graph .time span{position:relative;width:4.1668%;padding-bottom:14px;font-size:12px}
.graph .time span:before{content:"";position:absolute;bottom:0;left:0;width:1px;height:5px;background-color:#808080}
.graph .time span:last-child{text-align:right}
.graph .time span:last-child:after{content:"";position:absolute;right:0;bottom:0;width:1px;height:5px;background-color:#808080}
.graph .time span em{margin-left:-15px}
.timeLineArea{position:relative;}
.timeLineArea>div{overflow:hidden;width:100%}
.timeLineArea .timeLine span{width:8.333%;height:70px;border-left:1px solid #e4e4e4}
.timeLineArea .timeLine span:last-child{border-right:1px solid #e4e4e4}
.timeLineArea .progress{position:absolute;height:70px;padding-top:11px}
.timeLineArea .progress div{position:relative;left:10%;width:70%;height:11px;margin-bottom:3px;background-color:#4ab9e8;-moz-border-radius:5.5px;-webkit-border-radius:5.5px;border-radius:5.5px;text-align:center;color:#fff}
.timeLineArea .progress .basicBar{height:20px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background-color:#4ab9e8}
.timeLineArea .progress .basicBar.company{background-color:#4e6fd7}
.timeLineArea .progress .compMonth{background-color:#8ca1e5}
.timeLineArea .progress .compYear{background-color:#ccd5f3}
.timeLineArea .progress .teamMonth{background-color:#89d1f0}
.timeLineArea .progress .teamYear{background-color:#caebf8}

/* system layout */
#systemWrap{width:1080px;margin:10px auto;padding:0 40px 40px;border:1px solid #c9c9c9;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;box-shadow:1px 5px 9px 1px rgba(0, 0, 0, .2)}
#systemWrap header{position:relative;height:inherit;padding:10px 0;border-top:0;border-bottom:1px solid #0b3b72;text-align:center}
#systemWrap header .logo{height:70px;line-height:70px}
#systemWrap header .logout{position:absolute;top:36px;right:0}
#systemWrap section small{font-size:13px;color:#444}
section .dlWrap{overflow:hidden}
section .dlWrap ul{width:100%;box-sizing: border-box;margin:0px;padding:0px;display: inline-table;}
section .dlWrap ul li{height:100%;display:table-cell;box-sizing: border-box;text-align:center;}
section .dlWrap ul li:nth-child(even){width:10px;margin:0px;padding:0px;min-width: 10px;}
section .dlWrap ul li:nth-child(odd){border:1px solid #c5cedb;box-sizing: border-box;border-radius:5px;min-width: 115px;vertical-align: bottom;}
section .dlWrap dl dt,dd{text-align:center;}
section .dlWrap dl{margin:10px;}
section .dlWrap dl dt{font-size:13px;letter-spacing:-0.5px;color:#6a6a6a;padding:2px 0px 10px 0px;line-height:120%;display:table-cell;vertical-align:middle;width:40em;height:3em;}
section .dlWrap dl dd{font-size:13px;color:#0b3b72;margin:0px;padding:10px 0px;border-top:1px solid #778eea;}
section .dlWrap dl dd span{font-size:20px;color:#0b3b72;margin-right:6px;}
section .dlWrap dl dd.font15{padding-top:19px;font-size:15px}
#systemWrap section td .btn{margin:0 4px}
#systemWrap footer{color:#c5cedb}
/***** 운영자/ 설치현황조회/PineWorks 탭 - 설치현황표시 *****/
.slWrap {overflow:hidden; font-size:12px;min-width:1194px;box-sizing:border-box;}
.slWrap ul{width:100%;box-sizing: border-box;margin:0px;padding:0px;display: inline-table;}
.slWrap ul li{height:100%;display:table-cell;box-sizing: border-box;text-align:center;padding:14px 20px;}
.slWrap ul li:last-child {width:190px;}
.slWrap ul li:last-child span.version {display:block;color:#009cdf;font-size:14px; margin:20px 0 10px 0;}
.slWrap ul li>div {display:flex; justify-content:space-between;}
.slWrap ul li:nth-child(even){width:10px;margin:0px;padding:0px;min-width: 10px;}
.slWrap ul li:nth-child(odd){border:1px solid #c5cedb;box-sizing: border-box;border-radius:5px;vertical-align:top;white-space:nowrap;}/*min-width:230px;*/
.slWrap ul li>div + div>div {width:calc(50% - 10px);}
.slWrap .ltit {font-size:13px;font-weight:500;color:#333333;display:flex;align-items:center;}
.slWrap .totalsum, .totalsum02 {border-bottom:1px solid #778eea;min-width:100px;width:54%;text-align:right;font-size:18px;color:#0b3b72;padding:0 0 5px 0;line-height:0.7;}
.slWrap .totalsum:after, .pcsum:after, .mobilesum:after, .win:after, .mac:after, .andrd:after, .ios:after, .web:after  {content:"대";font-size:12px;color:#999999;margin-left:4px;}
.slWrap .totalsum02:after {content:"명";font-size:12px;color:#999999;margin-left:4px;}
.slWrap .pcsum, .mobilesum {position:relative;border-bottom:1px solid #778eea;min-width:calc(100% - 10px);width:100%;text-align:right;font-size:16px;color:#0b3b72;padding:24px 0 8px 0;line-height:0.7;margin-bottom:5px;}
.slWrap .newVpc {width:100%;border-bottom: 1px solid #778eea !important;margin-top:6px;}
.slWrap .newVpc tr:nth-child(1) td[rowspan="2"] {background:url(/resources/img/icon/ico_pc.png) no-repeat 0 center;width:34px;}
.slWrap .newVpc tr:nth-child(1) td:nth-child(2) {background:url(/resources/img/icon/ico_win_gray.png) no-repeat 0 center;font-size:13px;color:#009cdf;text-align:left;padding:0 0 0 21px;width:60px;}
.slWrap .newVpc tr:nth-child(1) td:nth-child(3) {border-bottom:1px solid #d6ddf9;}
.slWrap .newVpc tr:nth-child(2) td:nth-child(1) {background:url(/resources/img/icon/ico_mac_gray.png) no-repeat 0 1px;font-size:13px;color:#009cdf;text-align:left;padding:2px 0 2px 21px;}
.slWrap .newVpc td:last-child {text-align:right;font-size:13px;color:#0b3b72;line-height:0.7;}
.slWrap .newVpc td:last-child:after {content:"대";font-size:12px;color:#999999;margin-left:4px;}
.slWrap .newVmobile {width:100%;margin-top:3px;}
.slWrap .newVmobile tr:nth-child(1) td[rowspan="2"] {background:url(/resources/img/icon/ico_mobile.png) no-repeat 2px center;width:34px;}
.slWrap .newVmobile tr:nth-child(1) td:nth-child(2) {background:url(/resources/img/icon/ico_googleplay_gray.png) no-repeat 0 center;font-size:13px;color:#009cdf;text-align:left;padding-left:24px;width:60px;}
.slWrap .newVmobile tr:nth-child(2) td:nth-child(1) {background:url(/resources/img/icon/ico_mac_gray.png) no-repeat  no-repeat 0 1px;font-size:13px;color:#009cdf;text-align:left;padding:2px 0 0px 21px;width:60px;}
.slWrap .newVmobile td:last-child {border-bottom:1px solid #d6ddf9;text-align:right;font-size:13px;color:#0b3b72;line-height:0.7;}
.slWrap .newVmobile td:last-child:after {content:"대";font-size:12px;color:#999999;margin-left:4px;}
.slWrap .pcsum:before, .pcVsum:before {content:"";position:absolute;left:0;bottom:6px;width:15px;height:18px;background:url(/resources/img/icon/ico_pc.png) no-repeat 0 0}
.slWrap .mobilesum:before, .mobileVsum:before {content:"";position:absolute;left:2px;bottom:6px;width:11px;height:18px;background:url(/resources/img/icon/ico_mobile.png) no-repeat 0 0}
.slWrap .win, .mac, .andrd, .ios, .web {position:relative;border-bottom:1px solid #d6ddf9;min-width:calc(100% - 10px);width:100%;text-align:right;font-size:13px;color:#0b3b72;padding:8px 0 4px 0;line-height:0.7;}
.slWrap .web {display:flex; justify-content:flex-end;}
.slWrap .win:before {content:"";position:absolute;left:0;bottom:0px;width:15px;height:18px;background:url(/resources/img/icon/ico_win_gray.png) no-repeat 0 0}
.slWrap .mac:before {content:"";position:absolute;left:0;bottom:0px;width:15px;height:18px;background:url(/resources/img/icon/ico_mac_gray.png) no-repeat 0 0}
.slWrap .andrd:before {content:"";position:absolute;left:0;bottom:0px;width:15px;height:18px;background:url(/resources/img/icon/ico_googleplay_gray.png) no-repeat 0 0}
.slWrap .ios:before {content:"";position:absolute;left:0;bottom:0px;width:15px;height:18px;background:url(/resources/img/icon/ico_mac_gray.png) no-repeat 0 0}
.slWrap .web:before {content:"";position:absolute;left:0;bottom:0px;width:15px;height:18px;background:url(/resources/img/icon/ico_web_gray.png) no-repeat 0 0}
 /***** OS별 다운로드 버튼 관련 *****/
.dwnbtn button {border:none; background:#f0f2f7 url(/resources/img/icon/ico_down.png) no-repeat right 18px center; padding:0 37px 0 18px; width:200px; height:36px;text-align:right;border-radius:5px;cursor:pointer;}
.dwnbtn button img {float:left;}

.dwnbtn .button {border:none; background:#f0f2f7 url(/resources/img/icon/ico_down.png) no-repeat right 18px center; padding:0 37px 0 18px; width:200px; height:36px;border-radius:5px;cursor:pointer;display:inline-flex;align-items: center;}


/* siteMap */ 
.menuAll{position:relative;top:18px;float:right;height:20px;margin: 0px 15px 2px 5px;background-color:#778eea;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;transform:translateY(-50%)}
.siteMapArea{display:none}
.siteMapArea.active{display:block}
.siteMap{display:table;position:fixed;top:122px;z-index:900; width:100%;padding:30px 10px 49px 290px;border-bottom:1px solid #c3c6c9; background-color:#fff;box-shadow:0 5px 7px 0px rgba(0, 0, 0, .2);table-layout:fixed}
.siteMap dl{display:table-cell;padding-right:20px}
.siteMap dl dt{padding:0 10px 6px;border-bottom:2px solid #0b3b72;font-size:15px}
.siteMap dl dd{padding-top:10px;letter-spacing:-.2px}
.siteMap dl dd li a{display:block;padding:4px 0 6px 10px;border-bottom:1px solid #dfe3e5;text-align:left;letter-spacing:-0.5px;}
.siteMap dl dd li.active a,
.siteMap dl dd li a:hover{background-color:#363a54;color:#fff}
.siteMap dl dd li ul{border-bottom:1px solid #dfe3e5}
.siteMap dl dd li ul li a{border-bottom:0}
.siteMapArea .btnUpArea{display:table-caption;caption-side:bottom;position:relative;top:-42px;padding:0px 0px 10px 260px;z-index:999;}
.siteMapArea .btnUpArea .btnToggle{width:30px;height:30px;background:url(/resources/img/btn/btn_up_sitemap.png) no-repeat 5px 4px;font-size:0;text-indent:-9999em}

/* popup */
.popWrap .popTit{height:46px;padding:10px 20px;background-color:#363a54}
.popWrap .btnTip{background-color:#4d7098}
.popWrap .tableWrap{padding:30px}
.popWrap .xScroll table{width:2000px}
.popTableWrap{overflow:hidden;position:relative}
.popTableWrap .yScroll{height:242px;background-color:#f6f8fa}
.popTableWrap .moveRight{position:absolute;top:50%;left:50%;margin-left:0;transform:translate(-50%,50%)}
.popTableWrap .popTable{width:calc(50% - 40px)}
.popTableWrap .tableTop{padding:24px 0 12px}
.popTableWrap.type01 .popTable.floatL{width:30%}
.popTableWrap.type01 .popTable.floatL .yScroll{height:303px}
.popTableWrap.type01 .popTable.floatR{width:calc(70% - 20px);height:303px}
.popTableWrap.type01 .popTable.floatR .yScroll{margin-top:20px}
.popTableBot{margin-top:30px}
.popBtnWrap{margin-top:30px;text-align:center}
.popBtnWrap button{width:130px;font-size:13px;height:38px;margin-left:6px}
.popBtnWrap button:first-child{margin-left:0}
.jstree{padding:20px}
.popWrap .tableWrap2{padding:30px}
/* popup_직위/직무 관리 */
.sortable dt,
.sortable dd{display:table;width:100%;table-layout:fixed;text-align:center}
.sortable div{display:table-cell;padding:0 10px;vertical-align:middle}
.sortable div:nth-child(1){width:44px}
.sortable div:nth-child(2){width:10%}
.sortable div:nth-child(4){width:70px}
.sortable dt{height:38px;border-top:2px solid #0b436d;border-bottom:1px solid #0b436d;color:#30343b}
.sortable dd{height:42px;border-bottom:1px solid #c5cedb}
.sortable div .inputBox{display:block;width:100%;padding:0}
.sortable .formChk label:before{margin:0}
.sortable dd.txtCenter{padding-top:6px}
.sortable dd.txtCenter .btns{height:28px}

/* popup_공지사항 등록/수정 */
.row .dateControl{display:inline-block}
.row .dateControl input{width:160px;text-align:left}

/* popup_비대상자 고정 등록 */
.position .yScroll{float:left;margin-left:2%;width:32%}
.position .yScroll:first-child{margin-left:0}

/* popup_차단 예외자 그룹 등록 */
.timeRange{display:inline-block;padding-left:20px}
.timeRange input{margin-left:0}

/* popup_특정일 등록/수정 */
.selectionList .yScroll{height:203px}

/* popup_차단전 알림창 메시지 등록 */
.notification a{display:block;margin-bottom:10px}
.notification img{width:100%}
.notification select{width:calc(100% - 99px)}
.previewImg img{width:100%}

/* popup_alert */
.alertWrap{width:304px;padding:20px 20px 15px;border:1px solid #009cdf;text-align:center}
.alertWrap:before{content:"";display:block;position:relative;top:7px;left:50%;width:62px;height:68px;background:url(/resources/img/icon/icon_sp_pop_alert.png) no-repeat center 0;transform:translateX(-50%)}
.confirm:before{background-position:center -150px}
.infoMode:before{background-position:center -300px}
.alertWrap .popClose{top:0;background:url(/resources/img/btn/btn_pop_alert_close.png) no-repeat center}
.alertWrap .popupClose{top:0;background:url(/resources/img/btn/btn_pop_alert_close.png) no-repeat center}
.alertWrap p{padding:27px 0 10px;border-bottom:1px solid #ced2d5;color:#585858}
.alertWrap .btnWrap{padding-top:10px}

.ui-dialog{padding:0px}

/* dashboard */
a.refresh{display:inline-block;line-height:30px;color:#fff;vertical-align:middle}
.refresh:before{content:"";display:inline-block;position:relative;width:12px;height:12px;margin-right:8px;background:url(/resources/img/icon/ico_refresh.png) no-repeat}

a.btnmove{display:inline-block;line-height:30px;color:#fff;vertical-align:middle}
.btnmove:before{content:"";display:inline-block;position:relative;width:22px;height:22px;background:url(/resources/img/icon/ico_goto.png) no-repeat}

a.requestIcon{display:block;line-height:30px;color:#fff;vertical-align:middle}
.requestIcon:before{content:"";display:inline-block;position:relative;width:30px;height:23px;margin-left:8px;background:url(/resources/img/icon/user/icon_sp_lnb.png) no-repeat}
.reqvac:before{top:1px;background-position:0px -50px}
.reqbiz:before{top:3px;background-position:0px -100px}
.reqot:before{top:4px;background-position:0px -150px}
.reqflex:before{top:1px;background-position:0px -350px}
.reqtele:before{top:1px;background-position:0px -450px}

.dashboard .tabs{display:inline-table;table-layout:fixed;margin:0px 0px;vertical-align: middle;border:1px solid #a8b1bb;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.dashboard .tabs li{display:table-cell;/*height:30px;*/;line-height:14px;border-left:1px solid #9e9e9e;vertical-align:middle}
.dashboard .tabs li:first-child{border-left:0}
.dashboard .tabs li a{display:block;padding:7px 12px;font-size:13px;color:#444444}
.dashboard .tabs li.active a,
.dashboard .tabs li a:hover{background-color:#363a54;color:#fff}

.dashboard .table{padding:0px 20px; border:none;}
.dashboard .table th{height:30px;background-color:#363a54;color:#fff;text-align:center;border:1px solid #363a54;}
.dashboard .table th:first-child{border-radius:5px 0 0 5px}
.dashboard .table th:last-child{border-radius:0 5px 5px 0;padding:0px 10px;}

.dashboard .table td{height:30px;text-align:center;vertical-align:top;border:none;padding:10px 7px 5px 7px;}
.dashboard .table td:first-child{font-size:13px;font-weight:normal;color:#868686;}
.dashboard .table td:last-child{padding:6px 10px;vertical-align:middle;}
.dashboard .table td{border-bottom:1px solid #f0f1f1}

.dashboard .half{float:left;width:50%;}
.dashboard .leftArea{float:left;width:65%;padding:0px 20px 0px 0px;}
.dashboard .rightArea{float:left;width:35%;}
.dashboard .workInfo{width:100%;}

.dashboard .chartArea{position:relative;width:100%;margin:auto;}
#chartTodayWork {width:172px;height:180px;margin:auto;}
#chartMember {width:180px;height:180px;margin:auto;}
/* 타이틀 */
.dashboard .whiteTitle{display:inline-block;text-align:center;vertical-align: middle;font-size:17px;color:#ffffff;}
.dashboard .title{display:inline-block;text-align:center;vertical-align: middle;font-size:17px;color:#0b3b72;}

/* 오늘의 근무현황 */
.dashboard .lhalf{float:left;width:171px;}
.dashboard .rhalf{float:left;width:calc(100% - 171px);}
.dashboard .todayWork{float:left;display:inline-block;width:calc(50% - 10px);height:220px;margin:0px 20px 0px 0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background: rgb(54,58,84);/*background: -moz-linear-gradient(135deg,#5b6399, rgb(54,58,84) 80%);background: -webkit-linear-gradient(135deg, #5b6399, rgb(54,58,84) 80%);background: linear-gradient(135deg, #5b6399, rgb(54,58,84) 80%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b6399",endColorstr="#363a54",GradientType=1);*/}
.dashboard .todayWork .splitLine{width:90%;height:1px;background:#6699c6;}
.dashboard .todayWork .perWork{position:relative;top:-119px;width:172px;text-align:center;font-size:21px;font-weight:normal;color:#ffffff;margin:auto}
.dashboard .todayWork .perWork span:first-child{font-size:35px;font-weight:bold;color:#ffffff;}

.dashboard .todayWork .today{margin:15px 25px 0px 0px;height:30px;line-height:28px;background-color:rgba(0,0,0,.33);font-size:18px;color:#6aebe6;-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px;text-align:center}
.dashboard .todayWork .workType{margin:20px 30px 0px 0px;font-size:13px;color:#b2c8df;text-align:right;}
.dashboard .todayWork .workType span.bold{color:#fff;}
.dashboard .todayWork .workCount{margin:0px 30px 0px 0px;font-size:15px;color:#b2c8df;text-align:right;border-bottom:1px solid #6699c6;}
.dashboard .todayWork .workCount span.bold{font-size:24px;color:#fff;}
.dashboard .todayWork .vacCount{margin:0px 25px 0px 5px;font-size:13px;color:#b2c8df;text-align:left;}
.dashboard .todayWork .vacCount span.bold{font-size:14px;color:#fff;}
.dashboard .todayWork .bizCount{margin:0px 25px 0px 5px;font-size:13px;color:#b2c8df;text-align:left;}
.dashboard .todayWork .bizCount span.bold{font-size:14px;color:#fff;}
.dashboard .todayWork .telecommutingCount{margin:0px 25px 0px 5px;font-size:13px;color:#b2c8df;text-align:left;}
.dashboard .todayWork .telecommutingCount span.bold{font-size:14px;color:#fff;}

/* 사원 현황 */
.dashboard .memberInfo{clear:both;display:inline-block;width:calc(50% - 10px);height:220px;border:1px solid #bfbfbf;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.dashboard .memberInfo .perWork{position:relative;top:-119px;left:0px;width:100px;text-align:center;font-size:21px;font-weight:normal;color:#778eea;margin:auto;}
.dashboard .memberInfo .perWork span:first-child{font-size:35px;font-weight:bold;color:#778eea;}

.dashboard .memberInfo .workType{margin:25px 30px 0px 0px;font-size:13px;color:#6a6a6a;text-align:right;}
.dashboard .memberInfo .workType span.bold{color:#778eea;}
.dashboard .memberInfo .workCount{margin:0px 30px 5px 0px;font-size:15px;color:#6a6a6a;text-align:right;}
.dashboard .memberInfo .workCount span.bold{font-size:24px;color:#778eea;line-height:30px;}
.dashboard .memberInfo .susCount{margin:0px 15px 8px 0px;height:25px;line-height:25px;background-color:#f0f1f5;font-size:15px;color:#444444;-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px;text-align:center}
.dashboard .memberInfo .exceptCount{margin:0px 20px 0px 10px;padding:0px 6px;font-size:13px;color:#444444;font-weight:normal;text-align:left;border-bottom:2px solid #f0f1f5;}
.dashboard .memberInfo .exceptCount span.bold{font-size:15px;color:#585858;font-weight:bold;}
.dashboard .memberInfo .excludeCount{margin:0px 20px 0px 10px;padding:0px 6px;font-size:13px;color:#444444;font-weight:normal;text-align:left;border-bottom:2px solid #f0f1f5;}
.dashboard .memberInfo .excludeCount span.bold{font-size:15px;color:#585858;font-weight:bold;}
.dashboard .memberInfo .restrictCount{margin:0px 20px 0px 10px;padding:0px 6px;font-size:13px;color:#444444;font-weight:normal;text-align:left;border-bottom:2px solid #f0f1f5;letter-spacing: -0.5px;}
.dashboard .memberInfo .restrictCount span.bold{font-size:15px;color:#585858;font-weight:bold;}

/* 신청 현황 */
.dashboard .request{width:100%;/*height:140px;*/border:1px solid #bfbfbf;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:0px 0px 10px;}
.dashboard .request .requestInfo{display:inline-block;width:25%;text-align:center;}
.dashboard .request .requestCount{display:inline-block;width:40%;text-align:center;}
.dashboard .request .aprvCount{display:inline-block;width:33%;text-align:right;font-size:13px;color:#444444;padding-right:10px;}

.dashboard .request .requestInfo > span{font-size:13px;font-weight:normal;color:#444444;}

.dashboard .request .requestCount div:first-child{margin-bottom:3px;}
.dashboard .request .requestCount > div > span{font-size:13px;font-weight:normal;color:#6a6a6a;}
.dashboard .request .requestCount > div > span:first-child{font-size:13px;/*font-weight:bold;*/color:#778eea;}
.dashboard .request .requestCount > div:first-child > span:first-child{font-size:21px;font-weight:bold;color:#778eea;line-height:29px;}

.dashboard .request .aprvCount div:first-child{margin-bottom:5px;}
.dashboard .request .aprvCount .permitCount{display:inline-block;width:50px;margin:0px 0px 0px 5px;height:21px;line-height:21px;background-color:#f0f1f5;font-size:13px;color:#4ab9e8;-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px;text-align:center}
.dashboard .request .aprvCount .rejectCount{display:inline-block;width:50px;margin:0px 0px 0px 5px;height:21px;line-height:21px;background-color:#fe9800;font-size:13px;color:#fff;-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px;text-align:center}

/* 설치 현황 */
.dashboard .agentStatus{width:100%;;}
.dashboard .agentStatus{font-size:13px;font-weight:normal;color:#6a6a6a;}
.dashboard .agentStatus .boldTxt01{font-size:20px;color:#0b3b72;}
.dashboard .agentStatus .boldTxt02{font-size:20px;color:#4ab9e8;}
.dashboard .agentStatus .boldTxt03{font-size:20px;color:#fe9800;}
/*20200924 설치현황 추가,수정 : 편*/
.dashboard .agentStatus .dlWrap{overflow:hidden;width:100%;margin:0px;padding:0px;}
.dashboard .agentStatus .dlWrap ul{width:100%;box-sizing: border-box;margin:0px;padding:0px;display: inline-table;}
.dashboard .agentStatus .dlWrap li{height:100%;display:table-cell;box-sizing: border-box;text-align:center;}
.dashboard .agentStatus .dlWrap li:nth-child(even){width:10px;margin:0px;padding:0px;min-width: 10px;}
.dashboard .agentStatus .dlWrap li:nth-child(odd){border:1px solid #c5cedb;box-sizing: border-box;border-radius:5px;min-width: 129px;vertical-align: bottom;}
.dashboard .agentStatus .dlWrap dl dt,dd{text-align:center;}
.dashboard .agentStatus .dlWrap dl{margin:10px;}
.dashboard .agentStatus .dlWrap dl dt{font-size:13px;color:#6a6a6a;padding:10px 0px;line-height:120%;display:table-cell;vertical-align:middle;width:40em;}
.dashboard .agentStatus .dlWrap dl dt img {display:block;margin:0px auto 8px;}
.dashboard .agentStatus .dlWrap dl dd span{font-size:20px;color:#363a54;margin-right:6px;}
.dashboard .agentStatus .dlWrap dl dd{font-size:13px;color:#0b3b72;margin:0px;padding:10px 0px;border-top:1px solid #778eea;}

/* 설치 현황 바 */
.dashboard .progress{width:100%;height:10px;background-color:#f0f1f5;-moz-border-radius:5.5px;-webkit-border-radius:5.5px;border-radius:5.5px}
.dashboard .progress .memberbar{width:70%;height:10px;background-color:#4ab9e8;-moz-border-radius:5.5px;-webkit-border-radius:5.5px;border-radius:5.5px}
.dashboard .progress .pcbar{width:70%;height:10px;background-color:#436fd7;-moz-border-radius:5.5px;-webkit-border-radius:5.5px;border-radius:5.5px}

/* 연장근무 소진현황*/
.dashboard .otStatus{width:100%;height:252px;margin:30px 0px 0px 0px;}
.w50 {width:49%;}

.dashboard .otStatus .weekGraph{height:100%;padding:10px 10px;border:1px solid #c5cedb;box-sizing: border-box;border-radius:5px;}
.weekGraph p{text-align:center;font-size:14px;}
.dashboard .otStatus .monthGraph{height:100%;padding:10px 10px;border:1px solid #c5cedb;box-sizing: border-box;border-radius:5px;}
.monthGraph p{text-align:center;font-size:14px;}
.graphArea{height:100%;padding:10px 0px 20px 0px;}

/* 설정 현황 */
.dashboard .applySet{width:100%;padding:15px 0px;border:1px solid #bfbfbf;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

/* 이미지 디자인 가이드 */
.inlblock {display:inline-table;width:calc(50% - 5px);}
.imgdiv {height:313px;background-color:#f2f4f5;width:calc(100% - 20px);text-align:center;padding:10px 0px;min-width:420px;}
.comnt {width:calc(100% - 10px);padding:10px 20px;min-width:420px;text-align:left;line-height:24px;}

/*20201008 - 추가됨 - 알림차단설정 > 알림창 등록관리 팝업*/
.tbl_100 {width:100%;margin:0px;padding:0px;display:inline-table;}
.tbl_100 th {border:none;background:none;text-align:left;}
.tbl_100 td {width:33%;text-align:center;vertical-align:middle;border:none;padding:10px 10px 0px 0px;}
.tbl_100 td.notification {width:33%;text-align:center;vertical-align:middle;border-right:10px solid white;padding:0px;background:#f3f4f5;}

.tui-chart .tui-chart-tooltip-area .tui-chart-tooltip .tui-chart-default-tooltip {background-color: rgba(11, 59, 114, 0.7);}
.tui-chart .tui-chart-tooltip-area .tui-chart-group-tooltip-sector {background-color: #c7e8fb;}
.tui-chart .tui-chart-tooltip-area .tui-chart-tooltip .tui-chart-default-tooltip>.tui-chart-tooltip-body span.tui-chart-legend-rect{width: 0px;/* margin-right: 8px;*/}

/*20201013 - 추가됨 - 노무수령거부 팝업관련*/
.btnRound_green {background-color:#72c417;padding:4px 26px 5px; font-size:13px;font-weight:500;color:#fff;-webkit-border-radius:16px;border-radius:16px;}
.btnRound_gray {background-color:#c5c5c5;padding:4px 26px 5px; font-size:13px;font-weight:500;color:#fff;-webkit-border-radius:16px;border-radius:16px;}
.notiBox {background:url(/resources/img/icon_sp_pop_noti2.png) no-repeat center top;padding:100px 20px 40px 20px;width:650px;margin:10px auto;text-align:center;}
.boxGray {background:#f8f8f8;padding:35px;border:1px solid #e5e5e5;}
.boxGray>p {font-size:15px;text-align:left;}

/*20210103 - 추가됨 - 재택그눔 아이콘 */
.ico_telecommuting {display:inline-block;padding-left:25px;background:url('/resources/img/icon/ico_telecommuting.png') no-repeat 0px 0px;}

/*비밀번호 변경 2021-08-02*/
.password:before{width:11px;background-position:-50px -850px}
.bdGrey.password:before{width:11px;background-position:0px -850px}

/*20210528 - 추가됨 - 연차촉진동의 및 계획 등록 팝업*/
.vacPromo {text-align:center;}
.vacPromo span.title {display:block;font-size:21px;color:#0b3b72;}
.vacPromo .vacGuide {background-color:#fff7e7;padding:20px;color:#333;font-size:14px;line-height:180%;}
.vacPromoCount {font-size:21px;float:right;margin:5px 20px 0px 10px;}
.vacPromoCount div {display:inline-block;text-align:right;}
.vacPromoCount div span.txt {display:block;font-size:12px;color:#666;}

.btnTipLink{float:right;position:relative;margin-top:3px;border-radius:3px;background-color:#778eea;-webkit-border-radius:3px;-moz-border-radius:3px;padding:0 12px 1px 12px;}
.btnTipLink2{float:right;position:relative;margin-top:3px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:2px solid #778eea;padding:0 12px 1px 12px;}

/*상품 별 대시보드 메뉴 hide*/
.productDiv{position:relative;}
.productHideDiv{border:2.5px solid #000;position:absolute;width:100%;height:100%;}
.hideDiv{width:100%;height:100%;background-color:#292929;opacity:0.7;text-align:center;display:flex;justify-content:center;align-items:center;}
.hideSpan{color:#fff;font-size:16px;}

/* 연장근무 사용현황 구분 */
.otAcptInput:disabled {color:#b3b3b3;background-color:#fff !important;}
.otAcptInput {width:38px !important;border:none;border-bottom:1px solid #b3b3b3;border-radius:0;color:#30343b;padding:0;margin-left:0 !important;}
/* 연장근무 사용현황 구분 */

/* 참조자 하이라이트 */
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {width: 100%; border-radius: 0;}

/* 결재선 */
.approvalTable {table-layout:fixed;}

.approvalTh {width:10%;}

@media only screen and (max-width: 1070px) {
    .topRightLinkBtn {
        display: none;
    }
}
@media only screen and (max-width: 830px) {
    .menuAll {
        display: none;
    }
}

.linkBtn{position:relative;border-radius:3px;margin-left:0;margin-bottom:10px;background-color:#778eea;-webkit-border-radius:3px;-moz-border-radius:3px;padding:0 12px 1px 12px;}