@charset "utf-8";
@import url(../font/NanumGothic.css);
@import url(../font/YoonGothic.css);
@import url(../font/esamanru.css);
@import url(reset.css);

html {
	font-size: 16px;
	line-height: 16px;
	overflow-y: scroll;
}



body {
	font-family: esamanru, yg, '나눔고딕', NanumGothic, nbg, ng, '돋움', Sans-Serif;
	font-weight: normal;
	font-size: 16px;
	height: 100%;
	width: 100%;
}
input, textarea, select, label, button, th, td {
	font-family: esamanru, yg, '나눔고딕', NanumGothic, nbg, ng, '돋움', Sans-Serif;
	vertical-align: middle
}

input[type=text]:disabled, textarea:disabled, input:not([type]):disabled, select:disabled
{
	background-color:#efefef;
}
textarea {
	resize: none;
}

input::-webkit-input-placeholder	{ color:#c2c3c3; }
input::-moz-placeholder				{ color:#c2c3c3; }
input:-ms-input-placeholder			{ color:#c2c3c3; }
input:-moz-placeholder				{ color:#c2c3c3; }
input::placeholder					{ color:#c2c3c3; }

.p_up { color:#00A0E9; }
.p_down { color:#E83828; }
table { border-spacing:0 }
button{ padding:0; margin:0; border:0; background-color:#fff; line-height:0; font-size:0; }
.wrap {
	overflow: hidden;
	min-width: 1300px;
}

.showarea {
	width: 1300px;
	margin: 0 auto;
}

.left { float:left }
.right { float:right }
/* 전체영역에 들어갈 로딩이미지 */
#viewLoading {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	background: url('/Content/images/common/viewLoading.gif') no-repeat center center;
	background-color: rgba(30, 30, 30, 0.3);
}

/* 세부영역에 들어갈 로딩이미지 */
.loader {
	width: 100%;
	height: 100%;
	background: url('/Content/images/common/viewLoading.gif') no-repeat center center;
	position: relative;
	z-index: 1000000;
	background-color: rgba(30, 30, 30, 0.1);
}


/* color 클래스*/

.c01 { color:#FFFFFF; }
.c02 { color:#000000; }
/*.c03 { color:#EC6800; } 회사별 color에 따름*/
/*.c04 { color:#FDF9F6; } 회사별 color에 따름*/
.c05 { color:#96901E; }
.c06 { color:#AAA729; }
.c07 { color:#C9C12D; }
.c08 { color:#FCFEF8; }
.c09 { color:#F5F5F5; }
.c10 { color:#F2F2F2; }
.c11 { color:#E2E2E2; }
.c12 { color:#C2C3C3; }
.c13 { color:#878787; }
.c14 { color:#595656; }
.c15 { color:#383838; }

.c16 { color:#D31321; } /* alarm용 color */

.c17 { color:#282896; } /* 나로부터 Main color */
.c18 { color:#F79292; } /* 나로부터 Sub color */
.c19 { color:#FFF5F5; } /* 나로부터 bg color */
.c20 { color:#182D7B; } /* UR Main color */
.c21 { color:#F9A819; } /* UR Sub color */
.c22 { color:#FDF8E9; } /* UR bg color */

.bg_c01 { background-color:#FFFFFF; }
.bg_c02 { background-color:#000000; }
/*.bg_c03 { background-color:#EC6800; } 회사별 color에 따름*/
/*.bg_c04 { background-color:#FDF9F6; } 회사별 color에 따름*/
.bg_c05 { background-color:#96901E; }
.bg_c06 { background-color:#AAA729; }
.bg_c07 { background-color:#C9C12D; }
.bg_c08 { background-color:#FCFEF8; }
.bg_c09 { background-color:#F5F5F5; }
.bg_c10 { background-color:#D9EEF7; }
.bg_c11 { background-color:#E2E2E2; }
.bg_c12 { background-color:#C2C3C3; }
.bg_c13 { background-color:#878787; }
.bg_c14 { background-color:#595656; }
.bg_c15 { background-color:#383838; }

.bg_c16 { background-color:#D31321; } /* alarm용 color */

.bg_c17 { background-color:#282896; } /* 나로부터 Main color */
.bg_c18 { background-color:#F79292; } /* 나로부터 Sub color */
.bg_c19 { background-color:#FFF5F5; } /* 나로부터 bg color */
.bg_c20 { background-color:#182D7B; } /* UR Main color */
.bg_c21 { background-color:#F9A819; } /* UR Sub color */
.bg_c22 { background-color:#FDF8E9; } /* UR bg color */


/*	회사별 Color 재지정 (2022-06-24)
엘리오
#EC6800
#FAD6B9
#FDF9F6

유알스코프
#F9A819
#FFDB8E
#FFFFF1

나로부터
#282896
#E0F0FA
#F0F8FF
*/













.wrap.cmp_E .c03, .wrap .c03.cmp_E { color:#EC6800; }
.wrap.cmp_U .c03, .wrap .c03.cmp_U { color:#F9A819; }
.wrap.cmp_N .c03, .wrap .c03.cmp_N { color:#282896; }

.wrap.cmp_E .c_hover_03:hover { color:#EC6800; }
.wrap.cmp_U .c_hover_03:hover { color:#F9A819; }
.wrap.cmp_N .c_hover_03:hover { color:#282896; }

.wrap.cmp_E .c_hover_03.sel { color:#EC6800; }
.wrap.cmp_U .c_hover_03.sel { color:#F9A819; }
.wrap.cmp_N .c_hover_03.sel { color:#282896; }

.wrap.cmp_E .c_hover_bg_03:hover { background-color:#EC6800;  }
.wrap.cmp_U .c_hover_bg_03:hover { background-color:#F9A819;  }
.wrap.cmp_N .c_hover_bg_03:hover { background-color:#282896;  }

.wrap.cmp_E .c_hover_bg_03.sel { background-color:#EC6800; }
.wrap.cmp_U .c_hover_bg_03.sel { background-color:#F9A819; }
.wrap.cmp_N .c_hover_bg_03.sel { background-color:#282896; }

.wrap.cmp_E .c_hover_border_03:hover { border-color:#EC6800;  }
.wrap.cmp_U .c_hover_border_03:hover { border-color:#F9A819;  }
.wrap.cmp_N .c_hover_border_03:hover { border-color:#282896;  }

.wrap.cmp_E .c_hover_border_03.sel { border-color:#EC6800; }
.wrap.cmp_U .c_hover_border_03.sel { border-color:#F9A819; }
.wrap.cmp_N .c_hover_border_03.sel { border-color:#282896; }

.wrap.cmp_E .c04, .wrap .c04.cmp_E { color:#FDF9F6; }
.wrap.cmp_U .c04, .wrap .c04.cmp_U { color:#FFFFF1; }
.wrap.cmp_N .c04, .wrap .c04.cmp_N { color:#F0F8FF; }

.wrap.cmp_E .alarm_color { color:#EC6800; }
.wrap.cmp_U .alarm_color { color:#D31321; }
.wrap.cmp_N .alarm_color { color:#D31321; }

.wrap.cmp_E .bg_c03 { background-color:#EC6800; }
.wrap.cmp_U .bg_c03 { background-color:#F9A819; }
.wrap.cmp_N .bg_c03 { background-color:#282896; }

.wrap.cmp_E .bg_c04 { background-color:#FDF9F6; }
.wrap.cmp_U .bg_c04 { background-color:#FFFFF1; }
.wrap.cmp_N .bg_c04 { background-color:#F0F8FF; }

.wrap .bg_c03.cmp_E { background-color:#EC6800; }
.wrap .bg_c03.cmp_U { background-color:#F9A819; }
.wrap .bg_c03.cmp_N { background-color:#282896; }

.wrap .bg_c04.cmp_E { background-color:#FDF9F6; }
.wrap .bg_c04.cmp_U { background-color:#FFFFF1; }
.wrap .bg_c04.cmp_N { background-color:#F0F8FF; }

.wrap.cmp_E .alarm_bg_color { background-color:#EC6800; }
.wrap.cmp_U .alarm_bg_color { background-color:#D31321; }
.wrap.cmp_N .alarm_bg_color { background-color:#D31321; }

.wrap.cmp_E .border_t_c03 { border-top-color:#EC6800; }
.wrap.cmp_U .border_t_c03 { border-top-color:#F9A819; }
.wrap.cmp_N .border_t_c03 { border-top-color:#282896; }
.wrap.cmp_E .border_r_c03 { border-right-color:#EC6800; }
.wrap.cmp_U .border_r_c03 { border-right-color:#F9A819; }
.wrap.cmp_N .border_r_c03 { border-right-color:#282896; }
.wrap.cmp_E .border_l_c03 { border-left-color:#EC6800; }
.wrap.cmp_U .border_l_c03 { border-left-color:#F9A819; }
.wrap.cmp_N .border_l_c03 { border-left-color:#282896; }
.wrap.cmp_E .border_b_c03 { border-bottom-color:#EC6800; }
.wrap.cmp_U .border_b_c03 { border-bottom-color:#F9A819; }
.wrap.cmp_N .border_b_c03 { border-bottom-color:#282896; }

.wrap.cmp_E .border_c03 { border-color:#EC6800; }
.wrap.cmp_U .border_c03 { border-color:#F9A819; }
.wrap.cmp_N .border_c03 { border-color:#282896; }

.wrap.cmp_E .alarm_icon1 { background-image: url('/Content/images/common/H_alarm1.png'); }
.wrap.cmp_U .alarm_icon1 { background-image: url('/Content/images/common/H_alarm1_red.png'); }
.wrap.cmp_N .alarm_icon1 { background-image: url('/Content/images/common/H_alarm1_red.png'); }

.wrap.cmp_E .alarm_icon2 { background-image: url('/Content/images/common/H_alarm2.png'); }
.wrap.cmp_U .alarm_icon2 { background-image: url('/Content/images/common/H_alarm2_red.png'); }
.wrap.cmp_N .alarm_icon2 { background-image: url('/Content/images/common/H_alarm2_red.png'); }

#divBubble {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	max-width: 800px;
	z-index: 500000;
	/*background-color: #f5f5f5;*/
	padding: 8px;
	font-size: 14px;
	line-height: 20px;
	border-width:1px;
	border-style:solid;
	
}


/* divTopLink */
#__divTopLink {
	height: 30px;
	width: 100%;
	background-color: #f2f2f2;
	position: fixed;
	z-index: 99999;
}

	#__divTopLink .showarea {
		display: flex;
		justify-content: space-between;
	}

		#__divTopLink .showarea .divTopLinkItem {
			height: 24px;
			color: #000000;
			font-size: 16px;
			line-height: 30px;
			cursor: pointer;
		}

			#__divTopLink .showarea .divTopLinkItem:hover {
				text-decoration: none;
				border-bottom: 1px solid #000000;
				padding-bottom: -11px;
			}

		#__divTopLink .showarea .divTopLinkBar {
			background-color: #c2c3c3;
			width: 1px;
			height: 16px;
			margin-top: 7px;
		}

/* _Web에 포함된 영역 */
.divLogout {
	width: 90px;
	height: 30px;
	color: #000000;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	padding-left: 20px;
	background-image: url('/Content/images/common/iconLogout.png');
	background-repeat: no-repeat;
	background-position: 7px center;
	cursor: pointer;
}

#__divTop {
	position: fixed;
	top: 30px;
	width: 100%;
	z-index: 99998;
	background-color: #ffffff;
	padding-bottom:12px;
}
	#__divTop .showarea {
		border-bottom: 1px solid #e2e2e2;
	}

	#__divTop #__divTopInfo {
		height: 80px;
		background-color: #ffffff;
		overflow: hidden;
	}

		#__divTop #__divTopInfo #__divCompanyLogo {
			height: 38px;
			width: 165px;
			margin: 18px 0px 18px 0px;
			float: left;
			cursor: pointer;
		}

		#__divTop #__divTopInfo #__divNoti {
			height: 36px;
			width: 185px;
			margin: 19px 0px 19px 42px;
			float: left;
			font-size: 14px;
			line-height: 14px;
		}

			#__divTop #__divTopInfo #__divNoti .noti_title {
				width:53px;
				height:100%;
				background-repeat: no-repeat;
				background-position: left center;
				padding-left: 8px;
				font-size: 16px;
				line-height: 34px;
				font-weight: 600;
				float: left;
			}

			#__divTop #__divTopInfo #__divNoti .noti_title_bar {
				width: 2px;
				height: 16px;
				margin: 9px 14px;
				float: left;
			}

			#__divTop #__divTopInfo #__divNoti .noti_box {
				background-repeat: no-repeat;
				background-position: left center;
				padding-left: 0px;
				font-size: 16px;
				line-height: 34px;
				float: left;
				margin-right: 0px;
				cursor: pointer;
			}

				#__divTop #__divTopInfo #__divNoti .noti_box:last-child {
					margin-right: 0px;
				}


				#__divTop #__divTopInfo #__divNoti.zero .noti_title
				, #__divTop #__divTopInfo #__divNoti.zero .noti_title_bar
				, #__divTop #__divTopInfo #__divNoti.zero .noti_box
			    , #__divTop #__divTopInfo #__divNoti.zero .noti_frame {
					display: none;
				}

		#__divTop #__divTopInfo #__divSearch {
			height: 36px;
			width: 430px;
			margin: 19px 0px 25px 31px;
			float: left;
			font-size: 14px;
			line-height: 30px;
		}

			#__divTop #__divTopInfo #__divSearch .search_box {
				width: calc(100% - 29px - 30px - 2px);
				height: calc(100% - 4px);
				float: left;
				border-bottom-width: 2px;
				border-bottom-style: solid;
				border-top-width: 2px;
				border-top-style: solid;
				border-left-width: 2px;
				border-left-style: solid;
			}


				#__divTop #__divTopInfo #__divSearch .search_box > input {
					width: calc(100% - 12px);
					height: 32px;
					border: none;
					outline-style: none;
					display: grid;
					padding: 0 6px;
					line-height: 26px;
				}

			#__divTop #__divTopInfo #__divSearch .search_x {
				width: 29px;
				height: 32px;
				background: url('../../Content/images/common/H_search1.png') no-repeat center;
				background-size: 26px 26px;
				
				float: left;
				cursor: pointer;
				border-bottom-width: 2px;
				border-bottom-style: solid;
				border-top-width: 2px;
				border-top-style: solid;
			}


			#__divTop #__divTopInfo #__divSearch .search_btn {
				width: 30px;
				height: 100%;
				float: left;
				cursor: pointer;
				width: 30px;
				height: 100%;
				background-image: url('../../Content/images/icon/H_Search.png');
				background-size: 34px 34px;
				background-repeat: no-repeat;
				background-position: center center;
				float: left;
				cursor: pointer;
			}


		#__divTop #__divTopInfo #__divAttendance {
			height: 40px;
			width: 189px;
			margin: 20px 0 20px 31px;
			float: left;
			font-size: 14px;
			line-height: 40px;
		}

			#__divTop #__divTopInfo #__divAttendance .att_box {
				width: 100%;
				height: 16px;
			}

				#__divTop #__divTopInfo #__divAttendance .att_box:first-child {
					margin-top: 10px;
				}

				#__divTop #__divTopInfo #__divAttendance .att_box div {
					height: 100%;
					line-height: 16px;
					font-size: 16px;
					font-weight: 600;
					float: left;
				}

					#__divTop #__divTopInfo #__divAttendance .att_box div.title {
						width: 37px;
					}

					#__divTop #__divTopInfo #__divAttendance .att_box div.cont {
						width: 44px;
					}

			#__divTop #__divTopInfo #__divAttendance .clock_box {
				width: 100%;
				height: 16px;
				line-height: 36px;
				font-size: 20px;
				font-weight: 500;
			}



		#__divTop #__divTopInfo #__divAttendanceModify {
			height: 30px;
			width: 82px;
			margin: 23px 23px;
			float: left;
			font-size: 14px;
			line-height: 38px;
		}

			#__divTop #__divTopInfo #__divAttendanceModify .att_btn {
				width: 100%;
				height: 16px;
				line-height: 14px;
				font-size: 14px;
				font-weight: 600;
				float: left;
				background: url('../../Content/images/common/H_icon1.png') no-repeat right center;
				cursor: pointer;
			}

				#__divTop #__divTopInfo #__divAttendanceModify .att_btn:first-child {
					margin-bottom: 8px;
				}


		#__divTop #__divTopInfo #__divMySetting {
			height: 44px;
			width: 44px;
			margin: 17px 0 17px 0px;
			float: left;
			background: url('/Content/images/common/MySetting2.png');
			background-size: 100% 100%;
			background-repeat: no-repeat;
			cursor: pointer;
		}

		#__divTop #__divTopInfo #__divHomeSetting {
			height: 44px;
			width: 44px;
			margin: 17px 0 17px 6px;
			float: left;
			background: url('/Content/images/common/HomeSetting2.png');
			background-size: 100% 100%;
			background-repeat: no-repeat;
			cursor: pointer;
		}

		#__divTop #__divTopInfo .__divider_A {
			width: 2px;
			height: 30px;
			background-color: #c2c3c3;
			margin-left:10px;
			margin-right:10px;
			float: left;
		}


	#__divTop #__divTopMenu {
		height: 40px;
		padding: 0 1px 0 2px;
		/*background:*/
		display:flex;
		justify-content:space-around;
	}

		#__divTop #__divTopMenu .divMenuItem {
			height: 28px;
			/*width: calc(100% / 7);*/
			width: 100px;
			float: left;
			text-align: center;
			line-height: 30px;
			font-size: 18px;
			font-weight: 600;
			cursor: pointer;
			padding: 0px;
			margin:6px 0;
		}

			#__divTop #__divTopMenu .divMenuItem.sel, #__divTop #__divTopMenu .divMenuItem:hover {
				height: 24px;
				width: 96px;
				line-height: 26px;
				/*padding-bottom: 2px;*/
				border: 2px solid #ffffff;
				border-radius: 5px;
			}



	#__divTop #__divTopSubMenu {
		height: 40px;
		/*background-color: #f2f2f2;*/
	}
		#__divTop #__divTopSubMenu #__divTopSubMenuPad {
			height:100%;
			width:auto;
			float:right;
			position:relative;
		}

		#__divTop #__divTopSubMenu .divSubMenuItem {
			height: 20px;
			margin-top: 10px;
			margin-bottom: 10px;
			padding-left: 10px;
			margin-left: 10px;
			border-left: 1px solid #dadada;
			float: left;
			text-align: center;
			line-height: 20px;
			font-size: 16px;
			font-weight: 400;
			cursor: pointer;
			display: none;
		}

			#__divTop #__divTopSubMenu .divSubMenuItem.firstItem {
				padding-left: 0px;
				margin-left: 0px;
				border-left: none;
			}


	#__divTop #__divTopBanner {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		display: none;
		/*background-color: #f2f2f2;*/
	}

		#__divTop #__divTopBanner #TopBannerMarquee {
			cursor: pointer;
		}


.cmp_E #__divCompanyLogo {
	background: url('/Content/images/company/logo/MainLogo_E2.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.cmp_N #__divCompanyLogo {
	background: url('/Content/images/company/logo/MainLogo_N.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.cmp_U #__divCompanyLogo {
	background: url('/Content/images/company/logo/MainLogo_U.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

#__divCenter {
	margin-top: 191px;
	padding: 12px 0px;
	width: 100%;
	z-index: 99997;
	position: relative;
	float: left;
	min-height: 600px;
}

	#__divCenter #__divCenterCont {
		width: 1176px;
		height: auto;
		position:relative;
		float:left;
	}

		#__divCenter #__divCenterCont #__divSearchBar {
			width: 1176px;
			float:left;
			height:auto;
			position:fixed;
			background-color:#ffffff;
			z-index:99999;
			padding-bottom:10px;
			
		}
			#__divCenter #__divCenterCont #__divSearchBar .searchBarL {
				font-size: 18px;
				height:30px;
				line-height: 32px;
				font-weight: 600;
				float: left;
				margin-right:10px;
			}
			#__divCenter #__divCenterCont #__divSearchBar .searchBarCmp {
				width: 210px;
				height: 28px;
				border: 1px solid #c3c3c3;
				border-radius: 5px;
				float: left;
				margin-left:0px;
				margin-right:10px;
				font-size: 16px;
				line-height: 28px;
				text-align: center;
				background-color: #FFFFFF;
				padding-right: 3px;
			}
			#__divCenter #__divCenterCont #__divSearchBar .searchBarNum {
				width: 90px;
				height: 28px;
				float: left;
				margin-left: 0px;
				margin-right: 10px;
				font-size: 16px;
				line-height: 28px;
				text-align: center;
				background-color: #FFFFFF;
				padding-top: 2px;
				display: none;
			}

			#__divCenter #__divCenterCont #__divSearchBar .btn_area {
				float: right;
			}
				#__divCenter #__divCenterCont #__divSearchBar .btn_area > div {
					float: left;
					height: 28px;
					border: 1px solid #c3c3c3;
					border-radius: 5px;
					font-size: 16px;
					line-height: 28px;
					text-align: center;
					cursor: pointer;
					margin-right:5px;
				}

				#__divCenter #__divCenterCont #__divSearchBar .btn_area > div:last-child {
					margin-right: 0px;
				}

				#__divCenter #__divCenterCont #__divSearchBar .btn_area .common_btn2 {
					width: 60px;
				}

				#__divCenter #__divCenterCont #__divSearchBar .btn_area .common_btn4 {
					width: 80px;
				}
				#__divCenter #__divCenterCont #__divSearchBar .btn_area .common_btn6 {
					width: 100px;
				}

	#__divCenter #__divCenterCont #__divCont {
		height:auto;
		

	}

.filedown_btn {
	float: left;
	height: 22px;
	width: 74px;
	border: 1px solid #c3c3c3;
	border-radius: 5px;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
	margin-right: 5px;
}


.sub_btn2, .sub_btn4, .sub_btn6, .sub_btn8, .sub_btn10 {
	float: left;
	height: 28px;
	border: 1px solid #c3c3c3;
	border-radius: 5px;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	cursor: pointer;
}

.sub_btn2 {
	width: 60px;
}
.sub_btn4 {
	width: 80px;
}
.sub_btn6 {
	width: 100px;
}
.sub_btn8 {
	width: 120px;
}
.sub_btn10 {
	width: 140px;
}


#__divQuickMenu {
	position: fixed;
	top: calc(191px + 12px);
	width: 110px;
	height: 598px;
	background-color: #f2f2f2;
	margin-left: 1190px;
	border-top-width: 2px;
	border-top-style: solid;
}

	#__divQuickMenu .divQuickMenuTitle {
		height: 36px;
		font-weight: 600;
		font-size: 16px;
		line-height: 36px;
		text-align: center;
		color: #000000;
	}

	#__divQuickMenu .divQuickMenuItem {
		height: 38.5px;
		font-size: 16px;
		line-height: 38.5px;
		text-align: left;
		padding-left: 7px;
		padding-right: 7px;
		background-color: #ffffff;
		color: #000000;
		margin: 0 8px;
		border-top: 1px solid #e2e2e2;
	}

		#__divQuickMenu .divQuickMenuItem:last-child {
			border-bottom: 1px solid #e2e2e2;
		}

#__divBottom {
	position: relative;
	float: left;
	bottom: 0px;
	height: 25px;
	width: 100%;
	z-index: 99997;
}

	#__divBottom .__divBottomLeft {
		float: left;
		font-weight: 600;
		font-size: 14px;
		line-height: 25px;
	}

	#__divBottom .__divBottomRight {
		float: right;
		font-size: 14px;
		line-height: 25px;
		color: #383838;
	}

#__divTop #__divAttPop {
	position: absolute;
	top: 0;
	left: calc(50% + 302px);
	width: 348px;
	height: 120px;
	display: none;
}

	#__divTop #__divAttPop .close {
		width: 24px;
		height: 24px;
		background: url('/Content/images/common/P_delete.png') no-repeat center right;
		margin-left: calc(100% - 24px);
		cursor: pointer;
	}

	#__divTop #__divAttPop .att_main {
		width: calc(100% - 2px);
		height: calc(100% - 24px - 1px);
		border-left: 1px solid #0A8CC4;
		border-right: 1px solid #0A8CC4;
		border-bottom: 1px solid #0A8CC4;
	}

		#__divTop #__divAttPop .att_main .att_cont {
			width: calc(100% - 14px - 60px);
			height: calc(100% - 13px - 14px);
			margin: 13px 0px 14px 14px;
			float: left;
		}

			#__divTop #__divAttPop .att_main .att_cont div {
				font-size: 14px;
			}

			#__divTop #__divAttPop .att_main .att_cont .att_title {
				width: 54px;
				height: 14px;
				font-weight: 600;
			}

		#__divTop #__divAttPop .att_main .att_save {
			width: 36px;
			height: 68px;
			border-radius: 5px;
			float: left;
			cursor: pointer;
			margin: 13px 14px 14px 10px;
			background: #0A8CC4 url('/Content/images/common/P_save.png') no-repeat center center;
		}

/*
            #__divTop #__divAttPop .att_top, #__divTop #__divAttPop .att_btm {
                width: 100%;
                height: 24px;
                float: left;
                margin:1.5px 0 1.5px 0;
            }

            #__divTop #__divAttPop .att_l {
                width: 212px;
                height: calc(100% - 8px);
                margin: 4px 32px 4px 0px;
                float: left;
            }

                #__divTop #__divAttPop .att_l .att_top {
                    line-height: 24px;
                    font-size: 16px;
                    font-weight: 600;
                    text-align-last: justify;
                }

                #__divTop #__divAttPop .att_l .att_btm {
                    line-height: 24px;
                    font-size: 16px;
                    font-weight: 600;
                    text-align-last: justify;
                }

                #__divTop #__divAttPop .att_l .att_btm label {
                    font-size: 14px;
                    font-weight:500;
                }

            #__divTop #__divAttPop .att_r {
                width: 246px;
                height: calc(100% - 8px);
                margin: 4px 18px 4px 0px;
                float: left;
            }


                #__divTop #__divAttPop .att_r .att_top > div, #__divTop #__divAttPop .att_r .att_btm > div {
                    line-height: 24px;
                    font-size: 16px;
                    font-weight: 600;
                    text-align-last: justify;
                    float: left;
                }
                #__divTop #__divAttPop .att_r .cncl {
                    width: 18px;
                    height: 100%;
                    background: url('/Content/images/common/H_daily_delete.png') no-repeat center center;
                    cursor:pointer;
                }
                #__divTop #__divAttPop .att_r .save {
                    width: 18px;
                    height: 100%;
                    background: url('/Content/images/common/H_daily_check.png') no-repeat center center;
                    cursor: pointer;
                }
*/
.att_cont .SumoSelect {
}

	.att_cont .SumoSelect > .CaptionCont {
		padding: 0;
		border: none;
		line-height: 16px;
		margin-left: 5px;
	}

		.att_cont .SumoSelect > .CaptionCont > span {
			padding-right: 16px;
		}

		.att_cont .SumoSelect > .CaptionCont > label {
			width: 16px;
		}

	.att_cont .SumoSelect > .optWrapper > .options li.opt {
		padding: 2px 4px;
	}

	.att_cont .SumoSelect.open > .optWrapper {
		top: 20px;
	}

.att_cont div.radio {
	display: flex;
	width: 100%;
	place-content: space-between;
}

	.att_cont div.radio input.rdoImg[type="radio"] + label {
		/*margin-right: 5.4px;*/
		line-height:1.0em;
	}

		.att_cont div.radio input.rdoImg[type="radio"] + label span {
			background-size: 14px 14px;
			height: 14px;
			width: 14px;
			margin: 0px 3px 0 0px;
		}



/*Input(S)*/
.input_txt {
	height: 27px;
	line-height: 27px;
	border: 0;
	/*color:#969d93*/
	background-color: transparent;
}
/*Input(E)*/

.divItem {
	width: 1130px;
	height: 100%;
	float: left;
	text-align: center;
	line-height: 20px;
	margin-left: 10px;
	margin-right: 10px;
}


/* Paging (S) */

.paging {
	display: inline-block;
	margin: 3px auto 0 auto
}

	.paging a {
		color: #272727
	}

	.paging span {
		color: #00b3e3;
		font-weight: bold
	}

	.paging img {
		margin-top: 3px
	}
/* Paging (E) */


/*Contents(S)*/
.img_btn { cursor:pointer; margin-top:1px; margin-bottom:2px; }
.unit { color:#aaaaaa }
.t_left { text-align:left; padding-left:6px }
.t_right { text-align:right; padding-right:6px }
.t_center { text-align:center; padding:0px 6px; }


.t_justify {
	text-align: justify;
	text-align-last: justify;
}
.cut { /*...처리 + tinyTips 적용*/
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis
}
.rightline { border-right:1px solid #dee7e6 }
.bottomline { border-bottom:1px solid #dee7e6 }
.bottomline_red { border-bottom: 1px solid #ffd2d2 }
.bottomline_blue { border-bottom: 1px solid #97d1e7 }
.bg_white { background-color:#ffffff !important }
.bg_gray { background-color:#f6f6f6 !important }
.topline { border-top:1px solid #dee7e6 }
.table_list, .table_scroll_list { width:100%; border-bottom:1px solid #dfe6e6 }
.table_list p, .table_scroll_list p { text-align:center; color:#71818c }
.tree { overflow:auto; width:100%; height:579px; padding:8px; border:1px solid #dfe6e6 }
.red { color:#ff0000 !important }
.blue { color:#0492db !important }
.green { color:#2db400 !important }
.gray { color: #c3c3c3 !important }
#alert_msg {
	display: none;
	position: fixed;
	top: 50%;
	z-index: 999999999;
	width: auto;
	margin-top: -30px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 3px;
	left: 0;
	right: 0;
	width: max-content;
	background-color: #ffffff;
}

	#alert_msg > div {
		width: auto;
		height: 100%;
		padding: 20px;
		font-size: 16px;
		line-height: 16px;
		color: #ffffff;
		font-weight: 600;
		background-color: rgba(150,150,150,0.8);
		border-radius: 3px;
		text-align: center;
	}

img.loader { position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px }


#divUpload { position: absolute; display:none; top:40px; left:0px; border: 2px solid #0A8CC4; width:1150px; margin:10px; background-color:#ffffff; }
#divUpload .h1 {font-size:18px; color:#ffffff; text-align:center; line-height:38px; background-color:#0A8CC4;  height:38px;}
#divUpload .searchbar {line-height:38px; height:38px;}
#divUpload .searchbar input[type=file] { width:700px; height:30px; line-height:30px; margin-top:3px; padding:0 5px; border:1px solid #e3e9e9; background-color:#ffffff }
#divUpload .contents { height:30px }
#divExcelCheck { overflow:auto; height:392px }
#divExcelCheck p { height:30px;line-height:30px; font-size:16px }
#divDownload { position: absolute; display:none; top:40px; left:350px; border: 2px solid #4A94DA; width:700px; margin:10px; background-color:#ffffff; }
#divDownload .searchbar input[type=file] { width:732px; height:23px; line-height:23px; margin-top:0px; padding:0 5px; border:1px solid #e3e9e9; background-color:#ffffff }
#divDownload .searchbar .button { margin-top:0px; margin-left:3px }
#divDownload .contents h3 { height:8px }
#divDownload .contents table tr { height:28px }
#divDownloadCheck { overflow:auto; width:100%; height:392px }
#divDownloadCheck p { line-height:270px; font-size:14px }

/*Contents(E)*/





/* datepicker(S) */
/*.ui-datepicker
{
	background:#fff;
	font-size:14px;
	border:1px solid #339aff;
}

.ui-datepicker-header
{
	padding:5px 10px;
	background-color:#007de3;
	color:#fff;
}

.ui-datepicker-header a, .ui-datepicker-header span
{
	color:#fff;
}

.ui-datepicker-header select
{
	border:0;
	background-color:#007de3;
	color:#fff;
}

.ui-datepicker table
{
	width:250px;
}

.ui-datepicker table td
{
	text-align:center;
	width:35px;
}

.ui-datepicker a
{
	cursor:pointer;
	text-decoration:none;
	color:black
}

.ui-datepicker-prev
{
	float:left;
	margin-right:40px;
}

.ui-datepicker-next
{
	float:right;
}

.ui-datepicker-title
{
	text-align:center;
	font-weight:bold;
	display:inline-block;
}
.ui-datepicker-calendar thead
{
	background-color:#002298
}
.ui-datepicker-calendar thead tr
{
	height:25px;
}
.ui-datepicker-calendar thead tr th:nth-child(1) span
{
	color:red;
}
.ui-datepicker-calendar thead tr th:nth-child(7) span
{
	color:#007de3
}
.ui-datepicker-calendar thead span
{
	color:#b6b6b6;
	font-size:14px;
	
}
.ui-datepicker-calendar tbody td
{
	border:1px solid #bddaf2; height:30px;
}

.ui-datepicker-calendar tbody td:hover, .ui-datepicker-calendar tbody td:hover a
{
	background-color:#007de3;
	color:#fff;
}

.ui-datepicker-week-end a
{
	color:red
}

.ui-datepicker-other-month
{
	background-color:#ececec;
}
.ui-datepicker-calendar tbody td:nth-child(7) a
{
	color:Blue;
}
.ui-datepicker-other-month a
{
	color:silver !important;
}
	*/
.ui-datepicker-trigger
{
	cursor:pointer;
}

/* datepicker(E) */

/*dtree(S)*/
.dtree { white-space: nowrap; }
.dtree a { color: #333333; font-size:14px; line-height:18px; height:18px;
	font-family:KoPubDotum, 'yg';
	font-weight:200; }
.dtree a.node2 { color: #aaaaaa; }
.dtree a.node, .dtree a.node2, .dtree a.nodeSel { white-space: nowrap; /*padding: 1px 2px 1px 2px;*/}
.dtree a.node:hover, .dtree a.node2:hover, .dtree a.nodeSel:hover { background-color:#eaf0f6 }
.dtree a.nodeSel  
{
	color:#f36622  !important;
	font-family:KoPubDotum, 'yg';
	font-weight:500;
}
.dtree .clip { overflow: hidden }
.dtree img
{
	width: 12px;
	height: 12px;
	margin: 4px;
	vertical-align: top;
	border-style: none;
}
.dtree
{
	font-color:#ff0000;
}

.dtree .dTreeNode { 
	min-height:19px;
	line-height:19px;
	height:19px;
	text-overflow:ellipsis;
	overflow:hidden;
	background-color:#fafafa;
}
div.dTreeNodeBlank
{
	min-height:5px;
	line-height:5px;
	height:5px;
}
div.TreeNodeSel
{
	min-height:19px;
	line-height:19px;
	height:19px;
	background-image:url(../images/tree/sel_icon.png);
	background-size:16px 16px;
	background-position-x: 265px;
	background-position-y: center;
	background-repeat: no-repeat;
	background-color:#ffffff;
}
div.TreeNodeNotSel
{
	min-height:19px;
	line-height:19px;
	height:19px;
	background-color:#fafafa;
}

.divColored
{
	background-color:#fcebe6;
}

.tdBorderTop {
	border-top:1px solid #dbdcdc;
}
.tdBorderBottom {
	border-bottom:1px solid #dbdcdc;
}
.tdBorderBottom_2 {
	border-bottom:0.5px solid #e3e3e3;
}
.tdBorderLeft {
	border-left:1px solid #dbdcdc;
}
.tdBorderRight {
	border-right:1px solid #dbdcdc;
}
.tdBorderLeftLine {
	border-left:0.5px solid #cbcbcb;
}
.tdBorderRightLine {
	border-right:0.5px solid #cbcbcb;
}
.tdBorderHighlight {
	border:0.5px solid #ff7d4a !important;
}

/*첫번째 행 디자인*/

#ddTree0 > .dTreeNode { margin-top:0px;background-color:#fafafa;} 
#ddTree0 > .dTreeNode a:last-child { color:#000000; 
	font-family:KoPubDotum, 'yg';
	font-weight:500;  } 

/*dtree(E)*/

/*tinyTips(S)*/
.blueTip						{  }
.blueTip .content				{ width:auto; padding:1px 5px; border:1px solid #2aaffc; -moz-border-radius:1px; -webkit-border-radius:1px; background:#f9f9f9; font-size:13px }
.blueTip .bottom				{ height:8px; background:url(../images/tinyTips/notch-blue.png) top center no-repeat; }

.orangeTip						{  }
.orangeTip .content				{ width:auto; padding:1px 5px; border:1px solid #f4762a; -moz-border-radius:1px; -webkit-border-radius:1px; background:#f9f9f9; font-size:13px }
.orangeTip .bottom				{ height:8px; background:url(../images/tinyTips/notch-orange.png) top center no-repeat; }

.lightTip						{  }
.lightTip .content				{ width: auto; padding:1px 5px; border: 3px solid #e2e2e2; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #ffffff; color: #020202; }
.lightTip .bottom				{ height: 14px; background: url(../images/tinyTips/notch-white.png) top center no-repeat; }

.yellowTip						{  }
.yellowTip .content				{ width: 310px; padding: 10px; border: 3px solid #f9e98e; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fbf7aa; color: #020202; }
.yellowTip .bottom				{ height: 14px; background: url(../images/tinyTips/notch-yellow.png) top center no-repeat; }

.redTip							{  }
.redTip .content				{ width: 310px; padding: 10px; border: 3px solid #ce6f6f; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #f79992; color: #020202; }
.redTip .bottom					{ height: 14px; background: url(../images/tinyTips/notch-red.png) top center no-repeat; }

.greenTip						{  }
.greenTip .content				{ width: 310px; padding: 10px; border: 3px solid #a9db66; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #cae8a2; color: #020202; }
.greenTip .bottom				{ height: 14px; background: url(../images/tinyTips/notch-green.png) top center no-repeat; }

.purpleTip						{  }
.purpleTip .content				{ width: 310px; padding: 10px; border: 3px solid #8671de; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #a290f0; color: #020202; }
.purpleTip .bottom				{ height: 14px; background: url(../images/tinyTips/notch-purple.png) top center no-repeat; }

.darkTip						{  }
.darkTip .content				{ width: 310px; padding: 10px; border: 3px solid #303030; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #505050; color: #f8f8f8; }
.darkTip .bottom				{ height: 14px; background: url(../images/tinyTips/notch-dark.png) top center no-repeat; }
/*tinyTips(E)*/
g.highcharts-data-label text
{
	/*fill:#666666 !important;*/
}

tspan.highcharts-text-outline {
	display:none;
}

/*관리자쪽*/



input.rdoImg[type="radio"] {
	display:none;
}
	input.rdoImg[type="radio"] + label
	{
		font-size:inherit;
	}
		input.rdoImg[type="radio"] + label span {
			display: inline-block;
			width: 19px;
			height: 19px;
			margin: 4px -1px 0 1px;
			vertical-align: middle;
			background: url(/Content/images/icon/icon_radio_off.png) left top no-repeat;
			cursor: pointer;
		}
	input.rdoImg[type="radio"]:checked + label span {
		background: url(/Content/images/icon/icon_radio_on.png) left top no-repeat;
	}

	input.rdoImg[type="radio"]:checked + label {
		color: #EC6800;
	}



		.LineT { border-top    :1px solid #dbdcdc; }
		.LineL { border-left   :1px solid #dbdcdc; }
		.LineR { border-right  :1px solid #dbdcdc; }
		.LineB { border-bottom :1px solid #dbdcdc; }





@keyframes floatup {
	from {
		transform: translateY(14px);
		opacity: .0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

@media screen and (max-width:600px) {
	.full-chat-block {
		width: 100%;
		border-radius: 0px;
	}

	.chat-bar-collapsible {
		position: fixed;
		bottom: 0;
		right: 0;
		width: 100%;
	}

	.collapsible {
		width: 100%;
		border: 0px;
		border-top: 3px solid white;
		border-radius: 0px;
	}
}




table {
	width: 100%;
	table-layout: fixed;
}

	table th, table td {
		vertical-align: middle;
		font-weight: 400;
		font-size:16px;
	}

	/* List Table */
	table.tbl_list {
		height: 100%;
	}

		table.tbl_list td {
			height: 32px;
			background-color: #ffffff
		}

		table.tbl_list thead tr:first-child th, table.tbl_list thead tr:first-child td {
			border-top: 1px solid #0A8CC4;
		}

		table.tbl_list th {
			height: 30px;
			background-color: #D9EEF7;
			color: #000000;
			font-weight: 600;
			border-bottom: 2px solid #dfe6e6;
		}

		table.tbl_list tr:nth-child(2n+1) td {
			background-color: #f7f7f7;
		}
/*
		table.tbl_list tr:hover td {
			background-color: #c9c12d;
		}
*/

		table.tbl_list th, table.tbl_list td {
			padding: 0 6px;
		}

		table.tbl_list tbody tr:last-child td {
			border-bottom: 1px solid #cfcfcf;
		}

		table.tbl_list tr.sel > td {
			background-color:#ee9800 !important;
		}

		table.tbl_list td.sel {
			background-color: #ee9800 !important;
		}


		/* Input Table */
		table.tbl_input, table.tbl_input_s {
			border-top: 1px solid #dfe6e6;
			border-right: 1px solid #dfe6e6;
			border-left: 1px solid #dfe6e6;
		}

		table.tbl_input th, table.tbl_input td {
			padding: 0 2px;
			height: 32px;
			border-bottom: 1px solid #dfe6e6
		}

		table.tbl_input_s th, table.tbl_input_s td {
			padding: 0 2px;
			height: 30px;
			border-bottom: 1px solid #dfe6e6
		}

		table.tbl_input th, table.tbl_input_s th {
			background-color: #D9EEF7;
			color: #000000;
			font-weight: 600;
		}

		.tbl_input input, .tbl_input_s input {
			border: 1px solid #dfe6e6;
			display:block;
		}
			.tbl_input input[type=text], .tbl_input_s input[type=text] {
				width: calc(100% - 18px);
				height: calc(100% - 2px);
				font-size: 16px;
			}

			.tbl_input input[readonly=readonly], .tbl_input_s input[readonly=readonly] {
				background-color: #eaeaea;
			}
			.tbl_input input.datepicker[readonly=readonly], .tbl_input_s input.datepicker[readonly=readonly] {
				background-color: #ffffff;
			}
			.tbl_input input.datepicker[disabled], .tbl_input_s input.datepicker[disabled] {
				background-color: #eaeaea;
			}
			.tbl_input input[required], .tbl_input_s input[required] {
				/*background-color: #fcded8;*/
			}

		/*미조회자 tbl border 삭제*/
		table.tbl_input, table.tbl_input_s {
			border-top: 1px solid #dfe6e6;
			border-right: none;
			border-left: none;
			
		}

		table.tbl_input td.sel, table.tbl_input_s td.sel {
			background-color: #fcdea9 !important;
		}

			
	/* Main Table */
	table.tbl_main {
		border-top: 1px solid #dfe6e6;
		border-right: 1px solid #dfe6e6;
		border-left: 1px solid #dfe6e6;
	}

		table.tbl_main th, table.tbl_main td {
			padding: 0 8px;
			height: 30px;
			border-bottom: 1px solid #dfe6e6
		}

		table.tbl_main th {
			background-color: #D9EEF7;
			color: #000000;
			font-weight: 600;
		}


		/*미조회자 tbl border 삭제*/
		table.tbl_main table.tbl_main {
			border-top: 1px solid #dfe6e6;
			border-right: none;
			border-left: none;
		}



table input[type=text], .tbl_main input[type=text],
table input[type=password], .tbl_input input[type=text], .tbl_input_s input[type=text],
table textarea,
table select {
	/*width: 100%;*/
	border: 1px solid #e3e9e9;
	height: 28px;
	line-height: 25px;
	padding: 0 8px;
	color: #676767;
	font-size: 16px;
}

	table select {
		padding: 0
	}

	table textarea {
		line-height: 20px;
	}


	table.tbl_input th.t_justify, table.tbl_input_s th.t_justify
	{
		word-spacing:-5px;
	}

		table.tbl_input th.t_justify.pad_lr_20, table.tbl_input_s th.t_justify.pad_lr_20 {
			padding-left: 20px;
			padding-right: 20px;
		}
		table.tbl_input th.t_justify.pad_lr_15, table.tbl_input_s th.t_justify.pad_lr_15 {
			padding-left: 15px;
			padding-right: 15px;
		}


		table.tbl_input th.t_justify.pad_lr_10, table.tbl_input_s th.t_justify.pad_lr_10 {
			padding-left: 10px;
			padding-right: 10px;
		}

		table.tbl_input th.t_justify.pad_lr_5, table.tbl_input_s th.t_justify.pad_lr_5 {
			padding-left: 5px;
			padding-right: 5px;
		}

.divFileDownloadArea
{
	width:100%;
	height:auto;
	float:left;
	position:relative;
}


#__divCont table.tbl_list td.sort_btn, #__divCont table.tbl_list th.sort_btn {
	cursor: pointer;
}

	#__divCont table.tbl_list td.sort_btn.sort_asc, #__divCont table.tbl_list th.sort_btn.sort_asc {
		border-bottom-color: #db1204;
	}

	#__divCont table.tbl_list td.sort_btn.sort_desc, #__divCont table.tbl_list th.sort_btn.sort_desc {
		border-bottom-color: #0492db;
	}