﻿@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@charset "utf-8";

img, fieldset, iframe {
	border: 0 none
}

hr, legend {
	position: absolute;
	left: -1000%;
	top: 0;
	width: 1px;
	height: 1px;
	line-height: 0;
	overflow: hidden
}

caption {
	width: 0;
	height: 0;
	visibility: hidden;
	line-height: 0;
}

ol, ul, li {
	list-style: none;
}

input, select, button, img, textarea {
	vertical-align: middle
}

i, em, address {
	font-style: normal
}

label, button {
	cursor: pointer
}

button {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}

	button * {
		position: relative
	}

r
button img {
	left: -3px;
	*left: auto
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	border: 0;
}

a {
	cursor: pointer;
	color: #000;
}

	a:link, a:visited {
		text-decoration: none;
	}

	a:hover, a:active {
		text-decoration: none;
		cursor: pointer;
	}


	*:focus {
		outline: none;
	}

textarea {
	resize: none;
	font-family: Gulim;
	background-image: url('../_Images/Common/Image/textline.gif');
	font-size: 9pt;
	line-height: 20px;
}

@media print {
	.printhide {
		display: none;
	}
}

select[disabled] {
	background-color: #f4f4f4;
}

iframe {
	-webkit-overflow-scrolling: touch;
}

.slash {
	background: url('../_Images/Common/Image/img_slash.gif') no-repeat;
}

.dotum {
	font-family: Dotum;
}

.span {
	display: inline-block;
}

.font {
	line-height: 20px;
	vertical-align: middle;
	font-family: Dotum;
	font-size: 10pt;
}

.font2 {
	line-height: 20px;
	vertical-align: middle;
	font-family: Dotum;
	font-size: 12pt;
}

.font3 {
	line-height: 20px;
	vertical-align: middle;
	font-family: Dotum;
	font-size: 8pt;
}

.border-bottom {
	border-bottom: 1px solid #6d6d6d;
}

.border-bottom2 {
	border-bottom: 1px solid #f4f4f4;
}

.border-bottom3 {
	border-bottom: 1px solid #c2c2c2;
}

.border-bottom4 {
	border-bottom: 1px solid #000;
}

.border-bottom-2px {
	border-bottom: 2px solid #000;
}

.border-top {
	border-top: 1px solid #f4f4f4;
}

.border-top-2px2 {
	border-top: 2px solid #000;
}

.border-left-2px {
	border-left: 2px solid #000;
}

.border-right {
	border-right: 1px solid #f4f4f4;
}

.border-right2 {
	border-right: 1px solid #000;
}

.border-right-2px {
	border-right: 2px solid #000;
}

.border-top-2px {
	border-top: 2px solid #805dd0;
}

.border-all {
	border: 1px solid #f4f4f4;
}

.border-all2 {
	border: 1px solid #c2c2c2;
}

.div {
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	width: 500px;
	font-family: Dotum;
}

.div-list {
	width: 500px;
	height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
}

.div-grid {
	width: 500px;
	height: 300px;
}

.divBox {
	border: 1px solid #dedede;
	padding: 10px;
}

.green {
	color: green;
}

.divBox2 {
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 5px;
}

	.divBox2:hover {
		background: #f2f5ff;
	}

.divBox3 {
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding-left: 15px;
}

.divBox4 {
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding-left: 5px;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
	padding-right: 5px;
}

.talign-right {
	text-align: right;
	padding-right: 5px;
}

.alignR {
	text-align: right;
	padding-right: 5px;
}

.alignC {
	text-align: center;
}

.margin-bottom-5 {
	margin-bottom: 5px;
}

.margin-right-5 {
	margin-right: 5px;
}

.margin-bottom-15 {
	margin-bottom: 15px;
}

.valign-top {
	vertical-align: top;
}

.valign-middle {
	vertical-align: middle;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.padding {
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.padding2 {
	padding-left: 5px;
	padding-top: 3px;
	padding-right: 5px;
}

.padding3 {
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 5px;
}

.padding-top-3 {
	padding-top: 3px;
}

.padding-top-5 {
	padding-top: 5px;
}

.padding-top-6 {
	padding-top: 6px;
}

.padding-top-7 {
	padding-top: 7px;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-left-5 {
	padding-left: 5px;
}

.padding-left-10 {
	padding-left: 10px;
}

.padding-left-20 {
	padding-left: 20px;
}

.padding-left-30 {
	padding-left: 30px;
}

.padding-right-5 {
	padding-right: 5px;
}

.padding-right-10 {
	padding-right: 10px;
}

.padding-bottom-5 {
	padding-bottom: 5px;
}

.min-width-30 {
	min-width: 30px;
	max-width: 60px;
}

.min-width-50 {
	min-width: 50px;
}

.min-width-60 {
	min-width: 60px;
	max-width: 93px;
}

.min-width-80 {
	min-width: 80px;
}

.min-width-100 {
	min-width: 100px;
}

.min-width-900 {
	min-width: 900px;
}

.min-width-1000 {
	min-width: 1000px;
}

.width-20 {
	width: 20px;
}

.width-25 {
	width: 25px;
}

.width-30 {
	width: 30px;
}

.width-35 {
	width: 35px;
}

.width-45 {
	width: 45px;
}

.width-50 {
	width: 50px;
}

.width-55 {
	width: 55px;
}

.width-60 {
	width: 60px;
}

.width-65 {
	width: 65px;
}

.width-70 {
	width: 70px;
}

.width-78 {
	width: 78px;
}

.width-80 {
	width: 80px;
}

.width-85 {
	width: 85px;
}

.width-90 {
	width: 90px;
}

.width-95 {
	width: 95px;
}

.width-100 {
	width: 100px;
}

.width-110 {
	width: 110px;
}

.width-115 {
	width: 115px;
}

.width-120 {
	width: 120px;
}

.width-130 {
	width: 130px;
}

.width-140 {
	width: 140px;
}

.width-150 {
	width: 150px;
}

.width-160 {
	width: 160px;
}

.width-180 {
	width: 180px;
}

.width-185 {
	width: 185px;
}

.width-200 {
	width: 200px;
}

.width-210 {
	width: 210px;
}

.width-215 {
	width: 215px;
}

.width-250 {
	width: 250px;
}

.width-252 {
	width: 252px;
}

.width-260 {
	width: 260px;
}

.width-290 {
	width: 290px;
}

.width-300 {
	width: 300px;
}

.width-310 {
	width: 310px;
}

.width-345 {
	width: 345px;
}

.width-350 {
	width: 350px;
}

.width-370 {
	width: 370px;
}

.width-400 {
	width: 400px;
}

.width-450 {
	width: 450px;
}

.width-470 {
	width: 470px;
}

.width-480 {
	width: 480px;
}

.width-500 {
	width: 500px;
}

.width-550 {
	width: 550px;
}

.width-560 {
	width: 560px;
}

.width-600 {
	width: 600px;
}

.width-610 {
	width: 610px;
}

.width-630 {
	width: 630px;
}

.width-690 {
	width: 690px;
}

.width-730 {
	width: 730px;
}

.width-800 {
	width: 800px;
}

.width-850 {
	width: 850px;
}

.width-900 {
	width: 900px;
}

.width-1000 {
	width: 1000px;
}

.width-98per {
	width: 98%;
}

.width-99per {
	width: 99%;
}

.height-20 {
	height: 20px;
}

.height-21 {
	height: 21px;
}

.height-23 {
	height: 23px;
}

.height-25 {
	height: 25px;
}

.height-27 {
	height: 27px;
}

.height-35 {
	height: 35px;
}

.height-38 {
	height: 38px;
}

.height-45 {
	height: 45px;
}

.height-63 {
	height: 63px;
}

.height-68 {
	height: 68px;
}

.height-75 {
	height: 75px;
}

.height-80 {
	height: 80px;
}

.height-110 {
	height: 110px;
}

.height-130 {
	height: 130px;
}

.height-150 {
	height: 150px;
}

.height-420 {
	height: 420px;
}

.height-500 {
	height: 500px;
}

.height-555 {
	height: 555px;
}

.height-600 {
	height: 600px;
}

.height-640 {
	height: 640px;
}

.red {
	color: red;
}

.blue {
	color: blue;
}

.blue2 {
	color: #805dd0;
}

.purple {
	color: #8835c2;
}

.readonly {
	background-color: #f2f2f2;
}

.bold {
	font-weight: bold;
}

.paginate {
	text-align: center;
	font-size: 10pt;
	color: #000;
}

.black {
	color: #000;
}

.vertical-top {
	vertical-align: top;
}

.line-height-118 {
	line-height: 125%;
}

.pointer {
	cursor: pointer;
}

.background-white {
	background-color: white;
	cursor: default;
}

.no-border {
	border: none;
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
}

.back-yellow {
	background-color: #ffffce;
}

.back-skyblue {
	background-color: #d0e3fe;
}


.fulljustify {
	text-align: justify;
}

	.fulljustify:after {
		content: "";
		display: inline-block;
		width: 100%;
	}


.margin {
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
}

/* 로딩중 이미지 구현 */
/*화면 전체를 어둡게 합니다.*/
#mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9000;
	background-color: #000;
	display: none;
}

.wrap-loading {
	z-index: 999;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.2); /*not in ie*/
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); /*ie*/
}
	/* 로딩 이미지 화면 가운데로 */
	.wrap-loading div {
		position: fixed;
		top: 50%;
		left: 50%;
		margin-left: -21px;
		margin-top: -21px;
	}

.display-none {
	display: none;
}

.input-only-eng {
	ime-mode: disabled;
}

.input-css {
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 13px;
	padding: 5px 5px;
	border: 1px solid #b7b7b7;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: normal 13px/normal Arial, Helvetica, sans-serif;
	color: #000;
	-o-text-overflow: clip;
	text-overflow: clip;
	background: rgba(252,252,252,1);
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.09) inset;
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.09) inset;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.66);
	-webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

/* 관리자 페이지 */
#wrap {
	min-width: 980px;
	background: #fff;
	color: #7e7e7e;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	font-family: Dotum;
	direction: ltr;
	line-height: 20px;
	font-size: 13px;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}

#header {
	position: absolute;
	*position: static;
	top: 0;
	width: 100%;
	height: 80px;
	min-width: 980px;
	/*background: #ed9017;*/
	z-index: 200;
}

#container {
	position: absolute;
	*position: static;
	top: 80px;
	bottom: 20px;
	width: 100%;
	height: auto;
	*height: 100%;
	z-index: 100;
}

* html #container {
	height: 100%;
}

.snb {
	position: relative;
	float: left;
	width: 250px;
	height: 100%;
	_margin-right: -3px;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	background: #f4f4f4; /* Old browsers */
	bottom: 1px;
}

.snbTree {
	position: relative;
	float: left;
	width: 250px;
	height: 100%;
	_margin-right: -3px;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	background: #f4f4f4; /* Old browsers */
	bottom: 1px;
}

#profile {
	position: relative;
	float: left;
	width: 260px;
	height: 100%;
	bottom: 1px;
}

#contentM {
	float: left;
	position: absolute;
	top: 1px;
	bottom: 0px;
	left: 261px;
	height: auto;
	*height: 100%;
	right: 0px;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20px;
	border-top: 1px solid #b4b4b4;
	text-align: center;
	font-size: 7pt;
}

#footerLogin {
	bottom: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	font-size: 7pt;
	color: gray !important;
}

* html #content {
	height: 1%;
}

#headHeight {
	height: 60px;
	position: fixed;
}
/*컨텐츠영역 상단 보정(header height만큼 고정)*/
#footerHeight {
	height: 25px;
	width: 100%;
	position: fixed;
}
/*컨텐츠영역 하단 보정(footer height만큼 고정)*/

.searchBoxTot {
	position: absolute;
	top: 2px;
	right: 5px;
}

.logo {
	width: 100%;
	height: 30px;
	padding-top: 5px;
	padding-left: 15px;
}

.menu {
	float: left;
}

.topmenuArea {
	min-width: 1200px;
}

/* 상단 대메뉴 */
.topmenu {
	overflow: hidden;
	min-width: 500px;
	height: 39px;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	font-size: 14px;
}

	.topmenu li {
		position: relative;
		z-index: 10;
		margin-left: -1px;
		top: 13px;
		padding: 14px 18px 10px 20px;
		color: #fff;
		font-weight: bold;
		letter-spacing: -1;
		display: inline;
	}

		.topmenu li a {
			display: inline-block;
			color: #fff;
			text-decoration: none;
		}

			.topmenu li a:hover {
				color: rgb(161, 143, 204);
			}

			.topmenu li a.active {
				color: rgb(161, 143, 204);
			}

		.topmenu li.on {
			z-index: 20;
			padding: 14px 18px 10px 20px;
		}

			.topmenu li.on a {
				color: #fff;
				text-decoration: none;
			}

				.topmenu li.on a:after {
					content: '';
					width: 60%;
					text-align: center;
					position: absolute;
					left: 18px;
					bottom: 5px;
					border-width: 0 0 2px;
					border-style: solid;
					color: #fff;
				}

/* 좌측메뉴 */
.snb ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 250px;
}

.snb li a {
	display: block;
	color: #fff;
	padding: 8px 16px;
	text-decoration: none;
}

	.snb li a.active {
		background-color: gray /*rgba(64,150,238,1)*/;
		color: white;
	}

	.snb li a:hover:not(.active) {
		background-color: rgba(64,150,238,1);
		color: white;
	}

.menu-title {
	background: #f4f4f4;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	height: 40px;
	color: #384b5f;
}

.certify-title {
	font-size: 24pt;
	font-family: Gulim;
	font-weight: bold;
}

.div-slide {
	position: absolute;
	top: 0px; /*헤더영역 height*/
	left: 251px; /*왼쪽메뉴 width*/
	bottom: 0px; /*푸터영역 height*/
	overflow: hidden;
	padding-top: 23%;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
	background: #fff;
}

.div-slide2 {
	position: absolute;
	top: 0px; /*헤더영역 height*/
	left: 251px; /*왼쪽메뉴 width*/
	bottom: 0px; /*푸터영역 height*/
	overflow: hidden;
	padding-top: 23%;
	border-right: 1px solid #b4b4b4;
	border-bottom: 1px solid #b4b4b4;
	background: #fff;
}

/*배경그라데이션*/
.darkgrayground {
	background: rgb(242,246,248); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
}

.grayground2 {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.pattern {
	background-color: #026873;
	background-image: linear-gradient(90deg, rgba(255,255,255,.07) 50%, transparent 60%),linear-gradient(90deg, rgba(255,255,255,.13) 50%, transparent 60%),linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 60%),linear-gradient(90deg, transparent 50%, rgba(255,255,255,.19) 60%);
	background-size: 13px, 29px, 37px, 53px;
}

.grayground3 {
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(252,252,252,1) 0%,rgba(249,249,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}

.grayground {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+1,f6f6f6+47,ededed+100;White+3D+%231 */
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(247,247,247,1) 1%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 1%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(247,247,247,1) 1%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.darkblueground {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e5970+0,384b5f+100 */
	background: rgb(62,89,112); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(62,89,112) 0%, rgb(56,75,95) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(62,89,112) 0%,rgb(56,75,95) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(62,89,112) 0%,rgb(56,75,95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e5970', endColorstr='#384b5f',GradientType=0 ); /* IE6-9 */
}

.purpleground {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c3155+0,3c3155+100 */
	background: rgb(60,49,85); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(60,49,85,1) 0%, rgba(60,49,85,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(60,49,85,1) 0%,rgba(60,49,85,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(60,49,85,1) 0%,rgba(60,49,85,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3155', endColorstr='#3c3155',GradientType=0 ); /* IE6-9 */
}

.blueground {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+1,f6f6f6+47,ededed+100;White+3D+%231 */
	background: rgb(231,240,243); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,244,247,1) 1%, rgba(236,241,246,1) 47%, rgba(215,226,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(238,244,247,1) 1%,rgba(236,241,246,1) 47%,rgba(215,226,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(238,244,247,1) 1%,rgba(236,241,246,1) 47%,rgba(215,226,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

/* 로그인 */
#divLogin {
	width: 800px;
	margin: 0 auto;
	padding-top: 18%;
	/*margin-bottom:2%;*/
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}

#divConfigLogin {
	width: 400px;
	margin: 0 auto;
	padding-top: 13%;
	/*margin-bottom:2%;*/
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}

#divLoginBox {
	background: #fff;
	padding: 4.5% 50%;
	background-size: 365px 100%;
	background-repeat: no-repeat;
}

#divTriangle {
	width: 0;
	border-top: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #a291c9;
	border-left: 12px solid transparent;
	margin: 0 auto;
}

.txtIdPwd {
	width: 335px;
	background: #fff;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	padding: 15px;
	color: #555;
	-webkit-ime-mode: disabled;
	-moz-ime-mode: disabled;
	-ms-ime-mode: disabled;
	ime-mode: disabled;
	font-size: 10pt;
}

.selBubin {
	width: 366px;
	background: #fff;
	margin-bottom: 15px;
	padding: 5px;
	border: 1px solid #ccc;
	color: #555;
	-webkit-ime-mode: disabled;
	-moz-ime-mode: disabled;
	-ms-ime-mode: disabled;
	ime-mode: disabled;
	font-size: 10pt;
}

.divIdSave {
	width: 335px;
	margin-bottom: 15px;
}

.btnSubmit {
	width: 367px;
	background: #a291c9;
	border: 0;
	padding: 15px;
	font-size: 11pt;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	transition: background .3s;
	-webkit-transition: background .3s;
}

	.btnSubmit:hover {
		background: #8473ad;
	}

/* 로그인(관리자) */
#divLoginAdmin {
	width: 800px;
	margin: 0 auto;
	padding-top: 13%;
	/*margin-bottom:2%;*/
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}

#divLoginBoxAdmin {
	background: #fbfcec;
	padding: 5% 50%;
	background-image: url('../Images/img_admin-login.jpg');
	background-size: 365px;
	background-position-x: left;
	background-position-y: center;
	background-repeat: no-repeat;
}

#divTriangleAdmin {
	width: 0;
	border-top: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid rgba(93, 214, 53, 1);
	border-left: 12px solid transparent;
	margin: 0 auto;
}

.btnSubmitAdmin {
	width: 367px;
	background: rgba(93, 214, 53, 1);
	border: 0;
	padding: 15px;
	font-size: 10pt;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	transition: background .3s;
	-webkit-transition: background .3s;
}

	.btnSubmitAdmin:hover {
		background: rgb(79, 179, 45);
	}

/* content */
.divTitle {
	border-bottom: 1px solid #f4f4f4;
	color: #805dd0;
	font-size: 15px;
	font-weight: 600;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	vertical-align: middle;
	height: 25px;
	font-family: Dotum;
}

.divTitle2 {
	color: #805dd0;
	font-size: 15px;
	font-weight: 600;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	vertical-align: middle;
	height: 25px;
	font-family: Dotum;
}

.divTitlePopUp {
	border-bottom: 1px solid #f4f4f4;
	color: #805dd0;
	font-size: 13px;
	font-weight: 600;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}

.divCon {
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 100%;
}

.divCon2 {
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.divCon3 {
	padding-left: 10px;
	padding-right: 10px;
}

.divViewCon {
	overflow: auto;
}

.divDocCon {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Gulim;
	margin: 0;
	clear: both;
}

	.divDocCon td {
		border: solid 1px #000;
	}

.divCoName {
	margin-left: 10px;
	margin-right: 10px;
	height: 35px;
	border-bottom: solid 10px #805dd0;
	font-weight: bold;
	font-size: 20pt;
	line-height: 30px;
	text-align: center;
	letter-spacing: 10px;
	padding-top: 5px;
}

.spanTitle {
	font-size: 13px;
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 0px;
}

.spanSub {
	color: #939393;
	font-size: 11px;
	padding: 5px;
	font-weight: normal;
}

.spanSub2 {
	color: #939393;
	font-size: 12px;
	padding: 5px;
	font-weight: normal;
}

.spanSub3 {
	color: #939393;
	font-size: 12px;
	font-weight: normal;
	position: relative;
	bottom: 3px;
}

.spanSubRed {
	color: red;
	font-size: 11px;
	padding: 5px;
	font-weight: normal;
}

.spanRdio {
	padding: 5px;
}

table .tbl-set {
	border-style: none;
	border-color: currentColor;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

.tbl-set-fix {
	border-spacing: 0px;
	border-collapse: collapse;
	border-style: none;
	border-color: currentColor;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	table-layout: fixed;
}

.tbl-set-fix-border {
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	table-layout: fixed;
}

.tbl-set {
	width: 100%;
	text-align: left;
	line-height: 17px;
	border-collapse: collapse;
	table-layout: fixed;
}

.tbl-set2 {
	text-align: left;
	line-height: 17px;
	border-collapse: collapse;
	table-layout: fixed;
}

.tbl-set-none-fix {
	width: 100%;
	text-align: left;
	line-height: 17px;
	border-collapse: collapse;
}

.tbl-set td a {
	cursor: pointer;
	color: currentColor;
}

.div-tbl {
	width: 100%;
	border-top-color: #805dd0;
	border-bottom-color: #f4f4f4;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	z-index: 2;
	height: 100%;
	position: relative;
	color: #4d5f77;
}

.div-tbl-none-border-top {
	width: 100%;
	border-bottom-color: #f4f4f4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	z-index: 2;
	height: 100%;
	position: relative;
}

.div-tbl-Tree {
	width: 98%;
	border-top-color: #805dd0;
	border-bottom-color: #f4f4f4;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	z-index: 2;
	height: -moz-calc(100% - 60px); /* Firefox */
	height: -webkit-calc(100% - 60px); /* Chrome, Safari */
	height: calc(100% - 60px); /* IE9+ and future browsers */
	position: absolute;
	float: left;
}

.div-tbl-tree-admin {
	width: 98%;
	border-top-color: #805dd0;
	border-bottom-color: #f4f4f4;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	z-index: 2;
	height: -moz-calc(97% - 60px); /* Firefox */
	height: -webkit-calc(97% - 60px); /* Chrome, Safari */
	height: calc(97% - 60px); /* IE9+ and future browsers */
	position: absolute;
	float: left;
}

.div-tbl-none-border-bottom {
	width: 100%;
	border-top: solid 2px #805dd0;
	position: relative;
	z-index: 2;
}

.div-tbl-no-over {
	width: 100%;
	border-top-color: #805dd0;
	border-bottom-color: #f4f4f4;
	border-top-width: 2px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	z-index: 2;
	height: 100%;
	position: relative;
	color: #4d5f77;
}

/*트리*/
.divTree {
	width: 39%;
	border-left: 1px solid #c2d3eb;
	border-right: 1px solid #c2d3eb;
	position: relative;
	height: 100%;
	float: left;
}

.divTreeUser {
	width: 39%;
	border-left: 1px solid #c2d3eb;
	border-right: 1px solid #c2d3eb;
	position: relative;
	height: -moz-calc(100% - 10px); /* Firefox */
	height: -webkit-calc(100% - 10px); /* Chrome, Safari */
	height: calc(100% - 10px); /* IE9+ and future browsers */
	float: left;
}

.divTreeBusor {
	width: 100%;
	border-left: 1px solid #c2d3eb;
	border-right: 1px solid #c2d3eb;
	position: relative;
	height: -moz-calc(100% - 10px); /* Firefox */
	height: -webkit-calc(100% - 10px); /* Chrome, Safari */
	height: calc(100% - 10px); /* IE9+ and future browsers */
	float: left;
}

.divPopUpTree {
	height: 375px;
	border-left: 1px solid #c2d3eb;
	border-right: 1px solid #c2d3eb;
	border-bottom: 1px solid #c2d3eb;
	overflow: auto;
	width: 99%;
}

.divPopUpUserTree {
	height: 400px;
	border: 1px solid #c2d3eb;
	overflow: auto;
	width: 45%;
}

.divPopUpUserTree2 {
	height: 400px;
	border: 1px solid #c2d3eb;
	overflow: auto;
	width: 35%;
}

.divBinderTree {
	width: 39%;
	border-left: 1px solid #c2d3eb;
	border-right: 1px solid #c2d3eb;
	position: relative;
	height: 100%;
	float: left;
	height: 602px;
	overflow-x: hidden;
	overflow-y: auto;
}

.divLeft {
	width: 39%;
	border-left: 1px solid #c2d3eb;
	border-right: 1px solid #c2d3eb;
	position: relative;
	height: 100%;
	float: left;
	min-height: 640px;
	overflow-x: hidden;
	overflow-y: auto;
}

.divRight {
	width: 60%;
	min-height: 640px;
	position: relative;
	float: left;
	height: 100%;
}

.divEditBusor {
	width: 60%;
	min-height: 640px;
	position: relative;
	float: left;
	height: 100%;
}

.divEditBusor-admin {
	width: 60%;
	min-height: 620px;
	position: relative;
	float: left;
	height: 100%;
}

.divEdit {
	width: 60%;
	height: 602px;
	position: relative;
	float: left;
	height: 100%;
	float: left;
}

.divPopUpUserTreeEdit {
	width: 52%;
	position: relative;
	float: left;
	height: 100%;
}

.divDocTop {
	height: -moz-calc(100% - 50%); /* Firefox */
	height: -webkit-calc(100% - 50%); /* Chrome, Safari */
	height: calc(100% - 50%); /* IE9+ and future browsers */
}

.divDocBottom {
	border-top: 1px solid #b4b4b4;
	height: -moz-calc(100% - 51%); /* Firefox */
	height: -webkit-calc(100% - 51%); /* Chrome, Safari */
	height: calc(100% - 51%); /* IE9+ and future browsers */
}

.th {
	border: solid 1px #c5c5c5;
}

.th1 {
	width: 200px;
	background-color: #f8f8f8;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 15px;
	text-align: left;
	border-bottom: solid 1px #c5c5c5;
	color: #333c48;
}

.th2 {
	width: 200px;
	background-color: #f8f8f8;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 30px;
	text-align: left;
	border-bottom: solid 1px #c5c5c5;
	color: #333c48;
}

.th3 {
	width: 200px;
	background-color: #f8f8f8;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 45px;
	text-align: left;
	border-bottom: solid 1px #c5c5c5;
	color: #333c48;
}

.th4 {
	background-color: #f8f8f8;
	padding-bottom: 7px;
	padding-top: 7px;
	text-align: center;
	border-bottom: solid 1px #c5c5c5;
	color: #333c48;
}

.th5 {
	width: 200px;
	background-color: #f8f8f8;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 15px;
	text-align: left;
	border-bottom: solid 1px #c5c5c5;
	border-top: solid 2px #c2d3eb;
}

.th6 {
	background-color: #f8f8f8;
	padding-bottom: 7px;
	padding-top: 7px;
	border-bottom: solid 1px #c5c5c5;
	padding-left: 15px;
	color: #333c48;
}

.th7 {
	width: 200px;
	background-color: #f8f8f8;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 15px;
	text-align: center;
	border-bottom: solid 1px #c5c5c5;
	color: #333c48;
}

.th8 {
	background-color: #f8f8f8;
	padding-bottom: 7px;
	padding-top: 7px;
	text-align: center;
	border: solid 1px #c5c5c5;
	color: #333c48;
}

.th9 {
	background-color: #f8f8f8;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: center;
	border: solid 1px #c5c5c5;
	color: #333c48;
	border-collapse: collapse;
}

.th10 {
	background-color: #f8f8f8;
	padding-right: 5px;
	text-align: right;
	border: solid 1px #c5c5c5;
	color: #333c48;
}

.th11 {
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px;
	border: solid 1px #c5c5c5;
	color: #333c48;
	text-align: left;
	background-color: #f8f8f8;
}

.th12 {
	background-color: #f8f8f8;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: center;
	border-bottom: solid 1px #c5c5c5;
	color: #333c48;
}

.th12R {
	background-color: #f8f8f8;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: center;
	border-bottom: solid 1px #c5c5c5;
	border-right: solid 1px #c5c5c5;
	color: #333c48;
}

.th12L {
	background-color: #f8f8f8;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: center;
	border-bottom: solid 1px #c5c5c5;
	border-left: solid 1px #c5c5c5;
	color: #333c48;
}

.th-user {
	width: 100px;
	color: #333c48;
}

.th-user-border {
	width: 100px;
	border: solid 1px #c5c5c5;
	padding-bottom: 7px;
	padding-top: 7px;
	color: #333c48;
}

.th-no-border {
	background-color: #f8f8f8;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 7px;
	color: #333c48;
}

.td {
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 15px;
	text-align: left;
	border: solid 1px #c2d3eb;
}

.td-no-padding {
	text-align: center;
	border: solid 1px #c2d3eb;
}

.td1 {
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 15px;
	text-align: left;
	border-bottom: solid 1px #c2d3eb;
	border-left: solid 1px #c2d3eb;
}

.td2 {
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 15px;
	text-align: left;
	border-bottom: solid 1px #c2d3eb;
	border-left: solid 1px #c2d3eb;
	border-top: solid 2px #c2d3eb;
}

.td3 {
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 15px;
	border-bottom: solid 1px #c2d3eb;
}

.td4 {
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 10px;
	text-align: left;
	border-bottom: solid 1px #c2d3eb;
	border-left: solid 1px #c2d3eb;
}

.td5 {
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 5px;
	text-align: left;
	border: solid 1px #c2d3eb;
}

.td6 {
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: center;
	border: solid 1px #c2d3eb;
	border-collapse: collapse;
}

.td7 {
	text-align: center;
	border: solid 1px #c2d3eb;
	border-collapse: collapse;
}

.td-TBR {
	text-align: center;
	border-top: solid 1px #c2d3eb;
	border-bottom: solid 1px #c2d3eb;
	border-right: solid 1px #c2d3eb;
	border-collapse: collapse;
}

.tdL {
	padding-bottom: 7px;
	padding-top: 7px;
	text-align: center;
	border-bottom: solid 1px #c2d3eb;
	border-left: solid 1px #c2d3eb;
}

.tdL2 {
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 15px;
	border-bottom: solid 1px #c2d3eb;
	border-left: solid 1px #c2d3eb;
}

.tdL-no-padding {
	text-align: center;
	border-bottom: solid 1px #c2d3eb;
	border-left: solid 1px #c2d3eb;
}

.tdR {
	padding-bottom: 7px;
	padding-top: 7px;
	text-align: center;
	border-bottom: solid 1px #c2d3eb;
	border-right: solid 1px #c2d3eb;
}

.tdR2 {
	padding-bottom: 7px;
	padding-top: 7px;
	border-bottom: solid 1px #c2d3eb;
	border-right: solid 1px #c2d3eb;
}

.tdR3 {
	padding-bottom: 7px;
	padding-top: 7px;
	border-bottom: solid 1px #c2d3eb;
	border-right: solid 1px #c2d3eb;
	padding-left: 5px;
}

.tdR4 {
	padding-bottom: 7px;
	padding-top: 7px;
	border-bottom: solid 1px #c2d3eb;
	border-right: solid 1px #c2d3eb;
	padding-left: 15px;
}

.tdR-no-padding {
	text-align: center;
	border-bottom: solid 1px #c2d3eb;
	border-right: solid 1px #c2d3eb;
}

.td-user {
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 15px;
}

.td-user-border {
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 15px;
	border: solid 1px #c2d3eb;
}

.td-center {
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	border-bottom: solid 1px #c2d3eb;
}

.td-right {
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: right;
	border-bottom: solid 1px #c2d3eb;
}

.td-right2 {
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	text-align: right;
	border: solid 1px #c2d3eb;
}

.td-right3 {
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 5px;
	text-align: right;
	border: solid 1px #c2d3eb;
}

.td-bottom {
	padding-bottom: 7px;
	padding-top: 7px;
	border-bottom: solid 1px #c2d3eb;
}

.td-left {
	vertical-align: top;
	border: solid 1px #c2d3eb;
	border-collapse: collapse;
}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}

	.ellipsis a:hover {
		text-decoration: underline;
	}

.overline {
	cursor: pointer;
	color: #805dd0;
}

	.overline:hover {
		text-decoration: underline;
	}

.nowrap {
	white-space: nowrap;
}

/* 검색 박스 */
.searchBox {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 0;
	position: relative;
	bottom: 3px;
}

/* 일반 버튼 박스 */
.buttonBox {
	float: right;
	margin: 0 20px 0 0;
	padding: 0;
	font-size: 0;
	position: relative;
	bottom: 3px;
}

#detailSearch {
	display: none;
	width: 640px;
	height: 80px;
	position: absolute;
	right: 2px;
	top: 45px;
	border: 1px solid #bfbfbf;
	background-color: #fff;
	border-radius: 5px;
	z-index: 100;
}
/*.btn_close{
	position:absolute;
	top:13px;
	right:13px;
	background-image:url('../../Images/ico_delete-black.png');
	width:14px;
	height:14px;
}*/

.btn_close {
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	float: right;
	width: 19px;
	height: 19px;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0px 13px 13px;
	border: none;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	font: normal 25px/normal Arial, Helvetica, sans-serif;
	color: rgba(0,0,0,1);
	text-align: center;
	-o-text-overflow: clip;
	text-overflow: clip;
	background: #31afce;
}

	.btn_close::before {
		display: inline-block;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		width: 0.45em;
		height: 0.1em;
		position: absolute;
		content: "";
		top: 0.33em;
		left: 0.155em;
		border: none;
		font: normal 100%/normal Arial, Helvetica, sans-serif;
		color: rgba(0,0,0,1);
		-o-text-overflow: clip;
		text-overflow: clip;
		background: #ffffff;
		text-shadow: none;
		-webkit-transform: rotateZ(45deg);
		transform: rotateZ(45deg);
	}

	.btn_close::after {
		display: inline-block;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		width: 0.45em;
		height: 0.1em;
		position: absolute;
		content: "";
		top: 0.33em;
		left: 0.155em;
		border: none;
		font: normal 100%/normal Arial, Helvetica, sans-serif;
		color: rgba(0,0,0,1);
		-o-text-overflow: clip;
		text-overflow: clip;
		background: #ffffff;
		text-shadow: none;
		-webkit-transform: rotateZ(-45deg);
		transform: rotateZ(-45deg);
	}

/* selectbox 스타일 */
.select-script {
	position: relative;
	width: 150px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #939393;
	text-transform: uppercase;
	background: #fff;
}

	.select-script label {
		position: absolute;
		width: 90%;
		font-size: .86em;
		top: 0;
		left: 0;
		padding: 0 5%;
	}

		.select-script label:after {
			content: '▼';
			width: 25px;
			height: 25px;
			position: absolute;
			top: 0;
			right: 0;
			font-size: .76em;
			color: #9f9f9f;
			text-align: center;
			background: #fff;
		}

	.select-script select {
		width: 100%;
		height: 25px;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: alpha(opacity=0) /* IE 8 */;
	}

.select-script23 {
	position: relative;
	width: 150px;
	height: 22px;
	line-height: 22px;
	border: 1px solid #939393;
	text-transform: uppercase;
	background: #fff;
}

	.select-script23 label {
		position: absolute;
		width: 90%;
		font-size: .86em;
		top: 0;
		left: 0;
		padding: 0 5%;
	}

		.select-script23 label:after {
			content: '▼';
			width: 25px;
			height: 22px;
			position: absolute;
			top: 0;
			right: 0;
			font-size: .76em;
			color: #9f9f9f;
			text-align: center;
			background: #fff;
		}

	.select-script23 select {
		width: 100%;
		height: 22px;
		opacity: 0;
		filter: alpha(opacity=0);
		-ms-filter: alpha(opacity=0) /* IE 8 */;
	}

.default-selbox {
	height: 23px;
}

/* ---------------------------------------------- button ---------------------------------------------- */
.button {
	width: 100px;
	height: 25px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 0 10px 0;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: 14px/100% Dotum;
	padding: .5em 2em .55em;
	text-shadow: 0 0px 0px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

	.button:hover {
		text-decoration: none;
	}

	.button:active {
		position: relative;
		top: 1px;
	}

.button2 {
	width: 50px;
	height: 20px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	padding: 10px;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: 14px/100% Dotum;
	text-shadow: 0 0px 0px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

	.button2:hover {
		text-decoration: none;
	}

	.button2:active {
		position: relative;
		top: 1px;
	}

.button3 {
	width: 58px;
	height: 15px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px 2px 0;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: 8pt/100% Dotum;
	padding: 5px 0 3px 0;
	text-shadow: 0 0px 0px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

	.button3:hover {
		text-decoration: none;
	}

	.button3:active {
		position: relative;
		top: 1px;
	}

.button4 {
	width: 93%;
	height: 30px;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	padding: 10px 10px 10px 10px;
	outline: none;
	cursor: pointer;
	text-align: left;
	text-decoration: none;
	font: 14px/100% Dotum;
	text-shadow: 0 0px 0px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

	.button4:hover {
		text-decoration: none;
	}

	.button4:active {
		text-decoration: none;
	}

.button5 {
	text-decoration: none;
	background: #ececec;
	background: -o-linear-gradient(90deg, #ececec, #d7d6d6);
	background: -moz-linear-gradient( center top, #ececec 5%, #d7d6d6 100% );
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ececec), color-stop(1, #d7d6d6) );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#d7d6d6');
	background: -webkit-linear-gradient(#ececec, #d7d6d6);
	background: -ms-linear-gradient(#ececec, #d7d6d6);
	background: linear-gradient(#ececec, #d7d6d6);
	text-indent: 0px;
	line-height: 13px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	font-size: 12px;
	color: #333c48;
	width: 85px;
	height: 25px;
	padding: 5px;
	border-color: #8a8a8a;
	border-width: 1px;
	border-style: solid;
}

	.button5:active {
		position: relative;
		top: 2px
	}

	.button5:hover {
		background: #d7d6d6;
		background: -o-linear-gradient(90deg, #d7d6d6, #ececec);
		background: -moz-linear-gradient( center top, #d7d6d6 5%, #ececec 100% );
		background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d7d6d6), color-stop(1, #ececec) );
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d6d6', endColorstr='#ececec');
		background: -webkit-linear-gradient(#d7d6d6, #ececec);
		background: -ms-linear-gradient(#d7d6d6, #ececec);
		background: linear-gradient(#d7d6d6, #ececec);
	}

.disabled {
	color: #939393;
}

.disabled2 {
	background-color: #f8f8f8;
}

.bigrounded {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.rounded {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}

.small {
	font-size: 9pt;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
}

.small2 {
	font-size: 9pt;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
}

.span-button {
	bottom: 5px;
	padding-left: 370px;
}

/* color styles ---------------------------------------------- */
.gray {
	color: gray;
}
/* darkgray */
.darkgray {
	color: #fff;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top, #888, #575757);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

	.darkgray:hover {
		background: #616161;
		background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
		background: -moz-linear-gradient(top, #757575, #4b4b4b);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
	}

	.darkgray:active {
		color: #afafaf;
		background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
		background: -moz-linear-gradient(top, #575757, #888);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
	}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top, #fff, #ededed);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

	.white:hover {
		background: #f8f8f8;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
		background: -moz-linear-gradient(top, #fff, #dcdcdc);
		background: linear-gradient(to bottom, #fff 0%,rgba(237,237,237,1) 47%,rgba(228,228,228,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
	}

	.white:active {
		color: #999;
		background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
		background: -moz-linear-gradient(top, #ededed, #fff);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	}

/* 팝업레이어 */
.pop-layer {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 700px;
	height: auto;
	background-color: #fff;
	border: 5px solid #bfbfbf;
	z-index: 10;
}

	.pop-layer .pop-container {
		padding: 20px 25px;
	}

	.pop-layer p.ctxt {
		color: #666;
		line-height: 25px;
	}

	.pop-layer .btn-r {
		width: 100%;
		margin: 10px 0 20px;
		padding-top: 10px;
		border-top: 1px solid #DDD;
		text-align: right;
	}

.btn-r {
	margin: 10px 0 20px;
	padding-top: 10px;
	border-top: 1px solid #DDD;
	text-align: right;
}

.pop-layer2 {
	display: none;
	position: absolute;
	top: 50%;
	left: 70%;
	width: 400px;
	height: auto;
	background-color: #fff;
	border: 5px solid #bfbfbf;
	z-index: 10;
}

	.pop-layer2 .pop-container2 {
		padding: 20px 25px;
	}

.pop-layer3 {
	display: none;
	position: absolute;
	top: 50%;
	left: 70%;
	width: 180px;
	height: 60px;
	background-color: #fff;
	border: 5px solid #bfbfbf;
	z-index: 10;
}

	.pop-layer3 .pop-container3 {
		padding: 20px 25px;
	}

a.cbtn {
	display: inline-block;
	height: 25px;
	padding: 0 14px 0;
	border: 1px solid #bfbfbf;
	background-color: #bfbfbf;
	font-size: 13px;
	color: #fff;
	line-height: 25px;
}

	a.cbtn:hover {
		border: 1px solid #bfbfbf;
		background-color: #bfbfbf;
		color: #fff;
	}

a.cbtn2 {
	display: inline-block;
	height: 15px;
	padding: 0 7px 0;
	border: 1px solid #bfbfbf;
	background-color: #bfbfbf;
	font-size: 13px;
	color: #fff;
	line-height: 15px;
}

	a.cbtn2:hover {
		border: 1px solid #bfbfbf;
		background-color: #bfbfbf;
		color: #fff;
	}

#GridView1 tr:hover {
	background-color: #d7eef9;
	cursor: pointer;
}

/*페이징이미지*/
.pagination-ys {
	/*display: inline-block;*/
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

	.pagination-ys table > tbody > tr > td {
		display: inline;
	}

		.pagination-ys table > tbody > tr > td > a,
		.pagination-ys table > tbody > tr > td > span {
			position: relative;
			float: left;
			padding: 3px 10px;
			line-height: 1.42857143;
			text-decoration: none;
			color: #474645;
			background-color: #ffffff;
			border: 1px solid #dddddd;
			margin-left: -1px;
		}

		.pagination-ys table > tbody > tr > td > span {
			position: relative;
			float: left;
			padding: 3px 10px;
			line-height: 1.42857143;
			text-decoration: none;
			margin-left: -1px;
			z-index: 2;
			color: #aea79f;
			background-color: #f5f5f5;
			border-color: #dddddd;
			cursor: default;
		}

		.pagination-ys table > tbody > tr > td:first-child > a,
		.pagination-ys table > tbody > tr > td:first-child > span {
			margin-left: 0;
			border-bottom-left-radius: 4px;
			border-top-left-radius: 4px;
		}

		.pagination-ys table > tbody > tr > td:last-child > a,
		.pagination-ys table > tbody > tr > td:last-child > span {
			border-bottom-right-radius: 4px;
			border-top-right-radius: 4px;
		}

		.pagination-ys table > tbody > tr > td > a:hover,
		.pagination-ys table > tbody > tr > td > span:hover,
		.pagination-ys table > tbody > tr > td > a:focus,
		.pagination-ys table > tbody > tr > td > span:focus {
			color: #474645;
			background-color: #eeeeee;
			border-color: #dddddd;
		}

/*----- Tabs -----*/
.tabs {
	width: 100%;
	display: inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
	display: block;
	clear: both;
	content: ' ';
}

.tab-links li {
	text-align: center;
	float: left;
	list-style: none;
	border: solid 1px #dadada;
	border-bottom: none;
	margin-right: 3px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.tab-links a {
	padding: 5px 5px;
	display: inline-block;
	background: #7b9eb2;
	font-size: 10pt;
	font-weight: 600;
	color: #ffffff;
	transition: all linear 0.15s;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

	.tab-links a:hover {
		background: #ffffff;
		color: #000000;
		text-decoration: none;
	}

li.active a, li.active a:hover {
	background: #ffffff;
	color: #000000;
}

/*----- Content of Tabs -----*/
.tab-content {
	padding: 0px;
	box-shadow: -1px 1px 1px rgba(0,0,0,0.15);
	background: #fff;
	border: solid 1px #dadada;
	overflow-x: hidden;
	overflow-y: auto;
	height: 300px;
}

.tab-content-mi {
	padding: 0px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	background: #fff;
	border: solid 1px #dadada;
	overflow-x: hidden;
	overflow-y: hidden;
	height: 300px;
}

.tab-content-none-padding {
	background: #fff;
	border-top: solid 1px #dadada;
	height: 607px;
	overflow-x: hidden;
	overflow-y: auto;
}

.tab {
	display: none;
}

	.tab.active {
		display: block;
	}

/*인사정보 confirm*/
.layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center
}

	.layer .content {
		display: inline-block;
		background: #fff;
		vertical-align: middle;
		border: 1px solid #c2d3eb;
		height: 150px;
		width: 400px;
	}

	.layer .blank {
		display: inline-block;
		width: 0;
		height: 100%;
		vertical-align: middle
	}

/*증명서출력물*/
.tbl-certify {
	width: 670px;
	border-collapse: collapse;
}

.td-certify-title-box {
	height: 128px;
	text-align: center;
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	font-size: 24pt;
	font-family: Dotum;
	font-weight: bold;
}

.td-certify-w54 {
	width: 54px;
	border-left: 2px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	text-align: center;
	font-size: 12pt;
	font-family: Dotum;
	line-height: 180%;
}

.td-certify-bottom-box {
	height: 420px;
	border-top: 1px solid black;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
	font-family: Dotum;
	font-size: 12pt;
	vertical-align: top;
}

.td-certify-h38 {
	border: 1px solid black;
	height: 38px;
	font-size: 12pt;
	font-family: Dotum;
	line-height: 180%;
	text-align: center;
	width: 112px;
}

.td-certify {
	border: 1px solid black;
	height: 38px;
	font-size: 12pt;
	font-family: Dotum;
	line-height: 180%;
	padding-left: 8px;
}

.td-certify-con {
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-right: 2px solid black;
	height: 38px;
	font-size: 12pt;
	font-family: Dotum;
	line-height: 180%;
	padding-left: 8px;
}

.div-certify-sample {
	position: absolute;
	z-index: 0;
	margin: auto;
	text-align: center;
	top: 150px;
	left: 50px;
}

#binderTitle {
	font-weight: bold;
}


/************************* side menu *********************************/

.profile-box {
	min-height: 30px;
	padding: 5px 15px;
	position: relative;
	background: #fff;
	height: 30px;
}

.fa-envelope-o:before {
	content: " "
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1;
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#cssmenu {
	width: 100%;
	font-family: Dotum;
	color: #707070;
}

	#cssmenu ul ul {
		display: none;
	}

.align-right {
	float: right;
}

#cssmenu > ul > li > a {
	background: #f4f4f4;
	border-top: 1px solid #dadada;
	color: #707070;
	display: block;
	font-size: 13px;
	font-weight: 600;
	padding: 10px 20px 10px 10px;
	position: relative;
}

	#cssmenu > ul > li > a:hover,
	#cssmenu > ul > li.active > a,
	#cssmenu > ul > li.open > a {
		color: #009ad2;
		background: #e8e8e8;
	}

#cssmenu > ul > li.open > a {
	border-bottom: 1px solid #dadada;
}

#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a {
	border-bottom: 1px solid #dadada;
}

#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
	border-color: #009ad2;
}

#cssmenu ul ul li a {
	cursor: pointer;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	padding: 10px 20px;
	z-index: 1;
	text-decoration: none;
	font-size: 13px;
	color: #707070;
	background: #f4f4f4;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
	color: #009ad2;
	background: #e8e8e8;
}

#cssmenu ul ul li:first-child > a {
	box-shadow: none;
}

#cssmenu ul ul ul li:first-child > a {
}

#cssmenu ul ul ul li a {
	padding-left: 30px;
}

#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a {
	border-bottom: 0;
}

#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a {
	border-bottom: 1px solid #dadada;
}

#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
	border-bottom: 0;
}

#cssmenu ul ul li.has-sub > a::after {
	display: block;
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	right: 20px;
	z-index: 10;
	top: 11.5px;
	border-top: 2px solid #dadada;
	border-left: 2px solid #dadada;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after {
	border-color: #dadada;
}

#cssmenu ul li .active {
	background: #e8e8e8;
	color: #009ad2;
}

.align-right {
	float: right;
}

.holder {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
}

	.holder::after,
	.holder::before {
		display: block;
		position: absolute;
		content: "";
		width: 6px;
		height: 6px;
		right: 20px;
		z-index: 10;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

	.holder::after {
		top: 11px;
		border-top: 2px solid #707070;
		border-left: 2px solid #707070;
	}

	.holder::before {
		top: 13px;
		border-top: 2px solid;
		border-left: 2px solid;
		border-top-color: inherit;
		border-left-color: inherit;
	}

.right-navbar {
	float: right;
	padding-right: 25px !important;
	cursor: pointer;
	z-index: 201 !important;
	position: relative;
}

	.right-navbar > ul {
		display: block;
		margin: 0;
		padding: 0;
	}

	.right-navbar li {
		display: inline;
		float: left;
	}

		.right-navbar li ul li {
			font-size: 13px;
			font-weight: 600;
			color: #f4f4f4;
			border-bottom: 1px solid #e8e6e6;
			line-height: 30px;
		}

/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.iGraph {
		white-space: nowrap;
		line-height: normal;
	}

		.iGraph .gBar {
			display: inline-block;
			width: 185px;
			height: 14px;
			margin: 0 5px 0 0;
			border: 1px solid #ccc;
			background: #e9e9e9;
			font-size: 11px;
		}

		.iGraph .gAction {
			display: inline-block;
			height: 14px;
			border: 1px solid #8c9bac;
			background: #99a6b6;
			margin: -1px;
		}

		.iGraph .gPercent {
			font: 14px Arial, Helvetica, sans-serif;
			color: #ccc;
		}

			.iGraph .gPercent strong {
				font-size: 14px;
				color: #e88b30;
			}

		.iGraph .gSize {
			display: inline-block;
			right: 5px;
			font-size: 12px;
		}

			.iGraph .gSize strong {
				font-size: 12px;
				color: #e88b30;
			}

		.iGraph .gBar2 {
			display: inline-block;
			width: 215px;
			height: 14px;
			margin: 0 5px 0 0;
			border: 1px solid #ccc;
			background: #e9e9e9;
			font-size: 11px;
		}

		.iGraph .gBar3 {
			display: inline-block;
			width: 215px;
			height: 14px;
			margin: 0 5px 0 0;
			border: 1px solid #ccc;
			background: #e9e9e9;
			font-size: 11px;
		}

	.icon-circle {
		position: relative;
		top: 4px;
		margin: 5px;
		border: 1px solid #ccc;
		border-radius: 21px;
		padding: 7px 5px !important;
	}

	.mail {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: -1px;
		left: 2px;
		opacity: 0.4;
	}

	.comment {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		left: 2px;
		opacity: 0.4;
	}

	.badge {
		font-family: Arial;
		font-size: 10px;
		font-weight: 700;
		min-width: 7px;
		padding: 2px 3px;
		top: -4px;
		left: 18px;
		display: inline-block;
		line-height: 1;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
		border-radius: 10px;
		position: absolute;
		z-index: 5;
	}

	.tf_keyword {
		/*padding:1px 15px 2px 15px;*/
		height: 21px;
		width: 150px;
		background: #fff;
		border: 1px solid #939393;
	}

	.tf_keyword2 {
		height: 20px;
		width: 98px;
		background: #fff;
		border: 1px solid #939393;
	}

	.tf_keyword3 {
		padding: 0 2px;
		height: 21px;
		width: 185px;
		background: #fff;
		border: 1px solid #939393;
	}

	.btn_search {
		position: relative;
		/*padding:1px 10px;*/
		left: -1px;
		width: 30px;
		height: 23px;
		border: 1px solid #939393;
		background: #fff;
		color: #fff;
		background-image: url('../Images/btn_search.png');
		background-position-x: 7px;
		background-position-y: 2px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.btn_refresh {
		position: relative;
		/*padding:1px 10px;*/
		left: -1px;
		top: -1px;
		width: 28px;
		height: 23px;
		border: 1px solid #939393;
		border-left: 0;
		background: #fff;
		color: #fff;
		background-image: url('../Images/ico_refresh-black.png');
		background-position-x: 7px;
		background-position-y: 3.5px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.btn_toggle_up {
		position: relative;
		/*padding:1px 10px;*/
		left: -1px;
		top: -1px;
		width: 28px;
		height: 23px;
		border: 1px solid #939393;
		border-left: 0;
		background: #fff;
		color: #fff;
		background-image: url('../Images/ico_arrow-u-black.png');
		background-position-x: 7px;
		background-position-y: 3.5px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.btn_toggle_down {
		position: relative;
		/*padding:1px 10px;*/
		left: -1px;
		top: -1px;
		width: 28px;
		height: 23px;
		border: 1px solid #939393;
		border-left: 0;
		background: #fff;
		color: #fff;
		background-image: url('../Images/ico_arrow-d-black.png');
		background-position-x: 7px;
		background-position-y: 3.5px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.btn_detail {
		position: relative;
		padding: 1px 8px;
		left: -2px;
		border: 1px solid #939393;
		background: #fff;
		color: #939393;
	}

	.btn_etc {
		position: relative;
		padding: 3px 8px;
		left: -2px;
		border-left: 1px solid #939393;
		border-top: 1px solid #939393;
		border-bottom: 1px solid #939393;
		background: #fff;
		color: #939393;
	}

	.btn_search2 {
		position: relative;
		padding: 3px 10px;
		left: -5px;
		border: 1px solid #696969;
		background: #f3f3f3;
		color: #fff;
		background-image: url('../Images/btn_search.png');
		background-position-x: 8px;
		background-position-y: 4px;
		background-repeat: no-repeat;
	}

	#divLoginAdmin h1 {
		background: rgba(93, 214, 53, 1);
		padding: 15px 0;
		/*font-size:16pt;
	  text-align:center;
	  color:#fff;*/
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		margin: 0 auto;
		border: none;
		font: normal 16pt/normal "Arial";
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		-o-text-overflow: clip;
		text-overflow: clip;
		letter-spacing: 5px;
		text-shadow: 1px 1px 0 rgb(247,247,247), 3px 3px 0 rgb(179,179,179);
	}

	#divLogin h1 {
		background: #a291c9;
		padding: 15px 0;
		/*font-size:16pt;
	  text-align:center;
	  color:#fff;*/
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		margin: 0 auto;
		border: none;
		font: normal 16pt/normal "Arial";
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		-o-text-overflow: clip;
		text-overflow: clip;
		letter-spacing: 5px;
		text-shadow: 1px 1px 0 rgb(238,238,238), 3px 3px 0 rgb(112,112,112);
	}

	.circle1 {
		display: inline-block;
		background-color: #f7f7f7;
		min-width: 25px;
		height: 10px;
		text-align: center;
		padding-bottom: 8px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		font-size: 8pt;
		float: right;
	}

	.circleCnt {
		padding-top: 4px;
		background-color: #fafafa;
		min-width: 30px;
		height: 12px;
		text-align: center;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		font-size: 8pt;
		float: right;
	}
}

/* Firefox */
@-moz-document url-prefix() {
	.iGraph {
		white-space: nowrap;
		line-height: normal;
	}

		.iGraph .gBar {
			display: inline-block;
			width: 185px;
			height: 14px;
			margin: 0 5px 0 0;
			border: 1px solid #ccc;
			background: #e9e9e9;
			font-size: 11px;
		}

		.iGraph .gAction {
			display: inline-block;
			height: 14px;
			border: 1px solid #8c9bac;
			background: #99a6b6;
			margin: -1px;
		}

		.iGraph .gPercent {
			font: 14px Arial, Helvetica, sans-serif;
			color: #ccc;
		}

			.iGraph .gPercent strong {
				font-size: 14px;
				color: #e88b30;
			}

		.iGraph .gSize {
			display: inline-block;
			right: 5px;
			font-size: 12px;
		}

			.iGraph .gSize strong {
				font-size: 12px;
				color: #e88b30;
			}

		.iGraph .gBar2 {
			display: inline-block;
			width: 215px;
			height: 14px;
			margin: 0 5px 0 0;
			border: 1px solid #ccc;
			background: #e9e9e9;
			font-size: 11px;
		}

		.iGraph .gBar3 {
			display: inline-block;
			width: 215px;
			height: 14px;
			margin: 0 5px 0 0;
			border: 1px solid #ccc;
			background: #e9e9e9;
			font-size: 11px;
		}

	.icon-circle {
		position: relative;
		top: 3px;
		margin: 5px;
		border: 1px solid #ccc;
		border-radius: 21px;
		padding: 6px 6px !important;
	}

	.mail {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: -1px;
		left: 2px;
		opacity: 0.4;
	}

	.comment {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		left: 2px;
		opacity: 0.4;
	}

	.badge {
		font-family: Arial;
		font-size: 10px;
		font-weight: 700;
		min-width: 7px;
		padding: 2px 3px;
		top: -4px;
		left: 18px;
		display: inline-block;
		line-height: 1;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
		border-radius: 10px;
		position: absolute;
		z-index: 5;
	}

	.tf_keyword {
		/*padding:1px 15px 2px 15px;*/
		height: 23px;
		width: 150px;
		background: #fff;
		border: 1px solid #939393;
	}

	.tf_keyword2 {
		height: 20px;
		width: 98px;
		background: #fff;
		border: 1px solid #939393;
	}

	.tf_keyword3 {
		padding: 0 2px;
		height: 23px;
		width: 183px;
		background: #fff;
		border: 1px solid #939393;
	}

	.btn_search {
		position: relative;
		/*padding:1px 10px;*/
		left: -1px;
		width: 30px;
		height: 25px;
		border: 1px solid #939393;
		background: #fff;
		color: #fff;
		background-image: url('../Images/btn_search.png');
		background-position-x: 7px;
		background-position-y: 2px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.btn_refresh {
		position: relative;
		/*padding:1px 10px;*/
		left: -1px;
		width: 30px;
		height: 25px;
		border: 1px solid #939393;
		border-left: 0;
		background: #fff;
		color: #fff;
		background-image: url('../Images/ico_refresh-black.png');
		background-position-x: 7px;
		background-position-y: 3.5px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.btn_toggle_up {
		position: relative;
		/*padding:1px 10px;*/
		left: -1px;
		top: -1px;
		width: 30px;
		height: 25px;
		border: 1px solid #939393;
		border-left: 0;
		background: #fff;
		color: #fff;
		background-image: url('../Images/ico_arrow-u-black.png');
		background-position-x: 7px;
		background-position-y: 3.5px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.btn_toggle_down {
		position: relative;
		/*padding:1px 10px;*/
		left: -1px;
		top: -1px;
		width: 30px;
		height: 25px;
		border: 1px solid #939393;
		border-left: 0;
		background: #fff;
		color: #fff;
		background-image: url('../Images/ico_arrow-d-black.png');
		background-position-x: 7px;
		background-position-y: 3.5px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.btn_detail {
		position: relative;
		padding: 0px 5px 1px 8px;
		left: -2px;
		border: 1px solid #939393;
		background: #fff;
		color: #939393;
	}

	.btn_etc {
		position: relative;
		padding: 3px 8px;
		left: -2px;
		border-left: 1px solid #939393;
		border-top: 1px solid #939393;
		border-bottom: 1px solid #939393;
		background: #fff;
		color: #939393;
	}

	.btn_search2 {
		position: relative;
		padding: 3px 10px;
		left: -5px;
		border: 1px solid #696969;
		background: #f3f3f3;
		color: #fff;
		background-image: url('../Images/btn_search.png');
		background-position-x: 8px;
		background-position-y: 4px;
		background-repeat: no-repeat;
	}

	#divLoginAdmin h1 {
		background: rgba(93, 214, 53, 1);
		padding: 15px 0;
		/*font-size:16pt;
	  text-align:center;
	  color:#fff;*/
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		margin: 0 auto;
		border: none;
		font: normal 16pt/normal "Arial";
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		-o-text-overflow: clip;
		text-overflow: clip;
		letter-spacing: 5px;
		text-shadow: 1px 1px 0 rgb(247,247,247), 3px 3px 0 rgb(179,179,179);
	}

	#divLogin h1 {
		background: #a291c9;
		padding: 15px 0;
		/*font-size:16pt;
	  text-align:center;
	  color:#fff;*/
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		margin: 0 auto;
		border: none;
		font: normal 16pt/normal "Arial";
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		-o-text-overflow: clip;
		text-overflow: clip;
		letter-spacing: 5px;
		text-shadow: 1px 1px 0 rgb(238,238,238), 3px 3px 0 rgb(112,112,112);
	}

	.circle1 {
		display: inline-block;
		background-color: #f7f7f7;
		min-width: 25px;
		height: 10px;
		text-align: center;
		padding-bottom: 10px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		font-size: 8pt;
		float: right;
	}

	.circleCnt {
		padding-top: 3px;
		background-color: #fafafa;
		min-width: 30px;
		height: 13px;
		text-align: center;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		font-size: 8pt;
		font-family: Arial;
		float: right;
	}
}

/* Internet Explorer */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.iGraph {
		white-space: nowrap;
		line-height: normal;
		position: inherit;
		right: 0px;
	}

		.iGraph .gBar {
			display: inline-block;
			width: 185px;
			height: 14px;
			margin: 0 5px 0 0;
			border: 1px solid #ccc;
			background: #e9e9e9;
			font-size: 11px;
		}

		.iGraph .gAction {
			display: inline-block;
			height: 14px;
			border: 1px solid #8c9bac;
			background: #99a6b6;
			margin: -1px;
		}

		.iGraph .gPercent {
			font: 14px Arial, Helvetica, sans-serif;
			color: #ccc;
		}

			.iGraph .gPercent strong {
				font-size: 14px;
				color: #e88b30;
			}

		.iGraph .gSize {
			display: inline-block;
			right: 5px;
			font-size: 12px;
		}

			.iGraph .gSize strong {
				font-size: 12px;
				color: #e88b30;
			}

		.iGraph .gBar2 {
			display: inline-block;
			width: 185px;
			height: 14px;
			margin: 0 5px 0 0;
			border: 1px solid #ccc;
			background: #e9e9e9;
			font-size: 11px;
		}

		.iGraph .gBar3 {
			display: inline-block;
			width: 158px;
			height: 14px;
			margin: 0 5px 0 0;
			border: 1px solid #ccc;
			background: #e9e9e9;
			font-size: 11px;
		}

	.circleCnt {
		background-color: #fafafa;
		min-width: 30px;
		height: 13px;
		text-align: center;
		padding-top: 3px;
		border-radius: 7px;
		font-size: 8pt;
		font-family: Dotum;
		float: right;
	}

	.circle1 {
		display: inline-block;
		background-color: #f7f7f7;
		min-width: 25px;
		height: 10px;
		text-align: center;
		padding-bottom: 10px;
		border-radius: 7px;
		font-size: 8pt;
		float: right;
	}

	.icon-circle {
		position: relative;
		top: 3px;
		margin: 5px;
		border: 1px solid #ccc;
		border-radius: 21px;
		padding: 6px 5px !important;
	}

	.mail {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 1px;
		left: 2px;
		opacity: 0.4;
	}

	.comment {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 1px;
		left: 2px;
		opacity: 0.4;
	}

	.badge {
		font-family: Arial;
		font-size: 10px;
		font-weight: 700;
		min-width: 7px;
		padding: 2px 3px;
		top: -4px;
		left: 18px;
		display: inline-block;
		line-height: 1;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		vertical-align: baseline;
		border-radius: 10px;
		position: absolute;
		z-index: 5;
	}

	.tf_keyword {
		padding: 0px 15px;
		height: 21px;
		width: 150px;
		background: #fff;
		border: 1px solid #939393;
	}

	.tf_keyword2 {
		padding: 2px 5px;
		height: 20px;
		width: 98px;
		background: #fff;
		border: 1px solid #939393;
	}

	.tf_keyword3 {
		padding: 0 2px;
		height: 21px;
		width: 183px;
		background: #fff;
		border: 1px solid #939393;
	}

	.btn_search {
		position: relative;
		/*padding:1px 10px;*/
		left: -1px;
		width: 30px;
		height: 23px;
		border: 1px solid #939393;
		background: #fff;
		color: #fff;
		background-image: url('../Images/btn_search.png');
		background-position-x: 5px;
		background-position-y: 2px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.btn_refresh {
		position: relative;
		/*padding:1px 10px;*/
		left: -1px;
		width: 30px;
		height: 23px;
		border: 1px solid #939393;
		border-left: 0;
		background: #fff;
		color: #fff;
		background-image: url('../Images/ico_refresh-black.png');
		background-position-x: 7px;
		background-position-y: 3.5px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.btn_toggle_up {
		position: relative;
		/*padding:1px 10px;*/
		left: -1px;
		width: 30px;
		height: 23px;
		border: 1px solid #939393;
		border-left: 0;
		background: #fff;
		color: #fff;
		background-image: url('../Images/ico_arrow-u-black.png');
		background-position-x: 7px;
		background-position-y: 3.5px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.btn_toggle_down {
		position: relative;
		/*padding:1px 10px;*/
		left: -1px;
		width: 30px;
		height: 23px;
		border: 1px solid #939393;
		border-left: 0;
		background: #fff;
		color: #fff;
		background-image: url('../Images/ico_arrow-d-black.png');
		background-position-x: 7px;
		background-position-y: 3.5px;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	.btn_detail {
		position: relative;
		padding: 0px 8px 1px 8px;
		left: -2px;
		border: 1px solid #939393;
		background: #fff;
		color: #939393;
	}

	.btn_search2 {
		position: relative;
		padding: 3px 10px;
		left: -5px;
		border: 1px solid #696969;
		background: #f3f3f3;
		color: #fff;
		background-image: url('../Images/btn_search.png');
		background-position-x: 8px;
		background-position-y: 4px;
		background-repeat: no-repeat;
	}

	#divLoginAdmin h1 {
		background: rgba(93, 214, 53, 1);
		padding: 15px 0;
		/*font-size:16pt;
	  text-align:center;
	  color:#fff;*/
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		margin: 0 auto;
		border: none;
		font: normal 16pt/normal "Dotum";
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		-o-text-overflow: clip;
		text-overflow: clip;
		letter-spacing: 5px;
		text-shadow: 1px 1px 0 rgb(247,247,247), 3px 3px 0 rgb(179,179,179);
	}

	#divLogin h1 {
		background: #a291c9;
		padding: 15px 0;
		/*font-size:16pt;
	  text-align:center;
	  color:#fff;*/
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		margin: 0 auto;
		border: none;
		font: normal 16pt/normal "Dotum";
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		-o-text-overflow: clip;
		text-overflow: clip;
		letter-spacing: 5px;
		text-shadow: 1px 1px 0 rgb(238,238,238), 3px 3px 0 rgb(112,112,112);
	}
}


.icon-title {
	color: #000;
	font-size: 11px;
	position: absolute;
	top: 44px;
	font-family: Dotum;
}

.badge-red {
	background-color: #e7604a;
	background-image: none;
}

.badge-puple {
	background-color: #682acf;
	background-image: none;
}

.badge-green {
	background-color: #06ae1a;
	background-image: none;
}

.badge-blue {
	background-color: #4a68e7;
	background-image: none;
}

.badge-yellow {
	background-color: rgba(254,191,4,1);
	background-image: none;
}

.img-circle {
	border-radius: 50%;
	width: 28px;
	height: 28px;
}

#nav {
	display: none;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	position: absolute;
	top: 35px;
	right: 3px;
	width: 180px;
}


.arrow_box {
	position: relative;
	background: #ffffff;
	border: 1px solid #e6e6e6;
}

	.arrow_box li {
		padding-left: 10px;
		width: 100%;
	}

	.arrow_box:after, .arrow_box:before {
		bottom: 100%;
		left: 90%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.arrow_box:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #ffffff;
		border-width: 8px;
		margin-left: -8px;
	}

	.arrow_box:before {
		border-color: rgba(232, 230, 230, 0);
		border-bottom-color: #e8e6e6;
		border-width: 9px;
		margin-left: -9px;
	}

.hover {
	background-color: #f6f9ff;
	cursor: pointer;
}

.underline a:hover {
	text-decoration: underline;
}

.underline-all a {
	text-decoration: underline;
	text-decoration-color: #f6f6f6;
}

	.underline-all a:hover {
		text-decoration: underline;
		text-decoration-color: #f6f6f6;
	}

.opacity {
	opacity: 0.9;
}

/* 버튼 디자인 */
.btn_delete {
	background: url('../_Images/Common/button/bt_fdel.gif') no-repeat;
	border: none;
	width: 53px;
	height: 18px;
	cursor: pointer;
}

	.btn_delete:hover {
		background: url('../_Images/Common/button/bt_fdel_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 18px;
		cursor: pointer;
	}

.btn_alldelete {
	background: url('../_Images/Common/button/bt_alldelete.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_alldelete:hover {
		background: url('../_Images/Common/button/bt_alldelete_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_delete2 {
	background: url('../_Images/Common/button/bt_delete2.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_delete2:hover {
		background: url('../_Images/Common/button/bt_delete2_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_next {
	background: url('../_Images/Common/button/bt_next.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_next:hover {
		background: url('../_Images/Common/button/bt_next_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_prev {
	background: url('../_Images/Common/button/bt_prev.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_prev:hover {
		background: url('../_Images/Common/button/bt_prev_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_delete3 {
	background: url('../_Images/Common/button/bt_fdel.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_delete3:hover {
		background: url('../_Images/Common/button/bt_fdel_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_delete4 {
	background: url('../_Images/Common/button/bt_delete3.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_delete4:hover {
		background: url('../_Images/Common/button/bt_delete3_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_save {
	background: url('../_Images/Common/button/bt_save.gif') no-repeat;
	border: none;
	width: 53px;
	height: 18px;
	cursor: pointer;
}

	.btn_save:hover {
		background: url('../_Images/Common/button/bt_save_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 18px;
		cursor: pointer;
	}

.btn_save2 {
	background: url('../_Images/Common/button/bt_save2.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_save2:hover {
		background: url('../_Images/Common/button/bt_save2_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_save3 {
	background: url('../_Images/Common/button/bt_save3.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_save3:hover {
		background: url('../_Images/Common/button/bt_save3_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_help {
	background: url('../Images/EManagementInformation/bt_help.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_help:hover {
		background: url('../Images/EManagementInformation/bt_help_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_nextstep {
	background: url('../Images/EManagementInformation/bt_nextstep.gif') no-repeat;
	border: none;
	width: 69px;
	height: 23px;
	cursor: pointer;
}

	.btn_nextstep:hover {
		background: url('../Images/EManagementInformation/bt_nextstep_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 23px;
		cursor: pointer;
	}

.btn_prestep {
	background: url('../Images/EManagementInformation/bt_prestep.gif') no-repeat;
	border: none;
	width: 69px;
	height: 23px;
	cursor: pointer;
}

	.btn_prestep:hover {
		background: url('../Images/EManagementInformation/bt_prestep_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 23px;
		cursor: pointer;
	}

.btn_exceldown {
	background: url('../_Images/Common/button/bt_exceldown.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_exceldown:hover {
		background: url('../_Images/Common/button/bt_exceldown_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_serch {
	background: url('../_Images/Common/button/bt_serch.gif') no-repeat;
	border: none;
	width: 53px;
	height: 18px;
	cursor: pointer;
}

	.btn_serch:hover {
		background: url('../_Images/Common/button/bt_serch_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 18px;
		cursor: pointer;
	}

.btn_cancel {
	background: url('../_Images/Common/button/bt_cancle.gif') no-repeat;
	border: none;
	width: 53px;
	height: 18px;
	cursor: pointer;
}

	.btn_cancel:hover {
		background: url('../_Images/Common/button/bt_cancle_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 18px;
		cursor: pointer;
	}

.btn_cancel2 {
	background: url('../_Images/Common/button/bt_cancle2.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_cancel2:hover {
		background: url('../_Images/Common/button/bt_cancle2_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_cancel4 {
	background: url('../_Images/Common/button/bt_cancle4.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_cancel4:hover {
		background: url('../_Images/Common/button/bt_cancle4_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_confirm {
	background: url('../_Images/Common/button/bt_confirm.gif') no-repeat;
	border: none;
	width: 53px;
	height: 18px;
	cursor: pointer;
}

	.btn_confirm:hover {
		background: url('../_Images/Common/button/bt_confirm_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 18px;
		cursor: pointer;
	}

.btn_confirm2 {
	background: url('../_Images/Common/button/bt_confirm2.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_confirm2:hover {
		background: url('../_Images/Common/button/bt_confirm2_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_choice {
	background: url('../_Images/Common/button/bt_fchoice.gif') no-repeat;
	border: none;
	width: 53px;
	height: 18px;
	cursor: pointer;
}

	.btn_choice:hover {
		background: url('../_Images/Common/button/bt_fchoice_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 18px;
		cursor: pointer;
	}

.btn_choice2 {
	background: url('../_Images/Common/button/bt_fchoice.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_choice2:hover {
		background: url('../_Images/Common/button/bt_fchoice_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_choice3 {
	background: url('../_Images/Common/button/bt_choice2.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_choice3:hover {
		background: url('../_Images/Common/button/bt_choice2_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_repair {
	background: url('../_Images/Common/button/bt_repair.gif') no-repeat;
	border: none;
	width: 53px;
	height: 18px;
	cursor: pointer;
}

	.btn_repair:hover {
		background: url('../_Images/Common/button/bt_repair_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 18px;
		cursor: pointer;
	}

.btn_regi {
	background: url('../_Images/Common/button/bt_regi.gif') no-repeat;
	border: none;
	width: 53px;
	height: 18px;
	cursor: pointer;
}

	.btn_regi:hover {
		background: url('../_Images/Common/button/bt_regi_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 18px;
		cursor: pointer;
	}

.btn_regi2 {
	background: url('../_Images/Common/button/bt_regi2.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_regi2:hover {
		background: url('../_Images/Common/button/bt_regi2_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_init {
	background: url('../_Images/Common/button/btn_init.gif') no-repeat;
	border: none;
	width: 53px;
	height: 18px;
	cursor: pointer;
}

	.btn_init:hover {
		background: url('../_Images/Common/button/btn_init_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 18px;
		cursor: pointer;
	}

.btn_overlap {
	background: url('../_Images/Common/button/bt_overlap.gif') no-repeat;
	border: none;
	width: 80px;
	height: 23px;
	cursor: pointer;
}

	.btn_overlap:hover {
		background: url('../_Images/Common/button/bt_overlap_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 23px;
		cursor: pointer;
	}

.btn_infoedit {
	background: url('../_Images/Common/button/bt_infoedit.gif') no-repeat;
	border: none;
	width: 69px;
	height: 18px;
	cursor: pointer;
}

	.btn_infoedit:hover {
		background: url('../_Images/Common/button/bt_infoedit_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 18px;
		cursor: pointer;
	}

.btn_tempuser {
	background: url('../_Images/Common/button/bt_tempuser.gif') no-repeat;
	border: none;
	width: 90px;
	height: 18px;
	cursor: pointer;
}

	.btn_tempuser:hover {
		background: url('../_Images/Common/button/bt_tempuser_over.gif') no-repeat;
		border: none;
		width: 90px;
		height: 18px;
		cursor: pointer;
	}

.btn_backlist {
	background: url('../_Images/Common/button/bt_backlist.gif') no-repeat;
	border: none;
	width: 69px;
	height: 18px;
	cursor: pointer;
}

	.btn_backlist:hover {
		background: url('../_Images/Common/button/bt_backlist_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 18px;
		cursor: pointer;
	}

.btn_selectregi {
	background: url('../_Images/Common/button/bt_selectregi.gif') no-repeat;
	border: none;
	width: 80px;
	height: 23px;
	cursor: pointer;
}

	.btn_selectregi:hover {
		background: url('../_Images/Common/button/bt_selectregi_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 23px;
		cursor: pointer;
	}

.btn_userregi {
	background: url('../_Images/Common/button/bt_userregi.gif') no-repeat;
	border: none;
	width: 69px;
	height: 18px;
	cursor: pointer;
}

	.btn_userregi:hover {
		background: url('../_Images/Common/button/bt_userregi_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 18px;
		cursor: pointer;
	}

.btn_fulldelete {
	background: url('../_Images/Common/button/bt_fulldelete.gif') no-repeat;
	border: none;
	width: 69px;
	height: 18px;
	cursor: pointer;
}

	.btn_fulldelete:hover {
		background: url('../_Images/Common/button/bt_fulldelete_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 18px;
		cursor: pointer;
	}

.btn_signregi {
	background: url('../_Images/Common/button/bt_signregi.gif') no-repeat;
	border: none;
	width: 80px;
	height: 18px;
	cursor: pointer;
}

	.btn_signregi:hover {
		background: url('../_Images/Common/button/bt_signregi_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 18px;
		cursor: pointer;
	}

.btn_photoregi {
	background: url('../_Images/Common/button/bt_photoregi.gif') no-repeat;
	border: none;
	width: 80px;
	height: 18px;
	cursor: pointer;
}

	.btn_photoregi:hover {
		background: url('../_Images/Common/button/bt_photoregi_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 18px;
		cursor: pointer;
	}

.btn_selbusor {
	background: url('../_Images/Common/button/bt_selbusor.gif') no-repeat;
	border: none;
	width: 69px;
	height: 23px;
	cursor: pointer;
}

	.btn_selbusor:hover {
		background: url('../_Images/Common/button/bt_selbusor_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 23px;
		cursor: pointer;
	}

.btn_zipcode {
	background: url('../_Images/Common/button/bt_zipcode.gif') no-repeat;
	border: none;
	width: 75px;
	height: 23px;
	cursor: pointer;
}

	.btn_zipcode:hover {
		background: url('../_Images/Common/button/bt_zipcode_over.gif') no-repeat;
		border: none;
		width: 75px;
		height: 23px;
		cursor: pointer;
	}

.btn_retire {
	background: url('../_Images/Common/button/bt_retire.gif') no-repeat;
	border: none;
	width: 69px;
	height: 18px;
	cursor: pointer;
}

	.btn_retire:hover {
		background: url('../_Images/Common/button/bt_retire_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 18px;
		cursor: pointer;
	}

.btn_retirecancel {
	background: url('../_Images/Common/button/bt_retirecancel.gif') no-repeat;
	border: none;
	width: 69px;
	height: 18px;
	cursor: pointer;
}

	.btn_retirecancel:hover {
		background: url('../_Images/Common/button/bt_retirecancel_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 18px;
		cursor: pointer;
	}

.btn_busordel {
	background: url('../_Images/Common/button/bt_busordel.gif') no-repeat;
	border: none;
	width: 69px;
	height: 18px;
	cursor: pointer;
}

	.btn_busordel:hover {
		background: url('../_Images/Common/button/bt_busordel_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 18px;
		cursor: pointer;
	}

.btn_busoradd {
	background: url('../_Images/Common/button/bt_busoradd.gif') no-repeat;
	border: none;
	width: 80px;
	height: 18px;
	cursor: pointer;
}

	.btn_busoradd:hover {
		background: url('../_Images/Common/button/bt_busoradd_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 18px;
		cursor: pointer;
	}

.btn_busoredit {
	background: url('../_Images/Common/button/bt_busoredit.gif') no-repeat;
	border: none;
	width: 80px;
	height: 18px;
	cursor: pointer;
}

	.btn_busoredit:hover {
		background: url('../_Images/Common/button/bt_busoredit_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 18px;
		cursor: pointer;
	}

.btn_busornouse {
	background: url('../_Images/Common/button/bt_busornouse.gif') no-repeat;
	border: none;
	width: 80px;
	height: 18px;
	cursor: pointer;
}

	.btn_busornouse:hover {
		background: url('../_Images/Common/button/bt_busornouse_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 18px;
		cursor: pointer;
	}

.btn_add {
	background: url('../_Images/Common/button/bt_add.gif') no-repeat;
	border: none;
	width: 42px;
	height: 18px;
	cursor: pointer;
}

	.btn_add:hover {
		background: url('../_Images/Common/button/bt_add_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 18px;
		cursor: pointer;
	}

.btn_add2 {
	background: url('../_Images/Common/button/bt_add2.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_add2:hover {
		background: url('../_Images/Common/button/bt_add2_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_serch2 {
	background: url('../_Images/Common/button/bt_search2.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_serch2:hover {
		background: url('../_Images/Common/button/bt_search2_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_enter {
	background: url('../_Images/Common/button/bt_enter.gif') no-repeat;
	border: none;
	width: 53px;
	height: 18px;
	cursor: pointer;
}

	.btn_enter:hover {
		background: url('../_Images/Common/button/bt_enter_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 18px;
		cursor: pointer;
	}

.btn_out1 {
	background: url('../_Images/Common/button/bt_out.gif') no-repeat;
	border: none;
	width: 53px;
	height: 18px;
	cursor: pointer;
}

	.btn_out1:hover {
		background: url('../_Images/Common/button/bt_out_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 18px;
		cursor: pointer;
	}

.btn_close2 {
	background: url('../_Images/Common/button/bt_close2.gif') no-repeat;
	border: none;
	width: 53px;
	height: 18px;
	cursor: pointer;
}

	.btn_close2:hover {
		background: url('../_Images/Common/button/bt_close2_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 18px;
		cursor: pointer;
	}

.btn_close3 {
	background: url('../_Images/Common/button/bt_close3.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_close3:hover {
		background: url('../_Images/Common/button/bt_close3_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_list {
	background: url('../_Images/Common/button/bt_list.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_list:hover {
		background: url('../_Images/Common/button/bt_list_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_send {
	background: url('../_Images/Common/button/bt_send.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_send:hover {
		background: url('../_Images/Common/button/bt_send_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_print2 {
	background: url('../_Images/Common/button/bt_print2.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_print2:hover {
		background: url('../_Images/Common/button/bt_print2_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_print3 {
	background: url('../Images/ElectronicApproval/bt_print2.gif') no-repeat;
	border: none;
	width: 42px;
	height: 18px;
	cursor: pointer;
}

	.btn_print3:hover {
		background: url('../Images/ElectronicApproval/bt_print2_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 18px;
		cursor: pointer;
	}

.btn_write2 {
	background: url('../_Images/Common/button/bt_write2.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_write2:hover {
		background: url('../_Images/Common/button/bt_write2_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_reply {
	background: url('../Images/ECommunity/bt_reply.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_reply:hover {
		background: url('../Images/ECommunity/bt_reply_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_edit {
	background: url('../_Images/Common/button/bt_edit.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_edit:hover {
		background: url('../_Images/Common/button/bt_edit_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_up {
	background: url('../_Images/Common/button/bt_up.gif') no-repeat;
	border: none;
	width: 25px;
	height: 23px;
	cursor: pointer;
}

	.btn_up:hover {
		background: url('../_Images/Common/button/bt_up_over.gif') no-repeat;
		border: none;
		width: 25px;
		height: 23px;
		cursor: pointer;
	}

.btn_down {
	background: url('../_Images/Common/button/bt_down.gif') no-repeat;
	border: none;
	width: 25px;
	height: 23px;
	cursor: pointer;
}

	.btn_down:hover {
		background: url('../_Images/Common/button/bt_down_over.gif') no-repeat;
		border: none;
		width: 25px;
		height: 23px;
		cursor: pointer;
	}

.btn_left {
	background: url('../_Images/Common/button/bt_left.gif') no-repeat;
	border: none;
	width: 25px;
	height: 23px;
	cursor: pointer;
}

	.btn_left:hover {
		background: url('../_Images/Common/button/bt_left_over.gif') no-repeat;
		border: none;
		width: 25px;
		height: 23px;
		cursor: pointer;
	}

.btn_right {
	background: url('../_Images/Common/button/bt_right.gif') no-repeat;
	border: none;
	width: 25px;
	height: 23px;
	cursor: pointer;
}

	.btn_right:hover {
		background: url('../_Images/Common/button/bt_right_over.gif') no-repeat;
		border: none;
		width: 25px;
		height: 23px;
		cursor: pointer;
	}

.btn_new {
	background: url('../_Images/Common/button/bt_new.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_new:hover {
		background: url('../_Images/Common/button/bt_new_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_search3 {
	background: url('../_Images/Common/button/bt_search.gif') no-repeat;
	border: none;
	width: 25px;
	height: 18px;
	cursor: pointer;
}

	.btn_search3:hover {
		background: url('../_Images/Common/button/bt_search_over.gif') no-repeat;
		border: none;
		width: 25px;
		height: 18px;
		cursor: pointer;
	}

.btn_print {
	background: url('../_Images/Common/button/bt_print.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_print:hover {
		background: url('../_Images/Common/button/bt_print_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_make {
	background: url('../_Images/Common/button/bt_make.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_make:hover {
		background: url('../_Images/Common/button/bt_make_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_addfile {
	background: url('../_Images/Common/button/bt_addfile.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_addfile:hover {
		background: url('../_Images/Common/button/bt_addfile_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_minorcode {
	background: url('../_Images/Common/button/bt_minorcode.gif') no-repeat;
	border: none;
	width: 80px;
	height: 18px;
	cursor: pointer;
}

	.btn_minorcode:hover {
		background: url('../_Images/Common/button/bt_minorcode_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 18px;
		cursor: pointer;
	}

.btn_allpermission {
	background: url('../_Images/Common/button/bt_allpermission.gif') no-repeat;
	border: none;
	width: 80px;
	height: 18px;
	cursor: pointer;
}

	.btn_allpermission:hover {
		background: url('../_Images/Common/button/bt_allpermission_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 18px;
		cursor: pointer;
	}

.btn_selreading {
	background: url('../_Images/Common/button/bt_selreading.gif') no-repeat;
	border: none;
	width: 69px;
	height: 23px;
	cursor: pointer;
}

	.btn_selreading:hover {
		background: url('../_Images/Common/button/bt_selreading_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 23px;
		cursor: pointer;
	}

.btn_sub {
	background: url('../_Images/Common/button/bt_sub.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_sub:hover {
		background: url('../_Images/Common/button/bt_sub_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

/* 전자결재버튼 */
.btn_lineset {
	background: url('../Images/ElectronicApproval/bt_lineset.gif') no-repeat;
	border: none;
	width: 80px;
	height: 23px;
	cursor: pointer;
}

	.btn_lineset:hover {
		background: url('../Images/ElectronicApproval/bt_lineset_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 23px;
		cursor: pointer;
	}

.btn_gyuljae {
	background: url('../Images/ElectronicApproval/bt_gyuljae.gif') no-repeat;
	border: none;
	width: 80px;
	height: 23px;
	cursor: pointer;
}

	.btn_gyuljae:hover {
		background: url('../Images/ElectronicApproval/bt_gyuljae_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 23px;
		cursor: pointer;
	}

.btn_hyupjo {
	background: url('../Images/ElectronicApproval/bt_hypjo.gif') no-repeat;
	border: none;
	width: 80px;
	height: 23px;
	cursor: pointer;
}

	.btn_hyupjo:hover {
		background: url('../Images/ElectronicApproval/bt_hypjo_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 23px;
		cursor: pointer;
	}

.btn_gamsa {
	background: url('../Images/ElectronicApproval/bt_gamsa.gif') no-repeat;
	border: none;
	width: 80px;
	height: 23px;
	cursor: pointer;
}

	.btn_gamsa:hover {
		background: url('../Images/ElectronicApproval/bt_gamsa_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 23px;
		cursor: pointer;
	}

.btn_yesan {
	background: url('../Images/ElectronicApproval/bt_yesanpil.gif') no-repeat;
	border: none;
	width: 80px;
	height: 23px;
	cursor: pointer;
}

	.btn_yesan:hover {
		background: url('../Images/ElectronicApproval/bt_yesanpil_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 23px;
		cursor: pointer;
	}

.btn_templine {
	background: url('../Images/ElectronicApproval/bt_templine.gif') no-repeat;
	border: none;
	width: 100px;
	height: 23px;
	cursor: pointer;
}

	.btn_templine:hover {
		background: url('../Images/ElectronicApproval/bt_templine_over.gif') no-repeat;
		border: none;
		width: 100px;
		height: 23px;
		cursor: pointer;
	}

.btn_move {
	background: url('../Images/ElectronicApproval/bt_move.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_move:hover {
		background: url('../Images/ElectronicApproval/bt_move_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_circulation {
	background: url('../Images/ElectronicApproval/bt_circulation.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_circulation:hover {
		background: url('../Images/ElectronicApproval/bt_circulation_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_circulation2 {
	background: url('../Images/ElectronicApproval/bt_circulation2.gif') no-repeat;
	border: none;
	width: 42px;
	height: 18px;
	cursor: pointer;
}

	.btn_circulation2:hover {
		background: url('../Images/ElectronicApproval/bt_circulation2_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 18px;
		cursor: pointer;
	}

.btn_flow_opinion {
	background: url('../Images/ElectronicApproval/bt_flow_opinion.gif') no-repeat;
	border: none;
	width: 69px;
	height: 18px;
	cursor: pointer;
}

	.btn_flow_opinion:hover {
		background: url('../Images/ElectronicApproval/bt_flow_opinion_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 18px;
		cursor: pointer;
	}

.btn_restore {
	background: url('../Images/ElectronicApproval/bt_restore.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_restore:hover {
		background: url('../Images/ElectronicApproval/bt_restore_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_ciregi {
	background: url('../Images/ElectronicApproval/bt_ciregi.gif') no-repeat;
	border: none;
	width: 80px;
	height: 18px;
	cursor: pointer;
}

	.btn_ciregi:hover {
		background: url('../Images/ElectronicApproval/bt_ciregi_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 18px;
		cursor: pointer;
	}

.btn_kwaninregi {
	background: url('../Images/ElectronicApproval/bt_kwaninregi.gif') no-repeat;
	border: none;
	width: 80px;
	height: 18px;
	cursor: pointer;
}

	.btn_kwaninregi:hover {
		background: url('../Images/ElectronicApproval/bt_kwaninregi_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 18px;
		cursor: pointer;
	}

.btn_jikinregi {
	background: url('../Images/ElectronicApproval/bt_jikinregi.gif') no-repeat;
	border: none;
	width: 80px;
	height: 18px;
	cursor: pointer;
}

	.btn_jikinregi:hover {
		background: url('../Images/ElectronicApproval/bt_jikinregi_over.gif') no-repeat;
		border: none;
		width: 80px;
		height: 18px;
		cursor: pointer;
	}

.btn_reset {
	background: url('../Images/ElectronicApproval/bt_reset.gif') no-repeat;
	border: none;
	width: 42px;
	height: 18px;
	cursor: pointer;
}

	.btn_reset:hover {
		background: url('../Images/ElectronicApproval/bt_reset_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 18px;
		cursor: pointer;
	}

.btn_tempsave {
	background: url('../Images/ElectronicApproval/bt_tempsave.gif') no-repeat;
	border: none;
	width: 69px;
	height: 23px;
	cursor: pointer;
}

	.btn_tempsave:hover {
		background: url('../Images/ElectronicApproval/bt_tempsave_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 23px;
		cursor: pointer;
	}

.btn_report {
	background: url('../Images/ElectronicApproval/bt_report.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_report:hover {
		background: url('../Images/ElectronicApproval/bt_report_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_approve {
	background: url('../Images/ElectronicApproval/bt_approve.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_approve:hover {
		background: url('../Images/ElectronicApproval/bt_approve_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_alldecide {
	background: url('../Images/ElectronicApproval/bt_allDecide.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_alldecide:hover {
		background: url('../Images/ElectronicApproval/bt_allDecide_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_reject {
	background: url('../Images/ElectronicApproval/bt_reject2.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_reject:hover {
		background: url('../Images/ElectronicApproval/bt_reject2_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_enforce {
	background: url('../Images/ElectronicApproval/bt_enforce.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_enforce:hover {
		background: url('../Images/ElectronicApproval/bt_enforce_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_enforceDoc {
	background: url('../Images/ElectronicApproval/bt_enforceDoc.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_enforceDoc:hover {
		background: url('../Images/ElectronicApproval/bt_enforceDoc_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_internalApproval {
	background: url('../Images/ElectronicApproval/bt_internalApproval.gif') no-repeat;
	border: none;
	width: 69px;
	height: 23px;
	cursor: pointer;
}

	.btn_internalApproval:hover {
		background: url('../Images/ElectronicApproval/bt_internalApproval_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 23px;
		cursor: pointer;
	}

.btn_rewrite {
	background: url('../Images/ElectronicApproval/bt_rewrite.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_rewrite:hover {
		background: url('../Images/ElectronicApproval/bt_rewrite_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_notice {
	background: url('../Images/ElectronicApproval/bt_notice.gif') no-repeat;
	border: none;
	width: 69px;
	height: 23px;
	cursor: pointer;
}

	.btn_notice:hover {
		background: url('../Images/ElectronicApproval/bt_notice_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 23px;
		cursor: pointer;
	}

.btn_opinion {
	background: url('../Images/ElectronicApproval/bt_opinion.gif') no-repeat;
	border: none;
	width: 69px;
	height: 23px;
	cursor: pointer;
}

	.btn_opinion:hover {
		background: url('../Images/ElectronicApproval/bt_opinion_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 23px;
		cursor: pointer;
	}

.btn_oriview {
	background: url('../Images/ElectronicApproval/bt_oriview.gif') no-repeat;
	border: none;
	width: 75px;
	height: 23px;
	cursor: pointer;
}

	.btn_oriview:hover {
		background: url('../Images/ElectronicApproval/bt_oriview_over.gif') no-repeat;
		border: none;
		width: 75px;
		height: 23px;
		cursor: pointer;
	}

.btn_refview {
	background: url('../Images/ElectronicApproval/bt_refview.gif') no-repeat;
	border: none;
	width: 75px;
	height: 23px;
	cursor: pointer;
}

	.btn_refview:hover {
		background: url('../Images/ElectronicApproval/bt_refview_over.gif') no-repeat;
		border: none;
		width: 75px;
		height: 23px;
		cursor: pointer;
	}

.btn_daegyul {
	background: url('../Images/ElectronicApproval/bt_daegyul.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_daegyul:hover {
		background: url('../Images/ElectronicApproval/bt_daegyul_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

/* mail */
.btn_read {
	background: url('../Images/EMail/bt_read.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_read:hover {
		background: url('../Images/EMail/bt_read_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_addgroup {
	background: url('../Images/EMail/bt_addgroup.gif') no-repeat;
	border: none;
	width: 69px;
	height: 23px;
	cursor: pointer;
}

	.btn_addgroup:hover {
		background: url('../Images/EMail/bt_addgroup_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 23px;
		cursor: pointer;
	}

.btn_search_big {
	background: url('../Images/EMail/bt_search_big.gif') no-repeat;
	border: none;
	width: 69px;
	height: 70px;
	cursor: pointer;
}

	.btn_search_big:hover {
		background: url('../Images/EMail/bt_search_big_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 70px;
		cursor: pointer;
	}

.btn_excelAddr {
	background: url('../Images/EMail/bt_excelAddr.gif') no-repeat;
	border: none;
	width: 95px;
	height: 23px;
	cursor: pointer;
}

	.btn_excelAddr:hover {
		background: url('../Images/EMail/bt_excelAddr_over.gif') no-repeat;
		border: none;
		width: 95px;
		height: 23px;
		cursor: pointer;
	}

.btn_address {
	background: url('../Images/EMail/bt_address.gif') no-repeat;
	border: none;
	width: 69px;
	height: 23px;
	cursor: pointer;
}

	.btn_address:hover {
		background: url('../Images/EMail/bt_address_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 23px;
		cursor: pointer;
	}

.btn_preview {
	background: url('../Images/EMail/bt_preview.gif') no-repeat;
	border: none;
	width: 69px;
	height: 23px;
	cursor: pointer;
}

	.btn_preview:hover {
		background: url('../Images/EMail/bt_preview_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 23px;
		cursor: pointer;
	}

.btn_frame {
	background: url('../Images/EMail/img_frame.gif') no-repeat;
	border: none;
	width: 23px;
	height: 23px;
	cursor: pointer;
}

.btn_frame_over {
	background: url('../Images/EMail/img_frame_over.gif') no-repeat;
	border: none;
	width: 23px;
	height: 23px;
	cursor: pointer;
}

.btn_mreply {
	background: url('../Images/EMail/bt_mreply.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_mreply:hover {
		background: url('../Images/EMail/bt_mreply_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_deliver {
	background: url('../Images/EMail/bt_deliver.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_deliver:hover {
		background: url('../Images/EMail/bt_deliver_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_allreply {
	background: url('../Images/EMail/bt_allreply.gif') no-repeat;
	border: none;
	width: 49px;
	height: 23px;
	cursor: pointer;
}

	.btn_allreply:hover {
		background: url('../Images/EMail/bt_allreply_over.gif') no-repeat;
		border: none;
		width: 49px;
		height: 23px;
		cursor: pointer;
	}

.btn_resend {
	background: url('../Images/EMail/bt_resend.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_resend:hover {
		background: url('../Images/EMail/bt_resend_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}


/* 게시판 */
.btn_permission {
	background: url('../Images/ECommunity/bt_permission.gif') no-repeat;
	border: none;
	width: 69px;
	height: 18px;
	cursor: pointer;
}

	.btn_permission:hover {
		background: url('../Images/ECommunity/bt_permission.gif') no-repeat;
		border: none;
		width: 69px;
		height: 18px;
		cursor: pointer;
	}

.btn_busorsync {
	background: url('../Images/ECommunity/bt_busorsync.gif') no-repeat;
	border: none;
	width: 90px;
	height: 18px;
	cursor: pointer;
}

	.btn_busorsync:hover {
		background: url('../Images/ECommunity/bt_busorsync_over.gif') no-repeat;
		border: none;
		width: 90px;
		height: 18px;
		cursor: pointer;
	}

.btn_reply:hover {
	background: url('../Images/ECommunity/bt_reply_over.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

.btn_closing {
	background: url('../Images/ECommunity/bt_closing.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_closing:hover {
		background: url('../Images/ECommunity/bt_closing_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_closingclub {
	background: url('../Images/ECommunity/bt_closingclub.gif') no-repeat;
	border: none;
	width: 95px;
	height: 23px;
	cursor: pointer;
}

	.btn_closingclub:hover {
		background: url('../Images/ECommunity/bt_closingclub_over.gif') no-repeat;
		border: none;
		width: 95px;
		height: 23px;
		cursor: pointer;
	}

.btn_clubadd {
	background: url('../Images/ECommunity/bt_clubadd.gif') no-repeat;
	border: none;
	width: 75px;
	height: 23px;
	cursor: pointer;
}

	.btn_clubadd:hover {
		background: url('../Images/ECommunity/bt_clubadd_over.gif') no-repeat;
		border: none;
		width: 75px;
		height: 23px;
		cursor: pointer;
	}

.btn_join {
	background: url('../Images/ECommunity/bt_join.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_join:hover {
		background: url('../Images/ECommunity/bt_join_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_out {
	background: url('../Images/ECommunity/bt_out.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_out:hover {
		background: url('../Images/ECommunity/bt_out_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}

.btn_proplan {
	background: url('../Images/ECommunity/bt_proplan.gif') no-repeat;
	border: none;
	width: 90px;
	height: 23px;
	cursor: pointer;
}

	.btn_proplan:hover {
		background: url('../Images/ECommunity/bt_proplan_over.gif') no-repeat;
		border: none;
		width: 90px;
		height: 23px;
		cursor: pointer;
	}

.btn_proresult {
	background: url('../Images/ECommunity/bt_proresult.gif') no-repeat;
	border: none;
	width: 90px;
	height: 23px;
	cursor: pointer;
}

	.btn_proresult:hover {
		background: url('../Images/ECommunity/bt_proresult_over.gif') no-repeat;
		border: none;
		width: 90px;
		height: 23px;
		cursor: pointer;
	}

/* EDataHouse */
.btn_companycard {
	background: url('../Images/EDataHouse/bt_companycard.gif') no-repeat;
	border: none;
	width: 100px;
	height: 23px;
	cursor: pointer;
}

	.btn_companycard:hover {
		background: url('../Images/EDataHouse/bt_companycard_over.gif') no-repeat;
		border: none;
		width: 100px;
		height: 23px;
		cursor: pointer;
	}

.btn_lend {
	background: url('../Images/EDataHouse/bt_lend.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_lend:hover {
		background: url('../Images/EDataHouse/bt_lend_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_return {
	background: url('../Images/EDataHouse/bt_return.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_return:hover {
		background: url('../Images/EDataHouse/bt_return_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

/* EManagementInformation */
.btn_approval_list {
	background: url('../Images/EManagementInformation/bt_approval_list.gif') no-repeat;
	border: none;
	width: 69px;
	height: 23px;
	cursor: pointer;
}

	.btn_approval_list:hover {
		background: url('../Images/EManagementInformation/bt_approval_list_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 23px;
		cursor: pointer;
	}

.btn_certify_print {
	background: url('../Images/EManagementInformation/bt_certify_print.gif') no-repeat;
	border: none;
	width: 69px;
	height: 23px;
	cursor: pointer;
}

	.btn_certify_print:hover {
		background: url('../Images/EManagementInformation/bt_certify_print_over.gif') no-repeat;
		border: none;
		width: 69px;
		height: 23px;
		cursor: pointer;
	}

.btn_approvallist {
	background: url('../Images/EManagementInformation/bt_approvallist.gif') no-repeat;
	border: none;
	width: 75px;
	height: 23px;
	cursor: pointer;
}

	.btn_approvallist:hover {
		background: url('../Images/EManagementInformation/bt_approvallist_over.gif') no-repeat;
		border: none;
		width: 75px;
		height: 23px;
		cursor: pointer;
	}

.btn_reqlist {
	background: url('../Images/EManagementInformation/bt_reqlist.gif') no-repeat;
	border: none;
	width: 75px;
	height: 23px;
	cursor: pointer;
}

	.btn_reqlist:hover {
		background: url('../Images/EManagementInformation/bt_reqlist_over.gif') no-repeat;
		border: none;
		width: 75px;
		height: 23px;
		cursor: pointer;
	}

.btn_allowsave {
	background: url('../Images/EManagementInformation/bt_allowsave.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_allowsave:hover {
		background: url('../Images/EManagementInformation/bt_allowsave_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

/* EInstruction */
.btn_reinstruct {
	background: url('../Images/EInstruction/bt_reinstruct.gif') no-repeat;
	border: none;
	width: 53px;
	height: 23px;
	cursor: pointer;
}

	.btn_reinstruct:hover {
		background: url('../Images/EInstruction/bt_reinstruct_over.gif') no-repeat;
		border: none;
		width: 53px;
		height: 23px;
		cursor: pointer;
	}

.btn_complete {
	background: url('../Images/EInstruction/bt_complete.gif') no-repeat;
	border: none;
	width: 42px;
	height: 23px;
	cursor: pointer;
}

	.btn_complete:hover {
		background: url('../Images/EInstruction/bt_complete_over.gif') no-repeat;
		border: none;
		width: 42px;
		height: 23px;
		cursor: pointer;
	}


.h2 {
	margin: 10px auto 10px;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	background: #fff;
	display: block;
	cursor: default;
	width: 80%;
	color: #fff;
	border: 1px solid #fff;
}

.metro {
	width: 80%;
	margin: 0 auto 0;
}

	.metro li {
		-webkit-transform: perspective(600px);
		-webkit-transform-style: preserve-3d;
		-webkit-transform-origin-x: 50%;
		-webkit-transform-origin-y: 50%;
		-ms-transform: perspective(600px);
		-ms-transform-style: preserve-3d;
		-ms-transform-origin-x: 50%;
		-ms-transform-origin-y: 50%;
		transform: perspective(600px);
		transform-style: preserve-3d;
		transform-origin-x: 50%;
		transform-origin-y: 50%;
		cursor: default;
		position: relative;
		text-align: left;
		margin: 0 10px 10px 0;
		width: 156px;
		height: 156px;
		color: #fff;
		float: left;
		-webkit-transition: .2s -webkit-transform, 1s opacity;
		-ms-transition: .2s -ms-transform, 1s opacity;
		transition: .2s transform, 1s opacity;
		cursor: pointer;
	}

		.metro li i {
			font-size: 25px;
			margin: 10px 0 0 10px;
		}

		.metro li .spantitle {
			color: #fff;
			position: absolute;
			left: 45px;
			top: 13px;
			font-size: 14px;
			font-weight: bold;
		}

		.metro li:first-child {
			background: #f6c054;
			width: 48%;
		}

		.metro li:nth-child(2) {
			background: #6c92ee;
			width: 48%;
		}

		.metro li:nth-child(3) {
			background: #73d6d1;
			width: 48%;
		}

		.metro li:nth-child(4) {
			background: #8dc153;
			width: 48%;
		}

		.metro li:nth-child(5) {
			background: #66b7ef;
			width: 48%;
		}

		.metro li:nth-child(6) {
			background: #1fb5ac;
		}

		.metro li:nth-child(7) {
			background: #fc974d;
		}

		.metro li:nth-child(8) {
			background: #9972b5;
		}

		.metro li:nth-child(5):active, .metro li:first-child:active {
			-webkit-transform: scale(0.95);
			-ms-transform: scale(0.95);
			transform: scale(0.95);
		}

		.metro li:nth-child(7):active, .metro li:nth-child(2):active {
			-webkit-transform: perspective(600px) rotate3d(1, 0, 0, -10deg);
			-ms-transform: perspective(600px) rotate3d(1, 0, 0, -10deg);
			transform: perspective(600px) rotate3d(1, 0, 0, -10deg);
		}

		.metro li:nth-child(3):active, .metro li:nth-child(8):active {
			-webkit-transform: perspective(600px) rotate3d(0, 1, 0, 10deg);
			-ms-transform: perspective(600px) rotate3d(0, 1, 0, 10deg);
			transform: perspective(600px) rotate3d(0, 1, 0, 10deg);
		}

		.metro li:nth-child(4):active {
			-webkit-transform: perspective(600px) rotate3d(0, 1, 0, -10deg);
			-ms-transform: perspective(600px) rotate3d(0, 1, 0, -10deg);
			transform: perspective(600px) rotate3d(0, 1, 0, -10deg);
		}

		.metro li:nth-child(6):active {
			-webkit-transform: perspective(600px) rotate3d(1, 0, 0, 10deg);
			-ms-transform: perspective(600px) rotate3d(1, 0, 0, 10deg);
			transform: perspective(600px) rotate3d(1, 0, 0, 10deg);
		}

/* POPUP */

.box {
	display: table;
	top: 0;
	visibility: hidden;
	-webkit-transform: perspective(1200px) rotateY(180deg) scale(0.1);
	-ms-transform: perspective(1200px) rotateY(180deg) scale(0.1);
	transform: perspective(1200px) rotateY(180deg) scale(0.1);
	top: 0;
	left: 0;
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: 1s all;
}

	.box p {
		display: table-cell;
		vertical-align: middle;
		font-size: 64px;
		color: #ffffff;
		text-align: center;
		margin: 0;
		opacity: 0;
		transition: .2s;
		-webkit-transition-delay: 0.2s;
		-ms-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}

		.box p i {
			font-size: 128px;
			margin: 0 0 20px;
			display: block;
		}

	.box .close {
		display: block;
		cursor: pointer;
		border: 3px solid rgba(255, 255, 255, 1);
		border-radius: 50%;
		position: absolute;
		top: 50px;
		right: 50px;
		width: 50px;
		height: 50px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		transition: .2s;
		-webkit-transition-delay: 0.2s;
		-ms-transition-delay: 0.2s;
		transition-delay: 0.2s;
		opacity: 0;
	}

		.box .close:active {
			top: 51px;
		}

		.box .close::before {
			content: "";
			display: block;
			position: absolute;
			background-color: rgba(255, 255, 255, 1);
			width: 80%;
			height: 6%;
			left: 10%;
			top: 47%;
		}

		.box .close::after {
			content: "";
			display: block;
			position: absolute;
			background-color: rgba(255, 255, 255, 1);
			width: 6%;
			height: 80%;
			left: 47%;
			top: 10%;
		}

	.box.open {
		left: 0;
		top: 0;
		visibility: visible;
		opacity: 1;
		z-index: 999;
		-webkit-transform: perspective(1200px) rotateY(0deg) scale(1);
		-ms-transform: perspective(1200px) rotateY(0deg) scale(1);
		transform: perspective(1200px) rotateY(0deg) scale(1);
		width: 100%;
		height: 100%;
	}

		.box.open .close, .box.open p {
			opacity: 1;
		}
/* 대량 메일 */
.organizationWrap h2 {
	height: 40px;
	color: #fff;
	background: #7b7b7b;
}

.organizationWrap .treeViewWrap {
	height: 380px;
}

.organizationWrap .treeView {
	width: 610px;
	height: 100%;
	border: 1px solid #000;
	float: left;
}

.organizationWrap .treeBtnWrap {
	width: 53px;
	padding: 150px 10px;
	float: left;
}

	.organizationWrap .treeBtnWrap li {
		padding: 5px 0;
		height: 20px;
		line-height: 20px;
	}

.organizationWrap .chooseView {
	width: 167px;
	height: 100%;
	border: 1px solid #000;
	float: left;
	overflow: auto;
}

.organizationWrap .btnWrap {
	width: 100%;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

.organizationWrap .chooseView li {
	padding: 5px;
	font-size: 13px;
}

.organizationWrap .chooseView a {
	color: black;
	text-decoration: none;
	vertical-align: top;
	margin: 0px;
	margin-left: 3px;
	border: 1px solid white;
}

	.organizationWrap .chooseView a:hover {
		background: #F2F7FD;
		border-color: #B8D6FB;
	}

	.organizationWrap .chooseView a.active {
		border: 1px solid #99DEFD;
		background-color: #D8F0FA;
	}

.tdTitle {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	font-family: 굴림, 굴림체;
	text-align: center;
	height: 22px;
}

#simplemodal-overlay {
	top: 0;
	left: 0;
	position: fixed;
	width: 900px;
	height: 500px;
	background-color: #000000;
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	z-index: 998;
	display: none;
}

#modal_content {
	display: none;
	margin: 50 auto;
	width: 400px;
	height: 400px;
	color: #fff;
}

.wrap-loading div { /*로딩 이미지*/
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 999;
}

.display-none { /*감추기*/
	display: none;
}

/*error page*/
.errContainer {
	width: 70%;
	height: 90%;
	margin: 0 auto;
}

.errOuter {
	display: table;
	width: 100%;
	height: 100%;
}

.errInner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.errCentered {
	position: relative;
	display: inline-block;
	width: 50%;
	padding: 1em;
	color: black;
}



/* 모바일 */
.topmenu li.trigger {
	display: none;
}

#frmContent {
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}

@media only screen and (min-width : 481px) {
	.topmenu li.trigger {
		display: none;
	}

	.topmenu li {
		display: inline;
	}
}

@media only screen and (max-width : 840px) {
	/* 상단 대메뉴 */
	#wrap {
		min-width: 0;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	#header {
		min-width: 0;
	}

	.topmenu {
		overflow: hidden;
		min-width: 0;
		height: auto;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
		font-size: 14px;
	}

		.topmenu li {
			position: static;
			display: block;
			border-bottom: 1px solid #576979;
		}

			.topmenu li:not(.trigger) {
				display: none;
			}

			.topmenu li.trigger {
				display: block;
			}

	.toggle {
		text-decoration: none;
		border: 0;
		height: 60px;
		left: 0;
		position: absolute;
		width: 80px;
		z-index: 2;
		top: 49px;
	}

		.toggle:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
			content: '\f0c9';
			display: block;
			height: 44px;
			text-align: center;
			width: 44px;
			color: #fff;
			opacity: 1;
		}

		.toggle:active:before {
			opacity: 0.75;
		}

	.div-slide {
		display: none;
	}

	.div-slide2 {
		display: none;
	}

	#content {
		overflow-y: auto;
		height: 95%
	}

	.topmenuArea {
		min-width: 0;
	}
}



/* 연말정산 */
.buttonPDF {
	border: 1px solid #6099c9;
	background: #65a9d7; /* Old browsers */
	background: -moz-linear-gradient(top, rgb(76,143,187) 0%, rgb(101,169,215) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(76,143,187) 0%,rgb(101,169,215) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(bottom, rgb(76,143,187) 0%,rgb(101,169,215) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6099c9', endColorstr='#3f77b2',GradientType=0 ); /* IE6-9 */
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 18px;
	font-family: Dotum;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
}

	.buttonPDF:hover {
		border-top-color: #28597a;
		background: #3f77b2;
	}

	.buttonPDF:active {
		border-top-color: #1b435e;
		background: #3f77b2;
	}

.levelGrade {
	display: inline-block;
	font-size: 13pt;
	font-weight: bold;
	font-style: oblique;
	color: #333c48;
	width: 520px;
	border-radius: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
	text-shadow: 0px 1px #dad7d7, 2px 2px 0px #e2e2e2;
	letter-spacing: -1px;
	text-align: left;
	cursor: pointer;
}

.divSubTitle {
	padding: 5px 5px 5px 10px;
	font-weight: bold;
}

.divSubTitle2 {
	padding: 5px 5px 5px 10px;
	font-weight: bold;
}

.mouseover:hover {
	cursor: pointer;
}

.delLine {
	width: 15px;
	background-color: #e2e2e2;
	border: none;
	color: #000;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	font-size: 10px;
	cursor: pointer;
	border: solid 1px #d1d1d1;
	text-shadow: 0 0px 0px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: rgb(253,253,253); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(242,242,242,1) 50%, rgba(242,242,242,1) 51%, rgba(253,253,253,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(50%,rgba(242,242,242,1)), color-stop(51%,rgba(242,242,242,1)), color-stop(100%,rgba(253,253,253,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,1) 51%,rgba(253,253,253,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,1) 51%,rgba(253,253,253,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,1) 51%,rgba(253,253,253,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(253,253,253,1) 0%,rgba(242,242,242,1) 50%,rgba(242,242,242,1) 51%,rgba(253,253,253,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
}


/* 트리 검색 관련 */
.searchBoxTree2 {
	margin: 5px;
	padding: 0;
	position: relative;
	font-size: 0;
	float: left;
}

.tooltip {
	position: relative;
	display: inline-block;
}

	.tooltip .tooltiptext {
		visibility: hidden;
		width: 500px;
		background-color: #fff;
		color: #808080;
		text-align: left;
		padding: 10px 15px;
		font-size: 12px;
		font-weight: 100;
		border-radius: 5px;
		box-shadow: 0 10px 16px 0 rgba(0,0,0,0.05),0 6px 20px 0 rgba(0,0,0,0.25) !important;
		/* Position the tooltip */
		position: absolute;
		z-index: 99;
		top: 10px;
		left: 200%;
	}

	.tooltip:hover .tooltiptext {
		visibility: visible;
	}

/*#ContentPlaceHolder_sampleCon td {
	padding-: 0;
}*/

.text-middle{
	vertical-align: middle !important;
}
