/*******************************************************
새로운 form 가이드
*******************************************************/
textarea.textarea-1{
	width: 100%;
	border-style: solid;
	border-width:1px;
	border-color:#bdd5e8;
	border-radius: 0px;
    padding: 2px 3px;
	display: inline-block;
    vertical-align: middle;
	box-sizing: border-box;
    resize: none;
    overflow-y:auto;
}
textarea.textarea-2{
	width: 100%;
	border-style: solid;
	border-width:1px;
	border-color:#bdd5e8;
	border-radius: 0px;
    padding: 2px 3px;
	display: inline-block;
    vertical-align: middle;
	box-sizing: border-box;
    resize: none;
    overflow-y:auto;
}

/*셀렉트 박스*/
label.selectbox-1 select{
	height:27px;
	border-style: solid;
	border-color: #cadbe6;
	border-width: 1px;
	padding:1px 20px 0 7px;
	outline: none;
	cursor:pointer;
	background-color: transparent;
	position: relative;
	z-index: 10;
}
label.selectbox-1.border-color select{
	border-color: #638296;
}
.erpsetting label.selectbox-1 select{
	color: #4c75bf;
	border-color: #0d1526;
}
.erpsetting label.selectbox-1 select option{
	color: #4c75bf;
	border-color: #476db2;
	background: #0d1526;
}
label.selectbox-2 select{
	height:19px;
	width: 49px;
	border: none;
	color: #fff;
	padding:1px 10px 0 7px;
	outline: none;
	cursor:pointer;
	background-color: #5367b6;
	position: relative;
	z-index: 10;
}
label.selectbox-2{
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
label.selectbox-2 i{
	position: absolute;
    right: 7px;
    top: 9px;
    z-index: 10;
    border: 3px solid #fff;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid transparent;
}
label.selectbox-1.width100.module select{
	min-width:inherit;
	width: 100%;
}
label.selectbox-1.module select.width45px{
	width: 45px;
	min-width:inherit;
}
label.selectbox-1.module select.width55px{
	width: 55px;
	min-width:inherit;
}
label.selectbox-1.module select.width65px{
	width: 65px;
	min-width:inherit;
}
label.selectbox-1.module select.width85px{
	width: 85px;
	min-width:inherit;
}
label.selectbox-1.module select.width90px{
	width: 90px;
	min-width:inherit;
}
label.selectbox-1.module.width90per{
	width: 90%;
	min-width:inherit;
}
label.selectbox-1.width90per.module select{
	min-width:inherit;
	width: 100%;
}
label.selectbox-1.module.width80per{
	width: 80%;
	min-width:inherit;
}
label.selectbox-1.width80per.module select{
	min-width:inherit;
	width: 100%;
}
label.selectbox-1.module.width80per{
	width: 80%;
	min-width:inherit;
}
label.selectbox-1.width80per.module select{
	min-width:inherit;
	width: 100%;
}
label.selectbox-1{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	line-height: normal;
}
.erpsetting label.selectbox-1{
	background: #0d1526;
}
label.selectbox-1 i{
	position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom:1px;
    background: #fff;
}
.erpsetting label.selectbox-1 i{
	background: transparent;
}
label.selectbox-1 i:after{
    position: absolute;
    background: url('images/commonIcon.png') no-repeat -390px -451px;;
    right: 8px;
    top: 11px;
    content: "";
    width: 7px;
    height: 4px;
    z-index: 9;
}
.erpsetting label.selectbox-1 i:after{
	background-position: -401px -451px;
}
.erpsetting label.selectbox-1 select:disabled{
	color: #37475f;
	border-color: #101a2d;
	background-color: #101a2d;
}
label.selectbox-1 select:disabled{
	border-color:#cadbe6;
	background-color:#eef3f7;
	z-index: 8;
	color:#a6b6c1;
}
.erpsetting label.selectbox-1 select:disabled + i:after{
	background-position: -412px -451px;
}
label.selectbox-1 select:disabled + i:after{
	background-position: -423px -451px;
}
label.selectbox-1 select:focus{
	border-color:#4b94cd;
}
label.selectbox-1 select:focus + i:after{
	background-position: -379px -451px;
}
/* 테이블 안 셀렉트 박스 */
label.selectbox-1.in-table select{
	min-width:105px;
	height: 21px;
}
label.selectbox-1.in-table i:after{
	right: 8px;
    top: 8px;
}
/*인풋박스 옵션*/
.inputbox-1.left{
	text-align: left;
}
.inputbox-1.right{
	text-align: right;
}
.inputbox-1.center{
	text-align: center;
}
.inputbox-1.no-border{
	border:none !important;
}
.inputbox-1.no-bg{
	background-color:transparent !important;
}
input.in-table.inputbox-1.timesize{
	width: 40px;
	padding: 1px 2px;
}
input.in-table.inputbox-1.timesize2{
	width: 49px;
	padding: 1px 2px;
}
input.in-table.inputbox-1.timesize3{
	width: 46px;
	text-align: center;
	font-size:11px;
	padding: 1px 2px;
}
.limit-input-wrap input.in-table.inputbox-1.limit{
	width: calc(100% - 45px);
	float:left
}
.limit-input-wrap .limit-txt-box{
	color: #007fcb;
    vertical-align: middle;
    width:40px;
    float:left;
    margin-left:5px;
}

/*테이블 안 인풋박스 기본*/
input.in-table.inputbox-1{
	border-style: solid;
	border-width: 1px;
	border-color: #cadbe6;
	color: #333;
	height:21px;
	line-height: 20px;
	background-color:#fff;
	box-sizing:border-box;
	outline: none;
	padding:0 8px;
	vertical-align: middle;
	width:107px;
}
input.in-table.inputbox-shao{
	border-style: solid;
	border-width: 1px;
	border-color: #cadbe6;
	color: #333;
	height:30px;
	line-height: 25px;
	background-color:#fff;
	box-sizing:border-box;
	outline: none;
	padding:0 8px;
	vertical-align: middle;
	width:150px;
}
.erpsetting input.in-table.inputbox-1{
	border-color: #0d1526;
	color: #7d93b2;
	background-color: #0d1526;
}
.erpsetting input.in-table.inputbox-1:focus{
	border-color: #476db2;
}

.erpsetting input.in-table.inputbox-1::-webkit-input-placeholder {color:#37475f}
.erpsetting input.in-table.inputbox-1::-moz-placeholder {color:#37475f}
.erpsetting input.in-table.inputbox-1:-ms-input-placeholder {color:#37475f}
.erpsetting input.in-table.inputbox-1:-moz-placeholder {color:#37475f;}
.erpsetting input.in-table.inputbox-1:disabled{
	background-color:#101a2d;
	color:#37475f;
}

input.in-table.inputbox-1::-webkit-input-placeholder {color:#9bb1c1}
input.in-table.inputbox-1::-moz-placeholder {color:#9bb1c1}
input.in-table.inputbox-1:-ms-input-placeholder {color:#9bb1c1}
input.in-table.inputbox-1:-moz-placeholder {color:#9bb1c1;}
input.in-table.inputbox-1:disabled{
	background-color:#eef3f7;
	color:#a5b5c1;
}


input.in-table.inputbox-1:focus{
	border-color:#4b94cd;
}
input.in-table.inputbox-1[readonly]{
	border-color:#b3d2ee;
	background-color:#e8f4ff;
	color:#6387bd;
	text-align: right;
}

/*테이블 안 배경색에 들어간 인풋박스*/
input.in-table.inputbox-1.has-bg{
	border-color:#afc3df;
}
input.in-table.inputbox-1.has-bg:disabled{
	background-color:#eef3f7;
	color:#a5b5c1;
}
input.in-table.inputbox-1.has-bg:focus{
	border-color:#4b94cd;
}
input.in-table.inputbox-1.has-bg:readonly{
	border-color:#a7c6e2;
	background:#e8f4ff;
}
/*텍스트처럼 보이는 인풋*/
.inputbox-1.like-txt.in-table,
.inputbox-1.like-txt{
	border-style: none;
	background: transparent;
	color: #333;
}
.inputbox-1.like-txt.in-table:disabled,
.inputbox-1.like-txt:disabled{
	background:transparent;
}

/*텍스트처럼 보이는 인풋 호버타입*/
.inputbox-1.hover.in-table,
.inputbox-1.hover,
input.in-table.inputbox-1.has-bg.hover{
	border-color: transparent;
	background: transparent;
	color: #333;
}
.inputbox-1.hover.in-table:hover,
.inputbox-1.hover:hover{
	border-color: #cadbe6;
}
.inputbox-1.hover.in-table:focus,
.inputbox-1.hover:focus{
	border-color: #4b94cd;
}
.inputbox-1.has-bg.hover.in-table:hover,
.inputbox-1.has-bg.hover:hover{
	border-color: #afc3df;
}
input.in-table.inputbox-1.has-bg.hover:focus{
	border-color: #4b94cd;
}

/*체크박스 type1*/
label.checkbox-1{
    position: relative;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
}
.erpsetting label.checkbox-1{
	color: #7d93b2;
}
label.checkbox-1 .wrap{
	height: 100%;
	width:16px;
	float: left;
}
label.checkbox-1.text .wrap{
	margin-right: 6px;
}
label.checkbox-1 input[type=checkbox]{
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity:0;
    cursor: pointer;
    z-index: 9;
}
label.checkbox-1 input[type=checkbox]+span{
	display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0;
    height: 16px;
    width: 16px;
    font-weight: normal;
    vertical-align: middle;
}
label.checkbox-1 input[type=checkbox]+span::before{
	content: "";
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #bac8db;
    position: absolute;
    top: 0px;
    left: 0px;
	width: 16px;
    height: 16px;
}
.erpsetting label.checkbox-1 input[type=checkbox]+span::before{
	background-color: #0d1526;
	border-color: #0d1526;
}
label.checkbox-1 input[type=checkbox]:disabled+span::before{
	border-color:#aec9de;
	background:#eef3f7;
}
label.checkbox-1 input[type=checkbox]:checked+span::before{
    background-image: url('images/commonIcon.png');
    background-color: #009bc3;
    background-position: -250px -841px;
    border: 1px solid #009bc3;
}
.checkbox-all.wrap label.checkbox-1 input[type=checkbox]:checked+span::before{
	background-position: -252px -843px;
}
.erpsetting label.checkbox-1 input[type=checkbox]:checked+span::before{
	background: url('images/buttonIcon.png') no-repeat -119px -777px;
}
.groupware label.checkbox-1 input[type=checkbox]:checked+span::before{
    background-color: #009bc3;
    border: 1px solid #009bc3;
}
.ehr label.checkbox-1 input[type=checkbox]:checked+span::before{
	background-color: #4174cc;
	border: 1px solid #4174cc;
}
.erpsetting label.checkbox-1 input[type=checkbox]:checked+span::before{
	background-color: #4174cc;
	border: 1px solid #4174cc;
}
label.checkbox-1 input[type=checkbox]:checked:disabled+span::before{
	border-color: #aec9de !important;
    background-color: #eef3f7 !important;
}
label.checkbox-1.icon{
	overflow: hidden;
}
label.checkbox-1.icon .icon{
	position: absolute;
	left:20px;
	top:1px;
}
label.checkbox-1.icon .icon-except{
	top:-15px;
	transition:all 0.3s ease; 
}
label.checkbox-1.icon .icon-except2{
	transition:all 0.3s ease;
}
label.checkbox-1.icon.active .icon-except{
	top:1px;
	transition:all 0.3s ease;
}
label.checkbox-1.icon.active .icon-except2{
	transition:all 0.3s ease;
	top:-15px;
}
label.checkbox-1.icon .va-m{
	margin-left: 20px;
}
/* 체크밗 ㅡ Type2 */
.checkbox-2{
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	width: 22px;
	position: relative;
}
.checkbox-2 .wrap{
	position: relative;
}
.checkbox-2 .wrap:before{
	content: '';
	width: 20px;
	height: 20px;
	background: #fff;
	border:1px solid #9eb1c8;
	position: absolute;
	left:0;
	top:0;
}
.checkbox-2 .wrap:after{
	content: '';
	width: 10px;
	height: 8px;
	left:6px;
	top:7px;
	position: absolute;
	background:url('images/commonIcon.png') no-repeat -218px -845px;
}
.checkbox-2 input{
	width: 100%;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
	opacity:0;
	cursor:pointer;
	z-index: 9;
}
.checkbox-2 input:checked + .wrap:after{
	background-position: -201px -845px;
}
.checkbox-2 input:checked + .wrap:before{
	background-color: #4965b4;
	border-color: #4965b4;
}
.checkbox-2.bg1 input:checked + .wrap:before{
	background-color: #7c6e5d;
	border-color: #7c6e5d;
}
/* 체크박스 ㅡ Type3 */
.checkbox-3{
	display: inline-block;
	vertical-align: middle;
	height: 13px;
	line-height: 14px;
	position: relative;
}
.checkbox-3 .wrap{
	height: 100%;
	width: 13px;
	float: left;
}
.checkbox-3.text .wrap{
	margin-right: 6px;
}
.checkbox-3 input + span{
	position: absolute;
	width: 13px;
	height: 13px;
	left:0;
	top:0;
}
.checkbox-3 input + span:before{
	position: absolute;
	display: inline-block;
	top:0;
	left:0;
	margin:0;
	width: 11px;
	height: 11px;
	vertical-align: middle;
	border:1px solid #77a3bf;
	content: '';
}
.ehr .checkbox-3 input:checked + span:before{
	border-color: #4174cc;
	background-color: #4174cc;
}
.checkbox-3 input:checked + span:before{
	border-color: #009bc3;
	background:url('images/commonIcon.png') no-repeat -252px -843px #009bc3;
}
.checkbox-3 input{
	width: 100%;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
	opacity:0;
	cursor:pointer;
	z-index: 9;
}
/* 라디오 버튼 type1 */
label.radio-1{
    position: relative;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    margin-right: 10px;
}
.erpsetting label.radio-1{
	color: #7d93b2;
}
label.radio-1.mr-10{
	margin-right: 10px;
}
label.radio-1 .wrap{
	height: 100%;
	width:18px;
	float: left;
	margin-right:7px;
}
label.radio-1.no-margin .wrap{
	margin-right:0px;
}
label.radio-1.icons{
	height: 19px;
}
label.radio-1.icons .wrap{
	margin-right: 27px;
}
label.radio-1.icons .wrap i{
	height: 20px;
	margin-left: 21px;
	position: absolute;
}
label.radio-1 input[type=radio]{
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity:0;
    cursor: pointer;
}
label.radio-1 input[type=radio]+span{
	display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0;
    height: 16px;
    width: 16px;
    font-weight: normal;
    vertical-align: middle;
	background-color: #fafafa;
    border-width: 1px;
	border-style: solid;
	border-color: #94b0c4;
	border-radius: 50%;
}
.erpsetting label.radio-1 input[type=radio]+span{
	border-color: #0d1526;
	background-color: #0d1526;
}
label.radio-1 input[type=radio]:disabled+span{
	border-color: #b0cadf !important;
	background-color: #eef3f7 !important;
}
label.radio-1 input[type=radio]+span::before{
	content: "";
    box-sizing: border-box;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}
.groupware label.radio-1 input[type=radio]:checked+span{
	background-color: #007fcb;
    border-color: #007fcb;
}
.groupware label.radio-1 input[type=radio]:checked+span::before{
    background-color: #fff;
    border-color: #fff;
}
.ehr label.radio-1 input[type=radio]:checked+span{
	background-color: #4174cc;
    border-color: #4174cc;
}
.ehr label.radio-1 input[type=radio]:checked+span::before{
    background-color: #fff;
    border-color: #fff;
}
.erpsetting label.radio-1 input[type=radio]:checked+span{
	background-color: #4174cc;
    border-color: #4174cc;
}
.erpsetting label.radio-1 input[type=radio]:checked+span::before{
    background-color: #18243a;
    border-color: #18243a;
}
.groupware label.radio-1 input[type=radio]:disabled+span::before,
.ehr label.radio-1 input[type=radio]:disabled+span::before {
	background-color: transparent;
    border-color: transparent;
}
.groupware label.radio-1 input[type=radio]:checked:disabled+span::before,
.ehr label.radio-1 input[type=radio]:checked:disabled+span::before{
	background-color: #b0cadf;
    border-color: #b0cadf;
}
/*흰색 라디오버튼*/
label.radio-1.white input[type=radio]+span{
    background-color: transparent !important;
    border-color: #fff !important;
}
label.radio-1.color-1 input[type=radio]:checked+span{
    background-color: #009bc3 !important;
    border-color:#009bc3 !important;
}
/* 라디오버튼 + 이미지 */
.radio-image label{
	height:30px;
	line-height: 30px;
	margin-right: 10px;
}
.radio-image label.radio-1 input[type=radio]+span{
	display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0;
    height: 40px;
    width: 34px;
	background:url('../erp/css/images/ehrIcon.png') no-repeat -633px -670px;
	border: none;
}
/* 데이트 피커 */
.box-date {
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    vertical-align: middle;
    height: 23px;
	position: relative;
	padding:1px 0 0 0;
}
.box-date .icon-calendar{
    position: absolute;
    top: 5px;
    left: 7px;
}
.box-date input.input-date {
    float: left;
    padding: 1px 6px 0 24px;
    border-color: #cadbe6;
    border-width: 1px;
    border-style: solid;
    height: 21px !important;
    line-height: 19px;
    margin: 0;
    box-sizing: border-box;
    color: #777;
    width: 100px;
    outline: none;
}
.box-date input.input-date1 {
    float: left;
    padding: 1px 6px 0 24px;
    border-color: #cadbe6;
    border-width: 1px;
    border-style: solid;
    height: 21px !important;
    line-height: 19px;
    margin: 0;
    box-sizing: border-box;
    color: #777;
    width: 80px;
    outline: none;
}
.box-date input.input-date:checked + .icon.icon-calendar{
	background-position: -87px -380px;
}
.box-date input.input-date::-webkit-input-placeholder {text-align:center; padding:0 6px 0 0px;color:#a7bccc;}
.box-date input.input-date::-moz-placeholder {text-align:center;padding:0 6px 0 0px;color:#a7bccc;}
.box-date input.input-date:-ms-input-placeholder {text-align:center;padding:0 6px 0 0px;color:#a7bccc;}
.box-date input.input-date:-moz-placeholder {text-align:center;padding:0 6px 0 0px;color:#a7bccc;}
.box-date input.input-date:disabled{
	background-color: #eef3f7;
	color:#a6b6c1;
}
.box-date input.input-date:disabled + .icon.icon-calendar{
	background-position: -68px -380px;
}
.box-date .icon.icon-calendar + input.input-date:disabled{
	background-position: -68px -380px;
}
.box-date input.input-date:focus{
	border-color:#4b94cd;
}

/*타임피커*/
.box-time {
    display: inline-block;
    box-sizing: border-box;
    text-align: left;
    vertical-align: middle;
    height: 21px;
    line-height: 19px;
    position: relative;
}
.box-time input.input-time {
	float: left;
    padding: 0 6px 0 31px !important;
    border-color: #cadbe6;
    border-width: 1px;
    border-style: solid;
    height: 21px !important;
    margin: 0;
    box-sizing: border-box;
    color: #777;
    width: 91px;
    outline: none;
}
.box-time input.input-time.center {
    padding: 0 6px 0 31px !important;
}
.box-time .icon-clock1{
	position: absolute;
    top: 4px;
    left: 5px;
}
.box-time input.input-time:disabled{
	background-color: #eef3f7;
	color:#a6b6c1;
}
.box-time input.input-time:disabled + .icon.icon-clock1{
	background-position: -67px -524px;
}
.box-time input.input-time:focus{
	border-color:#4b94cd;
}

/* 스위치 버튼 (미니 포함) */
.switchLabel {
	vertical-align: middle;
	width: 35px;
	height: 20px;
	display: inline-block;
	position: relative;
	line-height: 20px;
}
.switchLabel.notxt, .switchLabel.switch-mini.notxt{
	margin-right:0;
}
.switchLabel input[type=checkbox].checkbox.switch {
	opacity: 0;
	width: 40px;
	height: 17px;
}
.switchLabel input[type=checkbox].checkbox.switch+span::before {
	content: "";
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	margin-right: 0px;
	padding: 0px;
	width: 40px;
	height: 17px;
	line-height: 15px;
	background: #82a1c7;
    border: 1px solid #678bb6;
	border-radius: 15px;
	color: #0e4480;
	font-family: "FontAwesome";
	font-size: 10pt;
	text-align: left;
	transition: all 0.3s ease;
}
.switchLabel input[type=checkbox].checkbox.switch:checked+span::after {
	left: 20px;
}
.switchLabel input[type=checkbox].checkbox.switch+span::after {
	content: "";
	position: absolute;
	top: -3px;
	left: -3px;
	box-sizing: border-box;
	padding: 0px;
	width: 23px;
	height: 23px;
	line-height: 23px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	font-family: Arial, Helvertica, sans-serif;
	font-size: 8px;
	font-weight: lighter;
	text-align: center;
	transition: all 0.3s ease;
}
.switchLabel input[type=checkbox].checkbox.switch+span+span.statusText {
	width: 21px;
	height: 17px;
	position: relative;
	position: absolute;
	top: 1px;
	right: -25px;
	white-space: nowrap;
}
.switchLabel input[type=checkbox].checkbox.switch+span+span.statusText::before {
	position: absolute;
	content: "OFF";
	color: #5f7ca6;
	font-size: 12px;
	text-align: left;
	top: -1px;
	left: 0px;
	display: inline;
	font-weight: normal;
}
.switchLabel.notxt input[type=checkbox].checkbox.switch+span+span.statusText::before {
	display: none;
}
.switchLabel input[type=checkbox].checkbox.switch:checked+span+span.statusText::before {
	content: "ON";
	color: #007ecb;
}
.switchLabel input[type=checkbox].checkbox.switch+span {
	position: absolute;
	top: 0px;
	left: 0px;
}
.switchLabel.switch-mini {
	width: 36px;
	height: 21px;
	line-height: 21px;
	margin-right:28px;
}
.switchLabel.switch-mini.in-table{
	width: 55px;
	margin:5px auto 0;
}
.switchLabel.switch-mini input[type=checkbox].checkbox.switch+span::before {
	width: 35px;
	height: 19px;
	line-height: 17px;
}
.switchLabel.in-table input[type=checkbox].checkbox.switch+span+span.statusText{
	right:-6px;
}
.switchLabel.switch-mini input[type=checkbox].checkbox.switch:checked+span::after {
	left: 17px;
}
.switchLabel.switch-mini input[type=checkbox].checkbox.switch {
	width: 33px;
	height: 19px;
}
.switchLabel.switch-mini input[type=checkbox].checkbox.switch+span::after {
	top: 1px;
	left: 1px;
	width: 17px;
	height: 17px;
	border: 1px solid #fff;
}
.switchLabel.switch-mini input[type=checkbox].checkbox.switch+span::before {
	width: 35px;
	height: 19px;
	line-height: 17px;
}
.switchLabel input[type=checkbox].checkbox.switch:checked:disabled+span+span.statusText::before,
.switchLabel input[type=checkbox].checkbox.switch:disabled+span+span.statusText::before {
	color: #ccc;
}
.groupware .switchLabel input[type=checkbox].checkbox:checked+span:before{
	background: #007fcb;
	border-color:#2a5fbf;
}
.ehr .switchLabel input[type=checkbox].checkbox:checked+span:before{
	background: #4369dd;
	border-color:#4369dd;
}
.groupware .switchLabel input[type=checkbox].checkbox:checked:disabled +span:before,
.ehr .switchLabel input[type=checkbox].checkbox:checked:disabled +span:before,
.groupware .switchLabel input[type=checkbox].checkbox:disabled +span:before,
.ehr .switchLabel input[type=checkbox].checkbox:disabled +span:before {
    background-color: #b0cadf;
    border-color: #92afc7;
}
.groupware .switchLabel input[type=checkbox].checkbox:checked:disabled +span:after,
.ehr .switchLabel input[type=checkbox].checkbox:checked:disabled +span:after,
.groupware .switchLabel input[type=checkbox].checkbox:disabled +span:after,
.ehr .switchLabel input[type=checkbox].checkbox:disabled +span:after {
	background-color: #e3edf4;
	border-color: #e3edf4;
}

/* 자동완성 모듈*/
.auto-layer-box{
	display: inline-block;
	position: relative;
	height:21px;
	vertical-align: middle;
	width: 144px;
	margin:3px 0 3px;
}
.auto-layer-box:after{
	content: '';
	position: absolute;
	right:9px;
	top:5px;
	width: 11px;
	height: 11px;
	background: url('images/commonIcon.png') no-repeat -194px -418px;
}
.auto-layer-box input.in-table.inputbox-1{
	position: absolute;
	top:0px;
	left:0px;
	width:144px;
}
.auto-text {
    border: 1px solid #cadbe6;
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}
.auto-text input {
	border: none !important;
	height: 18px !important;
}
.auto-text input.text {
	margin-right: 0;
}
.auto-layer {
	position: absolute;
	left: 0;
	top: 25px;
	display: none;
	max-width: 300px;
	z-index: 99;
}
.auto-list {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 280px;
	background: #fff;
	border: 1px solid #d8d8d8;
}
.erpsetting .auto-list{
	background: #3f4b66;
	border-color: #3f4b66;
}
.erpsetting .auto-list li a{
	color: #88a2d3;
}
.auto-list li a {
	display: block;
	padding: 5px 10px;
	color: #666;
	height: 28px;
	line-height: 18px;
	box-sizing: border-box;
	text-align: left;
    min-width: 200px;
}
.auto-list li a.active, .auto-list li a:hover {
	background: #eef3f7;
	text-decoration: none;
}
.erpsetting .auto-list li a.active,.erpsetting .auto-list li a:hover{
	background: #2e3950;
}
.auto-list li a:focus {
	text-decoration: none;
}
.tm-wrap{
	display: inline-block;
	vertical-align: middle;
}
.tm-wrap.block{
	display: block;
}
.tm-tag {
    color: #fff;
    background-color: #82a1c7;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
    vertical-align: middle;
    min-width: 65px;
    height: 21px;
    box-sizing: border-box;
    padding: 1px 21px 0 5px;
    position: relative;
	line-height: 19px;
	margin:3px 10px 3px 0;
	float:left;
}
.erpsetting .tm-tag{
	background-color: #2b5195;
}
.tm-tag:last-child{
	margin:3px 5px 3px 0px;
}
.tm-tag .tm-tag-remove {
    color: #000000;
    font-weight: bold;
    position: absolute;
    top: 0px;
    height: 100%;
    right: 5px;
    line-height: 20px;
}
.tm-wrap.block .tm-tag .tm-tag-remove{
	top:6px;
}
.tm-tag .tm-tag-remove:hover {

}
.tm-tag.tm-tag-warning {
  color: #945203;
  background-color: #f2c889;
  border-color: #f0a12f;
}
.tm-tag.tm-tag-error {
  color: #84212e;
  background-color: #e69ca6;
  border-color: #d24a5d;
}
.tm-tag.tm-tag-success {
  color: #638421;
  background-color: #cde69c;
  border-color: #a5d24a;
}
.tm-tag.tm-tag-info {
  color: #4594b5;
  background-color: #c5eefa;
  border-color: #5dc8f7;
}
.tm-tag.tm-tag-inverse {
  color: #cccccc;
  background-color: #555555;
  border-color: #333333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
}
.tm-tag.tm-tag-inverse .tm-tag-remove {
  color: #ffffff;
}
.tm-tag.tm-tag-large {
  font-size: 16.25px;
  border-radius: 4px;
  padding: 11px 7px;
}
.tm-tag.tm-tag-small {
  font-size: 11.049999999999999px;
  border-radius: 3px;
  padding: 2px 4px;
}
.tm-tag.tm-tag-mini {
  font-size: 9.75px;
  border-radius: 2px;
  padding: 0px 2px;
}
.tm-tag.tm-tag-plain {
  color: #333333;
  box-shadow: none;
  background: none;
  border: none;
}
.tm-tag.tm-tag-disabled {
  color: #aaaaaa;
  background-color: #e6e6e6;
  border-color: #cccccc;
  box-shadow: none;
}
.tm-tag.tm-tag-disabled .tm-tag-remove {
  display: none;
}

/*테이블 상단 체크 박스 모듈*/
.checkbox-all{
    height: 18px;
    line-height: 16px;
    display: inline-block;
    position: relative;
	vertical-align: middle;
}
.checkbox-all .drop-menu-list-box {
	display: none;
    position: absolute;
    left: 0px;
    top: 22px;
    border-width: 2px;
    border-style:solid;
    border-color:#61697e;
    background: #fff;
    width: 82px;
    box-sizing: border-box;
    color: #666;
	z-index: 999;
}
.checkbox-all .checkbox-1{
	float:left;
}
.checkbox-all.wrap .checkbox-1{
	float:left;
	line-height: 13px;
	height: 13px;
}
.checkbox-all.wrap .checkbox-1 input[type=checkbox].checkbox+.label{
	width: 13px;
	height: 13px;
}
.checkbox-all .select-drop-menu{
	float:left;
}
.checkbox-all .drop-menu-list{
    float: left;
    width: 100%;
}
.checkbox-all .drop-menu-list .drop-menu-btn {
	display: block;
    width: 100%;
    box-sizing: border-box;
    font-weight: normal;
    text-decoration: none;
    color: #666;
    height: 27px;
	background-color:#fff;
}
.checkbox-all .drop-menu-list .drop-menu-btn:hover{
	background-color:#e0f8f9;
}
.checkbox-all .select-drop-menu .open-drop-menu{
	display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin:0 0 0 3px;
    outline: none;
}
.checkbox-all.wrap .open-drop-menu:before{
	margin-top: -5px;
}
.checkbox-all .open-drop-menu:before {
	border: 6px solid transparent;
    border-width: 4px 4px;
    border-top-color: #92b2c7;
    margin-top: -3px;
    background: transparent;
    content: "";
    position: absolute;
    top: 10px;
    left: 2px;
}
.checkbox-all.active .drop-menu-list-box{
	display: block;
}
.checkbox-all.active .open-drop-menu:before {
	border-top-color: transparent;
    border-bottom-color: #007ba8;
    top: 5px;
}
.ehr .checkbox-all.active .open-drop-menu:before{
	border-bottom-color: #4174cc;
}
/*테이블 상단 체크 박스 모듈 2*/
.checkbox-all.wrap{
	border-width:1px;
	border-style:solid;
	padding: 5px 0 5px 6px;
}
.checkbox-all.wrap{
	border: 1px solid #77a3bf;
    padding: 5px 0 2px 6px;
}
.checkbox-all.wrap .drop-menu-list-box{
    left: -1px;
    top: 25px;
	border-width:1px;
}
.groupware .checkbox-all.wrap input[type=checkbox].checkbox+.label::before{
	border-color: #77a3bf;
	min-width:13px;
	width: 13px;
	height: 13px;
	line-height: 13px;
}
.ehr .checkbox-all.wrap.active input[type=checkbox].checkbox+.label::before{
	border-color: #4174cc;
}
.groupware .checkbox-all.wrap {
	border-color:#77a3bf;
}
.groupware .checkbox-all.wrap .drop-menu-list-box{
	border-color:#284a75;
}
.groupware .checkbox-all.wrap .drop-menu-list .drop-menu-btn{
	color:#333;
}
.groupware .checkbox-all.wrap .drop-menu-list .drop-menu-btn:hover{
	background-color:#cbe9f2;
}
.groupware .checkbox-all.wrap.active{
	background-color:#cbe9f2;
	border-color: #007ba8;
}
.ehr .checkbox-all.wrap.active {
	border-color:#4965b4;
	background-color: #cbe2f2;
}
.ehr .checkbox-all.wrap .drop-menu-list .drop-menu-btn:hover{
	background-color:#d4e7f4;
}
.ehr .checkbox-all.wrap .drop-menu-list-box{
	border-color:#4965b4;
}
.ehr .checkbox-all.wrap input.checkbox[type="checkbox"]:checked+.label::before{
	background-color: #4174cc;
	border-color: #4174cc;
}
.ehr .checkbox-all .open-drop-menu:before {
    border-top-color: #92a3c7;
}
.ehr .checkbox-all.active .open-drop-menu:before {
    border-top-color: transparent;
}
.ehr .checkbox-all.active .open-drop-menu:before {
    border-bottom-color: #4174cc;
}
/* 테이블 버튼 */
.tblModifyWrap button.button{
	background: none;
	width: 23px;
}
.tblModifyWrap .icon-pen,.tblModifyWrap .icon-close{
	display: none;
}
.tblModifyWrap .icon-pencil3,.tblModifyWrap .icon-close2{
	display: none;
}
.tblModifyWrap button:hover .icon-pencil,.tblModifyWrap button:hover .icon-x{
	display: none;
}
.tblModifyWrap button:hover .icon-pen,.tblModifyWrap button:hover .icon-close{
	display: inline-block;
}
.tblModifyWrap button:hover .icon-pencil3,.tblModifyWrap button:hover .icon-close2{
	display: inline-block;;
}

/*테이블 상단 체크 박스 모듈3 - 멀티 버튼 레이어*/
.multi-button .multi-btn-list{
    z-index: 100;
    min-width: 100%;
    display: none;
    position: absolute;
}
.multi-button .multi-btn-list .group{
	border-top: 1px solid #005779;
}
.ehr .multi-button .multi-btn-list .group{
	border-top: 1px solid #343a7c;
}
.multi-button .multi-btn-list .group:first-child{
	border-top: none;
}
.multi-button .multi-btn-list button.m-type1.cd:first-child{
	border-top: none;
}
.ehr .multi-button .multi-btn-list button.m-type1.cd:first-child{
	border-top: none;
}
.multi-button .multi-btn-list button:hover{
	background: #009bc2!important;
}
.ehr .multi-button .multi-btn-list button:hover{
	background: #557fda!important;
}
.multi-button .multi-btn-list button.m-type1.cd{
	background: #006d95;
	color: #fff;
	font-size:11px;
	font-weight: normal;
	text-align:left;
	width: 100%;
	height: 26px;
	line-height: 26px;
	margin-top: -2px;
	vertical-align: middle;
	border-top: 1px solid #005779;
	padding : 0 0 0 9px;
}
.ehr .multi-button .multi-btn-list button.m-type1.cd{
	border-top: 1px solid #334b93;
}
.ehr .multi-button .multi-btn-list button.m-type1.cd{
	background: #4261be;
}
.multi-button .group .groupDiv{
	color: #333;
	box-sizing: border-box;
    display: block;
    padding:0px 0 0px 8px;
    position: relative;
    width: 100%;
    height: 27px;
    line-height: 27px;
}
.multi-button .group .groupDiv input{
	width: 100%;
	height: 100%;
}
.multi-button .group label:hover{
	background: #cbe9f2;
}
.multi-button .group label .checkbox:checked + span + i{
	display: block;
}
.multi-button .group label i {
    background: url("images/iconAll.png") no-repeat -142px -328px;
    display: none;
    height: 10px;
    position: absolute;
    right: 1px;
    top: 4px;
    width: 15px;
}
.multi-button .group label{
    padding: 0 5px 0 5px;
	color: #000;
	display: block;
}
.multi-button .group span.label{
	display: none;
}
.multi-button .checkbox-all2{
	z-index: 100;
	position: absolute;
	top:27px;
	left:0;
	width: 180px;
	border:1px solid #284a75;
	background: #fff;
	display: none;
	height: 242px;
	overflow-y:auto;
}
.multi-button .checkbox-all2 .checkbox-allwrap{
	max-height: 260px;
	overflow-y:auto;
}
.multi-button .arrow.active + .checkbox-all2{
	display: block;
}
.multi-button .checkbox-all2 .check-all-wrap {
    position: relative;
    height: 27px;
    line-height: 27px;
}
.multi-button .checkbox-all2 .check-all-wrap.lst-btn{
	box-sizing:border-box;
	padding-top: 5px;
}
.multi-button .checkbox-all2 .check-all-wrap:first-child {
    border-top: none;
}
.multi-button .checkbox-all2 label {
    padding: 0 5px 0 5px;
    display: block;
    position: relative;
}
.multi-button .checkbox-all2 .txt1 {
    color: #000;
    display: block;
    width: 156px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.multi-button .checkbox-all2 label .radio-1 {
    opacity:0;
    position: absolute;
}
.multi-button .checkbox-all2 label i {
    display: none;
    position: absolute;
    right: 6px;
    top: 9px;
}
.multi-button .checkbox-all2 label input:checked+span+i{
	display: block;
}
.multi-button .checkbox-all2 .check-all-wrap:hover {
    background: #cbe9f2;
}
.multi-button .check-all-wrap.lst-btn button{
	height: 18px;
	line-height: 18px;
	width: 75px;
	font-size:11px;
	margin:0 auto;
	display: block;
	background: #007ba8;
	width: 90%;
}
.multi-button{
	background: #009bc2;
	position: relative;
	display: inline-block;
	cursor:pointer;
	vertical-align: middle;
	height: 27px;
	line-height: 26px;
}
.multi-button .target{
    padding: 0 9px;
    margin-right: 18px;
    height: 100%;
    vertical-align: top;
}
.multi-button .arrow{
	position: absolute;
	top:0;
	right:0;
	border-left: 1px solid #0081a7;
	width: 20px;
	height: 27px;
	outline: none;
}
.multi-button .arrow.active{
	background: #006d95;
}
.ehr .multi-button .arrow.active{
	background: #4261be;
}
.multi-button .arrow:after{
	position: absolute;
    right: 6px;
    top: 50%;
    margin: -2px 0 0 0;
    border: 4px solid #fff;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}
.multi-button .arrow.active:after{
	position: absolute;
    right: 5px;
    top: 44%;
    margin: -5px 0 0 0;
    border: 4px solid #fff;
    border-right: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
}
.ehr .multi-button .arrow{
	border-left: 1px solid #4261be;
}
.ehr .multi-button{
	background: #557fda;
}

/*검색어 입력창 모듈*/
.search-box{
	display: inline-block;
	vertical-align: middle;
}
.search-box .search-input {
	border:solid 1px #6f7e9c;
	width:159px;
	box-sizing:border-box;
	height:27px;
	float:left;
	color:#333333;
	padding-left:8px;
	outline: none;
}
.search-box2 .search-input{
	border-color: #6788cb;
}
.search-box2 button.add-btn3.css{
	background: #6788cb;
}
.search-box2 button.add-btn3.css:before{
	width:8px;
	left:50%;
	top:50%;
	margin-left: -4px;
	margin-top: -1px;
}
.search-box2 button.add-btn3.css:after{
	height:8px;
	left:50%;
	top:50%;
	margin-left: -1px;
	margin-top: -4px;
}
.search-box .search-btn{
	width:52px;
	height:27px;
	float:left;
	color:#fff;
	background:#6f7e9c;
	font-weight: bold;
	font-size: 13px;
}
.search-box .margin-box{
	margin: 0 0 0 10px;
	display: inline-block;
	float:left;
}
.search-box .margin-box:first-child{
	margin:0 0 0 0;
}
.search-box .combine .selectbox-1{
	float:left;
	border-right: none;
    margin-right: -4px;
}
.search-box .combine .selectbox-1 select{
    border-color: #6f7e9c;
	border-right: none;
}
.search-box .combine .search-input{
	border-left:none;
}
.search-box .combine .selectbox-1:before{
	position: absolute;
    right: 0px;
    top: 4px;
    height: 17px;
    width: 1px;
    background: #6f7e9c;
    content: "";
}
/* 기간검색 모듈*/
.set-period .choice {
    display: inline-block;
}
.set-period .choice .period-select-btn-wrap{
	display: inline-block;
	height : 21px;
}
.set-period .choice .period-select-btn.on{
    color: #fff;
}
.set-period .choice .period-select-btn{
    min-width: 40px;
    font-size: 11px;
	height: 21px;
    line-height: 22px;
    font-weight: normal;
	border-width: 1px;
    border-style: solid;
	position: relative;
	float:left;
	margin: 0 0 0 -1px;
	outline: none;
}
.set-period .box-calender {
	display: inline-block;
	margin: 0 0 0 7px;
}
.set-period .period-search-btn{
    font-size: 11px;
    height: 21px;
    line-height: 22px;
    font-weight: normal;
    border-width: 1px;
    border-style: solid;
    position: relative;
    margin-left: 2px;
    padding:0 8px;
    background: #406087;
    border-color: #406087;
    color: #fff;
}
.ehr .set-period .period-search-btn{
	background: #6074cb;
	border: 0;
}
.set-period .period-text{
	display: inline-block;
	width:100%;
	height:100%;
	position: absolute;
	top:0px;
	left:0px;
}
.groupware .set-period .choice .period-select-btn{
    border-color: #bad7e9;
    background-color: #fff;
    color: #666;
}
.groupware .set-period .choice .period-select-btn.on{
	background-color: #007fcb;
    border-color: #007fcb;
    color:#fff;
}
.ehr .set-period .choice .period-select-btn{
    border-color: #bad7e9;
    background-color: #fff;
    color: #666;
}
.ehr .set-period .choice .period-select-btn.on{
	background-color: #829fd9;
    border-color: #839dd6;
    color:#fff;
}

/*파일 업로드 버튼*/
.btn-file {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}
.groupware .btn-file button.button.s-type1{
	background-color: #007fcb;
}
.btn-file.excel{
	width: 30px;
	height: 27px;
}
.btn-file .file {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    text-indent: -9999px;
}
.btn-file .file .icon{
	position: absolute;
	left:4px;
	top:6px;
}
/*파일 업로드 모듈*/
.attachBox {
    padding: 10px 0 10px 0;
}
.attachBox .tx {
    margin-left: 4px;
    color: #444;
    vertical-align: middle;
}
.attachBox .point {
    color: #007fcb;
}
.attachBox .attachFileWrap{
	margin:7px 0 7px;
}
.attachBox .attachFileHeader {
    height: 22px;
    line-height: 21px;
    color: #5b5f6c;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #ccdae4;
    background: #f0f4f9;
}
.attachBox .attachFileCheck{
	position: absolute;
	left:7px;
	top:2px;
	line-height: 12px;
}
.attachBox .attachFileName{
    width: 100%;
    display: inline-block;
    float: left;
    padding: 0 40px 0 20px;
    text-align: center;
    box-sizing: border-box;
}
.attachBox .attachFileListBox{
    height: 85px;
    border-left: solid 1px #ccdae4;
    border-right: solid 1px #ccdae4;
    border-bottom: solid 1px #ccdae4;
    overflow-y: scroll;
}
.attachBox .attachFileListBox label.checkbox-1{
	margin-left: 1px;
}
.attachBox .relaDoculist.fileAttach{
    overflow-y: auto;
    margin-top: 4px;
    padding: 4px 6px 4px 6px;
}
.attachBox .relaDoculist li {
    font-size: 11px;
    color: #666;
    position: relative;
    overflow: hidden;
    line-height: 18px;
    margin-bottom: 4px;
}
.attachBox .relaDoculist li:first-child {
    margin-top: 0px;
}
.attachBox .relaDoculist input.file {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: 1;
    text-indent: -100%;
}
.attachBox .relaDoculist li i {
    position: relative;
    z-index: 3;
	vertical-align: text-top;
}
.attachBox .relaDoculist li i.icon.icon-x2{
	margin-top:2px;
}
.attachBox .relaDoculist li a {
    position: relative;
    display: inline-block;
}
.attachBox .relaDoculist li a:after {
    position: absolute;
    right: -10px;
    width: 1px;
    height: 10px;
    background-color: #c3c3c3;
    content: '';
    display: block;
    top: 4px;
}
.attachBox .relaDoculist .btnDel{
    width: 8px;
    height: 18px;
    vertical-align: middle;
    margin-left: 17px;
    display: inline-block;
}

/*레이아웃 모듈*/
div.table-top-box {
    position: relative;
	height:37px;
}
div.table-top-box .area-right {
    position: absolute;
    right: 0;
    top: 0;
}
div.table-top-box:after {
	content:".";
	height:0;
	font-size:0;
	visibility:hidden;
	display:block;
	clear:both;
}
.label-set label.module {
	margin-right: 13px;
}
.label-set label.module.no-margin {
	margin: 0px;
}

/*크기*/
input.inputbox-1.width100per{
	width: 100%;
}
input.inputbox-1.width93per{
	width: 93%;
}
input.inputbox-1.width90per{
	width: 90%;
}
input.inputbox-1.width87per{
	width: 87%;
}
input.inputbox-1.width85per{
	width: 85%;
}
input.inputbox-1.width80per{
	width: 80%;
}
input.inputbox-1.width50per{
	width: 50%;
}
input.inputbox-1.width235px{
	width: 235px;
}
input.inputbox-1.width170px{
	width: 170px;
}
input.inputbox-1.width160px{
	width: 160px;
}
input.inputbox-1.width130px{
	width: 130px;
}
input.inputbox-1.width100px{
	width: 100px;
}
input.inputbox-1.width130px{
	width: 130px;
}
input.inputbox-1.width90px{
	width: 90px;
}
input.inputbox-1.width70px{
	width: 70px;
	padding:0 3px;
}
input.inputbox-1.width45px{
	width: 45px;
	padding:0 3px;
}
input.inputbox-1.width55px{
	width: 55px;
	padding:0 3px;
}
input.inputbox-1.width25px{
	width: 25px;
	padding:0 3px;
}
select.width100per{
	width: 100%;
}
select.width100per{
	width: 100%;
	min-width:100%;
}
.selectbox-1.width90per{
	width: 90%;
}
select.width90per{
	width: 90%;
	min-width:90%;
}
select.width100px{
	width: 100px;
}
select.width120px{
	width: 120px;
}
select.width85px{
	width: 85px;
}
select.width75px{
	width: 75px;
}
select.width70px{
	width: 70px;
}
select.width60px{
	width: 60px;
}
.user-wrap {
	display:inline-block;
	position:relative;
	padding:0 0 0 40px;
	width: 52px;
}
.user-wrap.has-height{
    height: 35px;
    line-height: 35px;
}
.user-frame {
	position:absolute;
	left:0;
	top:50%;
	margin-top:-18px;
	width:35px;
	height:35px;
	margin-right:5px;
	border-radius:18px;
	vertical-align:middle;
	overflow:hidden;
}
.user-wrap .name-toop-tip{
    height: 20px;
    padding: 0px 9px;
    line-height: 20px;
    background: #36465f;
    position: absolute;
    color: #fff;
    z-index: 9;
    top: -26px;
    left: 7px;
	white-space:nowrap;
    display: none;
}
.user-wrap:hover .name-toop-tip{
    display: block;
}
.user-wrap .name-toop-tip:after{
    width: 4px;
    height: 4px;
    background-position: -425px -429px;
    background-image: url('images/ehrIcon.png');
    content: "";
    position: absolute;
    bottom: -4px;
    left: 9px;
}
/*상태 색상 코드*/

/*품의서, 근로계약 상태, 안내발송까지...*/
.do-status { display:inline-block; min-width:40px;padding:0 2px;height:19px;line-height: 20px;color:#fff !important; text-decoration:none; }

.status-type1 { background:#34c3d4; }
.status-type2 { background:#42c4d0; }
.status-type3 { background:#89a6df; }
.status-type4 { background:#c9d6e4; }
.status-type5 { background:#aaa1b6; }
.status-type6 { background:#ff887c; }	
.status-type7 { background:#f5b95a; }
.status-type8 { background:#f5b249; }

/*근태 출퇴근*/
.attend-status {
    display: inline-block;
    min-width: 35px;
    padding: 1px 3px 0 3px;
    height: 23px;
    line-height: 22px;
    color: #fff;
    text-decoration: none;
    vertical-align: middle;
    box-sizing: border-box;
    margin-left:8px;
}
.attend-color-type1{background-color:#866ec4}		/*미출근*/
.attend-color-type2{background-color:#6d73b6}		/*출근*/
.attend-color-type3{background-color:#52bde0}		/*지각*/
.attend-color-type4{background-color:#4863ca}		/*결근*/
.attend-color-type5{background-color:#9287bb}		/*휴가*/
.attend-color-type6{background-color:#72a0ff}		/*출장*/
.attend-color-type7{background-color:#9fa5c8}		/*휴직*/
.attend-color-type8{background-color:#6381ca}		/*반차*/
.attend-color-type9{background-color:#b572ca}		/*미체크*/
.attend-color-type10{background-color:#9287BB}		/*파견*/
.attend-color-type99{background-color:#4863ca}		/*기타*/

/* 타이틀 Area */
.sub-tit{
	font-size:13px;
	color: #333;
	margin-bottom: 10px;
}
.sub-tit2{
    color: #333;
    font-size: 12px;
    padding: 0 0 0px 10px;
    position: relative;
    font-weight: bold;
    margin-bottom: 15px;
}
.sub-tit2:before{
    width: 2px;
    height: 13px;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    background: #239ebd;
}

/******************************************************************
이하 정리 대상
*******************************************************************/



/******************************************************************
Input, Select, Textarea �⺻ ����
*******************************************************************/

select.select.type2 {
	width: 98px;
	border-color: #6f7e9c;
}

input.text, textarea.textarea {
	transition: border 0.2s linear 0s;
}

textarea.textarea {
	padding: 1%;
	width: 100%;
}
#divInnerContents textarea.textarea{
    height: 100%;
    display: block;
}
input.text.like-text:hover, input.text.like-text:focus {
	border-color: #bac8db;
}

input.text.like-text[disabled]:hover {
	border-color: transparent;
}
input.text.like-text:focus {
	text-decoration: none;
	cursor: text;
}
input.text.likeText {
	background: rgba(11, 18, 31, 0.9);
	cursor: pointer;
	border: none;
	border-bottom: 1px solid #2b7fc0;
	margin-top: 0;
	border-radius: 0;
}
input.text.likeText::-webkit-input-placeholder {
	color: #909;
}
input.text.likeText:-moz-placeholder {
	color: #909;
	opacity: 1;
}
input.text.likeText::-moz-placeholder {
	opacity: 1;
}
input.text.likeText:-ms-input-placeholder {
	color: #909;
}
select.select:focus, input.text:focus, textarea.textarea:focus {
	border-width: 1px;
}
input.text.text80per, select.select.select80per {
	box-sizing: border-box;
	margin-left: 0px;
	margin-right: 0px;
	padding: 5px 1%;
	width: 80%;
	height: 29px;
}
.text80per{
	width: 80%;
}
input.text.text93per, select.select.select93per {
	box-sizing: border-box;
	margin-left: 0px;
	margin-right: 0px;
	padding: 5px 1%;
	width: 93%;
	height: 29px;
}

.groupware .remainNum{
	color: #2e728c;
	vertical-align: middle;
}
.ehr .remainNum{
	color: #2e728c;
	vertical-align: middle;
}
input.text.text115, select.select.select115 {
	box-sizing: border-box;
	margin-left: 0px;
	margin-right: 0px;
	padding: 5px 1%;
	width: 115px;
	height: 20px;
	border-radius: 0;
}
input.text.text31 {
	box-sizing: border-box;
	margin-left: 0px;
	margin-right: 0px;
	padding: 5px 1%;
	width: 31px;
	height: 21px;
	border-radius: 0;
}
input.text.text93per.type2 {
	height: 20px;
	border-radius: 0;
}
input.text.text93per.type3 {
	height: 23px;
	border-radius: 0;
	border: 1px solid #cadbe6;
}
input.text.height100per, select.select.height100per {
	height: 100% !important;
}
input.text.height26, select.select.height26 {
	height: 26px !important;
}
select.select-type2 {
	border-color: #66738f;
}
select[disabled=disabled] {
	color: #a6b6c1;
	border: 1px solid #ccdae4;
	background: #eef3f7;
}
.box-date .hyphen {
	margin: 0 -1px;
}
.box-date.disabled input.text {
	border: none;
	color: #a6b6c1;
}
input.text.input-date.type2 {
	width: 147px;
	vertical-align: middle;
}
.box-time.disabled input.text {
	border: none;
	color: #a6b6c1;
}
.box-time.disabled .icon-clock1 {
	background-position: -180px -180px;
}
#tblDoc15 input.text.input-time {
	width: 44px;
}
.breakTimeList input.text.input-time {
	width: 43px;
}
input.text.input-time.type2 {
	width: 94px;
	border: none;
	vertical-align: middle;
}
input.text.input-hour {
	width: 50px;
	text-align: center;
}
input.text.text-small {
	height: 20px;
	line-height: 20px;
	padding: 1px 2px;
	border-color: #cbdbe8;
}
input.text[disabled=disabled] {
	color: #a6b6c1;
	background: #eef3f7;
	border: 1px solid #ccdae4;
}
input.text[readonly]:focus {
	border: 1px solid #bcd9f3 !important;
	box-shadow: none !important;
}




/******************************
* ��� ��ڽ� ���̺� �� Input, Select, Textarea ����
*******************************/
table.table thead tr.tool-box input.text, table.table thead tr.tool-box select.select,
	table.table thead tr.tool-box textarea.textarea {

}

table.table thead tr.tool-box select.select {
	margin: 0;
}

/******************************************************************
Radio&Checkbox ��ȯ Ŭ����
*******************************************************************/

.label-set label:last-child {
	margin-right: 0px;
}
.label-set * {
	vertical-align: middle;
}

/******************************************************************
Radio&Checkbox ��ȯ Ŭ����
*******************************************************************/
input[type=checkbox].checkbox, input[type=radio].radio {
	opacity: 0;
	position: absolute;
	z-index: 12;
	width: 18px;
	height: 18px;
	cursor: pointer;
	left: 0px;
	top: 0px;
}

table.table th input[type=checkbox].checkbox, table.table th input[type=radio].radio
	{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}


input[type=checkbox].checkbox+.label, input[type=radio].radio+.label {
	display: inline-block;
	position: relative;
	z-index: 11;
	margin: 0;
	height: 16px;
	width: 16px;
	font-weight: normal;
	vertical-align: middle;
}
input[type=checkbox].checkbox+.label::before, input[type=radio].radio+.label::before
	{
	content: "";
	display: inline-block;
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #bac8db;
	color: #fff;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

input[type=radio].radio+span.label::before {
	position: absolute;
	left: 0;
}

input[type=checkbox].checkbox+.label.typeCheck::before {
	border-radius: 50%;
	width: 18px;
	height: 18px;
	line-height: 18px;
}

input[type=checkbox].checkbox+.label::before {
	min-width: 16px;
	height: 16px;
	line-height: 15px;
	font-size: 12px;
}

input[type=radio].radio+.label::before {
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 100%;
	font-size: 10px;
	text-shadow: 1px 1px 3px rgba(47, 101, 108, 0.8);
}
input[type=checkbox].checkbox:checked+.label:before{
	content: '';
	width: 16px;;
	height: 16px;
}

.newInputType input[type=checkbox].checkbox:checked+.label:before,.newInputType input[type=radio].radio:checked+.label:before {
	background: url('images/iconAll.png') -103px -379px #57c1d0;
	content: '';
	width: 18px;;
	height: 18px;
	border:1px solid #57c1d0;
}
.using label.switchLabel {
	margin-left: -20px;
}
input[type=radio].radio:checked+.label:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: #fff;
	left: 4px;
	top: 4px;
	border-radius: 50%;
}
input[type=radio].radio:checked+.label:before, input[type=checkbox].checkbox:checked+.label:before
	{
	background-color: #57c1d0;
	border: 1px solid #45b5d2;
	color: #fff;
}

input[type=checkbox].checkbox:hover+.label::before, input[type=checkbox].checkbox+.label:hover::before,
	input[type=radio].radio:hover+.label::before, input[type=radio].radio+.label:hover::before
	{
	border-color: #45b5d2;
}

input[type=checkbox].checkbox:active+.label::before, input[type=checkbox].checkbox:checked:active+.label::before,
	input[type=radio].radio:active+.label::before, input[type=radio].radio:checked:active+.label::before
	{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px
		rgba(0, 0, 0, 0.1);
}


.groupware input[type=radio].radio:disabled+span.label::after {
	background: #aac2d3;
}

.ehr input[type=radio].radio:disabled+span.label::after {
	background: #aac2d3;
}

input[type=radio].radio.check:checked+.label:before {
	content: "";
	background: #fff;
	border-color: #95b0c4;
}

input[type=radio].radio.check:checked+.label:after {
	content: url(images/radio.png);
	position: absolute;
	top: 2px;
	left: 4px;
}

input[type=radio].radio.check:hover+.label::before, input[type=radio].radio.check+.label:hover::before
	{
	border-color: #95b0c4;
}

input[type=checkbox].checkbox.switch+.label::before {
	content: "";
	float: left;
	overflow: hidden;
	box-sizing: border-box;
	margin-right: 0px;
	padding: 0px;
	width: 40px;
	height: 17px;
	line-height: 15px;
	background: #7d9ec9;
	border: 1px solid #6c91be;
	border-radius: 15px;
	color: #0e4480;
	font-family: "FontAwesome";
	font-size: 10pt;
	text-align: left;
	transition: all 0.3s ease;
}

input[type=checkbox].checkbox.switch:active+.label::before {
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3) inset;
}



input[type=checkbox].checkbox.switch:checked+.label::after {
	left: 20px;
}

input[type=checkbox].checkbox.switch.switch-mini+.label::after {
	top: 1px;
	left: 1px;
	width: 17px;
	height: 17px;
	border: 1px solid #fff;
}

input[type=checkbox].checkbox.switch.switch-mini:checked+.label::after {
	left: 17px;
}



/******************************************************************
�˻�â
*******************************************************************/

.search-box input:focus {
	border-color: #66738f !important;
	border-width: 1px;
}

.search-box input+button.btn {
	background: #648295;
	border-color: #648295;
	border-radius: 0px;
	margin-left: -4px;
}

.search-box button.btn.fa, .search-box button.btn .fa {
	font-size: 18px;
}

.search-box * {
	vertical-align: middle;
}

.search-box-s2 input {
	padding-left: 8px;
	color: #fff;
	border-color: #2f7cd2;
	background-color: #3887e0;
}

.search-box-s2 input:focus {
	border-color: #2f7cd2;
}

.search-box-s2 input+button.btn {
	background: #3887e0;
	border-color: #2f7cd2;
	border-left: none;
	border-width: 2px;
}

.search-box-s2 input::-webkit-input-placeholder {
	color: #9bbded;
}

.search-box-s2 input::-moz-placeholder {
	color: #9bbded;
}

.search-box-s2 input:-ms-input-placeholder {
	color: #9bbded;
}

.search-box-s2 .btn.fa-ellipsis-v {
	background: transparent;
	color: #0b6fde;
	border: none;
}

/******************************************************************
��¥��ȸ
*******************************************************************/

.set-period .choice .btn {
	border-color: #bad7e9;
	color: #666;
	min-width: 40px;
	margin: 0 -5px 0 0;
	font-size: 11px;
}


.set-period .box-calender .fa-calendar {
	margin: 0 4px 0 0;
	font-size: 16px;
	color: #4a64ab;
}

.set-period .box-calender.row2 {
	margin-top: 5px;
}

.set-period button.btn.btn-inquiry {
	height: 21px;
	line-height: 21px;
	background-color: #416087;
	border: 1px solid #416087;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
}

.set-period button.btn.btn-inquiry.type2 {
	background-color: #5562c5;
	border: 1px solid #5562c5;
}

.ehr .set-period button.btn.btn-inquiry {
	background-color: #5562c5;
	border: 1px solid #5562c5;
}

.set-period .btn-inquiry .fa-search {
	font-size: 13px;
	vertical-align: 1px;
}
.box-calender.type2 {
	line-height: 21px;
}
/******************************************************************
��� �˻� �� ����
*******************************************************************/
.div-member-set {
	text-align: left;
}

.div-member-set.member-set-border-left {
	border-left: 1px solid #e8eff4;
	padding: 5px 11px;
	position: relative;
}

.div-member-set.member-set-border-left:before {
	content: "";
	position: absolute;
	border-left: 3px solid white;
	height: 10px;
	left: -2px;
	top: 0;
}

.div-member-set.member-set-border-left:after {
	content: "";
	position: absolute;
	border-left: 3px solid white;
	height: 10px;
	left: -2px;
	bottom: 0;
}

.bootstrap-tagsinput {
	padding-left: 0px !important;
	border: none !important;
	box-shadow: none !important;
}

.bootstrap-tagsinput>input, .bootstrap-tagsinput>span.twitter-typeahead>input
	{
	display: inline-block !important;
	padding: 6px 3px 5px 5px !important;
	border: 1px solid #cbdbe8 !important;
	font-size: 12px !important;
}

.span-member, .span-member-search {
	background: #82a1c7;
	color: #FFF;
	display: inline-block;
	height: 23px;
	line-height: 23px;
	margin: 2px 4px 2px 0px;
	padding: 0px 4px 0px 6px;
	font-size: 11px;
}
.span-member .btn-member-name{
	width: 15px;
}
.span-member input,.span-member-name{
	vertical-align: middle;
}

.msbl2.type3 .span-member-search {
	line-height: 20px;
}

.msbl2.type3 .span-member-search input {
	width: 180px;
}

.msbl2.type2 .text.input-member-search.type2 {
	height: 21px;
}

.msbl2.type2 .span-member {
	height: 21px;
	line-height: 21px;
}

.msbl2.type2 .span-member-search {
	height: 21px;
	line-height: 21px;
}

.input-member-search::-webkit-input-placeholder {
	color: #cadbe6;
}
button.btn.btn-member-name {
	background: url('images/iconAll.png') no-repeat -165px 6px;
	min-width: 0;
}

button.btn.btn-member-search {
	background: url('images/iconAll.png') no-repeat -90px -434px;
	width: 16px;
	height: 16px;
	min-width: 16px;
	border: none;
}

.groupware input.radio[type="radio"]:checked+.label::before, .groupware input.checkbox[type="checkbox"]:checked+.label::before {
	background-color: #009bc3;
    border: 1px solid #009bc3;
}
.groupware input.checkbox[type="checkbox"]:checked+.label.typeCheck::before {
    border: 1px solid #009bc3;
    background: url('images/commonIcon.png') no-repeat -370px -194px #009bc3;
}

input.checkbox[type="checkbox"]:checked+.label.typeCheck::before {
	background: #007fcb;
	border-color: #007fcb;
}

input.radio[type="radio"]:checked+.label.typeCheck::before {
	content: '';
	background: url('images/iconAll.png') no-repeat -95px -343px #007fcb;
	border-color: #007fcb;
}

/********************************
���ο� form
********************************/
.searchInputBox {
	position: relative;
}

.searchInputBox .searchBtnBox {
	position: absolute;
	top: 0px;
	right: 0px;
}
input#weekExtensionWorkTimeModify {
	text-align: center;
}
.search-box.selectBox{
	display: block;
}
/* �Ⱓ�˻� ��� */
.set-period .period-select{
	height: 21px;
	line-height: 20px;
	border-radius: 0px;
	margin: 0 0 0 0 !important;
	color: #666;
	width:87px;
}
.period-select-wrap{
	display: inline-block;
	margin-right: 12px;
}
.selectAllBox {
	display: inline-block;
	border: 1px solid #76a2bd;
	width: 39px;
	height: 27px;
	box-sizing: border-box;
	padding: 3px 0 0 2px;
	vertical-align: middle;
}
.selectAllBox.active {
	background: #cbe9f2;
}
.selectAllBox.active .sort:before {
	background: transparent none repeat scroll 0 0;
	border-color: transparent transparent #617bae;
	border-image: none;
	border-style: solid;
	border-width: 4px;
	content: "";
	position: absolute;
	right: 10px;
	left: 3px;
	top: 6px;
}

.selectAllBox input[type=checkbox].checkbox+.label::before,
	.selectAllBox input[type=radio].radio+.label::before {
	border: 1px solid #76a2bd;
}

/* input ��ư ������*/
.newInputType {
	position: relative;
}
.newInputType.type2{
	margin-right: 6px;
}
.newInputType input[type=radio].radio,.newInputType input[type=checkbox].checkbox{
	width: 100%;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
}
.newInputType em {
	vertical-align: middle;
}
/* 가이드 */
.guide {
	padding: 10px;
	background: #fff;
	font-size: 15px;
	font-weight:bold;
	color: #424242;
	word-spacing: -3px;
	border: 1px solid #e0e0e0;
	border-top:solid 2px #e0e0e0;
	transition:all 0.6s ease;
	margin-top: 15px;
	cursor: pointer;
}
.guide:hover{
	color:#009688;
}
.guide-box {
	border:solid 1px #eee;
	transition:opacity ease 0.4s;
	padding: 15px;
	margin-bottom: 30px;
	margin-top:-1px;
	display: block;
}
.guide-box.mb10 {
	margin-bottom: 10px;
}
.guide-textarea{
	resize:none;
	width: 100%;
	height: 110px;
	margin-bottom: 20px;
}
.module-name {
	color: #666;
}
.guideAllOpen{
	height: 27px;
    border-radius: 2px;
    background-color: #009688;
    padding: 0 13px;
    font-size: 14px;
    color: #fff;	
}
/********************************************************
���̺?�� ���� �༮��.. �̷��� �� table.css�� �־�� �ϴ°�. ���ϴ� �������
********************************************************/
table.table.tool-box thead .counting {
    width: 94px;
    margin: 0 0 0 0px;
    color: #456ca8;
    text-align: center;
    float: left;
    padding-left: 15px;
}
table.table.tool-box .group{
    position: relative;
    padding: 0 15px 0 18px;
    float: left;
    display: block;
    height: 100%;
}
.likeTable input.text{
	padding-top: 0px;
    padding-bottom: 0px;
}
.likeTable input.text{
	height: 21px;
    line-height: 21px;
    border-color: #cbdbe8;
    border-radius: 0px;
}
/******************************
* ���̺� �⺻
*******************************/

table.table.no-border{
	border-top:none;
}
table.table.tblMb10 {
	margin-bottom:10px;
}
table.table.no-margin {
	margin-bottom:0px;
}
table.table.cellType2 thead th{
	padding-top: 0;
	padding-bottom: 0;
	height: 34px;
	line-height: 34px;
}
table.table.total thead th{
	color: #333;
	border-left: 1px solid #bcd3e1;
}
table.table.total thead th:first-child{
	border-left: none;
}
table.table tbody td.emptyData{
	height: 50px;
    border-bottom: solid 1px #bdd5e8;
}
table.table tbody td a{
	color:#666;
}
table.table.height44 thead th{
    padding-top: 4px;
    padding-bottom: 2px;
}
#content table.table tbody .selectTr td{
	background: #ebf7fa;
}


table.table tfoot td .mark {
	display:inline-block;
	width:40px;
	margin:0 4px 0 6px;
	padding:1px 0 0 0;
	border:1px solid #bcd9f3;
	background:#e8f4ff;
	text-align:center;
	color:#6387bd;
}
table.table tfoot td .mark-view {
	color:#098bbb;
}

table.table td.td-padding {
	padding-top:6px;
	padding-bottom:7px;
}


/******************************
* table.border�� ���� �� ����
*******************************/
table.table.border th.sub,
table.table.border td.sub {
   /* border-left-color:#dfeaf2; */
}



/******************************
    ���̺? �߰������� �ʿ��� �ɼ�
*******************************/
table.table th .small { display:block; margin:-2px 0 0 0; font-weight:normal; font-size:11px; letter-spacing:-1px; }
table.table tbody .person-add em{
    color:#6795c3;
}
table.table tbody .person-add td{
    border-left:0;
}
table.table tbody .date-cell {
	display:inline-block;
	width:37px;
	line-height:16px;
	margin:2px 0 0 0;
	vertical-align:0px;
}
table.table tbody .date-bar {
	vertical-align:8px;
}
table.table td .grade {
	display:inline-block;
	padding:1px 5px 0px 3px;
	background-color:#d690c2;
	color:#fff;
	font-weight:normal;
}
table.table .edit-cell {
	outline:none;
}
table.table .linefeed-check { margin:2px 0 3px 0; font-weight:normal; }
table.table .linefeed-check .label { vertical-align:1px; }
table.table .linefeed-check label { vertical-align:middle;  }
table.table .linefeed-text { margin:5px 0 2px 0; }
table.table .required { color:#f96f62; }

table.table .space-l { margin-left:10px; }
table.table .checkGroup { margin-left:7px; }
table.table .checkGroup .checkbox { margin-left:8px; }
table.table .checkGroup .label { vertical-align:1px; margin-left:8px; }
table.table .sum { font-weight:bold; }

table.table .textarea-count { margin:0; text-align:right; }
table.table .textarea-count .count { color:#098bbb; }

table.table .group-inline { margin-left:20px; }

table.table .btn-data-edit,
table.table .modify-cell .btn-data-save,
table.table .modify-cell .btn-data-edit { vertical-align:middle; }
table.table .modify-cell .btn-data-edit { margin-left:4px; }

table.table.horizon .addRow tr:first-child td,
table.table.horizon .addRow tr:first-child th { border-top:1px solid #aec9de; }


table.table .onOff-set label {position:relative; top:2px;} /* on, off ����ġ ��ư�� */
table.table .textLabel label { vertical-align:1px; } /* onoff��ư�� �ؽ�Ʈ�� ���� ������ ��� */

.fixedTable {position:fixed; width:100%; top:0; z-index:100;} /* ���̺��� Ʋ ������ */

/******************************
* ��� ��ڽ�
*******************************/
table.table.tool-box{
	border-top:none;
}
table.table thead tr.tool-box+tr th {
	border-top-color:#aec9de;
}

table.table thead tr.tool-box b+b {
	margin-right:15px;
}

table.table thead tr.tool-box button.devide:active:after {
	top:0px;
	right:-19px;
}

table.table thead .tool-box .counting { display:inline-block; width:108px; margin:0 0 0 -10px; color:#456ca8; text-align:center; }
table.table thead tr.tool-box .group { position:relative; display:inline-block; padding:0 15px 0 20px; }
table.table thead tr.tool-box .group:before {
	position:absolute;
	left:0;
	top:4px;
	width:1px;
	height:14px;
	background:#9cc3e1;
	content:"";
}
table.table thead tr.tool-box .subject { margin:0 6px 0 0; }

table.table thead tr.tool-box .orgImport {
	display:inline-block;
	position:relative;
	width:400px;
	height:19px;
	padding:0 81px 0 5px;
	border:1px solid #668fd6;
	background:#fff;
	vertical-align:middle;
}
table.table thead tr.tool-box .txImport {
	display:block;
	color:#666;
	height:100%;
	font-weight:normal;
	position: absolute;
	top:0px;
	width: 405px;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 18px;
}
table.table thead tr.tool-box .txImport strong { font-weight:bold; }
table.table thead tr.tool-box .btnImport {
	position:absolute;
	right:0;
	top:0;
	font-weight:bold;
	width:79px;
	height:18px;
	line-height:18px;
	color:#fff;
	background:#668fd6;
}
table.table thead tr.tool-box .btnImport .icon-org { margin-right:4px; }
table.table thead tr.tool-box .btnImport span {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

/******************************
* 보더형
*******************************/

table.table.border thead .bt-no th {
	border-top:none;
}

table.table.border .line-dot {
	border-left:none;
	background-image:url(images/tableLineDot.png);
	background-repeat:repeat-y;
}
table.table.border .bg {
	background-color:#fbfbfb;
}

table.table .dash {
	color:#cbdbe8;
	vertical-align:0px;
}
table.table .add-address {
	margin-top:4px;
}

table.table .date-cell {
	display:inline-block;
	width:36px;
}

table.table.border-thin { border-top-width:1px; }


/******************************
* ���̺? ���ڽ�
*******************************/
table.table td.hidden-box {
	display:none;
	padding:25px 30px;
	text-align:left;
}
table.table td.hidden-box.active {
	display:table-cell;
}
table.table.wageTable td.hidden-box.active{
	background: none;
}
table.table td.hidden-box .title {
	font-weight:bold;
}
table.table td.hidden-box .title.horizon {
	display:inline-block;
	float:left;
	margin-top:4px;
}
table.table td.hidden-box .title.horizon+div.label-set {
	display:inline-block;
	margin-left:42px;
}
div.table-unit {
	position:relative;
}

/******************************
* 锟斤拷锟教猴拷 锟斤拷锟� 锟斤拷筛锟斤拷锟� 锟节斤拷
*******************************/

.table-top-box .board-btn-set{
	float:left;
	margin-right:5px;
}

.ehr .table-top-box.has-right.viewType2 .area-right {
	right: 58px;
}
div.table-top-box .select {vertical-align:middle;border-radius:0;}

div.table-top-box .area-right .select.gbType {
	margin:0 -5px 0 5px;
}
div.table-top-box .area-right .select-type2 {
	margin-right:6px;
	padding: 0px 0px 0px 5px;
}
div.table-top-box .area-left {
	float:left;
}

div.table-top-box.has-title .sub-tit {
	position: absolute;
	left:0px;
	top: 12px;
}
div.table-top-box.no-height {
	min-height:27px;
	margin-top:-39px;
}


/*
div.table-top-box button.btn {
	border-color:#448ccb;
	color:#448ccb;
	background:#fff;
	font-weight:bold;
	height:25px;
	line-height:22px;
}
*/

div.table-top-box button.btn.btn-excel-down,
div.table-top-box button.btn.btn-excel-up {
	width:30px;
	min-width: 30px;
	height:27px;
	line-height:27px;
	border:1px solid #bac8db;
	background:none;
}
div.table-top-box button.btn.btn-excel-down {
	background: url(images/iconAll.png) no-repeat 5px -429px;
}

div.table-top-box button.btn.btn-excel-up {
	background: url(images/iconAll.png) no-repeat -22px -429px;
}
/******************************
* 锟斤拷锟斤拷隆
*******************************/
.paging {
	color:#666;
	font-weight:bold;
	text-align:right;
}
.paging input.text {
	margin-bottom:5px;
	height:25px;

	color:#1a70d2;
	border-color:#9eb6ca;
	border-radius:0px;
	font-weight:bold;
}
.paging button.btn {
	width:17px;
	font-size:18px;
	line-height:15px;
	color:#448ccb;
	font-weight:normal;
}
.paging span {
	display:inline-block;
	height:30px;
	line-height:25px;
	color:#448ccb;
	font-weight:normal;
}
.paging * {
	vertical-align:middle;
}

.paging-normal {
	text-align:center;
}
.paging-normal strong,
.paging-normal a {
	display:inline-block;
	height: 23px;
	width: 23px;
	box-sizing:border-box;
	margin:0 2px;
	color: #666;
	border: solid 1px transparent;
	font-size: 13px;
	line-height:23px;
	line-height: 23px;
	vertical-align: top;
	font-weight:normal;
	cursor: pointer;
	text-decoration: none;
	position: relative;
}
.paging-normal a.first{
	margin-right:0;
	width: 21px;
}
.paging-normal a.prev{
	margin-left:0;
	width: 21px;
	margin-right: 10px;;
}
.paging-normal a.next{
	margin-right:0;
	width: 21px;
	margin-left: 10px;
}
.paging-normal a.last{
	margin-left:0;
	width: 21px;
}
.paging-normal .active {
	color:#fff;
	border:none;
	font-weight: bold;
	background-color: #007fcb;
}
.ehr .paging-normal .active {
	background-color: #4c55a2;
}
.groupware .paging-normal .active {
	background-color: #007fcb;
}
.paging-normal .icon {
	vertical-align:1px;
	background: rgba(0, 0, 0, 0) url("/resources/erp/css/images/commonIcon.png") no-repeat scroll 0 0;
    vertical-align: 1px;
    position: absolute;
    left:6px;
    top:8px;
}

.paging-normal .next,
.paging-normal .prev {
	color:#777;
	text-decoration:none;
	font-weight:normal;
}
.paging-normal .prev {
	padding-left:0;
}

.paging-normal .icon-page-prev {
	display:inline-block;
	width:5px;
	height:7px;
	margin-right:9px;
	background-position: -676px -375px;
}

.paging-normal .icon-page-first {
	display:inline-block;
	width:9px;
	height:7px;
	background-position:-652px -375px;
}
.paging-normal .next { padding-right:0; }
.paging-normal .icon-page-next {
	display:inline-block;
	width:5px;
	height:7px;
	left:0;
	margin-left:9px;
	background-position: -697px -375px;
}
.paging-normal .icon-page-last {
	display:inline-block;
	width:9px;
	height:7px;
	background-position:-717px -375px;
}


/******************************
* 锟斤拷锟教猴拷 锟斤拷 锟斤拷锟斤拷
*******************************/
table.table td strong { /* 锟斤拷锟斤拷锟截撅拷锟斤拷 锟斤拷锟斤拷 */
	color:#666;
	font-weight: normal;
}
table.table td strong.txSolar{
	font-weight: normal;
}
table.table td strong.txLunar{
	font-weight: normal;
}
table.table .express { color:#2a5fbf; } /* 锟解埃 锟角达拷 锟捷撅拷 锟斤拷锟� */
table.table .express input.text {margin-left:5px;}


table.table .center .express-square { margin-left:0; }
table.table .fileAttachText { /* 锟斤拷锟斤拷梅锟斤拷锟截斤拷飘 */
	display:inline-block;
	height: 21px;
	line-height: 21px;
	border:1px solid #cbdbe8;
	margin-right: 2px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 0 5px 0 5px;
	box-sizing: border-box;
	vertical-align:middle;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

/******************************
* 锟斤拷锟教�? 锟斤拷锟斤拷锟斤拷 锟斤拷锟斤拷
*******************************/
table.table td i.fa-long-arrow-up {color:#18a2b6;}
table.table td i.fa-long-arrow-down {color:#f97769;}
table.table td i.fa-check {color:#189f21;}
table.table td i.fa-check.finish {color:#e1513f;}
table.table td i.fa-close {color:#abbac6;}
table.table td i.fa-ellipsis-h {color:#00a59f;}
table.table td i.fa-ellipsis-h.ongoing {color:#448ccb;}
table.table td i.fa-check.possible { color:#0d8ac0; }
table.table td i.icon-same { position:relative; display:inline-block; width:6px; height:2px; margin:-1px 3px 0 0; background:#18a2b6; vertical-align:middle;}

/******************************
* table.table td.workStatus .do-status
*******************************/
table.table td .tx-color-typeA {color:#fa7063;} /* 빨강 */
table.table td .tx-color-typeB {color:#0d8ac0;} /* 파랑 */
table.table td .tx-color-typeC {color:#f96f62;} /* 다홍 */
table.table td .tx-color-typeD {color:#00ab5b;} /*녹색 */

table.table td .link { color:#777777; text-decoration:none; }
table.table td .time { color:#666; }
table.table td .time.on { color:#666; }
table.table td .time.late { color:#666; }
table.table td.workStatus .do-status { margin-left:10px; }

table.table td .docu {
	display:inline-block;
	margin:0 5px 0 0;
	padding:0px 5px 0px 5px;
	height:17px;
	line-height:19px;
	vertical-align:0px;
	font-weight:bold;
}
table.table td .docu-type1 { color:#666;} /* 锟窖癸拷 */
table.table td .docu-type2 { color:#666;} /* 锟轿伙拷 */
table.table td .docu-type3 { color:#666;} /* 锟界公 */
table.table td .docu-type4 { color:#666;} /* 锟斤拷锟斤拷 */
table.table td .docu-type5 { color:#666;} /* 锟斤拷鸥 */

table.table td .docuModi1{
	margin-right: 5px;
}
table.table td .docuModi2{
	margin-right: 5px;
}
/* 锟斤拷锟教猴拷锟斤拷 锟节斤拷 */
.box-table-type {
	margin:0 0 20px 0;
	padding:12px 0 12px 15px;
	border-top: 2px solid #77a3bf;
	background: #f0f4f9;
	border-bottom: 1px solid #bcd3e1;
}
.box-table-type label { margin-right:15px; }

.box-type1.replaceType .box-head{
	border-bottom: none;
}
/* 锟斤拷锟教�? sort */
.tbl-sortbox {
	position:relative;
	width:100%;

}
.tbl-sortbox .sort {
	position:relative;
	padding-right:13px;
	font-weight:bold;
	color:#61697e;
}




.list-sort li {
	border-top:1px solid #dbe6ee;
}
.list-sort li:first-child {
	border-top:none;
}
.list-sort a {
	display:block;
	width:100%;
	padding:4px 10px 3px 15px;
	box-sizing:border-box;
	text-align:left;
	font-weight:normal;
	text-decoration:none;
	color:#666;
}

.list-sort a:hover {
	background:#e0f8f9;
}

.tbl-sort-check {
	display:inline;
	position:relative;
	z-index:20;
}
.tbl-sort-check .list-sort a {
	padding: 0px 10px 0px 15px;
}
.tbl-sort-check .list-sort.type2 a {
	padding:3px 10px 3px 15px;
}
.tbl-sort-check .list-sort.type2 li{
	line-height: 23px;
}
.tbl-sort-check .sort {
	display:inline-block;
	position:relative;
	width:16px;
	height:16px;
	margin:0;
	vertical-align: middle;
}
.tbl-sort-check .sort:before {
	left:3px;
	right:auto;
}
.selectAllBox .tbl-sort-check .list-sort{
	top:19px;
	left:-26px;
	border:1px solid #284a75;
}
.selectAllBox .tbl-sort-check .list-sort li{
	border-top: none;
}


/* 锟轿伙拷墨锟斤拷 锟斤拷锟斤拷锟斤拷 锟斤拷锟教猴拷 (锟斤拷锟斤拷锟斤拷锟斤拷)
table.table.memberTable tbody tr:nth-child(4n-1) td { background: #f8fafd;}
table.table tbody tr td.tdMamber {
	border-top:1px dotted #dbe6ee;
	padding:45px 25px 0 25px;
	background:#fff;
}

.tdMamber table.table tbody tr:nth-child(odd) th {
	background:#f1f8fe;
}
.tdMamber table.table tbody tr:nth-child(odd) td {
	background:#fff;
}


.tdMamber table.table.border thead tr:first-child th {background:#f1f8fe;}
*/


/* 15/10/30 锟竭帮拷锟铰憋拷 */
table.table tbody th.normal{
	border-top: 1px solid #bcd3e1;
}
table .va_t{
	vertical-align: top!important;
}

#work-le1y table.table input.text{
	padding-left: 0px;
}
table.tableVacation input.text{
	padding-left: 0;
}
table.table.tableHoliday input.text{
	padding-left: 0px;
}
table.table.total input.text{
	color: #666;
}

table.table #tplFormArea .btnArea{
	display: block;
	float: right;
}
table.table #tplFormArea .btnArea .clear{
	color: #007fcb;	
	position: relative;
}
table.table #tplFormArea .btnArea .clear:before{
	content: '';
	position: absolute;
	left:-8px;
	top:4px;
	width: 3px;
	height: 5px;
	background: url('images/groupwareIcon.png') no-repeat -474px -391px;
}
table.table #tplFormArea .btnArea button.btn{
	background-color: #7cb4d6;
	border-color: #7cb4d6;
}
table.table #tplFormArea td:nth-child(4) .btnArea button.btn{
	background-color: #7481ac;
	border-color: #7481ac;
}
table.tblBgNone.table.horizon tbody tr:nth-child(2n) th{

}
table .td-left .align-center{
	text-align: center;
}
.tblNew{
	position: relative;
	display: inline-block;
	padding-right:20px;
}
.tblNew:after{
    display: block;
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    right: 0px;
    top: 50%;
    margin-top: -10px;
    background: url('images/commonIcon.png') no-repeat -615px -371px;
}
.table .tblCaution{
	color: #007fcb;
	margin-top: 5px;
	position: relative;
	padding-left: 8px;
}
.remainNum+.tblCaution{
	line-height: 12px;
	margin-bottom: 9px;
	margin-top: 0;
}
.table .tblCaution:before{
	content: '*';
	display: block;
	position: absolute;
	top:2px;
	left:0;
}
.table .tblText{
	margin-top: 5px;
}
.table .tblText span{
	color: #007fcb;
}
table .msbl2{
	display: inline-block;
	margin-left: 15px;
}
.msbl2 .relatePsn{
	margin-right: 3px;
}
table .labelWrap{
	margin-top: 2px;
}
table .msbl2 button{
	margin-right: 3px;
}
table .tx{
	margin-left: 5px;
}
.tx .point{
	color: #007fcb;
}
table .fakeUploadWrap{
	position: relative;
}
table td.over-padding .fakeUploadWrap{
	margin-top: 8px;
}
/* Textarea in Table */
.textarea-wrap1{
	position: relative;
	border:1px solid #cadbe6;
	height: 95%;
	min-height:40px;
	margin:10px 0;
	overflow:hidden;
	background: #fff;
}
.textarea-wrap1.maxHeight40{
	max-height: 40px;
}
.textarea-wrap1.maxHeight60{
	max-height: 60px;
}
.textarea-wrap1.maxHeight135{
	max-height: 135px;
}
.textarea-wrap1.height135{
	height: 135px;
}
.textarea-wrap1.height135 .textarea-type1{
	height: 135px;
}
.textarea-wrap1.height100{
	height: 100px;
}
.textarea-wrap1.height100.margin5{
	margin:5px 0;
}
.textarea-wrap1.height100 .textarea-type1{
	height: 100px;
}
.textarea-wrap1 .textarea-type1{
	width: 100%;
	resize:none;
	height:100%;
	border:none;
	outline:none;
	padding: 5px;
	overflow-x: hidden;
	overflow-y: scroll;
	box-sizing:border-box;
}
.textarea-wrap1 .textarea-type1:disabled{
	height:100%;
	background: #eef3f7;
}
.textarea-wrap1 .textarea-type1:disabled + .letter-count{
	display: none;
}
.textarea-wrap1 .letter-count{
	color: #2e728c;
	position: absolute;
	bottom:0px;
	right:9px;
}
.textarea-wrap1 .letter-count span{
	color: #426e89;
	font-weight: bold;
}
.textarea-wrap1 .letter-count em{
	color: #426e89;
}
.textareaWrap .textarea-wrap1{
	margin-bottom: 0;
}
/* 01/22*/
.fakeUpload{
	position: relative;
	overflow: hidden;
	display: block;
}
.fakeUpload.height27{
	height: 27px;
}
.fakeUpload input{
	width: 100%;
	height: 100%;
	position: absolute;
	left:0;
	top:0;
	opacity:0;
	text-indent: -9999px;
	cursor:pointer;
}
.fakeUpload button.btn.btn-s8{
	position: absolute;
	right: 49px;
	width: 49px;
	height: 25px;
	line-height: 25px;
	display: block;
	margin-right: 0;
}
.fakeUpload.type2 button.button.s-type1{
	position: absolute;
	right: 40px;
	width: 49px;
	height: 21px;
	line-height: 20px;
	display: block;
	margin-right: 0;
}
.fakeBtnDel.type2{
	position: absolute;
	top:0px;
	right: 0;
	z-index: 10;
	width: auto;
}
.stepBoxSetupCon .fakeBtnDel.type2{
	top:3px;
}
.fakeBtnDel.type2 button.button.s-type1{
	background: #416087;
}
.fakeBtnDel.type2 button{
	height: 21px;
	line-height: 20px;
}
.fakeUpload.type2.fakeBtnDel button.s-type1{
	vertical-align: top;
	background: #416087;
	background-color: #416087;
	width: 49px;
	height: 21px;
	line-height: 20px;
}
.fakeUpload.type2 span{
	float: left;
	width: 100%;
	border:1px solid #ccdae4;
	box-sizing:border-box;
	height: 21px;
	line-height: 20px;
	padding: 0 0 0 10px;
	font-size:11px;
	color: #333;
	background: #fff;
}
.fakeUpload .btn-s11:active{
	left:auto;
	top:1px;
}
.fakeBtnDel{
	position: absolute;
	top:0;
	right: 0px;
	z-index: 10;
	width: 49px;
	height: 27px;
}
.fakeBtnDel button.btn.btn-mini.btn-s11{
	vertical-align: top;
}/* 01/22 */
.fakeBtnDel button.btn.btn-s11{
	width: 49px;
	height: 25px;
}
.fakeUpload .btn-s8:active{
	left:auto;
	top:1px;
}
.fakeUpload .btn-s11:active{
	left:auto;
	top:1px;
}
.fakeUpload span{
	float: left;
	width: 100%;
	border:1px solid #ccdae4;
	box-sizing:border-box;
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 10px;
	font-size:11px;
	color: #333;
	background: #fff;
}
.upload-delete{
	position: relative;
}
.upload-delete + .thumnailTxt{
	margin-top: 8px;
}
table .TitPlusBtn{
	position: relative;
	margin:17px 0 10px 0;
	overflow: hidden;
}
.TitPlusBtn .tblTitle{
	font-size:14px;
	color: #333;
	font-weight: bold;
	float: left;
}
.TitPlusBtn button{
	display: block;
	float: right;
}
.TitPlusBtn .icon.btnPlus3{
	width: 6px;
	height: 6px;
	background-position: -192px -425px;
}
table.table.tblTabType2{
	border-top: 1px solid #bac8db;
}
table.table.tblTabType2 thead th{
	padding-top: 3px;
	padding-bottom: 1px;
}
table.table.ng-isolate-scope tbody th{
	height: 38px;
	min-height:34px;
	padding: 0px 5px 0px 5px;
}

table.thHeightType1 thead th{
	line-height: 15px;
	height: 31px;
}
table.table thead .thHeightType1 th{
	line-height: 15px;
	height: 31px;
}
table.table.thHeightType2 th{
	line-height: 22px;
	height: 31px;
}
table.dualTh thead th{
	line-height: 15px;
	height: 30px;
}

table.table thead .adjustLineheight th{
	line-height: 22px;
}

table.table.ov tbody td{
	overflow: visible;
}

/* LNB 锟接斤拷 锟斤拷锟角硷拷 */
.ehr #leftMenu .lnb li.icon-hrc .menu:before {
	background-position: -10px -510px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-hrc .menu:before {
	background-position: -51px -510px;
}
.ehr #leftMenu .lnb li.icon-orm .menu:before {
	background-position: -10px -554px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-orm .menu:before {
	background-position: -51px -554px;
}
.ehr #leftMenu .lnb li.icon-crt .menu:before {
	background-position: -10px -598px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-crt .menu:before {
	background-position: -51px -598px;
}
.ehr #leftMenu .lnb li.icon-rew .menu:before {
	background-position: -10px -643px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-rew .menu:before {
	background-position: -51px -643px;
}
.ehr #leftMenu .lnb li.icon-arr .menu:before {
	background-position: -10px -688px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-arr .menu:before {
	background-position: -51px -688px;
}
.ehr #leftMenu .lnb li.icon-mrg .menu:before {
	background-position: -10px -733px;
}
.ehr #leftMenu .lnb li.icon-dwm .menu:before {
	background-position: -10px -778px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-dwm .menu:before {
	background-position: -51px -778px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-mrg .menu:before {
	background-position: -51px -733px;
}
.ehr #leftMenu .lnb li.icon-null .menu:before {
	background-position: -10px -774px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-null .menu:before {
	background-position: -51px -774px;
}
.ehr #leftMenu .lnb li.icon-sal .menu:before {
	background-position: -10px -823px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-sal .menu:before {
	background-position: -51px -823px;
}
.ehr #leftMenu .lnb li.icon-null .menu:before {
	background-position: -10px -862px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-null .menu:before {
	background-position: -51px -862px;
}
.ehr #leftMenu .lnb li.icon-null .menu:before {
	background-position: -10px -906px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-null .menu:before {
	background-position: -51px -906px;
}
.ehr #leftMenu .lnb li.icon-hsy .menu:before {
	background-position: -10px -958px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-hsy .menu:before {
	background-position: -51px -958px;
}
.ehr #leftMenu .lnb li.icon-ds .menu:before {
	background-position: -10px -868px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-ds .menu:before {
	background-position: -51px -868px;
}
.ehr #leftMenu .lnb li.icon-hrc .menu:before {
	background-position: -10px -510px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-hrc .menu:before {
	background-position: -51px -510px;
}
.ehr #leftMenu .lnb li.icon-wok .menu:before {
	background-position: -92px -510px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-wok .menu:before {
	background-position: -133px -510px;
}
.ehr #leftMenu .lnb li.icon-bst .menu:before {
	background-position: -92px -553px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-bst .menu:before {
	background-position: -133px -553px;
}
.ehr #leftMenu .lnb li.icon-vac .menu:before {
	background-position: -92px -598px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-vac .menu:before {
	background-position: -133px -598px;
}
.ehr #leftMenu .lnb li.icon-wkc .menu:before {
	background-position: -92px -644px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-wkc .menu:before {
	background-position: -133px -644px;
}
.ehr #leftMenu .lnb li.icon-wm .menu:before {
	background-position: -10px -189px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-wm .menu:before {
	background-position: -51px -189px;
}
.ehr #leftMenu .lnb li.icon-wa .menu:before {
	background-position: -92px -644px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-wa .menu:before {
	background-position: -133px -644px;
}
.groupware #leftMenu .lnb li.icon-rqm .menu:before {
	background-position: -256px -53px;
}
.groupware #leftMenu .lnb li.depth1Selected.icon-rqm .menu:before {
	background-position: -297px -53px;
}
.groupware #leftMenu .lnb li.icon-bgm .menu:before {
	background-position: -92px -53px;
}
.groupware #leftMenu .lnb li.depth1Selected.icon-bgm .menu:before {
	background-position: -133px -53px;
}
.ehr #leftMenu .lnb li.icon-ast .menu:before {
	background-position: -10px -778px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-ast .menu:before {
	background-position: -51px -778px;
}

.ehr #leftMenu .lnb li.icon-pt .menu:before {
	background-position: -10px -688px;
}
.ehr #leftMenu .lnb li.depth1Selected.icon-pt .menu:before {
	background-position: -51px -688px;
}

/* 라디오 클릭에 따른 인풋 체인지 */
table [data-radio="disable"] .icon.groupware.icon-arrow4{
	display: none;
}
table [data-radio="disable"] label.active .icon.groupware.icon-arrow4{
	display: block;
}
table [data-radio="disable"] label.active .icon.icon-arrow6{
	display: none;
}
/*button에서 온 쓰레기들*/
.orgList .func button.icon.icon-del{
	background-position: -89px -483px;
}
.boxBtnClose .icon.icon-btn-close {
	background-position: -70px -405px;
	width: 11px;
	height: 11px;
	display: block;
}
.btnModify{
	display: inline-block;
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: relative;
	vertical-align: middle;
}
.btnDel{
	display: inline-block;
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: relative;
	vertical-align: middle;
	margin-right: 10px;
}
.btnModify .icon-pencil2{
	position: absolute;
	top:4px;
	right:4px;
}
.btnModify .icon-pencil1{
	position: absolute;
	transition:all 0.3s ease;
	top:-20px;
	right:4px;
}
.btnModify:hover .icon-pencil2{
	display: none;
}
.btnModify:hover .icon-pencil1{
	position: absolute;
	top:4px;
	right:4px;
}
.boxBtnClose{
	position: absolute;
	top:7px;
	right: 6px;
	background: none;
	border: none;
	width: 12px;
	height: 12px;
}
.boxBtnClose:hover{
	top:8px;
}
.boxBtnClose:active{
	top:9px;
}
.btnDel .icon-x3{
	position: absolute;
	top:12px;
	right:4px;
}
.btnDel.type3 .icon-x3{
	top:6px;
}
.btnDel.type3 .icon-close1{
	top:-16px;
	right: 4px;
	position: absolute;
	transition:all 0.3s ease;
}
.btnDel.type3:hover .icon-close1{
	top:6px;
}
.btnDel.type3:hover .icon-x3{
	display: none;
}
.btnDel.type2 .icon-close1{
	position: absolute;
	transition:all 0.3s ease;
	top:-20px;
	right:4px;
}
.btnDel.type2:hover .icon-close1{
	top:12px;
	right:4px;
}
.btnDel:hover .icon-x3{
	display: none;
}
.btnDel:hover .icon-close2{
	position: absolute;
	top:4px;
	right:4px;
}
/* 법인카드, 예약및 신청에 들어가는 테이블토글 */
.guideSpeechWrap.active .toggleTbl{
    display: table;
}
.guideSpeechWrap.active .toggleDiv{
    display: block;
}
.guideSpeechWrap .guideSpeech{
	margin-bottom: 10px;
	position: relative;
	cursor:pointer;
	overflow: hidden;
}
.guideSpeechWrap.addDelMode{
	margin-bottom: 7px;
	position: relative;
}
.guideSpeech .tx1{
	color: #333;
	font-size:12px;
	position: relative;
	padding-left: 10px;
	font-weight: bold;
}
.guideSpeechWrap.addDelMode .tx1{
	padding-left: 0;
}
.guideSpeechWrap.addDelMode .tx1 .tx1span{
	margin-left: 8px;
	font-weight: normal;
}
.guideSpeechWrap.addDelMode .tx1:before{
	background: none;
}
.guideSpeech .tx1:before{
	width: 2px;
	height: 13px;
	background: #6d7bf5;
	content: '';
	position: absolute;
	left:0;
	top:0;
}
.groupware .guideSpeech .tx1:before{
	background: #239ebd;
}
.guideSpeech .tx1:after{
	content: "";
    border-top: dashed 1px #cccccc;
    display: block;
    position: absolute;
    width: 2000px;
    left: 150px;
    top: 7px;
}
.guideSpeech .tx1.left70:after{
	left:70px;
}
.guideSpeech .tx2{
	position: absolute;
	right:0;
	top:0;
	display: block;
	width: 50px;
	height: 20px;
	background: #fff;
}
.addDelMode .guideSpeech .tx2{
	display: inline-block;
	width: auto;
	top:2px;
}
.addDelMode .guideSpeech .tx3{
	color: #333;
	font-size:11px;
	padding-right: 15px;
	font-weight: bold;
}
.addDelMode .guideSpeech .tx3:before{
	content: none;
}
.guideSpeechWrap.active.addDelMode .guideSpeech .tx3:before{
	content: none;
}
.guideSpeechWrap.addDelMode .guideSpeech .tx3:after{
	border: 4px solid #ffa726;
	border-right: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
    top:4px;
}
.guideSpeechWrap.addDelMode.active .guideSpeech .tx3:after{
	border: 4px solid #ffa726;
	border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    top:6px;
}
.guideSpeech .tx3{
	position: relative;
}
.guideSpeech .tx3:before{
	content: '펼치기';
	font-size:11px;
	color: #9f66c8;
	position: absolute;
	right:13px;
	top:0px;
	width: 33px;
} 
.guideSpeechWrap.active .guideSpeech .tx3:before{
	content: '닫기';
	right: 5px;
}
.guideSpeechWrap .guideSpeech .tx3:after{
	position: absolute;
    right: 0px;
    top: 8px;
    margin: 0px 0 0 0;
    border: 4px solid #9f66c8;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}
.guideSpeechWrap.active .guideSpeech .tx3:after{
	position: absolute;
    top: 3px;
    border: 4px solid #9f66c8;
    border-right: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid transparent;
}
table.toggleTbl{
	display: none;
}
.toggleDiv{
	display: none;
}
/* 박스 타이틀 */
.box-title{
    width: 29px;
    height: 18px;
    line-height: 19px;
    color: #fff;
    font-size: 11px;
    display: inline-block;
    background: #4965b4;
    text-align: center;
    vertical-align: top;
}
.box-title.bg1{
	background: #92806b;
}
.box-title2{
	width: 11px;
	height: 11px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background: #0097cb;
	text-align: center;
	cursor:pointer;
}
.box-title2 .icon{
	position: absolute;
	left:3px;
	top:2px;
}
.box-title2:hover{
	background: #0075b5;
}
/* 하이브리드 셀렉트박스 */
.hybrid-selectbox{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 99;
}
.hybrid-selectbox .selectarea{
	min-width: 107px;
	height: 21px;
	line-height: 21px;
	position: relative;
	border:1px solid #4b94cd;
	color: #777;
	font-size:12px;
	cursor:pointer;
	box-sizing:border-box;
	padding-left: 8px;
	padding-right: 17px;
}
.hybrid-selectbox .icon{
	position: absolute;
	right:7px;
	top:8px;
}
.hybrid-selectbox .slt-list{
	border:1px solid #4b94cd;
	position: absolute;
	top:20px;
	left:0;
	min-width: 105px;
	display: none;
	border-top: none;
}
.hybrid-selectbox.active .slt-list{
	display: block;
}
.hybrid-selectbox .slt-listLi{
	height: 21px;
	line-height: 21px;
	box-sizing:border-box;
	font-size:12px;
	color: #777;	
	background: #fff;
}
.hybrid-selectbox .slt-listLi:hover{
	background: #cbe9f2;
}
.ehr .hybrid-selectbox .slt-listLi:hover{
	background: #cbe1f2;
}
.hybrid-selectbox .slt-listLi .checkbox-3{
	width: 100%;
    height: 100%;
    float: left;
    line-height: 21px;
    padding-left:8px;
}
.hybrid-selectbox .slt-listLi .checkbox-3 input + span{
	top:3px;
	left: 8px;
}
/* 전사공지 2016/06/16 */
.introNewEm{
	border:1px solid #ccdae5;
	border-top: 2px solid #82a1c7;
}
.introNewEm .introNewEmLi{
	border-bottom: 1px solid #ccdae5;
	overflow: hidden;
	min-height:170px;
	position: relative;
}
.introNewEm .introNewEmLi:last-child{
	border-bottom: none;
}
.introNewEmLi .picArea{
	width: 178px;
	border-right: 1px solid #e7eef3;
	position: absolute;
	background: #f8fafd;
	top:0;
	bottom:0;
}
.introNewEmLi.team .picArea{
	background: #fffff9;
}
.introNewEmLi .picArea .pic{
	position: relative;
	height: 100%;
}
.picArea .pic:before{
	content: '';
	position: absolute;
	left:50%;
	top:25px;
	width: 124px;
	height: 122px;
	margin:0px 0 0 -61px;
	z-index: 1;
	background: url('images/groupwareIcon.png') no-repeat -250px -871px;
}
.introNewEmLi.team .pic:before{
	background-position: -386px -871px;
}
.picArea .pic .icon-medal-long{
	position: absolute;
	left:9px;
	top:0px;
}
.picArea .pic .user-wrap-wrap{
	position: absolute;
	left:50%;
	top:50px;
	margin:0px 0 0 -36px;
}
.picArea .pic .user-wrap-wrap .user-frame{
	width: 72px;
	height: 72px;
	border-radius:50%;
}
.picArea .pic .user-wrap-wrap .user-frame .icon.empty.type34,
.picArea .pic .user-wrap-wrap .user-frame .icon.empty.type35{
	width: 72px;
	height: 72px;
	background-position: -1581px -1406px;
}
.table .rewardTopArea .title{
	display: inline-block;
	font-weight: bold;
	color: #555;
	margin-left: 8px;
	text-align:left;
	width: 101px;
}
.table .rewardTopArea .rewardTitle{
	display: inline-block;
	font-weight: bold;
	color: #555;
	margin-left: 8px;
	text-align:left;
	width: 109px;
}
.table .rewardTopArea + .titleText{
	padding-left: 25px;
	text-align:left;
}
.introNewEmLi .picArea .infoImg{
	width: 72px;
	height: 72px;
	display: block;
	position: absolute;
	left:50%;
	top:50%;
	margin:-39px 0 0 -36px;
	border-radius:50%;
}
.introNewEmLi .infoArea{
	margin-left: 179px;
	padding:27px;
}
.infoArea .infoDt{
	color: #4965b4;
	font-size:14px;
	display: inline-block;
	position: relative;
	margin-right: 17px;
	font-weight: bold;
}
.infoArea .infoDt:after{
	content: '';
	width: 1px;
	height: 10px;
	background: #ccc;
	position: absolute;
	top:3px;
	right:-11px;
}
.infoArea .infoDd{
	font-size:11px;
	color: #666;
	display: inline-block;
}
.infoArea .text1{
	color: #ef294a;
	font-size:11px;
	margin:1px 0 9px 0;
}
.infoArea .text2{
	border-top:1px dotted #ccdae5;
	padding-top: 11px;
	font-size:12px;
	color: #888;
}
.infoArea .titleArea{
	margin-bottom: 5px;
}
.infoArea .titleArea .box-title{
	margin-right: 3px;
}
.infoArea .titleType2{
	font-size:14px;
	color: #000;
	display: inline-block;
	font-weight: bold;
}
.titleType3{
	display: inline-block;
    font-weight: bold;
    color: #555;
    margin-left: 8px;
    text-align: left;
    width: 101px!important;
}
.infoArea .title .fw-n{
	font-size:12px;
}
.teamList{
	border-left: 1px solid #d3e0e9;
}
.teamList .teamListLi{
	float: left;
	width: 33.3%;
	border-bottom: 1px solid #d3e0e9;
	border-right: 1px solid #d3e0e9;
	background: #fcfcfb;
	padding: 22px 18px;
	box-sizing:border-box;
}
.teamList .teamListLi:nth-child(3n+1){
	width: 33.4%;
}
.teamList .teamListLi .tx2-wrap{
	display: inline-block;
	margin-right: 7%;
	width: 73px;
	position: relative;
}
.teamList .teamListLi .tx2-wrap:after{
	content: '/';
	position: absolute;
	right:-4%;
	top:0px;
	color: #e3e3e3;
}
.teamList .teamListLi .tx2{
	font-size:12px;
	color: #666;
}
.teamList .teamListLi .tx3{
	font-size:12px;
	color: #666;
	width: 72px;
	display: inline-block;
}
.teamListLi .user-wrap .overTxt{
	font-size:12px;
	color: #666;
	overflow: visible;
}
.teamListLi .teamListLiUl{
	display: table;
	width: 100%;
	table-layout: fixed;
}
.teamListLi .teamListLiUl .teamListLiUlLi{
	display:table-cell;
	position: relative;
}
.teamListLi .teamListLiUl .teamListLiUlLi:nth-child(2){
	text-align:center;
	box-sizing:border-box;
	padding-left: 15px;
}
.teamListLi .teamListLiUl .teamListLiUlLi:nth-child(3):after{
	content: '';
}
.teamListLi .teamListLiUl .teamListLiUlLi:nth-child(3){
	text-align:center;
}
.teamListLi .teamListLiUl .teamListLiUlLi:after{
	content: '/';
	position: absolute;
	right:-15%;
	top:0px;
	color: #e3e3e3;
}
.emptyBox .empty{
	margin-bottom: 10px;
}
.emptyBox{
	min-height: 300px;
	box-sizing:border-box;
	padding-top: 100px;
}
/* Selectbox-3 2016/07/07 */
.selectbox-3{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	line-height: normal;
}
.selectbox-3 select{
	min-width:86px;
	height: 24px;
	border:1px solid #161b27;
	padding:2px 20px 0 10px;
	outline:none;
	cursor:pointer;
	background-color: transparent;
	position: relative;
	z-index: 10;
	color: #8a8c94;
}
.selectbox-3 i{
	position: absolute;
	left:1px;
	right:1px;
	top:1px;
	bottom:1px;
	background: #161b27;
}
.selectbox-3 i:after{
	position: absolute;
	background: url('images/commonIcon.png') no-repeat -458px -387px;
	right:7px;
	top:9px;
	content: '';
	width: 7px;
	height: 4px;
	z-index: 9;
}
.selectbox-3 option{
	background: #161b27;
}