:root {
	--main-color : #0BAB8B;         /* 버튼, 탭 on 색 */
	--main-color-hover : #c0e5de8d;
	--menu-tab-hover : #2CC6A7;     /* 메뉴 호버 */
	--menu-no-child : #43B8A1;		/* 하위메뉴 없는 메뉴 글자색 */
	--main-btn-color : #119D7D;     /* 메인 버튼 색상(조회 등) */
	--focus-outline : #5CCE75;		/* 인풋 포커스 아웃라인 */
	--form-label : #828B97;			/* 폼 라벨 */
	--required-label : #43B8A1;		/* 필수값 라벨 */
	--label-font-weight : 500;
	--grid-focus : #2CC6A7;         /* 그리드 셀 포커스 */
	--grid-focus-line : #f2a16e;    /* 그리드 라인 포커스 */
	--grid-button : #14BB94;        /* 그리드 버튼 */
	--grid-border-color : #E7E7E9	/* 그리드 보더 색 */
}

/*@font-face {
	font-family: 'Spoqa Han Sans';
	font-style: normal;
	font-weight: 100;
	src: url('/resources/fonts/Spoqa Han Sans Thin.ttf') format("truetype");
}

@font-face {
	font-family: 'Spoqa Han Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/resources/fonts/SSpoqa Han Sans Light.ttf')
	format("truetype");
}

@font-face {
	font-family: 'Spoqa Han Sans';
	font-style: normal;
	font-weight: 500;
	src: url('/resources/fonts/Spoqa Han Sans Regular.ttf')
	format("truetype");
}

@font-face {
	font-family: 'Spoqa Han Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/resources/fonts/Spoqa Han Sans Bold.ttf') format("truetype");
}*/

/*@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(/resources/fonts/NotoSansKr/NotoSansKR-Thin.otf) format( 'otf');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(/resources/fonts/NotoSansKr/NotoSansKR-Light.otf) format( 'otf');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(/resources/fonts/NotoSansKr/NotoSansKR-Regular.otf) format( 'otf');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(/resources/fonts/NotoSansKr/NotoSansKR-Medium.otf) format('otf');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 600;
	src: url(/resources/fonts/NotoSansKr/NotoSansKR-Bold.otf) format( 'otf');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(/resources/fonts/NotoSansKr/NotoSansKR-Black.otf) format( 'otf');
}*/


iframe:focus{
	outline:none !important;
	-webkit-outline:none !important;
}
iframe:visited{
	outline:none !important;
	-webkit-outline:none !important;
}
html, body {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;
	color: #333;
	line-height: 1;
	letter-spacing: -0.025em;
	word-wrap: break-word;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html::-webkit-scrollbar {display: none;}

body::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 65px;
}

body::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
body::-webkit-scrollbar-thumb {
	/*height: 100px;*/
	height: 80px;
	background-color: #B6C4D9;
	border-radius: 4px;
	border: 2px solid transparent;
}
body::-webkit-scrollbar-thumb:hover{
	background-color: #999;
}

body::-webkit-scrollbar-track {
	background-color: transparent;
}

body::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

img {
	border: none;
	vertical-align: top;
}

header, footer, nav, p, ul, li, ol, h1, h2, h3, h4, h5, h6, dl, th, td,
dt, dd, em, figure, div, span, strong, fieldset, label, a {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
}

a {
	margin: 0;
	padding: 0;
	font-weight: 400;
	color: #333;
	text-indent: 0;
	text-decoration: none;
	-webkit-text-decoration: none;
	/*font-family: 'Noto Sans KR', sans-serif;*/
}
a:focus {
	outline: none !important;
	-webkit-outline: none !important;
}

ul, ol, li {
	list-style: none;
}

fieldset {
	border: none;
}

legend, caption {
	overflow: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	color: transparent;
	border: 0;
	/*font-family: 'Noto Sans KR', sans-serif;*/
}

table {
	width: 100%;
	border-collapse: collapse;
	font-size: 1rem;
	/*font-family: 'Noto Sans KR', sans-serif;*/
}

table td, table th {
	padding: 0;
	/*font-family: 'Noto Sans KR', sans-serif;*/
}

input, button, textarea, select {
	font-family: 'Noto Sans KR', sans-serif;
}
button {
	cursor: pointer;
	margin: 0;
	height: 34px;
	padding: 0 17px;
	margin-left: 8px;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	text-align: center;
	letter-spacing: 0;
	vertical-align: middle;
	background: none;
	border: none;
	overflow: visible;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* font-family: 'Noto Sans KR', sans-serif; */
}

button:focus, button:active {
	border: 0;
	outline: 0;
	-webkit-appearance: none;
}

input[type=text], input[type=password], input[type=number], input[type=email],
input[type=date], input[type=tel], input[type=search], input[type=time] {
	width: 100%;
	height: 36px;
	padding: 11px 10px 12px;
	font-weight:500;
	color: #666;
	vertical-align: top;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: none;
	-webkit-border: 1px solid #E1E1E1;
	-webkit-outline: none !important;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input:focus,
select:focus,
input[type=checkbox]:checked {
	outline: none !important;
}

input[type=text]:focus, input[type=password]:focus, input[type=number]:focus,
input[type=email]:focus, input[type=date]:focus, input[type=tel]:focus,
input[type=search]:focus {
	border: 1px solid var(--focus-outline);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled,
input[type=email]:disabled, input[type=date]:disabled, input[type=tel]:disabled,
input[type=url]:disabled, input[type=email]:disabled, input[type=search]:disabled,
textarea:disabled {
	cursor: not-allowed;
	color:#666;
	background-color: #F6F6F6;
	border: 1px solid #E1E1E1;
}

input[type=text]:read-only, input[type=password]:read-only, input[type=number]:read-only,
input[type=email]:read-only, input[type=date]:read-only, input[type=tel]:read-only,
input[type=url]:read-only, input[type=email]:read-only, input[type=search]:read-only,
textarea:read-only {
	cursor: not-allowed;
	font-weight:500;
	color:#666;
	background-color: #F6F6F6;
	border: 1px solid #E1E1E1;
	outline: none;
}

.readonly {
	cursor: not-allowed;
	color:#666;
	background-color: #F6F6F6;
	border: 1px solid #E1E1E1;
}

input[type=checkbox], input[type=radio] {
	margin: 0;
	vertical-align: middle;
	border: 0;
	background-color: #fff;
	box-shadow: none;
	-webkit-appearance: none;
	cursor: pointer;
}

input[type=radio]+label, input[type=checkbox]+label {
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
	cursor: pointer;
}

input[type=radio]:disabled, input[type=checkbox]:disabled, input[type=radio]:disabled+label,
input[type=checkbox]:disabled+label {
	/* font-family: 'Noto Sans KR', sans-serif; */
}

/*2021-02-02 radio �닔�젙 ver2*/
input[type=radio] {
	width: 16px;
	height: 16px;
	border: 1px solid #E1E1E1;
	border-radius: 50%;
	background-color: #fff;
}

input[type=radio]:checked {
	border: 1px solid #E1E1E1;
	background-image: url('/resources/images/radio_check_v3.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 10px;
}

input[type=radio]:disabled {
	border: 0;
	background-image: url('/resources/images/radio_disabled_v2.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}

input[type=radio]:checked:disabled {
	border: 0;
	background-image: url('/resources/images/radio_disabled_check_v2.png');
	background-size: 100%;
}

/*2021-02-02 checkbox �닔�젙 ver2*/
input[type=checkbox] {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	background-color: #fff;
}

input[type=checkbox]:checked {
	border: 1px solid #43B8A1;
	background-image: url('/resources/images/checked.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
}

input[type=checkbox]:disabled {
	border: 1px solid #E1E1E1;
	background-color: #EEEEEE;
	cursor: not-allowed;
	border-radius: 4px;
}

.check_disable input[type="checkbox"]:not(:checked) {
	border: 1px solid #E1E1E1;
	background-color: #EEEEEE;
	cursor: not-allowed;
	border-radius: 4px;
}

.check_disable input[type=checkbox]:checked,
input[type=checkbox]:checked:disabled {
	border: 0;
	background-image: url('/resources/images/checked_readonly.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	cursor: not-allowed;
	border-radius: 4px;
}


input[type=checkbox].small {
	width: 12px;
	height: 12px;
	border: 1px solid #bbbbbb;
	border-radius: 3px;
	background-color: #fff;
	display: inline-block;
}

input[type=checkbox].toggle_switch {
	width: 41px;
	height: 20px;
	border-radius: 20px;
	border: 2px solid #b8b8b8;
	background-color: #b8b8b8;
	text-align: right;
}

input[type=checkbox].toggle_switch::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-color: #fff;
	border-radius: 50%;
}

input[type=checkbox].toggle_switch:checked {
	border-radius: 20px;
	border: 2px solid #409eff;
	background-color: #409eff;
	text-align: left;
	background-image: none;
}

input[type=checkbox].toggle_switch:checked::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background-color: #fff;
	border-radius: 50%;
}

input[type=file] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=text]:only-child, input[type=password]:only-child, input[type=search]:only-child,
input[type=number]:only-child, input[type=email]:only-child, input[type=tel]:only-child
{
	width: 100%;
}

textarea {
	width: 100%;
	min-height: 4.167rem;
	margin: 0.208rem 0;
	padding: 0.3rem 0.417rem;
	font-weight: 400;
	font-size: 0.868rem;
	color: #333;
	vertical-align: middle;
	/*border: 1px solid #ccc;*/
	border: 1px solid #E1E1E1;
	background-color: #fff;
	box-shadow: none;
	outline: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
textarea:focus {
	outline: none;
	border-color: var(--focus-outline);
}
hr {
	background: none;
	border: none;
}

article, aside, footer, header, hgroup, nav, section, figure, div {
	display: block;
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* font-family: 'Noto Sans KR', sans-serif; */
}

address {
	font-style: normal;
	/* font-family: 'Noto Sans KR', sans-serif; */
}

sub {
	font-weight: 400;
	vertical-align: middle;
	/* font-family: 'Noto Sans KR', sans-serif; */
}

strong {
	font-weight: 500;
	/* font-family: 'Noto Sans KR', sans-serif; */
}

img {
	border: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[readonly], input[disabled] {
	cursor: not-allowed;
}

select {
	width: 100%;
	height: 33px;
	padding: 0 5px;
	font-weight: 400;
	font-size: 16px;
	color: #333;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-radius: 0;
	letter-spacing: 1px;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
}

select::-ms-expand {
	display: none;
}

:-ms-input-placeholder {
	color: #333;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 1px;
}

::placeholder {
	color: #333;
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 1px;
	/* font-family: 'Noto Sans KR', sans-serif; */
}

.box {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* skip navigation */
.skiplist {
	position: relative;
	z-index: 99999;
	margin: 0;
	padding: 0;
}

.skip {
	display: block;
}

.skip a {
	padding: 0 0.5em;
	display: inline-block;
	z-index: 1000;
	text-decoration: none;
	position: absolute;
	width: auto;
	left: -200em;
}

.skip a:focus, .skip a:active {
	position: absolute;
	left: 0;
	padding: 10px;
	border: solid #333 1px;
	color: #fff;
	background-color: #000;
}

.skip a:hover {
	cursor: default;
}


.valignT {
	vertical-align: top !important;
}

.valignM {
	vertical-align: middle !important;
}

.valignB {
	vertical-align: bottom !important;
}

.positionR {
	position: relative !important;
}

.positionA {
	position: absolute !important;
}

/* dispaly */
.show {
	display: block !important;
	visibility: visible !important;
}

.hide {
	display: none !important;
	visibility: hidden !important;
}

.desc {
	overflow: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	color: transparent;
	border: 0;
	clip: rect(0, 0, 0, 0);
}

.dispaly_ib{
	display: inline-block !important;
}

/* width height */
.w100p {
	width: 100% !important;
}

.h100 {
	height: 100% !important;
}

/* margin padding */
.mgAuto {
	margin: 0 auto !important;
}

.mg0 {
	margin: 0 !important;
}

.mg10 {
	margin: 10px !important;
}

.mg20 {
	margin: 20px !important;
}

.mg30 {
	margin: 30px !important;
}

.mg40 {
	margin: 40px !important;
}

.mg50 {
	margin: 50px !important;
}

.mg60 {
	margin: 60px !important;
}

.mg70 {
	margin: 70px !important;
}

.mg80 {
	margin: 80px !important;
}

.mg90 {
	margin: 90px !important;
}

.mg100 {
	margin: 100px !important;
}

.mgt0 {
	margin-top: 0 !important;
}

.mgt10 {
	margin-top: 10px !important;
}

.mgt20 {
	margin-top: 20px !important;
}

.mgt30 {
	margin-top: 30px !important;
}

.mgt40 {
	margin-top: 40px !important;
}

.mgt50 {
	margin-top: 50px !important;
}

.mgt60 {
	margin-top: 60px !important;
}

.mgt70 {
	margin-top: 70px !important;
}

.mgt80 {
	margin-top: 80px !important;
}

.mgt90 {
	margin-top: 90px !important;
}

.mgt100 {
	margin-top: 100px !important;
}

.mgr0 {
	margin-right: 0 !important;
}

.mgr5 {
	margin-right: 5px !important;
}

.mgr10 {
	margin-right: 10px !important;
}

.mgr15 {
	margin-right: 15px !important;
}

.mgr20 {
	margin-right: 20px !important;
}

.mgr30 {
	margin-right: 30px !important;
}

.mgr40 {
	margin-right: 40px !important;
}

.mgr50 {
	margin-right: 50px !important;
}

.mgr60 {
	margin-right: 60px !important;
}

.mgr70 {
	margin-right: 70px !important;
}

.mgr80 {
	margin-right: 80px !important;
}

.mgr90 {
	margin-right: 90px !important;
}

.mgr100 {
	margin-right: 100px !important;
}

.mgb0 {
	margin-bottom: 0 !important;
}

.mgb10 {
	margin-bottom: 10px !important;
}

.mgb20 {
	margin-bottom: 20px !important;
}

.mgb30 {
	margin-bottom: 30px !important;
}

.mgb40 {
	margin-bottom: 40px !important;
}

.mgb50 {
	margin-bottom: 50px !important;
}

.mgb60 {
	margin-bottom: 60px !important;
}

.mgb70 {
	margin-bottom: 70px !important;
}

.mgb80 {
	margin-bottom: 80px !important;
}

.mgb90 {
	margin-bottom: 90px !important;
}

.mgb100 {
	margin-bottom: 100px !important;
}

.mgl0 {
	margin-left: 0 !important;
}

.mgl5 {
	margin-left: 5px !important;
}

.mgl10 {
	margin-left: 10px !important;
}

.mgl15 {
	margin-left: 15px !important;
}

.mgl20 {
	margin-left: 20px !important;
}

.mgl30 {
	margin-left: 30px !important;
}

.mgl40 {
	margin-left: 40px !important;
}

.mgl50 {
	margin-left: 50px !important;
}

.mgl60 {
	margin-left: 60px !important;
}

.mgl70 {
	margin-left: 70px !important;
}

.mgl80 {
	margin-left: 80px !important;
}

.mgl90 {
	margin-left: 90px !important;
}

.mgl100 {
	margin-left: 100px !important;
}

.pd0 {
	padding: 0 !important;
}

.pd10 {
	padding: 10px !important;
}

.pd20 {
	padding: 20px !important;
}

.pd30 {
	padding: 30px !important;
}

.pd40 {
	padding: 40px !important;
}

.pd50 {
	padding: 50px !important;
}

.pd60 {
	padding: 60px !important;
}

.pd70 {
	padding: 70px !important;
}

.pd80 {
	padding: 80px !important;
}

.pd90 {
	padding: 90px !important;
}

.pd100 {
	padding: 100px !important;
}

.pdt0 {
	padding-top: 0 !important;
}

.pdt10 {
	padding-top: 10px !important;
}

.pdt20 {
	padding-top: 20px !important;
}

.pdt30 {
	padding-top: 30px !important;
}

.pdt40 {
	padding-top: 40px !important;
}

.pdt50 {
	padding-top: 50px !important;
}

.pdt60 {
	padding-top: 60px !important;
}

.pdt70 {
	padding-top: 70px !important;
}

.pdt80 {
	padding-top: 80px !important;
}

.pdt90 {
	padding-top: 90px !important;
}

.pdt100 {
	padding-top: 100px !important;
}

.pdr0 {
	padding-right: 0 !important;
}

.pdr9 {
	padding-right: 9px !important;
}

.pdr10 {
	padding-right: 10px !important;
}

.pdr20 {
	padding-right: 20px !important;
}

.pdr30 {
	padding-right: 30px !important;
}

.pdr40 {
	padding-right: 40px !important;
}

.pdr50 {
	padding-right: 50px !important;
}

.pdr60 {
	padding-right: 60px !important;
}

.pdr70 {
	padding-right: 70px !important;
}

.pdr80 {
	padding-right: 80px !important;
}

.pdr90 {
	padding-right: 90px !important;
}

.pdr100 {
	padding-right: 100px !important;
}

.pdb0 {
	padding-bottom: 0 !important;
}

.pdb10 {
	padding-bottom: 10px !important;
}

.pdb20 {
	padding-bottom: 20px !important;
}

.pdb30 {
	padding-bottom: 30px !important;
}

.pdb40 {
	padding-bottom: 40px !important;
}

.pdb50 {
	padding-bottom: 50px !important;
}

.pdb60 {
	padding-bottom: 60px !important;
}

.pdb70 {
	padding-bottom: 70px !important;
}

.pdb80 {
	padding-bottom: 80px !important;
}

.pdb90 {
	padding-bottom: 90px !important;
}

.pdb100 {
	padding-bottom: 100px !important;
}

.pdl0 {
	padding-left: 0 !important;
}

.pdl5 {
	padding-left: 5px !important;
}
.pdl10 {
	padding-left: 10px !important;
}

.pdl20 {
	padding-left: 20px !important;
}

.pdl30 {
	padding-left: 30px !important;
}

.pdl40 {
	padding-left: 40px !important;
}

.pdl50 {
	padding-left: 50px !important;
}

.pdl60 {
	padding-left: 60px !important;
}

.pdl70 {
	padding-left: 70px !important;
}

.pdl80 {
	padding-left: 80px !important;
}

.pdl90 {
	padding-left: 90px !important;
}

.pdl100 {
	padding-left: 100px !important;
}

.pd24_32 {
	padding: 24px 32px !important;
}


/* background */
.back_gray {
	background-color: #eee;
}



/*border*/
.border {
	border: 1px solid #dfdfdf;
}

.bordera {
	border: 1px solid #707070;
}

.bordert {
	border: none !important;
	border-top: 1px solid #707070 !important;
}

.borderr {
	border: none !important;
	border-right: 1px solid #707070 !important;
}

.borderb {
	border: none !important;
	border-bottom: 1px solid #707070 !important;
}

.borderl {
	border: none !important;
	border-left: 1px solid #707070 !important;
}

.border0 {
	border: none !important;
}


.contents_wrap {
	width: 100%;
	max-width: 1956px;
	min-width: 1360px;
	/*height: 100%;*/
	margin: 0 auto 0;
	position: relative;
	padding: 30px 32px 40px;
	font-size: 0;
/* 	font-size: 0; */
}
.contents_wrap::-webkit-scrollbar {display: none;}

.contents_wrap::after {
	content: '';
	display: block;
	clear: both;
}

/*.contents_header>.contents_header_top*/
.contents_header {
	display: inline-block;
	width: 100%;
	max-width: 1956px;
	min-width: 1360px;
	height: 184px;
	padding: 0 32px;
	padding-right: 31px;
	padding-top: 20px;
	margin-bottom: 0px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border: 1px solid #E7E7E9;
	/* 	overflow-y: scroll; */
	/* 	-ms-overflow-style: none; */
	margin-bottom: 21px;
}
/* .contents_header::-webkit-scrollbar{display:none;} */
.contents_header_top {
	position: relative;
	width: 100%;
	height: 43px;
	text-align: right;
	max-width: 1956px;
	min-width: 1360px;
}

.contents_header_top .star_icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	float: left;
	background-image: url(/resources/images/star_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 17px;
	cursor: pointer;
}

.contents_header_top .star_icon.on {
	background-image: url(/resources/images/star_on.png);
}

.contents_header_top .list_title {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #444;
	font-weight: 500;
	font-size: 16px;
	padding-left: 8px;
	float: left;
}

.contents_header_top .list_sub_title {
	position: absolute;
	bottom: 4px;
	left: 2px;
	display: inline-block;
	letter-spacing: 1px;
	color: #74788d;
	font-weight: 400;
	font-size: 14px;
}

.contents_header_top .fade_btn {
	position: absolute;
	top: 135px;
	right: -8px;
	display: inline-block;
	width: 20px;
	height: 30px;
	background-image: url(/resources/images/fade_btn_off.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 12px;
}

.contents_header_top .fade_btn.on {
	background-image: url(/resources/images/fade_btn_on.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 12px;
}

.content_header_inner {
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	vertical-align: top;
}
/* .content_header_inner div:nth-child(3) { */
/*   margin-right: 15 !important; */
/* } */
/* .content_header_inner div:nth-child(6n) { */
/*   margin-right: 0 !important; */
/* } */

.content_header_inner::after {
	content: '';
	display: block;
	clear: both;
}

/* .contents_header .search_btn{position:absolute;top:10px;right:10px;width:30px;color:#333;font-size:23px;}
.contents_header .search_btn:hover{color:#3659d1;} */
.data_btn {
	width: 100px;
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-block;
	padding: 0 10px;
	height: 30px;
	border-radius: 3px;
	margin-left: 5px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
	border: 1px solid #5867dd;
	background-color: #5867dd;
	color: #fff;
}

.contents_header .data_btn:hover {
	border: 1px solid #4f5cc6;
	background-color: #4f5cc6;
	color: #fff;
}

.contents_area {
	display:inline-block;
	width: 100%;
	max-width: 1956px;
	min-width: 1360px;
	height: 603px;
	/* 	margin-top: 21px; */
	border: none !important;
	/* 	position: absolute; */
}

/*.contents_area::after {
	content: '';
	display: block;
	clear: both;
}*/

.contents_area.half_h_contents {
	/* 	height: 662px; */
	/*	height: 654px;*/
	/*height: 648px;*/
	/*height: calc(100% - 123px - 43px);*/
	height: calc(100vh - 72px - 43px - 21px - 102px);
	min-height : 500px;
}
.contents_area.min_half_h_contents {
	height: unset;
	min-height : calc(100vh - 72px - 43px - 21px - 102px);
}

.contents_area.double_h_contents {
	/*height: calc(100% - 205px - 43px);*/
	height: calc(100vh - 72px - 43px - 21px - 184px);
	min-height: 480px;
}

.contents_area_no_head {
	height: calc(100vh - 70px - 45px);
	min-height: 600px;
}

.contents_area.only_contents{
	/*height:779px;*/
	/*height: calc(100% - 43px);*/
	height: calc(100vh - 70px - 45px);
	min-height: 600px;
}

.contents_area.expend_contents{
	height: 100%;
	padding-bottom: 40px;
}

.contents_area2 {
	width: 100%;
	height: calc(100% - 175px);
	margin-top: 16px;
	border: none !important;
}

contents_area2::after {
	content: '';
	display: block;
	clear: both;
}

.contents_area.small {
	height: calc(100% - 287px) !important;
}

.contents_area.visible {
	box-shadow: 0 3px 3px rgba(51, 51, 51, .35);
	background-color: #fff;
	padding: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
}

.content_area_expend {
	height: calc(100% - 8px);
	/* 	overflow-y: scroll; */
	scroll-behavior: smooth;
	-ms-overflow-style: none;
}

.visible_small_top {
	box-shadow: 0 3px 3px rgba(51, 51, 51, .35);
	background-color: #fff;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #dbdbdb;
}

.visible_small_bottom {
	box-shadow: 0 3px 3px rgba(51, 51, 51, .35);
	background-color: #fff;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #dbdbdb;
	margin-top: 15px;
}
.grid_inner_wrap {
	display: inline-block;
	width: 100%;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	vertical-align: top;
}
.grid_inner_wrap0 {
	display: inline-block;
	width: 100%;
	height: 314px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	vertical-align: top;
	/*float: left;*/
}
.grid_inner_wrap.half,
.grid_inner_wrap0.half {
	height: calc(50% - 10px);
}
.grid_inner_wrap.both,
.grid_inner_wrap0.both{
	width: calc(50% - 10px);
}
.grid_inner_wrap1 {
	/* 	height: 49.5%; */
	/* 	box-shadow: 0 3px 3px rgba(51, 51, 51, .1); */
	/* 	background-color: #fff; */
	/* 	padding: 10px; */
	/* 	border-radius: 5px; */
	/* 	border: 1px solid #dbdbdb; */
	/* 	float: left; */
	display: inline-block;
	width: 100%;
	height: 266px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
}

.grid_inner_wrap3 {
	display: inline-block;
	width: 100%;
	/* 	height: 321px; */
	/*height: ;*/
	margin-bottom: 20px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	float: left;
	height:50%;
}

.grid_inner_wrap_f {
	display: inline-block;
	width: 100%;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	background-color: #fff;
	border: 1px solid #E7E7E9;
	border-radius: 4px;
	padding: 20px 32px;
}

.grid_inner_wrap_fw50{
	display: inline-block;
	width: calc(50% - 10px) !important;
	height: 320px;
	margin-bottom: 21px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	float: left;
}

.grid_inner_wrap_left{
	display: inline-block;
	width: calc(20% - 10px) !important;
	/* 	height: 765px; */
	height: 100%;
	box-shadow:none;
	float: left;
	margin-right:20px;
}
.grid_inner_wrap_right{
	display: inline-block;
	width: calc(80% - 10px) !important;
	/* 	height: 765px; */
	height: 100%;
	box-shadow:none;
	float: right;
}


.ea_left_grid {
	width: 952px;
	margin-top: 20px;
	margin-right: 47px;
}

.grid_inner_wrap_ea {
	display: inline-block;
	width: 952px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	background-color: #fff;
	border: 1px solid #E7E7E9;
	border-radius: 4px;
	padding: 20px 32px;
	margin-bottom: 20px;
}

.form_object {
	float: left;
	position: relative;
	min-height: 58px;
	display: inline-block;
	cursor: pointer;
	text-align: left;
	vertical-align: top;
	width: 286px;
	margin-right: 15px;
	margin-bottom: 24px;
	width: calc(16.66% - 12.5px);
}
.form_object.w205{
	width: 205px !important;
}

.form_object.ea_form{
	width: calc(25% - 11.25px);
}
.form_object.ea_form_double{
	width: calc(50% - 7.5px);
}
.form_object.half_form{
	width: calc(8.44% - 12.5px);
}

/*.form_object.ea_form:nth-of-type(4){
	margin-right: 0;
}*/

.form_object.radio_form {
	min-height: 20px;
	margin-top: 23px;
	margin-bottom: 23px;
}

.form_object.radio_form2 {
	min-height: 20px;
	margin-bottom: 48px;
}

.form_object.textarea {
	min-height: 110px;
	height: auto;
	/*outline-color: #5CCE75;*/
}

.form_object.textarea2 {
	min-height: 210px;
	height: auto;
}

.form_object.grid {
	height: 220px;
}

.form_object.grid380 {
	height: 380px;
}

.form_object.z_index3000 {
	z-index: 3000;
}

.form_object.fade_form {
	display: none;
}

.form_object.wide {
	height: 130px;
	padding-top: 35px;
	text-align: center;
}

.form_object.preview {
	height: 130px;
	padding-top: 35px;
	text-align: center;
}

.form_object.preview img {
	display: inline-block;
	width: 50%;
	height: 110px;
}

.form_object::after {
	content: '';
	display: block;
	clear: both;
}

.form_object.form_object_from::after {
	content: '~';
	position: absolute;
	top: 55%;
	right: -10px;
	font-size: 13px;
	color: #333;
}

.form_object .label_inp0 {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	float: left;
	width: 100%;
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #646c9a;
}

.form_object .label_inp1 {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	float: left;
	width: 50%;
	height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #646c9a;
}

.form_object .label_inp2 {
	position: absolute;
	top: 0;
	left: 52%;
	display: inline-block;
	float: left;
	width: 50%;
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #646c9a;
}

.form_object .label_inp1.line {
	top: -5px;
}

.form_object .label_checkbox0 {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	float: left;
	width: 100%;
	height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #646c9a;
}

.form_object .label_checkbox1 {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	float: left;
	width: 100%;
	height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #646c9a;
}

.form_object .label_checkbox2 {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	float: left;
	width: 50%;
	height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #646c9a;
}

.form_object .label_checkbox3 {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	float: left;
	width: 50%;
	height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #646c9a;
}

.form_object .label_checkbox4 {
	float: left;
	display: inline-block;
	width: 25%;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	font-weight: 500;
	text-align: left;;
	color: #646c9a;
}

.form_object .label_checkbox5 {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	float: left;
	width: 25%;
	height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #646c9a;
}

.form_object .label_checkbox2.line {
	top: -5px;
}

.form_object .label_checkbox3.line {
	top: -5px;
}

/* .form_object .label_checkbox1{position:absolute;bottom:7px;right:0;float:left;display:inline-block;width:100%;height:20px;line-height:20px;font-size:13px;font-weight:400;text-align:left;color:#646c9a;} */
/* .form_object .label_checkbox2{position:absolute;bottom:7px;left:0;float:left;display:inline-block;width:48%;height:20px;line-height:20px;font-size:13px;font-weight:400;text-align:left;color:#646c9a;} */
/* .form_object .label_checkbox3{position:absolute;bottom:7px;right:0;float:left;display:inline-block;width:48%;height:20px;line-height:20px;font-size:13px;font-weight:400;text-align:left;color:#646c9a;} */
/* .form_object .label_checkbox4{float:left;display:inline-block;height:20px;line-height:20px;font-size:13px;font-weight:400;text-align:left;margin-right:10px;margin-top:20px;color:#646c9a;} */
/* .form_object .label_checkbox5{float:left;display:inline-block;width:23.7%;height:20px;line-height:20px;font-size:13px;font-weight:400;text-align:left;margin-right:10px;margin-top:20px;color:#646c9a;} */
/* .form_object .label_checkbox6{float:right;display:inline-block;width:23.7%;height:20px;line-height:20px;font-size:13px;font-weight:400;text-align:left;margin-top:20px;color:#646c9a;} */
.form_object .inner_label {
	padding-right: 5px;
}

.form_object .label_radio0 {
	float: left;
	display: inline-block;
	height: 20px;
	/* 	line-height: 20px; */
	/* 	font-size: 13px; */
	/* 	font-weight: 500; */
	/* 	color: #646c9a; */
	text-align: left;
	margin-right: 20px;
	margin-top: 32px;
	font-size: 14px;
	font-weight: 400;
	color: #828B97;
}

/* .form_object .label_radio0 span { */
/* 	margin-left: 3px; */
/* } */

/* input:focus + label{color:#0153a7;} */
/* select:focus + label{color:#0153a7;} */
.form_object label.required::after {
	content: '�븘�닔�엯�젰';
	position: absolute;
	top: 5px;
	right: 5px;
	opacity: 0;
	font-size: 10px;
	color: #bbb;
	font-weight: 300;
}

input:focus+label.required::after {
	opacity: 1;
	top: 0;
}

select:focus+label.required::after {
	opacity: 1;
	top: 0;
}

label.label_checkbox0.required::after {
	opacity: 1;
	top: 0;
}

label.label_checkbox1.required::after {
	opacity: 1;
	top: 0;
}

label.label_checkbox2.required::after {
	opacity: 1;
	top: 0;
}

label.label_checkbox3.required::after {
	opacity: 1;
	top: 0;
}

label.label_checkbox4.required::after {
	opacity: 1;
	top: 0;
}

/*2021-01-15 �씤�뭼 �씪踰� �닔�젙 ver2*/
.form_object .label_inp0_v2 {
	position: absolute;
	top: 0;
	left: 0;
	/*display: inline-block;*/
	/*float: left;*/
	/*width: 100%;*/
	height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: var(--label-font-weight);
	/*color: #828B97;*/
	color: var(--form-label);
}

.form_object .label_inp1_v2 {
	position: absolute;
	top: 0;
	left: 0;
	/*display: inline-block;*/
	/*float: left;*/
	/*width: 100%;*/
	/*height: 20px;*/
	/*line-height: 20px;*/
	text-align: left;
	font-size: 13px;
	font-weight: var(--label-font-weight);
	/*color: #222222;*/
	color : var(--form-label);
}

.form_object .label_inp2_v2 {
	position: absolute;
	top: 0;
	left: 52%;
	/*display: inline-block;*/
	/*float: left;*/
	width: 100%;
	/*height: 20px;*/
	line-height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: var(--label-font-weight);
	/*color: #828B97;*/
	color: var(--form-label);
}

.form_object .label_inp3_v2 {
	position: absolute;
	top: 0;
	left: 0;
	/*display: inline-block;*/
	/*float: left;*/
	width: 50%;
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: var(--label-font-weight);
	/*color: #222222;*/
	color: var(--form-label);
}

.form_object .blue,
.grid_title.blue {
	/* 	color: #1c77e0; */
	color: var(--required-label);
}

.form_object .red {
	color: #ff0000;
}

.form_object .label_inp3_v2.line {
	top: -5px;
	line-height: 100%;
}

.form_object .label_checkbox0_v2 {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	float: left;
	width: 100%;
	height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	/* 	color: #222222; */
	color: #828B97;
}

.form_object .label_checkbox1_v2 {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	float: left;
	width: 100%;
	height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #222222;
}

.form_object .label_checkbox2_v2 {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	float: left;
	width: 50%;
	height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #828B97;
}

.form_object .label_checkbox3_v2 {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	float: left;
	width: 50%;
	height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #828B97;
}

.form_object .label_checkbox4_v2 {
	float: left;
	display: inline-block;
	width: 25%;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	font-weight: 500;
	text-align: left;;
	color: #222222;
}

.form_object .label_checkbox5_v2 {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	float: left;
	width: 25%;
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	/*color: #222222;*/
	color: #828B97;
}

.form_object .input_from {
	position: absolute;
	bottom: 0;
	left: 48%;
	display: inline-block;
	width: 4%;
	height: 27px;
	line-height: 27px;
	font-size: 13px;
	color: #333;
}

.form_object .form_select0 {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 27px;
	border: none;
	outline: none;
	border: 1px solid #e2e5ec;
	color: #333;
	font-size: 13px;
	background-image: url(/resources/images/svg/select_off.svg);
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: 9px;
}

.form_object .form_select0:focus {
	background-image: url(/resources/images/svg/select_on.svg);
	color: #333;
}

.form_object .form_select1 {
	position: absolute;
	bottom: 0;
	right: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 27px;
	border: none;
	outline: none;
	border: 1px solid #e2e5ec;
	color: #333;
	font-size: 13px;
	background-image: url(/resources/images/svg/select_off.svg);
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: 9px;
}

.form_object .form_select1:focus {
	background-image: url(/resources/images/svg/select_on.svg);
	color: #333;
}

/*2021-01-26 selectbox �닔�젙 ver2*/
.select_box {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	border: none;
	outline: none;
}

.select_box.readonly .select_btn {
	background-color: #f5f6f8;
	border: 1px solid #e3e5ea;
	color: #888888;
	background-image: url(/resources/images/select_off_v2R.png);
	cursor: not-allowed;
}

.select_box.readonly .select_drop {
	position: absolute;
	top: -999999999999999999999999999999999999px;
	left: -999999999999999999999999999999999999px;
}

.select_box1.readonly .select_btn {
	background-color: #f5f6f8;
	border: 1px solid #e3e5ea;
	color: #888888;
	background-image: url(/resources/images/select_off_v2R.png);
	cursor: not-allowed;
}

.select_box1.readonly .select_drop {
	position: absolute;
	top: -999999999999999999999999999999999999px;
	left: -999999999999999999999999999999999999px;
}

.select_btn {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 27px;
	line-height: 27px;
	padding-left: 12px;
	padding-right: 12px;
	text-align: left;
	border: none;
	outline: none;
	border: 1px solid #e3e5ea;
	color: #333;
	font-size: 13px;
	background-image: url(/resources/images/select_off_v2.png);
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: 5px;
	border-radius: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.select_btn.on {
	border: 2px solid #0170fa;
	background-image: url(/resources/images/select_on_v2.png);
}

.select_drop {
	position: absolute;
	top: 3px;
	left: 0;
	z-index: 15000;
	display: none;
	width: 100%;
	max-height: 170px;
	min-height: 50px;
	overflow-y: scroll;
	padding: 15px 0;
	border: 1px solid #ebecf0;
	border-radius: 3px;
	background-color: #fff;
}

.select_drop .autoInput {
	width: 80% !important;
	margin-left: 30px;
	padding: 0 5px;
	border: 1px solid #e3e5ea;
	font-size: 13px;
	text-align: left;
	border-radius: 3px;
}

.select_option {
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0 30px;
	font-size: 13px;
}

.select_option:hover {
	background-color: #ebecf0;
}

.form_object .select_box1 {
	position: absolute;
	bottom: 0;
	right: 0;
	float: left;
	display: inline-block;
	width: 100%;
	border: none;
	outline: none;
}

.form_object .select_box1:focus {
	background-image: url(/resources/images/svg/select_on_v2.svg);
	color: #333;
	border: 2px solid #0170fa;
}

.form_object .form_file0 {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 27px;
	line-height: 100px;
	overflow: hidden;
	color: transparent;
	font-size: 13px;
	border: none;
	border: 1px solid #e2e5ec;
	background-image: url(/resources/images/file_btn3.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 11px;
	text-align: left;
}

.form_object .form_file0:focus {
	color: #333;
}

.form_object .form_file1 {
	position: absolute;
	bottom: 0;
	right: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 27px;
	line-height: 100px;
	overflow: hidden;
	color: transparent;
	font-size: 13px;
	border: none;
	border: 1px solid #e2e5ec;
	background-image: url(/resources/images/file_btn3.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 11px;
	text-align: left;
}

.form_object .form_file1:focus {
	color: #333;
}

.form_object .form_file3 {
	position: absolute;
	bottom: 7px;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 100px;
	line-height: 300px;
	overflow: hidden;
	color: transparent;
	font-size: 13px;
	border: none;
	border: 1px solid #e2e5ec;
	background-image: url(/resources/images/file_btn3.png);
	background-repeat: no-repeat;
	background-position: 98% 98%;
	background-size: 11px;
	text-align: left;
}

.form_object .form_date0 {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	overflow: hidden;
	color: #333;
	font-size: 13px;
	border: none;
	border: 1px solid #e2e5ec;
	background-image: url(/resources/images/date_btn3.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 13px;
}

.form_object .form_date1 {
	position: absolute;
	bottom: 0;
	right: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	overflow: hidden;
	color: #333;
	font-size: 13px;
	border: none;
	border: 1px solid #e2e5ec;
	background-image: url(/resources/images/date_btn3.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 13px;
}

.form_object .form_pop0 {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 27px;
	overflow: hidden;
	font-size: 13px;
	border: none;
	border: 1px solid #e2e5ec;
	background-image: url(/resources/images/svg/pop_btn.svg);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 13px;
	text-align: left;
}

.form_object .form_pop0:focus {
	color: #333;
}

.form_object .form_pop1 {
	position: absolute;
	bottom: 0;
	right: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 27px;
	line-height: 100px;
	overflow: hidden;
	font-size: 13px;
	border: none;
	border: 1px solid #e2e5ec;
	background-image: url(/resources/images/svg/pop_btn.svg);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 13px;
	text-align: left;
}

.form_object .form_pop:focus {
	color: #333;
}

.form_object .form_pop3 {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 120px;
	line-height: 300px;
	overflow: hidden;
	font-size: 13px;
	border: none;
	border: 1px solid #e2e5ec;
	background-image: url(/resources/images/svg/pop_btn.svg);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 13px;
	text-align: left;
}

.form_object .form_pop4 {
	padding-right: 27px;
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 36px;
	line-height: 100px;
	overflow: hidden;
	font-size: 13px;
	border: none;
	border: 1px solid #E1E1E1;
}

.form_object input[data-pop="true"] {
	text-overflow: ellipsis;
	padding-right: 25px;
}
.form_object .form_popup_btn {
	display: inline-block;
	wdith: 27px;
	height: 27px;
	position: absolute;
	bottom: 0;
	right: 1px;
	background-image: url(/resources/images/svg/pop_btn.svg);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 13px;
}

.form_object .form_popup_btn2 {
	display: inline-block;
	wdith: 27px;
	height: 27px;
	position: absolute;
	bottom: 0;
	right: calc(48% + 13px);
	background-image: url(/resources/images/svg/pop_btn.svg);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 13px;
}

.form_object .form_check0 {
	position: absolute;
	bottom: 4.5px;
	left: 0;
	float: left;
	display: inline-block;
}

.form_object .form_check1 {
	position: absolute;
	bottom: 4.5px;
	left: 25%;
	float: left;
	display: inline-block;
}

.form_object .form_check2 {
	position: absolute;
	bottom: 4.5px;
	left: 50%;
	float: left;
	display: inline-block;
}

.form_object .form_check3 {
	position: absolute;
	bottom: 4.5px;
	left: 75%;
	float: left;
	display: inline-block;
}

.form_object .form_radio0 {
	margin-top: 32px;
	float: left;
	display: inline-block;
	width: 16px;
	height: 16px;
	border: none;
	outline: none;
	border: 1px solid #e2e5ec;
	font-size: 13px;
	text-align: left;
	margin-right: 8px;
}

.form_object .form_radio1 {
	margin-top: 32px;
	float: left;
	display: inline-block;
	width: 16px;
	height: 16px;
	border: none;
	outline: none;
	border: 1px solid #e2e5ec;
	font-size: 13px;
	text-align: left;
	margin-right: 8px;
}

.form_object input.center {
	text-align: center;
}

.form_object input.right {
	text-align: right;
}


/*2023-09-07 수평형식 체크박스 추가*/
.checkbox_wrap{
	display:inline-block;
	height:22px;
	line-height:20px;
	float: left;
	cursor: pointer;
	text-align: left;
	vertical-align: top;
	margin-right: 15px;
	margin-bottom: 24px;
}
.checkbox_wrap .checkbox_row{
	display:inline-block;
	width:20px;
	height:20px;
	border:1px solid #E1E1E1;
	border-radius:4px ;
	float:left;
	margin-right:8px;
}
.checkbox_wrap .checkbox_row:hover{
	background-color:#EEF6F5;
}
.checkbox_wrap .checkbox_row:disabled{
	background-color:#EEEEEE;
}
.checkbox_wrap .checkbox_row:disabled:checked{
	background-image: url(/resources/images/check_disabled_v2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
}
.checkbox_wrap .label_checkbox_row{
	display:inline-block;
	float:left;
	font-size:12px;
	font-weight:700;
	color:#828B97;
}



.form_object .form_inp0_v2 {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	/* 	height: 27px; */
	height: 36px;
	border: none;
	outline: none;
	/* 	border: 1px solid #e3e5ea; */
	border: 1px solid #E1E1E1;
	font-size: 13px;
	text-align: left;
	border-radius: 4px;
	color: #666;
}

.form_object .form_inp1_v2 {
	position: absolute;
	bottom: 0;
	right: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 36px;
	border: none;
	outline: none;
	/* 	border: 1px solid #e3e5ea; */
	border: 1px solid #E1E1E1;
	font-size: 13px;
	text-align: left;
	border-radius: 3px;
}

.form_object .form_date0_v2 {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 36px;
	margin: 0;
	/*padding: 0;*/
	/*padding-left: 12px;*/
	overflow: hidden;
	color: #666;
	font-size: 13px;
	border: none;
	border: 1px solid #E1E1E1;
	background-image: url(/resources/images/calendar.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-size: 16px;
	border-radius: 4px;
}

.form_object .form_date1_v2 {
	position: absolute;
	bottom: 0;
	right: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 36px;
	margin: 0;
	/*padding: 0;*/
	/*padding-left: 12px;*/
	overflow: hidden;
	color: #666;
	font-size: 13px;
	border: none;
	border: 1px solid #E1E1E1;
	background-image: url(/resources/images/calendar.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-size: 16px;
	border-radius: 4px;
}

.form_object .form_date0_v2.fw50,
.form_object .form_date1_v2.fw50 {
	padding: 11px 6px 12px;
	background-position: calc(100% - 6px) center;
}

.form_object .form_date0_v2R {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 36px;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	overflow: hidden;
	color: #666;
	font-size: 13px;
	border: none;
	border: 1px solid #E1E1E1;
	background-image: url(/resources/images/calendar.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-size: 16px;
	border-radius: 4px;
}

.form_object .form_date1_v2R {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 36px;
	margin: 0;
	padding: 0;
	padding-left: 5px;
	overflow: hidden;
	color: #666;
	font-size: 13px;
	border: none;
	border: 1px solid #E1E1E1;
	background-image: url(/resources/images/calendar.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-size: 16px;
	border-radius: 4px;
}

.form_object .form_pop1_v2 {
	padding-right: 27px;
	position: absolute;
	bottom: 0;
	right: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 36px;
	line-height: 100px;
	overflow: hidden;
	font-size: 13px;
	border: none;
	/* 	border: 1px solid #e3e5ea; */
	border: 1px solid #E1E1E1;
	border-radius: 3px;
}

.form_object .form_pop4_v2 {
	padding-right: 27px;
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 36px;
	line-height: 100px;
	overflow: hidden;
	font-size: 13px;
	border: none;
	/* 	border: 1px solid #e3e5ea; */
	border: 1px solid #E1E1E1;
	border-radius: 3px;
	color: #666
}

.form_object .form_popup_btn2_v2 {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 10px;
	right: calc(48% + 10px);
	background-image: url(/resources/images/popup_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
}

.form_object .form_popup_btn_v2 {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	background-image: url(/resources/images/popup_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
	padding: 0 !important;
}

.form_object .form_popup_btn_v2R {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	background-image: url(/resources/images/popup_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
	padding: 0;
}

.form_object .form_popup_btn2_v2R {
	display: inline-block;
	wdith: 27px;
	height: 27px;
	position: absolute;
	bottom: 0;
	right: calc(48% + 13px);
	background-image: url(/resources/images/btn_file_v2R.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 13px;
}

.form_object .form_textarea0 {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 88px;
	/*border: none;*/
	/* 	outline: none; */
	/*border: 1px solid #e3e5ea;*/
	font-size: 13px;
	text-align: left;
	border-radius: 3px;
}

.form_object .form_textarea1 {
	margin-top: 30px;
	float: left;
	display: inline-block;
	width: 100%;
	height: 170px;
	/*border: none;*/
	/* 	outline: none; */
	/*border: 1px solid #e3e5ea;*/
	font-size: 13px;
	text-align: left;
	border-radius: 3px;
}
.form_object .form_textarea2 {
	display: inline-block;
	width: 100%;
	height: 88px;
	font-size: 13px;
	text-align: left;
	border-radius: 3px;
	margin: 0;
}
.form_object .form_textarea3 {
	margin-top: 20px;
	display: inline-block;
	width: 100%;
	font-size: 13px;
	text-align: left;
	border-radius: 3px;
}

.btn_search {
	display: inline-block;
	width: 27px;
	height: 27px;
	position: absolute;
	bottom: 0;
	right: 1px;
	background-image: url(/resources/images/search2.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 15px;
}

.btn_search2 {
	display: inline-block;
	width: 27px;
	height: 27px;
	position: absolute;
	bottom: 0;
	right: calc(48% + 13px);
	background-image: url(/resources/images/search2.png);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 15px;
}

.form_object .form_object_txt {
	font-size: 13px;
	color: #555555;
	padding-top: 30px;
}
/*input active�몴�떆*/
.if {
	display: inline-block;
	width: 0;
	height: 1px;
	z-index: 50;
	position: absolute;
	bottom: 0px;
	background-color: #5d78ff;
	transition: all ease 0.3s;
}

.form_object input:focus ~ .if {
	width: 100%;
}

.form_object select:focus ~ .if {
	width: 100%;
}

.form_object .form_inp0.fw50 {
	width: 48%;
}

.form_object .form_inp1.fw50 {
	width: 48%;
}

.form_object .select_box.fw50 {
	width: 48%;
}

.form_object .select_box.fw50 .drop_box_list{
	top: 35px !important;
}

.form_object .select_box1.fw50 {
	width: 48%;
}

.form_object .form_file0.fw50 {
	width: 48%;
}

.form_object .form_file1.fw50 {
	width: 48%;
}

.form_object .form_date0.fw50 {
	width: 48%;
}

.form_object .form_date1.fw50 {
	width: 48%;
}

.form_object .form_date0.fw70 {
	width: 68%;
}

.form_object .form_pop0.fw50 {
	width: 48%;
}

.form_object .form_pop1.fw50 {
	width: 48%;
}

.form_object .form_pop4.fw50 {
	width: 48%;
}

/*2021-01-15�닔�젙 ver2*/
.form_object .form_inp0_v2.fw50 {
	width: 48%;
}

.form_object .form_inp1_v2.fw50 {
	width: 48%;
}

.form_object .form_select0_v2.fw50 {
	width: 48%;
}

.form_object .form_select1_v2.fw50 {
	width: 48%;
}

.form_object .form_date0_v2.fw50 {
	width: 48%;
}

.form_object .form_date1_v2.fw50 {
	width: 48%;
}

.form_object .form_date0_v2.fw70 {
	width: 68%;
}

.form_object .form_date1_v2.fw70 {
	width: 68%;
}

.form_object .form_date0_v2R.fw50 {
	width: 48%;
}

.form_object .form_date1_v2R.fw50 {
	width: 48%;
}

.form_object .form_date0_v2R.fw70 {
	width: 68%;
}

.form_object .form_date1_v2R.fw70 {
	width: 68%;
}

.form_object .form_pop1_v2.fw50 {
	width: 48%;
}

.form_object .form_pop1_v2.fw30 {
	width: 28%;
}

.form_object .form_pop4_v2.fw50 {
	width: 48%;
}

.form_object .form_pop4_v2.fw70 {
	width: 68%;
}

.form_object .form_pop4_v2.fw30 {
	width: 28%;
}

/* .form_object .label_checkbox0.fw50{width:48%;} */
/*.form_object.w100 {
	width: 100% !important;
}

.form_object.w98 {
	width: 98% !important;
}

.form_object.w91 {
	width: 91% !important;
}

.form_object.w90 {
	width: 90% !important;
}

.form_object.w80 {
	width: 80% !important;
}

.form_object.w73 {
	width: 73% !important;
}

.form_object.w70 {
	width: 70% !important;
}

.form_object.w65 {
	width: 65% !important;
}

.form_object.w63 {
	width: 63% !important;
}

.form_object.w60 {
	width: 60% !important;
}

.form_object.w50 {
	width: 50% !important;
}

.form_object.w49 {
	width: 49% !important;
}

.form_object.w48 {
	width: 48% !important;
}

.form_object.w47 {
	width: 47% !important;
}

.form_object.w46 {
	width: 46% !important;
}

.form_object.w45_9 {
	width: 45.9% !important;
}

.form_object.w45 {
	width: 45% !important;
}

.form_object.w42 {
	width: 42% !important;
}

.form_object.w40 {
	width: 40% !important;
}

.form_object.w35 {
	width: 35% !important;
}

.form_object.w33 {
	width: 33% !important;
}

.form_object.w32 {
	width: calc(32% + 12px) !important;
}

.form_object.w30 {
	width: calc(30% + 12px) !important;
}

.form_object.w27 {
	width: 27% !important;
}

.form_object.w25 {
	width: 25% !important;
}

.form_object.w24 {
	width: 24% !important;
}

.form_object.w23 {
	width: 23% !important;
}

.form_object.w22 {
	width: 22% !important;
}

.form_object.w21 {
	width: 21% !important;
}

.form_object.w20 {
	width: 20% !important;
}

.form_object.w19 {
	width: 19% !important;
}

.form_object.w18 {
	width: 18% !important;
}

.form_object.w17 {
	width: 17% !important;
}

.form_object.w16 {
	width: 16% !important;
}

.form_object.w15 {
	width: 15% !important;
}

.form_object.w14 {
	width: 14% !important;
}

.form_object.w13 {
	width: 13% !important;
}

.form_object.w12 {
	width: 12% !important;
}

.form_object.w11 {
	width: 11% !important;
}

.form_object.w10 {
	width: 10% !important;
}

.form_object.w9 {
	width: 9% !important;
}

.form_object.w7 {
	width: 7% !important;
}

.form_object.w6 {
	width: 6% !important;
}

.form_object.w5 {
	width: 5% !important;
}

.form_object.w4 {
	width: 4% !important;
}

.form_object.w3 {
	width: 3% !important;
}*/

.form_object.fb {
	padding-top: 20px;
	border-bottom: 1px solid #707070;
	height: 50px;
}

.form_object.ft {
	border-bottom: 1px solid #e2e5ec;
	height: 50px;
	line-height: 0;
}

/*list > table*/
.list_table {
	width: 100%;
}

.list_table thead tr {
	border-top: 1px solid #dfdfdf;
	background-color: rgb(247, 247, 247);
}

.list_table thead tr th {
	padding: 10px 0;
	text-align: center;
	font-size: 13px;
	color: #333;
	font-weight: normal;
}

.list_table thead tr th.left {
	text-align: left;
	padding: 10px 10px;
}

.list_table thead tr th.right {
	text-align: right;
	padding: 10px 10px;
}

.list_table thead tr th.bold {
	font-weight: 500;
}

.list_table tbody tr {
	border-top: 1px solid #dfdfdf;
	background-color: #fff;
}

.list_table tbody tr td {
	padding: 10px 0;
	text-align: center;
	font-size: 13px;
	color: #333;
	font-weight: normal;
}

.list_table tbody tr td.left {
	text-align: left;
	padding: 10px 10px;
}

.list_table tbody tr td.right {
	text-align: right;
	padding: 10px 10px;
}

.list_table tbody tr td.bold {
	font-weight: 500;
}

.list_table tbody tr:last-child {
	border-bottom: 1px solid #dfdfdf;
}

/* /*踰꾪듉 �븷�땲硫붿씠�뀡*/
/* @ */
/* keyframes blink { 0% { */
/* 	color: #48465b; */
/* } */
/* 33 */
/* % */
/* { */
/* color */
/* : */
/* #eee; */
/* } */
/* 66 */
/* % */
/* { */
/* color */
/* : */
/* #48465b; */
/* } */
/* 100 */
/* { */
/* color */
/* : */
/* #48465b; */
/* } */
/*form > form layout*/
.content::after {
	content: '';
	display: block;
	clear: both;
}

.form_header {
	position: relative;
	width: 100%;
	height: 40px;
	text-align: right;
	letter-spacing: -2px;
}

.form_header::after {
	content: '';
	display: block;
	clear: both;
}

.form_header .form_title {
	position: absolute;
	top: 5px;
	left: 0;
	display: inline-block;
	letter-spacing: 1px;
	color: #48465b;
	font-weight: 500;
	font-size: 17px;
}

.form_header .form_path {
	position: absolute;
	top: 28px;
	left: 0px;
	display: inline-block;
	letter-spacing: 1px;
}

.form_header .form_path .form_path_link {
	font-size: 12px;
	color: #0725bc;
	font-weight: 500;
	text-decoration: none;
	padding: 0 5px;
}

.form_header .form_path .form_path_link:hover {
	background-color: rgba(88, 103, 221, .1);
	border-bottom: 1px solid #0725bc;
}

.form_header .form_path .form_path_link .path::after {
	content: '>';
	font-size: 13px;
	color: #0725bc;
	padding: 0 5px;
}

.form_header .form_path .form_path_link .path.path_last::after {
	content: none;
}

.form_header .form_sub_title {
	position: absolute;
	bottom: 8px;
	left: 2px;
	display: inline-block;
	letter-spacing: 1px;
	color: #74788d;
	font-weight: 400;
	font-size: 14px;
}

/* button { */
/* 	height: 30px; */
/* 	padding: 0 10px; */
/* 	margin-right: 2px; */
/* 	border-radius: 3px; */
/* 	font-size: 12px; */
/* 	font-weight: 500; */
/* 	text-align: center; */
/* } */
button.btn_default {
	border: 1px solid #000;
	color: #fff;
	background-color: #000;
}

button.btn_default:hover {
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
	box-shadow: 0 3px 3px rgba(51, 51, 51, .35)
}
/* button.btn_disabled{background-color:#f7f8fa;border:1px solid #ccc;color:#bbb;cursor:not-allowed;}
button.btn_disabled:hover{background-color:#f7f8fa;border:1px solid #ccc;color:#bbb;} */
button.btn_type0 {
	background-color: #48465b;
	border: 1px solid #48465b;
	color: #fff;
}

button.btn_type0:hover {
	background-color: #000;
	border: 1px solid #000;
	color: #fff;
}

button.btn_type1 {
	background-color: #ccc;
	border: 1px solid #ccc;
	color: #fff;
}

button.btn_type1:hover {
	background-color: #bbb;
	border: 1px solid #bbb;
	color: #fff;
}

button.btn_type2 {
	background-color: #0abb87;
	border: 1px solid #0abb87;
	color: #fff;
}

button.btn_type2:hover {
	border: 1px solid #08976d;
	background-color: #08976d;
	color: #fff;
}

button.btn_type3 {
	background-color: #5867dd;
	border: 1px solid #5867dd;
	color: #fff;
}

button.btn_type3:hover {
	background-color: #4f5cc6;
	border: 1px solid #4f5cc6;
	color: #fff;
}

button.btn_type4 {
	background-color: #6851a1;
	border: 1px solid #6851a1;
	color: #fff;
}

button.btn_type4:hover {
	background-color: #5b35bb;
	border: 1px solid #5b35bb;
	color: #fff;
}

button.btn_type5 {
	background-color: #fd397a;
	border: 1px solid #fd397a;
	color: #fff;
}

button.btn_type5:hover {
	background-color: #fd1361;
	border: 1px solid #fd1361;
	color: #fff;
}

button.btn_type6 {
	background-color: #cea87a;
	border: 1px solid #cea87a;
	color: #fff;
}

button.btn_type6:hover {
	background-color: #cea87a;
	border: 1px solid #cea87a;
	color: #fff;
}

button.btn_type7 {
	background-color: #70936c;
	border: 1px solid #70936c;
	color: #fff;
}

button.btn_type7:hover {
	background-color: #70936c;
	border: 1px solid #70936c;
	color: #fff;
}

button.btn_type8 {
	background-color: #008da2;
	border: 1px solid #008da2;
	color: #fff;
}

button.btn_type8:hover {
	background-color: #008da2;
	border: 1px solid #008da2;
	color: #fff;
}

/*2021-01-14踰꾪듉 異붽� ver2*/
button.basic {
	/*background-color: #14BB94;
	border: 1px solid #119D7D;*/
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
	color: #fff;
}
button.basic:hover {
	background-color: #14c7a4; /* var(--main-color);*/;
}

button.basic.disabled,
button.basic:disabled {
	background-color: #dcdcdc;
	color: #fff;
	border: 1px solid #bebebe;
	min-width: 70px;
}
button.basic:disabled {
	cursor : not-allowed;
}

button.primary {
	background-color: #0d60c0;
	color: #fff;
	border: 1px solid #0d60c0;
	min-width: 70px;
}

button.primary:hover {
	background-color: #1c77e0;
	color: #fff;
	border: 1px solid #1c77e0;
}


button.primary.disabled {
	background-color: #dcdcdc;
	color: #fff;
	border: 1px solid #bebebe;
	min-width: 70px;
}

button.disabled:hover {
	background-color: #dcdcdc;
	color: #fff;
	border: 1px solid #bebebe;
	cursor: not-allowed
}

button.red {
	background-color: #ed5565;
}

button.yellow {
	background-color: #f7a54a;
}

button.blink_btn {
	-webkit-animation: blink 2s linear infinite;
}

button.btn_icon {
	width: 30px;
	height: 30px;
	border: 1px solid #48465b;
	color: #48465b;
	background-color: #fff;
	font-size: 15px;
	padding: 0;
}

button.btn_icon:hover {
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
}

/* button.btn_icon.search{ */
/* 	background-image: url(/images/search2.png); */
/*     background-repeat: no-repeat; */
/*     background-size: 18px; */
/*     background-position: center center; */
/*     border-radius: 50%; */
/*   	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.28); */
/* } */
/* button.btn_icon.plus{ */
/* 	background-image: url(/images/plus2.png); */
/*     background-repeat: no-repeat; */
/*     background-size: 25px; */
/*     background-position: center center; */
/*     border-radius: 50%; */
/*   	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.28); */
/* } */
/* button.btn_icon.trash{ */
/* 	background-image: url(/images/trash4.png); */
/*     background-repeat: no-repeat; */
/*     background-size: 22px; */
/*     background-position: center center; */
/*     border-radius: 50%; */
/*   	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.28); */
/* } */
/* button.btn_icon.save{ */
/* 	background-image: url(/images/save4.png); */
/*     background-repeat: no-repeat; */
/*     background-size: 20px; */
/*     background-position: center center; */
/*     border-radius: 50%; */
/*   	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.28); */
/* } */
/* button.btn_icon.question{ */
/* 	background-image: url(/images/question5.png); */
/*     background-repeat: no-repeat; */
/*     background-size: 20px; */
/*     background-position: center center; */
/*     border-radius: 50%; */
/*   	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.28); */
/* } */
.form_body {
	width: 100%;
	padding: 10px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	margin-bottom: 10px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, .1);
}

.form_body::after {
	content: '';
	display: block;
	clear: both;
}

.form_body .form_body_inner {
	width: 100%;
	height: 100%;
	display: inline-block;
	text-align: justify;
}

.form_body .form_body_inner.hide_form0 {
	display: none;
}

.form_body .form_body_inner.hide_form1 {
	display: none;
}

.form_body.hide_bottom {
	position: relative;
}

.form_body.hide_bottom .hide_btn0 {
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(/resources/images/fade_btn_off2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 16px;
}

.form_body.hide_bottom .hide_btn0.on {
	background-image: url(/resources/images/fade_btn_on2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 16px;
}

.form_body.hide_bottom .hide_btn1 {
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(/resources/images/fade_btn_off2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 16px;
}

.form_body.hide_bottom .hide_btn1.on {
	background-image: url(/resources/images/fade_btn_on2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 16px;
}

.form_body_inner::after {
	content: '';
	display: block;
	clear: both;
}

.form_object::after {
	content: '';
	display: block;
	clear: both;
}

.hr_employee_content {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border: 1px solid #E7E7E9;
	border-radius: 4px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	padding: 20px 32px;
	padding-bottom: 0;
	margin-bottom: 20px;
}

.form_object_img {
	display: inline-block;
	position: relative;
	width: 186px !important;
	max-height: 428px;
	float: left;
	margin-right: 40px !important;
}

.form_object_img .img_section {
	display: inline-block;
	width: 186px !important;
	height: 202px;
	border: 1px solid #E1E1E1;
	background-image: url(/resources/images/gallery.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px;
	background-color: #F6F6F6;
	border-radius: 4px;
}

.form_object_img .profile_img_section {
	display: inline-block;
	width: 186px;
	height: 202px;
	border: 1px solid #E1E1E1;
	background-image: url(/resources/images/gallery.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px;
}

.form_object_img .form_pop {
	display: inline-block;
	width: 34px;
	height: 34px;
	background-color: #f8f8f8;
	border: 1px solid #c4c4c4;
	border-radius: 3px;
	background-image: url(/resources/images/object_img_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	line-height: 500px;
	float: right;
	position: absolute;
	bottom: 0;
	left: 0;
}

.form_object_img1 .check_box {
	display: inline-block;
	width: 100%;
	height: 35px;
	text-align: center;
}

.form_object_img1 .check_box .inner_label {
	font-size: 14px;
	font-weight: 500;
	color: #646c9a;
}

.form_object_img1 .img_btn {
	display: inline-block;
	width: 100%;
	height: 35px;
	text-align: center;
}

.form_object_img1 .img_btn button {
	width: 100px;
	height: 35px;
	line-height: 35px;
	background-color: #000;
	color: #fff;
	text-align: center;
}

.form_object_img .form_img_title {
	width: 100%;
	height: 44px;
	line-height: 44px;
	padding: 0 10px !important;
	color: #48465b;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 500;
	background-color: #eee;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}

.form_object_img .form_img {
	display: inline-block;
	width: 160px;
	height: 160px;
	margin: 15px 0;
	border: 3px solid #fff;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.form_object_img .form_img img {
	vertical-align: middle;
	width: 100%;
}

.form_object_img .form_btn {
	display: inline-block;
	width: 100%;
	height: 55px;
	text-align: center;
}

.form_object_img .form_btn .img_search {
	width: 30px;
	height: 30px;
	border: 1px solid #707070;
	border-radius: 3px;
	color: #707070;
	font-size: 16px;
}

.form_object_img .form_btn .img_delete {
	width: 30px;
	height: 30px;
	border: 1px solid #707070;
	border-radius: 3px;
	color: #707070;
	font-size: 16px;
}

.form_object_img .form_btn button:hover {
	background-color: #707070;
	color: #fff;
}

.form_object_wrap {
	float: left;
	width: 100%;
	margin-top: 20px;
}

.form_object_wrap::after {
	content: '';
	display: block;
	clear: both;
}

.form_object_wrap1 {
	float: left;
	width: calc(100% - 200px);
}

.content {
	height: 100%;
}

.content::after {
	content: '';
	display: block;
	clear: both;
}

/*2021-02-05 異붽� ver2*/
.content_inner_v2 {
	display: inline-block;
	width: 100%;
	min-height: 282px;
	border: 1px solid #E7E7E9;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
	overflow: hidden;
}

/*inner_tab*/
.inner_tab_wrap {
	width: 100%;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.01);
	background-color: #fff;
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #dbdbdb;
	float: left;
}

.inner_tab_wrap2 {
	width: 100%;
	height: 100%;
	/*background-color: #fff;*/
	border-radius: 5px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	/*border: 1px solid #E7E7E9;*/
	display: flex;
	flex-direction: column;
}

.inner_tab_wrap2.half{
	height: calc(50% - 10px);
}

.inner_tab_wrap3 {
	width: 100%;
	background-color: #fff;
	border-radius: 5px;
	float: left;
}

.inner_tab_wrap::after {
	content: '';
	display: block;
	clear: both;
}

.inner_tab_wrap2::after {
	content: '';
	display: block;
	clear: both;
}

.inner_tab_wrap3::after {
	content: '';
	display: block;
	clear: both;
}

.inner_tab_wrap2.none_p_b {
	border: none !important;
}

.inner_tab_wrap.h100per {
	height: 100% !important;
	min-height: 710px !important;
	max-height: 710px;
}

.inner_tab_wrap.h50per {
	height: 49% !important;
	min-height: 49% !important;
	margin-bottom: 7px;
}

.inner_tab_wrap.h_fixed {
	height: 100%;
	min-height: 615px !important;
	max-height: 615px;
	overflow-y: scroll;
}

.h_flexible {
	float: left;
	width: 100%;
	height: 615px;
}

.h_flexible::after {
	content: '';
	display: block;
	clear: both;
}

.h_flexible.fold0 {
	min-height: 480px;
	max-height: 480px;
}

.h_flexible.fold1 {
	min-height: 480px;
	max-height: 480px;
}
/* .inner_tab_wrap.h10{height:10px !important;min-height:10px !important;max-height:10px !important;} */
/* .inner_tab_wrap.h20{height:20px !important;min-height:20px !important;max-height:20px !important;} */
/* .inner_tab_wrap.h30{height:30px !important;min-height:30px !important;max-height:30px !important;} */
/* .inner_tab_wrap.h40{height:40px !important;min-height:40px !important;max-height:40px !important;} */
/* .inner_tab_wrap.h50{height:50px !important;min-height:50px !important;max-height:50px !important;} */
/* .inner_tab_wrap.h60{height:60px !important;min-height:60px !important;max-height:60px !important;} */
/* .inner_tab_wrap.h70{height:70px !important;min-height:70px !important;max-height:70px !important;} */
/* .inner_tab_wrap.h80{height:80px !important;min-height:80px !important;max-height:80px !important;} */
/* .inner_tab_wrap.h90{height:90px !important;min-height:90px !important;max-height:90px !important;} */
/* .inner_tab_wrap.h100{height:100px !important;min-height:100px !important;max-height:100px !important;} */
/* .inner_tab_wrap.h110{height:110px !important;min-height:110px !important;max-height:110px !important;} */
/* .inner_tab_wrap.h120{height:120px !important;min-height:120px !important;max-height:120px !important;} */
/* .inner_tab_wrap.h130{height:130px !important;min-height:130px !important;max-height:130px !important;} */
/* .inner_tab_wrap.h140{height:140px !important;min-height:140px !important;max-height:140px !important;} */
/* .inner_tab_wrap.h150{height:150px !important;min-height:150px !important;max-height:150px !important;} */
/* .inner_tab_wrap.h160{height:160px !important;min-height:160px !important;max-height:160px !important;} */
/* .inner_tab_wrap.h170{height:170px !important;min-height:170px !important;max-height:170px !important;} */
/* .inner_tab_wrap.h180{height:180px !important;min-height:180px !important;max-height:180px !important;} */
/* .inner_tab_wrap.h190{height:190px !important;min-height:190px !important;max-height:190px !important;} */
/* .inner_tab_wrap.h200{height:200px !important;min-height:200px !important;max-height:200px !important;} */
/* .inner_tab_wrap.h210{height:210px !important;min-height:210px !important;max-height:210px !important;} */
/* .inner_tab_wrap.h220{height:220px !important;min-height:220px !important;max-height:220px !important;} */
/* .inner_tab_wrap.h230{height:230px !important;min-height:230px !important;max-height:230px !important;} */
/* .inner_tab_wrap.h240{height:240px !important;min-height:240px !important;max-height:240px !important;} */
/* .inner_tab_wrap.h250{height:250px !important;min-height:250px !important;max-height:250px !important;} */
/* .inner_tab_wrap.h260{height:260px !important;min-height:260px !important;max-height:260px !important;} */
/* .inner_tab_wrap.h270{height:270px !important;min-height:270px !important;max-height:270px !important;} */
/* .inner_tab_wrap.h280{height:280px !important;min-height:280px !important;max-height:280px !important;} */
/* .inner_tab_wrap.h290{height:290px !important;min-height:290px !important;max-height:290px !important;} */
/* .inner_tab_wrap.h300{height:300px !important;min-height:300px !important;max-height:300px !important;} */
/* .inner_tab_wrap.h310{height:310px !important;min-height:310px !important;max-height:310px !important;} */
/* .inner_tab_wrap.h320{height:320px !important;min-height:320px !important;max-height:320px !important;} */
/* .inner_tab_wrap.h330{height:330px !important;min-height:330px !important;max-height:330px !important;} */
/* .inner_tab_wrap.h340{height:340px !important;min-height:340px !important;max-height:340px !important;} */
/* .inner_tab_wrap.h350{height:350px !important;min-height:350px !important;max-height:350px !important;} */
/* .inner_tab_wrap.h360{height:360px !important;min-height:360px !important;max-height:360px !important;} */
/* .inner_tab_wrap.h370{height:370px !important;min-height:370px !important;max-height:370px !important;} */
/* .inner_tab_wrap.h380{height:380px !important;min-height:380px !important;max-height:380px !important;} */
/* .inner_tab_wrap.h390{height:390px !important;min-height:390px !important;max-height:390px !important;} */
/* .inner_tab_wrap.h400{height:400px !important;min-height:400px !important;max-height:400px !important;} */
/* .inner_tab_wrap.h410{height:410px !important;min-height:410px !important;max-height:410px !important;} */
/* .inner_tab_wrap.h420{height:420px !important;min-height:420px !important;max-height:420px !important;} */
/* .inner_tab_wrap.h430{height:430px !important;min-height:430px !important;max-height:430px !important;} */
/* .inner_tab_wrap.h440{height:440px !important;min-height:440px !important;max-height:440px !important;} */
/* .inner_tab_wrap.h450{height:450px !important;min-height:450px !important;max-height:450px !important;} */
/* .inner_tab_wrap.h460{height:460px !important;min-height:460px !important;max-height:460px !important;} */
/* .inner_tab_wrap.h470{height:470px !important;min-height:470px !important;max-height:470px !important;} */
/* .inner_tab_wrap.h480{height:480px !important;min-height:480px !important;max-height:480px !important;} */
/* .inner_tab_wrap.h490{height:490px !important;min-height:490px !important;max-height:490px !important;} */
/* .inner_tab_wrap.h500{height:500px !important;min-height:500px !important;max-height:500px !important;} */
/* .inner_tab_wrap.h510{height:510px !important;min-height:510px !important;max-height:510px !important;} */
/* .inner_tab_wrap.h520{height:520px !important;min-height:520px !important;max-height:520px !important;} */
/* .inner_tab_wrap.h530{height:530px !important;min-height:530px !important;max-height:530px !important;} */
/* .inner_tab_wrap.h540{height:540px !important;min-height:540px !important;max-height:540px !important;} */
/* .inner_tab_wrap.h550{height:550px !important;min-height:550px !important;max-height:550px !important;} */
/* .inner_tab_wrap.h560{height:560px !important;min-height:560px !important;max-height:560px !important;} */
/* .inner_tab_wrap.h570{height:570px !important;min-height:570px !important;max-height:570px !important;} */
/* .inner_tab_wrap.h580{height:580px !important;min-height:580px !important;max-height:580px !important;} */
/* .inner_tab_wrap.h590{height:590px !important;min-height:590px !important;max-height:590px !important;} */
/* .inner_tab_wrap.h600{height:600px !important;min-height:600px !important;max-height:600px !important;} */
/* .inner_tab_wrap.h610{height:610px !important;min-height:610px !important;max-height:610px !important;} */
/* .inner_tab_wrap.h620{height:620px !important;min-height:620px !important;max-height:620px !important;} */
/* .inner_tab_wrap.h630{height:630px !important;min-height:630px !important;max-height:630px !important;} */
/* .inner_tab_wrap.h640{height:640px !important;min-height:640px !important;max-height:640px !important;} */
/* .inner_tab_wrap.h650{height:650px !important;min-height:650px !important;max-height:650px !important;} */
/* .inner_tab_wrap.h660{height:660px !important;min-height:660px !important;max-height:660px !important;} */
/* .inner_tab_wrap.h670{height:670px !important;min-height:670px !important;max-height:670px !important;} */
/* .inner_tab_wrap.h680{height:680px !important;min-height:680px !important;max-height:680px !important;} */
/* .inner_tab_wrap.h690{height:690px !important;min-height:690px !important;max-height:690px !important;} */
/* .inner_tab_wrap.h700{height:700px !important;min-height:700px !important;max-height:700px !important;} */
/* .inner_tab_wrap.h710{height:710px !important;min-height:710px !important;max-height:710px !important;} */
/* .inner_tab_wrap.h720{height:720px !important;min-height:720px !important;max-height:720px !important;} */
/* .inner_tab_wrap.h730{height:730px !important;min-height:730px !important;max-height:730px !important;} */
/* .inner_tab_wrap.h740{height:740px !important;min-height:740px !important;max-height:740px !important;} */
/* .inner_tab_wrap.h750{height:750px !important;min-height:750px !important;max-height:750px !important;} */
/* .inner_tab_wrap.h760{height:760px !important;min-height:760px !important;max-height:760px !important;} */
/* .inner_tab_wrap.h770{height:770px !important;min-height:770px !important;max-height:770px !important;} */
/* .inner_tab_wrap.h780{height:780px !important;min-height:780px !important;max-height:780px !important;} */
/* .inner_tab_wrap.h790{height:790px !important;min-height:790px !important;max-height:790px !important;} */
/* .inner_tab_wrap.h800{height:800px !important;min-height:800px !important;max-height:800px !important;} */
/* .inner_tab_wrap.h810{height:810px !important;min-height:810px !important;max-height:810px !important;} */
/* .inner_tab_wrap.h820{height:820px !important;min-height:820px !important;max-height:820px !important;} */
/* .inner_tab_wrap.h830{height:830px !important;min-height:830px !important;max-height:830px !important;} */
/* .inner_tab_wrap.h840{height:840px !important;min-height:840px !important;max-height:840px !important;} */
/* .inner_tab_wrap.h850{height:850px !important;min-height:850px !important;max-height:850px !important;} */
/* .inner_tab_wrap.h860{height:860px !important;min-height:860px !important;max-height:860px !important;} */
/* .inner_tab_wrap.h870{height:870px !important;min-height:870px !important;max-height:870px !important;} */
/* .inner_tab_wrap.h880{height:880px !important;min-height:880px !important;max-height:880px !important;} */
/* .inner_tab_wrap.h890{height:890px !important;min-height:890px !important;max-height:890px !important;} */
/* .inner_tab_wrap.h900{height:900px !important;min-height:900px !important;max-height:900px !important;} */
/* .inner_tab_wrap.h910{height:910px !important;min-height:910px !important;max-height:910px !important;} */
/* .inner_tab_wrap.h920{height:920px !important;min-height:920px !important;max-height:920px !important;} */
/* .inner_tab_wrap.h930{height:930px !important;min-height:930px !important;max-height:930px !important;} */
/* .inner_tab_wrap.h940{height:940px !important;min-height:940px !important;max-height:940px !important;} */
/* .inner_tab_wrap.h950{height:950px !important;min-height:950px !important;max-height:950px !important;} */
/* .inner_tab_wrap.h960{height:960px !important;min-height:960px !important;max-height:960px !important;} */
/* .inner_tab_wrap.h970{height:970px !important;min-height:970px !important;max-height:970px !important;} */
/* .inner_tab_wrap.h980{height:980px !important;min-height:980px !important;max-height:980px !important;} */
/* .inner_tab_wrap.h990{height:990px !important;min-height:990px !important;max-height:990px !important;} */
/* .inner_tab_wrap.h100{height:1000px !important;min-height:1000px !important;max-height:1000px !important;} */
/* .inner_tab_wrap.h1100{height:1100px !important;min-height:1100px !important;max-height:1100px !important;} */
/* .inner_tab_wrap.h1200{height:1200px !important;min-height:1200px !important;max-height:1200px !important;} */
.inner_tab_wrap.tab_wrap_hide {
	display: none;
}

.hide_btn_wrap {
	float: left;
	position: relative;
	width: 100%;
	height: 20px;
}

.hide_btn_wrap .hide_btn0 {
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(/resources/images/fade_btn_off2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 16px;
}

.hide_btn_wrap .hide_btn0.on {
	background-image: url(/resources/images/fade_btn_on2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 16px;
}

.small_form_wrap {
	width: 100%;
	height: 170px;
	float: left;
	margin-top: 17px;
}

.small_form_wrap>li {
	display: inline-block;
	width: 33%;
	height: 170px;
	padding-left: 30px;
	padding-right: 17px;
	float: left;
	vertical-align: top;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	background-color: #fff;
}

.small_form_wrap li.form_area {
	padding: 10px;
}

.small_form_wrap li.grid_area {
	margin: 0 0.5%;
	padding: 10px;
}

.small_form_wrap li.file_area {
	position: relative;
	padding: 10px;
	width: 66%;
	float: right;
}

.small_form_wrap li.file_area .form_right_title {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}

.small_form_wrap li.file_area .appr_process.scroll_process {
	display: inline-block;
	width: 100%;
	height: 110px;
	position: absolute;
	top: 60px;
	left: 0;
	overflow-y: scroll;
	scroll-behavior: smooth;
	-ms-overflow-style: none;
}

.small_form_wrap li.file_area .appr_process.scroll_process::-webkit-scrollbar
{
	display: none;
}

.small_form_wrap li.file_area li.process_step {
	border: none;
	width: 100%;
	height: 30px;
}

/*�뒪�겕濡� �뵒�옄�씤蹂�寃�*/
/* .inner_tab_wrap::-webkit-scrollbar { */
/*   width:10px; height:10px; */
/* } */
/* .inner_tab_wrap::-webkit-scrollbar-button { */
/*   background-color:#fff; width:20px;height:20px; */
/* } */
/* .inner_tab_wrap::-webkit-scrollbar-thumb { */
/*   background-color: #ddd; border-radius:5px; */
/* } */
/* .inner_tab_wrap::-webkit-scrollbar-button:vertical:increment { */
/*     background:url(/images/angle_down_solid.png) no-repeat 0px 5px; background-size:8px; */
/* } */
/* .inner_tab_wrap::-webkit-scrollbar-button:vertical:decrement { */
/* 	background:url(/images/angle_up_solid.png) no-repeat 0px 5px; background-size:8px; */
/* } */
/* .inner_tab_wrap::-webkit-scrollbar-button:horizontal:increment { */
/*     background:url(/images/angle_right_solid.png) no-repeat 5px 0; background-size:5px; */
/* } */
/* .inner_tab_wrap::-webkit-scrollbar-button:horizontal:decrement { */
/* 	background:url(/images/angle_left_solid.png) no-repeat 5px 0; background-size:5px; */
/* } */
.form_right::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.form_right::-webkit-scrollbar-button {
	background-color: #fff;
	width: 20px;
	height: 20px;
}

.form_right::-webkit-scrollbar-thumb {
	background-color: #ddd;
	border-radius: 5px;
}

.form_right::-webkit-scrollbar-button:vertical:increment {
	background: url(/resources/images/angle_down_solid.png) no-repeat 0px
	5px;
	background-size: 8px;
}

.form_right::-webkit-scrollbar-button:vertical:decrement {
	background: url(/resources/images/angle_up_solid.png) no-repeat 0px 5px;
	background-size: 8px;
}

.form_right::-webkit-scrollbar-button:horizontal:increment {
	background: url(/resources/images/angle_right_solid.png) no-repeat 5px 0;
	background-size: 5px;
}

.form_right::-webkit-scrollbar-button:horizontal:decrement {
	background: url(/resources/images/angle_left_solid.png) no-repeat 5px 0;
	background-size: 5px;
}

.inner_tab_wrap .scroll_wrap {
	width: auto;
	height: 100%;
}

.inner_label_title.fw50 {
	width: 50%;
}

.grid_wrap {
	float: left;
	width: 100%;
	height: 100%;
}

.grid_wrap.grid_wrap_wide {
	width: calc(100% - 330px);
}

.inner_tabs {
	width: 100%;
	height: 58px;
	line-height: 58px;
	padding: 0 33px;
	border: 1px solid var(--grid-border-color);
	border-bottom-width: 0;
	background-color: #fff;
}

.inner_tabs .inner_tab {
	position: relative;
	float: left;
	display: inline-block;
	width: 7%;
	height: 100%;
}

.inner_tabs.none_p_b {
	border: 1px solid #e1e1e1 !important;
	border-bottom: none !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.inner_tabs .inner_tab .tab_link {
	display: inline-block;
	width: 100%;
	height: 58px;
	line-height: 58px;
	text-align: center;
	text-decoration: none;
	border-bottom: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
	font-weight: 500;
	/* 	color: #B9BEC5; */
	color:#242A30;
}

.inner_tabs .inner_tab .tab_link.small {
	font-size: 11px;
	ilne-height: 0;
}
/* .inner_tabs .inner_tab .tab_link.on::after{content:'';position:absolute;bottom:-2px;left:1px;display:block !important;width:calc(100% - 2px);height:4px;background-color:#fff;z-index:50;} */
.inner_tabs .inner_tab .tab_link.on {
	color: #242A30;
	font-weight: 500;
	border-bottom: 4px solid var(--main-color);
}

.inner_tabs .inner_tab .tab_link:hover {
	color: #242A30;
	font-weight: 500;
}

.inner_tabs .inner_tab .tab_link .tab_link_flag {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 15px;
	margin-left: 10px;
	text-align: center;
	background-color: #f8f8f8;
	border-radius: 50%;
	border: 1px solid #e7eaec;
	font-size: 13px;
	color: #676a6c;
}

/* 상단 tab 영역 */
nav .tab .tab_link:hover{
	background-color: var(--main-color);
	color: #fff;
	font-weight: 500;
	border-bottom: none;
	background-image:url(/resources/images/close-line-12.png);
	background-repeat:no-repeat;
	background-size:16px;
	background-position:94% 4px;
}

nav .tab .tab_link .close-tab-btn {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 4px;
	right: 4px;
}

.inner_textarea {
	float: left;
	display: inline-block;
	width: 100%;
	min-height: 700px;
	height: 100%;
	margin-right: 10px;
}

.inner_panel {
	display: inline-block;
	width: 100%;
	/*height: 100%;*/
	/*height: calc(100vh - 123px - 43px - 59px - 70px);*/
	height: calc(100% - 58px);
	/*padding-left: 24px;
	padding-top: 21px;
	padding-right: 24px;*/
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	/*border-top-right-radius: 4px;*/
	/*z-index: 30;*/
	background-color: #fff;
}

/*.inner_panel::after {
	content: '';
	display: block;
	clear: both;
}*/

.inner_panel.form_panel {
	border : 1px solid var(--grid-border-color);
	padding: 20px 30px;
}

.only_contents_panel{
	height: calc(100vh - 43px - 59px - 70px);
}

.inner_panel.none_p {
	padding: 0;
}

.panel_section {
	display: inline-block;
	height: 100%;
	margin-right: 20px;
	float: left;
}

.section_grid {
	height: 380px;
}

.inner_textarea_wrap {
	position: relative;
	float: left;
	width: 100%;
	height: 80px;
	margin: 8px 0;
}

.inner_textarea_wrap2 {
	position: relative;
	float: left;
	width: 100%;
	height: 80px;
	margin: 8px 0;
}

.inner_textarea_wrap3 {
	dsipaly: inline-block;
	position: relative;
	float: right;
	width: 19%;
	height: 36%;
	margin: 20px 0 0;
}

.inner_textarea_wrap textarea {
	width: 100%;
	min-widht: 100%;
	max-width: 100%;
	min-height: 78px;
	max-height: 78px;
	border: 1px solid #ccc;
}

.inner_textarea_wrap2 textarea {
	width: 100%;
	min-widht: 100%;
	max-width: 100%;
	min-height: 78px;
	max-height: 78px;
	border: 1px solid #ccc;
}

.inner_textarea_wrap3 textarea {
	width: 100%;
	min-widht: 100%;
	max-width: 100%;
	min-height: 100%;
	max-height: 100%;
	border: 1px solid #ccc;
}

/*�꽕�젙�럹�씠吏�*/
.form_ {
	float: left;
	margin-right: 15px;
	width: calc(30% - 15px);
	min-height: 800px;
	height: 100%;
	padding: 15px 15px 5px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	margin-bottom: 20px;
	text-align: center;
	border-radius: 3px;
}

.form_primary:after {
	content: '';
	display: block;
	clear: both;
}

.form_body.two {
	width: 70%;
	min-height: 80px;
}

.form_body.three {
	width: 70%;
	min-height: 250px;
}

.inner_tab_wrap.two {
	width: 70%;
	min-height: 700px;
}

.inner_tab_wrap.three {
	width: 70%;
	min-height: 390px;
}

.inner_tab_wrap.three .inner_panel {
	width: 50%;
	min-height: 350px;
}

/*aa_asset_master*/
.inner_panel.h190 {
	height: 190px !important;
}
/*tax_vat_f320*/
.inner_panel.h235 {
	height: 235px !important;
}
/*tax_vat_f300_sale*/
.inner_panel.h210 {
	height: 210px !important;
}
/*hr_employee_master*/
.inner_panel.h275 {
	height: 275px !important;
}
/*dash_profile*/
.inner_panel.h460 {
	height: 460px !important;
}

.inner_panel.h295 {
	height: 295px !important;
}
/*hr_employee_manage*/
.inner_panel.h373 {
	height: 373px !important;
}

.inner_panel.h391 {
	height: 391px !important;
}
/*aa_asset*/
.inner_panel.h417 {
	height: 417px !important;
}
/*comm_coporation*/
/* .inner_panel.h443{height:443px !important;} */
/*comm_business*/
.inner_panel.h443 {
	height: 443px !important;
}
/*comm_cv*/
.inner_panel.h445 {
	height: 445px !important;
}

.inner_panel.h350 {
	height: 350px !important;
}
/*hr_employee_master*/
.inner_panel.h651 {
	height: 651px !important;
}
/*at_holiday_remain*/
.inner_panel.h641 {
	height: 641px !important;
}
/*aa_asset*/
.inner_panel.h390 {
	height: 390px !important;
}
/*ga_corp_vehicle*/
.inner_panel.h330 {
	height: 330px !important;
}
/*wi_declaration*/
.inner_panel.h597 {
	height: 597px !important;
}
/*wi_bi_receipt*/
.inner_panel.h600 {
	height: 600px !important;
}
/*fi_bi_account*/
.inner_panel.h661 {
	height: 661px !important;
}
/*fi_replace_setoff*/
.inner_panel.h631 {
	height: 631px !important;
}
/*comm_corporation_master*/
.inner_panel.h318 {
	height: 318px !important;
}
/*re_pay_recipient*/
.inner_panel.h290 {
	height: 290px !important;
}
/*fi_expense_invoice*/
.inner_panel.h661 {
	height: 661px !important;
}
/*yt_year_end_tax_settle*/
.inner_panel.h80 {
	height: 80px !important;
}

.inner_panel.h720 {
	height: 720px !important;
}
/*ga_asset_manage*/
.inner_panel.h316 {
	height: 316px !important;
}
/*sl_pay_invoice*/
.inner_panel.h565 {
	height: 565px !important;
}
/*tax_ac*/
.inner_panel.h635 {
	height: 635px !important;
}
/*tax_ac_tax_f380*/
.inner_panel.h530 {
	height: 530px !important;
}

.inner_panel.h102 {
	height: 102px !important;
}
/*re_pay_dc_recipient*/
.inner_panel.h261 {
	height: 261px !important;
}

/*�쟾�옄寃곗옱*/
.form_appr_header {
	position: relative;
	display: inline-block;
	width: 70%;
	height: 50px;
	margin: 10px 0 0;
}

.form_appr_body {
	float: left;
	width: 70%;
	height: 100%;
	padding: 15px 15px 5px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	margin-bottom: 20px;
	text-align: center;
	border-radius: 3px;
}

.form_appr_tab {
	float: left;
	width: 70%;
	height: 100%;
	min-height: 400px;
	padding: 10px;
	border: 1px solid #dfdfdf;
	margin-bottom: 10px;
	border-radius: 3px;
	overflow: scroll;
	scroll-behavior: smooth;
	flex-wrap: nowrap
}

.form_right {
	float: right;
	width: calc(30% - 15px);
	margin-left: 15px;
	margin-top: 10px;
	min-height: 850px;
	max-height: 850px;
	padding: 15px 5px 15px 15px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	border-radius: 3px;
	overflow-y: scroll;
	scroll-behavior: smooth;
	flex-wrap: nowrap;
}

.form_right button {
	float: right;
}

.form_appr_wrap {
	position: relative;
	min-height: 770px;
	padding-bottom: 90px;
}

.form_appr_info {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
}

.form_right_title {
	display: inline-block;
	width: 100%;
	height: 60px;
	padding: 20px 0;
	padding-left: 30px;
	font-size: 15px;
	letter-spacing: 1px;
	color: #222222;
	font-weight: 500;
	border-bottom: 1px solid #dbdbdb;
}

.appr_process {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.appr_complete {
	display: inline-block;
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
}

.process_step {
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
}

.process_step .appr_employee {
	float: left;
	padding: 0 10px 0 20px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
	text-decoration: none;
}

.process_step .appr_date {
	float: left;
	padding: 0 10px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #777;
}
/* .process_step.step1{display:none;} */
.step_delete {
	float: right;
	font-size: 10px;
	margin-top: 12px;
	margin-right: 10px;
	color: #f86e71;
	font-weight: 100;
	cursor: pointer;
}

.form_right_title .warning {
	font-size: 11px;
	letter-spacing: 0;
	color: #ec7b7e;
	margin-left: 17px;
}

.appr_file_btn {
	position: absolute;
	top: 20px;
	right: 22px;
	font-size: 10px;
	font-weight: 100;
	z-index: 50;
	display: inline-block;
	width: 20px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	box-shadow: 0px 2px 2px rgba(51, 51, 51, .35);
	background-image: url(/resources/images/plus4.png);
	background-size: 10px;
	background-position: center center;
	background-repeat: no-repeat;
}

.appr_file {
	display: inline-block;
	width: 80%;
	padding: 0 10px;
	font-size: 13px;
	font-weight: 500;
	color: #555555;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 20px;
}

.appr_flie_volume {
	font-size: 13px;
	font-weight: 500;
	color: #555555;
	float: right;
	margin-right: 10px;
}

.process_step.step2 {
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 13px;
	font-weight: 500;
	color: #777;
}

.appr_opinion_img {
	float: left;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	border: 2px solid #ebedf2;
	border-radius: 50%;
	text-align: center;
}

.appr_opinion_img img {
	width: 100%;
	border-radius: 50%;
}

.appr_opinion {
	float: right;
	display: inline-block;
	width: calc(100% - 70px);
	margin-bottom: 10px;
	padding: 5px 10px 10px 10px;
	background-color: #f7f8fc;
	border-radius: 4px;
}

.appr_opinion::before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	top: 10px;
	right: 100%;
	margin-right: -70px;
	border-right: solid 10px #f7f8fc;
	border-bottom: solid 17px transparent;
	border-left: solid 17px transparent;
	border-top: solid 17px transparent;
}

.appr_opinion::after {
	content: '';
	display: block;
	clear: both;
}

.appr_opinion_txt {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.forma_right_tabs {
	width: 100%;
	height: 44px;
	line-height: 44px;
	border-bottom: 1px solid #ebedf2;
}

.forma_right_tabs::after {
	content: '';
	display: block;
	clear: both;
}

.forma_right_tabs li.right_tab {
	float: left;
	display: inline-block;
	height: 43px;
	line-height: 43px;
	text-align: center;
	margin-bottom: -1px;
}

.right_tab .right_tab_link {
	display: inline-block;
	width: 100%;
	height: 43px;
	line-height: 43px;
	padding: 0 10px;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	color: #777;
}

.right_tab .right_tab_link.on {
	color: #5d78ff;
	border-bottom: 1px solid #5d78ff;
	font-weight: 500;
}

.appr_sign_table {
	width: 100%;
	border: 1px solid #ebedf2;
}

.appr_sign_table thead tr {
	border-bottom: 1px solid #ebedf2;
}

.appr_sign_table thead tr th {
	padding: 5px;
	border-right: 1px solid #ebedf2;
	text-align: center;
}

.appr_sign_table thead tr th:last-child {
	border-right: none;
}

.appr_sign_table tbody tr {
	border-bottom: 1px solid #ebedf2;
}

.appr_sign_table tbody tr td {
	border-right: 1px solid #ebedf2;
	text-align: center;
	font-size: 13px;
}

.appr_sign_table tbody tr td:last-child {
	border-right: none;
}

.appr_sign_table tbody tr td img {
	width: 100%;
}

.appr_sign_table tbody tr.appr_sign td {
	padding: 5PX;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
	text-decoration: none;
}

.appr_sign_table tfoot tr td {
	padding: 5PX;
	border-right: 1px solid #ebedf2;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #777;
}

.appr_sign_table tbody tr.appr_sign_view td {
	padding: 10px 0;
}

.appr_sign_table tfoot tr td:last-child {
	border-right: none;
}

.appr_opinion_write {
	position: absolute;
	bottom: 30px;
	right: 0;
	width: 470px;
	height: 70px;
	margin-bottom: 5px;
}

.appr_opinion_write textarea {
	min-width: 470px;
	max-width: 470px;
	min-height: 70px;
	max-height: 70px;
	font-size: 13px;
	font-weight: 500;
	color: #777;
}

.appr_opinion_btn {
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	width: 100%;
	height: 30px;
}

.status_table {
	display: inline-block;
	width: 85px;
	height: 25px;
	line-height: 25px;
	border-radius: 3px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
}

.status {
	float: left;
	display: inline-block;
	width: 80px;
	height: 30px;
	line-height: 30px;
	border-radius: 3px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
}

.status_type0 {
	background-color: rgba(250, 250, 250, .1);
	color: #333;
	cursor: text !important;
}

.status_type1 {
	background-color: rgba(10, 187, 135, .1);
	color: #0abb87;
	cursor: text !important;
}

.status_type2 {
	background-color: rgba(93, 120, 255, .1);
	color: #5d78ff;
	cursor: text !important;
}

.status_type3 {
	background-color: rgba(253, 57, 122, .1);
	color: #fd397a;
	cursor: text !important;
}

.status_type4 {
	background-color: rgba(255, 184, 34, .1);
	color: #ffb822;
	cursor: text !important;
}

.status_type5 {
	background-color: rgba(104, 81, 161, .1);
	color: #5b35bb;
	cursor: text !important;
}

/*異쒖옣�떊泥��꽌*/
.content::after {
	content: '';
	display: block;
	clear: both;
}

.content.ea_bt_wrap {
	position: relative;
	height: unset !important;
}
.grid_title {
	display: inline-block;
	width: 100%;
	margin-bottom: 6px;
	text-align: left;
	color: #828B97;
	font-size: 13px;
	font-weight: 500;
}

.ea_bt_form_title {
	display: inline-block;
	width: 100%;
	margin-bottom: 16px;
	text-align: left;
	color: #828B97;
	font-size: 13px;
	font-weight: 500;
}

.ea_bt_form_title2 {
	display: inline-block;
	width: 100%;
	/* height: 14px; */
	/* margin-bottom: 10px; */
	text-align: left;
	color: #828B97;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 6px;
	padding-left: 6px;
}

.ea_form_title {
	text-align: left;
	color: #666;
	font-size: 13px;
	font-weight: 500;
}

.ea_bt_txt0 {
	display: inline-block;
	line-height: 120%;
	font-size: 13px;
	font-weight: 100;
	float: right;
	margin-top: 8px;
	margin-right: 20px;
}

.ea_bt_form_inner {
	min-height: 686px;
	height: 686px;
	padding: 10px;
	overflow-y: scroll;
	-ms-overflow-style: none;
}

.ea_bt_form_inner2 {
	min-height: 575px;
	height: 575px;
	/* 	padding: 10px; */
	overflow-y: scroll;
	-ms-overflow-style: none;
}

.ea_bt_form_inner3 {
	min-height: 536px;
	height: 536px;
	padding: 10px;
	overflow-y: scroll;
	-ms-overflow-style: none;
}

.ea_bt_form_inner4 {
	min-height: 800px;
	height: 800px;
	padding: 10px;
	overflow-y: scroll;
	-ms-overflow-style: none;
}

.ea_bt_form_inner::-webkit-scrollbar {
	display: none;
}

.ea_bt_form_inner2::-webkit-scrollbar {
	display: none;
}

.ea_bt_form_inner3::-webkit-scrollbar {
	display: none;
}

.ea_bt_form_inner4::-webkit-scrollbar {
	display: none;
}

.ea_bt_form {
	/* 	display: inline-block; */
	/* 	width: 70%; */
	/* 	margin-right: 1%; */
	/* 	float: left; */
	/* 	border: 1px solid #dfdfdf; */
	/* 	background-color: #fff; */
	/* 	margin-bottom: 10px; */
	/* 	border-radius: 3px; */
	/* 	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1); */
	display: inline-block;
	width: 952px;
	height: 176px;
	float: left;
	margin-right: 47px;
	margin-bottom: 22px;
	padding: 20px 32px;
	background-color: #fff;
	border: 1px solid #E7E7E9;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border-radius: 4px;
}

.ea_modify_form {
	/* 	display: inline-block; */
	/* 	width: 70%; */
	/* 	margin-right: 1%; */
	/* 	float: left; */
	/* 	border: 1px solid #dfdfdf; */
	/* 	background-color: #fff; */
	/* 	margin-bottom: 10px; */
	/* 	border-radius: 3px; */
	/* 	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1); */
	display: inline-block;
	width: 952px;
	height: 248px;
	float: left;
	margin-right: 47px;
	margin-bottom: 22px;
	padding: 20px 32px;
	background-color: #fff;
	border: 1px solid #E7E7E9;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border-radius: 4px;
}
.ea_bt_form.form2 {
	height: 201px
}

.ea_bt_form.form4 {
	height: 201px
}

.ea_bt_form_txt {
	font-size: 13px;
	color: #555;
}

.ea_bt_process {
	display: inline-block;
	width: 360px;
	/*height: 100vh;*/
	background: transparent;
	position: absolute;
	top: 0;
	right: 0;
	text-align: left;
}

.ea_bt_process::after {
	content: '';
	display: block;
	claer: both;
}

.ea_bt_quick {
	position: relative;
	display: none;
	width: 182px;
	height: 100%;
	float: left;
	background-color: #f4f4f4;
	text-align: center;
	padding-top: 75px;
}

.quick_title {
	position: absolute;
	top: 37px;
	left: 39px;
	font-size: 15px;
	font-weight: 500;
	color: #222222;
}

.quick_btn {
	position: absolute;
	top: 31px;
	right: 36px;
	width: 20px;
	height: 20px;
	border: 1px solid #9e9e9e;
	border-radius: 7px;
	background-color: #b8b8b8;
	background-image: url(/resources/images/quick_btn.png);
	background-size: 20px;
	background-position: center center;
	background-repeat: no-repeat;
}

.ea_bt_quick::after {
	content: '';
	display: block;
	claer: both;
}

.quick_menu {
	display: inline-block;
	float: left;
	width: 113px;
	height: 31px;
	background-color: #fff;
	border: 1px solid #dbdbdb;
	border-radius: 5px;
	margin-bottom: 7px;
	margin-left: 30px;
	font-size: 60px;
	cursor: pointer;
}

.quick_menu_link {
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: top;
	line-height: 31px;
	padding: 0 8px;
	text-align: left;
	font-size: 13px;
	color: #666666;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sing_step0 {
	display: inline-block;
	width: 100%;
	min-height: 120px;
	position: relative;
}

.sing_step1 {
	display: inline-block;
	width: 100%;
	min-height: 120px;
	position: relative;
	padding-top: 62px;
}

.sing_step2 {
	display: inline-block;
	width: 100%;
	min-height: 120px;
	position: relative;
	padding-top: 62px;
}

.sing_step3 {
	display: inline-block;
	width: 100%;
	min-height: 120px;
	position: relative;
	padding-top: 62px;
}

.sing_step4 {
	display: inline-block;
	width: 100%;
	min-height: 120px;
	position: relative;
	padding-top: 62px;
}

.sign_step_title {
	position: absolute;
	top: 38px;
	left: 35px;
	font-size: 16px;
	color: #222222;
	font-weight: 500;
}

.sign_step_info {
	position: absolute;
	top: 40px;
	left: 120px;
	font-size: 13px;
	color: #ec7b7e;
}

.sign_step_info2 {
	position: absolute;
	top: 80px;
	right: 20px;
	font-size: 13px;
	color: #ec7b7e;
}

.sign_step_info3 {
	position: static;
	font-size: 13px;
	color: #ec7b7e;
}

.sign_step_btn {
	width: 89px;
	height: 34px;
	background-color: #fff;
	border: 1px solid #cccccc;
	text-align: center;
	color: #666666;
	font-size: 12px;
}

.sign_step_wrap {
	display: inline-block;
	width: 100%;
	padding: 13px 5px;
}

.sign_step {
	display: inline-block;
	width: 100%;
	height: 32px;
	/*     line-height:26px; */
	padding: 3px 4px;
	padding-left: 34px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sign_step .close_icon {
	display: none;
	width: 20px;
	height: 20px;
	padding-top: 7px;
	text-align: center;
	position: absolute;
	top: 6px;
	right: 6px;
}

.close_icon.close_icon_as {
	position: absolute;
	top: 5px;
	left: 180px;
}
/* .sign_step:hover::after{ */
/* 	content:""; */
/* 	position:absolute; */
/* 	top:12px; */
/* 	right:12px; */
/* 	display:inline-block; */
/* 	width:8px; */
/* 	height:8px; */
/* 	background-image:url(/resources/images/sign_step_delete.png); */
/* 	background-position:center center; */
/* 	background-size:8px; */
/* 	background-repeat:no-repeat; */
/* 	cursor:pointer; */
/* } */
.sign_step:hover {
	background-color: #f5f5f5;
	border-radius: 16px;
}

.sign_step:hover .close_icon {
	display: inline-block;
	cursor: pointer;
}

.sign_step .sign_status {
	display: inline-block;
	width: 49px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #fff;
	border-radius: 12px;
	font-size: 13px;
	margin-right: 10px;
	float: left;
}

.sign_status.status0 {
	border: 1px solid #53b0f8;
	color: #53b0f8;
}

.sign_status.status1 {
	border: 1px solid #32c5d2;
	color: #32c5d2;
}

.sign_status.status2 {
	border: 1px solid #8e9cad;
	color: #8e9cad;
}

.sign_status.status3 {
	border: 1px solid red;
	color: red;
}

.sign_step .sign_name {
	font-size: 14px;
	color: #222222;
	margin-right: 5px;
	display: inline-block;
	width: 145px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	float: left;
}

.sign_step .sign_grade {
	font-size: 13px;
	color: #444444;
	margin-right: 5px;
	display: inline-block;
	width: 78px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	float: left;
}

.sign_step .sign_team {
	font-size: 13px;
	color: #888888;
	/* 	margin-left: 2%; */
	display: inline-block;
	width: 130px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	float: left;
}

.sign_step .sign_date {
	font-size: 13px;
	color: #888888;
	margin-left: 5px;
	display: inline-block;
	width: 115px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	float: left;
}

.sign_file_wrap {
	display: inline-block;
	width: 100%;
	padding: 13px 30px;
}

.sign_file {
	display: inline-block;
	width: 100%;
	height: 32px;
	line-height: 26px;
	padding: 3px 4px;
	padding-left: 20px;
	margin-bottom: 10px;
	position: relative;
	font-size: 13px;
	color: #555555;
}

.sign_file::before {
	content: "";
	position: absolute;
	top: 15px;
	left: 10px;
	width: 4px;
	height: 2px;
	background-color: #555555;
}

.sign_file_volume {
	position: absolute;
	top: 3px;
	right: 40px;
	font-size: 13px;
	color: #888888;
}

.sign_file .close_icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	padding-top: 7px;
	text-align: center;
	position: absolute;
	top: 6px;
	right: 6px;
}
/* .sign_file::after{ */
/* 	content:""; */
/* 	position:absolute; */
/* 	top:13px; */
/* 	right:12px; */
/* 	display:inline-block; */
/* 	width:8px; */
/* 	height:8px; */
/* 	background-image:url(/resources/images/sign_step_delete.png); */
/* 	background-position:center center; */
/* 	background-size:8px; */
/* 	background-repeat:no-repeat; */
/* 	cursor:pointer; */
/* } */
.sgin_opinion_wrap {
	display: inline-block;
	width: 100%;
	padding: 13px 30px;
	padding-bottom: 70px;
}

.sign_opinion_left {
	display: inline-block;
	width: 100%;
	min-height: 83px;
	margin-bottom: 55px;
	position: relative;
}

.sign_opinion_left .sign_opinion_img {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-image: url(/resources/images/sign_opinion_img.png);
	background-size: 48px;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
}

.sign_opinion_left .sign_opinion_img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.sign_opinion_left .sign_opinion_name {
	position: absolute;
	top: 0;
	left: 62px;
	display: inline-block;
	width: calc(100% - 62px);
	height: 28px;
	font-size: 14px;
	font-weight: 500;
	color: #222222;
}

.sign_opinion_left .sign_opinion_name .sign_opinion_date {
	font-size: 13px;
	color: #888888;
	font-weight: normal;
}

.sign_opinion_left .sign_opinion_name .sign_opinion_date.date0 {
	padding-left: 17px
}

.sign_opinion_left .sign_opinion_name .sign_opinion_date.date1 {
	padding-left: 6px
}

.sign_opinion_left .sign_opinion_txt {
	position: absolute;
	top: 28px;
	left: 62px;
	display: inline-block;
	width: calc(100% - 62px);
	min-height: 40px;
	padding: 12px 19px;
	background-color: #eaeff4;
	border-radius: 10px;
	font-size: 14px;;
	color: #444444;
	line-height: 150%;
	max-height: 100px;
	overflow-y: scroll;
}

.sign_opinion_left .sign_opinion_txt::-webkit-scrollbar {
	display: none;
}

.sign_opinion_right {
	display: inline-block;
	width: 100%;
	min-height: 83px;
	margin-bottom: 55px;
	position: relative;
}

.sign_opinion_right .sign_opinion_img {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-image: url(/resources/images/sign_opinion_img.png);
	background-size: 48px;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
}

.sign_opinion_right .sign_opinion_img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.sign_opinion_right .sign_opinion_name {
	position: absolute;
	top: 0;
	right: 62px;
	display: inline-block;
	width: calc(100% - 62px);
	height: 28px;
	font-size: 14px;
	font-weight: 500;
	color: #222222;
	text-align: right;
}

.sign_opinion_right .sign_opinion_name .sign_opinion_date {
	font-size: 13px;
	color: #888888;
	font-weight: normal;
}

.sign_opinion_right .sign_opinion_name .sign_opinion_date.date0 {
	padding-right: 17px
}

.sign_opinion_right .sign_opinion_name .sign_opinion_date.date1 {
	padding-right: 6px
}

.sign_opinion_right .sign_opinion_txt {
	position: absolute;
	top: 28px;
	right: 62px;
	display: inline-block;
	width: calc(100% - 62px);
	min-height: 40px;
	padding: 12px 19px;
	background-color: #eaeff4;
	border-radius: 10px;
	font-size: 14px;;
	color: #444444;
	line-height: 150%;
	max-height: 100px;
	overflow-y: scroll;
}

.sign_opinion_right .sign_opinion_txt::-webkit-scrollbar {
	display: none;
}

.sign_opinion_text {
	display: inline-block;
	/*width:480px;*/
	width: 25%;
	min-height: 160px;
	height: auto;
	position: fixed;
	bottom: 30px;
	right: 60px;
}

.sign_opinion_text textarea {
	width: 100%;
	height: 100px;
}

.sign_opinion_text .sign_opinion_btn {
	/* 	position:absolute; */
	/* 	bottom:10px; */
	/* 	right:0; */

}

.ea_left_scroll_wrap {
	/*min-height: 672px;*/
	/*min-height: 583px;*/
	min-height: calc(100vh - 308px);
	display: inline-block;
	width: 952px;
	float: left;
	margin-right: 47px;
	padding: 20px 32px;
	background-color: #fff;
	border: 1px solid #E7E7E9;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border-radius: 4px;
}

/* 뷰모드일 때 form_object 커서 일반모양으로 */
#ea_view_mode ~ .ea_left_scroll_wrap .form_object {
	cursor: default;
}
/* 뷰모드일 때 인풋 배경 색 변경, 필수값 색 변경 없게 */
#ea_view_mode ~ .ea_left_scroll_wrap input:read-only,
#ea_view_mode ~ .ea_left_scroll_wrap textarea:read-only {
	background-color: #fff;
	cursor : default;
}
#ea_view_mode ~ .ea_left_scroll_wrap .blue {
	color: #828B97;
}

/* .ea_left_scroll { */
/* 	width: 100%; */
/* 	height: 100%; */
/* 	overflow-y: scroll; */
/* } */

/* .ea_left_scroll::-webkit-scrollbar { */
/* 	width: 5px !important; */
/* 	display: block !important; */
/* } */

/* .ea_left_scroll::-webkit-scrollbar-button { */
/* 	width: 0 !important; */
/* 	height: 0 !important; */
/* } */

/* .ea_left_scroll::-webkit-scrollbar-thumb { */
/* 	/*     border-radius: 3px !important; */
/*     background-color: #d3d7de !important; */

/* } */
/* .ea_left_scroll::-webkit-scrollbar-track { */
/* 	background-color: transparent !important; */
/* } */
/* .ea_right_scroll::-webkit-scrollbar { */
/* 	width: 5px !important; */
/* 	display: block !important; */
/* } */
/* .ea_right_scroll::-webkit-scrollbar-button { */
/* 	width: 0 !important; */
/* 	height: 0 !important; */
/* } */
/* .ea_right_scroll::-webkit-scrollbar-thumb { */
/* 	border-radius: 3px !important; */
/* 	background-color: #d3d7de !important; */
/* } */
/* .ea_right_scroll::-webkit-scrollbar-track { */
/* 	background-color: transparent !important; */
/* } */
/*modal*/

/*모달 자동 포커스 방지*/
.ui-dialog:focus{
	outline:none !important;
}
.ui-dialog {
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	max-width: 90vw;
}

.ui-dialog-titlebar {
	height: 54px;
	line-height: 54px;
	padding: 0 32px;
	background-color: #fff;
	border-bottom: 1px solid #E7E7E9;
	/* 	border-bottom: 1px solid #ebedf2; */
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.ui-dialog-title {
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	color: #333;
	/* 	font-size: 16px; */
	/* 	font-weight: 500; */
	/* 	color: #48465b; */
	/* 	letter-spacing: 1px; */
}

.ui-button {
	/* 	float: right; */
	/* 	margin-top: 5px; */
	/* 	margin-left: 5px; */
	/* 	width: 35px; */
	/* 	height: 35px; */
	/* 	font-size: 12px; */
	/* 	font-weight: 500; */
	/* 	color: #74788d; */

}

.emax_modal_popup {
	z-index: 99999;
	box-shadow: 3px 3px 20px 0px;
}

.ui-dialog-buttonset {
	width: 100%;
	height: 73px;
	line-height: 73px;
	padding: 0 32px;
	text-align: right;
	background-color: #fff;
	/* 	background-color: #fafafa; */
	/* 	border-top: 1px solid #ebedf2;
        border-bottom: 1px solid #ebedf2; */
	border-top: 1px solid #E7E7E9;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.ui-dialog-titlebar-close {
	position: absolute;
	top: 14px;
	right: 19px;
	width: 12px;
	height: 12px;
	background-image: url(/resources/images/delete3.png);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: center center;
}

.ui-icon-closethick {
	display: inline-block;
	/*     width: 35px;
        height: 35px;
        background-color: #fff;
        margin-top: 2px;
        margin-right: 7px;
        background-image: url(/images/modal_close_btn.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 14px; */
}

body.modal_body::before {
	content: none;
	background-image: none !important;
}

body.modal_body {
	/* 	background-color: #fafafa; */
	padding: 20px 32px;
	background-color: #fff;
	border-bottom: 1px solid #E7E7E9;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.modal_wrap {
	/*display: inline-block;*/
	width: 100%;
	height: 100%;
	/* 	background-color: #fafafa; */
	background-color: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.modal_header_wrap {
	width: 100%;
	margin-bottom: 20px;
	/* 	padding: 14px; */
	/* 	padding-top: 18px; */
	/* 	padding-bottom: 14px; */
	/* 	margin-bottom: 11px; */
	/* 	background-color: #fff; */
	/* 	border: 1px solid #dfdfdf; */
	/* 	border-radius: 3px; */
	text-align: right;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.modal_header_wrap::after {
	content: '';
	display: block;
	clear: both;
}

body.modal_body .preview_list_wrap{
	/* 	margin-bottom:20px;	 */
	width: 100%;
	height: 75px;
	overflow: hidden;
	margin-bottom: 24PX;
}


.modal_search_inp {
	margin-bottom: 0 !important;
}

.modal_search_btn {
	margin-top: 20px;
}
/* .modal_search_btn:hover{background-color:#fff;border:1px solid #5d78ff;color:#5d78ff;} */
.modal_contents_wrap {
	/* 	width: 100%; */
	/* 	padding: 13px 12px; */
	/* 	margin-bottom: 10px; */
	/* 	background-color: #fff; */
	/* 	border: 1px solid #dfdfdf; */
	/* 	border-radius: 3px; */
	height: calc(100% - 78px);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.modal_contents_wrap.modal_contents_wrap_expend {
	height: 100%;
}

.modal_contents_wrap iframe {
	border: none !important;
}


.modal_footer_btn0 {
	background-color:#fff;
	border:1px solid var(--main-color);
	color : var(--main-color);
}

.modal_footer_btn1 {
	/*background-color: #14BB94;*/
	/*border: 1px solid #119D7D;*/
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
	color: #fff;
}

/* realgrid skin�뿉�꽌 媛숈� �겢�옒�뒪 �궗�슜.. popup_mask  */
.popup_mask {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.2;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9000;
}

.ajax_mask {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9000;
	display: none;
}

.disabled {
	curosr: pointer;
}

/*踰뺤씤�벑濡�>泥⑤��뙆�씪*/
.file_upload {
	height: 120px;
	line-height: 170px;
	text-align: center;
	border: 2px dashed #dfdfdf;
	font-size: 14px;
	color: #74788d;
	cursor: pointer;
	background-image: url(/resources/images/upload-solid.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 40px;
}

.file_upload .file_txt {
	color: #2275d7;
}

.file_upload_list {
	height: 470px;
	min-height: 470px;
	padding: 10px;
	border: 1px solid #dfdfdf;
}

.file_upload_list.file_blank {
	line-height: 450px;
	text-align: center;
}

.file_upload_list.file_blank:before {
	content: '泥⑤��븳 �뙆�씪�씠 �뾾�뒿�땲�떎';
	font-size: 14px;
	color: #74788d;
}

.file_upload_list::after {
	content: '';
	display: block;
	clear: both;
}

.file_upload_list .file_link {
	float: left;
	position: relative;
	display: inline-block;
	width: 200px;
	height: 120px;
	line-height: 210px;
	padding: 0 5px;
	margin-right: 7px;
	margin-bottom: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: #f7f8fa;
	font-size: 12px;
	color: #74788d;
	font-weight: 500;
	border-radius: 4px;
}

.file_upload_list .file_link .file_name {
	font-size: 12px;
	color: #2275d7;
	font-weight: 500;
	cursor: pointer;
}

.file_upload_list .file_link .file_delete {
	position: absolute;
	top: 0;
	right: 5px;
	display: inline-block;
	width: 20px;
	height: 30px;
	line-height: 30px;
	margin-right: 0;
	font-size: 14px;
	color: #a2a5b9;
}

.file_upload_list .file_link .file_delete:hover {
	color: #2275d7;
}

.file_upload_list .file_link.file {
	background-image: url(/resources/images/file-regular.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50px;
}

.file_upload_list .file_link.file-alt-regular {
	background-image: url(/resources/images/file-alt-regular.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50px;
}

.file_upload_list .file_link.file-archive-regular {
	background-image: url(/resources/images/file-archive-regular.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50px;
}

.file_upload_list .file_link.file-audio-regular {
	background-image: url(/resources/images/file-audio-regular.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50px;
}

.file_upload_list .file_link.file-code-regular {
	background-image: url(/resources/images/file-code-regular.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50px;
}

.file_upload_list .file_link.file-excel-regular {
	background-image: url(/resources/images/file-excel-regular.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50px;
}

.file_upload_list .file_link.file-image-regular {
	background-image: url(/resources/images/file-image-regular.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50px;
}

.file_upload_list .file_link.file-pdf-regular {
	background-image: url(/resources/images/file-pdf-regular.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50px;
}

.file_upload_list .file_link.file-powerpoint-regular {
	background-image: url(/resources/images/file-powerpoint-regular.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50px;
}

.file_upload_list .file_link.file-video-regular {
	background-image: url(/resources/images/file-video-regular.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50px;
}

.file_upload_list .file_link.file-word-regular {
	background-image: url(/resources/images/file-word-regular.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50px;
}

/*�굹�쓽�봽濡쒗븘*/
.form_row {
	float: left;
	min-height: 800px !important;
	max-height: 800px;
	padding: 10px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	border-radius: 3px;
	overflow-y: scroll;
	scroll-behavior: smooth;
	flex-wrap: nowrap;
	-ms-overflow-style: none;
}

.form_row::-webkit-scrollbar {
	display: none;
}

.form_row.profile_overview {
	width: calc(25% - 20px) !important;
	margin-right: 20px
}

.profile_overview .profile {
	width: 100%;
	height: 100%;
}

.profile.profile::after {
	content: '';
	display: block;
	clear: both;
}

.profile_overview .profile .profile_img {
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	float: left;
	margin-right: 20px;
}

.profile_img::after {
	content: '';
	display: block;
	clear: both;
}

.profile_overview .profile .profile_img img {
	width: 100%;
	border-radius: 10px;
}

.profile_overview .profile .profile_info0 {
	display: inline-block;
	height: 100px;
}

.profile_info0::after {
	content: '';
	display: block;
	clear: both;
}

.profile_info0 .name {
	font-size: 34px;
	color: #222;
	font-weight: 500;
	padding-bottom: 20px;
}

.profile_info0 .team {
	font-size: 26px;
	color: #222;
	padding-bottom: 40px;
}

.profile_info0 .number {
	font-size: 16px;
	font-weight: 500;
	padding-bottom: 8px;
}

.profile_info0 .number .number_title {
	display: inline-block;
	width: 70px;
}

.profile_info0 .date {
	font-size: 16px;
	font-weight: 500;
}

.profile_info0 .date .date_title {
	display: inline-block;
	width: 70px;
}

/* .profile_overview .profile .profile_info0 .profile_txt0{font-size:16px;color:#48465b;;font-weight: 500;margin-bottom:15px;} */
/* .profile_overview .profile .profile_info0 .profile_txt1{font-size:14px;color:#74788d;font-weight:400;margin-bottom:15px;} */
/* .profile_overview .profile .profile_info0 .profile_txt1 span{font-size:12px;color:#5d78ff;} */
/* .profile_overview .profile .profile_info0 .profile_btn{clear:both;} */
.profile_overview .profile .profile_info_table::before {
	content: '';
	display: block;
	clear: both;
}

.profile_overview .profile .profile_info_table {
	margin-top: 20px;
}

.profile_info_table tbody tr th {
	padding: 5px 0;
	text-align: left;
	font-size: 14px;
	color: #48465b;
	font-weight: 500;
	letter-spacing: 1px;
}

.profile_info_table tbody tr td {
	padding: 5px 10px;
	text-align: right;
	font-size: 12px;
	color: #74788d;
	font-weight: 500;
	letter-spacing: 1px;
}

/*寃곗젣議곌굔�벑濡�*/
.term_calc {
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #dbdbdb;
}

.term_calc_title {
	display: inline-block;
	width: 100%;
	font-size: 14px;
}

.term_calc_info {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 10px;
}

/*洹쇳깭�떖�젰愿�由�*/
.form_calender {
	z-index: 10;
	display: inline-block;
	width: 31%;
	height: 80px;
	border: 1px solid #ccc;
	border-top: none;
	position: absolute;
	top: 40px;
	left: 31.3%;
	text-align: left;
	padding-left: 15px;
	font-size: 13px;
	color: #48465b;
	line-height: 0px;
}

.form_calender2 {
	z-index: 10;
	display: inline-block;
	width: 15.5%;
	height: 80px;
	border: 1px solid #ccc;
	border-top: none;
	position: absolute;
	top: 40px;
	left: 46.7%;
	text-align: left;
	padding-left: 15px;
	font-size: 13px;
	color: #48465b;
	line-height: 0px;
}

.form_calender3 {
	z-index: 10;
	display: inline-block;
	width: 15.5%;
	height: 80px;
	border: 1px solid #ccc;
	border-top: none;
	position: absolute;
	top: 40px;
	left: 16.2%;
	text-align: left;
	padding-left: 15px;
	font-size: 13px;
	color: #48465b;
	line-height: 0px;
}

.form_calender4 {
	z-index: 10;
	display: inline-block;
	width: 31%;
	height: 80px;
	border: 1px solid #ccc;
	border-top: none;
	position: absolute;
	top: 40px;
	left: 46.7%;
	text-align: left;
	padding-left: 15px;
	font-size: 13px;
	color: #48465b;
	line-height: 0px;
}

.form_calender_bdl {
	display: inline-block;
	width: 15px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 40px;
	left: 31.3%;
}

.form_calender_bdr {
	display: inline-block;
	width: 465px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 40px;
	left: 36.8%;
}

.form_calender_bdl2 {
	display: inline-block;
	width: 10px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 40px;
	left: 46.7%;
}

.form_calender_bdr2 {
	display: inline-block;
	width: 177px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 40px;
	left: 52.5%;
}

.form_calender_bdl3 {
	display: inline-block;
	width: 10px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 40px;
	left: 16.2%;
}

.form_calender_bdr3 {
	display: inline-block;
	width: 205px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 40px;
	left: 20.5%;
}

.form_calender_bdl4 {
	display: inline-block;
	width: 15px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 40px;
	left: 46.7%;
}

.form_calender_bdr4 {
	display: inline-block;
	width: 468px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 40px;
	left: 52%;
}

/*cip�옄�궛 �벑濡�*/
.asset_regist {
	min-height: 720px;
	padding: 10px;
}

.asset_regist_title {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: rgb(130, 139, 151);
}

/*怨꾩젙蹂� 蹂댁“�솕硫� �벑濡앺뙘�뾽*/
.popu_info_text {
	padding-top: 10px;
	font-size: 12px;
}

.depreciation_table {
	margin-top: 20px;
}

.depreciation_table thead tr th {
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: #333;
	padding: 7px 0;
	border-bottom: 1px solid #ccc;
}

.depreciation_table tbody tr th {
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	color: #777;
	padding: 7px 0;
}

.depreciation_table tbody tr td {
	text-align: center;
	font-size: 12px;
	color: #777;
	padding: 5px 0;
	padding: 7px 0;
}

.depreciation_table tbody tr.on {
	background-color: #eee;
}

.pay_cal .pay_cal_textarea {
	display: inline-block;
	width: 100%;
	height: calc(50% - 100px);
}

.pay_cal .pay_cal_textarea textarea {
	width: 100%;
	float: left;
	height: 100%;
	min-height: 165px;
}

.wi_bi_section {
	padding: 10px;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
}

.wi_bi_section1 {
	min-height: 242px;
	height: 242px;
	padding: 10px;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
}

.aaset_regist_sec0 {
	display: inline-block;
	width: 100%;
	height: 100%;
	margin-right: 1%;
	float: left;
	padding: 20px 31px 0px 32px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	margin-bottom: 10px;
	border-radius: 3px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
}

.aaset_regist_sec1 {
	display: inline-block;
	width: 34%;
	height: 100%;
	float: left;
	border: 1px solid #dfdfdf;
	background-color: #fff;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 3px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
}

.regist_sec1_inner {
	padding: 10px;
}

.regist_sec1_title {
	display: inline-block;
	width: 100%;
	height: 53px;
	line-height: 53px;
	padding-left: 27px;
	font-size: 15px;
	color: #2e2e2e;
	background-color: #fff;
	margin-bottom: 20px;
	border-bottom: 1px solid #dbdbdb;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.holiday_notice_wrap {
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	padding: 20px 27%;
	text-align: center;
}

.holiday_notice_wrap .holiday_notice_title {
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 150%;
	padding-bottom: 70px;
}

.holiday_notice_wrap .holiday_notice_title span {
	color: #aaa;
}

.holiday_notice_wrap .holiday_notice_table0 {
	width: 300px;
	border: 1px solid #333;
	float: right;
	margin-bottom: 50px;
}

.holiday_notice_wrap .holiday_notice_table0 tr th {
	background-color: #f9f9f9;
	font-size: 14px;
	text-align: center;
	padding: 7px 10px;
	border-right: 1px solid #333;
}

.holiday_notice_wrap .holiday_notice_table0 tr td {
	padding: 7px 10px;
}

.holiday_notice_wrap .holiday_notice_table0 tr:first-child {
	border-bottom: 1px solid #333;
}

.holiday_notice_wrap .holiday_notice_table1 {
	border: 1px solid #333;
	margin-bottom: 50px;
}

.holiday_notice_wrap .holiday_notice_table1 thead tr {
	background-color: #f9f9f9;
	border-bottom: 1px solid #333;
}

.holiday_notice_wrap .holiday_notice_table1 thead tr th {
	padding: 7px 10px;
	border-right: 1px solid #333;
}

.holiday_notice_wrap .holiday_notice_table1 tbody tr td {
	height: 30px;
	padding: 7px 10px;
	border-right: 1px solid #333;
}

.holiday_notice_wrap .holiday_notice_txt0 {
	font-size: 15px;
	text-align: left;
	line-height: 170%;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.holiday_notice_wrap .holiday_notice_txt0 span {
	padding: 0 60px;
}

.holiday_notice_wrap .holiday_notice_txt0 p {
	padding: 10px 0;
}

.holiday_notice_wrap .holiday_notice_txt1 {
	padding: 5px 10px;
	font-size: 14px;
	text-align: left;
	line-height: 170%;
	letter-spacing: 2px;
	border: 1px solid #333;
	margin-bottom: 10px;
}

.holiday_notice_wrap .holiday_notice_txt1 span {
	display: inline-block;
	width: 100%;
	padding: 10px 0;
}

.holiday_notice_wrap .holiday_notice_txt1 p {
	display: inline-block;
	width: 95%;
	padding-left: 10px;
	vertical-align: top;
}

.holiday_notice_wrap .holiday_notice_txt2 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 30px;
}

.holiday_notice_wrap .holiday_notice_txt3 {
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 70px;
}

.holiday_notice_wrap .holiday_notice_txt4 {
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 1px;
	padding-bottom: 50px;
}

.holiday_notice_wrap .holiday_notice_txt4 span {
	color: #aaa;
}

.holiday_notice_wrap .holiday_notice_table2 {
	border: 1px solid #333;
	margin-bottom: 50px;
}

.holiday_notice_wrap .holiday_notice_table2 thead tr {
	background-color: #f9f9f9;
	border-bottom: 1px solid #333;
}

.holiday_notice_wrap .holiday_notice_table2 thead tr th {
	padding: 7px 10px;
	border-right: 1px solid #333;
}

.holiday_notice_wrap .holiday_notice_table2 tbody tr td {
	height: 30px;
	padding: 7px 10px;
	border-right: 1px solid #333;
}

.holiday_notice_wrap .holiday_notice_table3 {
	border: 1px solid #333;
	margin-bottom: 30px;
}

.holiday_notice_wrap .holiday_notice_table3 thead tr {
	background-color: #f9f9f9;
	border-bottom: 1px solid #333;
}

.holiday_notice_wrap .holiday_notice_table3 thead tr th {
	padding: 7px 10px;
	border-right: 1px solid #333;
}

.holiday_notice_wrap .holiday_notice_table3 tbody tr td {
	height: 30px;
	padding: 7px 10px;
	border-right: 1px solid #333;
}

.vat_report_first {
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding: 4px;
	font-size: 14px;
}

.vat_report_first strong {
	vertical-align: top;
}

.vat_report_table tbody tr {
	border: 1px solid #ccc;
	border-bottom: 0;
}

.vat_report_table tbody tr td {
	font-size: 14px;
	border: 1px solid #bbb;
	padding: 4px;
}

.vat_report_table tbody tr td.bdn {
	border-right: 0;
}

.vat_report_table tbody tr td.left {
	text-align: left;
}

/*aa_asset_master*/
.inner_panel.h190 {
	height: 190px !important;
}
/*tax_vat_f320*/
.inner_panel.h235 {
	height: 235px !important;
}
/*tax_vat_f300_sale*/
.inner_panel.h210 {
	height: 210px !important;
}
/*hr_employee_master*/
.inner_panel.h275 {
	height: 275px !important;
}
/*hr_employee_manage*/
.inner_panel.h373 {
	height: 373px !important;
}
/*aa_asset*/
.inner_panel.h417 {
	height: 417px !important;
}
/*comm_coporation*/
/* .inner_panel.h443{height:443px !important;} */
/*comm_business*/
.inner_panel.h443 {
	height: 443px !important;
}
/*comm_cv*/
.inner_panel.h445 {
	height: 445px !important;
}
/*hr_employee_master*/
.inner_panel.h651 {
	height: 651px !important;
}
/*at_holiday_remain*/
.inner_panel.h641 {
	height: 641px !important;
}
/*aa_asset*/
.inner_panel.h390 {
	height: 390px !important;
}
/*ga_corp_vehicle*/
.inner_panel.h330 {
	height: 330px !important;
}
/*wi_declaration*/
.inner_panel.h597 {
	height: 597px !important;
}
/*wi_bi_receipt*/
.inner_panel.h600 {
	height: 600px !important;
}
/*fi_bi_account*/
.inner_panel.h661 {
	height: 661px !important;
}
/*fi_replace_setoff*/
.inner_panel.h631 {
	height: 631px !important;
}
/*comm_corporation_master*/
.inner_panel.h318 {
	height: 318px !important;
}
/*re_pay_recipient*/
.inner_panel.h290 {
	height: 290px !important;
}
/*fi_expense_invoice*/
.inner_panel.h661 {
	height: 661px !important;
}
/*sl_bi_setting*/
.inner_panel.h745 {
	height: 745px !important;
}
/*yt_year_end_tax_settle*/
.inner_panel.h80 {
	height: 80px !important;
}

.inner_panel.h720 {
	height: 720px !important;
}
/*ga_asset_manage*/
.inner_panel.h316 {
	height: 316px !important;
}
/*sl_pay_invoice*/
.inner_panel.h565 {
	height: 565px !important;
}
/*tax_ac*/
.inner_panel.h635 {
	height: 635px !important;
}
/*tax_ac_tax_f380*/
.inner_panel.h530 {
	height: 530px !important;
}

.vat_report_table tbody tr td.center {
	text-align: center;
}

.vat_report_table tbody tr td.right {
	text-align: right;
}

.vat_report_table tbody tr td.disabled {
	color: #666 !important;
	background-color: #eee;
}

.vat_report_table tbody tr td.popup {
	position: relative;
}

.vat_report_table tbody tr td.popup button.popup_btn {
	display: inline-block;
	wdith: 27px;
	height: 24px;
	position: absolute;
	top: 1px;
	right: 1px;
	background-image: url(/resources/images/svg/pop_btn.svg);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	background-size: 13px;
}

.vat_report_table tbody tr td.w505 {
	width: 505px !important;
}

.vat_report_table tbody tr td.w500 {
	width: 500px !important;
}

.vat_report_table tbody tr td.w432 {
	width: 432px !important;
}

.vat_report_table tbody tr td.w430 {
	width: 430px !important;
}

.vat_report_table tbody tr td.w420 {
	width: 420px !important;
}

.vat_report_table tbody tr td.w300 {
	width: 300px !important;
}

.vat_report_table tbody tr td.w290 {
	width: 290px !important;
}

.vat_report_table tbody tr td.w282 {
	width: 282px !important;
}

.vat_report_table tbody tr td.w280 {
	width: 280px !important;
}

.vat_report_table tbody tr td.w277 {
	width: 277px !important;
}

.vat_report_table tbody tr td.w275 {
	width: 275px !important;
}

.vat_report_table tbody tr td.w273 {
	width: 273px !important;
}

.vat_report_table tbody tr td.w272 {
	width: 272px !important;
}

.vat_report_table tbody tr td.w270 {
	width: 270px !important;
}

.vat_report_table tbody tr td.w268 {
	width: 268px !important;
}

.vat_report_table tbody tr td.w260 {
	width: 260px !important;
}

.vat_report_table tbody tr td.w253 {
	width: 253px !important;
}

.vat_report_table tbody tr td.w251 {
	width: 251px !important;
}

.vat_report_table tbody tr td.w250 {
	width: 250px !important;
}

.vat_report_table tbody tr td.w240 {
	width: 240px !important;
}

.vat_report_table tbody tr td.w230 {
	width: 230px !important;
}

.vat_report_table tbody tr td.w220 {
	width: 220px !important;
}

.vat_report_table tbody tr td.w210 {
	width: 210px !important;
}

.vat_report_table tbody tr td.w200 {
	width: 200px !important;
}

.vat_report_table tbody tr td.w190 {
	width: 190px !important;
}

.vat_report_table tbody tr td.w180 {
	width: 180px !important;
}

.vat_report_table tbody tr td.w170 {
	width: 170px !important;
}

.vat_report_table tbody tr td.w160 {
	width: 160px !important;
}

.vat_report_table tbody tr td.w158 {
	width: 158px !important;
}

.vat_report_table tbody tr td.w150 {
	width: 150px !important;
}

.vat_report_table tbody tr td.w140 {
	width: 140px !important;
}

.vat_report_table tbody tr td.w130 {
	width: 130px !important;
}

.vat_report_table tbody tr td.w120 {
	width: 120px !important;
}

.vat_report_table tbody tr td.w110 {
	width: 110px !important;
}

.vat_report_table tbody tr td.w100 {
	width: 100px !important;
}

.vat_report_table tbody tr td.w92 {
	width: 92px !important;
}

.vat_report_table tbody tr td.w90 {
	width: 90px !important;
}

.vat_report_table tbody tr td.w80 {
	width: 80px !important;
}

.vat_report_table tbody tr td.w70 {
	width: 70px !important;
}

.vat_report_table tbody tr td.w60 {
	width: 60px !important;
}

.vat_report_table tbody tr td.w56 {
	width: 56px !important;
}

.vat_report_table tbody tr td.w50 {
	width: 50px !important;
}

.vat_report_table.vat_table tbody tr td {
	letter-spacing: 10px;
	padding: 4px 0;
}

.vat_report_table.vat_table0 tbody tr td {
	line-height: 120%;
}

.vat_report_table.vat_table1 tbody tr td {
	line-height: 120%;
}

.vat_report_table.vat_table2 tbody tr td {
	line-height: 120%;
}

.vat_report_table.vat_table4 tbody tr {
	border-bottom: 1px solid #000;
}

.vat_report_table.vat_table5 tbody tr {
	border-bottom: 1px solid #000;
}

.vat_report_table.vat_table6 tbody tr {
	border-bottom: 1px solid #000;
}

.vat_report_table.vat_table7 tbody tr {
	border-bottom: 1px solid #000;
}

.vat_report_table.vat_table8 tbody tr {
	border-bottom: 1px solid #000;
}

.vat_report_table.vat_table9 tbody tr {
	border-bottom: 1px solid #000;
}

.vat_report_table.vat_table10 tbody tr {
	border-bottom: 1px solid #000;
}

/*怨듯넻�떖�젰*/
.ui-datepicker {
	display: none;
	width: 303px !important;
	height: 313px !important;
	/* 	position: absolute; */
	float: none;
	clear: both;
	box-sizing: border-box;
	margin: 0px;
	padding: 20px 25px;
	padding-bottom: 0;
	overflow: auto;
	z-index: 3000;
	/*     border: 1px solid rgba(50, 50, 50, 0.3); */
	/*     box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 5px; */
	user-select: none;
	left: 598.391px;
	top: 316px;
	font-size: 12px;
	background: #fff;
	border: 1px solid #d5d5d5;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.ui-datepicker::-webkit-scrollbar {
	display: none;
}

.ui-datepicker-title {
	display: inline-block;
	/* 	margin-left:-50px; */
}

.ui-datepicker-header {
	position: relative;
	width: 100%;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

.ui-datepicker-prev {
	position: absolute;
	left: 4px;
	min-width: 17px;
	min-height: 17px;
	background-repeat: no-repeat;
	background-position: center center;
	/*     background-image:  url(/script/assets/cal_prev.png); */
	width: 20px;
	height: 20px;
	background-image: url(/resources/images/cal_prev2.png);
}

.ui-datepicker-next {
	position: absolute;
	right: 4px;
	min-width: 17px;
	min-height: 17px;
	background-repeat: no-repeat;
	background-position: center center;
	/*     background-image: url(/script/assets/cal_next.png); */
	width: 20px;
	height: 20px;
	background-image: url(/resources/images/cal_next2.png);
}

.ui-icon {
	display: none;
}

.ui-datepicker-year {
	position: relative;
	vertical-align: top;
	height: 16px;
	cursor: default;
	text-align: center;
	font-size: 14px;
	color: #222222;
	font-weight: 500;
}

.ui-datepicker-month {
	position: relative;
	vertical-align: top;
	cursor: pointer;
	top: 0px;
	left: 4px;
	border: none;
	width: 40px;
	height: 16px;
	/*  font-size:12px; */
	font-size: 14px;
	color: #222222;
	font-weight: 500;
}

.ui-datepicker-month::after {
	content: '�썡';
	font-size: 12px;
}

.ui-datepicker-month option {
	padding: 4px 0;
	padding-left: 5px;
	font-size: 12px;
}

.notification_btn {
    display:inline-block;
    position: absolute;
    width: 34px;
    height: 34px;
    right: 201px;
    top: 19px;
    /*background: #F6F6F6;*/
    /*border-radius: 8px;*/
    text-align:center;
    background-image: url(/resources/kgenc/images/nav_ic_notifications.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 26px;
}
.notification_btn::after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: rgb(255, 60, 36);
    border-radius: 50%;
    position: absolute;
    top: 3px;
    right: 6px;
    transform: translate(50%, -50%);
    animation: blink 1s infinite;
}

.notification_btn.no-unread::after {
    display: none; /* unread_chat이 0일 경우 ::after를 숨김 */
}
.notifications_menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 450px;
    height: 100%;
    background: #fff;
    box-shadow: -2px 0 3px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    display: none;
}

/*.popup_mask {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgba(0, 0, 0, 0.5);*/
/*    z-index: 999;*/
/*}*/
.notifications_content_wrap {
    overflow-y: scroll;
    margin-top: 70px;
    height: 92vh;
    margin-right: 5px;
}
.notifications_content_wrap::-webkit-scrollbar {
    width: 4px;
    padding-right: 12px;
}
.notifications_content_wrap::-webkit-scrollbar-thumb {
    background-color: #cbcfdb;
    border-radius: 10px;
}
.notifications_content_wrap::-webkit-scrollbar-track {
    background-color: transparent;
}
.notifications_content > .notifications_content_top {
    height: 70px;
    display: flex;
    padding: 20px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ededed;
    background-color: #fff;
    position: fixed;
    top: 0;
    width: 450px;
}
.notifications_content_wrap > .notifications_content_list {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin: 10px 0px;
}
.notifications_content_wrap > .notifications_content_list .notifications_list_inner {
    width: 100%;
    padding: 0 20px;
    cursor: pointer;
}
.notifications_content_wrap > .notifications_null {
    align-content: center;
    text-align: center;
    height: 100%;
    color: #888;
}
.notifications_list_inner > .notifications_inner_item {
    display: flex;
    flex-direction: column;
    background-color: #f8f8f8;
    border: 1px solid #ededed;
    padding: 10px;
    border-radius: 5px;
    gap: 6px;
}
.notifications_inner_item > .notifications_item_contents {
    font-size: 14px;
    line-height: normal;
    color: #333;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 380px;
}
.notifications_inner_item > .notifications_item_contents .ea_notifications_icon {
    width: 40px;
    height: 34px;
    background-image: url(/resources/kgenc/images/ea_notifications.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 34px;
}
.notifications_item_contents > .ea_notifications_wrap {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 340px;
}
.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all
{
	position: absolute;
	top: 50px;
	right: 30px;
	display: inline-block;
	width: 50px;
	height: 20px;
	font-size: 12px;
	/* 	color:#333;
        border:1px solid #fff; */
	text-align: center;
	line-height: 20px;
	padding: 0 !important;
	border-radius: 5px;
	background-color: #6eaaf8;
	color: #fff;
}

/* .ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all:hover{
	border-left:1px solid #bbb;
	border-top:1px solid #bbb;
	border-right:1px solid #bbb;
	border-bottom:1px solid #000;
	border-radius:2px;
} */
.ui-datepicker-close {
	display: none;
}

.ui-datepicker-calendar {
	/* margin:2px; */
	margin-top: 30px;
	border-spacing: 3px;
}

.ui-datepicker-calendar thead {
	/* 	opacity: 0.5; */
	color: black;
	font-size: 12px;
	cursor: default;
}

.ui-datepicker-calendar thead tr th {
	min-width: 20px;
	text-align: center;
	width: 30px !important;
	height: 30px !important;
	border-spacing: 3px;
	color: #515e76;
}

.ui-datepicker-calendar thead tr th.ui-datepicker-week-end {
	color: #fd1361;
}

.ui-datepicker-calendar thead tr th.ui-datepicker-week-end a {
	color: #fd1361;
}

.ui-datepicker-calendar tbody {
	font-size: 12px;
	text-align: center;
	border-spacing: 3px;
}

.ui-datepicker-current-day a {
	background-color: #6eaaf8;
	border-radius: 50%;
	color: #fff !important;
}

.ui-datepicker-calendar tbody tr td {
	padding: 1px;
	cursor: pointer;
	background: #fff;
	width: 30px; /*�쟻�슜 1�룄 �븞�맖^^!*/
	height: 30px;
	font-size: 12px;
	border-spacing: 3px;
}

.ui-datepicker-calendar tbody tr td a {
	text-decoration: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	margin: 1px 0;
	color: #444444;
}
/* .ui-datepicker-calendar tbody tr td:hover{
	background: #f7f8fa;
    border-radius: 3px;
} */
.ui-datepicker-other-month {
	color: #ccc;
	border: 1px solid #fff;
}

.ui-datepicker-calendar tbody tr td a:hover {
	background-color: #e7e7e7;
	border-radius: 50%;
}

.ui-datepicker-calendar tbody tr td.ui-datepicker-week-end a {
	color: #fd1361;
}

.ui-datepicker-days-cell-over.ui-datepicker-today {
	/* 	background: #5867dd;
        border-radius: 3px; */
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-datepicker-days-cell-over.ui-datepicker-today a {
	background-color: #6eaaf8;
	border-radius: 50%;
	color: #fff;
}

.ui-datepicker-days-cell-over.ui-datepicker-today a:hover {
	color: #444444;
}

.ui-state-active {
	color: #fff;
	font-weight: 500;
	display: block;
}

.ui-state-default.ui-state-highlight {
	color: #333;
	font-weight: normal;
}

.ui-datepicker-today a {
	color: #fff;
	font-weight: 500;
	display: block;
}

.ui-datepicker-current-day {
	/* background: #5867dd !important;
    border-radius: 3px !important; */
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mtz-monthpicker-year {
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding-left: 100px;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	background-image: url(/resources/images/svg/select_off.svg);
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: 9px;
	text-align: center;
}

select.mtz-monthpicker-year:focus {
	border: none;
}

.mtz-monthpicker-month {
	height: 54px;
	line-height: 54px;
	margin: 1% !important;
	padding: 0 !important;
	font-size: 13px;
	cursor: pointer !important;
	border-radius: 4px;
	color: #575962;
}

.mtz-monthpicker-month:hover {
	background-color: #ebedf2;
}

.mtz-monthpicker-month.ui-state-active {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}

.mtz-monthpicker-month.ui-state-active:hover {
	background-color: #204d74;
}

/*                  */
/*      Filter      */
/*                  */
.rg-filterselector {
	background-color: #fff !important;
	/*         border :1px solid rgb(200, 200, 200); */
	box-shadow: rgba(0, 0, 0, 0.8) 1px 2px 5px;
	/*         font-family :"�굹�닎怨좊뵓肄붾뵫"; */
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	padding: 4px;
}

.rg-filter-action-item:hover {
	text-decoration: underline;
}

.rg-filter-action-check {

}

.rg-filter-action-label {

}

.rg-filter-all {
	background-color: #fff !important;
	color: #595d6e;
}

.rg-filter-all-check {

}

.rg-filter-all-label {
	font-size: 12px;
}

.rg-filter-all-hr {

}

.rg-filter-items {

}

.rg-filter-item {
	color: white;
	background-color: #151500;
}

.rg-filter-item:hover {
	text-decoration: underline;
}

.rg-filter-item-check {

}

.rg-filter-item-label {
	font-size: 12px !important;
}

/*                  */
/*    MultiCheck    */
/*                  */
.rg-filterselector {
	background: #fff !important;
	/*         border :1px solid rgb(200, 200, 200); */
	box-shadow: rgba(0, 0, 0, 0.8) 1px 2px 5px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #595d6e;
	font-size: 12px;
	padding: 4px;
}

.rg-filter-actions {

}

.rg-filter-action-item {

}

.rg-filter-action-item:hover {
	text-decoration: underline;
	color: #5867dd;
	font-weight: 500;
}

.rg-filter-action-check {

}

.rg-filter-action-label {

}

.rg-filter-all {
	background-color: #fff !important;
	color: #595d6e;
	font-size: 12px;
}

.rg-filter-all-check {

}

.rg-filter-all-label {
	font-size: 12px;
}

.rg-filter-all-hr {

}

.rg-filter-items {
	overflow-y: auto;
	scroll-behavior: smooth;
}

.rg-filter-items::-webkit-scrollbar {
	display: none;
}

.rg-filter-item {
	background-color: #fff !important;
	color: #595d6e;
	font-size: 12px;
	margin: 5px 0;
}

.rg-filter-item:hover {
	text-decoration: underline;
}

.rg-filter-item-check {

}

.rg-filter-item-label {

}

.rg-filter-search {
	/*     	background-color:#f7f8fa; */
	/*     	border-bottom:1px solid #ebedf2; */
	padding: 5px 0;
}

.rg-filter-buttons {
	background-color: #f7f8fa;
	height: 30px;
	line-height: 30px;
	text-align: right;
	color: #454545;
}

.rg-filter-accept {
	margin-right: 10px;
}

.rg-filter-accept:hover {
	color: #5867dd;
}

.rg-filter-cancel {
	margin-right: 10px;
}

.rg-filter-cancel:hover {
	color: #5867dd;
}

/*                  */
/*    MultiCheck    */
/*                  */
.rg-multicheck {
	background: #fff;
	border: 1px solid rgb(50, 50, 50);
	box-shadow: rgba(0, 0, 0, 0.8) 1px 2px 5px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12pt;
	padding: 0px;
	margin: 0px;
}

.rg-multicheck-button {
	text-align: center;
}

.rg-multicheck-accept {
	border: 1px solid #0a3c59;
	border-radius: 3px;
	color: #06426c;
	border-width: 1px;
}

.rg-multicheck-cancel {
	border: 1px solid #0a3c59;
	border-radius: 3px;
	color: #06426c;
	border-width: 1px;
}

.rg-multicheck-accept:hover {
	background-color: #888
}

.rg-multicheck-cancel:hover {
	background-color: #888
}

.rg-multicheck-select {
	background: #40ff0b;
	color: #ffffff;
}

.rg-multicheck-list {

}

.rg-multicheck-item {
	background: none;
	color: unset;
}

.rg-multicheck-item:hover {
	background: rgba(0, 0, 255, 0.2);
	color: unset;
}

.rg-multicheck-selectitem {
	background: rgba(0, 0, 255, 0.2);
	color: #000;
}

.rg-multicheck {
	background: #fff;
	border: 1px solid rgb(50, 50, 50);
	box-shadow: rgba(0, 0, 0, 0.8) 1px 2px 5px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12pt;
	padding: 0px;
	margin: 0px;
}

.rg-multicheck-button {
	text-align: center;
}

.rg-multicheck-accept {
	border: 1px solid #0a3c59;
	border-radius: 3px;
	color: #06426c;
	/*border-width: 1px;*/
}

.rg-multicheck-cancel {
	border: 1px solid #0a3c59;
	border-radius: 3px;
	color: #06426c;
	border-width: 1px;
}

.rg-multicheck-accept:hover {
	background-color: #888
}

.rg-multicheck-cancel:hover {
	background-color: #888
}

.rg-multicheck-select {
	background-color: #f7f8fa;
	color: #5d78ff;
}

.rg-multicheck-list {

}

.rg-multicheck-item {
	background: none;
	color: unset;
}

.rg-multicheck-item:hover {
	background: rgba(0, 0, 255, 0.2);
	color: unset;
}

.rg-multicheck-selectitem {
	background: rgba(0, 0, 255, 0.2);
	color: #000;
}

/*              */
/*    Popup     */
/*              */
.rg-popup-separator-hr {
	height: 1px;
	border: 0px;
	margin: 2px;
	color: #777;
	background-color: #777;
}

.rg-popup-expander {
	background-image: url("/resource/image/icon/menu_expander.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.rg-popup-check {
	/*
	background-image:url("/resource/image/icon/menu_uncheck.png");
	background-repeat : no-repeat;
	background-position : center center;
	*/
}

.rg-popup-check-checked {
	background-image: url("/resource/image/icon/menu_check.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.rg-popup-radio {
	/*
	background-image:url("/resource/image/icon/menu_unradio.png");
	background-repeat : no-repeat;
	background-position : center center;
	*/
}

.rg-popup-radio-checked {
	background-image: url("/resource/image/icon/menu_radio.png");
	background-repeat: no-repeat;
	background-position: center center;
}

.rg-popup-group1 {
	background: #ffd800;
}

/*              */
/*    date      */
/*              */
.rg-calendar {
	font-size: 12px;
	background: #fff;
	border: 1px solid rgba(50, 50, 50, 1);
	box-shadow: rgba(0, 0, 0, 0.8) 1px 2px 2px;
}

.rg-calendar::-webkit-scrollbar {
	display: none;
}

.rg-cal-header {
	background-color: #fff !important;
	height: 30px;
}

.rg-cal-year {
	cursor: default;
	top: 7px;
}

.rg-cal-month {
	cursor: pointer;
	top: 7px;
}

.rg-cal-prev-month {
	background-image: url("/script/assets/cal_prev.png");
	width: 27px;
	height: 27px;
	min-width: 27px;
	min-height: 27px;
}

.rg-cal-prev-month:hover {
	background-image: url("/script/assets/cal_prev_hover.png");
}

.rg-cal-prev-month:active {
	background-image: url("/script/assets/cal_prev_active.png");
}

.rg-cal-next-month {
	background-image: url("/script/assets/cal_next.png");
	width: 27px;
	height: 27px;
	min-width: 27px;
	min-height: 27px;
}

.rg-cal-next-month:hover {
	background-image: url("/script/assets/cal_next_hover.png");
}

.rg-cal-next-month:active {
	background-image: url("/script/assets/cal_next_active.png");
}

.rg-cal-today-button {
	font-size: 12px;
	border: 1px solid transparent;
	border-radius: 3px;
	cursor: pointer;
	top: 5px !important;
	right: 40px !important;
}

.rg-cal-today-button:hover {
	border: 1px solid #aaa;
	background-color: #fff;
	text-decoration: underline;
}

.rg-cal-next-year {
	background-image: url("/resource/image/icon/cal_up.png");
}

.rg-cal-next-year:hover {
	background-image: url("/resource/image/icon/cal_up_hover.png");
}

.rg-cal-next-year:active {
	background-image: url("/resource/image/icon/cal_up_active.png");
}

.rg-cal-prev-year {
	background-image: url("/resource/image/icon/cal_down.png");
}

.rg-cal-prev-year:hover {
	background-image: url("/resource/image/icon/cal_down_hover.png");
}

.rg-cal-prev-year:active {
	background-image: url("/resource/image/icon/cal_down_active.png");
}

.rg-cal-yearmonth {
	height: 30px;
	margin-left: 10px !important;
}

.rg-cal-weeks {
	color: black;
	font-size: 12px;
	cursor: default;
}

.rg-cal-weeks tr th {
	width: 30px !important;
	height: 30px !important;
}

.rg-cal-week-sun {
	color: #fd1361;
}

.rg-cal-week-sat {
	color: #fd1361;
}

.rg-cal-days {
	/* font-family: 'Noto Sans KR', sans-serif; */
	font-size: 12px;
	text-align: center;
}

.rg-cal-day {
	cursor: pointer;
	background: #fff;
	/* 	border: 1px solid #eee; */
	width: 30px;
	height: 30px;
	/*         border-radius: 7px; */
	/* font-family: 'Noto Sans KR', sans-serif; */
	font-size: 12px;
}

.rg-cal-day:hover {
	background: #f7f8fa;
	border-radius: 3px;
	color: #5d78ff;
	/* 	border: 1px solid #eee; */
}

.rg-cal-prev-day {
	color: #ccc;
	border: 1px solid #fff;
}

.rg-cal-next-day {
	color: #ccc;
	border: 1px solid #fff;
}

.rg-cal-today {
	background: #d5d5d5;
}

.rg-cal-focusday {
	background: #5867dd;
	border-radius: 3px;
	/* 	border: 1px solid #aaa; */
	color: #fff;
	font-weight: 500;
}

.rg-cal-month-picker {
	margin: 0px;
	cursor: pointer;
	background: #fff;
	border: 1px solid rgba(50, 50, 50, 0.5);
	box-shadow: rgba(0, 0, 0, 0.5) 1px 2px 5px;
	/* font-family: 'Noto Sans KR', sans-serif; */
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	width: 40px;
	padding-left: 5px;
}

.rg-cal-month-picker-month {
	padding: 1px 4px 1px 4px;
	width: 20px;
	height: 20px;
	border-radius: 7px;
	text-align: center;
}

.rg-cal-month-picker-item {
	padding: 4px 0;
}

.rg-cal-month-picker-item:hover {
	color: #5867dd;
	font-weight: 500;
}

.rg-cal-month-picker-month:hover {
	background: #e8e8e8;
}

/*              */
/*   dropDown   */
/*              */
.rg-dropdownlist {
	/* font-family: 'Noto Sans KR', sans-serif; */
	font-size: 10pt;
	margin: 0px;
}

.rg-dropdown-select {

}

.rg-dropdown-item {
	margin: 1px;
}

/*profile*/
.myprofile_section {
	min-height: 800px !important;
	max-height: 800px;
	padding: 10px;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
}

.myprofile_section_samll.margin {
	margin: 0 0.5%;
}

.myprofile_section_small {
	height: 40%;
	padding: 10px;
	border: 1px solid #dfdfdf;
	border-radius: 3px;
}

.myprofile_section_small.marginl {
	margin-left: 0.5%;
}

.myprofile_section_small.margint {
	margin: 0.5% 0;
}

.form_object_img.profile_img0 {
	width: 50%;
}

.profile_img1 {
	width: 92%;
	height: 320px;
	display: inline-block;
	float: left;
	text-align: center;
	border: 1px solid #ccc;
}

.profile_sign_btn {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.ex_file {
	float: left;
	margin-right: 2px;
	display: inline-block;
	width: 100px;
	height: 30px;
	line-height: 30px;
	background-color: #000;
	color: #fff;
	text-align: center;
	font-size: 12px;
	border-radius: 3px;
}

/*dashboard*/
.dash_board_wrap {
	posigion: relative;
	width: 100%;
	height: calc(100% - 50px);
}

.dash_board_wrap .google_app_wrap {
	position: absolute;
	top: 20px;
	right: 45px;
	display: inline-block;
}

.dash_board_wrap .google_app_wrap::after {
	contnet: '';
	display: block;
	clear: both;
}

.dash_board_wrap .google_app_wrap .google_app {
	display: inline-block;
	float: left;
	width: 38px;
	height: 38px;
	margin-right: 13px;
	background-color: #e4e6ef;
	border: 1px solid #e4e6ef;
	border-radius: 38px;
	box-shadow: 0 2px 2px rgba(51, 51, 51, .35);
	text-align: center;
	line-height: 38px;
	position: relative;
}

.dash_board_wrap .google_app_wrap .google_app:hover .google_app_link {
	color: #333;
}

.dash_board_wrap .google_app_wrap .google_app::after {
	border: 1px solid #7e8299;
	border-radius: 400px;
	content: "";
	display: block;
	height: auto;
	position: absolute;
	top: 12px;
	left: 12px;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	transform: scale(1);
	transform-origin: center center;
	animation: 3s pulse forwards infinite ease-out;
	opacity: 0;
}

.dash_board_wrap .google_app_wrap .google_app .google_app_link {
	font-size: 16px;
	color: #7e8299;
}

.dash_board_wrap .card_wrap {
	width: 100%;
	height: 100%;
	padding: 25px 55px 0 40px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.dash_board_wrap .card_wrap::after {
	content: '';
	display: block;
	clear: both;
}

.dash_board_wrap .card_wrap .card_section {
	display: inline-block;
	float: left;
	margin-bottom: 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.dash_board_wrap .card_wrap .card_section:nth-child(2) {
	margin-right: 0;
}

.dash_board_wrap .card_wrap .card_section::after {
	content: '';
	display: block;
	clear: both;
}

.dash_board_wrap .card_wrap .card {
	display: inline-block;
	width: 100%;
	float: left;
	height: 430px;
	color: #7e8299;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #fff;
	border: 1px solid #e7eaec;
	background-color: #fff;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 30px 0 rgba(82, 63, 105, .05);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.dash_board_wrap .card_wrap .card_section.w1 {
	width: 25%
}

.dash_board_wrap .card_wrap .card_section.w2 {
	width: 50%;
}

.dash_board_wrap .card_wrap .card_section.w3 {
	width: 75%;
}

.dash_board_wrap .card_wrap .card_section.w4 {
	width: 100%;
}

.dash_board_wrap .card_wrap .card_section .card.w1 {
	width: calc(33.3% - 15px);
}

.dash_board_wrap .card_wrap .card_section .card.w2 {
	width: calc(50% - 15px);
}

.dash_board_wrap .card_wrap .card_section .card.w3 {
	width: 75%;
}

.dash_board_wrap .card_wrap .card_section .card.w4 {
	width: calc(100% - 15px);
}

.dash_board_wrap .card_wrap .card_section .card.w5 {
	width: calc(100% - 15px);
}

.dash_board_wrap .card_wrap .card.h1 {
	height: 245px;
}

.dash_board_wrap .card_wrap .card.h2 {
	height: 500px;
}

.dash_board_wrap .card_wrap .card.h3 {
	height: 570px;
}

.dash_board_wrap .card_wrap .card.h4 {
	height: 830px;
}

.card_wrap .card .card_title {
	padding: 10px;
	border-bottom: 1px solid #e7eaec;
	font-size: 14px;
	color: #676a6c;
}

.card_wrap .card .card_title::after {
	content: '';
	display: block;
	clear: both;
}

/*dashboard>todo list*/
.todo_delete {
	float: right;
	margin-right: 5px;
	font-size: 16px;
	color: #aaa;
	font-weight: 500;
	cursor: pointer;
}

.todo_list .todo_list_text {
	width: 100%;
	height: 200px;
	padding: 10px;
	padding-bottom: 0px;
	overflow-y: scroll;
	scroll-behavior: smooth;
	-ms-overflow-style: none;
}

.todo_list .todo_list_text::-webkit-scrollbar {
	display: none;
}

.todo_list .todo_list_text li {
	position: relative;
	width: 100%;
	height: 36px;
	line-height: 36px;
	margin-bottom: 2px;
	padding: 0 10px 0 15px;
	border-radius: 4px;
	font-size: 13px;
	color: #676a6c;
	letter-spacing: 1px;
	background: #f3f3f4;
	cursor: pointer;
}

.todo_list .todo_list_text li .todo_check {
	color: #007bff;
	margin-right: 5px;
	cursor: pointer;
}

.todo_list .todo_list_text li.checked {
	text-decoration: line-through;
}

.todo_list .todo_list_text li.checked .todochecked {
	color: #007bff;
	margin-right: 5px;
	cursor: pointer;
}

/*dashboard>workspace*/
.workspace_btn {
	display: inline-block;
	float: right;
	margin-right: 5px;
}

.workspace_btn::after {
	content: '';
	display: block;
	clear: both;
}

.workspace_btn button {
	width: 46px;
	height: 24px;
	margin: 0;
	padding: 0;
	float: left;
	border: 1px solid #d2d2d2;
	font-size: 10px;
}

.workspace_btn button:hover {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.workspace_btn button.on {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.workspace_btn button:nth-child(1) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.workspace_btn button:nth-child(2) {
	border-radius: 0;
	border-left: 0;
	border-right: 0;
}

.workspace_btn button:nth-child(3) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.approved_list {
	width: 100%;
	height: 100%;
	padding: 10px;
}

.approved_list::after {
	content: '';
	display: block;
	clear: both;
}

.approved_list .approved {
	display: inline-block;
	float: left;
	width: 25%;
	height: 180px;
	padding: 0 5px;
	padding-top: 30px;
}

.approved_list .approved::after {
	content: '';
	display: block;
	clear: both;
}

.approved_list .approved a {
	display: inline-block;
	width: 100%;
	float: left;
	padding: 20px 0 10px;
	text-align: center;
	font-size: 26px;
	font-weight: 500;
	color: #6a6c6f;
	cursor: pointer;
}

.approved_list .approved a.active {
	color: #007bff;
}

.approved_list .approved a.deactivation {
	color: #ed5565;
}

.approved_list .approved span {
	display: inline-block;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 140%;
	font-size: 11px;
	color: #6a6c6f;
}

/*notice*/
.notice_wrap {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 190px;
	padding: 10px;
}

.more_view_btn {
	position: absolute;
	bottom: 0;
	left: 10px;
	display: inline-block;
	width: 95%;
	height: 33px;
	line-height: 33px;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	background-color: #1c84c6;
	cursor: pointer;
}

.notice_box {
	display: inline-block;
	width: 100%;
	height: 140px;
	overflow: hidden;
}

.notice_box .notice {
	display: inline-block;
	width: 100%;
	padding: 5px 0;
	margin-bottom: 2px;
	margin-left: 5px;
	font-size: 14px;
	font-weight: 500;
	color: #676a6c;
	letter-spacing: 1px;
	cursor: pointer;
}

.notice_box .notice .notice_date {
	float: right;
	margin-right: 8px;
	font-size: 10px;
	font-weight: normal;
	color: #23c6c8;
	letter-spacing: 0px;
}

/*schedule*/
.schedule_top_sec {
	width: 100%;
	height: 98px;
	background-color: #f3f6fb;
	padding: 15px;
	border-bottom: 1px solid #e7eaec;
}

.schedule_top_sec .schedule_top {
	font-size: 24px;
	font-weight: 100;
	color: #676a6c;
	margin-top: 5px;
	margin-bottom: 10px;
}

.schedule_top_sec .schedule_top_detail {
	font-size: 11px;
	color: #676a6c;
	font-weight: 200;
	letter-spacing: 1px;
}

.schedule_wrap {
	width: 100%;
	height: 100%;
	padding: 20px 20px 20px 20px;
}

.schedule_wrap .schedule {
	display: inline-block;
	position: relative;
	width: 100%;
	min-height: 105px;
	padding-left: 60px;
}

.schedule_wrap .schedule .schedule_detail {
	min-height: 105px;
	border-left: 1px solid #e7eaec;
	border-bottom: 1px solid #e7eaec;
	padding: 10px;
	padding-right: 0;
}

.schedule_wrap .schedule .schedule_detail.last {
	border-bottom: none;
}

.schedule_wrap .schedule .schedule_icon {
	position: absolute;
	top: 0px;
	left: 30px;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #f8f8f8;;
	border: 1px solid #e7eaec;
	font-size: 13px;
	text-align: center;
}

.schedule_wrap .schedule .schedule_detail .schedule_detail_title {
	font-size: 14px;
	font-weight: 500;
	color: #676a6c;
}

.schedule_wrap .schedule .schedule_detail .schedule_detail_txt {
	font-size: 13px;
	line-height: 150%;
	color: #676a6c;
	padding-top: 10px;
}

.schedule_wrap .schedule .schedule_date {
	position: absolute;
	top: 35px;
	left: -7px;
	font-size: 13px;
	color: #676a6c;
	line-height: 150%;
	letter-spacing: 1px;
}

.schedule_date .schedule_time {
	font-size: 10px;
	color: #23c6c8;
}

/*arrivals*/
.arrivals_sorting {
	width: 100px;
	height: 24px;
	float: right;
	margin-right: 5px;
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	font-size: 12px;
	background-image: url(/resources/images/svg/select_off.svg);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 8px;
}

.arrivals_wrap {
	padding: 10px;
	height: 520px;
	overflow-y: scroll;
	scroll-behavior: smooth;
	-ms-overflow-style: none;
}

.arrivals_wrap::-webkit-scrollbar {
	display: none;
}

.arrivals_wrap .arrivals_table thead tr th {
	font-size: 13px;
	color: #6a6c6f;
	padding: 10px;
}

.arrivals_wrap .arrivals_table tbody tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}

.arrivals_wrap .arrivals_table tbody tr td {
	border-bottom: 1px solid #e7eaec;
	padding: 10px;
	vertical-align: middle;
	line-height: 1.5;
}

.arrivals_wrap .arrivals_table tbody tr td.arrivals_title {
	font-size: 13px;
	color: #6a6c6f;
}

.arrivals_wrap .arrivals_table tbody tr td.arrivals_title .arrivals_time {
	font-size: 11px;
	padding-top: 10px;
}

.arrivals_wrap .arrivals_table tbody tr td.arrivals_state {
	padding-left: 0;
}

.arrivals_wrap .arrivals_table tbody tr td.arrivals_state span {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
}

.arrivals_wrap .arrivals_table tbody tr td.arrivals_state span.state1 {
	background-color: #21b9bb;
}

.arrivals_wrap .arrivals_table tbody tr td.arrivals_state span.state2 {
	background-color: #f7a54a;
}

.arrivals_wrap .arrivals_table tbody tr td.arrivals_state span.state3 {
	background-color: #1c84c6;
}

.arrivals_wrap .arrivals_table tbody tr td.arrivals_state span.state4 {
	background-color: #ed5565;
}

.arrivals_wrap .arrivals_table tbody tr td.arrivals_date {
	font-size: 13px;
	color: #6a6c6f;
}

/*inbox*/
.mail_wrap {
	width: 100%;
	height: 100%;
	padding: 10px 20px;
	padding-top: 5px;
}

.mail_wrap .mail {
	display: inline-block;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e7eaec;
}

.mail_wrap .mail .mail_sender {
	font-size: 14px;
	color: #23c6c8;
	cursor: pointer;
}

.mail_wrap .mail .mail_sender:hover {
	text-decoration: underline;
}

.mail_wrap .mail .mail_sender::before {
	content: '@';
	font-size: 14px;
	color: #23c6c8;
	padding-right: 2px;
	cursor: pointer;
}

.mail_wrap .mail::after {
	content: '';
	display: block;
	clear: both;
}

.mail_wrap .mail .mail_ago {
	float: right;
	font-size: 11px;
	color: #676a6c;
}

.mail_wrap .mail .mail_detail {
	padding-top: 5px;
	line-height: 120%;
}

.mail_wrap .mail .mail_detail .mail_txt {
	font-size: 13px;
	color: #676a6c;
}

.mail_wrap .mail .mail_detail .mail_time0 {
	font-size: 11px;
	color: #888888;
	letter-spacing: 1px;
}

.mail_wrap .mail .mail_detail .mail_time1 {
	font-size: 11px;
	color: #888888;
	letter-spacing: 1px;
}

/*dashboard basic*/
.profile_wrap {
	display: inline-block;
	float: left;
	width: 24.2%;
	height: 388px;
	margin-right: 13.5px;
	margin-bottom: 16px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	background-color: #fff;
	padding: 0 24px;
}

.profile_wrap .profile {
	display: inline-block;
	width: 100%;
	padding-top: 48px;
	margin-bottom: 18px;
}

.profile_wrap .profile::after {
	contnet: "";
	display: block;
	clear: both;
}

.profile_wrap .profile .profile_img {
	display: inline-block;
	float: left;
	width: 98px;
	height: 98px;
	border-radius: 50%;
	margin-right: 24px;
	margin-left: 22px;
}

.profile .profile_img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.profile_wrap .profile .profile_txt {
	display: inline-block;
	float: left;
	margin-top: 10px;
}

.profile .profile_txt .profile_name {
	display: inline-block;
	width: 100%;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 4px;
}

.profile .profile_txt .profile_team {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	font-weight: 300;
	color: #666;
	margin-bottom: 16px;
}

.profile .profile_txt .profile_organization button {
	width: 84px;
	height: 28px;
	text-align: center;
	background-color: #143053;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	letter-spacing: -1px;
}

.porfile_info0::after {
	content: '';
	display: block;
	clear: both;
}

.profile_wrap .porfile_info0 {
	display: inline-block;
	float: left;
	width: 180px;
	height: 90px;
	/* 	background-color: #F8FAFC; */
	background-color: #F5F9FC;
	border-radius: 8px;
	margin-right: 24px;
	margin-top: 10px;
	padding: 0 10px;
	padding-top: 30px;
	position: relative;
}

.porfile_info0 .profile_info0_title {
	display: inline-block;
	width: 100%;
	padding: 4px 0;
	font-size: 13px;
	/* 	color: #222; */
	/* 	color: #888; */
	color: #666;
	font-weight: 500;
	margin: 10px 0;
	margin-bottom: 5px;
	position: absolute;
	bottom: 73px;
}

.porfile_info0 .profile_info0_text {
	display: inline-block;
	/* 	margin-top: 6px; */
	text-align: center;
	/* 	margin-left:30px; */
}

.porfile_info0 .profile_info0_text .profile_info0_txt {
	font-size: 13px;
	font-weight: 300;
	color: #888;
	/* 	margin-bottom: 12px; */
	margin-bottom: 6px;
}

.porfile_info0 .profile_info0_text .profile_info0_number {
	font-size: 28px;
	font-weight: 500;
	color: #222;
}

.porfile_info0 .profile_info0_text.text0 {
	float: left;
	margin-left: 30px;
}

.porfile_info0 .profile_info0_text.text1 {
	float: right;
	margin-right: 30px;
}

.profile_wrap .porfile_info1 {
	display: inline-block;
	float: left;
	width: 180px;
	height: 90px;
	/* 	background-color: #F8FAFC; */
	background-color: #F5F9FC;
	border-radius: 8px;
	margin-top: 10px;
	padding: 0 10px;
	padding-top: 30px;
	position: relative;
}

.porfile_info1 .profile_info1_title {
	display: inline-block;
	width: 100%;
	padding: 4px 0;
	font-size: 13px;
	/* 	color: #222; */
	color: #666;
	/* 	color: #888; */
	font-weight: 500;
	margin: 10px 0;
	margin-bottom: 5px;
	position: absolute;
	bottom: 73px;
}

.porfile_info1 .profile_info1_text {
	display: inline-block;
	/* 	margin-top: 6px; */
	text-align: center;
	margin-right: 30px;
}

.porfile_info1 .profile_info1_text .profile_info1_txt {
	font-size: 13px;
	font-weight: 300;
	color: #888;
	/* 	margin-bottom: 12px; */
	margin-bottom: 6px;
}

.porfile_info1 .profile_info1_text .profile_info1_number {
	font-size: 28px;
	font-weight: 500;
	color: #222;
}

.porfile_info1 .profile_info1_text .profile_info1_number.red {
	/* 	color: #FF352F; */
	color: #FB6868;
}

.porfile_info1 .profile_info1_text.text0 {
	float: left;
	margin-left: 30px;
}

.porfile_info1 .profile_info1_text.text1 {
	float: right;
	margin-right: 30px;
}

.profile_wrap .porfile_info2 {
	display: inline-block;
	float: left;
	width: 120px;
	height: 80px;
	background-color: #F8FAFC;
	border-radius: 8px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0 30px;
}

.porfile_info2 .profile_info2_title {
	display: inline-block;
	width: 100%;
	padding: 4px 0;
	font-size: 15px;
	color: #222;
	font-weight: 500;
}

.porfile_info2 .profile_info2_text {
	display: inline-block;
	margin-top: 6px;
	text-align: center;
}

.porfile_info2.profile_info2_text .profile_info2_txt {
	font-size: 13px;
	font-weight: 300;
	color: #888;
	margin-bottom: 12px;
}

.porfile_info2 .profile_info2_text .profile_info2_number {
	font-size: 28px;
	font-weight: 500;
	color: #222;
}

.porfile_info2 .profile_info2_text .profile_info2_number.red {
	color: #FF352F;
}

.porfile_info2 .profile_info2_text.text0 {
	float: left;
}

.porfile_info2 .profile_info2_text.text1 {
	float: right;
}

.mini_board_wrap {
	display: inline-block;
	float: left;
	width: 900.7px;
	height: 388px;
	margin-right: 13.5px;
	margin-bottom: 16px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	background-color: #fff;
	position: relative;
}

.board_time {
	display: inline-block;
	position: absolute;
	top: 56px;
	left: 36px;
}

.board_time .time_title {
	font-size: 15px;
	font-weight: 500;
	color: #222;
	margin-bottom: 18px;
}

.board_time .time_wrap {
	display: inline-block;
}

.board_time .time_wrap .time0 {
	font-size: 16px;
	font-weight: 300;
	color: #444;
	display: inline-block;
}

.board_time .time_wrap .time0 strong {
	font-size: 28px;
	font-weight: 500;
	color: #222;
	padding-right: 2px;
}

.board_time .time_wrap .time1 {
	font-size: 16px;
	font-weight: 300;
	color: #444;
	display: inline-block;
}

.board_time .time_wrap .time1 strong {
	font-size: 28px;
	font-weight: 500;
	color: #222;
	padding-right: 2px;
}

.board_graph {
	display: inline-block;
	width: 372px;
	height: 41px;
	position: relative;
	margin-top: 139px;
	margin-left: 36px;
}

.board_graph .graph {
	display: inline-block;
	width: 100%;
	height: 12px;
	background-color: #E8E8E8;
	border-radius: 6px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.board_graph .graph_inner {
	display: inline-block;
	width: 236px;
	height: 12px;
	border-radius: 6px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(90deg, #1EACFD 0%, #12EBD1 79.82%), #40A2FC;
}

.board_graph .today {
	display: inline-block;
	width: 44px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #1EADFD;
	border-radius: 4px;
	position: absolute;
	top: 0;
	right: 101px;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
}

.board_graph .today .tri0 {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 5px solid #1EADFD;
	border-bottom: 5px solid transparent;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	top: 19px;
	right: 18px;
}

.board_graph .number0 {
	display: inline-block;
	width: 22px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #07DDC3;
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: calc(76% - 12px);
	color: #fff;
	font-size: 12px;
	font-weight: 500;
}

.board_graph .number0 .tri1 {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 5px solid #07DDC3;
	border-bottom: 5px solid transparent;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	top: 19px;
	right: 6px;
}

.board_graph .number1 {
	display: inline-block;
	width: 22px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #FB6868;
	border-radius: 4px;
	position: absolute;
	top: 0;
	right: -10px;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
}

.board_graph .number1 .tri2 {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 5px solid #FB6868;
	border-bottom: 5px solid transparent;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	top: 19px;
	right: 6px;
}

.board_graph .line {
	display: inline-block;
	width: 2px;
	height: 16px;
	background-color: #07DDC3;
	position: absolute;
	top: 26px;
	left: 76%;
}

.board_annual {
	display: inline-block;
	min-width: 260px; /* org : 254px; cjk  */
	height: 148px;
	border-radius: 8px;
	position: absolute;
	top: 32px;
	right: 36px;
	background-color: #F8FAFC;
	padding: 0 20px 20px 20px; /* org:20px; cjk */
}

.board_annual .annual_title {
	padding-top: 24px;
	font-size: 15px;
	font-weight: 500;
	color: #222;
	margin-bottom: 30px;
}

.board_annual .annual_text {
	display: inline-block;
	float: left;
	text-align: center;
	margin-right: 47px;
}

.board_annual .annual_text.last {
	margin-right: 0;
}

.board_annual .annual_text .annual_txt {
	font-size: 13px;
	color: #888;
	margin-bottom: 12px;
}

.board_annual .annual_text .annual_number {
	font-size: 28px;
	font-weight: 500;
	color: #222;
}

.board_annual .annual_text .annual_number.blue {
	color: #409EFF;
}

.board_line {
	display: inline-block;
	width: 812px;
	height: 1px;
	background-color: #EEEEEE;
	position: absolute;
	top: 246px;
	left: 36px;
}

.board_line p {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #888888;
	position: absolute;
	top: -2px;
}

.board_line p.dot0 {
	left: 0;
}

.board_line p.dot1 {
	right: 668px;
}

.board_line p.dot2 {
	right: 549px;
}

.board_line p.dot3 {
	right: 430px;
}

.board_line p.dot4 {
	right: 311px;
}

.board_line p.dot5 {
	right: 192px;
}

.board_line p.dot6 {
	right: 73px;
}

.board_week {
	display: inline-block;
	width: 860px;
	height: 42px;
	position: absolute;
	top: 298px;
	left: 36px;
}

.board_week::after {
	content: '';
	display: block;
	clear: both;
}

.board_week .board_day {
	display: inline-block;
	float: left;
	margin-right: 44px;
	min-width: 78px;
}

.board_day .day_date .date0 {
	font-size: 18px;
	font-weight: 500;
	color: #222;
	padding-right: 2px;
}

.board_day .day_date .date1 {
	font-size: 12px;
	font-weight: 500;
	color: #444;
	padding-right: 4px;
}

.board_day .day_date .date2 {
	font-size: 14px;
	font-weight: 500;
}

.board_day .day_date .date2.green {
	color: #10A55D;
}

.board_day .day_date .date2.yellow {
	color: #ED942C
}

.board_day .day_date .date2.red {
	color: #E15252
}

.board_day .day_date .date2.blue {
	color: #569AFF
}

.board_day .day_time {
	margin-top: 6px;
	font-size: 13px;
	font-weight: 400;
	color: #888;
}

.board_day .day_time.blue {
	color: #569AFF;
}

.my_work_wrap {
	display: inline-block;
	float: left;
	/* 	width: 444px; */
	width: 24.2%;
	height: 388px;
	margin-right: 13.5px;
	margin-bottom: 16px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	padding: 28px;
	background-color: #fff;
}

.my_work_wrap .my_work_title {
	display: inline-block;
	font-size: 15px;
	color: #222222;
	font-weight: 500;
}

.my_work_wrap .plus_btn {
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(/resources/images/plus5.png);
	background-size: 10px;
	background-position: center center;
	background-repeat: no-repeat;
}

.my_work_wrap .my_work_list {
	display: inline-block;
	width: 100%;
	height: 204px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 43px;
}

.my_work_wrap .my_work_list::-webkit-scrollbar {
	/*   width: 5px; */
	display: none;
}

.my_work_wrap .my_work_list::-webkit-scrollbar-track {
	background-color: transparent;
}

.my_work_wrap .my_work_list::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #d3d7de;
}

.my_work_wrap .my_work_list::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

.my_work_wrap .my_work_list .work {
	display: inline-block;
	width: 100%;
	height: 18px;
	margin-bottom: 17px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.my_work_wrap .my_work_list .work:last-child {
	margin-bottom: 0;
}

.my_work_wrap .my_work_list .work span {
	margin-left: 20px;
	font-size: 14px;
	color: #444444;
}

.dash_board_basic_wrap .notice_wrap {
	display: inline-block;
	float: left;
	/* 	width: 444px; */
	width: 24.2%;
	height: 256px;
	margin-bottom: 16px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	padding: 28px;
	background-color: #fff;
}

.notice_wrap .notice_title {
	display: inline-block;
	font-size: 15px;
	color: #222222;
	font-weight: 500;
}

.notice_wrap .plus_btn {
	float: right;
	width: 10px;
	height: 10px;
	background-image: url(/resources/images/plus5.png);
	background-size: 10px;
	background-position: center center;
	background-repeat: no-repeat;
}

.notice_wrap .notice_list {
	display: inline-block;
	width: 100%;
	height: 204px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 43px;
}

.notice_wrap .notice_list::-webkit-scrollbar {
	width: 5px;
}

.notice_wrap .notice_list::-webkit-scrollbar-track {
	background-color: transparent;
}

.notice_wrap .notice_list::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #d3d7de;
}

.notice_wrap .notice_list::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

.notice_wrap .notice_list .notice {
	display: inline-block;
	width: 100%;
	height: 18px;
	margin-bottom: 17px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.notice.new .notice_txt {
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #444444;
}

.notice.new .notice_txt::after {
	content: '';
	position: absolute;
	top: 5px;
	right: -12px;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #ed1c24;
}

.notice_wrap .notice_list .notice:last-child {
	margin-bottom: 0;
}

.notice_wrap .notice_list .notice::after {
	content: '';
	display: block;
	clear: both;
}

.notice .notice_txt {
	font-size: 14px;
	/*color:#888;*/
}

.notice .notice_date {
	font-size: 13px;
	color: #999999;
	float: right;
	padding-right: 5px;
}

.dash_board_basic_wrap .inbox_wrap {
	display: inline-block;
	float: left;
	/* 	width: 444px; */
	width: 24.2%;
	height: 412px;
	margin-right: 13.5px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	padding: 26px 36px;
	background-color: #fff;
	overflow: hidden; /* added cjk */
}

.inbox_wrap .inbox_title {
	display: inline-block;
	font-size: 15px;
	color: #222222;
}

.inbox_wrap .setting_btn {
	float: right;
	width: 16px;
	height: 16px;
	background-image: url(/resources/images/setting_btn.png);
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}

.inbox_wrap .inbox_list {
	display: inline-block;
	width: 100%;
	height: 320px; /* org : 360px; cjk */
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 43px;
}

.inbox_wrap .inbox_list::-webkit-scrollbar {
	width: 5px;
}

.inbox_wrap .inbox_list::-webkit-scrollbar-track {
	background-color: transparent;
}

.inbox_wrap .inbox_list::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #d3d7de;
}

.inbox_wrap .inbox_list::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

.inbox_wrap .inbox_list .inbox {
	display: inline-block;
	width: 100%;
	margin-bottom: 23px;
	overflow: hidden;
}

.inbox.new .inbox_department {
	font-size: 14px;
	font-weight: 500;
}

.inbox.new .inbox_department::after {
	content: "/";
}

.inbox.new .inbox_grade {
	font-size: 14px;
	font-weight: 500;
}

.inbox.new .inbox_grade::after {
	content: "/";
}

.inbox.new .inbox_name {
	color: #000;
}

.inbox.new .inbox_title {
	color: #000;
	font-weight: 500;
}

.inbox .inbox_name {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	color: #888888;
	/* 	padding-right:12px; */
}

.inbox.new .inbox_date {
	position: relative;
}
/* .inbox.new .inbox_date::after{ */
/* 	content:''; */
/* 	position:absolute; */
/* 	top:4px; */
/* 	right:-12px; */
/* 	display:block; */
/* 	width:5px; */
/* 	height:5px; */
/* 	border-radius:50%; */
/* 	background-color:#ed1c24; */
/* } */
.inbox .inbox_date {
	display: inline-block;
	font-size: 12px;
	color: #888888;
}

.inbox .inbox_title {
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	font-size: 13px;
	color: #888888;
	letter-spacing: -1px;
}

.approval_wrap {
	display: inline-block;
	float: left;
	/* 	width: 444px; */
	width: 24.6%;
	height: 412px;
	margin-right: 13.5px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	padding: 26px 36px;
	background-color: #fff;
	position: relative;
	overflow: hidden;
}

.approval_wrap .approval_title {
	display: inline-block;
	font-size: 15px;
	color: #222222;
	font-weight: 500;
}

.approval_wrap .approval_btn {
	position: absolute;
	top: 23px;
	right: 26px;
	display: inline-block;
	width: 139px;
	height: 31px;
	/* 	border-radius:15px; */
	/* 	border:1px solid #dddddd; */
	/* 	background-color:#eaebef; */
}

.approval_wrap .approval_btn::after {
	content: '';
	display: block;
	clear: both;
}

.approval_wrap .approval_btn li {
	display: inline-block;
	width: 50%;
	float: left;
	height: 29px;
	line-height: 29px;
	font-size: 12px;
	text-align: center;
	color: #666666;
	cursor: pointer;
	border-radius: 16px;
}

.approval_wrap .approval_btn li:hover {
	background-color: #E9F6FF;
	color: #569AFF;
}

.approval_wrap .approval_btn li.on {
	/* 	background-color:#fff; */
	/* 	color:#000; */
	/* 	border-radius:15px; */
	background-color: #E9F6FF;
	color: #569AFF;
}

.approval_wrap .approval_list {
	display: inline-block;
	width: 100%;
	height: 320px; /* org:300px; cjk  */
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 20px;
}

.approval_wrap .approval_list::-webkit-scrollbar {
	/*   width: 5px; */
	display: none;
}

.approval_wrap .approval_list::-webkit-scrollbar-track {
	background-color: transparent;
}

.approval_wrap .approval_list::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #d3d7de;
}

.approval_wrap .approval_list::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

.approval_wrap .approval_list .approval {
	display: inline-block;
	width: 100%;
	height: 18px;
	margin-bottom: 17px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.approval.new .approbal_txt {
	position: relative;
	display: inline-block;
	font-size: 13px;
	color: #444444;
}

.approval .approbal_txt {
	display: inline-block;
	font-size: 13px;
	color: #888888;
}

.approval .approbal_date {
	font-size: 13px;
	color: #999999;
	float: right;
	padding-right: 5px;
}

.absentee_wrap {
	display: inline-block;
	float: left;
	/* 	width: 444px; */
	width: 24.2%;
	height: 412px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	padding: 26px 36px;
	background-color: #fff;
	position: relative;
	margin-right: 13.5px;
	overflow: hidden; /* added by cjk */
}

.absentee_wrap .absentee_title {
	display: inline-block;
	font-size: 15px;
	color: #222222;
	font-weight: 500;
}

.absentee_wrap .absentee_btn {
	position: absolute;
	top: 23px;
	right: 26px;
	display: inline-block;
	width: 139px;
	height: 31px;
	/* 	border-radius:15px; */
	/* 	border:1px solid #dddddd; */
	/* 	background-color:#eaebef; */
}

.absentee_wrap .absentee_btn::after {
	content: '';
	display: block;
	clear: both;
}

.absentee_wrap .absentee_btn li {
	display: inline-block;
	width: 50%;
	float: left;
	height: 29px;
	line-height: 29px;
	font-size: 12px;
	text-align: center;
	color: #666666;
	cursor: pointer;
	border-radius: 16px;
}

.absentee_wrap .absentee_btn li:hover {
	background-color: #E9F6FF;
	color: #569AFF;
}

.absentee_wrap .absentee_btn li.on {
	/* 	background-color:#fff; */
	/* 	color:#000; */
	/* 	border-radius:15px; */
	background-color: #E9F6FF;
	color: #569AFF;
}

.absentee_wrap .absentee_list {
	display: inline-block;
	width: 100%;
	height: 300px; /* org:360px; cjk */
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 43px;
}

.absentee_wrap .absentee_list::-webkit-scrollbar {
	width: 5px;
}

.absentee_wrap .absentee_list::-webkit-scrollbar-track {
	background-color: transparent;
}

.absentee_wrap .absentee_list::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #d3d7de;
}

.absentee_wrap .absentee_list::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

.absentee_wrap .absentee_list .absentee {
	display: inline-block;
	width: 100%;
	height: 69px;
	background-color: #f2f4f9;
	border-radius: 3px;
	margin-bottom: 1px;
	padding: 14px;
}

.absentee::after {
	content: '';
	display: block;
	clear: both;
}

.absentee .absentee_img {
	display: inline-block;
	float: left;
	width: 44px;
	height: 45px;
	border-radius: 50%;
	margin-right: 15px;
}

.absentee .absentee_img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.absentee .absentee_info {
	display: inline-block;
	float: left;
	/* 	width:294px; */
	min-width: 50%;
	max-width: 75%;
	height: 30px;
	oveflow: hidden;
}

.absentee .absentee_info .absentee_info_inner .absentee_department {
	font-size: 13px;
}

.absentee .absentee_info .absentee_info_inner .absentee_department::after
{
	content: '/';
}

.absentee .absentee_info .absentee_info_inner .absentee_grade {
	font-size: 13px;
}

.absentee .absentee_info .absentee_info_inner .absentee_grade::after {
	content: '/';
}

.absentee .absentee_info .absentee_info_inner .absentee_name {
	font-size: 14px;
	color: #222222;
	padding-right: 5px;
}

.absentee .absentee_info .absentee_info_inner .absentee_team {
	font-size: 13px;
	color: #888888;
}

.absentee .absentee_txt {
	float: right;
	margin-right: 10px;
	display: inline-block;
	font-size: 14px;
	color: #666666;
}

.absentee .absentee_date {
	display: inline-block;
	float: right;
	margin-right: 10px;
	font-size: 13px;
	color: #444444;
	letter-spacing: -1px;
}

.absentee .absentee_date_l {
	display: inline-block;
	float: left;
	margin-left: 10px;
	font-size: 13px;
	color: #444444;
	letter-spacing: -1px;
}

.absentee .absentee_time {
	display: inline-block;
	float: right;
	margin-right: 10px;
	font-size: 13px;
	color: #444444;
	letter-spacing: -1px;
}

.schedule_list_wrap {
	display: inline-block;
	float: left;
	/* 	width: 444px; */
	width: 24.2%;
	height: 412px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	padding: 26px 36px;
	background-color: #fff;
	position: relative;
	overflow: hidden; /* added, cjk */
}

.schedule_list_wrap .schedule_title {
	display: inline-block;
	font-size: 15px;
	color: #222222;
	font-weight: 500;
}

.schedule_list_wrap .schedule_date {
	position: absolute;
	top: 28px;
	left: 162px;
	font-size: 14px;
	color: #888;
	font-weight: 500;
}

.schedule_list_wrap .schedule_list {
	display: inline-block;
	width: 100%;
	height: 360px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 43px;
}

.schedule_list_wrap .schedule_list::-webkit-scrollbar {
	width: 5px;
}

.schedule_list_wrap .schedule_list::-webkit-scrollbar-track {
	background-color: transparent;
}

.schedule_list_wrap .schedule_list::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: #d3d7de;
}

.schedule_list_wrap .schedule_list::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

.schedule_list_wrap .schedule_list::after {
	content: '';
	display: block;
	clear: both;
}

.schedule_list_wrap .schedule_list .schedule_time_wrap {
	float: left;
	display: inline-block;
	width: 54px;
	height: 300px;
	border-right: 1px solid #dcdcdc;
}

.schedule_time_wrap .schedule_time {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 60px;
	text-align: center;
	font-size: 13px;
	color: #888888;
}

.schedule_time_wrap .schedule_time::after {
	content: '';
	position: absolute;
	top: 2px;
	right: -5.5px;
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 50%;
}

.schedule_time_wrap .schedule_time.time0::after {
	background-color: #137cff;
}

.schedule_time_wrap .schedule_time.time1::after {
	background-color: #2abbd3;
}

.schedule_time_wrap .schedule_time.time2::after {
	background-color: #cd7be0;
}

.schedule_time_wrap .schedule_time.time3::after {
	background-color: #fd9214;
}

.schedule_time_wrap .schedule_time.time4::after {
	background-color: #6bbb15;
}

.schedule_time_wrap .schedule_time.time5::after {
	background-color: red;
}

.schedule_time_wrap .schedule_time.time6::after {
	background-color: #8b00ff;
}

.schedule_time_wrap .schedule_time.time7::after {
	background-color: #660099;
}

.schedule_time_wrap .schedule_time.time8::after {
	background-color: #bfff00;
}

.schedule_time_wrap .schedule_time.time9::after {
	background-color: #f7e600;
}

.schedule_list_wrap .schedule_list .schedule_info {
	float: left;
	width: calc(100% - 54px);
	height: 100%;
}

.schedule_info .schedule_box {
	display: inline-block;
	width: 100%;
	height: 60px;
	padding-left: 30px;
}

.schedule_info .schedule_box .schedule_txt {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	color: #222222;
	font-weight: 500;
}

.schedule_info .schedule_box .schedule_team {
	display: inline-block;
	width: 100%;
	font-size: 13px;
	color: #888888;
}

/*dashboard hr*/
.hr_info_text {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	margin-left: 100px;
	margin-top: 10px;
	letter-spacing: 1px;
	line-height: 150%;
}

.hr_info_text span {
	color: #409EFF;
}

.dash_board_basic_wrap .search_board {
	display: inline-block;
	float: left;
	width: 1309px;
	margin-right: 13.5px;
	margin-bottom: 16px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	background-color: #fff;
	padding: 10px;
}

.dash_board_basic_wrap .search_board::after {
	content: '';
	display: block;
	clear: both;
}

.dash_board_basic_wrap .mini_board2 {
	display: inline-block;
	float: left;
	width: 1309px;
	height: 178px;
	margin-right: 13.5px;
	margin-bottom: 16px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	background-color: #fff;
	padding: 10px;
	position: relative;
}

.mini_board2::after {
	content: '';
	display: block;
	clear: both;
}

.mini_board2 .candidate_btn0 {
	position: absolute;
	top: 10px;
	right: 100px;
}

.mini_board2 .candidate_btn1 {
	position: absolute;
	top: 10px;
	right: 20px;
}

.mini_board2 .candidate_title {
	font-size: 15px;
	color: #222222;
	margin-bottom: 10px;
}

.mini_board2 .candidate_info0 {
	display: inline-block;
	float: left;
	width: 150px;
	height: 140px;
	margin-left: 100px;
	margin-right: 100px;
}

.candidate_info0 .candidate_img {
	display: inline-block;
	width: 100%;
	height: 80px;
	margin-bottom: 10px;
	text-align: center;
}

.candidate_info0 .candidate_img img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.candidate_info0 .candidate_text {
	text-align: center;
	font-size: 12px;
	color: #222;
	font-weight: 500;
}

.candidate_info0 .candidate_text .candidate_name {
	display: inline-block;
	padding-bottom: 5px;
	font-size: 13px;
}

.candidate_info0 .candidate_text .candidate_team {
	font-size: 11px;
	font-weight: normal
}

.candidate_info0 .candidate_text .candidate_member {
	font-size: 11px;
	font-weight: normal
}

.mini_board2 .candidate_progress {
	display: inline-block;
	float: left;
	padding-top: 20px;
}

.candidate_progress .candidate_step {
	display: inline-block;
	float: left;
	margin-right: 40px;
}

.candidate_progress .candidate_step .step {
	text-align: center;
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	background: #409EFF;
	position: relative;
	padding-left: 20px;
	padding-right: 10px;
	margin-bottom: 10px;
}

.candidate_progress .candidate_step .step.red {
	background: #FB6868;
}

.candidate_progress .candidate_step .step .tri_before {
	height: 0;
	width: 0;
	border-right: 15px solid transparent;
	border-top: 15px solid transparent;
	border-left: 15px solid #fff;
	border-bottom: 15px solid transparent;
	position: absolute;
	top: 0;
	left: 0;
}

.candidate_progress .candidate_step .step .tri_after {
	height: 0;
	width: 0;
	border-right: 15px solid transparent;
	border-top: 15px solid transparent;
	border-left: 15px solid #409EFF;
	border-bottom: 15px solid transparent;
	position: absolute;
	top: 0;
	right: -30px;
}

.candidate_progress .candidate_step .step .tri_after.red {
	height: 0;
	width: 0;
	border-right: 15px solid transparent;
	border-top: 15px solid transparent;
	border-left: 15px solid #FB6868;
	border-bottom: 15px solid transparent;
	position: absolute;
	top: 0;
	right: -30px;
}

.candidate_progress .candidate_step .text0 {
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 5px;
	padding-left: 10px;
}

.candidate_progress .candidate_step .date0 {
	text-align: center;
	font-size: 12px;
	margin-bottom: 5px;
	padding-left: 10px;
}

.candidate_progress .candidate_step .date1 {
	text-align: center;
	font-size: 12px;
	padding-left: 10px;
}

.mini_board2 .mini_board_top {
	position: relative;
	display: inline-block;
	float: left;
	width: 100%;
	height: 178px;
	border-bottom: 1px solid #dbdbdb;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	background-color: #fff;
}

.mini_board2 .mini_board_top::after {
	content: '';
	display: block;
	clear: both;
}

.sign_wrap2 {
	display: inline-block;
	float: left;
	width: calc(100% - 396px);
	height: 100%;
	padding: 45px 60px;
	padding-left: 0;
}

.sign_wrap2::after {
	content: '';
	display: block;
	clear: both;
}

.sign_wrap2 .sign_title {
	display: inline-block;
	float: left;
	width: 155px;
	height: 22px;
	margin-bottom: 20px;
	line-height: 22px;
	text-align: center;
	font-size: 14px;
	color: #666666;
}

.sign_wrap2 .sign_title.title0 {
	margin-right: 80px;
}

.sign_wrap2 .sign {
	display: inline-block;
	float: left;
	width: 75px;
	height: 100px;
	margin-right: 19px;
	position: relative;
}

.sign_wrap2 .sign:last-child {
	margin-right: 0;
}

.sign_wrap2 .sign .sign_number {
	width: 100%;
	text-align: center;
	font-size: 28px;
	font-weight: 500;
	color: #222222;
	padding-bottom: 5px;
}

.sign_wrap2 .sign .sign_number.red {
	color: #ff352f;
}

.sign_wrap2 .sign .sign_txt {
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #666666;
	position: absolute;
	bottom: 0;
	left: 0;
}

.sign_wrap2 .sign .sign_txt_sub0 {
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #666666;
	position: absolute;
	bottom: 35px;
	left: 0;
}

.sign_wrap2 .sign .sign_txt_sub1 {
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	color: #222;
	position: absolute;
	bottom: 53px;
	left: 0;
}

.result_wrap {
	display: inline-block;
	float: right;
	width: 501.5px;
	height: 277px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	padding: 28px;
	background-color: #fff;
}

.result_wrap .result_title {
	display: inline-block;
	font-size: 15px;
	color: #222222;
}

.result_wrap .result_text {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 14px;
	color: #222;
	font-weight: 500;
}

.result_wrap .result {
	text-align: left;
	font-size: 14px;
	color: #222;
	font-weight: 500;
}

.result_wrap .result .result_grade {
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	color: #606060;
}

.result_wrap .result_table {
	display: inline-block;
	width: 100%;
	height: 200px;
	overflow-y: scroll;
}

.result_wrap .result_table {
	-ms-overflow-style: none;
}

.result_wrap .result_table::-webkit-scrollbar {
	display: none;
}

.result_wrap .result_table thead tr th {
	padding-bottom: 30px;
	font-size: 14px;
	color: #222;
	text-align: center;
}

.result_wrap .result_table tbody tr td {
	padding: 10px 0;
	font-size: 14px;
	font-weight: 500;
	color: #222;
}

.result_wrap .result_table tbody tr td.center {
	text-align: center;
	color: #ff352f;
}

.appraisal_wrap {
	display: inline-block;
	width: 100%;
	height: 300px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	padding: 28px;
	background-color: #fff;
	overflow-y: scroll;
}

.appraisal_wrap::-webkit-scrollbar {
	display: none;
}

.appraisal_title {
	display: inline-block;
	width: 100%;
	height: 35px;
	font-size: 15px;
	color: #222222;
}

.appraisal_wrap .appraisal_table thead tr th {
	background-color: #eeee;
	padding: 10px 0;
}

.appraisal_wrap .appraisal_table thead tr th.first {
	text-align: left;
	padding-left: 10px;
}

.appraisal_wrap .appraisal_table tbody tr td {
	padding: 30px 0;
	text-align: center;
	font-size: 14px;
	color: #222;
	line-height: 150%;
}

.appraisal_wrap .appraisal_table tbody tr td.first {
	text-align: left;
	padding-left: 10px;
}

.appraisal_wrap .appraisal_table tbody tr td.last {
	width: 170px;
	text-align: left;
}

.capability_wrap {
	display: inline-block;
	width: 100%;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	padding: 28px;
	background-color: #fff;
	overflow-y: scroll;
	margin-top: 10px;
}

.capability_wrap::-webkit-scrollbar {
	display: none;
}

.capability_title {
	display: inline-block;
	width: 100%;
	height: 35px;
	font-size: 15px;
	color: #222222;
}

.capability_wrap .capability_table thead tr th {
	background-color: #eeee;
	padding: 10px 0;
}

.capability_wrap .capability_wrap_table thead tr th.first {
	text-align: left;
	padding-left: 10px;
}

.capability_wrap .capability_table tbody tr td {
	padding: 20px 0;
	text-align: left;
	font-size: 14px;
	color: #222;
	line-height: 100%;
}

.capability_wrap .capability_table tbody tr td.first {
	text-align: left;
	padding-left: 10px;
}

.capability_wrap .capability_table tbody tr td.center {
	width: 1100px;
	text-align: left;
}

.capability_wrap .capability_table tbody tr td.gray {
	padding: 10px 0;
	background-color: #eee;
	font-weight: 500;
}

/*�꽌�빟愿�由� ���떆蹂대뱶*/
.sign_manage_box {
	display: inline-block;
	float: left;
	position: relative;
	width: 24.25%;
	height: 225px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dbdbdb;
	margin-right: 1%;
	margin-bottom: 17px;
	padding: 10px;
}

.sign_manage_box .manage_box_title {
	font-size: 1.6em;
	padding-bottom: 65px;
}

.manage_box_title .manage_box_date {
	font-size: 0.7em;
	font-weight: 500;
}

.sign_manage_box .manage_box_txt {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 1em;
	padding-bottom: 10px;
}

.sign_manage_box .manage_box_schdule {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 1em;
	letter-spacing: 1px;
}

.sign_manage_box .manage_box_txt.txt0 {
	color: #ed5565;
}

.sign_manage_box .manage_box_txt.txt1 {
	color: #ccc;
}

.sign_manage_box .manage_box_btn {
	width: 100px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/*�씤�궗�룊媛� ���떆蹂대뱶 �룊媛��옄*/
.dash_board_basic_wrap .distribution_wrap {
	display: inline-block;
	float: left;
	/* 	width: 1109px; */
	width: 1346px;
	/* 	height: 178px; */
	height: 277px;
	margin-right: 13.5px;
	margin-bottom: 16px;
	margin-top: 16px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	background-color: #fff;
	padding: 10px;
}

.distribution_title {
	display: inline-block;
	font-size: 15px;
	color: #222222;
}

.dash_board_basic_wrap .progress_wrap {
	display: inline-block;
	float: right;
	/*     width: 701.5px; */
	width: 464px;
	height: 277px;
	margin-top: 16px;
	margin-bottom: 16px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	padding: 10px;
	background-color: #fff;
}

.progress_title {
	display: inline-block;
	width: 100%;
	font-size: 15px;
	color: #222222;
	margin-bottom: 20px;
}

.progress_graph_wrap {
	display: inline-block;
	position: relative;
	float: left;
}

.progress_graph_wrap .progress_graph {
	display: inline-block;
	position: relative;
	width: 200px;
	height: 200px;
	background: conic-gradient(#2f6d97 25% 80%, #ccc 56% 100%);
	border-radius: 50%;
	margin-left: 100px;
}

.progress_graph_wrap .progress_graph span {
	position: absolute;
	width: 158px;
	height: 158px;
	background-color: #fff;
	border-radius: 50%;
	top: 20px;
	left: 20px;
}

.progress_text_wrap {
	display: inline-block;
}

.progress_percent {
	display: inline-block;
	font-size: 45px;
	font-weight: 500;
	color: #2f6d97;
	position: absolute;
	top: 50px;
	left: 155px;
}

.progress_txt0 {
	display: inline-block;
	width: 100px;
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	top: 105px;
	left: 155px;
}

.progress_txt1 {
	display: inline-block;
	width: 100px;
	font-size: 16px;
	font-weight: 500;
	position: absolute;
	top: 130px;
	left: 160px;
}

.progress_txt1 span {
	color: #ff352f;
}

.progress_text_wrap {
	display: inline-block;
	margin-left: 40px;
	float: left;
}

.progress_text0 {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 10px;
	line-height: 150%;
}

.progress_text0 span {
	font-size: 18px;
	color: #2abbd3;
}

.progress_text1 {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 10px;
	line-height: 150%;
}

.progress_text1 span {
	color: #ff352f;
}

.progress_text2 {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 10px;
	line-height: 150%;
	background-color: #bdd7ee;
	padding: 10px;
}

.appraisal_wrap2 {
	display: inline-block;
	width: 100%;
	height: 520px;
	box-shadow: 0 3px 3px rgba(51, 51, 51, 0.1);
	border: 1px solid #dadada;
	border-radius: 3px;
	background-color: #fff;
	overflow-y: scroll;
}

.appraisal_wrap2::-webkit-scrollbar {
	display: none;
}

.appraisal_table2 thead tr th {
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
}

.appraisal_table2 tbody tr td {
	padding: 10px 0;
	text-align: center;
}

.appraisal_table2 tbody tr td img {
	width: 55px;
	height: 55px;
	border-radius: 50%;
}

.appraisal_table2 tbody tr td.left {
	text-align: left;
	padding-left: 10px;
}

.appraisal_table2 tbody tr td.red {
	color: #ff352f;
}

.appraisal_table2 tbody tr td.bold {
	font-weight: 500;
}

.appraisal_table2 tbody tr td.btn span {
	display: inline-block;
	width: 100px;
	height: 25px;
	background: #ccc;
	line-height: 25px;
	font-size: 14px;
}

.btn_red span {
	background: #ff352f !important;
	color: #fff;
	color: #000;
}

/*怨듯넻  multiple selectbox 泥섎━*/
.multi-select-container {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 27px;
	border: none;
	outline: none;
	border: 1px solid #e2e5ec;
	color: #333;
	font-size: 13px;
}

.multi-select-menu {
	position: absolute;
	left: 0;
	top: 0.8em;
	float: left;
	min-width: 100%;
	background: #fff;
	margin: 1em 0;
	padding: 0.4em 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	display: none;
}

.multi-select-menu input {
	margin-right: 0.3em;
	vertical-align: 0.1em;
}

.multi-select-button {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 0 5px;
	text-align: left;
	line-height: 25px;
	font-size: 13px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: -0.5em;
	background-color: #fff;
	border-radius: 4px;
	cursor: default;
	background-image: url(/resources/images/svg/select_off.svg);
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: 9px;
}

.multi-select-menuitem {
	padding: 0 5px;
	display: inline-block;
	width: 100%;
}
/* .multi-select-button:after { */
/*   content: ""; */
/*   display: inline-block; */
/*   width: 0; */
/*   height: 0; */
/*   border-style: solid; */
/*   border-width: 0.4em 0.4em 0 0.4em; */
/*   border-color: #999 transparent transparent transparent; */
/*   margin-left: 0.4em; */
/*   vertical-align: 0.1em; */
/* } */
.multi-select-container--open .multi-select-menu {
	display: block;
}

/* .multi-select-container--open .multi-select-button:after { */
/*   border-width: 0 0.4em 0.4em 0.4em; */
/*   border-color: transparent transparent #999 transparent; */
/* } */

/*湲곗븞�꽌*/
.approve_pop_btn {
	width: 140px;
	height: 100%;
	float: left;
	text-align: center;
	padding-top: 110px;
	margin-left: 50px;
}

.approve_pop_btn .wide_btn {
	width: 92px !important;
}

.datepicker-dropdown {
	position: absolute !important;
	/* 	width: 303px !important; */
	/* 	height: 313px !important; */
	/* position: absolute; */
	float: none;
	clear: both;
	box-sizing: border-box;
	margin: 0px;
	padding: 20px 25px !important;
	padding-bottom: 0 !important;
	z-index: 3000;
	/* border: 1px solid rgba(50, 50, 50, 0.3); */
	/* box-shadow: rgb(0 0 0 / 50%) 1px 2px 5px; */
	user-select: none;
	left: 598.391px;
	top: 316px;
	position: absolute !important;
	/* 	width:320px !important; */
	/* 	height:380px !important; */
	border: 1px solid #E7E7E7;
	background: #FFFFFF;
	boder-radius: 6px;
	box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.1), 0px 4px 8px
	rgba(0, 0, 0, 0.04);
}

.datepicker-inline {
	width: unset !important;
	clear: both;
	box-sizing: border-box;
	margin: 0px;
	padding: 20px 25px !important;
	padding-bottom: 0 !important;
	/*z-index: 100;*/
	user-select: none;
	border: 1px solid #E7E7E7;
	background: #FFFFFF;
	boder-radius: 6px;
	box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.04);
}

.datepicker-dropdown table,
.datepicker-inline table {
	border-collapse: unset;
}

.datepicker-days {
	position: relative;
	width: 271px;
	height: 356px;
	padding-top: 4px;
}

.datepicker-days tfoot {
	position: absolute;
	bottom: 24px;
}

.datepicker-months {
	position: relative;
	width: 270px;
	height: 284px;
	padding-top: 4px;
}

.datepicker-months tfoot {
	position: absolute;
	bottom: 24px;
}

.datepicker-years {
	position: relative;
	width: 270px;
	height: 284px;
	padding-top: 4px;
}

.datepicker-years tfoot {
	position: absolute;
	bottom: 24px;
}

.datepicker-dropdown tfoot .today,
.datepicker-inline tfoot .today {
	/* 	display:inline-block !important; */
	width: 272px !important;
	height: 40px !important;
	line-height: 40px;
	text-align: center;
	background-color: #506A8C;
	border: 1px solid #506A8C;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 400;
	color: #fff !important;
}

.datepicker-dropdown tfoot .today:hover,
.datepicker-inline tfoot .today:hover {
	background-color: #506A8C !important;
	border: 1px solid #506A8C !important;
	border-radius: 4px !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	color: #fff !important;
}

.datepicker .datepicker-switch {
	position: relative;
	vertical-align: top;
	height: 16px;
	cursor: default;
	text-align: center;
	font-size: 14px;
	color: #222222;
	font-weight: 500;
}

.datepicker th.dow {
	min-width: 20px;
	text-align: center;
	width: 28px !important;
	height: 48px !important;
	border-spacing: 3px;
	color: #444444;
	font-size: 14px;
	padding-top: 20px;
}

.datepicker td.day {
	/* 	text-decoration: none; */
	/*     display: inline-block; */
	/*     width: 30px; */
	/*     height: 30px; */
	/*     text-align: center; */
	/*     line-height: 30px; */
	cursor: pointer;
	color: #444444;
	font-size: 14px;
	font-weight: 400;
	padding: 7px;
}

/* .datepicker td.day:hover{ */
/* 	border-radius:50% !important; */
/* } */
/* .datepicker td.day.acrtive{ */
/* 	background-color: #6eaaf8 !important; */
/*     border-radius: 50% !important; */
/*     color: #fff !important; */
/* } */
/* .datepicker td.day.acrtive:hover{ */
/* 	background-color: #6eaaf8 !important; */
/*     border-radius: 50% !important; */
/*     color: #fff !important; */
/* } */


#EMP_PICTURE {
	backface-visibility: hidden;
	transform: translateZ(0);
	/*image-rendering: -webkit-optimize-contrast;*/
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) , only screen and
(min-resolution: 192dpi) , only screen and (min-resolution: 2dppx) {
	#EMP_PICTURE {
		display: initial;
	}
}

/*2022-07-11 �뵆�옯�뤌 �떊洹� �뵒�옄�씤 �쟻�슜*/
button.green {
	/*background-color: #14BB94;
	border: 1px solid #119D7D;*/
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
	color: #fff;
}

button.white {
	background-color: #fff;
	border: 1px solid var(--main-color);
	color: var(--main-color);
}

button.navy {
	background-color: #506A8C;
	border: 1px solid #506A8C;
	color: #fff;
}

button.red {
	background-color: #FF8C8C;
	border: 1px solid #FF8C8C;
	color: #fff
}
button.gray {
	background-color : #7f7f7f;
	border-color: #7f7f7f;
}

button.green.grid {
	margin-left: 0 !important;
	width: 44px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
}

.back_w {
	background-color: #fff !important;
}
.no_back {
	background: unset;
}

.grid_inner_wrap3 {
	display: inline-block;
	width: 100%;
	margin-bottom: 21px;
	box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 8px;
}

.half_header {
	height: 102px !important;
}

.content_schedule_apply {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: calc(100% - 21px) !important;
	margin-left: 0;
	overflow-y: scroll;
	-ms-overflow-style: none;
}

.ea_schedule_header {
	width: 1455px;
}

.ea_schedule_wrap {
	width: 1455px;
	margin-right: 43px;
}

.form_inp1_v2.w190 {
	width: 190px !important;
}

.form_object.w170 {
	width: 170px !important;
}

.select_box.w80 {
	width: 80px !important;
}

.form_object.w105 {
	width: 105px !important;
}

/*.form_object.w210 {
	width: 210px !important;
}*/

.form_object.w420 {
	width: 420px !important;
}
.form_object.w423 {
	width: 423px !important;
}

.form_object.w250 {
	width: 250px !important;
}

.form_object.w204 {
	width: 204px !important;
}


.form_object.w420 {
	width: 420px !important;
}

.form_object.w430 {
	width: 430px !important;
}

.form_object.w137{
	width: 137px !important;
}

.form_object.w219{
	width: 219px !important;
}

.form_object.w141_5{
	width: 141.5px !important;
}

.form_object.w283 {
	/* 	width: 283px !important; */
	width: calc(16.66% - 12.5px) !important;
}
.form_object.w283_f {
	width: 286px !important;
}

.form_object.w352 {
	width: 352px !important;
}

.form_object.w246 {
	width: 246px !important;
}
.form_object.w240 {
	width: 240px !important;
}

.form_object.w508 {
	width: 508px !important;
}

.form_object.w138 {
	width: 138px !important;
}

.form_object.w50 {
	width: 50px !important;
}

.form_object.w212 {
	width: 212px !important;
}

.form_object.w639 {
	width: 639px !important;
}

.form_object.w660 {
	width: 660px !important;
}

.form_object.w668 {
	width: 668px !important;
}

.form_object.w134 {
	width: 134px !important;
}

.form_object.w124 {
	width: 124px !important;
}

.form_object.w263 {
	width: 263px !important;
}

.form_object.w275 {
	width: 275px !important;
}

.form_object.w823 {
	width: 823px !important;
}

.form_object.w823.drop_box .drop_box_inp {
	background-position: 98% center;
}

.form_object.w312 {
	width: 312px !important;
}

.form_inp0_v2.w183 {
	width: 183px !important;
}

.form_object.w582 {
	width: 582px !important;
}

.form_object.w582.drop_box .drop_box_inp {
	background-position: 98% center;
}

.form_object.w302 {
	width: 302px !important;
}

.form_object.w442 {
	width: 442px !important;
}

.form_object.w218 {
	width: 218px !important;
}

.form_object.mgb16 {
	margin-bottom: 16px !important;
}

.form_object.mgb19 {
	margin-bottom: 19px !important;
}

.form_object.mgb20 {
	margin-bottom: 20px !important;
}

.form_object.w932 {
	width: 932px !important;
}

.form_object.w932.drop_box .drop_box_inp {
	background-position: 98% center;
}

.form_object.w100.drop_box .drop_box_inp {
	background-position: 98% center;
}

.form_object.w97 {
	width: calc(96% + 16px) !important;
}

.form_object.w97.drop_box .drop_box_inp {
	background-position: 98% center;
}

.form_object.w888 {
	width: 885px !important;
}

.form_object.mgb16 {
	margin-bottom: 16px !important;
}

.ea_header {
	width: 952px !important;
}

.document_inner {
	display: inline-block;
	width: 100%;
	height: 100%;
	float: left;
}

.form_object.mgl32 {
	margin-left: 32px !important;
}

.approval_step0_wrap {
	display: inline-block;
	width: 100%;
	position: relative;
	/* 	padding-bottom:38px; */
	/* 	padding-left:11px; */
	/* 	padding-right:11px; */
	border-bottom: 1px dashed #D5D5D5;
}

.approval_step0_wrap .sign_step0_title {
	font-size: 16px;
	font-weight: 400;
	color: #444;
	padding-left: 10px;
	float: left;
}

.approval_step0_wrap .approval_line_btn0 {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 38px;
	background-image: url(/resources/images/approval_line_btn0.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
}

.approval_step0_wrap .approval_line_btn1,
.refer_line_btn {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(/resources/images/approval_line_btn1.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
}

.approval_step0_list {
	display: inline-block;
	width: 100%;
	/* 	height:366px; */
	padding-top: 26px;
	/* 	margin-bottom:32px; */
	overflow: hidden;
}

.approver {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 58px;
	margin-bottom: 8px;
	position: relative;
	padding-left: 8px;
	padding-right: 14px;
	text-align:left;
}
.approver.list_wrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.approver .approval_line_close {
	display: none;
	width: 12px;
	height: 12px;
	line-height: 12px;
	text-align: center;
	position: absolute;
	top: 7px;
	right: 7px;
}
.approver:hover {
	background-color: #EBEBEB;
	border-radius: 16px;
	height: 58px;
}

.approver:hover .approval_line_close {
	display: inline-block;
	cusor: pointer;
}

.approver_number {
	display: flex;
	font-size: 11px;
	width: 24px;
	height: 16px;
	background-color: #e2e5ec;
	color: #646c9a;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	font-weight: 500;
}

.approver .approver_img {
	display: inline-block;
    margin: 0;
    position: relative;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 50% !important;
    background-color: #e4e6e7;
}
.approver .approver_img.my{
	float:right;
	margin-left: 12px !important;
}


.approver .approver_img img{
	position: absolute;
    width: 100%;
    height: auto;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: scale-down;
	border-radius: 50%;
}

.approver .approval_info_box {
	max-width: 140px;
}
.approver_user_info {
	display: flex;
	flex-direction: column;
	width: 175px;
}

.approver .approver_name_box{
	/*height: 18px;*/
	line-height: 18px;
	font-size: 13px;
	font-weight: 400;
	color: #828B97;
	overflow: hidden;
	text-align: left;
}

.approver .approver_name {
	display: inline-block;
	max-width: 100px;
	font-size: 13px;
	font-weight: 400;
	color: #444;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
}

.approver .approver_name.dept_appr {
	max-width: 150px;
	white-space: pre-wrap;
	word-break: keep-all;
}

.approver .approver_position{
	display: inline-block;
	/*width: auto;
	height: 16px;
	line-height: 20px;*/
	/*max-width: 70px;*/
	max-width: clamp(50px, 50%, 80px);
	font-size: 13px;
	font-weight: 400;
	color: #444;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
}

.approver .approver_team {
	display: flex;
	gap: 3px;
	height: 14px;
	line-height: 14px;
	font-size: 13px;
	font-weight: 400;
	color: #828B97;
	overflow: hidden;
	text-align: left;
}

.approver .approver_team .team {
	display: inline-block;
	/*max-width: 85px;*/
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}
.approver .approver_team .grade {
	display: inline-block;
	max-width: 55px;
	vertical-align: top;
}

.approver .approval_state_box {
	text-align: right;
	margin-left: auto;
}
.approver .approval_date {
	display: block;
	width: 100%;
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	font-weight: 400;
	color: #A9ACBD;
	margin-bottom: 3px;
}

.approver .approval_state {
	display: inline-flex;
	margin-left: auto;
	padding: 0 8px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	color: #1F817B;
	border-radius: 6px;
	background-color: #B0E2E0;
}

/* 결재, 제출, 승인 */
.approval_state.type0,
.line_choose_wrap .line_choose .line_choose_statu.type0,
.line_choose_wrap .line_choose .line_choose_statu2.type0 {
	color: #1F817B;
	background-color: #B0E2E0;
}
/* 협조, 병렬협조 */
.approver .approval_state.type1,
.line_choose_wrap .line_choose .line_choose_statu.type1,
.line_choose_wrap .line_choose .line_choose_statu2.type1 {
	color: #927613;
	background-color: #F7E8B3;
}
/* 수신 */
.approver .approval_state.type2,
.line_choose_wrap .line_choose .line_choose_statu.type2,
.line_choose_wrap .line_choose .line_choose_statu2.type2 {
	color: #6282BF;
	background-color: #CBDDFF;
}
/* 참조, 대결 */
.approver .approval_state.type3,
.line_choose_wrap .line_choose .line_choose_statu.type3,
.line_choose_wrap .line_choose .line_choose_statu2.type3 {
	color: #C66660;
	background-color: #FFD4CB;
}
/* 배포 */
.approver .approval_state.type4,
.line_choose_wrap .line_choose .line_choose_statu.type4,
.line_choose_wrap .line_choose .line_choose_statu2.type4 {
	color: #C67860;
	background-color: #FFE4CB;
}
/* 부서, 전결 */
.approver .approval_state.type5,
.line_choose_wrap .line_choose .line_choose_statu.type5,
.line_choose_wrap .line_choose .line_choose_statu2.type5 {
	color: #6076C6;
	background-color: #CBECFF;
}
/* 반려 */
.approver .approval_state.type6,
.line_choose_wrap .line_choose .line_choose_statu.type6,
.line_choose_wrap .line_choose .line_choose_statu2.type6 {
	color: #FF5252;
	background-color: #FFDFDF;
}


.approver .approver_state{
	padding: 0 8px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	/*position: absolute;
	top: 31px;
	right: 55px;*/
	border-radius: 6px;
	margin-right: 2px;
}

/*�쟾�옄寃곗옱 �긽�깭媛� 寃곗옱*/
.approver_state.type0
{
	color: #1F817B;
	background-color: #B0E2E0;
}
/*�쟾�옄寃곗옱 �긽�깭媛� �삊議�*/
.approver_state.type1
{
	color: #927613;
	background-color: #F7E8B3;
}
/*�쟾�옄寃곗옱 �긽�깭媛� �닔�떊*/
.approver_state.type2
{
	color: #6282BF;
	background-color: #CBDDFF;
}
/*�쟾�옄寃곗옱 �긽�깭媛� 李몄“*/
.approver_state.type3
{
	color: #C66660;
	background-color: #FFD4CB;
}
/*�쟾�옄寃곗옱 �긽�깭媛� 諛고룷*/
.approver_state.type4
{
	color: #C67860;
	background-color: #FFE4CB;
}
/*�쟾�옄寃곗옱 �긽�깭媛� �쟾寃�*/
.approver_state.type5
{
	color: #6076C6;
	background-color: #CBECFF;
}
/*�쟾�옄寃곗옱 �긽�깭媛� 諛섎젮*/
.approver_state.type6
{
	color: #FF5252;
	background-color: #FFDFDF;
}

.approval_list_btn {
	display: inline-block;
	width: 338px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	color: #848484;
	margin-left: 11px !important;
	background-image: url(/resources/images/add_btn.png);
	background-repeat: no-repeat;
	background-position: 125px center;
	background-size: 20px;
}
.approval_list_btn.on{
	background-image: url(/resources/images/fold_btn.png);
	background-repeat: no-repeat;
	background-position: 125px center;
	background-size: 20px;
}

.approval_step1_wrap {
	display: inline-block;
	width: 100%;
	padding-top: 28px;
	/* 	padding-left: 11px; */
	/* 	padding-right: 11px; */
	position: relative;
	/* 	padding-bottom:38px; */
	border-bottom: 1px dashed #D5D5D5;
}

.approval_step1_wrap .approval_step1_tab {
	display: inline-block;
	width: 100%;
	height: 28px;
	margin-bottom: 24px;
}

.approval_step1_tab .step1_tab {
	display: inline-block;
	float: left;
	height: 28px;
	margin-right: 17px;
}

.approval_step1_tab .step1_tab .step1_tab_link {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 15px;
	font-weight: 400;
	color: #828B97;
}

.approval_step1_tab .step1_tab .step1_tab_link.on {
	border-bottom: 4px solid var(--main-color);
	font-size: 16px;
	font-weight: 400;
	color: #444444;
}
.refer_list_box {
	max-height: 550px;
	overflow-y: auto;
}

.approval_step2_wrap {
	display: inline-block;
	width: 100%;
	padding-top: 20px;
	/*padding-left: 11px;
	padding-right: 11px;*/
	position: relative;
	/*padding-bottom: 54px;*/
	padding-bottom: 27px;
	border-bottom: 1px dashed #D5D5D5;
}

.approval_step2_wrap .attached_file_info {
	font-size: 13px;
	font-weight: 400;
	color: #FF8989;
	padding-top : 10px;
	/*position: absolute;
	top: 55px;
	left: 10px;*/
}

.approval_step2_wrap .ea_attached_list {
	/*display: inline-block;*/
	/*width: 100%;*/
	margin-top: 15px;
	min-height: 40px;
	padding: 10px 0;
	/* 드래그앤드롭 기능 제거 */
	/*background-image: url(/resources/images/dragDrop.png);*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
}

.approval_step2_wrap .ea_attached_list .attached_file {
	display: inline-block;
	width: 100%;
	height: 32px;
	line-height: 26px;
	margin: 0;
	padding: 3px 20px 3px 4px;
	position: relative;
	font-size: 13px;
	color: #848484;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
}

.approval_step2_wrap .ea_attached_list .attached_file .close_icon {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 0;
	width: 14px;
	height: 14px;
	line-height: 14px;
	text-align: center;
}

.ea_attached_list .attached_file .close_icon img {
	vertical-align: middle;
}

.approval_step3_wrap {
	display: inline-block;
	width: 100%;
	padding-top: 20px;
	/*padding-left: 11px;
	padding-right: 11px;*/
	position: relative;
	padding-bottom: 27px;
	border-bottom: 1px dashed #D5D5D5;
}

.approval_step3_wrap .ea_relation_list {
	display: inline-block;
	width: 100%;
	margin-top: 21px;
}

.approval_step3_wrap .ea_relation_list .relation_file {
	display: inline-block;
	width: 100%;
	height: 32px;
	line-height: 26px;
	padding: 3px 4px;
	margin-bottom: 10px;
	position: relative;
	font-size: 13px;
	color: #848484;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 20px;
	text-align: left;
}

.approval_step3_wrap .ea_relation_list .relation_file .close_icon {
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 0;
	width: 14px;
	height: 14px;
	line-height: 14px;
	text-align: center;
}

.ea_relation_list .relation_file .close_icon img {
	vertical-align: middle;
}

.approval_step_title {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: #444444;
	/*float: left;*/
	color: #B9BEC5;
	text-align: left;
	/*padding-left: 11px;*/
}
.add_btn {
	display: inline-block;
	width: 20px;
	height: 20px;
	/*position: absolute;
	top: 23px;
	right: 22px;*/
	background-image: url(/resources/images/add_btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	float: right;
	padding: 0;
}

.ea_view_tab {
	display: inline-block;
	width: 100%;
	/*height: 39px;*/
}

.ea_view_tab .view_tab {
	display: inline-block;
	max-width: 121px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/*height: 39px;*/
	line-height: 39px;
	/* 	padding:0 2.5px; */
	float: left;
	margin-right: 44px;
	position: relative;
	padding-top: 28px;
}

.ea_view_tab .view_tab .ea_view_count {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background-color: #FF7571;
	border-radius: 6px;
	font-size: 10px;
	font-weight: 400;
	color: #fff;
	padding: 0 5px;
	position: absolute;
	/*top: -16px;*/
	top: 18px;
	right: 0;
}

.ea_view_tab .view_tab .count {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background-color: #FF7571;
	border-radius: 6px;
	position: absolute;
	top: 12px;
	right: -18px;
	font-size: 10px;
	font-weight: 400;
	color: #fff;
}

.ea_view_tab .view_tab .view_tab_link,
.ea_view_tab .view_tab .popup_tab_link {
	display: inline-block;
	width: 100%;
	height: 39px;
	line-height: 39px;
	font-size: 16px;
	font-weight: 400;
	color: #B9BEC5;
	letter-spacing: -1px;
	cursor: pointer;
}

.ea_view_tab .view_tab .view_tab_link.on {
	border-bottom: 4px solid var(--main-color);
	/*font-size: 16px;*/
	/*font-weight: 400;*/
	color: #242A30;
}

.ea_view_tab .view_tab .popup_tab_link:hover {
	/*border-bottom: 4px solid #0BAB8B;*/
	/*font-size: 16px;*/
	/*font-weight: 400;*/
	color: #242A30;
}

.approval_opinion_wrap {
	display: inline-block;
	width: 100%;
	/*height: 780px;*/
	height: 100%;
	/* 	padding-top: 20px; */
	position: relative;
	/*border-bottom: 1px dashed #D5D5D5;*/
}

.approval_opinion_count {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background-color: #FF7571;
	margin-left: 4px;
	vertical-align: top;
	border-radius: 6px;
	font-size: 10px;
	font-weight: 400;
	color: #fff;
}

.approval_opinion_wrap .opinion_wrap {
	display: inline-block;
	width: 100%;
	/*height: 600px;*/
	/* 	height: calc(100% - 156px); */
	padding-top: 24px;
	/*height:600px;*/
	height: calc(100% - 140px);
	overflow: scroll;
	/*border-bottom: 1px dashed #D5D5D5;*/
}

.approval_opinion_wrap .opinion_wrap .opinion_list {
	display: inline-block;
	width: 100%;
	/*height: 100%;*/
	/* 	height: 63vh; */
	max-eight:600px;
	padding-left: 11px;
	padding-right: 11px;
	overflow-y: scroll;
}
.contents_wrap_eapopup .approval_opinion_wrap .opinion_wrap .opinion_list {
	max-height: 60vh;
}
.approval_opinion_wrap .opinion_wrap .opinion_list::-webkit-scrollbar {
	display: none;
}

.opinion_list .opinion {
	display: inline-block;
	width: 100%;
	min-height: 90px;
	/* 	position: relative; */
	margin-bottom: 8px;
	position: relative;
}

.opinion_list .opinion.last {
	margin-bottom: 10px;
}

.opinion_list .opinion .approver_img {
	display: inline-block;
	width: 37px;
	height: 37px;
	/* 	position: absolute; */
	/* 	top: 0; */
	/* 	left: 0; */
	margin-right: 12px;
	float:left;
}
.opinion_list .opinion .approver_img.my{
	float:right;
	margin-right:0;
	margin-left:12px;
}

.opinion_list .opinion .approver_img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.opinion_list .opinion .approver_name {
	display: inline-block;
	width: 120px;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	font-weight: 400;
	color: #444;
	/* 	position: absolute; */
	/* 	top: 0; */
	/* 	left: 61px; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	float:left;
	width:55%;
}
.opinion_list .opinion .approver_name.my{
	float: right;
	text-align: right;
}

.opinion_list .opinion .approver_team {
	display: inline-block;
	width: 120px;
	height: 14px;
	line-height: 14px;
	font-size: 13px;
	font-weight: 500;
	color: #828B97;
	/* 	position: absolute; */
	/* 	top: 24px; */
	/* 	left: 61px; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	float:left;
}
.opinion_list .opinion .approver_team.my{
	float: right;
	text-align: right;
}

.opinion_list .opinion .approval_date {
	display: inline-block;
	width: 92px;
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	font-weight: 400;
	color: rgb(169, 172, 189);
	/* 	position: absolute; */
	/* 	top: 20px; */
	/* 	right: 0px */
	float:right;
}
.opinion_list .opinion .approval_date.my{
	float: left;
	text-align: left;
}

.opinion_list .opinion:hover .opinion_delete{
	display: inline-block;
}

.opinion_list .opinion .opinion_delete {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(/resources/images/opinion_delete.png);
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.opinion_list .opinion .opinion_delete.my{
	left:0 !important;
}

.opinion_list .opinion .opinion_txt {
	display: inline-block;
	width: 289px;
	padding: 11px 15px;
	line-height: 16px;
	background-color: #fff;
	border: 1px solid #E7E7E9;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 400;
	color: #888;
	/* 	position: absolute; */
	/* 	top: 49px; */
	/* 	left: 54px; */
	text-align: left;
	margin-top:12px;
	margin-right:49px;
}
.opinion_list .opinion .opinion_txt.my{
	/*text-align:right;*/
	margin-left: 0;
	float: right;
	margin-right: 0;
	margin-left: 49px;
	/* 	text-align:right; */
}

.approval_opinion_wrap .opinion_wrap::-webkit-scrollbar {
	display: none;
}

.approval_opinion_wrap .approval_opinion {
	display: inline-block;
	width: 100%;
	/*height: 132px;*/
	/*position: absolute;
	padding-bottom: 20px;
	padding-left: 11px;
	padding-right: 11px;*/
	/* 	position: sticky; */
	/* 	bottom: 0; */
	/* 	left: 0; */
	padding: 10px 11px;
	border: 1px dashed #D5D5D5;
	border-width: 1px 0 1px 0;
}

.approval_opinion_wrap .approval_opinion .opinion_text_box {
	width: 100%;
	height: 66px;
	border: 1px solid #E7E7E9;
	border-radius: 8px;
	padding: 14px;
	resize: none;
}

.approval_opinion_wrap .approval_opinion .opinion_text_box::placeholder
{
	font-size: 13px;
	font-weight: 400;
	color: #C1C1C1;
}

.approval_opinion_wrap .approval_opinion .opinion_btn {
	display: inline-block;
	width: 100%;
	/*height: 34px;*/
	padding-top: 12px;
	text-align: right;
}

.approval_attached_list {
	display: inline-block;
	width: 100%;
	/*padding-bottom: 44px;*/
	padding: 0 11px 44px;
	border-bottom: 1px dashed #D5D5D5;
}
.approval_attached_list_title{
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 400;
	color: #B9BEC5;
	text-align: left;
}

.approval_attached_list .attached_file {
	display: inline-block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	/* 	margin-bottom: 22px; */
	/*padding: 0 11px;*/
	text-align: left;
}

.approval_attached_list .attached_file .attached_file_txt {
	display: inline-block;
	width: 230px;
	font-size: 13px;
	font-weight: 400;
	color: #848484;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.approval_attached_list .attached_file button {
	float: right;
	margin-right: 11px;
}

/*�쟾�옄寃곗옱 �듅�씤�옄 �솕硫� 怨듯넻 �뿤�뜑*/
.ea_view_mode_header {
	display: inline-block;
	width: 952px;
	/*min-height: 184px;*/
	float: left;
	margin-right: 47px;
	margin-bottom: 22px;
	background-color: #fff;
	border: 1px solid #E7E7E9;,ㅣ
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border-radius: 4px;
	padding: 30px 32px;
	text-align:left;
}

.ea_view_mode_header .ea_view_title {
	display: inline-block;
	width: 100%;
	line-height: 120%;
	font-size: 23px;
	font-weight: 400;
	color: #444;
	margin-bottom: 20px;
}

.ea_view_mode_header .ea_view_writer {
	display: inline-block;
	width: calc(100% - 44px);
	/*margin-bottom: 20px;*/
}

.ea_view_mode_header .ea_view_writer .ea_view_img {
	display: inline-block;
	width: 44px;
	height: 44px;
	margin-right: 17px;
	float: left;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}

.ea_view_mode_header .ea_view_writer .ea_view_img img {
	width: 100%;
	height: auto;
	position: absolute;
	top : 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.ea_view_mode_header .ea_view_writer .ea_view_name {
	display: inline-block;
	width: calc(100% - 61px);
	height: 24px;
	line-height: 24px;
	font-size: 15px;
	font-weight: 400;
	color: #444444;
	/*margin-bottom: 2px;*/
	margin-bottom: 3px;
	float: left;
}

.ea_view_mode_header .ea_view_writer .ea_view_team {
	display: inline-block;
	width: calc(100% - 61px);
	height: 14px;
	line-height: 14px;
	font-size: 13px;
	font-weight: 400;
	color: #828B97;
	float: left;
}

.ea_view_mode_header .ea_view_txt {
	display: inline-block;
	width: 100%;
	padding-left: 61px;
}
.ea_view_mode_header .ea_view_txt .ea_view_info:not(:last-of-type) {
	margin-bottom: 5px;
}
.ea_view_mode_header .ea_view_txt .ea_view_number {
	display: inline-block;
	margin-right: 38px;
}

.ea_view_mode_header .ea_view_txt .ea_view_date {
	display: inline-block;
}

.ea_view_mode_header .ea_view_txt .ea_view_number .view_label,
.ea_view_mode_header .ea_view_txt .ea_view_date .view_label,
.ea_view_mode_header .ea_view_txt .ea_view_info .view_label {
	display: inline-block;
	margin-right: 23px;
	font-size: 12px;
	font-weight: 400;
	color: #828B97;
}

.ea_view_mode_header .ea_view_txt .ea_view_number .view_txt,
.ea_view_mode_header .ea_view_txt .ea_view_date .view_txt,
.ea_view_mode_header .ea_view_txt .ea_view_info .view_txt {
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	color: #444444;
}

/************ 결재라인 팝업 ************/
.approval_line_pop {
	display: inline-block;
	width: 1130px;
	height: 100vh;
	background-color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
}
/* 헤더 */
.approval_line_pop .line_pop_header {
	display: flex;
	justify-content: space-between;
	height: 70px;
	border-bottom: 1px solid #EFEFEF;
	padding: 0 32px;
	text-align: left;
}

.approval_line_pop .line_pop_header .right_header {
	display: flex;
	align-items: center;
}

.approval_line_pop .line_pop_header .line_pop_title {
	display: inline-block;
	height: 70px;
	line-height: 70px;
	font-size: 15px;
	font-weight: 400;
	color: #333333;
}
.approval_line_pop .line_pop_header .line_pop_title.on {
	/*border-bottom: 4px solid #0BAB8B;*/
	border-bottom: 4px solid var(--main-color);
}
.approval_line_pop .line_pop_header .line_pop_close {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(/resources/images/line_pop_close.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
}

/* 바디 */
.line_pop_body {
	display: flex;
	flex-direction: column;
	height: calc(100% - 70px);
	padding: 25px 32px 50px;
	overflow-y: scroll;
}
.line_pop_body::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
.line_pop_body::-webkit-scrollbar-thumb {
	background-color: #B6C4D9;
	border-radius: 4px;
	border: 2px solid transparent;
}
.line_pop_body::-webkit-scrollbar-track {
	background-color: transparent;
}

.line_pop_body::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

.approval_line_inner {
	display: flex;
	/*height: calc(100% - 45px - 70px);*/
	height: 100%;
	overflow-y: auto;
	column-gap : 20px;
}

.approval_line_pop .left_area {
	display: inline-block;
	width: 469px;
	height: 100%;
	padding: 0;
	/*padding-left: 32px;
	padding-top: 27px;
	padding-bottom: 34px; */
}

.approval_line_pop .left_area .left_area_top {
	display: inline-block;
	width: 100%;
	/* 	margin-bottom: 19px; */
}

.left_area_top .line_pop_search {
	margin-left: 20px !important;
	margin-top: 22px;
}

.approval_line_pop .line_list_wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background-color: #F4F4F4;
	border-radius: 4px;
	/*margin-bottom: 20px;*/
	/*padding: 27px 20px;*/
	overflow: scroll;
}

.line_list_wrap::-webkit-scrollbar {
	display: none;
}

.line_list_wrap_inner {
	height: 100%;
}

.line_list_wrap .line_onedepth {
	display: inline-block;
	width: 100%;
	height: 18px;
	line-height: 18px;
	padding-left: 26px;
	font-size: 13px;
	font-weight: 400;
	color: #828B97;
	background-image: url(/resources/images/arrow-circle-left.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px;
}

.line_list_wrap .line_onedepth.on {
	background-image: url(/resources/images/arrow-circle-down.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px;
}

.line_list_wrap .line_twodepth_wrap {
	display: inline-block;
	width: 100%;
	margin-top: 18px;
}

.line_list_wrap .line_twodepth_wrap .line_twodepth {
	display: inline-block;
	width: 100%;
	margin-bottom: 12px;
}

.line_list_wrap .line_twodepth_wrap .line_twodepth a {
	display: inline-block;
	width: 100%;
	height: 18px;
	line-height: 18px;
	padding-left: 52px;
	font-size: 13px;
	font-weight: 400;
	color: #828B97;
	background-image: url(/resources/images/arrow-circle-left.png);
	background-repeat: no-repeat;
	background-position: 24px center;
	background-size: 18px;
}

.line_list_wrap .line_twodepth_wrap .line_twodepth a.on {
	background-image: url(/resources/images/arrow-circle-down.png);
	background-repeat: no-repeat;
	background-position: 24px center;
	background-size: 18px;
}

.line_list_wrap .line_threedepth_wrap {
	display: inline-block;
	width: 100%;
	margin-top: 12px;
}

.line_list_wrap .line_threedepth_wrap .line_threedepth {
	display: inline-block;
	width: 100%;
	height: 18px;
	line-height: 18px;
	margin-bottom: 12px;
}

.line_list_wrap .line_threedepth_wrap .line_threedepth a {
	display: inline-block;
	width: 100%;
	height: 18px;
	line-height: 18px;
	padding-left: 78px;
	font-size: 13px;
	font-weight: 400;
	color: #828B97;
	background-image: url(/resources/images/line_threedepth.png);
	background-repeat: no-repeat;
	background-position: 48px center;
	background-size: 18px;
}

.approval_line_pop .center_area {
	display: inline-block;
	/*width: 118px;*/
	/*height: 731px;
	float: left;*/
	/*margin: 0 37px;*/
	padding: 0 15px;
}

.approval_line_pop .center_area .line_btn_top {
	height: 70%;
	padding-top: 150px;
	/*padding-bottom: 61px;*/
}

.approval_line_pop .center_area .line_btn_bottom {
	/*padding-top: 170px;*/
}

.approval_line_pop .center_area .line_pop_btn {
	width: 118px !important;
	margin-bottom: 8px;
}

.approval_line_pop .center_area .line_pop_btn.right {
	text-align: left;
	background-image: url(/resources/images/line_btn_right.png);
	background-repeat: no-repeat;
	background-position: 88px center;
	background-size: 18px;
}

.approval_line_pop .center_area .line_pop_btn.left {
	text-align: right;
	background-image: url(/resources/images/line_btn_left.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 18px;
}

.approval_line_pop .right_area {
	width: 463px;
	height: 100%;
	padding: 0;
	/* 	height: 731px; */
	/*float: left;
	padding-right: 32px;
	padding-top: 27px;*/
	/* 	padding-bottom: 34px; */
}

/*.approval_line_pop .right_area .line_choose_approve,
.approval_line_pop .right_area .line_choose_refer {
	display: flex;
	flex-direction: column;
	height: 100%;
}*/

.approval_line_pop .right_area .right_area_top {
	display: inline-block;
	width: 100%;
	/* 	margin-bottom: 19px; */
}

.approval_line_pop .right_area .line_choose_wrap {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: #F4F4F4;
	border-radius: 4px;
	/*margin-bottom: 20px;*/
	padding: 12px;
	overflow-y: auto;
}
/* .approval_line_pop .right_area .line_choose_wrap::-webkit-scrollbar{display:none;} */
.line_choose_wrap .line_choose_inner {
	height: 100%;
}

.line_choose_wrap .line_choose {
	display: inline-block;
	width: 413px;
	height: 58px;
	background-color: #fff;
	border: 1px solid #E7E7E7;
	border-radius: 4px;
	margin-bottom: 8px;
	padding: 7px 8px;
	position: relative;
}

.line_choose_wrap .line_choose.on {
	/*border: 1px solid #14BB94;*/
	border: 1px solid var(--main-color);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
}

.line_choose_wrap .line_choose .line_choose_img {
	display: inline-block;
	margin-right: 17px;
	float:left;
	position: relative;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 50% !important;
    background-color: #fff;
}

.line_choose_wrap .line_choose .line_choose_img img {
	position: absolute;
    width: 100%;
    height: auto;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: scale-down;
    border-radius: 50%;
}

.line_choose_wrap .line_choose .line_choose_name {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	font-weight: 400;
	color: #444444;
	position: absolute;
	top: 7px;
	left: 69px;
}

.line_choose_wrap .line_choose .line_choose_team {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	font-weight: 400;
	color: #828B97;
	position: absolute;
	top: 26px;
	left: 69px;
}

.line_choose_wrap .line_choose .line_choose_team > span {
	display: inline-block;
	vertical-align: middle;
}
.line_choose_wrap .line_choose .line_choose_team > span[data-id="DEPT_NAME"] {
	max-width: 200px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow : hidden;
}

.line_choose_wrap .line_choose.empty {
	border: 1px dashed #82D18B;
}

.line_choose_wrap .line_choose .line_choose_statu {
	display: inline-block;
	height: 19px;
	line-height: 19px;
	text-align: center;
	background-color: #B0E2E0;
	color: #1F817B;
	font-size: 12px;
	font-weight: 400;
	border-radius: 6px;
	padding: 0px 8px;
	position: absolute;
	top: 31px;
	right: 11px;
}
/*�쟾�옄寃곗옱 �씪�씤 statu 寃곗옱*/
.line_choose_statu.statu0 {
	background-color: #B0E2E0;
	color: #1F817B;
}
/*�쟾�옄寃곗옱 �씪�씤 statu �삊議�*/
.line_choose_statu.statu1 {
	background-color: #F7E8B3;
	color: #927613;
}
/*�쟾�옄寃곗옱 �씪�씤 statu �닔�떊*/
.line_choose_statu.statu2 {
	background-color: #CBDDFF;
	color: #6282BF;
}
/*�쟾�옄寃곗옱 �씪�씤 statu 李몄“*/
.line_choose_statu.statu3 {
	background-color: #FFD4CB;
	color: #C66660;
}
/*�쟾�옄寃곗옱 �씪�씤 statu 諛고룷*/
.line_choose_statu.statu4 {
	background-color: #FFE4CB;
	color: #C67860;
}
/*�쟾�옄寃곗옱 �씪�씤 statu �쟾寃�*/
.line_choose_statu.statu5 {
	background-color: #CBECFF;
	color: #6076C6;
}
/*�쟾�옄寃곗옱 �씪�씤 statu 諛섎젮*/
.line_choose_statu.statu6 {
	background-color: #FFDFDF;
	color: #FF5252;
}


.line_choose_wrap .line_choose .line_choose_statu2 {
	padding: 0 8px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	position: absolute;
	top: 31px;
	right: 55px;
	border-radius: 6px;
}
/*�쟾�옄寃곗옱 �씪�씤 statu 寃곗옱*/
.line_choose_statu2.statu0 {
	background-color: #B0E2E0;
	color: #1F817B;
}
/*�쟾�옄寃곗옱 �씪�씤 statu �삊議�*/
.line_choose_statu2.statu1 {
	background-color: #F7E8B3;
	color: #927613;
}
/*�쟾�옄寃곗옱 �씪�씤 statu �닔�떊*/
.line_choose_statu2.statu2 {
	background-color: #CBDDFF;
	color: #6282BF;
}
/*�쟾�옄寃곗옱 �씪�씤 statu 李몄“*/
.line_choose_statu2.statu3 {
	background-color: #FFD4CB;
	color: #C66660;
}
/*�쟾�옄寃곗옱 �씪�씤 statu 諛고룷*/
.line_choose_statu2.statu4 {
	background-color: #FFE4CB;
	color: #C67860;
}
/*�쟾�옄寃곗옱 �씪�씤 statu �쟾寃�*/
.line_choose_statu2.statu5 {
	background-color: #CBECFF;
	color: #6076C6;
}
/*�쟾�옄寃곗옱 �씪�씤 statu 諛섎젮*/
.line_choose_statu2.statu6 {
	background-color: #FFDFDF;
	color: #FF5252;
}

.line_grid_title {
	display: inline-block;
	width: 100%;
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	font-weight: 400;
	color: #828B97;
	margin-bottom: 12px;
	text-align:left;
}

.line_grid {
	display: inline-block;
	width: 100%;
	height: 184px;
	border: 1px solid #E7E7E9;
}


.approval_line_pop .line_pop_footer {
	display: inline-block;
	width: 100%;
	height: 64px;
	line-height: 64px;
	padding-right: 32px;
	float: left;
	border-top: 1px solid #EFEFEF;
	text-align: right;
}

/*�쟾�옄寃곗옱 誘몃━蹂닿린 �뙘�뾽*/
.approval_preview_pop {
	display: inline-block;
	width: 1280px;
	height: 1003px;
	border-radius: 8px;
	position: fixed;
	top: 72px;
	right: 320px;
	z-index: 9999;
	border: 1px solid #E7E7E9;
}

.approval_preview_pop .preview_pop_header {
	display: inline-block;
	width: 100%;
	height: 54px;
	line-height: 54px;
	border-bottom: 1px solid #EFEFEF;
	padding: 0 24px;
	background-color: #fff;
}

.approval_preview_pop .preview_pop_header .preview_pop_title {
	font-size: 15px;
	font-weight: 400;
	color: #333;
}

.approval_preview_pop .preview_pop_header .pop_close {
	display: inline-block;
	width: 24px;
	height: 24px;
	float: right;
	margin-top: 15px;
	background-image: url(/resources/images/line_pop_close.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
}

.approval_preview_list_wrap {
	display: inline-block;
	width: 100%;
	/* 	height: 113px; */
	height: 75px;
	/* 	padding: 14px 24px; */
	margin-bottom:24px;
	overflow: scroll;
	background-color: #fff;
}

.approval_preview_list_wrap::-webkit-scrollbar {
	display: none;
}

.approval_preview_list_wrap .approval_preview_list_inner {
	width:100%;
	overflow-y: auto;
	/*display: inline-block;*/
}

.approval_preview_list_wrap .approval_preview_list_inner .preview {
	display: inline-block;
	width: 75px;
	height: 75px;
	text-align: center;
	/*float: left;*/
	margin-right:12px;
}

.approval_preview_list_wrap .approval_preview_list_inner .preview .preview_icon {
	display: inline-block;
	width: 100%;
	height: 48px;
	margin-bottom: 7px;
	padding-top: 7px;
}

.approval_preview_list_wrap .approval_preview_list_inner .preview .preview_icon img {
	vertical-align: middle;
}

.approval_preview_list_wrap .approval_preview_list_inner .preview .preview_name {
	display: inline-block;
	width: 100%;
	height: 19px;
	line-height: 19px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.approval_preview_area {
	display: inline-block;
	width: 100%;
	/* 	height: 836px; */
	/*	min-height: 602px;*/
	/*	max-height: 602px;*/
	height: calc(100% - 100px);
	/* 	background: #F5F5F5; */
	background-color:#fff;
}

.view_panel.view_panel2 {
	/*padding-top: 32px;*/
	padding-top: 20px
}

.approval_attached_list.list1 {
	position: relative;
}

.approval_attached_list.list1 button {
	position: absolute;
	bottom: 10px;
	right: 0;
}

.approval_attached_list.list2 {
	display: inline-block;
	width: 100%;
	padding-top: 20px;
	padding-left: 11px;
	padding-right: 11px;
	border-bottom: 1px dashed #D5D5D5;
}

.approval_attached_list.list2 .list2_title {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 400;
	color: #B9BEC5;
	text-align:left;
}

.approval_attached_list.list2 .attached_file .attached_file_txt {
	width: 100%;
}

/*�쟾�옄寃곗옱 �굹�쓽寃곗옱�씪�씤 紐⑤떖*/
.approval_my_pop {
	display: inline-block;
	width: 1130px;
	height: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
}

.approval_my_pop .line_pop_header {
	display: inline-block;
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #EFEFEF;
	padding: 0 32px;
}

.approval_my_pop .line_pop_header .line_pop_title {
	display: inline-block;
	height: 70px;
	line-height: 70px;
	border-bottom: 4px solid var(--main-color);
	font-size: 15px;
	font-weight: 400;
	color: #333333;
	float:left;
}

.approval_my_pop .line_pop_header .line_pop_close {
	display: inline-block;
	width: 24px;
	height: 24px;
	float: right;
	background-image: url(/resources/images/line_pop_close.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
	margin-top: 23px;
}

.approval_my_pop .approval_grid_area {
	display: inline-block;
	width: 100%;
	height: 480px;
	padding: 20px 32px;
	border-bottom: 1px solid #EFEFEF;
}

.approval_my_pop .approval_grid_area .approval_grid0 {
	display: inline-block;
	width: 299px;
	height: 440px;
	float: left;
	margin-right: 32px;
}

.approval_my_pop .approval_grid_area .approval_grid1 {
	display: inline-block;
	width: 735px;
	height: 210px;
	float: left;
	margin-bottom: 20px;
}

.approval_my_pop .approval_grid_area .approval_grid2 {
	display: inline-block;
	width: 735px;
	height: 210px;
	float: left;
}

.approval_my_pop .approval_grid_area .approval_grid_title {
	display: inline-block;
	width: 100%;
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	font-weight: 400;
	color: #828B97;
	margin-bottom: 12px;
}

.approval_my_pop .approval_grid_area .approval_grid0 .grid0 {
	width: 100%;
	height: 414px;
}

.approval_my_pop .approval_grid_area .approval_grid1 .grid1 {
	width: 100%;
	height: 184px;
}

.approval_my_pop .approval_grid_area .approval_grid2 .grid2 {
	width: 100%;
	height: 184px;
}

.approval_my_pop .line_pop_footer {
	display: inline-block;
	width: 100%;
	height: 64px;
	padding-top: 30px;
	padding-right: 32px;
	float: left;
	text-align: right;
}



/*전자결재 가이드*/
.ea_guide_wrap{
	display:inline-block;
	width:952px;
	min-height:51px;
	background-color:#F1F9F7;
	border:1px solid #43B8A1;
	border-radius:4px;
	float:left;
	margin-bottom:22px;
}
.ea_guide_wrap .ea_guide_top{
	display:inline-block;
	width:100%;
	height:51px;
	padding-left:63px;
	background-image: url(/resources/images/mobile_ea_guide_icon.png);
	background-repeat: no-repeat;
	background-position: 18px center;
	background-size: 24px;
	text-align:left;
}
.ea_guide_wrap .ea_guide_top .ea_guide_title{
	display:inline-block;
	height:51px;
	line-height:51px;
	font-size: 14px;
	font-weight:500;
	/*color:#43B8A1;*/
	color: var(--required-label);
}
.ea_guide_wrap .ea_guide_top .ea_guide_btn{
	display:inline-block;
	width:24px;
	height:24px;
	background-image: url(/resources/images/mobile_guider_btn_down.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
	float:right;
	margin-right:14px;
	margin-top:12px;
}
.ea_guide_wrap .ea_guide_top .ea_guide_btn.on{
	background-image: url(/resources/images/mobile_guider_btn_up.png);
}
.ea_guide_wrap .ea_guide_inner{
	width:100%;
	line-height:140%;
	/*padding-left:63px;*/
	font-size:0.75em;
	color:#555;
	/*padding-bottom:18px;*/
	padding: 0 63px 18px;
	text-align:left;
	font-weight:500;
	white-space: pre-wrap;
	overflow-x : hidden;
}



/*寃뚯옱�셿猷뚯븞�궡 �뱶濡�諛뺤뒪*/
.mail_drop_box{min-height:58px;}
.mail_drop_box .drop_mail_list{
	display: block;
	width: 100%;
	max-height: 159px;
	background-color: #fff;
	padding: 5px 6px;
	border: 1px solid #E7E7E7;
	border-radius: 6px;
	box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.1), 0px 4px 8px
	rgba(0, 0, 0, 0.04);
	position: absolute;
	top: 59px;
	left: 0;
	z-index: 99999;
	overflow: scroll;
}
.mail_drop_box .drop_mail_list::-webkit-scrollbar {
	display: none;
}
.mail_drop_box .drop_mail_list .drop_mail_option{
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #717A87;
	font-weight: 400;
	padding-left: 14px;
}
.mail_drop_box .drop_mail_list .drop_mail_option:hover{
	background-color: #F7F7F7;
	border-radius: 6px;
}

.mail_drop_box .mail_autocomplete_wrap{
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	min-height: 26px;
	border: none;
	outline: none;
	border: 1px solid #E1E1E1;
	font-size: 13px;
	text-align: left;
	border-radius: 4px;
	padding:5px;
	padding-bottom: 0;
}
.mail_autocomplete_wrap .mail_autocomplete_list .mail_drop_box_inp{
	display:inline-block;
	width:188px;
	height:26px;
	border: 1px solid #119D7D;
	border-radius: 3px;
	float:left;
}
.mail_drop_box .mail_autocomplete_wrap .mail_autocomplete_list{
	display:inline-block;
	width:100%;
	/* 	height:26px; */
	/* 	padding:5px; */
}
.mail_autocomplete_list .mail_autocomplete{
	display:inline-block;
	height:26px;
	line-height:26px;
	float:left;
	background: #E8F5F3;
	border-radius: 3px;
	margin-right:4px;
	padding-left:7px;
	padding-right:9px;
	text-align:left;
	margin-bottom:5px;
}
.mail_autocomplete_list .mail_autocomplete .autocomplete_txt{
	display:inline-block;
	height:13px;
	line-height:13px;
	margin-right:17px;
	font-size:13px;
	font-weight:400;
	color:rgba(67, 184, 161, 0.5);
	letter-spacing:1px;
}
.mail_autocomplete_list .mail_autocomplete button.autocomplete_edit{
	display:inline-block;
	width:10px;
	height:10px;
	float:right;
	background-image: url(/resources/images/autocomplete_edit.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 10px;
	padding:0 !important;
	margin:0 !important;
	margin-right:7px !important;
	margin-top:9px !important;
}
.mail_autocomplete_list .mail_autocomplete button.autocomplete_delete{
	display:inline-block;
	width:10px;
	height:10px;
	float:right;
	background-image: url(/resources/images/autocomplete_delete.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 10px;
	padding:0 !important;
	margin:0 !important;
	margin-right:6px !important;
	margin-top:8px !important;
}


/*議고쉶 �뤌 怨듯넻*/
.drop_box .drop_box_inp {
	position: absolute;
	bottom: 0;
	left: 0;
	float: left;
	display: inline-block;
	width: 100%;
	height: 36px;
	line-height: 36px;
	border: none;
	outline: none;
	border: 1px solid #E1E1E1;
	font-size: 13px;
	text-align: left;
	border-radius: 4px;
	margin-left: 0 !important;
	background-image: url(/resources/images/arrow-down.png);
	background-repeat: no-repeat;
	/*background-position: 94% center;*/
	background-position: right 10px center;
	background-size: 12px;
	padding-right: 30px !important;
	padding-left: 12px !important;
	color: #666;
	font-weight: 500;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}

.drop_box .drop_box_inp.on {
	color: #2AA538;
	border: 1px solid #5CCE75;
	background-image: url(/resources/images/drop_box_search.png);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 30px !important;
	padding-left: 12px !important;
}
/* .drop_box .drop_box_btn{ */
/* 	position: absolute; */
/*     bottom: 12px; */
/*    	right: 12px; */
/* 	display:inline-block; */
/* 	width:12px; */
/* 	height:12px; */
/* 	background-image:url(/resources/images/arrow-down.png); */
/* 	background-repeat: no-repeat; */
/* 	background-position: center center; */
/* 	background-size: 12px; */
/* 	padding:0 !important; */
/* } */
/* .drop_box .drop_box_btn.on{ */
/* 	background-image:url(/resources/images/drop_box_search.png); */
/* } */
.drop_box .drop_check_btn {
	position: absolute;
	bottom: 12px;
	right: 12px;
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(/resources/images/arrow-down.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px;
	padding: 0 !important;
}

.drop_box .drop_check_btn.on {
	background-image: url(/resources/images/arrow-up.png);
}

.drop_box .drop_box_inp.fw50 {
	width: 48%;
}

.drop_box .drop_box_list {
	display: none;
	width: 100%;
	max-height: 159px;
	background-color: #fff;
	padding: 5px 6px;
	border: 1px solid #E7E7E7;
	border-radius: 6px;
	box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.1), 0px 4px 8px
	rgba(0, 0, 0, 0.04);
	position: absolute;
	top: 59px;
	left: 0;
	z-index: 99999;
	overflow: scroll;
}

.drop_box .drop_box_list::-webkit-scrollbar {
	display: none;
}

.drop_box .drop_box_list.w210 {
	width: 210px;
}

.drop_box .drop_box_list .drop_option {
	display: inline-block;
	width: 100%;
	/*height: 30px;*/
	/*line-height: 30px;*/
	line-height: 1.3;
	font-size: 12px;
	color: #717A87;
	font-weight: 500;
	/*padding-left: 14px;*/
	padding: 8px 0 8px 14px;
	min-height: 30px;
	white-space: pre-line;
	word-break: keep-all;
}

.drop_box .drop_box_list .drop_option:hover {
	background-color: #F7F7F7;
	border-radius: 6px;
}

.drop_check_list {
	display: none;
	/*width: 283px;*/
	width: 100%;
	height: 159px;
	background-color: #fff;
	padding: 5px 6px;
	border: 1px solid #E7E7E7;
	border-radius: 6px;
	box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.1), 0px 4px 8px
	rgba(0, 0, 0, 0.04);
	position: absolute;
	top: 59px;
	left: 0;
	z-index: 9;
}

.drop_check_search {
	display: inline-block;
	width: 100%;
	height: 30px;
	position: relative;
	margin-bottom: 3px;
}

.drop_check_search .check_search_inp {
	display: inline-block;
	width: 100%;
	height: 30px;
	border: 1px solid #F6F6F6;
	border-radius: 6px;
	padding: 8px 6px;
	background-image: url(/resources/images/drop_check_search.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-size: 11px;
	font-size: 12px;
}

.drop_check_search .check_search_inp::placeholder {
	font-size: 13px;
	font-wieght: 500;
	color: #D4D4D4;
}

.drop_check_search .check_search_inp.on {
	background-image: url(/resources/images/drop_box_search.png);
	/*border: 1px solid #5CCE75;*/
	border: 1px solid var(--focus-outline);
	color: #444444;
}

.drop_check_list .check_option_list {
	display: inline-block;
	width: 100%;
	height: 99px;
	overflow: scroll;
}

.drop_check_list .check_option_list::-webkit-scrollbar {
	display: none;
}

.check_option_list .drop_check_option {
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #717A87;
	font-weight: 500;
	padding-left: 6px;
	margin-bottom: 3px;
}

.check_option_list .drop_check_option.on {
	background-color: #F7F7F7;
	border-radius: 6px;
}

.check_option_list .drop_check_option:hover {
	background-color: #F7F7F7;
	border-radius: 6px;
}

.check_option_list .drop_check_option label {
	display: inline-block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.check_option_list .drop_check_option .drop_chekc_box {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 10px;
	background-color: #fff;
	border: 1px solid #E1E1E1;
	border-radius: 3px;
	margin-top: -1px;
}

.check_option_list .drop_check_option .drop_chekc_box:checked {
	background-image: url(/resources/images/checked_small.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px;
	border: none;
}

/*hr_employee_master*/
.content_inner_btn {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.content_inner_hidden {
	display: none;
	width: 100%;
	height: 148px;
	padding-left: 226px;
}

.inner_panel.h320 {
	height: 320px !important;
}

.hr_attached_area {
	/*height: 226px;*/
	height: 100%;
	overflow: auto;
	-ms-overflow-style: none;
	position:relative;
	text-align: left;
}

.hr_attached_area::-webkit-scrollbar {
	display: none;
}

.hr_attached_area .hr_attached_list {
	display: inline-block;
	width: 100%;
}

.attached_file{
	display: inline-block;
	width: 108px;
	height: 67px;
	/*float: left;*/
	text-align: center;
	margin-right: 12px;
	position:relative;
	padding-top: 5px;
}

.attached_file .file_img {
	display: inline-block;
	width: 24px;
	height: 32px;
	background-image: url(/resources/images/attached_file.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
}

.attached_file .file_name {
	display: inline-block;
	width: 100%;
	height: 19px;
	line-height: 19px;
	font-size: 13px;
	font-weight: 400;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.attached_file .file_delete {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-image: url(/resources/images/sign_step_delete.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 8px;
	position: absolute;
	top: 0;
	right: 10px;
}

.content_fold_btn {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(/resources/images/add-square.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	margin: 0;
	border: none;
}

/*梨꾩슜>硫댁젒���긽�옄 �꽑�깮*/
.interviewee_list_wrap {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.interviewee_list_wrap .on {
	border: 1px solid #14BB94 !important;
}

.interviewee_list_wrap .interviewee {
	display: inline-block;
	width: 319px;
	/* 	margin-top : 20px; */
	height: 400px;
	background-color: #fff;
	border: 1px solid #E7E7E9;
	border-radius: 4px;
	float: left;
	margin-right: 28px;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.interviewee_list_wrap .interviewee .interviewee_img {
	display: inline-block;
	width: 160px;
	height: 160px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.interviewee_list_wrap .interviewee .interviewee_img img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}


.interviewee_list_wrap .interviewee .interviewee_name {
	display: inline-block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	color: #444;
}

.interviewee_list_wrap .interviewee .interviewee_date {
	display: inline-block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: 400;
	color: #1281B0;
	/*margin-bottom: 10px;*/
}

.interviewee_list_wrap .interviewee .interviewee_type {
	display: inline-block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 400;
	color: #242A30;
	padding: 0 43px;
}

.interviewee_list_wrap .interviewee .interviewee_info {
	display: inline-block;
	width: 100%;
	height: 58px;
	border-top: 1px solid #E7E7E9;
	position: absolute;
	bottom: 0;
	left: 0;
}

.interviewee_list_wrap .interviewee .interviewee_info .interviewee_file
{
	display: inline-block;
	width: 105px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	float: left;
	font-size: 13px;
	font-weight: 400;
	color: #828B97;
	margin-left: 0;
}

.interviewee_list_wrap .interviewee .interviewee_info .center {
	border-right: 1px solid #E7E7E9;
	border-left: 1px solid #E7E7E9;
}

/*梨꾩슜>梨꾩슜怨듦퀬�닔�젙�슂泥��벑濡�*/
.rm_left_content {
	display: inline-block;
	width: 471px;
	margin-right: 20px;
}

.rm_right_content {
	display: inline-block;
	width: 869px;
	background-color: #fff;
	border: 1px solid #E7E7E9;
	border-radius: 4px;
	padding: 20px 23px;
}

.rm_right_content.h652 {
	height: 652px;
}

.rm_recrurit_notice {
	display: inline-block;
	width: 471px;
	height: 444px;
	background-color: #fff;
	border: 1px solid #E7E7E9;
	border-radius: 4px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 23px 5px;
}

.rm_recrurit_notice .notice_title {
	display: inline-block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	font-weight: 400;
	color: #444;
}

.rm_recrurit_notice .notice_txt {
	display: inline-block;
	width: 100%;
	line-height: 24px;
	font-size: 12px;
	font-weight: 400;
	color: #444;
	margin-bottom: 11px;
}

.rm_recrurit_notice .notice_table {
	width: 100%;
	height: 205px;
	border: 1px solid #E7E7E9;
}

.rm_recrurit_notice .notice_table thead tr th {
	font-size: 12px;
	font-weight: 400;
	color: #828B97;
	text-align: center;
	border-right: 1px solid #E7E7E9;
	border-bottom: 1px solid #E7E7E9;
	background-color: #F8F8F8;
	padding: 13px 0;
}

.rm_recrurit_notice .notice_table tbody tr td {
	height: 55px;
	line-height: 150%;
	font-size: 12px;
	font-weight: 400;
	color: #333333;
	text-align: center;
	border-right: 1px solid #E7E7E9;
	border-bottom: 1px solid #E7E7E9;
}

.from_rm_textarea {
	height: 172px !important;
}

.rm_textarea_inp {
	display: inline-block;
	width: 100%;
	height: 150px;
	border: 1px solid #E1E1E1;
	padding: 11px 12px;
	border-radius: 4px;
	resize: none;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.rm_textarea_inp::placeholder {
	font-size: 13px;
	font-weight: 500;
	color: #828B97;
}

/*梨꾩슜>怨듯넻*/
.rm_contents {
	width: 1360px;
	max-width: 1360px;
	min-width: 1360px;
	height: calc(100% - 41px) !important;
	/* 	overflow-y: scroll; */
	padding: 0;
	padding-top: 30px;
	text-align:center !important;
}

.rm_contents.type2 {
	overflow: unset;
}


.rm_wing_banner_one {
	display: inline-block;
	width: 130px;
	height: 44px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	top: 42%;
	right: 0;
}

.rm_wing_banner_two {
	display: inline-block;
	width: 130px;
	height: 88px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	top: 42%;
	right: 0;
}


.rm_wing_banner_thr {
	display: inline-block;
	width: 130px;
	height: 132px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	top: 42%;
	right: 0;
}

.rm_wing_banner_one .rm_attach {
	display: inline-block;
	width: 100%;
	height: 44px;
	padding: 0 10px;
}

.rm_wing_banner_thr .rm_attach {
	display: inline-block;
	width: 100%;
	height: 44px;
	padding: 0 10px;
}
.rm_wing_banner .rm_calendar {
	display: inline-block;
	width: 100%;
	height: 44px;
	padding: 0 10px;
}

.rm_wing_banner_one .rm_attach .rm_attach_link {
	display: inline-block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	padding-left: 40px;
	border-bottom: 1px solid #F6F6F6;
	font-size: 13px;
	font-weight: 400;
	color: #222222;
	background-image: url('/resources/images/rm_attach.png');
	background-repeat: no-repeat;
	background-position: 3px center;
	background-size: 24px;
}


.rm_wing_banner_thr .rm_attach .rm_attach_link {
	display: inline-block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	padding-left: 40px;
	border-bottom: 1px solid #F6F6F6;
	font-size: 13px;
	font-weight: 400;
	color: #222222;
	background-image: url('/resources/images/rm_attach.png');
	background-repeat: no-repeat;
	background-position: 3px center;
	background-size: 24px;
}

.rm_wing_banner_one .rm_calendar .rm_calendar_link {
	display: inline-block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	padding-left: 40px;
	font-size: 13px;
	font-weight: 400;
	color: #222222;
	background-image: url('/resources/images/rm_calendar.png');
	background-repeat: no-repeat;
	background-position: 3px center;
	background-size: 24px;
}


.rm_wing_banner_thr .rm_calendar .rm_calendar_link {
	display: inline-block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	padding-left: 40px;
	font-size: 13px;
	font-weight: 400;
	color: #222222;
	background-image: url('/resources/images/rm_calendar.png');
	background-repeat: no-repeat;
	background-position: 3px center;
	background-size: 24px;
}

.rm_wing_banner .rm_mail {
	display: inline-block;
	width: 100%;
	height: 44px;
	padding: 0 10px;
}
.rm_wing_banner .rm_software {
	display: inline-block;
	width: 100%;
	height: 44px;
	padding: 0 10px;
}

.rm_wing_banner .rm_mail .rm_mail_link {
	display: inline-block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	padding-left: 40px;
	border-bottom: 1px solid #F6F6F6;
	font-size: 13px;
	font-weight: 400;
	color: #222222;
	background-image: url('/resources/images/mail_icon.png');
	background-repeat: no-repeat;
	background-position: 3px center;
	background-size: 24px;
}
.rm_wing_banner .rm_software .rm_software_link {
	display: inline-block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	padding-left: 40px;
	border-bottom: 1px solid #F6F6F6;
	font-size: 13px;
	font-weight: 400;
	color: #222222;
	background-image: url('/resources/images/gd_icon.jpg');
	background-repeat: no-repeat;
	background-position: 3px center;
	background-size: 24px;
}


.rm_contents_area {
	height: 785px;
}

.rm_content {
	display: inline-block;
	width: 100%;
	height: auto;
	background-color: #fff;
	border: 1px solid #E7E7E9;
	border-radius: 4px;
	padding: 24px 32px;
}

.rm_form_title {
	display: inline-block;
	width: 100%;
	height: 14px;
	margin-bottom: 15px;
	margin-top: 24px;
	text-align: left;
	color: #828B97;
	font-size: 14px;
	font-weight: 500;
}

.rm_form_title .rm_form_info {
	float: right;
	font-size: 12px;
	font-weight: 400;
	color: #FF8989;;
}

.rm_gird_area {
	display: inline-block;
	width: 100%;
	height: 200px;
	border: 1px solid #E1E1E1 !important;
	border-radius: 4px 4px 0px 0px;
	/* 	border: 1px solid #E7E7E9; */
}

.rm_gird_area > div {
	border: 1px solid #fff !important;

}

.rm_textarea {
	display: inline-block;
	width: 100%;
	height: 116px;
	border: 1px solid #E1E1E1;
	padding: 11px 12px;
	border-radius: 4px;
	resize: none;
}

.rm_textarea.single {
	height: 36px;
}

.rm_textarea::placeholder {
	font-size: 13px;
	font-weight: 500;
	color: #828B97;
}

.form_object .form_inp0_v2.w203 {
	width: 203px !important;
}

.form_object .form_inp1_v2.w70 {
	width: 70px !important;
}

.form_inner_check {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	height: 16px;
	line-height: 16px;
}

.form_inner_check .inner_check_label {
	display: inline-block;
	height: 14px;
	font-size: 12px;
	font-weight: 400;
	color: #828B97;
	margin-right: 10px;
	float: left;
}

.form_inner_check .inner_check_box {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	vertical-align: top;
	float: left;
}

.form_inner_check .inner_check_box:checked {
	border: 1px solid #43B8A1;
	background-image: url(/resources/images/checked_small.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
}

.form_info {
	display: inline-block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-weight: 500;
	color: #FF8989;
	margin-bottom: 20px;
}

.inner_panel.h337 {
	height: 337px !important;
}

/*梨꾩슜>寃뚯옱�셿猷뚯븞�궡*/
.rm_complete_pop {
	display: inline-block;
	width: 630px;
	height: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10000;
}
.rm_complete_pop_inner{
	display:inline-block;
	width:100%;
	height:839px ;
}

.rm_complete_pop .rm_complete_pop_header {
	display: inline-block;
	width: 100%;
	height: 70px;
	border-bottom: 1px solid rgb(239, 239, 239);
	padding: 0px 32px;
	padding-right: 10px;
}

.rm_complete_pop .rm_complete_pop_header .complete_pop_header_title {
	display: inline-block;
	height: 70px;
	line-height: 70px;
	border-bottom: 4px solid rgb(11, 171, 139);
	font-size: 15px;
	font-weight: 400;
	color: rgb(51, 51, 51);
}

.rm_complete_pop .rm_complete_pop_header .rm_pop_close {
	display: inline-block;
	width: 24px;
	height: 24px;
	float: right;
	background-image: url(/resources/images/line_pop_close.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
	margin-top: 23px;
}

.rm_complete_pop .rm_complete_pop_body {
	display: inline-block;
	width: 100%;
	padding: 30px 21px;
}

.rm_complete_pop .rm_complete_pop_body .editor_area {
	display: inline-block;
	width: 100%;
	height: 350px;
	border: 1px solid #EFEFEF;
}

.rm_complete_pop .rm_complete_pop_footer {
	display: inline-block;
	width: 100%;
	height: 64px;
	line-height: 64px;
	padding-right: 32px;
	float: left;
	border-top: 1px solid #EFEFEF;
	text-align: right;
}

.rm_date_pop {
	display: inline-block;
	width: 630px;
	height: 448px;
	background: #FFFFFF;
	border: 1px solid #E7E7E9;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border-radius: 8px;
	position: fixed;
	top: 150px;
	right: 800px;
	z-index: 9999;
}

.rm_date_pop .rm_date_pop_header {
	display: inline-block;
	width: 100%;
	height: 54px;
	border-bottom: 1px solid rgb(239, 239, 239);
	padding: 16px 24px;
}

.rm_date_pop .rm_date_pop_header .rm_pop_header_title {
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	color: #333333;
}

.rm_date_pop .rm_date_pop_header .rm_pop_close {
	display: inline-block;
	width: 24px;
	height: 24px;
	float: right;
	background-image: url(/resources/images/line_pop_close.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
}

.rm_date_pop .rm_date_pop_body {
	display: inline-block;
	width: 100%;
}

.rm_date_pop_body .rm_date_calendar_wrap {
	display: inline-block;
	width: 320px;
	height: 321px;
	float: left;
	text-align: center;
}

.rm_date_calendar_wrap .rm_date_calendar_top {
	display: inline-block;
	width: 100%;
	height: 24px;
	position: relative;
	text-align: center;
	margin-top: 24px;
}

.rm_date_calendar_wrap .rm_date_calendar_top .calendar_top_month {
	display: inline-block;
	width: 90px;
	height: 24px;
	line-height: 24px;
	font-size: 16px;
	font-weight: 500;
	color: #444;
	position: absolute;
	top: -6px;
	left: 116px;
}

.rm_date_calendar_wrap .rm_date_calendar_top .calendar_top_prev {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(/resources/images/datepicker_prev.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
	position: absolute;
	top: 0px;
	left: 89px;
	padding: 0;
	margin: 0;
}

.rm_date_calendar_wrap .rm_date_calendar_top .calendar_top_next {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url(/resources/images/datepicker_next.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
	position: absolute;
	top: 0px;
	left: 219px;
	padding: 0;
	margin: 0;
}

.rm_date_calendar_wrap .rm_calendar {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 20px 41px;
}

.rm_calendar .rm_calnedar_date {
	display: inline-block;
	width: 28px;
	height: 28px;
	float: left;
	margin-right: 7px;
	margin-bottom: 3px;
	text-align: center;
}

.rm_calendar .rm_calnedar_date.last {
	margin-right: 0
}

.rm_calendar .rm_calnedar_date.sun a {
	color: #C63F15;
}

.rm_calendar .rm_calnedar_date.sat a {
	color: #0B5EAB;
}

.rm_calendar .rm_calnedar_date.none a {
	opacity: 0.5;
}

.rm_calendar .rm_calnedar_date a {
	display: inline-block;
	width: 100%;
	height: 100%;
	font-size: 14px;
	font-weight: 500;
	color: #444444;
}

.rm_date_pop_body .rm_date_form_wrap {
	display: inline-block;
	width: 308px;
	height: 321px;
	float: left;
	padding-left: 10px;
	padding-right: 24px;
	padding-top: 39px;
}

.rm_date_pop .rm_date_pop_footer {
	display: inline-block;
	width: 100%;
	height: 73px;
	line-height: 73px;
	padding-right: 21px;
	float: left;
	background: #F9F9F9;
	text-align: right;
}

/*�룊媛�*/
.ev_review_contents {
	width: 1360px;
	max-width: 1360px;
	min-width: 1360px;
	height: calc(100% - 41px) !important;
	padding: 0;
	padding-top: 30px;
}

.ev_review_contents.type1 {
	overflow: hidden;
	height: 100% !important;
}

.ev_review_contents .ev_review_header {
	display: inline-block;
	width: 1360px;
	height: 102px;
	padding: 39px 32px;
	margin-bottom: 28px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border: 1px solid #E7E7E9;
}

.ev_review_contents .ev_review_header.type1 {
	height: 160px;
	padding: 0
}

.ev_review_content {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border: 1px solid #E7E7E9;
}

.ev_review_content.type1 {
	padding: 20px 32px;
}

.ev_review_content.type2 {
	background-color: transparent;
	box-shadow: none;
	border: 0;
}

.ev_left_content {
	display: inline-block;
	width: 359px;
	margin-right: 19px;
}

.ev_right_content {
	display: inline-block;
	width: 978px;
}

.ev_right_content.h842 {
	height: 842px;
}

.ev_right_content.h918 {
	height: 918px;
}

.ev_review_panel {
	padding: 39px 32px;
}

.ev_review_panel_inner {
	display: inline-block;
	width: 100%;
	height: 32px;
	margin-bottom: 20px;
}

/*�룊媛�>���떆蹂대뱶*/
.ev_dash {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #E7E7E9;
	border-radius: 4px;
	margin-bottom: 20px;
	float: left;
}

.ev_dash.card6 {
	width: 100%;
	height: 238px;
	padding: 24px 32px;
	position: relative;
}

.ev_dash.card6 .ev_dash_info {
	display: inline-block;
	width: 100%;
	position: absolute;
	top: 86px;
	left: 32px;
	font-size: 28px;
	font-weight: 400;
	color: #444;
}

.ev_dash.card6 .ev_dash_info .ev_dash_name {
	font-size: 28px;
	font-weight: 400;
	color: #43B8A1;
}

.ev_dash.card6 .ev_dash_txt {
	display: inline-block;
	width: 100%;
	position: absolute;
	top: 142px;
	left: 32px;
	font-size: 15px;
	font-weight: 400;
	color: #444;
	line-height: 22.2px
}

.ev_dash.card0 {
	width: 100%;
	height: 256px;
	padding: 24px 32px;
	position: relative;
}

.ev_dash.card1 {
	width: 440px;
	height: 384px;
}

.ev_dash.card2 {
	width: 440px;
	height: 384px;
	margin: 0 20px;
}

.ev_dash.card3 {
	width: 440px;
	height: 384px;
}

.ev_dash.card4 {
	width: 900px;
	height: 308px;
	margin-right: 20px;
}

.ev_dash.card5 {
	width: 440px;
	height: 308px;
}

.ev_dash.card7 {
	width: 900px;
	height: 239px;
	margin-right: 20px;
}

.ev_dash.card8 {
	width: 440px;
	height: 239px;
}

.ev_dash .ev_dash_title {
	display: inline-block;
	width: 100%;
	height: 62px;
	line-height: 62px;
	padding: 0 32px;
	font-size: 16px;
	font-weight: 400;
	color: #444;
	border-bottom: 1px solid #E7E7E9;
}

.ev_dash.card0 .title {
	display: inline-block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 20px;
	font-weight: 400;
	color: #444;
}

.ev_dash.card0 .ev_dash_info {
	display: inline-block;
	width: 100%;
	position: absolute;
	top: 105px;
	left: 32px;
	font-size: 28px;
	font-weight: 400;
	color: #444;
}

.ev_dash.card0 .ev_dash_info .ev_dash_name {
	font-size: 28px;
	font-weight: 400;
	color: #43B8A1;
}

.ev_dash.card0 .ev_dash_txt {
	display: inline-block;
	width: 100%;
	position: absolute;
	top: 158px;
	left: 32px;
	font-size: 15px;
	font-weight: 400;
	color: #444;
	line-height: 22.2px;
}

.ev_dash_card {
	display: inline-block;
	width: 100%;
	height: 321px;
	position: relative;
}

.ev_dash_card0 {
	display: inline-block;
	width: 100%;
	height: 176px;
	position: relative;
}

.ev_dash_card0 .ev_dash_menu {
	display: inline-block;
	position: absolute;
	text-align: center;
}

.ev_dash_card0 .ev_dash_menu0 {
	width: 71px;
	height: 96px;
	top: 40px;
	left: 93px;
}

.ev_dash_card .ev_dash_menu {
	display: inline-block;
	position: absolute;
	text-align: center;
}

.ev_dash_card .ev_dash_menu.menu0 {
	width: 71px;
	height: 96px;
	top: 112px;
	left: 96px;
}

.ev_dash_card .ev_dash_menu.menu1 {
	width: 67px;
	height: 96px;
	top: 112px;
	right: 96px;
}

.ev_dash_card .ev_dash_menu.menu2 {
	width: 59px;
	height: 84px;
	top: 42px;
	left: 102px;
}

.ev_dash_card .ev_dash_menu.menu3 {
	width: 67px;
	height: 96px;
	top: 42px;
	right: 102px;
}

.ev_dash_card .ev_dash_menu.menu4 {
	width: 67px;
	height: 96px;
	top: 183px;
	left: 102px;
}

.ev_dash_card .ev_dash_menu.menu5 {
	width: 67px;
	height: 96px;
	top: 183px;
	left: 277px;
}

.ev_dash_card0 .ev_dash_menu.menu6 {
	width: 59px;
	height: 96px;
	top: 40px;
	left: 93px;
}

.ev_dash_card0 .ev_dash_menu.menu7 {
	width: 71px;
	height: 96px;
	top: 40px;
	left: 252px;
}

.ev_dash_card0 .ev_dash_menu.menu8 {
	width: 67px;
	height: 96px;
	top: 40px;
	right: 410px;
}

.ev_dash_card0 .ev_dash_menu.menu9 {
	width: 59px;
	height: 96px;
	top: 40px;
	right: 251px;
}

.ev_dash_card0 .ev_dash_menu.menu10 {
	width: 59px;
	height: 96px;
	top: 40px;
	right: 92px;
}

.ev_dash_card0 .ev_dash_menu.menu11 {
	width: 59px;
	height: 94px;
	top: 40px;
	left: 102px;
}

.ev_dash_card0 .ev_dash_menu.menu12 {
	width: 67px;
	height: 94px;
	top: 40px;
	left: 251px;
}

.ev_dash_card0 .ev_dash_menu.menu13 {
	width: 59px;
	height: 94px;
	top: 40px;
	right: 61px;
}

.dash_menu_icon {
	display: inline-block;
}

.dash_menu_icon.icon0 {
	width: 36px;
	height: 36px;
	background-image: url(/resources/images/3d-rotate.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 36px;
}

.dash_menu_icon.icon1 {
	width: 36px;
	height: 36px;
	background-image: url(/resources/images/profile-2user.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 36px;
}

.dash_menu_icon.icon2 {
	width: 36px;
	height: 36px;
	background-image: url(/resources/images/chart.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 36px;
}

.dash_menu_icon.icon3 {
	width: 36px;
	height: 36px;
	background-image: url(/resources/images/award.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 36px;
}

.dash_menu_icon.icon4 {
	width: 36px;
	height: 36px;
	background-image: url(/resources/images/personalcard.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 36px;
}

.dash_menu_icon.icon5 {
	width: 36px;
	height: 36px;
	background-image: url(/resources/images/medal-star.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 36px;
}

.dash_menu_icon.icon6 {
	width: 36px;
	height: 36px;
	background-image: url(/resources/images/presention-chart.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 36px;
}

.dash_menu_icon.icon7 {
	width: 36px;
	height: 36px;
	background-image: url(/resources/images/people.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 36px;
}

.dash_menu_title {
	display: inline-block;
	width: 100%;
	height: 22px;
	line-height: 22px;
	margin-top: 12px;
	margin-bottom: 7px;
	font-size: 14px;
	font-weight: 400;
	color: #444;
}

.dash_menu_statu {
	display: inline-block;
	height: 19px;
	line-height: 19px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 400;
}

.dash_menu_statu.type0 {
	background-color: #FFEEB1;
	color: #E3B513;
	padding: 0 8px;
}

.dash_menu_statu.type1 {
	background-color: #B0E2DF;
	color: #1F807B;
	padding: 0 9px;
}

.dash_menu_link {
	display: inline-block;
	width: 7px;
	height: 10px;
	background-image: url(/resources/images/dash_menu_link.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 7px;
}

.dash_review_wrap {
	display: inline-block;
	width: 100%;
	height: 245px;
	padding: 9px 32px;
	overflow: scroll;
}

.dash_review_wrap .reivew_list {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	border: 2px solid #F1F1F1;
	border-radius: 4px;
	padding: 0 16px;
	margin-bottom: 4px;
	position: relative;
}

.dash_review_wrap .reivew_list .review_title {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	color: #444444;
	margin-right: 12px;
}

.dash_review_wrap .reivew_list .review_statu {
	display: inline-block;
	width: 47px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	color: #E3B613;
	background-color: #FFEEB1;
	border-radius: 4px;
}

.dash_review_wrap .reivew_list .review_icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 17px;
	right: 130px;
	background-image: url(/resources/images/review_icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
}

.dash_review_wrap .reivew_list .review_date {
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	color: #43B8A1;
	float: right;
}

.dash_review_wrap .reivew_list .review_sys_name {
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	color: #43B8A1;
	float: right;
}

.dash_review_sys {
	display: inline-block;
	width: 100%;
	height: 245px;
	padding-top: 42px;
	padding-bottom: 57px;
	text-align: center;
}

.dash_review_sys .review_sys {
	display: inline-block;
	width: 49%;
	text-align: center;
}

.dash_review_sys .review_sys .review_sys_title {
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	color: #444;
	margin-bottom: 20px;
}

.dash_review_sys .review_sys .review_sys_img {
	display: inline-block;
	width: 100%;
	height: 60px;
	margin-bottom: 16px;
}

.dash_review_sys .review_sys .review_sys_img img {
	width: 60px;
	height: 100%;
	border-radius: 50%;
}

.dash_review_sys .review_sys .review_sys_name {
	display: inline-block;
	width: 100%;
	font-size: 15px;
	font-weight: 400;
	color: #444;
	margin-bottom: 8px;
}

.dash_review_sys .review_sys .review_sys_info {
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	color: #828B97;
}

.review_sys_info .review_sys_number {
	padding-right: 12px;
	border-right: 2px solid #E7E7E9;
	margin-right: 12px;
}

/*�닔�뒿�룊媛�*/
.evaler_contents {
	width: 1360px;
	max-width: 1360px;
	min-width: 1360px;
	height: calc(100% - 21px) !important;
	overflow-y: scroll;
}

.evaler_contents::-webkit-scrollbar {
	display: none;
}

.training_evaler_header {
	display: inline-block;
	width: 1360px;
	height: 102px;
	padding: 39px 32px;
	margin-bottom: 28px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border: 1px solid #E7E7E9;
}

.evaler_header_title {
	font-size: 24px;
	font-weight: 400;
	color: #444;
}

.evaler_header_title .evaler_order {
	border: none;
	width: 80px;
	padding-left: 0;
}

.evaler_header_title .evaler_order::placeholder {
	font-size: 24px;
	font-weight: 500;
	color: #444;
}

.evaler_header_info {
	display: inline-block;
	float: right;
	height: 24px;
	line-height: 24px;
}

.evaler_header_info .evaler_icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(/resources/images/evaler_icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
	margin-right: 8px;
	float: left;
}

.evaler_header_info .evaler_team {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin-right: 8px;
	float: left;
	border: none;
	padding: 0;
	font-size: 16px;
	font-weight: 400;
	color: #444;
}

.evaler_header_info .evaler_name {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	float: left;
	border: none;
	padding: 0;
	font-size: 16px;
	font-weight: 500;
	color: #43B8A1;
}

.training_evaler_content {
	display: inline-block;
	width: 1360px;
	max-height: 1600px;
	padding: 32px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border: 1px solid #E7E7E9;
}

.evaler_form_title {
	display: inline-block;
	width: 100%;
	height: 14px;
	margin-bottom: 15px;
	margin-top: 24px;
	text-align: left;
	color: #828B97;
	font-size: 14px;
	font-weight: 500;
}

.evaler_gird_area {
	display: inline-block;
	width: 100%;
	height: 200px;
	border: 1px solid #E7E7E9;
}

.evaler_textarea {
	display: inline-block;
	width: 100%;
	height: 116px;
	border: 1px solid #E1E1E1;
	padding: 11px 12px;
	border-radius: 4px;
	resize: none;
}

.evaler_textarea2 {
	display: inline-block;
	width: 100%;
	height: 500px;
	border: 1px solid #E1E1E1;
	padding: 11px 12px;
	border-radius: 4px;
	resize: none;
}

.evaler_textarea::placeholder {
	font-size: 13px;
	font-weight: 500;
	color: #828B97;
}

/*怨듯넻 而⑦뀗痢� �옉�뾽*/
.just_contents_area {
	height: 785px !important;
	margin-bottom: 41px !important;
}

.wihte_content {
	width: 100%;
	min-height: 304px;
	border: 1px solid #E7E7E9;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	background-color: #fff;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
}

/*�닔�떊寃곗옱�씪�씤*/
.ea_receive_content0 {
	width: calc(25% - 20px);
	height: 100%;
	margin-right: 20px;
	float: left;
}

.ea_receive_content1 {
	width: calc(75% - 20px);
	height: calc(50% - 21px);
	float: right;
	margin-bottom: 21px;
}

.ea_receive_content2 {
	width: calc(75% - 20px);
	height: 50%;
	float: right;
}

/*�뙘�뾽 諛� 肄ㅻ낫愿�由�*/
.popup_grid0 {
	display: inline-block;
	width: calc(60% - 50px);
	height: 321px;
	float: left;
	margin-bottom: 20px;
}

.popup_grid1 {
	display: inline-block;
	width: 50px;
	height: 321px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}

.popup_grid1 button {
	width: 40px;
	text-align: center;
	padding: 0;
	margin-left: 0;
	margin-top: 143px;
	line-height: 34px;
	background-image: url(/resources/images/line_btn_left.png);
	background-size: 18px;
	background-position: center;
	background-repeat: no-repeat;
}

.popup_grid2 {
	display: inline-block;
	width: 40%;
	height: 321px;
	float: left;
	height: 321px;
	border: 1px solid #E1E1E1;
	padding: 11px 12px;
	border-radius: 4px;
	resize: none !important;
	margin: 0;
	margin-bottom: 20px;
}

.popup_grid3 {
	display: inline-block;
	width: 100%;
	height: 321px;
	float: left;
	margin-bottom: 20px;
}

.inner_panel.h260 {
	height: 260px !important;
}

.inner_panel.h262 {
	height: 262px !important;
}
/*洹쇳깭 �썡�젰�벑濡� - �꺆 洹몃━�뱶 �솕硫�*/
.inner_panel.h604 {
	height: 604px !important;
}
/*�궗�뾽�냼�뱷�썝泥쒖쭠�닔�쁺�닔利� - �꺆 洹몃━�뱶 �솕硫�*/
.inner_panel.h522 {
	height: 522px !important;
}

/*媛쒖씤 洹쇰Т�뒪耳�以� 愿�由�*/
.my_at_work_contents {
	width: 1346px;
	max-width: 1346px;
	min-width: 1346px;
	height: calc(100% - 41px) !important;
	overflow-y: scroll;
	padding: 30px 0 0;
}
.my_at_work_contents::-webkit-scrollbar{
	display:none;
}

.my_at_work_content {
	height: auto;
}

/* 시스템기준세팅 */
.standard_setting_contents {
	width: 1360px;
	/*max-width: 1360px;*/
	/*min-width: 1360px;*/
	height: calc(100% - 41px);
	padding: 30px 0 0;
	text-align:center;
}

.standard_setting_content {
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border: 1px solid #E7E7E9 !important;
	background-color: #fff;
	margin-bottom: 20px;
	padding: 30px 32px;
}

.setting_title {
	display: inline-block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 400;
	color: #828B97;
	/*padding: 0 32px;*/
	/*margin-top: 20px;*/
	margin-bottom: 25px;
}

.setting_title2 {
	display: inline-block;
	width: 100%;
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	font-weight: 400;
	color: #444444;
	padding: 0 32px;
	margin-top: 20px;
}

.contents_null_message {
	display: inline-block;
	width: 206px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color: #fff;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 400;
	color: #828B97;
	/*margin-left: calc(50% - 103px);*/
	/*margin-top: 186px;*/
}


.pl_sign_contents {
	width: 1360px;
	max-width: 1360px;
	min-width: 1360px;
	height: calc(100% - 41px) !important;
	/* 	overflow-y: scroll; */
	padding: 0;
	padding-top: 30px;
	text-align:center !important;
}

.pl_sign_list {
	display: inline-block;
	width: 100%;
	height: auto;
}

.pl_sign_list .pl_sign {
	background-image: url(/resources/river/images/ic_16.png);
	background-position: 10px 20px;
	background-size: 20px;
	background-repeat: no-repeat;

	display: inline-block;
	width: 433px;
	height: 122px;
	float: left;
	background-color: #fff;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #E7E7E9;
	border-radius: 4px;
	position: relative;
	padding-top: 15px;
	padding-left: 40px;
}

.pl_sign_list .pl_sign .pl_sign_title {
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;

	/* 	position: absolute; */
	/* 	top: 20px; */
	/* 	left: 32px; */
	font-size: 16px;
	font-weight: 400;
	color: #242A30;
}

.pl_sign_list .pl_sign .pl_sign_date {
	display: inline-block;
	position: absolute;
	bottom: 15px;
	left: 20px;
	font-size: 12px;
	font-weight: 500;
	color: #828B97;
}

.pl_sign_list .pl_sign .pl_sign_txt {
	display: inline-block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	line-height: 21px;
	font-size: 14px;
	font-weight: 500;
	color: #444444;
}

.pl_sign_list .pl_sign .pl_sign_link {
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 10px;
	width: 20px;
	height: 20px;
	background-image: url(/resources/images/arrow-square-right.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
}

/*寃뚯떆�뙋*/
.bbs_contents {
	width: 1360px;
	max-width: 1360px;
	min-width: 1360px;
	height: 100% !important;
	/* 	overflow-y: scroll; */
	padding: 30px 0 49px;
	/*padding-top: 30px;
	padding-bottom:20px;*/
	text-align: center !important;
}

/*.bbs_wrap.left {
	display: inline-block;
	float: left;
	width: 271px;
	height: 806px;
	border: 1px solid #E7E7E9;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
}*/

.bbs_wrap.left {
	display: inline-block;
	float: left;
	width: 271px;
	/* 	height: 806px; */
	border: 1px solid #E7E7E9;
	border-right: none;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	padding: 32px 15px;
	background-color: #fff;
	height: calc(100% - 43px);
}

.bbs_wrap.left .bbs_wrap_inner {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.bbs_wrap.left .bbs_wrap_inner .bbs_list {
	display: inline-block;
	width: 100%;
	height: 58px;
	margin-bottom: 20px;
	padding: 17px 28px;
	cursor: pointer;
}

.bbs_wrap_inner .bbs_list.on {
	background-color: #F1F8F6;
	border-radius: 4px;
}

.bbs_list .bbs_icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(/resources/images/bbs_icon_off.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
	margin-right: 12px;
	float: left;
}

.bbs_wrap_inner .bbs_list.on .bbs_icon {
	background-image: url(/resources/images/bbs_icon.png);
}

.bbs_list .bbs_link {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	/*float:left;*/
}

.bbs_wrap_inner .bbs_list.on .bbs_link {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
}

.bbs_wrap.right {
	display: inline-block;
	float: left;
	width: 1088px;
	/* 	height: 806px; */
	border: 1px solid #E7E7E9;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	background-color: #fff;
	height: calc(100% - 43px);
}

.bbs_top {
	display: inline-block;
	width: 100%;
	height: 84px;
	border-bottom: 1px solid #E7E7E9;
	padding: 0 32px;
	float: left;
}

.bbs_top .form_check0 {
	float: left;
	margin-top: 32px;
}

.bbs_top .form_object {
	width: 120px;
	float: right;
	min-height: 36px;
	margin-bottom: 0;
	margin-top: 24px;
	margin-right: 16px;
}

.bbs_top .bbs_search_box {
	width: 300px;
	height: 36px;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
	float: right;
	background-image: url(/resources/images/bbs_search_icon.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 16px;
	margin-top: 24px;
}

.bbs_top .bbs_search_box::placeholder {
	font-size: 13px;
	font-weight: 500;
	color: #AAAAAA;
}

.bbs_bottom {
	display: inline-block;
	width: 100%;
	/*height: 84px;*/
	padding: 0 32px;
}

.bbs_bottom .form_object {
	width: 160px;
	float: left;
	min-height: 36px;
	margin-bottom: 0;
	margin-top: 24px;
}

.bbs_bottom .pagenation_wrap {
	float: right;
	margin-top: 26px;
}

.pagenation_wrap {
	display: inline-block;
	/*min-width:214px;*/
	height: 32px;
	position: relative;
}

.pagenation_wrap .pagenation {
	display: inline-block;
	height: 32px;
}

.pagenation_wrap .pagenation li {
	width: 32px;
	height: 100%;
	vertical-align: top;
}

.pagenation_wrap .pagenation .previous {
	display: inline-block;
	width: 13px;
	/*height:16px;*/
	background-image: url(/resources/images/previous.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 13px;
	/*position:absolute;
	top:8px;
	left:0;*/
}
.pagenation_wrap .pagenation .previous.disabled {
	background-image: url(/resources/images/previous_disabled.png);
	cursor: not-allowed;
}

.pagenation_wrap .pagenation .last {
	display: inline-block;
	width: 13px;
	/*height:16px;*/
	background-image: url(/resources/images/last.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 13px;
	/*position:absolute;
	top:8px;
	right:0;*/
}
.pagenation_wrap .pagenation .last.disabled {
	background-image: url(/resources/images/last_disabled.png);
	cursor: not-allowed;
}

.pagenation_wrap .pagenation .prev {
	display: inline-block;
	width: 20px;
	/*height:20px;*/
	background-image: url(/resources/images/prev.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	/*position:absolute;
	top:6px;
	left:18px;*/
}
.pagenation_wrap .pagenation .prev.disabled {
	background-image: url(/resources/images/prev_disabled.png);
	cursor: not-allowed;
}

.pagenation_wrap .pagenation .next {
	display: inline-block;
	width: 20px;
	/*height:20px;*/
	background-image: url(/resources/images/next.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	/*position:absolute;
	top:6px;
	right:18px;*/
}
.pagenation_wrap .pagenation .next.disabled {
	background-image: url(/resources/images/next_disabled.png);
	cursor: not-allowed;
}

.pagenation_wrap .page_box {
	display: inline-block;
	height: 32px;
	max-width: 160px;
	overflow: hidden;
	/*position:absolute;
	top:0;
	left:51px;*/
}

.pagenation_wrap .page_box a {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	/*float:left;*/
	font-size: 15px;
	font-weight: 500;
	color: #828B97;
}

.pagenation_wrap .page_box a.on {
	font-weight: 400;
	color: #fff;
	/*background-color: #43B8A1;*/
	background-color: var(--main-color);
	border-radius: 4px;
}

.bbs_body {
	display: inline-block;
	width: 100%;
	/*height: 625px;*/
	height: calc(100% - 168px);
	float: left;
}

.bbs_body_inner {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 32px;
}

.bbs_body_inner .bbs {
	display: inline-block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin-bottom: 24px;
}

.bbs_body_inner .bbs .form_check0 {
	float: left;
	margin-right: 48px;
}

.bbs_body_inner .bbs .bbs_link {
	display: inline-block;
	width: calc(100% - 68px);
	float: left;
}

.bbs .bbs_link .bbs_number {
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	color: #555555;
	float: left;
	margin-right: 48px;
}

.bbs .bbs_link .bbs_type {
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	color: #444444;
	float: left;
	margin-right: 65px;
}

.bbs .bbs_link .bbs_title {
	display: inline-block;
	width: 350px;
	font-size: 14px;
	font-weight: 500;
	color: #444444;
	float: left;
	margin-right: 89px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bbs .bbs_link .bbs_writer {
	display: inline-block;
	width: 100px;
	font-size: 13px;
	font-weight: 400;
	color: #444444;
	float: left;
	margin-right: 51px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bbs .bbs_link .bbs_date {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	color: #A9ACBD;
	float: left;
	margin-right: 84px;
}

.bbs .bbs_link .bbs_counter {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	color: #828B97;
	float: left;
}

/*�씤�궗�젙蹂� �닔�젙*/
.hr_employee_contents {
	width: 1360px;
	max-width: 1360px;
	min-width: 1360px;
	height: calc(100% - 40px) !important;
	/* 	overflow-y: scroll; */
	padding: 0;
	padding-top: 30px;
	text-align: center !important;
}

.cv_contents {
	width: 1360px;
	max-width: 1392px;
	min-width: 1392px;
	height: calc(100% - 41px) !important;
	padding: 0;
	padding-top: 30px;
}

/*紐⑤컮�씪留ㅼ텧 �벑濡앹“�쉶*/
.fi_ar_content_graph {
	display: inline-block;
	width: 100%;
	height: 312px;
}

/*媛먭� �긽媛곸떎�뻾*/
.aa_depreciation_form {
	display: inline-block;
	width: 100%;
	height: 172px;
	background: #FFFFFF;
	border: 1px solid #E7E7E9;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border-radius: 4px;
	padding: 20px 32px;
	margin-bottom: 20px;
}

/* 怨듯넻 ���씠��>�뤌*/
.inner_form_title {
	display: inline-block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	font-weight: 400;
	color: #828B97;
	margin-bottom: 16px;
}

/* 개인설정관리, 인사정보조회 */
.dash_profile_contents {
	width: 1424px;
}

.personal_setting_top {
	height: 190px;
	padding: 20px 50px;
	background: #FFFFFF;
	border: 1px solid #E7E7E9;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border-radius: 4px;
	margin-bottom: 20px;
	position: relative;
}

.personal_setting_top .personal_img {
	display: inline-block;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	overflow: hidden;
	vertical-align: middle;
	margin-right: 30px;
}
.personal_setting_top .personal_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.personal_setting_top .personal_info_box {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 30px;

}
.personal_setting_top .personal_info {
	margin-bottom: 10px;
	line-height: 18px;
	font-size: 12px;
	font-weight: 500;
	color: #333333;
}

.personal_setting_top .personal_info.personal_user {
	margin-bottom: 30px;
}
.personal_user .personal_name {
	font-size: 24px;
	font-weight: 400;
	color: #333333;
	padding-right: 17px;
}
.personal_user .personal_nickname {
	font-size: 24px;
	font-weight: 400;
	color: #828B97;
}

.personal_setting_top .personal_info.personal_number {
	margin-bottom: 20px;
}

.personal_icon {
	vertical-align: top;
}
.personal_icon::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	background-position: center center;
	background-repeat: no-repeat;
	vertical-align: top;
}

.personal_icon.emp_no::before {
	background-image: url(/resources/images/personal_icon0.png);
}
.personal_icon.join_date::before {
	background-image: url(/resources/images/personal_icon1.png);
}
.personal_icon.dept_name::before {
	background-image: url(/resources/images/personal_icon3.png);
}
.personal_icon.rank_mark::before {
	background-image: url(/resources/images/personal_icon2.png);
}
.personal_icon.email::before {
	background-image: url(/resources/images/personal_icon4.png);
}
.personal_icon.mobile::before {
	background-image: url(/resources/images/personal_icon5.png);
}
.personal_icon.birthday::before {
	background-image: url(/resources/images/birthdate_icon.png);
}

/*.personal_icon.icon5 {
	width: 12px;
	height: 15px;
	margin-right: 10px;
	margin-top: 3px;
}*/

.personal_compleation {
	/*display: inline-block;*/
	/*width: 200px;*/
	height: 30px;
	/*position: absolute;
	top: 134px;
	left: 278px;*/
}

.personal_compleation .compleation_title {
	/*display: inline-block;*/
	/*width: 100%;*/
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	font-weight: 500;
	color: #828B97;
	margin-bottom: 6px;
}

.personal_compleation .compleation_bar {
	display: inline-block;
	width: 150px;
	height: 5px;
	background: #D9D9D9;
	border-radius: 100px;
	position: relative;
	float: left;
	margin-right: 11px;
}

.personal_compleation .compleation_bar span {
	display: inline-block;
	/*width:75px;*/
	height: 5px;
	background: #14BB94;
	border-radius: 100px;
	position: absolute;
	top: 0;
	left: 0;
}

.personal_compleation .compleation_percent {
	display: inline-block;
	height: 21px;
	line-height: 21px;
	font-size: 14px;
	font-weight: 400;
	color: #14BB94;;
	float: left;
	margin-top: -10.5px;
}

.personal_setting_content {
	display: inline-block;
	width: 100%;
	/*height:806px;*/
/*	min-height: 520px;*/
	background: #FFFFFF;
	border: 1px solid #E7E7E9;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border-radius: 4px;
	margin-bottom: 40px;
}

.personal_profile {
	display: inline-block;
	width: 294px;
	height: 100%;
	min-height: 195px;
	float: left;
}

.personal_profile .profile_title {
	display: inline-block;
	width: 100%;
	height: 14px;
	line-height: 14px;
	font-weight: 500;
	font-size: 12px;
	color: #828B97;
	margin-top: 20px;
	padding-left: 52px;
}

.personal_profile .profile {
	display: inline-block;
	width: 100%;
	height: 145px;
	margin-top: 23.33px;
	position: relative;
}

.personal_profile .profile .profile_image {
	display: inline-block;
	width: 140px;
	height: 140px;
	position: absolute;
	top: 12px;
	left: 86px;
}

.personal_profile .profile .profile_image img {
	width: 100%;
	height: 100%;
}

.personal_profile .profile button {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px;
	position: absolute;
}

.personal_profile .profile button.profile_img_edit {
	background-image: url(/resources/images/profile_img_edit.png);
	top: 3px;
	left: 196px;
}

.personal_profile .profile button.profile_img_delete {
	background-image: url(/resources/images/profile_img_delete.png);
	top: 128px;
	left: 196px;
}

.personal_form_wrap {
	display: inline-block;
	width: 1034px;
	height: 100%;
	float: left;
	padding-top: 20px;
}

.personal_pad {
	/*width:639px;
	height:360px;
	position: absolute;
	bottom: 0;
	left: 0;*/
	margin-top: 22px;
	border: 1px solid #E1E1E1;
}

.toggleSwitch {
	width: 45px;
	height: 24px;
	display: block;
	position: relative;
	border-radius: 12px;
	background-color: #DDDDDD;
	cursor: pointer;
}

.toggleSwitch .toggleButton {
	width: 19.5px;
	height: 19.5px;
	position: absolute;
	top: 50%;
	left: 3px;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #FFFFFF;
}

/* 泥댄겕諛뺤뒪媛� 泥댄겕�릺硫� 蹂�寃� �씠踰ㅽ듃 */
.toggleSwitch.active {
	background: #43B8A1;
}

.toggleSwitch.active .toggleButton {
	left: calc(100% - 24px);
	background: #fff;
}

.toggleSwitch, .toggleButton {
	transition: all 0.2s ease-in;
}

/*泥⑤��뙆�씪 怨듯넻 �닔�젙*/
.file_attached_area {
	display: inline-block;
	width: 100%;
	height: calc(100% - 48px);
	padding: 14px;
	position: relative;
	background-image: url(/resources/images/dragDrop.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
	text-align: left;
}

/*.file_attached_area::after {
	content: "Drag & Drop";
	display: inline-block;
	width: 84px;
	!*height: 14px;*!
	line-height: 14px;
	font-size: 13px;
	font-weight: 500;
	color: #666;
	position: absolute;
	!* 	top: calc(50% + 36px); *!
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	!*margin-left: -42px;*!
}*/

.file_attached_area_border {
	border: 1px solid #E1E1E1 !important;
	border-radius: 4px;
}

.file_attached_inner {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 1px dashed #82D18B;
}
.dragdrop_text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 13px;
	font-weight: 500;
	color: #666;
}
.file_attached_area .hr_attached_list {
	padding: 10px;
}

/* 과제 첨부파일 추가 */

.file_attached_area_ass {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 24px;
	position: relative;
	/* 	background-image: url(/resources/images/file_attached.png); */
	/* 	background-repeat: no-repeat; */
	/* 	background-position: center center; */
	/* 	background-size: 24px; */
}

.file_attached_area_ass::after {
	content: "드래그 앤 드롭";
	display: inline-block;
	width: 84px;
	height: 14px;
	line-height: 14px;
	font-size: 13px;
	font-weight: 500;
	color: #666;
	position: absolute;
	/* 	top: calc(50% + 36px); */
	top: 50%;
	left: 50%;
	margin-left: -42px;
}

.file_attached_area_border_ass {
	border: 1px solid #E1E1E1 !important;
	border-radius: 4px;
}

.file_attached_inner_ass {
	display: inline-block;
	width: 100%;
	height: 100%;
	border: 1px dashed #82D18B;
}


/*�뙣�뒪�썙�뱶 �젙梨�*/
.comm_password_contents {
	width: 1360px;
	max-width: 1360px;
	min-width: 1360px;
	height: calc(100% - 41px) !important;
	/* 	overflow-y: scroll; */
	padding: 0;
	padding-top: 30px;
	text-align: center !important;
}

.password_content.left {
	display: inline-block;
	width: 416px;
	float: left;
	margin-right: 20px;
	background: #FFFFFF;
	border: 1px solid #E7E7E9;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border-radius: 4px;
	padding: 20px 32px;
}

.password_content.right {
	display: inline-block;
	width: 924px;
	float: left;
	background: #FFFFFF;
	border: 1px solid #E7E7E9;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
	border-radius: 4px;
}

/*硫붿씤 怨듭��궗�빆 �뙘�뾽*/
.main_notice_pop{
	display:inline-block;
	width:600px;
	height:800px;
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	border-radius: 8px;
	position: absolute;
	left: 320px;
	top: 444px;
	z-index: 110;
}

/*�씤�썝�쁽�솴 諛� 二쇱냼濡�*/
.employee_rank_left{
	display:inline-block;
	width: calc(23% - 20px);
	height:761px;
	float:left;
	margin-right:20px;
}
.employee_rank_left .employee_rank_list_check{
	display:inline-block;
	width:100%;
	height:20px;
	padding-left:5px;
	margin-bottom:8px;
}
.employee_rank_left .employee_rank_list_check span{
	font-size:13px;
	font-weight:500;
	color:#444444;
	padding-left:8px;
}
.employee_rank_left .employee_rank_list{
	display:inline-block;
	width:100%;
	height:733px;
}
.emaployee_rank_right{
	display:inline-block;
	width: 77%;
	height:761px;
	float:left;
}
.emaployee_rank_right .page_depth_wrap{
	display:inline-block;
	height:20px;
	line-height:20px;
	float:left;
	margin-left:5px;
}
.emaployee_rank_right .page_depth_wrap .depth{
	display:inline-block;
	font-size:13px;
	font-weight:500;
	color:#828B97;
	position:relative;
	padding-right:10px;
}
.emaployee_rank_right .page_depth_wrap .depth::after{
	content:'-';
	color:#828B97;
	position:absolute;
	top:0;
	right:0;
}
.emaployee_rank_right .page_depth_wrap .depth.on{
	color:#444444;
}
.emaployee_rank_right .page_depth_wrap .depth.on::after{
	content:none;
}
.emaployee_rank_right .table_total_wrap{
	display:inline-block;
	height:20px;
	line-height:20px;
	font-size:13px;
	font-weight:500;
	color:#828B97;
	float:right;
	padding-right:10px;
}

.emaployee_rank_right .employee_rank_detail{
	display:inline-block;
	width:100%;
	height:733px;
	margin-top:6px;
}

/*�씤�썝�쁽�솴 諛� 二쇱냼濡�>�뙘�뾽>愿�由ъ옄�슜*/
.org_pop_top{
	display:inline-block;
	width:100%;
	height:130px;
	border-bottom:1px solid #E7E7E9;
	position:relative;
	margin-bottom:22px;
}
.org_pop_top .org_user_img{
	display:inline-block;
	width:110px;
	height:110px;
	position:absolute;
	top:0;
	left:46px;
}
.org_pop_top .org_user_img img{
	width:100%;
	height:100%;
	border-radius:50%;
}
.org_pop_top .org_user{
	display:inline-block;
	position:absolute;
	top:20px;
	left:260px;
}
.org_pop_top .org_user .org_user0{
	display:inline-block;
	width:100%;
	height:44px;
	line-height:44px;
	margin-bottom:8px;
}
.org_pop_top .org_user .org_user0 .org_user_name{
	display:inline-block;
	height:44px;
	line-height:44px;
	font-size:30px;
	font-weight:500;
	color:#333333;
	padding-right:15px;
	float:left;
}
.org_pop_top .org_user .org_user_nick{
	display:inline-block;
	height:44px;
	line-height:44px;
	font-size:30px;
	font-weight:500;
	color:#828B97;
	float:left;
}
.org_pop_top .org_user .org_user1{
	display:inline-block;
	width:100%;
	height:24px;
	line-height:24px;
}
.org_pop_top .org_user .org_user1 .org_user_grade{
	display:inline-block;
	height:24px;
	line-height:24px;
	font-size:16px;
	font-weight:300;
	color:#333333;
	float:left;
	margin-right:10px;
}
.org_pop_top .org_user .org_user1 .org_user_team{
	display:inline-block;
	height:24px;
	line-height:24px;
	font-size:16px;
	font-weight:500;
	color:#333333;
	float:left;
}
.org_pop_left{
	display:inline-block;
	width:292px;
	height:100%;
	float:left;
}
.org_pop_left .org_user_info_title{
	display:inline-block;
	width:100%;
	height:18px;
	line-height:18px;
	font-size:13px;
	color:#333;
	font-weight:500;
}
.org_pop_left .org_user_info{
	display:inline-block;
	width:100%;
	padding-top:5px;
}
.org_pop_left .org_user_info .org_user_info_detail{
	display:inline-block;
	width:100%;
	height:18px;
	line-height:18px;
	margin-bottom:10px;
}
.org_pop_left .org_user_info .org_user_info_detail .org_user_info_type{
	display:inline-block;
	font-size:13px;
	font-weight:500;
	color:#828B97;
	float:left;
	width:97px;
	text-align:left;
}
.org_pop_left .org_user_info .org_user_info_detail .org_user_info_txt{
	display:inline-block;
	font-size:13px;
	font-weight:500;
	color:#444444;
	float:left;
	width:160px;
	text-align:left;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.org_pop_right{
	display:inline-block;
	width:924px;
	height:100%;
	float:left;
}

.org_pop_right .profile_txt2_title {
	display:inline-block;
	width:100%;
	padding-left:5px;
	height:14px;
	line-height:14px;
	font-size:13px;
	font-weight:500;
	color:#444444;
	margin-bottom:6px;
}
.org_pop_right .admin_profile_txt2 {
	padding: 15px 0;
}


/*==============================怨듯넻===============================*/

.ea_contents_area {
	display: inline-block;
	width: 1346px;
	height: calc(100% - 21px);
	margin-left: 0;
	position:unset;
	text-align:center;
}

@media (max-width: 1540px) {

	.modal_contents_wrap div[id*="Grid"] {
		width:100% !important;
	}

/*	.grid_inner_wrap0{
		width:1376px !important;
	}*/

	.grid_inner_wrap_fw50{
		width:678px !important;
	}


	div[id*="Grid"] {
		/* 		width:1376px !important; */
	}

	/* .approval_line_inner{ */
	/* 		height:505px; */
	/* 		overflow:scroll; */
	/* }
         */
	.approval_line_inner::-webkit-scrollbar {
		display: none;
	}
	.approval_line_inner::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	.approval_line_inner::-webkit-scrollbar-thumb {
		height: 80px;
		background-color: #B6C4D9;
		border-radius: 4px;
		border: 2px solid transparent;
	}

	.approval_line_inner::-webkit-scrollbar-track {
		background-color: transparent;
	}

	.approval_line_inner::-webkit-scrollbar-button {
		width: 0;
		height: 0;
	}

	/* 	div[id*="Grid"]{ */
	/* 		width:1380px !important; */
	/* 	} */

	.form_object.flexible{
		width: calc(16.6% - 12px) !important;
	}

}

/*洹몃━�뱶 湲��뵪 源⑥쭚 �닔�젙*/
input[vlaue*="j"]{font-size:14px !important;}
div[text*="i"]{font-size:14px !important;}


/*洹몃━�뱶 �쁺�뿭 �븯��諛뷀깢 怨듯넻泥섎━*/
div[id*="Grid"] {
	background-color: #fff !important;
}

/*���씠��*/
.inner_tab_title {
	display: inline-block;
	width: 100%;
	padding: 0 10px;
	text-align: left;
	color: #222222;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 6px;
}
.inner_label_title {
	/* 	float: left; */
	display: inline-block;
	width: 100%;
	height:13px;
	line-height:13px;
	padding: 0;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #828B97;
	margin-bottom: 6px;
}

/*float*/
.floatN{float:unset !important;}
.floatL{float:left !important;}
.floatR{float:right !important;}


/*scroll*/
.scroll_x{
	overflow-x: auto;
	scroll-behavior: smooth;
}

.scroll_y{
	overflow-y: auto;
	scroll-behavior: smooth;
}
.scroll{overflow:scroll;}
.scroll::-webkit-scrollbar,
.scroll_x::-webkit-scrollbar,
.scroll_y::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.scroll::-webkit-scrollbar-thumb,
.scroll_x::-webkit-scrollbar-thumb,
.scroll_y::-webkit-scrollbar-thumb,
.scrollbar::-webkit-scrollbar-thumb {
	height: 80px;
	background-color: #B6C4D9;
	border-radius: 4px;
	border: 2px solid transparent;
}

.scroll::-webkit-scrollbar-track,
.scroll_x::-webkit-scrollbar-track,
.scroll_y::-webkit-scrollbar-track,
.scrollbar::-webkit-scrollbar-track {
	background-color: transparent;
}

.scroll::-webkit-scrollbar-button,
.scroll_x::-webkit-scrollbar-button,
.scroll_y::-webkit-scrollbar-button,
.scrollbar::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

/*position*/
.position_n{position:unset !important;}
.position_r {position:relative !important;}
.position_a{position:absolute !important;}


/*cursor*/
.cursorP{
	cursor: pointer !important;
}


/* align */
.clearB {
	clear: both !important;
}

.overU {
	overflow: unset !important;
}

.overH {
	_zoom: 1;
	overflow: hidden !important;
}

.overS {
	overflow: scroll;
}

.floatL {
	float: left !important;
}

.floatR {
	float: right !important;
}

.textL {
	text-align: left !important;
}

.textC {
	text-align: center !important;
}

.textR {
	text-align: right !important;
}


/*width*/
.w5 {width: 5% !important;}
.w7_5 {width: 7.5% !important;}
.w10 {width: 10% !important;}
.w15 {width: 15% !important;}
.w19 {width: 19% !important;}
.w20 {width: 20% !important;}
.w24 {width: 24% !important;}
.w25 {width: 25% !important;}
.w28 {width: 28% !important;}
.w29 {width: 29% !important;}
.w30 {width: 30% !important;}
.w31 {width: 31% !important;}
.w32 {width: 32% !important;}
.w33 {width: 33% !important;}
.w35 {width: 35% !important;}
.w39 {width: 39% !important;}
.w40 {width: 40% !important;}
.w45 {width: 45% !important;}
.w48 {width: 48% !important;}
.w49 {width: 49% !important;}
.w49_5 {width: 49.5% !important;}
.w50 {width: 50% !important;}
.w55 {width: 55% !important;}
.w59 {width: 59% !important;}
.w60 {width: 60% !important;}
.w63 {width: 63% !important;}
.w64 {width: 64% !important;}
.w65 {width: 65% !important;}
.w66 {width: calc(66% + 10px) !important;}
.w67 {width: 67% !important;}
.w68 {width: 68% !important;}
.w70 {width: 70% !important;}
.w70_10 {width: calc(70% + 10px) !important;}
.w75 {width: 75% !important;}
.w76 {width: 76% !important;}
.w78 {width: 78% !important;}
.w79 {width: 79% !important;}
.w80 {width: 80% !important;}
.w84 {width: 84% !important;}
.w85 {width: 85% !important;}
.w90 {width: 90% !important;}
.w91 {width: 91% !important;}
.w92 {width: 92% !important;}
.w95 {width: 95% !important;}
.w100 {width: 100% !important;}
.w1360 {width: 1360px !important;}



/*寃��깋 寃곌낵 �뾾�쓣 寃쎌슦*/
.data_empty {
	color: #828B97;
	font-size: 14px;
	font-weight: 500;
	color: #828B97;
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	/*width: 100%;
	height: 100%;*/
	text-align: center;
	/*float: left;*/
	/*margin-top: -16px;*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.content_loader{
	display:inline-block;
	width:100%;
	height:100%;
	min-height:100%;
	background: url(/resources/images/loader_type1.gif) no-repeat center center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999999;
}

.ui-dialog-content {
	/*max-height: calc(100vh - 200px) !important;*/
	max-height: 80vh !important;
	background: #fff;
	overflow: hidden;
}
body.fixed {
	overflow : hidden;
}

/*************************************
*  			통합결재함
 *************************************/
/* 문서이미지 */
/* 통합결재함 문서 이미지 */

.contents_detail_iframe.loading {
	background-image: url("/resources/images/loader-type.gif");
	background-size: 190px;
	background-repeat: no-repeat;
	background-position: center;
}
.contents_detail_iframe .default_view {
	background-color: #f5f5f5;
}
.contents_detail_iframe .default_view .empty_msg::before {
	content: '';
	display: block;
	width: 140px;
	height: 140px;
	margin: 0 auto;
	background-image: url("/resources/images/navigation_icon6.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/*************************************
*  		전자결재 헤더(프로젝트 추가)
* 		& 그리드 layout
*************************************/
.ea_header_edit_form {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-column-gap: 15px;
	grid-row-gap : 16px;
}
.grid_layout {
	display: grid;
	width: 100%;
	grid-column-gap: 15px;
	grid-row-gap: 20px;
	grid-template-columns: repeat(12, 1fr);
}
.grid_layout.narrow_gap {
	grid-column-gap: 10px;
	grid-row-gap: 15px;
}
.grid_layout.narrow_row_gap {
	grid-row-gap: 15px;
}
.ea_left_scroll_wrap .grid_layout {
	grid-template-columns: repeat(8, 1fr);
}

/* 검색조건 영역 */
.content_header_inner.grid_layout,
.grid_layout.colTemp12 {
	grid-template-columns: repeat(12, 1fr);
}

.grid_layout.colTemp10 {
	grid-template-columns: repeat(10, 1fr);
}

.grid_layout.colTemp8 {
	grid-template-columns: repeat(8, 1fr);
}

.grid_layout.colTemp6 {
	grid-template-columns: repeat(6, 1fr);
}

.ea_header_edit_form > .form_object.ea_form,
.grid_layout > .form_object {
	width: 100%;
	float: unset;
	margin: 0;
	grid-column : span 2;
	align-self : start;
	align-content : end;
}
.grid_layout > .form_object.ea_form_half,
.ea_header_edit_form > .form_object.ea_form.x0_5,
.grid_layout > .form_object.x0_5 {
	grid-column: span 1;
}
.ea_header_edit_form > .form_object.ea_form.x1_5,
.grid_layout > .form_object.x1_5  {
	grid-column: span 3;
}
.grid_layout > .form_object.ea_form_double,
.ea_header_edit_form > .form_object.ea_form.x2,
.grid_layout > .form_object.x2 {
	grid-column: span 4;
}
.ea_header_edit_form > .form_object.ea_form.x2_5,
.grid_layout > .form_object.x2_5 {
	grid-column: span 5;
}
.ea_header_edit_form > .form_object.ea_form.x3,
.grid_layout > .form_object.x3 {
	grid-column: span 6;
}
.ea_header_edit_form > .form_object.ea_form.x3_5,
.grid_layout > .form_object.x3_5 {
	grid-column: span 7;
}
.ea_header_edit_form > .form_object.ea_form.x4,
.grid_layout > .form_object.x4 {
	grid-column: span 8;
}
.grid_layout > .x_full,
.grid_layout > .form_object.x_full {
	grid-column: 1 / -1;
}

.grid_layout > .form_object.at1 {
	grid-column: 1 / span 2
}
.grid_layout > .form_object.at3 {
	grid-column: 3 / span 2
}
.grid_layout > .ea_form_half.at1,
.grid_layout > .form_object.at1.x0_5 {
	grid-column: 1 / span 1;
}
.grid_layout > .ea_form_double.at1,
.grid_layout > .form_object.at1.x2 {
	grid-column: 1 / span 4;
}

/* timepicker 스크롤 */
.ui-timepicker-viewport{overflow:scroll;}
.ui-timepicker-viewport::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}
.ui-timepicker-viewport::-webkit-scrollbar-thumb {
	height: 80px;
	background-color: #B6C4D9;
	border-radius: 4px;
	border: 2px solid transparent;
}
.ui-timepicker-viewport::-webkit-scrollbar-track {
	background-color: transparent;
}
.ui-timepicker-viewport::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}