:root {
	--c1: #4E89AE;
	--c1-light: #dfe7eb;
	--c2: #30475E;
	--c3: #fadcac;
	--light-c: #e5e5e5;
	--dark-c: #292929;
}


/*
	default style
*/

.t_center {
	text-align: center;
}

.t_right {
	text-align: right;
}

/* margin */
.marR5 {
	margin-right: 5px;
}

/* box display Flex */
.boxFlex {
	display: flex;
	flex-direction: column;
}
.boxFlex .flex-1 {
	flex: 1;
}

/* radioboxex img*/
.radioboxes.img span {
	margin-bottom: 20px;
}
.radioboxes.img span img {
	display: block;
	max-width: 100%;
	max-height: 130px;
}

/* checkbox */
.checkboxes label span {
	display: inline-block;
}

/* switch btn */
.switchbox {
	margin: 10px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 7px 5px;
}

label.switch-chk {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-size: 0.9rem;
	border: 1px solid #E4E0DE;
	border-radius: 50px;
	padding: 0 7px;
}

.switch-chk input[type="checkbox"] {
	appearance: none;
	position: relative !important;
	border: 0;
	background: #E4E0DE;
	border-radius: 20px;
	width: 25px;
	height: 9px !important;
}

.switch-chk input[type="checkbox"]::before {
	content: "";
	position: absolute;
	top: -4px; left: -3px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	transform: scale(0.8);
	background-color: #d3d3d3;
	transition: left 250ms linear;
}
.switch-chk input[type="checkbox"]:checked::before {
	background-color: #30475E;
	right: -3px; left: auto;
}


/* title area space-between */
.titleFlex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.titleFlex h5 {
	margin: 0;
}

.titleFlex .btn-group.gap .btn:last-of-type {
	margin-right: 0;
}

/* btngroup */
.btn-group .btn.sort-btn {border-radius: .25rem !important;}

.btn-wrap._center {
	text-align: center;
}
.btn {
	background: #fff;
	border: 1px solid #E4E0DE;
	border-radius: 4px;
	font-size: 14px;
	margin-left: 5px;
	color: #222222;
	transition: all 0.3s ease;
	box-shadow: 0 0 3px 0 #e6e6e6;
	padding: 7px 10px;
}
.btn-group .btn:hover {
	color: #fff;
}
.btn.btn-next {
	color: #fff;
	background-color: #30475E;
}
.btn.btn-next:hover {
	background-color: #4E89AE !important;
}
.btn.btn-prev {
	color: #30475E;
}
.btn.btn-prev:hover {
	background-color: #4E89AE !important;
}

/* btn-group btn gap */
.btn-group.gap .btn {
	margin-right: 3px;
	border-radius: .25rem !important;
}

.btn._active {
	color: #fff;
	background-color: #30475E !important;
	border-color: #30475E !important;
}

/*
	tab script default css
*/
.tab-list {
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
}

.tab-box {
	display: none;
}
.tab-box._active {
	display: block;
}

/* user info */
.user-menu-countent .userInfo {
	justify-content: flex-end !important;
}
/* .userInfo .group-user-Infomation {
	padding: 20px 20px 30px;
} */


/*
	dtree 메뉴
*/

/* .menu-body-contents {
	height: 100%;
} */

.dtree .nav-link i.fas {
	padding-left: 1rem;
}

.new-project {
	color: #30475E;
	font-size: 0.9rem;
	border: 2px solid #ddd;
	border-radius: 20px;
	padding: 0 10px;
	transition: all 0.2s ease;
}
.new-project:hover {
	background-color: #fff;
	border-color: #30475E;
}
.new-project i {
	margin-right: 5px;
}

i.menu-arrow2 {
	position: absolute;
	right: 42px;
	top: 15px;
	color: #fff;
	font-size: 10px;
	width: 16px !important; height: 16px;
	text-align: center;
	background: #30475E;
	border-radius: 5px;
	padding-top: 3px;
	transition: all 0.2s ease;
}
i.menu-arrow2:hover {
	background: #4E89AE;
}


/* menu tree hide box */
.hide-menu-btn {
	display: none;
	position: absolute;
	right: 9px;
	top: 9px;
	font-size: 14px;
	text-align: center;
	transition: all 0.2s ease;
	z-index: 1;
}

.dtree .menu-item .hide-menu-btn.on,
.dtree .menu-item:hover .hide-menu-btn,
.dtree .menu-item .hide-menu-btn.on {
	display: block;
}

.hide-menu-box {
	display: none;
	width: 150px;
	font-size: 0.9rem;
	position: absolute;
	top: 30px; right: 10px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 1px 1px 0px rgb(0 0 0 / 8%);
	z-index: 102;
	padding: 5px;
}

/* .main-nav ul.menu-sub > li .hide-menu-box {
	top: 0; right: 70px;
} */

.main-nav ul.menu-sub > li:nth-last-child(3) .hide-menu-box,
.main-nav ul.menu-sub > li:nth-last-child(2) .hide-menu-box,
.main-nav ul.menu-sub > li:last-child .hide-menu-box {
	top: auto;
	bottom: 5px;
	right: 70px;
}

.hide-menu-box a {
	display: block;
	color: #222;
	text-align: left;
	padding: 3px !important;
	border-radius: 3px;
	margin: 3px 0;
	transition: all 0.2s ease;
}
.hide-menu-box a:hover {
	color: #30475E;
	background-color: #dfe7eb;
}
.hide-menu-box a.del {
	color: #D15B47;
}

.hide-menu-box .collapse-item{display: none;}


/* fav menu tree */
.nav-item i.fa-star.fav-hide,
.nav-tabs > .tab_fav.fav-hide {
	display: none;
}

.fav-menu .nav-item i.fa-star.fav-hide,
.fav-menu .nav-tabs > .tab_fav.fav-hide {
	display: block;
}

.fav-menu .hide-menu-btn {
	right: 40px;
}


/*
    pms search
*/
.pms-search {
	position: relative;
	margin: 0 auto;
}
.pms-search .fa-search {
	position: absolute;
	top: 10px; left: 12px;
	z-index: 1;
}

.pms-search .input-search {
	border-radius: 40px;
	padding: 0 15px 0 34px;
	width: 450px;
	height: 35px;
	transition: all 0.3s ease;
}

.pms-search.show .input-search {
	width: 700px;
	box-shadow: 2px 0px 3px 0px #767676;
	border-radius: 5px 5px 0 0;
	border: 0;
}

.pms-search-box {
	display: none;
	position: absolute;
	top: 35px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 5px 5px 0px #ddd;
	border-radius: 0 0 5px 5px;
	padding: 10px;
}

.pms-search.show .pms-search-box {
	display: block;
}


/* 상단 검색 카테고리 */
.srch-cate {
	display: flex;
	justify-content: space-between;
}

.srch-cate .srch-detail {
	color: #30475E;
	font-size: 0.9rem;
	padding: 0 10px;
	border: 0;
	background-color: #dfe7eb;
	border-radius: 5px;
}
.srch-cate .srch-detail i {
	font-size: 0.8rem;
}
.srch-cate .srch-detail:hover,
.srch-cate .srch-detail.active {
	color: #fff;
	background-color: #30475E;
}

.chk-cate input[type=radio] + label {
	font-weight: 500;
	font-size: 0.9rem;
	margin: 0 2px 0 0;
	padding: 0 8px;
	background-color: #f1f1f1;
	border-radius: 3px;
	transition: all 0.2s ease;
	line-height: 25px;
}
.chk-cate input[type=radio]:checked + label {
	color: #e5e5e5;
	background-color: #30475E;
}
.chk-cate input[type=radio] + label:before {
	display: none;
}
.chk-cate input[type=radio] + label i {
	font-size: 0.8rem;
	margin-right: 5px;
}

/* 상단 검색 상세조건 */
.srch-detail-box {
	display: none;
	padding: 10px;
	background-color: #e5e5e5;
	border-radius: 3px;
	margin: 10px 0;
}

.srch-detail-box .atom-field {
	display: flex;
	align-items: center;
}
.srch-detail-box .atom-field .srch-label {
	font-size: 0.95rem;
	margin-right: 10px;
}

/* search result */
.srch-result-none {
	text-align: center;
	margin: 30px 0;
}

.srch-result-none span {
	font-size: 16px;
	display: inline-block;
	color: #30475E;
	font-weight: 600;
	box-shadow: inset 0 -10px 0 rgb(129 155 181 / 45%);
	padding: 0 5px;
}

.srch-result-box {
	overflow-y: auto;
	max-height: 300px;
	margin-top: 20px;
}
.srch-result:first-child {
	margin-top: 0 !important;
	padding-top: 0;
}
.srch-result {
	padding: 10px 0;
	margin: 15px 0 0;
}
.srch-result .titleFlex {
	margin-bottom: 5px;
}
.srch-result .titleFlex h5 {
	font-size: 1rem;
	font-weight: 600;
	margin-left: 1px;
}

.srch-result .titleFlex h5 i {
	margin-right: 5px;
}

.srch-result .titleFlex h5 .count {
	color: #fff;
	font-size: 0.8rem;
	display: inline-block;
	vertical-align: top;
	border-radius: 3px;
	background-color: #87b1c1;
	margin-left: 5px;
	padding: 2px 5px 1px;
}

.srch-result .moreBtn {
	font-size: 0.9rem;
	border: 0;
	background: none;
}

.result-box {
	width: 100%;
	overflow: hidden;
}
.result-box table {
	overflow: hidden;
	table-layout: fixed;
	width: 100%;
	font-size: 0.9rem;
}
.result-box table td {
	border-bottom: 1px solid #f3f3f3;
	padding: 5px 0;
}
.result-box .result {
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	cursor: pointer;
}

.result-box .result em,
.reply-list em {
	font-style: normal;
	box-shadow: inset 0 -10px 0 #fadcac;
}

.result-box .result:hover {
	border-color: #fadcac;
}
.result-box table .status {
	max-width: 100%;
	width: auto;
	text-align: center;
	vertical-align: middle;
	font-size: 0.85rem;
	display: inline-block;
	border-radius: 30px;
	background-color: #fadcac;
	padding: 0px 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.result-box .pf-item {
	position: relative;
	display: inline-block;
	border-radius: 20px;
	margin: 0 3px 0 0;
	border: 2px solid #dfe7eb;
	padding: 3px 6px 2px 3px;
	transition: all 0.3s ease;
}
.result-box td:hover .pf-item {
	border-color: #87b1c1;
}
.result-box .pf-item .pf-img {
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 25px; height: 25px;
	border-radius: 50%;
	background-color: #888;
}
.result-box .pf-item .pf-img:before {
	content: '\f007';
	font-family: 'FontAwesome';
	font-size: 17px;
	color: #fff;
	text-align: center;
	line-height: 25px;
	width: 25px;
	height: 20px;
	position: absolute;
	top: 4px;
}
.result-box .pf-item .pf-img img {
	position: absolute; top: 0; left: 0;
	border-radius: 50%;
	width: 100%; height: 100%;
}
.result-box .pf-item .pf-title {
	font-size: 0.9rem;
	display: inline-block;
	vertical-align: top;
}

.result-box .reply-list {
	margin-bottom: 0;
	background-color: #fff;
	padding: 0;
}

.result-box .reply-list .titleArea {
	margin-left: 0;
}

.result-box .reply-list .titleArea .title .dw {
	text-decoration: underline;
	cursor: pointer;
	margin-right: 5px;
}
.result-box .reply-list .titleArea .title .dw i {
	margin-right: 2px;
}
.result-box .ck-editor-readonly .ck-file-box {
	width: auto;
}
.result-box .ck-editor-readonly .ck-file-box .ck-file-download-box {
	display: none;
}

/*
    메시지 알림
*/
.alert-wrap.comment-new-list {
	display: none;
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	top: 40px; right: -50px;
	width: 500px; max-height: 340px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.08);
	z-index: 102;
	padding: 10px;
	overflow: hidden;
}
.alert-wrap h4.alert-title {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 15px;
}

.alert-tab {
	display: flex;
	margin-bottom: 15px;
}
.alert-tab li a:hover,
.alert-tab li a:focus {
	text-decoration: none;
}
.alert-tab li a {
	position: relative;
	color: #B4B4B4;
	font-size: 15px;
	margin-right: 5px;
	padding-right: 10px;
}
.alert-tab li.active a {
	font-weight: 600;
	color: #4E89AE;
}
.alert-tab li.active a:after {
	content: '';
	position: absolute;
	top: 0; right: 3px;
	width: 5px; height: 5px;
	border-radius: 50%;
	background-color: #fadcac;
}
.alert-tab li a .count {
	color: #fff;
	font-size: 9px;
	font-weight: 600;
	position: absolute;
	top: -6px; right: -2px;
	width: 13px; height: 13px;
	line-height: 13px;
	border-radius: 50%;
	background-color: #D15B47;
	text-align: center;
	z-index: 1;
}


.alert-tabContent {
	font-size: 0.9rem;
	display: none;
}
.alert-tabContent.active {
	display: block;
}

.timeline-wrap .btn-group,
.alert-tabContent .btn-group {
	justify-content: center;
	width: 100%;
	margin-top: 5px;
}

.timeline-wrap .moreBtn,
.alert-tabContent .moreBtn {
	font-size: 0.9rem;
	border: 1px solid #d1d6db;
	border-radius: 40px;
	padding: 3px 15px;
	transition: all 0.3s ease;
}
.timeline-wrap .moreBtn:hover,
.alert-tabContent .moreBtn:hover {
	background-color: #d1d6db;
}

.alert-list {
	overflow-y: auto;
	height: 212px;
}
.alert-list li,
.reply-list {
	justify-content: space-between;
	align-items: flex-start;
	display: flex;
	background-color: #f1f1f1;
	border-radius: 5px;
	padding: 8px;
	margin: 0 0 5px;
}
.alert-list .type,
.reply-list .type {
	width: 60px;
}
.alert-list .type i.fa {
	color: inherit;
	margin-right: 5px;
}

.alert-list .titleArea,
.reply-list .titleArea {
	flex: 1;
	margin: 0 10px;
}
.alert-list .titleArea .loc,
.reply-list .titleArea .loc {
	color: #30475E;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 5px;
	background-color: #d1d6db;
	border-radius: 3px;
	padding: 0 5px;
}
.alert-list .titleArea .title,
.reply-list .titleArea .title {
	display: block;
}

.alert-list .userArea,
.reply-list .userArea {
	width: 160px;
	display: flex;
	align-items: center;
}
.alert-list .userArea .profile,
.reply-list .userArea .profile {
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 5px;
}
.alert-list .userArea .profile img,
.reply-list .userArea .profile img {
	width: 100%;
}

.alert-list .user-info,
.reply-list .user-info {
	display: flex;
	flex-direction: column;
}
.alert-list .user-info .name,
.reply-list .user-info .name {
	font-weight: 600;
}
.alert-list .user-info .date,
.reply-list .user-info .date {
	color: #B4B4B4;
	font-size: 0.85rem;
}

/*
	user info
*/
.user-menu-countent.pms-info .userInfo {
	background-color: transparent;
	border: 0;
	box-shadow: none;
}
.user-menu-countent.pms-info .userInfo .rightUser {
	width: 450px;
	background: #f7f7f7;
	border-radius: 5px;
}
.pms-info .user-Infomation-btn .pmsEdit {
	padding: 0 5px 0 10px;
}


/*
	portal contents top
*/
.pj-add {
	text-align: right;
	margin-bottom: 10px;
}

.portal-top {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 5px;
	margin-bottom: 20px;
}

.portal-top._right {
	justify-content: flex-end;
}

.portal-top._right > ._right {
	flex: 1;
}

.portal-top._right > ._right .filter-area {
	justify-content: right;
}

.portal-top._sb {
	justify-content: space-between;
}

.portal-top._center {
	justify-content: center;
}

.page-label .page-nav {
	margin-top: 5px;
}
.page-label .page-nav span {
	color: #888;
	font-size: 0.9rem;
	display: inline-block;
}
.page-label .page-nav span:after {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #E4E0DE;
	margin: -2px 4px 0;
	vertical-align: middle;
}

.page-label .page-nav span:last-child:after {
	display: none;
}

.page-label .page-nav span i {
	font-size: 0.7rem;
	margin-top: 8px;
	vertical-align: top;
}

.portal-top select {
	width: auto;
}

.portal-top .filter-area {
	display: flex;
	gap: 0 5px;
	position: relative;
}
.portal-top .filter-content {
	display: flex;
	padding: 0;
	line-height: 29px;
}
.portal-top .filter-srch {
	height: 100%;
	color: #4E89AE;
	background-color: #E4E0DE;
	border-color: #E4E0DE;
	transition: all 0.3s ease;
	text-indent: 25px;
}
.portal-top .srchicon {
	position: absolute;
	top: calc(50% - 7px); left: 8px;
}

.portal-top .status-box {
	cursor: pointer;
	width: 100%; text-align: right;
}
.portal-top .status-box > span {
	margin-bottom: 3px;
}
.portal-top .status-box > span,
span.status-btn {
	display: inline-block;
	font-size: 0.85rem;
	padding: 0 10px;
	background-color: #dfe7eb;
	border-radius: 30px;
	transition: all 0.2s ease;
	margin-left: 3px;
}
.portal-top .status-box span:hover,
span.status-btn:hover {
	color: #fff;
	background-color: #30475E;
}

.status-box .closeBtn {
	margin-left: 5px;
	font-size: 11px;
}

.portal-top h3.potal-title {
	margin: 0;
}

.portal-top .label {
	font-weight: 600;
	margin-right: 5px;
	line-height: 32px;
}

.portal-top .filter .radioboxes {
	border: 1px solid #dfdfdf;
	padding: 0 7px;
	border-radius: 20px;
}

.radioboxes.code2 label {
	margin-right: 5px;
	line-height: 13px;
}

.pj-add .hide-menu-box {
	width: 100px;
	top: 33px;
	right: 0;
}


/* portal-top filter sort area */
.sortWrap {
	position: relative;
}
.sortList {
	display: none;
	position: absolute;
	top: 40px;
	right: 0;
	width: 290px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #e5e5e5;
	box-shadow: 1px 1px 0px rgb(0 0 0 / 8%);
	z-index: 102;
	padding: 10px;
}
.sortList .titleArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 15px;
}
.sortList h4.title {
	margin: 0;
	font-weight: 600;
}
.sortList h5.sort-label {
	margin-bottom: 5px;
}

.sort-box {
	border-top: 1px solid #f1f1f1;
	padding: 15px 0;
}
.sort-box:first-child {
	border-top: none;
}

.sort-box .sort-group {
	padding: 10px 0;
}

.sortArea .radioboxes {
	padding: 10px 0;
}
.sort-align {
	background-color: #dfe7eb;
	border-radius: 5px;
	padding: 5px 0 !important;
	text-align: center;
}

/*
	project list wrap
*/

/* .pj-wrap {
	margin-top: 50px;
} */

.pj-area {
	margin-bottom: 40px;
}

.pj-area h4.title {
	position: relative;
	font-size: 1.3rem;
	font-weight: 600;
	box-sizing: border-box;
	padding-left: 19px;
}

.pj-area h4.fav-title {
	padding-left: 27px;
}
.pj-area h4.title span:before,
.fav-title span:after {
	content: '';
	position: absolute;
	left: 0; top: 0px;
	width: 13px; height: 13px;
	background-color: #f1ede4;
	border-radius: 50%;
}
.fav-title span:after {
	left: 7px; top: 2px;
	width: 15px; height: 15px;
	background-color: #efaa0ead;
}
.fav-pj {
	color: #4E89AE;
}

.pj-card-none {
	text-align: center;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 30px 0;
}

.pj-card-none span {
	font-size: 20px;
	display: inline-block;
	color: #30475E;
	box-shadow: inset 0 -10px 0 rgb(129 155 181 / 45%);
	padding: 0 5px;
}

.pj-card-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 20px 0;
	align-items: flex-start;
}

.pj-card {
	cursor: pointer;
	overflow: hidden;
	width: 300px;
	height: auto;
	min-height: 180px;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);
	border-radius: 10px;
	padding: 15px;
	transition: all 0.3s ease;
}

.pj-card .title {
	font-size: 1.1rem;
	font-weight: 600;
	margin: 0 0 10px;
}

.pj-card .title .fa-lock {
	display: inline-block;
	vertical-align: top;
	font-size: 8px;
	margin: 4px 5px 0 0;
}

.pj-card .dots {
	display: inline-block;
	width: 100%;
	line-height: 13px;
	margin-bottom: 8px;
	vertical-align: middle;
}
.pj-card .dots .dot-pj {
	display: inline-block;
	width: 10px; height: 10px;
	background-color: #4E89AE;
	border-radius: 50%;
	margin-right: 2px;
	margin-top: 2px;
	vertical-align: top;
}
/* .pj-card .dots span.dot-fav {
	background-color: #efbf0e;
} */

.pj-card .dots span.dot-fav {
	margin-right: 3px;
}
.pj-card .dots span.dot-fav::before {
	content: "\f005";
	color: #ccc;
	font-family: 'FontAwesome';
	font-size: 12px;
}
.pj-card .dots span.dot-fav._fav::before {
	color: #efbf0e;
}

.pj-card .dots .dot-pj._c2 {
	background-color: #dda78b;
}

/* .pj-card .dots span.dot-fav-empty::before {
	border: 2px dotted #efbf0e;
	background: #fff;
}

@keyframes spin {
    100%{ transform: rotate(360deg); }
}

.pj-card .dots span.dot-fav-empty:hover {
	animation: spin 2000ms infinite linear;
} */

.pj-card .pj-btn {
	display: inline-block;
	color: #fff;
	font-size: 0.8rem;
	border-radius: 3px;
	padding: 3px 4px 2px;
	background-color: #30475E;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -2px;
}

.pj-card .pj-btn._apply {
	cursor: pointer;
	color: #222;
	background-color: #fadcac;
	vertical-align: middle;
	margin-top: -2px;
	transition: all 0.3s ease;
}
.pj-card .pj-btn._apply:hover {
	background-color: #ffbd53;
}

.gb-btn {
	cursor: pointer;
	color: #222;
	font-size: 0.8rem;
	border-radius: 3px;
	padding: 3px 4px 2px;
	margin-top: -2px;
	background-color: #dfe7eb;
	vertical-align: middle;
	transition: all 0.3s ease;
	float: right;
}
.gb-btn:hover {
	box-shadow: 0px 0px 3px rgb(0 0 0 / 20%);
}

.pj-card .chart-body {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.pj-card .pie-chart {
	position: relative;
	width: 80px;
	height: 80px;
	flex: 0 0 80px;
}

.pie-chart span.chart-label {
	position: absolute;
	top: 37px;
	left: 39px;
	width: 50px;
	font-weight: bold;
	text-align: center;
	font-size: 15px;
	height: 45px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.pie-chart span.chart-label span[data="dday"] {
	display: block;
	width: 100%;
}

.chart-list {
	font-size: 0.9rem;
}
.chart-list li {
	display: flex;
	justify-content: space-between;
}
.chart-list .title > span {
	display: inline-block;
	width: 10px; height: 10px;
	margin-right: 5px;
	border-radius: 50%;
}

.progress-box {
	overflow: hidden;
	width: calc(100% - 90px);
}
.progress-box .percent {
	font-size: 0.9rem;
	line-height: 1.5;
	margin: 5px 0 10px;
	height: 40px;
	overflow: hidden;
}

.progress-box .user-info {
	display: flex;
	gap: 5px;
	align-items: center;
	width: 100%;
	border-radius: 4px;
	padding: 1px 4px;
	background: #dfe7eb;
}
.progress-box .user-info .num {
	display: inline-block;
	color: #fff;
	background-color: #87b1c1;
	border-radius: 4px;
	padding: 3px 5px;
	font-size: 0.85rem;
	margin-right: 2px;
	line-height: 1.2;
}
.progress-box .user-info i {
	font-size: 12px;
	margin-right: 3px;
}
.progress-box .user-info .txt {
	display: inline-block;
	font-size: 0.9rem;
	flex: 1;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.pj-card .chart-bar,
.egene-pms-view .chart-bar {
	position: relative;
	margin-top: 10px;
	width: 100%;
	height: 5px;
	background-color: #e5e5e5;
	border-radius: 5px;
}

.pj-card .bar,
.egene-pms-view .bar {
	position: absolute;
	top: 0; left: 0;
	height: 5px;
	background-color: #a5d2dd;
	border-radius: 10px;
}

.pj-card .new-card {
	color: #b1b1b1;
	height: 100%;
	min-height: 150px;
	text-align: center;
	font-size: 1.1rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease;
}

.pj-card .new-card:hover {
	color: #4E89AE;
}

.pj-card .new-card i {
	display: block;
	margin-bottom: 5px;
}

/* pj wrap list type */

.pj-wrap.typeList .pj-card {
	width: 100%; height: auto;
	min-height: auto;
}
.pj-wrap.typeList .pj-card .new-card {
	min-height: 70px;
}


.pj-wrap.typeList .pj-card .chart-body {
	position: relative;
}
.pj-wrap.typeList .pj-card .pie-chart {
	position: absolute;
	top: -50px;
	right: 0;
}
.pj-wrap.typeList .progress-box {
	width: calc(100% - 100px);
}
.pj-wrap.typeList .progress-box .percent {
	height: auto;
	float: right;
}
.pj-wrap.typeList .progress-box .percent div {
	display: inline-block;
	vertical-align: top;
}

.pj-wrap.typeList .progress-box .percent .p-plan:after {
	content: '/';
	margin: 0 5px;
}
.pj-wrap.typeList .progress-box .user-info {
	float: left;
	width: auto;
}


/*
	timeline
*/
.timeline-wrap {
	display: flex;
	flex-direction: column;
}


.timeline-box {
	position: relative;
	padding-bottom: 50px;
	font-size: 0.9rem;
}

.timeline-wrap .timeline-box:nth-last-of-type(1):before {
	display: none;
}

.timeline-box:before {
	content: '';
	position: absolute;
	top: 8px; left: 10px;
	width: 2px; height: 100%;
	background-color: #e5e5e5;
	z-index: 0;
}

.timeline-box:after {
	content: '';
	position: absolute;
	top: 8px; left: 7px;
	width: 10px; height: 10px;
	border-radius: 50%;
	background-color: #30475E;
	z-index: 1;
}

.timeline-box .tl-item {
	justify-content: space-between;
	align-items: flex-start;
	display: flex;
	background-color: #f1f1f1;
	border-radius: 5px;
	padding: 8px;
	margin: 20px 0 10px 30px;
	transition: all 0.2s ease;
	cursor: pointer;
}

.timeline-box .tl-item:hover {
	background-color: #dfe7eb;
}

.timeline-box:hover .tl-date {
	background-color: #fadcac;
}

.timeline-box .tl-date,
.cal-list-wrap .cal-date {
	position: relative;
	display: inline-block;
	font-size: 0.85rem;
	background-color: #dfe7eb;
	border-radius: 20px;
	padding: 0 10px 0 20px;
	transition: all 0.2s ease;
	z-index: 0;
}

.timeline-box .tl-date._open::after {
	content: '\f077';
}
.timeline-box .tl-date::after {
	content: '\f078';
	font-family: 'FontAwesome';
	font-size: 8px;
	margin-left: 5px;
}

.timeline-box .tl-status .status {
	display: inline-block;
	color: #fff;
	font-size: 0.8rem;
	border-radius: 3px;
	background: #4E89AE;
	text-align: center;
	padding: 0 5px;
	vertical-align: top;
}

.timeline-box .tl-status._del .status { background: #D15B47; }
.timeline-box .tl-status._update .status { background: #fe981b; }

.timeline-box .titleArea {
	flex: 1;
	margin: 0 10px;
}
.timeline-box .titleArea .loc,
.tab-box .alert-list .titleArea .loc {
	color: #30475E;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 5px;
}
.timeline-box .titleArea .loc .w-t,
.reply-list .titleArea .loc .w-t,
.tab-box .alert-list .titleArea .loc .w-t {
	display: inline-block;
	background-color: #d1d6db;
	border-radius: 3px;
	padding: 0 6px;
}

.timeline-box .titleArea .title {
	display: block;
	line-height: 1.5;
}

.timeline-box .userArea {
	display: flex;
	align-items: center;
	align-self: center;
	border-left: 1px solid #fff;
	padding-left: 20px;
}
.cal-item .userArea .profile,
.task-item .userArea .profile,
.timeline-box .userArea .profile {
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 5px;
}
.cal-item .userArea .profile img,
.task-item .userArea .profile img,
.timeline-box .userArea .profile img {
	width: 100%;
}
.cal-item .user-info,
.task-item .user-info,
.timeline-box .user-info {
	display: flex;
	flex-direction: column;
	line-height: 20px;
}
.cal-item .user-info .name,
.task-item .user-info .name,
.timeline-box .user-info .name {
	font-weight: 600;
}
.cal-item .user-info .date,
.task-item .user-info .date,
.timeline-box .user-info .date {
	color: #878787;
	font-size: 0.85rem;
}

@media all and (max-width: 770px) {
	.timeline-box .tl-item {
		flex-wrap: wrap;
	}
	.timeline-box .userArea {
		border-left: 0;
		padding-left: 0;
		flex-basis: 100%;
		justify-content: flex-end;
		margin-top: 15px;
		border-top: 1px solid #fff;
		padding-top: 5px;
	}
}

/*
	나의업무
*/
.wrap:not(.dashboard-wrap) .task-wrap {
	border-bottom: 1px solid #e4e8e9;
}

.task-wrap .jqx-fill-state-pressed,
.task-wrap .jqx-fill-state-hover {
	background: transparent !important;
}

.task-wrap .xtab-box {
	padding-top: 0;
}

.task-wrap #xtab > .jqx-widget-header {
	border-bottom: 0;
}

.dashboard-wrap .task-wrap .jqx-widget-header {
	border: 0;
}
.task-wrap .tab-list li {
	margin-right: 10px;
}

.task-wrap .tab-list li button i {
	margin-right: 5px;
}

.task-wrap .tab-list button,
.task-wrap li[id^=xtab].jqx-item {
	color: #888;
	font-weight: 400;
	position: relative;
	background: none;
	border: 0;
	padding: 10px 15px 12px 17px;
	margin: 0;
}

.task-wrap .jqx-tabs-titleContentWrapper {
	position: relative;
}

.task-wrap .tab-list button:before,
.task-wrap li[id^=xtab].jqx-item .jqx-tabs-titleContentWrapper:before {
	content: '';
	position: absolute;
	left: -17px;
	top: 0px;
	width: 10px;
	height: 10px;
	background-color: #f1ede4;
	border-radius: 50%;
	transition: all 0.2s ease;
}

.task-wrap .tab-list button {
	padding: 0 0 0 17px;
}
.task-wrap .tab-list button:before {
	left: 0;
}

.task-wrap .tab-list li._active button,
.task-wrap li[id^=xtab].jqx-tabs-title-selected-top {
	color: #30475E;
	font-weight: 600;
}

.task-wrap .tab-list li:hover button:before,
.task-wrap .tab-list li._active button:before,
.task-wrap li[id^=xtab].jqx-item:hover .jqx-tabs-titleContentWrapper:before,
.task-wrap li[id^=xtab].jqx-tabs-title-selected-top .jqx-tabs-titleContentWrapper:before {
	background-color: #30475E;
}

.task-wrap .tab-box {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	margin: 20px 0;
}
.task-wrap .tab-box._active {
	display: flex;
}

.dashboard-wrap .task-wrap .task-item {
	width: 300px;
	flex: 0 0 300px;
	padding: 10px;
	display: flex;
	flex-direction: column;
	transition: all 0.2s ease;
	gap: 0 20px;
	border: 5px solid #f1f1f1;
	border-radius: 5px;
}
.gantt_grid_data .gantt_cell[data-column-name="pws_pri_cd"] span,
.task-wrap .task-type .group,
.ticket-process .ticket-pri {
	display: inline-block;
	color: #fff;
	font-size: 0.8rem;
	border-radius: 3px;
	background: #c34d44;
	text-align: center;
	padding: 0 10px;
	vertical-align: top;
	margin-right: 5px;
}

.gantt_grid_data .gantt_cell[data-column-name="pws_pri_cd"] span {
	vertical-align: middle;
	margin-bottom: 2px;
}

.view-level._a,
.gantt_grid_data .gantt_cell[data-column-name="pws_pri_cd"] span[data-id="PMSPRI01"],
.task-wrap .task-type .group._a,
.ticket-process .ticket-pri._a {
	background: #c34d44;
	color: #fff;
}

.view-level._b,
.gantt_grid_data .gantt_cell[data-column-name="pws_pri_cd"] span[data-id="PMSPRI02"],
.task-wrap .task-type .group._b,
.ticket-process .ticket-pri._b {
	background: #d18f89;
}

.view-level._c,
.gantt_grid_data .gantt_cell[data-column-name="pws_pri_cd"] span[data-id="PMSPRI03"],
.task-wrap .task-type .group._c,
.ticket-process .ticket-pri._c {
	background: #d5bbb9;
}

.view-level._d,
.gantt_grid_data .gantt_cell[data-column-name="pws_pri_cd"] span[data-id="PMSPRI04"],
.task-wrap .task-type .group._d,
.ticket-process .ticket-pri._d {
	background: #f7b35b;
}


.gantt_grid_data .gantt_cell[data-column-name="pws_status"] span,
.dashboard-wrap .task-wrap .task-type .status,
.ticket-process .ticket-status {
	font-size: 0.9rem;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 5px;
	background-color: #fff;
	background: #fadcac;
	border-radius: 3px;
	padding: 0 8px;
}

.view-status._todo,
.chart-list .c01 {
	background: #fadcac;
}

.chart-list .c00 {
	background: #c5c5c5;
}

.chart-list .c04 {
	background: #e5551f;
}

.chart-list .c05 {
	background: #308ed1;
}

.task-wrap .task-type .status._task,
.gantt_grid_data .gantt_cell[data-column-name="pws_status"] span[status_val="task"],
.view-status._task,
.result-box table .status._task,
.chart-list .c02 {
	background-color: #add599;
}
.task-wrap .task-type .status._done,
.gantt_grid_data .gantt_cell[data-column-name="pws_status"] span[status_val="done"],
.view-status._done,
.result-box table .status._done,
.chart-list .c03 {
	background-color: #30475E; color: #fff;
}
.task-wrap .task-type .status._disabled,
.gantt_grid_data .gantt_cell[data-column-name="pws_status"] span[status_val="disabled"],
.result-box table .status._disabled,
.view-status._disabled {
	background-color: #e5551f; color: #fff;
}

.gantt_grid_data .gantt_cell .gantt_tree_content span {
	line-height: 1.7;
	margin-right: 0;
}

.task-wrap .jqx-widget div[role="gridcell"].jqx-grid-cell {
	text-align: center;
}

.task-wrap div[role="gridcell"] .asg-img {
	margin: 8px 5px 0 0;
	vertical-align: middle;
	background: transparent;
}

.task-wrap div[role="gridcell"] .asg-img,
.task-wrap div[role="gridcell"] .asg-img img {
	width: 25px; height: 25px;
	margin-left: 0;
}
.task-wrap div[role="gridcell"] .asg-img img {
	top: -5px;
}

.task-wrap div[role="gridcell"] .asg-img:before {
	display: none;
}

.dashboard-wrap .task-wrap .userArea {
	width: 100%;
	font-size: 0.9rem;
	display: flex;
	align-items: center;
	align-self: center;
	background-color: #f1f1f1;
	border-radius: 5px;
	padding: 10px;
}

.dashboard-wrap .task-wrap .titleArea {
	flex: 1;
	margin: 20px 0;
}

.dashboard-wrap .task-wrap .titleArea .loc,
.dashboard-wrap .task-wrap .titleArea .title{
	overflow: hidden;
	height: 29px;
	max-width: 100%;
}

.dashboard-wrap .task-wrap .titleArea .loc {
	display: inline-block;
	color: #30475E;
	font-size: 0.9rem;
	font-weight: 600;
	margin-bottom: 5px;
	border-bottom: 2px solid #30475E;
}

.dashboard-wrap .task-wrap .titleArea .title {
	display: block;
}
.dashboard-wrap .task-wrap .titleArea .title:before {
	content: '-';
	margin-right: 5px;
}

/* list type */
.dashboard-wrap .task-wrap.typeList .tab-box {
	flex-direction: column;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 10px;
}

.dashboard-wrap .task-wrap.typeList .list-view .jqx-grid-content.jqx-widget-content div[role="row"] {
	display: block;
	width: 100%;
	min-height: 114px;
	height: fit-content !important;
}

.dashboard-wrap .task-wrap.typeList .jqx-grid-cell.jqx-item {
	display: flex;
	width: 100% !important;
}

.dashboard-wrap .task-wrap.typeList .task-item,
.calendar-area .cal-item {
	/* flex-direction: row; */
	position: relative;
	width: auto;
	flex: 1;
	background-color: #f1f1f1
}

.dashboard-wrap .task-wrap.typeList .titleArea {
	margin: 0;
}

.dashboard-wrap .task-wrap.typeList .titleArea .loc,
.dashboard-wrap .task-wrap.typeList .titleArea .title {
	overflow: visible;
	height: auto;
}

.dashboard-wrap .task-wrap.typeList .titleArea .loc {
	border-bottom: 0;
	margin-bottom: 0;
}
.dashboard-wrap .task-wrap.typeList .task-item .user-info {
	flex-direction: row;
	gap: 0 5px;
}

.dashboard-wrap .task-wrap.typeList .userArea {
	width: auto;
	position: absolute;
	top: calc(50% - 27px); right: 20px;
}

/*
	새 프로젝트 추가
*/
.intro {
	margin: 12vh auto 5vh;
}
.intro .opening {
	color: #30475E;
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	margin: 0 auto 80px;
}
.intro .opening span {
	box-shadow: inset 0 -10px 0 rgb(129 155 181 / 45%);
	padding: 0 10px;
}
.pick-type {
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.pick-type > li {
	color: #222;
	text-align: center;
}
.pick-type .pick-box label {
	min-width: 300px;
	position: relative;
	text-align: center;
	border-radius: 14px;
	margin: 20px;
	padding: 20px;
	transition: all 0.3s ease;
	border: 1px solid transparent;
	background-color: #f9f9f9;
}
.pick-type input[type="radio"] + label:before{
	display: none;
}
.pick-type .pick-box:hover label {
	transform: translateY(-10px);
}
.pick-type .pick-box:hover label,
.pick-type .pick-box input[type="radio"]:checked + label {
	background-color: #fff;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
	border-color: #4E89AE;
}
.pick-type input[type="radio"] + label {
	line-height: inherit;
}
.pick-type > li img {
	display: block;
	max-width: 100%;
	margin: 20px auto;
}
.pick-type h5 {
	color: #30475E;
	font-size: 20px;
	font-weight: 600;
	margin: -40px auto 30px;
}
.pick-type h5 span {
	display: inline-block;
	background-color: #f1f1f1;
	padding: 8px 20px;
	border-radius: 20px;
}

.pick-type .pick-box input[type="radio"]:checked + label h5 span {
	color: #f1f1f1;
	background-color: #30475E;
}

.pick-type .pick-box:hover h5 span {
	border-color: #30475E;
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
}



/*
	멤버
*/
.emp-item {
	position: relative;
	display: inline-block;
	border-radius: 20px;
	margin: 0 3px 7px 0;
	background-color: #e5e5e5;
	padding: 4px 10px 4px 5px;
	transition: all 0.3s ease;
}
.emp-item:hover {
	background-color: #e1a8a8;
}
.emp-item._del:hover {
	background-color: #9dc98f;
}

.emp-item .emp-img {
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 25px; height: 25px;
	border-radius: 50%;
	background-color: #888;
	margin-right: 2px;
}
.emp-item .emp-img:before {
	content: '\f007';
	font-family: 'FontAwesome';
	font-size: 17px;
	color: #fff;
	text-align: center;
	line-height: 25px;
	width: 25px; height: 20px;
	position: absolute;
	top: 4px;
}
.emp-item .emp-img img {
	position: absolute; top: 0; left: 0;
	border-radius: 50%;
	width: 100%; height: 100%;
}
.emp-item .emp-title {
	font-size: 0.9rem;
	display: inline-block;
	vertical-align: top;
}
.emp-item ._close {
	color: #fff;
	font-size: 14px;
	line-height: 35px;
	border-radius: 20px;
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	transition: all 0.2s ease;
}
.emp-item:hover .emp-img,
.emp-item:hover .emp-title {
	opacity: 0.3;
}
.emp-item:hover ._close {
	cursor: pointer;
	opacity: 1;
}


.emp-item._del {
	color: #959595;
	background-color: #e5e5e5;
}
.emp-item._del .emp-img {
	opacity: 0.7;
}
.emp-item._del .fa-times::before {
	content: '\f00c';
}

/* atom emp */
.field_ro.custom-emp-atom-relation .div_atom .sort-box,
.div_atom .sort-box .sort-group {
	padding: 0;
}

/* atom readonly emp */
.field_ro.custom-emp-atom-relation .emp-item:hover .emp-img,
.field_ro.custom-emp-atom-relation .emp-item:hover .emp-title {
	opacity: 1;
}
.field_ro.custom-emp-atom-relation .emp-item:hover {
	background-color: #e5e5e5;
}

.field_ro.custom-emp-atom-relation .emp-item:hover ._close {
	opacity: 0;
	cursor: inherit;
}



/*
	* WORKSPACE
*/
.egene-workspace #header .countBox {
	right: 130px;
}
.egene-workspace #logo {
	overflow: inherit;
	line-height: 32px;
}
.egene-workspace #logo img {
	display: block;
}

.ws-title-area {
	display: inline-block;
	position: relative;
	margin-left: 10px;
	margin-right: 4px;
}

#logo .pj-info {
	position: static;
	display: inline-block !important;
	border: 0;
	color: #fff;
	background: none;
}

.hide-menu-btn._show,
#logo .pj-info .hide-menu-btn {
	display: block;
	position: static !important;
}

#logo .ws-title {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	vertical-align: middle;
}
#logo .ws-title:hover {
	text-decoration: none;
}

#logo .ws-title-area .hide-menu-box {
	right: -90px;
	width: 110px;
	top: 20px;
}
#logo .ws-title-area .hide-menu-box a {
	display: block;
}

#logo .logo-fav::before {
	content: "\f005";
	color: #ccc;
	font-family: 'FontAwesome';
	font-size: 15px;
}
#logo .logo-fav._fav::before {
	color: #efbf0e;
}

.egene-workspace .menu-nav .dtree {
	padding-top: 20px;
}

@media (max-width: 1024px) {
	.egene-workspace #logo a {
		height: auto;
	}
	.egene-workspace #header .countBox {
		top: 3px;
		right: 160px;
		width: 194px;
	}
}

/*
	popup
*/
.pop-invite-wrap {
	margin: 0 auto 20px;
}
.pop-invite-wrap .invite-img {
	margin: 20px auto;
}
.pop-invite-wrap .invite-img img {
	display: block;
	margin: 0 auto;
}

/*
	Main Dashboard
*/
.dashboard-wrap {
	background-color: #f6f6f6;
}
.dashboard-wrap ._area {
	padding: 20px;
	border-radius: 15px;
	background-color: #fff;
	margin-bottom: 30px;
}

.dashboard-wrap ._flex {
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	gap: 30px;
}

.dashboard-wrap .status-chart h4.title,
.dashboard-wrap .titleFlex {
	margin-bottom: 20px;
}
.dashboard-wrap h4.title {
	color: #30475E;
	font-size: 1.2rem;
	font-weight: 600;
	margin: 0;
}

.status-area .status-chart,
.calendar-area .cal-box {
	width: 280px;
}

.status-area .task-wrap,
.calendar-area .cal-list-wrap {
	flex: 1;
}

.cal-widget {
	font-size: 0.8rem;
	padding: 10px;
	border-radius: 10px;
	background-color: #f1f1f1;
}
.cal-widget .fc-toolbar-chunk:nth-child(3) {
	display: none;
}
.cal-widget table {
	width: 100%;
}
.cal-widget table th,
.cal-widget table td {
	text-align: center;
}

.cal-widget .fc-toolbar-title {
	font-size: 1rem;
}
.cal-widget.fc-direction-ltr .fc-daygrid-week-number {
	display: none;
}
.cal-widget.fc .fc-daygrid-day-number {
	cursor: pointer;
}
.cal-widget.fc .fc-daygrid-day.fc-day-today {
	background-color: #d6e4e9;
	border-radius: 5px;
}

.cal-widget.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.cal-widget.fc-direction-rtl .fc-daygrid-event.fc-event-end {
	margin-left: 0;
}
.cal-widget.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.cal-widget.fc-direction-rtl .fc-daygrid-event.fc-event-start {
	margin-right: 0;
}

.cal-list-wrap .titleFlex h4.title {
	display: flex;
	align-items: center;
}
.cal-list-wrap .cal-date {
	padding: 6px 8px 5px 20px;
	margin-left: 10px;
}
.cal-list-wrap .cal-date:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 7px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #30475E;
	z-index: 1;
}

.dashboard-wrap .timeline-box .tl-date::after {
	display: none;
}

/* status */
.status-area .task-wrap {
	flex: 1;
}

.chart-area {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.pie-chart {
	display: inline-block;
	position: relative;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	transition: 0.3s;
}
.pie-chart .center{
	position: absolute;
	width: 150px;
	height: 150px;
	background :#fff;
	border-radius: 50%;
	top: calc(50% - 75px);
	left: calc(50% - 75px);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	color: #333;
}

/* calendar - 범례 */
.caption-box {
	display: inline-flex;
	border: 1px solid #E4E0DE;
	border-radius: 20px;
	padding-right: 5px;
	margin-bottom: 10px;
}

.caption-box .caption-item {
	font-size: 0.9rem;
	display: flex;
	align-items: center;
	margin: 0 5px;
}

/* calendar */
.calendar-area .cal-list {
	display: flex;
	flex-direction: column;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 10px;
	flex-wrap: wrap;
	gap: 10px;
	margin: 20px 0;
}
.calendar-area .cal-item {
	padding: 10px;
	width: 100%;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	transition: all 0.2s ease;
	gap: 0 20px;
}

.calendar-area .cal-item .titleArea {
	width: 70%;
}

.calendar-area .task-type .group {
	font-size: 0.9rem;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 5px;
	color: #fff;
	background: #3788d8;
	border-radius: 3px;
	padding: 0 8px;
}

.calendar-area .task-type .group._work {
	background-color: #3788d8;
}

.calendar-area .task-type .group._task {
	background-color: #8a5dde;
}

.calendar-area .titleArea .loc {
	display: block;
	color: #30475E;
	font-size: 0.9rem;
	font-weight: 600;
	border-bottom: 0;
	margin-bottom: 0;
}

.calendar-area .titleArea .title:before {
	content: '-';
	margin-right: 5px;
}

.calendar-area .userArea {
	font-size: 0.9rem;
	display: flex;
	align-items: center;
	align-self: center;
	background-color: #f1f1f1;
	border-radius: 5px;
	padding: 10px;
	width: auto;
	position: absolute;
	top: calc(50% - 27px);
	right: 20px;
}

/* timeline */
.timeline-area .timeline-box {
	padding-bottom: 0;
}

.timeline-area .timeline-box .tl-item {
	margin-left: 0;
}


/*
   Canlendar
*/
.calendar-wrap {
	height: calc(100vh - 200px);
	font-size: 14px !important;
	line-height: 1.1;
}
.calendar-wrap .fc .fc-toolbar-title {
	font-size: 1.4rem;
	position: relative;
}

.calendar-wrap .fc .fc-button {
	font-size: 0.9rem;
	transition: all 0.3s ease;
}

.calendar-wrap .fc .fc-button-group,
.cal-widget.fc .fc-button-group {
	background-color: #e5e5e5;
	border-radius: 5px;
	padding: 3px;
}
.calendar-wrap .fc .fc-button-group>.fc-button,
.cal-widget.fc .fc-button-group>.fc-button {
	color: #222;
	background-color: transparent;
	border: 0;
}
.calendar-wrap .fc .fc-button-group>.fc-button:hover,
.cal-widget.fc .fc-button-group>.fc-button:hover {
	background-color: rgba(255,255,255,0.6);
}
.calendar-wrap .fc .fc-button-group > .fc-button.fc-today-button,
.calendar-wrap .fc .fc-button-primary:not(:disabled).fc-button-active,
.calendar-wrap .fc .fc-button-primary:not(:disabled):active,
.cal-widget.fc .fc-button-group > .fc-button.fc-today-button,
.cal-widget.fc .fc-button-primary:not(:disabled).fc-button-active,
.cal-widget.fc .fc-button-primary:not(:disabled):active {
	background-color: #fff;
	color: #222;
	font-weight: 600;
	border-radius: .25em;
}

/* calendar */
.calendar-wrap .fc-theme-standard .fc-scrollgrid,
.calendar-wrap .fc-theme-standard th,
.calendar-wrap .fc-theme-standard td,
.cal-box .fc-theme-standard .fc-scrollgrid,
.cal-box .fc-theme-standard th,
.cal-box .fc-theme-standard td {
	border: 0;
}

.calendar-wrap .fc .fc-scrollgrid-sync-inner {
	border-top: 1px solid #e5e5e5;
	margin: 0 10px;
	min-height: calc(100% - 10px);
}

.calendar-wrap .fc .fc-daygrid-day.fc-day-today {
	background-color: transparent;
}
.calendar-wrap .fc .fc-daygrid-day.fc-day-today .fc-scrollgrid-sync-inner,
.calendar-wrap .fc-v-event {
	border-radius: 10px;
	border: 1px solid #A5C6DB;
	background-color: #F1F4F5;
}
.calendar-wrap .fc-v-event {
	padding: 0 10px;
}
.calendar-wrap .fc-v-event .fc-event-title-container,
.calendar-wrap .fc-v-event .fc-event-time {
	color: inherit;
	font-size: 1rem;
	margin-bottom: 0;
}
.calendar-wrap table .fc-timegrid-slot {
	background-color: #fff;
}

/* list view ass_emp box editor */
.list-custom-edit-box.search {
	position: absolute;
	width: 100%;
	max-width: 485px;
	max-height:100px;
	background: #ffffff;
	border: 1px solid #d7d7d7;
	overflow: auto;
	z-index: 10000;
}
.list-custom-edit-box.multiSelect {
	z-index: 10000;
	max-width: 500px;
	font-size: 13px;
}

.list-custom-edit-box.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
	top: 2px;
}

.list-custom-edit-box .click-div {
	cursor: pointer;
	padding: 3px 5px;
}
.list-custom-edit-box .click-div.selected {
	color: #1ab394;
}
.list-custom-edit-box.multiSelect .selected, .gantt-multi-selected, .gantt-multi-selected.ui-state-focus {
	cursor: default;
	color: #ccc;
}

.list-custom-edit-box.multiSelect .search-list {
	max-height:105px;
	background: #ffffff;
	overflow: auto;
	border: 1px solid #d7d7d7;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.list-custom-edit-box.multiSelect .select-list.chosen-choices {
	cursor: default;
	border-bottom: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	min-height: 36px;
}

.list-custom-edit-box div.chosen-container-multi {
	height: 100%;
	min-width: 180px;
}
.list-custom-edit-box ul.chosen-choices {
	padding: 0 0 3px 6px;
	border-radius: 3px;
	box-shadow: none;
	border: 1px solid #d7d7d7;
}
.list-custom-edit-box.multiSelect li.search-choice,
.list-custom-edit-box .chosen-container-multi .chosen-choices li.search-choice {
	margin: 3px 6px 0 0;
}
.list-custom-edit-box .search-field {
	height: 100%;
}
.list-custom-edit-box.multiSelect li.search-field input[type="text"],
.list-custom-edit-box .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	height: 100%;
}
.list-custom-edit-box.multiSelect .chosen-drop,
.list-custom-edit-box .chosen-container.chosen-container-multi .chosen-drop {
	box-sizing: border-box;
	padding: 0;
}
.list-custom-edit-box.multiSelect .chosen-results,
.list-custom-edit-box .chosen-container .chosen-results {
	max-height: 150px;
}
.list-custom-edit-box.multiSelect .chosen-results li,
.list-custom-edit-box .chosen-container-multi .chosen-results li {
	padding: 7px 10px;
}

.list-select-editor .fa.fa-times {
	cursor: pointer;
	position: absolute;
	right: 9px;
	top: 7px;
}
/* end editor */
/* type card */
.gantt_modal_box {
	max-width: none !important;
}

.type-card-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
}

.type-card {
	width: calc(100% / 3 - 10px);
	flex: 0 0 calc(100% / 3 - 10px);
}

.type-card input[type="radio"]:hover + label,
.type-card input[type="radio"]:checked + label {
	background-color: #e9f3f5;
	border-color: #a5d2dd;
}


.type-card input[type="radio"] + label {
	transition: all 0.2s ease;
	padding-left: 0;
	line-height: 1.2;
	border: 3px solid #f3f3f3;
	border-radius: 3px;
	padding: 10px;
	font-size: 0.9rem;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.type-card input[type="radio"] + label:before {
	display: none;
}

.type-card label h5 {
	color: #30475E;
	font-weight: 600;
	margin: 0 0 5px;
}

.type-card label .sum {
	width: 100%;
	font-size: 0.8rem;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


/*
	나의 업무
*/
.egene-date-editor,
.list-select-editor {
	position: relative;
}

.egene-date-editor .fa-calendar {
	position: absolute;
	right: 5px;
	top: 9px;
}

/* alert*/
.egene-pms-view .jqx-grid-validation-label {
	color: inherit !important;
	background: #f8eedf !important;
	border: 0 !important;
}

/* control btn */
.egene-pms-view .control-btn-group .btn {
	border-color: transparent;
	background-color: transparent;
	box-shadow: none;
}

.egene-pms-view .control-btn-group .btn.btn-add-row,
.egene-pms-view .control-btn-group .btn.btn-add-root-row{
	color: #70d0c2;
}

.egene-pms-view .control-btn-group .btn.btn-del-row {
	color: #ff0000;
}

/* table jqx-grid selectbox */
.flex-align-center {
	display: flex;
	align-items: center;
	height: 100%;
}
.jqx-fill-state-focus {
	border-color: #ccc !important;
	border-radius: 5px !important;
}

.jqx-fill-state-pressed,
.jqx-fill-state-hover {
	border-color: #dfe7eb !important;
	background: #dfe7eb !important;
}


/* 상태 & 우선순위 */
.view-status,
.view-level {
	font-size: 0.9rem;
	font-weight: 600;
	display: inline-block;
	/* margin-bottom: 5px; */
	margin-top: 2px;
	background: #fadcac;
	border-radius: 3px;
	padding: 5px 8px;
}

/* 진척도 */
.egene-pms-view .chart-bar {
	width: calc(100% - 22px);
	margin-top: 0;
}
.egene-pms-view .chart-bar .num {
	background-color: #e5e5e5;
	border-radius: 50%;
	font-size: 0.7rem;
	font-weight: 700;
	color: #30475E;
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: -20px;
	top: -8px;
}


/*
	칸반뷰
*/
.wx-kanban.svelte-wiqize.svelte-wiqize {
	background-color: #fff;
}
.wx-card.svelte-1t9rqgm {
	background-color: inherit;
	margin-top: 0;
}

.wx-label-line.svelte-vuibri {border-color: #fff;}

.wx-column.svelte-ms9wpd.svelte-ms9wpd {
	border: 0;
	margin-left: 10px;
	overflow: visible;
}

.wx-label.svelte-ms9wpd.svelte-ms9wpd {
	color: #222;
	font-size: 1.05rem;
	font-weight: 600;
	margin-left: 0;
}

.wx-label > .wx-menu {
	right: 0 !important;
}

.wx-material-theme {
	font-size: inherit;
	font-family: inherit;
	font-weight: 600;
}

.wx-material-theme .menu .item {
	font-family: inherit;
	font-size: 0.9rem;
	font-weight: inherit;
}

.wx-material-theme .item[data-id="sort"] + .menu.sub .item {
	flex-direction: row-reverse;
}

.wx-material-theme .menu.sub .item i.fa-solid {
	color: #c3c3c3;
	font-size: 15px;
	margin-left: 8px;
	margin-right: 0;
}

.wx-material-theme .menu .item:nth-child(2n) {
	border-bottom: 1px solid #e5e5e5 !important;
}
.wx-material-theme .menu .item:last-child {
	border-bottom: 0 !important;
}

.wx-kanban.svelte-wiqize.svelte-wiqize,
.wx-content-wrapper.svelte-wiqize.svelte-wiqize,
.wx-content.svelte-wiqize.svelte-wiqize {
	height: 100%;
}

.wx-row.svelte-vuibri {
	height: calc(100% - 67px) !important;
}

.wx-column {
	overflow-y: auto;
	height: 100%;
}

/* kan ticket */
.kanban-wrap {
	overflow-y: hidden;
	overflow-x: auto;
	height: 100%;
	box-sizing: border-box;
	margin-top: 0;
}

.wx-content > .wx-header {
	margin-bottom: 6px;
}

.wx-collapse-icon.svelte-ms9wpd {display: none;}

.wx-label span {
	width: calc(100% - 20px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 5px;
}

span.status-btn {
	cursor: pointer;
	position: absolute;
	bottom: -12px;
	right: 0;
	padding: 3px 5px;
}

span.status-btn i {
	margin: 0 3px;
}

.wx-card {
	border: 1px solid #e5e5e5 !important;
	transition: all 0.3s ease;
}

.wx-card:hover {
	box-shadow: 0px 1px 5px #bdbdbd;
	border-color: #4E89AE !important;
}

.kan-ticket {
	padding: 10px 15px; box-sizing: border-box;
}
.kan-ticket .ticket-title {
	display: none;
}

.asg-box:hover > .reg-tooltip {display: block;}
.reg-tooltip {
	display: none;
	width: 50px;
	position: absolute;
	top: 39px;
	left: calc(50% - 25px);
	background-color: #759dab;
	color: #fff;
	font-size: 11px;
	text-align: center;
	line-height: 1.6;
	border-radius: 4px;
	padding: 5px;
	z-index: 5;
}

.reg-tooltip:before {
	content: '\f0d8';
	font-family: 'FontAwesome';
	color: #759dab;
	font-size: 20px;
	position: absolute;
	top: -17px;
	left: calc(50% - 6px);
}

.ticket-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 5px;
}

.ticket-rqst {
	color: #222;
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 7px;
}

.ticket-rqst,
.sub-kan-ticket .ticket-title {
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.ticket-assign {height: auto;}

.asg-box {
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.asg-img {
	display: inline-block;
	position: relative;
	width: 35px; height: 35px;
	border-radius: 50%;
	box-sizing: border-box;
	background-color: #eee;
	margin-left: -14px;
	transition: all 0.2s ease;
}
.asg-img:hover {
	box-shadow: 0px 0px 3px 0 #30475E;
	z-index: 3;
	transform: scale(1.2);
}
.ticket-assign .asg-img:before {
	display: none;
}
.asg-img.more {
	background-color: #30475E;
	z-index: 2;
}
.asg-img.more:before {
	display: inline-block;
	position: relative;
	top: 7px;
	left: 11px;
	content: "\f141";
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 16px;
}


.ticket-assign .asg-tooltip {
	width: 50px;
	top: 39px;
	left: -22px;
}
.ticket-assign .asg-tooltip:before {
	left: calc(50% - 6px);
}

.ticket-tags i {
	margin-right: 3px;
}

.reg-img {
	display: block;
	position: relative;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #eee;
	transition: all 0.2s ease;
	z-index: 1;
}
.reg-img img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 35px;
	height: 35px;
	border-radius: 50%;
}

.ticket-sdate,
.ticket-edate {
	font-size: 0.85rem;
}

.ticket-process {
	margin-top: 10px;
}
.wx-value.svelte-grrbga {
	font-size: 0.85rem;
}


/* 하위 업무 */
.sub-kan-ticket-box {
	cursor: pointer;
	border-top: 1px solid #e5e5e5;
	border-radius: 0 0 10px 10px;
	padding: 5px 10px;
	box-sizing: border-box;
	transition: all 0.3s ease;
	background-color: #fff;
}

.sub-kan-btn {
	position: relative;
	text-align: left;
	width: 100%;
	padding: 10px 5px;
	border: 0;
	background: transparent;
	transition: all 0.3s ease;
}
.sub-kan-btn:after {
	content: '\f078';
	font-family: 'FontAwesome';
	position: absolute;
	right: 0;
	top: calc(50% - 10px);
}
.sub-kan-btn._on:after {
	transform: rotate(180deg);
}

.sub-kan-btn i.fa {
	margin-right: 5px;
}

.sub-kan-btn .sub-count {
	display: inline-block;
	background: #4E89AE;
	min-width: 10px;
	border-radius: 3px;
	color: #fff;
	line-height: 12px;
	font-size: 10px;
	padding: 2px 5px;
	margin-left: 5px;
}

.sub-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sub-kan-ticket {
	display: none;
	padding: 0 10px 5px;
	border-radius: 5px;
	border: 1px solid #e5e5e5;
	margin-bottom: 10px;
}


.sub-kan-ticket-box._open > .sub-kan-ticket {
	display: block;
}

.sub-kan-ticket .ticket-title {
	font-size: 0.9rem;
}

.sub-kan-ticket .ticket-process {
	height: 20px;
}
.sub-kan-ticket .ticket-process,
.sub-kan-ticket .ticket-info {
	margin-top: 0;
}

.sub-kan-ticket .ticket-info .ticket-tags {
	margin-right: 25px;
}

.ticket-process .ticket-pri {
	margin-right: 0;
	background: #c6c6c6;
}
.ticket-process .ticket-status {
	overflow: hidden;
	max-width: 110px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 0.85rem;
	margin-bottom: 0;
	padding: 0 6px;
	vertical-align: top;
}


/*
	더보기 페이지
*/
.more-page-wrap {
	border-bottom: 0 !important;
}

.more-page-wrap .tab-box {
	margin-bottom: 0;
}

/* 통합검색 */
.more-page-wrap .srch-result-box {
	width: 100%;
	max-height: calc(100vh - 229px);
	margin-top: 0;
}

.more-page-wrap .srch-result-box .srch-result {
	border: 2px solid #f3f3f3;
	padding: 10px 15px;
	border-radius: 4px;
	margin-top: 30px;
}

/* 알림 */
.more-page-wrap .alert-list {
	font-size: 0.9rem;
	width: 100%;
	height: 100%;
	overflow-y: hidden;
}
.tab-box .alert-list li,
.reply-list {
	align-items: center;
}
.tab-box .alert-list .user-info,
.reply-list .user-info {
	line-height: 1.5;
}
.tab-box .alert-list .titleArea .loc,
.reply-list .titleArea .loc {
	background: none;
	border-radius: 0;
	padding: 0;
}