.grid-stack {
  position: relative;
}

.grid-stack-rtl {
  direction: ltr;
}
.grid-stack-rtl > .grid-stack-item {
  direction: rtl;
}

.grid-stack-placeholder > .placeholder-content {
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0;
  position: absolute;
  width: auto;
  z-index: 0 !important;
}

.grid-stack > .grid-stack-item {
  position: absolute;
  padding: 0;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
  margin: 0;
  position: absolute;
  width: auto;
/* overflow-x: hidden; */
/* overflow-y: auto; */
	overflow: hidden;
}
.grid-stack > .grid-stack-item.size-to-content:not(.size-to-content-max) > .grid-stack-item-content {
  overflow-y: hidden;
}

.grid-stack-item > .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.grid-stack-item.ui-resizable-disabled > .ui-resizable-handle, .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
  display: none;
}
.grid-stack-item > .ui-resizable-ne,
.grid-stack-item > .ui-resizable-nw,
.grid-stack-item > .ui-resizable-se,
.grid-stack-item > .ui-resizable-sw {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.grid-stack-item > .ui-resizable-ne {
  transform: rotate(45deg);
}
.grid-stack-item > .ui-resizable-sw {
  transform: rotate(45deg);
}
.grid-stack-item > .ui-resizable-nw {
  transform: rotate(-45deg);
}
.grid-stack-item > .ui-resizable-se {
  transform: rotate(-45deg);
}
.grid-stack-item > .ui-resizable-nw {
  cursor: nw-resize;
  width: 20px;
  height: 20px;
  top: 0;
}
.grid-stack-item > .ui-resizable-n {
  cursor: n-resize;
  height: 10px;
  top: 0;
  left: 25px;
  right: 25px;
}
.grid-stack-item > .ui-resizable-ne {
  cursor: ne-resize;
  width: 20px;
  height: 20px;
  top: 0;
}
.grid-stack-item > .ui-resizable-e {
  cursor: e-resize;
  width: 10px;
  top: 15px;
  bottom: 15px;
}
.grid-stack-item > .ui-resizable-se {
  cursor: se-resize;
  width: 20px;
  height: 20px;
}
.grid-stack-item > .ui-resizable-s {
  cursor: s-resize;
  height: 10px;
  left: 25px;
  bottom: 0;
  right: 25px;
}
.grid-stack-item > .ui-resizable-sw {
  cursor: sw-resize;
  width: 20px;
  height: 20px;
}
.grid-stack-item > .ui-resizable-w {
  cursor: w-resize;
  width: 10px;
  top: 15px;
  bottom: 15px;
}
.grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
  display: none !important;
}
.grid-stack-item.ui-draggable-dragging {
  will-change: left, top;
  cursor: move;
}
.grid-stack-item.ui-resizable-resizing {
  will-change: width, height;
}

.ui-draggable-dragging,
.ui-resizable-resizing {
  z-index: 10000;
}
.ui-draggable-dragging > .grid-stack-item-content,
.ui-resizable-resizing > .grid-stack-item-content {
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

.grid-stack-animate,
.grid-stack-animate .grid-stack-item {
  transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}

.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
  transition: left 0s, top 0s, height 0s, width 0s;
}

.grid-stack > .grid-stack-item[gs-y="0"] {
  top: 0px;
}

.grid-stack > .grid-stack-item[gs-x="0"] {
  left: 0%;
}

.gs-12 > .grid-stack-item {
  width: 8.333%;
}
.gs-12 > .grid-stack-item[gs-x="1"] {
  left: 8.333%;
}
.gs-12 > .grid-stack-item[gs-w="2"] {
  width: 16.667%;
}
.gs-12 > .grid-stack-item[gs-x="2"] {
  left: 16.667%;
}
.gs-12 > .grid-stack-item[gs-w="3"] {
  width: 25%;
}
.gs-12 > .grid-stack-item[gs-x="3"] {
  left: 25%;
}
.gs-12 > .grid-stack-item[gs-w="4"] {
  width: 33.333%;
}
.gs-12 > .grid-stack-item[gs-x="4"] {
  left: 33.333%;
}
.gs-12 > .grid-stack-item[gs-w="5"] {
  width: 41.667%;
}
.gs-12 > .grid-stack-item[gs-x="5"] {
  left: 41.667%;
}
.gs-12 > .grid-stack-item[gs-w="6"] {
  width: 50%;
}
.gs-12 > .grid-stack-item[gs-x="6"] {
  left: 50%;
}
.gs-12 > .grid-stack-item[gs-w="7"] {
  width: 58.333%;
}
.gs-12 > .grid-stack-item[gs-x="7"] {
  left: 58.333%;
}
.gs-12 > .grid-stack-item[gs-w="8"] {
  width: 66.667%;
}
.gs-12 > .grid-stack-item[gs-x="8"] {
  left: 66.667%;
}
.gs-12 > .grid-stack-item[gs-w="9"] {
  width: 75%;
}
.gs-12 > .grid-stack-item[gs-x="9"] {
  left: 75%;
}
.gs-12 > .grid-stack-item[gs-w="10"] {
  width: 83.333%;
}
.gs-12 > .grid-stack-item[gs-x="10"] {
  left: 83.333%;
}
.gs-12 > .grid-stack-item[gs-w="11"] {
  width: 91.667%;
}
.gs-12 > .grid-stack-item[gs-x="11"] {
  left: 91.667%;
}
.gs-12 > .grid-stack-item[gs-w="12"] {
  width: 100%;
}

.gs-1 > .grid-stack-item {
  width: 100%;
}









.editWidget {
	font-size: 14px;
	min-width: 240px;
	min-height: 240px;
/* 	border: 1px solid #DBDFE4; */
	box-sizing: border-box;
	background-color: #FFFFFF;
	position: absolute;
	margin: 10px;
}

/* 잠금상태 회색처리 */
/*
.grid-stack.grid-stack-static {
	background: #eee;
}
*/

/*
.sidebar > .grid-stack-item,
.grid-stack-item-content {
	font-size: 14px;
	width: 240px;
	height: 240px;
	border: 1px solid #DBDFE4;
	box-sizing: border-box;
	background-color: #FFFFFF;
	float: left;
	margin: 10px;
}
*/

/* 잠금상태 회색처리 */
/*
.ui-draggable-disabled.ui-resizable-disabled > .grid-stack-item-content {
	background-color: #777;
}
*/

.grid-stack-item-removing {
	opacity: 0.5;
}

/* make nested grid have slightly darker bg take almost all space (need some to tell them apart) so items inside can have similar to external size+margin */
.grid-stack > .grid-stack-item.grid-stack-sub-grid > .grid-stack-item-content {
	background: rgba(0,0,0,0.1);
	inset: 0 2px;
}

.grid-stack.grid-stack-nested {
	background: none;
	inset: 0;
}

.grid-stack.show-dimensions .grid-stack-item:after {
	content: '1x1';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 2px;
	color: black;
	background-color: white;
	pointer-events: none; /* to not interfere with dragging the item */
}

.grid-stack.show-dimensions .grid-stack-item[gs-h]::after {
	content: '1x' attr(gs-h);
}

.grid-stack.show-dimensions .grid-stack-item[gs-w]::after {
	content: attr(gs-w) 'x1';
}

.grid-stack.show-dimensions .grid-stack-item[gs-h][gs-w]::after {
	content: attr(gs-w) 'x' attr(gs-h);
}










.mCustomScrollbar::-webkit-scrollbar {
	width:5px; background:#F3F3F3; position:relative; border-radius:50px;
}
.mCustomScrollbar::-webkit-scrollbar-thumb {background:#2068E4; border-radius:50px;}

.mCustomScrollbar {
	padding-right: 5px;
}

.widget-my,
.widget-my a {
/* margin: 0; */
/* padding: 0; */
/* border: 0; */
	outline: 0;
	text-decoration: none;
	font-family: '맑은 고딕', 'malgun gothic', sans-serif;
	font-size: 13px;
	/* font-weight: 300; */
	color: #303030;
	letter-spacing: -0.04em;
/* line-height: 1.5; */
	-webkit-text-size-adjust: 100%;
}

.widget-my p {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	font-family: '맑은 고딕', 'malgun gothic', sans-serif;
	font-size: 13px;
	/* font-weight: 300; */
	color: #303030;
	letter-spacing: -0.04em;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}

#editWidgetWrap .center_menu_box ul li a,
#editWidgetWrap .right_area ul li a,
#editWidgetWrap .sub_menu a,
#editWidgetWrap .tab_btn_area,
#editWidgetWrap .tab_btn,
#editWidgetWrap .editWidget h2 {
	font-family:'Montserrat', 'Noto Sans KR', sans-serif !important;
}

#editWidgetWrap .editWidget h1, 
#editWidgetWrap .editWidget h2,
#editWidgetWrap .editWidget h3,
#editWidgetWrap .editWidget h4,
#editWidgetWrap .editWidget h5,
#editWidgetWrap .editWidget h6 {
	margin: 0;
	padding: 0;
}

#editWidgetWrap .editWidget dl,
#editWidgetWrap .editWidget dt,
#editWidgetWrap .editWidget dd,/*#editWidgetWrap .editWidget ul,*/
#editWidgetWrap .editWidget ol,
#editWidgetWrap .editWidget li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#editWidgetWrap .editWidget ul {
	list-style: none;
	padding: 0;
}


/* 정렬 */
#editWidgetWrap .L {text-align:left;}
#editWidgetWrap .C {text-align:center;}
#editWidgetWrap .R {text-align:right;}
#editWidgetWrap .FR {float: right;}

/*width*/
#editWidgetWrap .w70{width:70px;}
#editWidgetWrap .w80{width:80px;}
#editWidgetWrap .w100{width:100px;}
#editWidgetWrap .w120{width:120px;}
#editWidgetWrap .w125{width:125px;}
#editWidgetWrap .w130{width:130px;}
#editWidgetWrap .w150{width:150px;}
#editWidgetWrap .w160{width:160px;}
#editWidgetWrap .w200{width:200px;}
#editWidgetWrap .w250{width:250px;}
#editWidgetWrap .w444{width:444px;}
#editWidgetWrap .w15per{width:15%;}
#editWidgetWrap .w25per{width:25%;}
#editWidgetWrap .w30per{width:30%;}
#editWidgetWrap .w31per{width:31%;}
#editWidgetWrap .w33per{width:33%;}
#editWidgetWrap .w50per{width:50%;}
#editWidgetWrap .w80per{width:80%;}
#editWidgetWrap .w90per{width:90%;}
#editWidgetWrap .w100per{width:100%;}

#editWidgetWrap .mw800 {min-width:800px;}

/* margin*/
#editWidgetWrap .MT5 {margin-top:5px;}
#editWidgetWrap .MT10 {margin-top:10px;}
#editWidgetWrap .MT20 {margin-top:20px;}
#editWidgetWrap .MT30 {margin-top:30px;}
#editWidgetWrap .MT40 {margin-top:40px;}
#editWidgetWrap .MT50 {margin-top:50px;}
#editWidgetWrap .MB10 {margin-bottom:10px;}
#editWidgetWrap .MB30 {margin-bottom:30px;}
#editWidgetWrap .ML5 {margin-left:5px;}
#editWidgetWrap .ML10 {margin-left:10px;}
#editWidgetWrap .ML20 {margin-left:20px;}
#editWidgetWrap .ML30 {margin-left:30px;}

/*button*/
#editWidgetWrap .btn_S {display: inline-block; height: 20px; line-height: 20px; vertical-align: middle; box-sizing: border-box; padding: 0 10px; border-radius: 5px;}
#editWidgetWrap .btn_S.line {line-height: 18px;}
#editWidgetWrap .btn_M {display: inline-block; height: 30px; line-height: 30px; vertical-align: middle; box-sizing: border-box; padding: 0 20px; border-radius: 5px;}
#editWidgetWrap .btn_M.line {line-height: 28px;}
#editWidgetWrap .btn_L {display: inline-block; height: 40px; line-height: 36px; vertical-align: middle; box-sizing: border-box; padding: 0 20px; border-radius: 5px;}
#editWidgetWrap .btn_L span {font-size: 15px; line-height: 40px;}
#editWidgetWrap .btn_L.line {line-height: 36px;}
#editWidgetWrap .btn_icon {display: inline-block; width: 30px; height: 30px; background: center center no-repeat #fff; vertical-align: middle; border-radius: 5px; font-size: 0;}

#editWidgetWrap a.green {background-color: #5cbb46;}
#editWidgetWrap a.green span {color: #fff;}
#editWidgetWrap a.orange {background-color: #f78f1e;}
#editWidgetWrap a.orange span {color: #fff;}
#editWidgetWrap a.orange.line {background-color: #fff; border: 1px solid #f78f1e;}
#editWidgetWrap a.orange.line span {color: #f78f1e;}
#editWidgetWrap a.white, a.White {background-color: #fff;}
#editWidgetWrap a.white span, a.White span {color: #4D4D4D;}
#editWidgetWrap a.white.line, a.White.line {border: 1px solid #e6e6e6;}
#editWidgetWrap a.blue {background-color: var(--tblr-primary);}
#editWidgetWrap a.blue span {color: #fff;}
#editWidgetWrap a.blue.line {background-color: #fff; border: 1px solid #186FCC;}
#editWidgetWrap a.blue.line span {color: #186FCC;}
#editWidgetWrap a.lightgray {background-color: #e5e5e5;}
#editWidgetWrap a.lightgray span {color: #787878;}
#editWidgetWrap a.lightgray.line {background-color: #fff; border: 1px solid #e6e6e6;}
#editWidgetWrap a.lightgray.line span {color: #333;}
#editWidgetWrap a.darkgray {background-color: #767676;}
#editWidgetWrap a.darkgray span {color: #fff;}
#editWidgetWrap a.zoom_in {background-image: url('../../images/main/icon_plus.svg');}
#editWidgetWrap a.zoom_out {background-image: url('../../images/main/icon_minus.svg');}
#editWidgetWrap a.search {background-image: url('../../images/common/icon_search.svg');}
#editWidgetWrap a.btn_M.blue span, a.btn_M.lightgray span {line-height: 30px;}

#editWidgetWrap a.blue_disabled {background-color: #7A9BD8;}
#editWidgetWrap a.blue_disabled span {color: #CCCCCC;}
#editWidgetWrap a.blue_disabled.line {background-color: #fff; border: 1px solid #186FCC;}
#editWidgetWrap a.blue_disabled.line span {color: #186FCC;}

#editWidgetWrap .cursor_pointer {
	cursor: pointer;	
}

/*widget*/
#editWidgetWrap .p_11 {width: 240px; height: 240px; box-sizing: border-box; border: 1px solid #EBEBEB; padding: 25px; border-radius: 0; background: #fff; position: relative;}
#editWidgetWrap .p_21 {width: 500px; height: 240px; box-sizing: border-box; border: 1px solid #EBEBEB; padding: 25px; border-radius: 0; background: #fff; position: relative;}

#editWidgetWrap .p_11.blue {background: #1970CC; border: 1px solid #1970CC; color: #fff;}

#editWidgetWrap .p_11 h2, .p_21 h2 {font-size: 16px; font-weight: 700; color: #000; margin-bottom: 12px;}
#editWidgetWrap .p_11.blue h2 {color: #fff;}

#editWidgetWrap .p_11 .btn, .p_21 .btn {display: inline-block; width: 13px; height: 13px; font-size: 0; position: absolute; right: 26px; top: 28px;}
#editWidgetWrap .p_11 .btn.refresh, .p_21 .btn.refresh {background: url('../../images/main/icon_refresh.svg') center 50% no-repeat; background-size: contain;}
#editWidgetWrap .p_11.blue .btn.refresh {background: url('../../images/main/icon_refresh_white.svg') center 50% no-repeat; background-size: contain;}
#editWidgetWrap .p_11 .btn.more, .p_21 .btn.more {background: url('../../images/main/icon_plus.svg') center 50% no-repeat; background-size: contain;}
#editWidgetWrap .p_11 .btn.setting, .p_21 .btn.setting {background: url('../../images/main/icon_setting.svg') center 50% no-repeat; background-size: contain;}

/*list style*/
#editWidgetWrap .list li:not(:first-child) {margin-top: 6px;}
#editWidgetWrap .list li.title::after {content: ""; clear: both; display: block;}
#editWidgetWrap .list li a.title {display: inline-block; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 80%;}
#editWidgetWrap .list li a.new::before {content: url('../../images/common/icon_new.svg'); display: inline-block; vertical-align: middle; margin-right: 4px;}
#editWidgetWrap .list li .date {float: right;}
#editWidgetWrap .list li.title a:hover {text-decoration: underline;}

/*처리할 업무*/
#editWidgetWrap .task ul li {color: #fff; font-weight: 500;}
#editWidgetWrap .task ul li::after {content: ""; clear: both; display: block;}
#editWidgetWrap .task ul li a {color: inherit; font-weight: 300; float: right;}
#editWidgetWrap .task ul li a strong {color: inherit; font-weight: 500;}

/*일정*/
#editWidgetWrap .tab_sche {display: inline-block; width: 228px; margin-left: 10px;}
#editWidgetWrap .tab_sche .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#editWidgetWrap .tab_sche .tab_btn_area::after {content: ""; clear: both; display: block;}
#editWidgetWrap .tab_sche .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#editWidgetWrap .tab_sche .tab_btn:first-child {margin-left: 0;}
#editWidgetWrap .tab_sche .tab_btn.on {font-size: 16px; font-weight: 700; color: #000000;}
#editWidgetWrap .tab_sche .tab_cont {display: none;}
#editWidgetWrap .tab_sche .tab_cont.on {display: block;}

#editWidgetWrap .tab_sche .list li a.title {max-width: 100%;}

/*업무 바로가기*/
#editWidgetWrap .task_link .link_list {display: flex; flex-wrap: wrap;}
#editWidgetWrap .task_link .link_list li {margin-left: 49px; margin-top: 12px;}
#editWidgetWrap .task_link .link_list li:nth-child(5n+1) {margin-left: 0;}
#editWidgetWrap .task_link .link_list li:nth-child(-n+5) {margin-top: 0;}
#editWidgetWrap .task_link .link_list li a {display: inline-block; text-align: center;}
#editWidgetWrap .task_link .link_list li a img {width: 50px; height: 50px;}
#editWidgetWrap .task_link .link_list li a span {display: block; margin-top: 6px; line-height: 1;}

/*웹메일*/
#editWidgetWrap .tab_mail {display: inline-block;}
#editWidgetWrap .tab_mail .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#editWidgetWrap .tab_mail .tab_btn_area::after {content: ""; clear: both; display: block;}
#editWidgetWrap .tab_mail .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#editWidgetWrap .tab_mail .tab_btn:first-child {margin-left: 0;}
#editWidgetWrap .tab_mail .tab_btn.on {font-size: 16px; font-weight: 700; color: #000000;}
#editWidgetWrap .tab_mail .tab_cont {display: none; width: 188px;}
#editWidgetWrap .tab_mail .tab_cont.on {display: block;}

#editWidgetWrap .webmail .list li a.title {max-width: 100%;}
#editWidgetWrap .mailWidget .list li a.title {max-width: 100%;}
#editWidgetWrap .mailWidget2 .list li a.title {max-width: 100%;}

/*근무현황*/
#editWidgetWrap .work .btn.refresh {right: 48px;}
#editWidgetWrap .work .status.my {margin: 20px 0;}
#editWidgetWrap .work .status p {line-height: 16px; margin-bottom: 10px; font-weight: 700;}
#editWidgetWrap .work .status p::after {content: ""; clear: both; display: block;}
#editWidgetWrap .work .status p .desc {float: right; font-size: 12px; line-height: inherit; font-weight: 400; color: #666;}
#editWidgetWrap .work .status .prog_wrap {display: inline-block; vertical-align: middle; position: relative; width: 83%;}
#editWidgetWrap .work .status .prog_wrap progress {width: 100%; height: 15px; border-radius: 5px; background: #e7e7e7; color: #186FCC;}
#editWidgetWrap .work .status .prog_wrap progress::-webkit-progress-bar {background: #e7e7e7; border-radius: 5px;}
#editWidgetWrap .work .status .prog_wrap progress::-webkit-progress-value {background: #186FCC; border-radius: 5px;}
#editWidgetWrap .work .status .prog_wrap .result {position: absolute; top: 1px; color: #fff; font-size: 13px; font-weight: 700;}
#editWidgetWrap .work .status .prog_wrap .max {position: absolute; right: 4px; top: 1px; color: #9b9b9b; font-size: 13px;}
#editWidgetWrap .work .status .prog_wrap .max.none {display: none;}
#editWidgetWrap .work .status .over {display: inline-block; width: 24px; height: 16px; line-height: 16px; margin-left: 4px; background: #ffeedc; text-align: center; color: #f78f1e; font-size: 13px; border-radius: 5px; vertical-align: middle;}
#editWidgetWrap .work .btn_M {display: block; width: 102px; box-sizing: border-box; margin: 0 auto;}

/* 공지사항 탭*/
#editWidgetWrap .tab_notice {display: inline-block;}
#editWidgetWrap .tab_notice .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#editWidgetWrap .tab_notice .tab_btn_area::after {content: ""; clear: both; display: block;}
#editWidgetWrap .tab_notice .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#editWidgetWrap .tab_notice .tab_btn:first-child {margin-left: 0;}
#editWidgetWrap .tab_notice .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#editWidgetWrap .tab_notice .tab_cont {display: none; width: 448px;}
#editWidgetWrap .tab_notice .tab_cont.on {display: block;}

/* 마일리지 현황 탭*/
#editWidgetWrap .tab_mileage {display: inline-block;}
#editWidgetWrap .tab_mileage .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#editWidgetWrap .tab_mileage .tab_btn_area::after {content: ""; clear: both; display: block;}
#editWidgetWrap .tab_mileage .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#editWidgetWrap .tab_mileage .tab_btn:first-child {margin-left: 0;}
#editWidgetWrap .tab_mileage .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#editWidgetWrap .tab_mileage .tab_cont {display: none; width: 448px;}
#editWidgetWrap .tab_mileage .tab_cont.on {display: block;}

/* 최근게시글 탭*/
#editWidgetWrap .tab_recent {display: inline-block;}
#editWidgetWrap .tab_recent .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#editWidgetWrap .tab_recent .tab_btn_area::after {content: ""; clear: both; display: block;}
#editWidgetWrap .tab_recent .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#editWidgetWrap .tab_recent .tab_btn:first-child {margin-left: 0;}
#editWidgetWrap .tab_recent .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#editWidgetWrap .tab_recent .tab_cont {display: none; width: 448px;}
#editWidgetWrap .tab_recent .tab_cont.on {display: block;}

/* 자유게시판 탭*/
#editWidgetWrap .tab_freeboard {display: inline-block;}
#editWidgetWrap .tab_freeboard .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#editWidgetWrap .tab_freeboard .tab_btn_area::after {content: ""; clear: both; display: block;}
#editWidgetWrap .tab_freeboard .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#editWidgetWrap .tab_freeboard .tab_btn:first-child {margin-left: 0;}
#editWidgetWrap .tab_freeboard .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#editWidgetWrap .tab_freeboard .tab_cont {display: none; width: 448px;}
#editWidgetWrap .tab_freeboard .tab_cont.on {display: block;}

/* 차세대시스템지원 위젯 */
#editWidgetWrap .tab_boardsupport {display: inline-block;}
#editWidgetWrap .tab_boardsupport .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#editWidgetWrap .tab_boardsupport .tab_btn_area::after {content: ""; clear: both; display: block;}
#editWidgetWrap .tab_boardsupport .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#editWidgetWrap .tab_boardsupport .tab_btn:first-child {margin-left: 0;}
#editWidgetWrap .tab_boardsupport .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#editWidgetWrap .tab_boardsupport .tab_cont {display: none; width: 448px;}
#editWidgetWrap .tab_boardsupport .tab_cont.on {display: block;}

/* 처리할 업무(ERP) 탭 */
#editWidgetWrap .tab_erpTodo {display: inline-block;}
#editWidgetWrap .tab_erpTodo .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#editWidgetWrap .tab_erpTodo .tab_btn_area::after {content: ""; clear: both; display: block;}
#editWidgetWrap .tab_erpTodo .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#editWidgetWrap .tab_erpTodo .tab_btn:first-child {margin-left: 0;}
#editWidgetWrap .tab_erpTodo .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#editWidgetWrap .tab_erpTodo .tab_cont {display: none; width: 200px;}
#editWidgetWrap .tab_erpTodo .tab_cont.on {display: block;}

/* 출장휴가 탭 */
#editWidgetWrap .tab_tripvacation {display: inline-block;}
#editWidgetWrap .tab_tripvacation .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#editWidgetWrap .tab_tripvacation .tab_btn_area::after {content: ""; clear: both; display: block;}
#editWidgetWrap .tab_tripvacation .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#editWidgetWrap .tab_tripvacation .tab_btn:first-child {margin-left: 0;}
#editWidgetWrap .tab_tripvacation .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#editWidgetWrap .tab_tripvacation .tab_cont {display: none; width: 190px; overflow-x: hidden;}
#editWidgetWrap .tab_tripvacation .tab_cont.on {display: block;}

/* 출장 2X1 탭 */
#editWidgetWrap .tab_tripvacation2 {display: inline-block;}
#editWidgetWrap .tab_tripvacation2 .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#editWidgetWrap .tab_tripvacation2 .tab_btn_area::after {content: ""; clear: both; display: block;}
#editWidgetWrap .tab_tripvacation2 .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#editWidgetWrap .tab_tripvacation2 .tab_btn:first-child {margin-left: 0;}
#editWidgetWrap .tab_tripvacation2 .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#editWidgetWrap .tab_tripvacation2 .tab_cont {display: none; width: 190px; overflow-x: hidden;}
#editWidgetWrap .tab_tripvacation2 .tab_cont.on {display: block;}

/* 지식제안 탭*/
#editWidgetWrap .tab_kms {display: inline-block;}
#editWidgetWrap .tab_kms .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#editWidgetWrap .tab_kms .tab_btn_area::after {content: ""; clear: both; display: block;}
#editWidgetWrap .tab_kms .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#editWidgetWrap .tab_kms .tab_btn:first-child {margin-left: 0;}
#editWidgetWrap .tab_kms .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#editWidgetWrap .tab_kms .tab_cont {display: none; width: 448px;}
#editWidgetWrap .tab_kms .tab_cont.on {display: block;}

/*임원재실현황*/
#editWidgetWrap .status .btn.setting {right: 48px;}
#editWidgetWrap .status .list {width: 200px; max-height: 155px; overflow-y: auto;}
#editWidgetWrap .status .list li {font-weight: 700; height: 20px; line-height: 20px;}
#editWidgetWrap .status .list li:not(:first-child) {margin-top: 7px;}
#editWidgetWrap .status .list li span.exist, .status .list li span.left {height: 20px; line-height: 20px; border-radius: 5px; padding: 0 10px; float: right; font-weight: 400;}
#editWidgetWrap .status .list li span.exist {background-color: #ffeedc; color: #f78f1e;}
#editWidgetWrap .status .list li span.left {background-color: #ededed; color: #787878}

/*근태현황*/
#editWidgetWrap .attend .btn_wrap {position: absolute; right: 48px; top: 25px; margin: 0;}
#editWidgetWrap .attend .btn_wrap li {float: left;}
#editWidgetWrap .attend .btn_wrap li:last-child {margin-left: 4px;}
#editWidgetWrap .attend .btn_wrap li a {padding: 0 8px;}
#editWidgetWrap .attend .btn_wrap li a span {font-size: 12px;}
#editWidgetWrap .attend .time {font-weight: 700; line-height: 2;}
#editWidgetWrap .attend .time::after {content: ""; clear: both; display: block}
#editWidgetWrap .attend .time span {font-weight: inherit; float: right;}
#editWidgetWrap .attend .graph_wrap {margin-top: 5px; text-align: center;}
#editWidgetWrap .attend .graph_wrap .graph {display: inline-block; width: 80px; height: 80px; line-height: 80px; background-color: #f5f5f5; border-radius: 50%; font-weight: 700;}
#editWidgetWrap .attend .graph_wrap .status_vac {font-weight: 700; line-height: 18px; margin-top: 10px;}
#editWidgetWrap .attend .graph_wrap .status_vac span {display: inline-block; vertical-align: middle; font-weight: 400; font-size: 12px; color: #fff; line-height: 18px; padding: 0 5px; margin-left: 5px; background-color: #f78f1e;}

/*차량예약 & 회의실예약*/
.reserve .list {width: 200px; height: 155px; overflow-y: auto;}
#editWidgetWrap .reserve .list li .btn_S {float: right;}
#editWidgetWrap .reserve .list li {height: 20px; line-height: 20px;}
#editWidgetWrap .reserve .list li:not(:first-child) {margin-top: 7px;}

/*차량예약*/
#editWidgetWrap .reserve.car .btn_S {position: absolute; right: 48px; top: 25px; padding: 0 8px;}
#editWidgetWrap .reserve.car .btn_S span {font-size: 12px;}
#editWidgetWrap .reserve.car .list li .disable, .reserve.car .list li .enable {height: 20px; line-height: 20px; border-radius: 5px; padding: 0 10px; float: right;}
#editWidgetWrap .reserve.car .list li .disable {background-color: #ededed; color: #787878;}
#editWidgetWrap .reserve.car .list li .enable {background-color: #e9fae5; color: #5cbb46;}

/*출장복명*/
#editWidgetWrap .business .list li a.title {max-width: 100%;}

/*커뮤니티*/
#editWidgetWrap .comm .list li a.title {max-width: 100%;}

/*헬프데스크*/
#editWidgetWrap .helpdesk .state_info {display: inline-block; vertical-align: middle; font-size: 0; margin-top: -4px;}
#editWidgetWrap .helpdesk .state_info span {font-size: 12px; color: #777; font-weight: 400; margin-left: 10px;}
#editWidgetWrap .helpdesk .state_info span img {margin-right: 4px; width: 5px;}
#editWidgetWrap .helpdesk .list li:not(:first-child) {margin-top: 11px;}
#editWidgetWrap .helpdesk .list li a.wait::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #f78f1e; vertical-align: middle; margin-right: 6px;}
#editWidgetWrap .helpdesk .list li a.afoot::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #186FCC; vertical-align: middle; margin-right: 6px;}
#editWidgetWrap .helpdesk .list li a.done::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #787878; vertical-align: middle; margin-right: 6px;}
#editWidgetWrap .helpdesk .list li a.new::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #5fba46; vertical-align: middle; margin-right: 6px;}
#editWidgetWrap .helpdesk .list li a.defer::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #a5a5a5; vertical-align: middle; margin-right: 6px;}
#editWidgetWrap .helpdesk .list li a.impossible::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #f24022; vertical-align: middle; margin-right: 6px;}

/*지식관리 탭*/
#editWidgetWrap .tab_know {display: inline-block;}
#editWidgetWrap .tab_know .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#editWidgetWrap .tab_know .tab_btn_area::after {content: ""; clear: both; display: block;}
#editWidgetWrap .tab_know .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#editWidgetWrap .tab_know .tab_btn:first-child {margin-left: 0;}
#editWidgetWrap .tab_know .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#editWidgetWrap .tab_know .tab_cont {display: none; width: 448px;}
#editWidgetWrap .tab_know .tab_cont.on {display: block;}

/*설문조사*/
#editWidgetWrap .survay .state_info {display: inline-block; vertical-align: middle; font-size: 0; margin-top: -4px;}
#editWidgetWrap .survay .state_info span {font-size: 12px; color: #777; font-weight: 400; margin-left: 10px;}
#editWidgetWrap .survay .state_info span img {margin-right: 6px;}
#editWidgetWrap .survay .list li:not(:first-child) {margin-top: 11px;}
#editWidgetWrap .survay .list li a {max-width: 100%;}
#editWidgetWrap .survay .list li a.wait::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #f78f1e; vertical-align: middle; margin-right: 6px;}
#editWidgetWrap .survay .list li a.afoot::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #186FCC; vertical-align: middle; margin-right: 6px;}
#editWidgetWrap .survay .list li a.done::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #787878; vertical-align: middle; margin-right: 6px;}

/*회의중계*/
#editWidgetWrap .trans {background: url('../../images/main/bg_trans.jpg') center center no-repeat; padding: 0;}
#editWidgetWrap .trans a {display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 900; color: #fff; text-align: center; line-height: 240px;}

/*매출목록 탭*/
#editWidgetWrap .tab_sales {display: inline-block;}
#editWidgetWrap .tab_sales .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#editWidgetWrap .tab_sales .tab_btn_area::after {content: ""; clear: both; display: block;}
#editWidgetWrap .tab_sales .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#editWidgetWrap .tab_sales .tab_btn:first-child {margin-left: 0;}
#editWidgetWrap .tab_sales .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#editWidgetWrap .tab_sales .tab_cont {display: none; width: 448px;}
#editWidgetWrap .tab_sales .tab_cont::after {content: ""; clear: both; display: block;}
#editWidgetWrap .tab_sales .tab_cont.on {display: block;}

#editWidgetWrap .sales .legends_area {font-size: 0; margin-bottom: 10px;}
#editWidgetWrap .sales .legends_area span {display: inline-block; vertical-align: middle; font-size: 12px; color: #666; line-height: 18px; margin-left: 5px;}
#editWidgetWrap .sales .legends_area .blue {background-color: var(--tblr-primary); padding: 0 5px; color: #fff;}
#editWidgetWrap .sales .legends_area .orange {background-color: #f78f1e; padding: 0 5px; color: #fff;}

#editWidgetWrap .sales .chart_area {font-size: 0;}
#editWidgetWrap .sales .chart_area li {display: inline-block; height: 100%; text-align: center; font-size: 0; vertical-align: middle; margin: 0 1px;}
#editWidgetWrap .sales li:first-child {margin-left: 0;}
#editWidgetWrap .sales li:last-child {margin-right: 0;}
#editWidgetWrap .sales li > div {display: inline-block; width: 24px; height: 100px;}
#editWidgetWrap .sales li > div .chart_val {font-size: 10px; text-align: center; margin-bottom: 6px;}
#editWidgetWrap .sales li .chart {display: inline-block; position: relative; width: 24px; height: 84px;}
#editWidgetWrap .sales li:nth-child(even) .chart {background: #f2f9fc;}
#editWidgetWrap .sales li .chart span {width: 15px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
#editWidgetWrap .sales li .chart span.year {background-color: var(--tblr-primary);}
#editWidgetWrap .sales li .chart span.total {background: #f78f1e;}

#editWidgetWrap .sales li .chart_tit {margin-top: 10px; font-weight: 700; text-align: center;}

/*직원조회*/
#editWidgetWrap .search .desc {line-height: 1.4;}
#editWidgetWrap .search .desc.gray {color: #666; margin-bottom: 18px;}
#editWidgetWrap .search .input_search {display: inline-block; width: 100%; height: 30px; line-height: 30px; box-sizing: border-box; border: 1px solid #186FCC; border-radius: 5px; padding: 0 10px; margin: 10px 0; background: #fff;}
#editWidgetWrap .search .btn_M {display: block; width: 66px; box-sizing: border-box; margin: 0 auto;}

/*사규*/
#editWidgetWrap .rules {background: url('../../images/main/bg_rules.jpg') center center no-repeat; padding: 0;}
#editWidgetWrap .rules a {display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 900; color: #fff; text-align: center; line-height: 240px;}

/*KMS링크*/
#editWidgetWrap .kmslink {background: url('../../images/main/bg_kmslink.png') center center no-repeat; padding: 0;}
#editWidgetWrap .kmslink a {display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 900; color: #fff; text-align: center; line-height: 240px;}

/*차량예약링크*/
.carlink {background: url('../../images/main/bg_carlink.png') center center no-repeat; padding: 0;}
.carlink a {display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 900; color: #fff; text-align: center; line-height: 240px;}

/*메일링크*/
#editWidgetWrap .maillink {background: url('../../images/main/bg_mail.png') center center no-repeat; padding: 0;}
#editWidgetWrap .maillink a {display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 900; color: #fff; text-align: center; line-height: 240px;}

/*배너*/
#editWidgetWrap .banner{padding:0;}
#editWidgetWrap .banner .flexslider1{position:relative; width:240px; height:240px; border-radius: 6px; overflow: hidden;}
#editWidgetWrap .banner .flexslider1 ul {margin: 0;}
#editWidgetWrap .banner .flexslider1 ul li{float:left; width:240px; height:240px;}
#editWidgetWrap .banner .flexslider1 ul li .contents {text-align:right; display: block; width:100%; height:100%; box-sizing:border-box; position: relative;}
#editWidgetWrap .banner .flexslider1 ul li .contents .text {position: absolute; left: 0; right: 0; top: 26px; z-index: 2; box-sizing: border-box; padding: 0 26px;}
#editWidgetWrap .banner .flexslider1 ul li .contents h4 {text-align:right; line-height:23px; font-size:18px; color:#fff; font-weight:700; letter-spacing: -0.1em;}
#editWidgetWrap .banner .flexslider1 ul li .contents .subTit {text-align:center; font-size: 13px; font-weight: 300; color: #fff; line-height: 16px; margin-top: 4px; margin-top: 132px;}

#editWidgetWrap .flexslider1 .flex-control-nav{position:absolute; bottom:26px; left:50%; transform: translateX(-50%);}
#editWidgetWrap .flex-control-nav li{float:left; width: 6px; height: 6px;}
/*#editWidgetWrap .flex-control-nav li:nth-child(2) {margin: 0 6px;} */
#editWidgetWrap.flex-control-nav li:nth-child(1) {margin-left: 0px; margin-right: 0px;}
#editWidgetWrap.flex-control-nav li a {display:block; width:100%; height:100%; text-indent:-9999px; background:url(../../images/main/bullet_page.svg) no-repeat center center; cursor: pointer;}
#editWidgetWrap.flex-control-nav li a.flex-active{display:block; width:6px; height:6px; text-indent:-9999px; background:url(../../images/main/bullet_page_on.svg) no-repeat center center;}

/*배너 1X1 */
#editWidgetWrap .banner1{padding:0;}
#editWidgetWrap .banner1 .flexslider1{position:relative; width:240px; height:240px; border-radius: 0px; overflow: hidden;}
#editWidgetWrap .banner1 .flexslider1 ul li{float:left; width:240px; height:240px;}
#editWidgetWrap .banner1 .flexslider1 ul li .contents {text-align:right; display: block; width:100%; height:100%; box-sizing:border-box; position: relative;}
#editWidgetWrap .banner1 .flexslider1 ul li .contents .text {position: absolute; left: 0; right: 0; top: 26px; z-index: 2; box-sizing: border-box; padding: 0 26px;}
#editWidgetWrap .banner1 .flexslider1 ul li .contents h4 {text-align:center; line-height:23px; font-size:18px; color:#fff; font-weight:700;}
#editWidgetWrap .banner1 .flexslider1 ul li .contents .subTit {text-align:center; font-size: 13px; font-weight: 300; color: #fff; line-height: 16px; margin-top: 4px; margin-top: 132px;}

#editWidgetWrap .flexslider1 .flex-control-nav{position:absolute; bottom:26px; left:50%; transform: translateX(-50%);}

/*배너 2X1 */
#editWidgetWrap .banner{padding:0;}
#editWidgetWrap .banner .flexslider2{position:relative; width:500px; height:240px; border-radius: 6px; overflow: hidden;}
#editWidgetWrap .banner .flexslider2 ul li{float:left; width:500px; height:240px;}
#editWidgetWrap .banner .flexslider2 ul li .contents {text-align:right; display: block; width:100%; height:100%; box-sizing:border-box; position: relative;}
#editWidgetWrap .banner .flexslider2 ul li .contents .text {position: absolute; left: 0; right: 0; top: 26px; z-index: 2; box-sizing: border-box; padding: 0 26px;}
#editWidgetWrap .banner .flexslider2 ul li .contents h4 {text-align:center; line-height:23px; font-size:18px; color:#fff; font-weight:700;}
#editWidgetWrap .banner .flexslider2 ul li .contents .subTit {text-align:center; font-size: 13px; font-weight: 300; color: #fff; line-height: 16px; margin-top: 4px; margin-top: 132px;}

#editWidgetWrap .flexslider2 .flex-control-nav{position:absolute; bottom:26px; left:50%; transform: translateX(-50%);}

#editWidgetWrap .flex-control-nav li{float:left; width: 6px; height: 6px;}
/* #editWidgetWrap .flex-control-nav li:nth-child(2) {margin: 0 6px;} */
#editWidgetWrap .flex-control-nav li:nth-child(1) {margin-left: 0px; margin-right: 0px;}
#editWidgetWrap .flex-control-nav li {margin-left: 6px; margin-right: 0px;}
#editWidgetWrap .flex-control-nav li a {display:block; width:100%; height:100%; text-indent:-9999px; background:url(../../images/main/bullet_page.svg) no-repeat center center; cursor: pointer;}
#editWidgetWrap .flex-control-nav li a.flex-active{display:block; width:6px; height:6px; text-indent:-9999px; background:url(../../images/main/bullet_page_on.svg) no-repeat center center;}










/* jquery ui 관련 CSS */
.ui-widget-content {
	background: none;
}

.ui-widget.ui-widget-content {
	border: 0px;
}

/* dialog(PC) 관련 CSS */
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	outline: 0;
	border-radius: 10px;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 0;
	position: relative;
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 15px;
}

.ui-dialog .ui-dialog-titlebar-close {
	width: 40px;
	height: 40px;
	background: url(../images/icon/icon_pop_close.png) no-repeat center;
	position: Absolute;
	right: 10px;
	top: 6px;
	cursor: pointer;
	text-indent: -9999px;
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
	width: 100%;
	height: 54px;
	color: #fff;
	font-size: 2.1em;
	text-indent: 30px;
	line-height: 54px;
	font-family: "NanumSquare", "돋움", "Dotum", Arial, Sans-serif;
	position: Relative;
	background: #214c9c;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: 5px 3px;
	cursor: pointer;
	outline: none;
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: center;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .0em;
	padding: 2em 2em 2em 2em;
	background-color: #fff;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
}

.ui-dialog-buttonset:after {
	clear: both;
	display: block;
	content: "";
}

/* 다이얼로그 타이틀바의 icon바 숨김 */
.ui-dialog-titlebar .ui-icon {
	background-image: none;
}

.ui-widget-overlay {
	background-color: #000;
	opacity: 0.2;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
}

/* datepiker 관련 CSS*/
.ui-datepicker {
	width: 17em;
	display: none
}

.ui-datepicker .ui-datepicker-header {
	/*display: none;*/
	position: relative;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	width: 6px;
	height: 12px;
	cursor: pointer;
	top: 50%;
	transform: translateY(-50%);
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	/*top: 1px;*/
}

.ui-datepicker .ui-datepicker-prev {
	left: 40px;
	background: url('../../images/main/arrow_L.svg') center center no-repeat #fff;
	background-size: contain;
}

.ui-datepicker .ui-datepicker-next {
	right: 40px;
	background: url('../../images/main/arrow_R.svg') center center no-repeat #fff;
	background-size: contain;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
	text-align: center;
	font-size: 16px;
	color: #231f20;
}

.ui-datepicker .ui-datepicker-title span {
	font-size: 16px;
	font-weight: 700;
	color: #231f20;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%
}

.ui-datepicker table {
	width: 100%;
	height: 162px;
	border-collapse: collapse;
	margin-top: 10px;
}

.ui-datepicker th {
	text-align: center;
	font-weight: 400;
	border: 0
}

.ui-datepicker td {
	border: 0;
	text-align: center;
}

.ui-datepicker td a {
	display: block;
	text-decoration: none;
	color: #4D4D4D;
	font-size: 14px;
}

.ui-datepicker .ui-datepicker-today a {
	color: #f78f1e;
	font-weight: 700;
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em
}

.ui-datepicker {
	width: 204px;
	float: left;
}

.ui-datepicker td span {
	color: #9b9d9e;
}

.ui-datepicker th {
	height: 28px;
}

.ui-datepicker th:first-child span, .ui-datepicker td:first-child a {
	color: #ff3e3e;
}

.ui-datepicker th:last-child span, .ui-datepicker td:last-child a {
	color: #44aae2;
}



















#viewGridPane .viewWidget {
	margin-top: 1rem;
	min-width: 240px;
	min-height: 240px;
	background-color: #FFFFFF;
}

.viewWidget {
	box-sizing: border-box;
}

#viewGridPane .center_menu_box ul li a,
#viewGridPane .right_area ul li a,
#viewGridPane .sub_menu a,
#viewGridPane .tab_btn_area,
#viewGridPane .tab_btn,
#viewGridPane .viewWidget h2 {
	font-family:'Montserrat', 'Noto Sans KR', sans-serif !important;
}

#viewGridPane .viewWidget h1, 
#viewGridPane .viewWidget h2,
#viewGridPane .viewWidget h3,
#viewGridPane .viewWidget h4,
#viewGridPane .viewWidget h5,
#viewGridPane .viewWidget h6 {
	margin: 0;
	padding: 0;
}

#viewGridPane .viewWidget dl,
#viewGridPane .viewWidget dt,
#viewGridPane .viewWidget dd,/*#viewGridPane .viewWidget ul,*/
#viewGridPane .viewWidget ol,
#viewGridPane .viewWidget li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#viewGridPane .viewWidget ul {
	list-style: none;
	padding: 0;
}


/* 정렬 */
#viewGridPane .L {text-align:left;}
#viewGridPane .C {text-align:center;}
#viewGridPane .R {text-align:right;}
#viewGridPane .FR {float: right;}

/*width*/
#viewGridPane .w70{width:70px;}
#viewGridPane .w80{width:80px;}
#viewGridPane .w100{width:100px;}
#viewGridPane .w120{width:120px;}
#viewGridPane .w125{width:125px;}
#viewGridPane .w130{width:130px;}
#viewGridPane .w150{width:150px;}
#viewGridPane .w160{width:160px;}
#viewGridPane .w200{width:200px;}
#viewGridPane .w250{width:250px;}
#viewGridPane .w444{width:444px;}
#viewGridPane .w15per{width:15%;}
#viewGridPane .w25per{width:25%;}
#viewGridPane .w30per{width:30%;}
#viewGridPane .w31per{width:31%;}
#viewGridPane .w33per{width:33%;}
#viewGridPane .w50per{width:50%;}
#viewGridPane .w80per{width:80%;}
#viewGridPane .w90per{width:90%;}
#viewGridPane .w100per{width:100%;}

#viewGridPane .mw800 {min-width:800px;}

/* margin*/
#viewGridPane .MT5 {margin-top:5px;}
#viewGridPane .MT10 {margin-top:10px;}
#viewGridPane .MT20 {margin-top:20px;}
#viewGridPane .MT30 {margin-top:30px;}
#viewGridPane .MT40 {margin-top:40px;}
#viewGridPane .MT50 {margin-top:50px;}
#viewGridPane .MB10 {margin-bottom:10px;}
#viewGridPane .MB30 {margin-bottom:30px;}
#viewGridPane .ML5 {margin-left:5px;}
#viewGridPane .ML10 {margin-left:10px;}
#viewGridPane .ML20 {margin-left:20px;}
#viewGridPane .ML30 {margin-left:30px;}

/*button*/
#viewGridPane .btn_S {display: inline-block; height: 20px; line-height: 20px; vertical-align: middle; box-sizing: border-box; padding: 0 10px; border-radius: 5px;}
#viewGridPane .btn_S.line {line-height: 18px;}
#viewGridPane .btn_M {display: inline-block; height: 30px; line-height: 30px; vertical-align: middle; box-sizing: border-box; padding: 0 20px; border-radius: 5px;}
#viewGridPane .btn_M.line {line-height: 28px;}
#viewGridPane .btn_L {display: inline-block; height: 40px; line-height: 36px; vertical-align: middle; box-sizing: border-box; padding: 0 20px; border-radius: 5px;}
#viewGridPane .btn_L span {font-size: 15px; line-height: 40px;}
#viewGridPane .btn_L.line {line-height: 36px;}
#viewGridPane .btn_icon {display: inline-block; width: 30px; height: 30px; background: center center no-repeat #fff; vertical-align: middle; border-radius: 5px; font-size: 0;}

#viewGridPane a.green {background-color: #5cbb46;}
#viewGridPane a.green span {color: #fff;}
#viewGridPane a.orange {background-color: #f78f1e;}
#viewGridPane a.orange span {color: #fff;}
#viewGridPane a.orange.line {background-color: #fff; border: 1px solid #f78f1e;}
#viewGridPane a.orange.line span {color: #f78f1e;}
#viewGridPane a.white, a.White {background-color: #fff;}
#viewGridPane a.white span, a.White span {color: #4D4D4D;}
#viewGridPane a.white.line, a.White.line {border: 1px solid #e6e6e6;}
#viewGridPane a.blue {background-color: var(--tblr-primary);}
#viewGridPane a.blue span {color: #fff;}
#viewGridPane a.blue.line {background-color: #fff; border: 1px solid #186FCC;}
#viewGridPane a.blue.line span {color: #186FCC;}
#viewGridPane a.lightgray {background-color: #e5e5e5;}
#viewGridPane a.lightgray span {color: #787878;}
#viewGridPane a.lightgray.line {background-color: #fff; border: 1px solid #e6e6e6;}
#viewGridPane a.lightgray.line span {color: #333;}
#viewGridPane a.darkgray {background-color: #767676;}
#viewGridPane a.darkgray span {color: #fff;}
#viewGridPane a.zoom_in {background-image: url('../../images/main/icon_plus.svg');}
#viewGridPane a.zoom_out {background-image: url('../../images/main/icon_minus.svg');}
#viewGridPane a.search {background-image: url('../../images/common/icon_search.svg');}
#viewGridPane a.btn_M.blue span, a.btn_M.lightgray span {line-height: 30px;}

#viewGridPane a.blue_disabled {background-color: #7A9BD8;}
#viewGridPane a.blue_disabled span {color: #CCCCCC;}
#viewGridPane a.blue_disabled.line {background-color: #fff; border: 1px solid #186FCC;}
#viewGridPane a.blue_disabled.line span {color: #186FCC;}

#viewGridPane .cursor_pointer {
	cursor: pointer;	
}

/*widget*/
#viewGridPane .p_11 {width: 240px; height: 240px; box-sizing: border-box; border: 1px solid #EBEBEB; padding: 25px; border-radius: 0; background: #fff; position: relative;}
#viewGridPane .p_21 {width: 500px; height: 240px; box-sizing: border-box; border: 1px solid #EBEBEB; padding: 25px; border-radius: 0; background: #fff; position: relative;}

#viewGridPane .p_11.blue {background: #1970CC; border: 1px solid #1970CC; color: #fff;}

#viewGridPane .p_11 h2, .p_21 h2 {font-size: 16px; font-weight: 700; color: #000; margin-bottom: 12px;}
#viewGridPane .p_11.blue h2 {color: #fff;}

#viewGridPane .p_11 .btn, .p_21 .btn {display: inline-block; width: 13px; height: 13px; font-size: 0; position: absolute; right: 26px; top: 28px;}
#viewGridPane .p_11 .btn.refresh, .p_21 .btn.refresh {background: url('../../images/main/icon_refresh.svg') center 50% no-repeat; background-size: contain;}
#viewGridPane .p_11.blue .btn.refresh {background: url('../../images/main/icon_refresh_white.svg') center 50% no-repeat; background-size: contain;}
#viewGridPane .p_11 .btn.more, .p_21 .btn.more {background: url('../../images/main/icon_plus.svg') center 50% no-repeat; background-size: contain;}
#viewGridPane .p_11 .btn.setting, .p_21 .btn.setting {background: url('../../images/main/icon_setting.svg') center 50% no-repeat; background-size: contain;}

/*list style*/
#viewGridPane .list li:not(:first-child) {margin-top: 6px;}
#viewGridPane .list li.title::after {content: ""; clear: both; display: block;}
#viewGridPane .list li a.title {display: inline-block; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 80%;}
#viewGridPane .list li a.new::before {content: url('../../images/common/icon_new.svg'); display: inline-block; vertical-align: middle; margin-right: 4px;}
#viewGridPane .list li .date {float: right;}
#viewGridPane .list li.title a:hover {text-decoration: underline;}

/*처리할 업무*/
#viewGridPane .task ul li {color: #fff; font-weight: 500;}
#viewGridPane .task ul li::after {content: ""; clear: both; display: block;}
#viewGridPane .task ul li a {color: inherit; font-weight: 300; float: right;}
#viewGridPane .task ul li a strong {color: inherit; font-weight: 500;}

/*일정*/
#viewGridPane .tab_sche {display: inline-block; width: 228px; margin-left: 10px;}
#viewGridPane .tab_sche .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#viewGridPane .tab_sche .tab_btn_area::after {content: ""; clear: both; display: block;}
#viewGridPane .tab_sche .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#viewGridPane .tab_sche .tab_btn:first-child {margin-left: 0;}
#viewGridPane .tab_sche .tab_btn.on {font-size: 16px; font-weight: 700; color: #000000;}
#viewGridPane .tab_sche .tab_cont {display: none;}
#viewGridPane .tab_sche .tab_cont.on {display: block;}

#viewGridPane .tab_sche .list li a.title {max-width: 100%;}

/*업무 바로가기*/
#viewGridPane .task_link .link_list {display: flex; flex-wrap: wrap;}
#viewGridPane .task_link .link_list li {margin-left: 49px; margin-top: 12px;}
#viewGridPane .task_link .link_list li:nth-child(5n+1) {margin-left: 0;}
#viewGridPane .task_link .link_list li:nth-child(-n+5) {margin-top: 0;}
#viewGridPane .task_link .link_list li a {display: inline-block; text-align: center;}
#viewGridPane .task_link .link_list li a img {width: 50px; height: 50px;}
#viewGridPane .task_link .link_list li a span {display: block; margin-top: 6px; line-height: 1;}

/*웹메일*/
#viewGridPane .tab_mail {display: inline-block;}
#viewGridPane .tab_mail .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#viewGridPane .tab_mail .tab_btn_area::after {content: ""; clear: both; display: block;}
#viewGridPane .tab_mail .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#viewGridPane .tab_mail .tab_btn:first-child {margin-left: 0;}
#viewGridPane .tab_mail .tab_btn.on {font-size: 16px; font-weight: 700; color: #000000;}
#viewGridPane .tab_mail .tab_cont {display: none; width: 188px;}
#viewGridPane .tab_mail .tab_cont.on {display: block;}

#viewGridPane .webmail .list li a.title {max-width: 100%;}
#viewGridPane .mailWidget .list li a.title {max-width: 100%;}
#viewGridPane .mailWidget2 .list li a.title {max-width: 100%;}

/*근무현황*/
#viewGridPane .work .btn.refresh {right: 48px;}
#viewGridPane .work .status.my {margin: 20px 0;}
#viewGridPane .work .status p {line-height: 16px; margin-bottom: 10px; font-weight: 700;}
#viewGridPane .work .status p::after {content: ""; clear: both; display: block;}
#viewGridPane .work .status p .desc {float: right; font-size: 12px; line-height: inherit; font-weight: 400; color: #666;}
#viewGridPane .work .status .prog_wrap {display: inline-block; vertical-align: middle; position: relative; width: 83%;}
#viewGridPane .work .status .prog_wrap progress {width: 100%; height: 15px; border-radius: 5px; background: #e7e7e7; color: #186FCC;}
#viewGridPane .work .status .prog_wrap progress::-webkit-progress-bar {background: #e7e7e7; border-radius: 5px;}
#viewGridPane .work .status .prog_wrap progress::-webkit-progress-value {background: #186FCC; border-radius: 5px;}
#viewGridPane .work .status .prog_wrap .result {position: absolute; top: 1px; color: #fff; font-size: 13px; font-weight: 700;}
#viewGridPane .work .status .prog_wrap .max {position: absolute; right: 4px; top: 1px; color: #9b9b9b; font-size: 13px;}
#viewGridPane .work .status .prog_wrap .max.none {display: none;}
#viewGridPane .work .status .over {display: inline-block; width: 24px; height: 16px; line-height: 16px; margin-left: 4px; background: #ffeedc; text-align: center; color: #f78f1e; font-size: 13px; border-radius: 5px; vertical-align: middle;}
#viewGridPane .work .btn_M {display: block; width: 102px; box-sizing: border-box; margin: 0 auto;}

/* 공지사항 탭*/
#viewGridPane .tab_notice {display: inline-block;}
#viewGridPane .tab_notice .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#viewGridPane .tab_notice .tab_btn_area::after {content: ""; clear: both; display: block;}
#viewGridPane .tab_notice .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#viewGridPane .tab_notice .tab_btn:first-child {margin-left: 0;}
#viewGridPane .tab_notice .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#viewGridPane .tab_notice .tab_cont {display: none; width: 448px;}
#viewGridPane .tab_notice .tab_cont.on {display: block;}

/* 마일리지 현황 탭*/
#viewGridPane .tab_mileage {display: inline-block;}
#viewGridPane .tab_mileage .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#viewGridPane .tab_mileage .tab_btn_area::after {content: ""; clear: both; display: block;}
#viewGridPane .tab_mileage .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#viewGridPane .tab_mileage .tab_btn:first-child {margin-left: 0;}
#viewGridPane .tab_mileage .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#viewGridPane .tab_mileage .tab_cont {display: none; width: 448px;}
#viewGridPane .tab_mileage .tab_cont.on {display: block;}

/* 최근게시글 탭*/
#viewGridPane .tab_recent {display: inline-block;}
#viewGridPane .tab_recent .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#viewGridPane .tab_recent .tab_btn_area::after {content: ""; clear: both; display: block;}
#viewGridPane .tab_recent .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#viewGridPane .tab_recent .tab_btn:first-child {margin-left: 0;}
#viewGridPane .tab_recent .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#viewGridPane .tab_recent .tab_cont {display: none; width: 448px;}
#viewGridPane .tab_recent .tab_cont.on {display: block;}

/* 자유게시판 탭*/
#viewGridPane .tab_freeboard {display: inline-block;}
#viewGridPane .tab_freeboard .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#viewGridPane .tab_freeboard .tab_btn_area::after {content: ""; clear: both; display: block;}
#viewGridPane .tab_freeboard .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#viewGridPane .tab_freeboard .tab_btn:first-child {margin-left: 0;}
#viewGridPane .tab_freeboard .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#viewGridPane .tab_freeboard .tab_cont {display: none; width: 448px;}
#viewGridPane .tab_freeboard .tab_cont.on {display: block;}

/* 차세대시스템지원 위젯 */
#viewGridPane .tab_boardsupport {display: inline-block;}
#viewGridPane .tab_boardsupport .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#viewGridPane .tab_boardsupport .tab_btn_area::after {content: ""; clear: both; display: block;}
#viewGridPane .tab_boardsupport .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#viewGridPane .tab_boardsupport .tab_btn:first-child {margin-left: 0;}
#viewGridPane .tab_boardsupport .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#viewGridPane .tab_boardsupport .tab_cont {display: none; width: 448px;}
#viewGridPane .tab_boardsupport .tab_cont.on {display: block;}

/* 처리할 업무(ERP) 탭 */
#viewGridPane .tab_erpTodo {display: inline-block;}
#viewGridPane .tab_erpTodo .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#viewGridPane .tab_erpTodo .tab_btn_area::after {content: ""; clear: both; display: block;}
#viewGridPane .tab_erpTodo .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#viewGridPane .tab_erpTodo .tab_btn:first-child {margin-left: 0;}
#viewGridPane .tab_erpTodo .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#viewGridPane .tab_erpTodo .tab_cont {display: none; width: 200px;}
#viewGridPane .tab_erpTodo .tab_cont.on {display: block;}

/* 출장휴가 탭 */
#viewGridPane .tab_tripvacation {display: inline-block;}
#viewGridPane .tab_tripvacation .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#viewGridPane .tab_tripvacation .tab_btn_area::after {content: ""; clear: both; display: block;}
#viewGridPane .tab_tripvacation .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#viewGridPane .tab_tripvacation .tab_btn:first-child {margin-left: 0;}
#viewGridPane .tab_tripvacation .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#viewGridPane .tab_tripvacation .tab_cont {display: none; width: 190px; overflow-x: hidden;}
#viewGridPane .tab_tripvacation .tab_cont.on {display: block;}

/* 출장 2X1 탭 */
#viewGridPane .tab_tripvacation2 {display: inline-block;}
#viewGridPane .tab_tripvacation2 .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#viewGridPane .tab_tripvacation2 .tab_btn_area::after {content: ""; clear: both; display: block;}
#viewGridPane .tab_tripvacation2 .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#viewGridPane .tab_tripvacation2 .tab_btn:first-child {margin-left: 0;}
#viewGridPane .tab_tripvacation2 .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#viewGridPane .tab_tripvacation2 .tab_cont {display: none; width: 190px; overflow-x: hidden;}
#viewGridPane .tab_tripvacation2 .tab_cont.on {display: block;}

/* 지식제안 탭*/
#viewGridPane .tab_kms {display: inline-block;}
#viewGridPane .tab_kms .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#viewGridPane .tab_kms .tab_btn_area::after {content: ""; clear: both; display: block;}
#viewGridPane .tab_kms .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#viewGridPane .tab_kms .tab_btn:first-child {margin-left: 0;}
#viewGridPane .tab_kms .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#viewGridPane .tab_kms .tab_cont {display: none; width: 448px;}
#viewGridPane .tab_kms .tab_cont.on {display: block;}

/*임원재실현황*/
#viewGridPane .status .btn.setting {right: 48px;}
#viewGridPane .status .list {width: 200px; max-height: 155px; overflow-y: auto;}
#viewGridPane .status .list li {font-weight: 700; height: 20px; line-height: 20px;}
#viewGridPane .status .list li:not(:first-child) {margin-top: 7px;}
#viewGridPane .status .list li span.exist, .status .list li span.left {height: 20px; line-height: 20px; border-radius: 5px; padding: 0 10px; float: right; font-weight: 400;}
#viewGridPane .status .list li span.exist {background-color: #ffeedc; color: #f78f1e;}
#viewGridPane .status .list li span.left {background-color: #ededed; color: #787878}

/*근태현황*/
#viewGridPane .attend .btn_wrap {position: absolute; right: 48px; top: 25px; margin: 0;}
#viewGridPane .attend .btn_wrap li {float: left;}
#viewGridPane .attend .btn_wrap li:last-child {margin-left: 4px;}
#viewGridPane .attend .btn_wrap li a {padding: 0 8px;}
#viewGridPane .attend .btn_wrap li a span {font-size: 12px;}
#viewGridPane .attend .time {font-weight: 700; line-height: 2;}
#viewGridPane .attend .time::after {content: ""; clear: both; display: block}
#viewGridPane .attend .time span {font-weight: inherit; float: right;}
#viewGridPane .attend .graph_wrap {margin-top: 5px; text-align: center;}
#viewGridPane .attend .graph_wrap .graph {display: inline-block; width: 80px; height: 80px; line-height: 80px; background-color: #f5f5f5; border-radius: 50%; font-weight: 700;}
#viewGridPane .attend .graph_wrap .status_vac {font-weight: 700; line-height: 18px; margin-top: 10px;}
#viewGridPane .attend .graph_wrap .status_vac span {display: inline-block; vertical-align: middle; font-weight: 400; font-size: 12px; color: #fff; line-height: 18px; padding: 0 5px; margin-left: 5px; background-color: #f78f1e;}

/*차량예약 & 회의실예약*/
.reserve .list {width: 200px; height: 155px; overflow-y: auto;}
#viewGridPane .reserve .list li .btn_S {float: right;}
#viewGridPane .reserve .list li {height: 20px; line-height: 20px;}
#viewGridPane .reserve .list li:not(:first-child) {margin-top: 7px;}

/*차량예약*/
#viewGridPane .reserve.car .btn_S {position: absolute; right: 48px; top: 25px; padding: 0 8px;}
#viewGridPane .reserve.car .btn_S span {font-size: 12px;}
#viewGridPane .reserve.car .list li .disable, .reserve.car .list li .enable {height: 20px; line-height: 20px; border-radius: 5px; padding: 0 10px; float: right;}
#viewGridPane .reserve.car .list li .disable {background-color: #ededed; color: #787878;}
#viewGridPane .reserve.car .list li .enable {background-color: #e9fae5; color: #5cbb46;}

/*출장복명*/
#viewGridPane .business .list li a.title {max-width: 100%;}

/*커뮤니티*/
#viewGridPane .comm .list li a.title {max-width: 100%;}

/*헬프데스크*/
#viewGridPane .helpdesk .state_info {display: inline-block; vertical-align: middle; font-size: 0; margin-top: -4px;}
#viewGridPane .helpdesk .state_info span {font-size: 12px; color: #777; font-weight: 400; margin-left: 10px;}
#viewGridPane .helpdesk .state_info span img {margin-right: 4px; width: 5px;}
#viewGridPane .helpdesk .list li:not(:first-child) {margin-top: 11px;}
#viewGridPane .helpdesk .list li a.wait::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #f78f1e; vertical-align: middle; margin-right: 6px;}
#viewGridPane .helpdesk .list li a.afoot::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #186FCC; vertical-align: middle; margin-right: 6px;}
#viewGridPane .helpdesk .list li a.done::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #787878; vertical-align: middle; margin-right: 6px;}
#viewGridPane .helpdesk .list li a.new::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #5fba46; vertical-align: middle; margin-right: 6px;}
#viewGridPane .helpdesk .list li a.defer::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #a5a5a5; vertical-align: middle; margin-right: 6px;}
#viewGridPane .helpdesk .list li a.impossible::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #f24022; vertical-align: middle; margin-right: 6px;}

/*지식관리 탭*/
#viewGridPane .tab_know {display: inline-block;}
#viewGridPane .tab_know .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#viewGridPane .tab_know .tab_btn_area::after {content: ""; clear: both; display: block;}
#viewGridPane .tab_know .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#viewGridPane .tab_know .tab_btn:first-child {margin-left: 0;}
#viewGridPane .tab_know .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#viewGridPane .tab_know .tab_cont {display: none; width: 448px;}
#viewGridPane .tab_know .tab_cont.on {display: block;}

/*설문조사*/
#viewGridPane .survay .state_info {display: inline-block; vertical-align: middle; font-size: 0; margin-top: -4px;}
#viewGridPane .survay .state_info span {font-size: 12px; color: #777; font-weight: 400; margin-left: 10px;}
#viewGridPane .survay .state_info span img {margin-right: 6px;}
#viewGridPane .survay .list li:not(:first-child) {margin-top: 11px;}
#viewGridPane .survay .list li a {max-width: 100%;}
#viewGridPane .survay .list li a.wait::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #f78f1e; vertical-align: middle; margin-right: 6px;}
#viewGridPane .survay .list li a.afoot::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #186FCC; vertical-align: middle; margin-right: 6px;}
#viewGridPane .survay .list li a.done::before {content: ""; display: inline-block; width: 2px; height: 22px; background-color: #787878; vertical-align: middle; margin-right: 6px;}

/*회의중계*/
#viewGridPane .trans {background: url('../../images/main/bg_trans.jpg') center center no-repeat; padding: 0;}
#viewGridPane .trans a {display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 900; color: #fff; text-align: center; line-height: 240px;}

/*매출목록 탭*/
#viewGridPane .tab_sales {display: inline-block;}
#viewGridPane .tab_sales .tab_btn_area {margin-bottom: 12px; font-size: 0;}
#viewGridPane .tab_sales .tab_btn_area::after {content: ""; clear: both; display: block;}
#viewGridPane .tab_sales .tab_btn {display: inline-block; cursor: pointer; font-size: 16px; color: #666; margin-left: 10px; vertical-align: baseline;}
#viewGridPane .tab_sales .tab_btn:first-child {margin-left: 0;}
#viewGridPane .tab_sales .tab_btn.on {font-size: 16px; font-weight: 700; color: #000;}
#viewGridPane .tab_sales .tab_cont {display: none; width: 448px;}
#viewGridPane .tab_sales .tab_cont::after {content: ""; clear: both; display: block;}
#viewGridPane .tab_sales .tab_cont.on {display: block;}

#viewGridPane .sales .legends_area {font-size: 0; margin-bottom: 10px;}
#viewGridPane .sales .legends_area span {display: inline-block; vertical-align: middle; font-size: 12px; color: #666; line-height: 18px; margin-left: 5px;}
#viewGridPane .sales .legends_area .blue {background-color: var(--tblr-primary); padding: 0 5px; color: #fff;}
#viewGridPane .sales .legends_area .orange {background-color: #f78f1e; padding: 0 5px; color: #fff;}

#viewGridPane .sales .chart_area {font-size: 0;}
#viewGridPane .sales .chart_area li {display: inline-block; height: 100%; text-align: center; font-size: 0; vertical-align: middle; margin: 0 1px;}
#viewGridPane .sales li:first-child {margin-left: 0;}
#viewGridPane .sales li:last-child {margin-right: 0;}
#viewGridPane .sales li > div {display: inline-block; width: 24px; height: 100px;}
#viewGridPane .sales li > div .chart_val {font-size: 10px; text-align: center; margin-bottom: 6px;}
#viewGridPane .sales li .chart {display: inline-block; position: relative; width: 24px; height: 84px;}
#viewGridPane .sales li:nth-child(even) .chart {background: #f2f9fc;}
#viewGridPane .sales li .chart span {width: 15px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
#viewGridPane .sales li .chart span.year {background-color: var(--tblr-primary);}
#viewGridPane .sales li .chart span.total {background: #f78f1e;}

#viewGridPane .sales li .chart_tit {margin-top: 10px; font-weight: 700; text-align: center;}

/*직원조회*/
#viewGridPane .search .desc {line-height: 1.4;}
#viewGridPane .search .desc.gray {color: #666; margin-bottom: 18px;}
#viewGridPane .search .input_search {display: inline-block; width: 100%; height: 30px; line-height: 30px; box-sizing: border-box; border: 1px solid #186FCC; border-radius: 5px; padding: 0 10px; margin: 10px 0; background: #fff;}
#viewGridPane .search .btn_M {display: block; width: 66px; box-sizing: border-box; margin: 0 auto;}

/*사규*/
#viewGridPane .rules {background: url('../../images/main/bg_rules.jpg') center center no-repeat; padding: 0;}
#viewGridPane .rules a {display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 900; color: #fff; text-align: center; line-height: 240px;}

/*KMS링크*/
#viewGridPane .kmslink {background: url('../../images/main/bg_kmslink.png') center center no-repeat; padding: 0;}
#viewGridPane .kmslink a {display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 900; color: #fff; text-align: center; line-height: 240px;}

/*차량예약링크*/
.carlink {background: url('../../images/main/bg_carlink.png') center center no-repeat; padding: 0;}
.carlink a {display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 900; color: #fff; text-align: center; line-height: 240px;}

/*메일링크*/
#viewGridPane .maillink {background: url('../../images/main/bg_mail.png') center center no-repeat; padding: 0;}
#viewGridPane .maillink a {display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 900; color: #fff; text-align: center; line-height: 240px;}

/*배너*/
#viewGridPane .banner{padding:0;}
#viewGridPane .banner .flexslider1{position:relative; width:240px; height:240px; border-radius: 6px; overflow: hidden;}
#viewGridPane .banner .flexslider1 ul {margin: 0;}
#viewGridPane .banner .flexslider1 ul li{float:left; width:240px; height:240px;}
#viewGridPane .banner .flexslider1 ul li .contents {text-align:right; display: block; width:100%; height:100%; box-sizing:border-box; position: relative;}
#viewGridPane .banner .flexslider1 ul li .contents .text {position: absolute; left: 0; right: 0; top: 26px; z-index: 2; box-sizing: border-box; padding: 0 26px;}
#viewGridPane .banner .flexslider1 ul li .contents h4 {text-align:right; line-height:23px; font-size:18px; color:#fff; font-weight:700; letter-spacing: -0.1em;}
#viewGridPane .banner .flexslider1 ul li .contents .subTit {text-align:center; font-size: 13px; font-weight: 300; color: #fff; line-height: 16px; margin-top: 4px; margin-top: 132px;}

#viewGridPane .flexslider1 .flex-control-nav{position:absolute; bottom:26px; left:50%; transform: translateX(-50%);}
#viewGridPane .flex-control-nav li{float:left; width: 6px; height: 6px;}
/*#viewGridPane .flex-control-nav li:nth-child(2) {margin: 0 6px;} */
#viewGridPane.flex-control-nav li:nth-child(1) {margin-left: 0px; margin-right: 0px;}
#viewGridPane.flex-control-nav li a {display:block; width:100%; height:100%; text-indent:-9999px; background:url(../../images/main/bullet_page.svg) no-repeat center center; cursor: pointer;}
#viewGridPane.flex-control-nav li a.flex-active{display:block; width:6px; height:6px; text-indent:-9999px; background:url(../../images/main/bullet_page_on.svg) no-repeat center center;}

/*배너 1X1 */
#viewGridPane .banner1{padding:0;}
#viewGridPane .banner1 .flexslider1{position:relative; width:240px; height:240px; border-radius: 0px; overflow: hidden;}
#viewGridPane .banner1 .flexslider1 ul li{float:left; width:240px; height:240px;}
#viewGridPane .banner1 .flexslider1 ul li .contents {text-align:right; display: block; width:100%; height:100%; box-sizing:border-box; position: relative;}
#viewGridPane .banner1 .flexslider1 ul li .contents .text {position: absolute; left: 0; right: 0; top: 26px; z-index: 2; box-sizing: border-box; padding: 0 26px;}
#viewGridPane .banner1 .flexslider1 ul li .contents h4 {text-align:center; line-height:23px; font-size:18px; color:#fff; font-weight:700;}
#viewGridPane .banner1 .flexslider1 ul li .contents .subTit {text-align:center; font-size: 13px; font-weight: 300; color: #fff; line-height: 16px; margin-top: 4px; margin-top: 132px;}

#viewGridPane .flexslider1 .flex-control-nav{position:absolute; bottom:26px; left:50%; transform: translateX(-50%);}

/*배너 2X1 */
#viewGridPane .banner{padding:0;}
#viewGridPane .banner .flexslider2{position:relative; width:500px; height:240px; border-radius: 6px; overflow: hidden;}
#viewGridPane .banner .flexslider2 ul li{float:left; width:500px; height:240px;}
#viewGridPane .banner .flexslider2 ul li .contents {text-align:right; display: block; width:100%; height:100%; box-sizing:border-box; position: relative;}
#viewGridPane .banner .flexslider2 ul li .contents .text {position: absolute; left: 0; right: 0; top: 26px; z-index: 2; box-sizing: border-box; padding: 0 26px;}
#viewGridPane .banner .flexslider2 ul li .contents h4 {text-align:center; line-height:23px; font-size:18px; color:#fff; font-weight:700;}
#viewGridPane .banner .flexslider2 ul li .contents .subTit {text-align:center; font-size: 13px; font-weight: 300; color: #fff; line-height: 16px; margin-top: 4px; margin-top: 132px;}

#viewGridPane .flexslider2 .flex-control-nav{position:absolute; bottom:26px; left:50%; transform: translateX(-50%);}

#viewGridPane .flex-control-nav li{float:left; width: 6px; height: 6px;}
/* #viewGridPane .flex-control-nav li:nth-child(2) {margin: 0 6px;} */
#viewGridPane .flex-control-nav li:nth-child(1) {margin-left: 0px; margin-right: 0px;}
#viewGridPane .flex-control-nav li {margin-left: 6px; margin-right: 0px;}
#viewGridPane .flex-control-nav li a {display:block; width:100%; height:100%; text-indent:-9999px; background:url(../../images/main/bullet_page.svg) no-repeat center center; cursor: pointer;}
#viewGridPane .flex-control-nav li a.flex-active{display:block; width:6px; height:6px; text-indent:-9999px; background:url(../../images/main/bullet_page_on.svg) no-repeat center center;}

#viewGridPane .list li a.title,
#editWidgetWrap .list li a.title {
	color: var(--tblr-card-color) !important;
}

#viewGridPane .list li a.title:hover,
#editWidgetWrap .list li a.title:hover {
	color: var(--tblr-link-color) !important;
}