@charset "utf-8";
/* HTML Elements
---------------------------------------------------------*/

body {
	font: 13px/1.5em 'NotoSans', ' Malgun Gothic', sans-serif;
	color: #222222; /*letter-spacing:-0.02em*/
}

a:link, a:visited {
	color: #222222;
	text-decoration: none;
	cursor: pointer;
}

a:hover, a:active {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
}

table a:link, table a:visited {
	color: #1662dd;
	text-decoration: none;
}
/*table a:link, table a:visited { text-decoration:none; }*/
table a:hover, table a:active {
	text-decoration: underline;
	color: #2d72da;
}

input.required, select.required {
	border: 1px solid #f56e50 !important
}
/* 진함 input:required, select:required {background-color: #fddcdc; border:1px solid #fbcaca} */
/* 여림 input:required, select:required {background-color: #fff5f5; border:1px solid #fbd1d1} */
input:required, textarea:required, select:required {
	background-color: #fff0f0;
	border: 1px solid #fbd1d1
}
/* 중간 */
input[type="text"], input[type="password"], input[type="search"], input[type="file"], input[type="date"], input[type="month"], select, textarea, button {
	font: 13px 'NotoSans', 'Malgun Gothic', sans-serif;
}

input[type="text"], input[type="password"], input[type="search"], input[type="file"], input[type="month"] {
	height: 32px;
	padding: 2px 5px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	vertical-align: middle;
	font-weight: 200;
	border-radius: 0.15rem;
	background-color: #fff;
	background-clip: padding-box;
}

input:focus {
	border: 1px solid #61666f;
	background: #fff;
	outline: 0
}

input[type="file"] {
	padding: 1px 5px;
	line-height: 21px;
	vertical-align: top;
	width: 100%;
}

select {
	padding: 0 0 0 10px;
	font-weight: 200;
	border-radius: 0.15rem;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ddd;
}

	select:focus {
		border: 1px solid #61666f;
		background: #fff;
		outline: 0
	}

	input[readonly="read-only"], textarea[readonly="read-only"], select[readonly="read-only"] {
		border: 1px solid #ddd;
		background: #eef2f7;
		color: #6c757d;
	}

input:read-only, textarea:read-only {
	border: 1px solid #ddd;
	background: #eef2f7;
	color: #6c757d;
}

input[disabled="disabled"], input:disabled, textarea[disabled="disabled"], textarea:disabled, select[disabled="disabled"], select:disabled {
	border: 1px solid #ddd;
	background: #eef2f7;
	color: #6c757d;
}

input[type="radio"][readonly="read-only"], input[type="radio"][read-only], input[type="checkbox"][readonly="read-only"], input[type="checkbox"][read-only], input[type="radio"][disabled="disabled"], input[type="radio"][disabled], input[type="checkbox"][disabled="disabled"], input[type="checkbox"][disabled] {
	border: none;
	background: none;
}

input.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

input[type="date"] {
	width: 130px;
	height: 32px;
	padding: 2px 5px;
	border: 1px solid #dddddd;
	line-height: 32px;
	color: #101010;
	font-weight: 200;
	box-sizing: border-box;
	vertical-align: middle;
	border-radius: 0.15rem;
}

	input[type="date"]:read-only {
		border: 1px solid #ddd;
		background: #eef2f7;
		color: #6c757d;
	}

textarea {
	display: block;
	width: 100%;
	padding: 2px 5px;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	line-height: 18px;
	vertical-align: middle;
	resize: vertical;
	border-radius: 0.15rem;
	font-weight: 200;
}

input[type="checkbox"], input[type="radio"] {
	margin: 0 4px;
	vertical-align: middle;
}

button {
	overflow: visible;
	display: inline-block;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: 0;
	white-space: nowrap;
	box-sizing: content-box;
	background: none;
	border-radius: 4px;
}

	button[disabled="disabled"], button[disabled="disabled"]:hover, button[disabled="disabled"]:focus {
		color: #a5a5a5;
		text-decoration: none;
		cursor: default;
	}

option {
	line-height: 16px;
	padding: 0 4px;
	font-weight: 200;
}

select {
	min-width: 70px;
	height: 32px;
	line-height: 32px;
	padding: 2px;
}

table select {
	min-width: 70px;
	height: 32px;
	line-height: 32px;
	padding: 2px;
}

table input, table input[type="file"], table button, table a, table select {
	vertical-align: middle;
}

mark {
	color: #00b0fd;
	text-decoration: underline;
	font-weight: 500;
}

input.error {
	border: 1px solid #f05d5d;
	background: #facece;
}

input.text {
	padding: 2px;
	border: 0;
	background: transparent;
}

	input.text:focus {
		padding: 2px;
		border: 0 !important;
		background: none !important
	}

textarea.current {
	border: 1px solid #8aa6be;
	background: #e0f4ff;
}

textarea.error {
	border: 1px solid #f05d5d;
	background: #facece;
}

textarea.text {
	padding: 2px;
	border: 0;
	background: transparent;
}

.green {
	color: #22b994 !important;
}

.blue {
	color: #2d9cf5 !important;
}

.yellow {
	color: #ffb000 !important;
}

.orange {
	color: #ff9161 !important;
}

.red {
	color: #f05d5d !important;
}

.bg_red {
	background: #f05d5d !important;
	color: #fff !important;
	font-size: 16px;
}

.btn_color {
	padding: 1px 4px;
	font-size: 11px;
	border-radius: 9px;
	color: #fff
}

	.btn_color span {
		color: #fff
	}

	.btn_color.green {
		background: #22B994
	}

	.btn_color.blue {
		background: #319EF5
	}

	.btn_color.red {
		background: #F05D5D
	}
/*검색버튼 스타일*/
.searchb {
	overflow: hidden;
	display: inline-block;
	position: relative;
	padding-right: 20px;
	vertical-align: middle
}

	.searchb input {
		border-right: none;
		box-sizing: border-box;
		width: 100%
	}

		.searchb input.current, .searchb input[type="text"]:focus {
			border-right: none
		}

		.searchb input + button {
			position: absolute;
			bottom: 0;
			right: 0;
			border-left: 1px solid #C3C3C3
		}
/* 첨부파일 스타일 */
.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	border: 0
}

.filebox label {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle
}

.upload-name:focus + label {
	background: #000 !important
}

.filebox .upload-name {
	appearance: none;
	color: #444
}
/* Global
---------------------------------------------------------*/
.skiplink {
	display: block;
}

	.skiplink p a {
		position: absolute;
		display: block;
		width: 100%;
		left: 0;
		text-align: center;
		top: -10000px;
		z-index: 500;
		font-size: 1.3em;
	}

		.skiplink p a:hover, .skiplink p a:focus, .skiplink p a:active {
			position: absolute;
			top: 0;
			padding: 20px 0;
			font-weight: 400;
			color: #fff;
			background: #053B72;
			z-index: 500;
		}
/* 버튼 스타일
---------------------------------------------------------*/
.btn_section:after, .btn_total:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.btn_total {
	padding-bottom: 4px;
}

	.btn_total a, .btn_total button {
		display: inline-block;
		height: 28px;
		padding: 0 15px;
		border: 1px solid #8796ac;
		border-radius: 0.15rem;
		font-size: 13px;
		font-weight: 400;
		color: #fff;
		line-height: 28px;
		box-shadow: 0px 1px 1px #e8e8e8;
		border-radius: 0.15rem;
		background: #8796ac;
		background: linear-gradient(#8796ac, #8796ac);
	}

		.btn_total button:hover {
			border: 1px solid #728298;
			box-shadow: 0px 1px 1px #e8e8e8;
			background: linear-gradient(#728298, #728298);
		}

		.btn_total button:active, .btn_total a:active { /*box-shadow:inset 3px 3px 3px #cdcdcd;*/
		}

		.btn_total a[disabled="disabled"], .btn_total a[disabled="disabled"]:active, .btn_total button[disabled="disabled"], .btn_total button[disabled="disabled"]:active {
			border: 1px solid #cecece;
			color: #acacac;
			box-shadow: 0px 1px 1px #e8e8e8;
			background: #f1f1f1;
			filter: none;
		}

.btn_type1 {
	padding-bottom: 4px;
}

	.btn_type1 a, .btn_type1 button {
		display: inline-block;
		height: 28px;
		padding: 0 15px;
		border: 1px solid #5d6dc3;
		font-size: 13px;
		font-weight: 400;
		color: #5d6dc3;
		line-height: 28px;
		box-shadow: 0px 1px 1px #e8e8e8;
		border-radius: 0.15rem;
	}

		.btn_type1 button:hover {
			border: 1px solid #5d6dc3;
			box-shadow: 0px 1px 1px #e8e8e8;
			background: #5d6dc3;
			color: #fff;
		}

		.btn_type1 button:active, .btn_type1 a:active { /*box-shadow:inset 3px 3px 3px #b44233;*/
		}

		.btn_type1 a[disabled="disabled"], .btn_type1 a[disabled="disabled"]:active, .btn_type1 button[disabled="disabled"], .btn_type1 button[disabled="disabled"]:active {
			border: 1px solid #cecece;
			color: #acacac;
			box-shadow: 0px 1px 1px #e8e8e8;
			background: #f1f1f1;
			filter: none;
		}

.btn_type2 {
	padding-bottom: 4px;
}

	.btn_type2 a, .btn_type2 button {
		display: inline-block;
		height: 28px;
		padding: 0 24px;
		border: 1px solid #00297A;
		font-size: 13px;
		font-weight: 400;
		color: #00297A;
		line-height: 28px;
		box-shadow: 0px 1px 1px #e8e8e8;
		border-radius: 0.15rem;
	}

		.btn_type2 button:hover {
			border: 1px solid #00297A;
			box-shadow: 0px 1px 1px #e8e8e8;
			background: linear-gradient(#ffffff, #ffffff);
		}

		.btn_type2 button:active, .btn_type2 a:active { /*box-shadow:inset 3px 3px 3px #2568d3;*/
		}

		.btn_type2 a[disabled="disabled"], .btn_type2 a[disabled="disabled"]:active, .btn_type2 button[disabled="disabled"], .btn_type2 button[disabled="disabled"]:active {
			border: 1px solid #cecece;
			color: #acacac;
			box-shadow: 0px 1px 1px #e8e8e8;
			background: #f1f1f1;
			filter: none;
		}

.btn_type3 {
	padding-bottom: 4px;
}

	.btn_type3 a, .btn_type3 button {
		display: inline-block;
		height: 28px;
		padding: 0 15px;
		border: 1px solid #5d6dc3;
		font-size: 13px;
		border-radius: 0.15rem;
		font-weight: 400;
		color: #fff;
		line-height: 28px;
		box-shadow: 0px 1px 1px #e8e8e8;
		background: #5d6dc3;
	}

		.btn_type3 button:hover {
			border: 1px solid #4051ad;
			background: #4456b6;
		}

		.btn_type3 a[disabled="disabled"], .btn_type6 a[disabled="disabled"]:active, .btn_type3 button[disabled="disabled"], .btn_type6 button[disabled="disabled"]:active {
			border: 1px solid #cecece;
			color: #a3a3a3;
			box-shadow: none;
			background: #f1f1f1;
		}

.btn_type4 {
	padding-bottom: 4px;
}

	.btn_type4 a, .btn_type4 button {
		display: inline-block;
		vertical-align: top;
		height: 28px;
		padding: 0 15px;
		border: 1px solid #4fbde9;
		border-radius: 0.15rem;
		font-size: 13px;
		color: #fff;
		font-weight: 400;
		line-height: 28px;
		text-decoration: none;
		cursor: pointer;
		background: #4fbde9;
	}

		.btn_type4 button:hover {
			border: 1px solid #45abde;
			box-shadow: 0px 1px 1px #e8e8e8;
			background: #4bafe0;
			color: #fff;
		}

		.btn_type4 a span, .btn_type4 button span {
			display: block;
			height: 28px;
		}

		.btn_type4 button[type="submit"], .btn_type4 button.submit {
			border: 1px solid #8a8a8a;
			color: #fff;
			background: #9a9a9a;
			background: linear-gradient(#aaa, #888);
		}

		.btn_type4 button:active, .btn_type4 a:active { /*box-shadow:inset 2px 3px 3px #d8d8d8;*/
		}

		.btn_type4 button[type="submit"]:active, .btn_type4 button.submit:active { /*box-shadow:inset 2px 3px 3px #838383; */
		}

		.btn_type4 a[disabled="disabled"], .btn_type4 a[disabled="disabled"]:active, .btn_type4 button[disabled="disabled"], .btn_type4 button[disabled="disabled"]:active {
			border: 1px solid #cecece;
			color: #a3a3a3;
			box-shadow: none;
			background: #f1f1f1;
		}

.btn_type5 {
	padding-bottom: 4px;
}

	.btn_type5 a, .btn_type5 button {
		display: inline-block;
		vertical-align: top;
		height: 28px;
		padding: 0 15px;
		border: 1px solid #6c757d;
		border-radius: 0.15rem;
		font-size: 13px;
		color: #fff;
		font-weight: 400;
		line-height: 28px;
		text-decoration: none;
		cursor: pointer;
		background: #6c757d;
	}

		.btn_type5 button:hover {
			border: 1px solid #545b62;
			box-shadow: 0px 1px 1px #e8e8e8;
			background: #5a6268;
			color: #fff;
		}

		.btn_type5 a span, .btn_type5 button span {
			display: block;
			height: 28px;
		}

		.btn_type5 button[type="submit"], .btn_type5 button.submit {
			border: 1px solid #8a8a8a;
			color: #fff;
			background: #9a9a9a;
			background: linear-gradient(#aaa, #888);
		}

		.btn_type5 button:active, .btn_type5 a:active {
			box-shadow: inset 2px 3px 3px #d8d8d8;
		}

		.btn_type5 button[type="submit"]:active, .btn_type5 button.submit:active {
			box-shadow: inset 2px 3px 3px #838383;
		}

		.btn_type5 a[disabled="disabled"], .btn_type5 a[disabled="disabled"]:active, .btn_type5 button[disabled="disabled"], .btn_type5 button[disabled="disabled"]:active {
			border: 1px solid #cecece;
			color: #a3a3a3;
			box-shadow: none;
			background: #f1f1f1;
		}

.btn_type6 {
	padding-bottom: 4px;
}

	.btn_type6 a, .btn_type6 button {
		display: inline-block;
		height: 28px;
		padding: 0 15px;
		border: 1px solid #323a46;
		border-radius: 0.15rem;
		font-size: 13px;
		font-weight: 400;
		color: #323a46;
		line-height: 28px;
		box-shadow: 0px 1px 1px #e8e8e8;
	}

		.btn_type6 button:hover {
			border: 1px solid #323a46;
			box-shadow: 0px 1px 1px #e8e8e8;
			background: #323a46;
			color: #fff;
		}

		.btn_type6 button:active, .btn_type6 a:active { /*box-shadow:inset 3px 3px 3px #1233ae;*/
		}

		.btn_type6 a[disabled="disabled"], .btn_type6 a[disabled="disabled"]:active, .btn_type6 button[disabled="disabled"], .btn_type6 button[disabled="disabled"]:active {
			border: 0px solid #cecece;
			color: #acacac;
			box-shadow: 0px 1px 1px #e8e8e8;
			background: #f1f1f1;
			filter: none;
		}

.btn_type7 {
	padding-bottom: 4px;
}

	.btn_type7 a, .btn_type7 button {
		display: inline-block;
		height: 28px;
		padding: 0 15px;
		border: 1px solid #f36270;
		font-size: 13px;
		border-radius: 0.15rem;
		font-weight: 400;
		color: #fff;
		line-height: 28px;
		box-shadow: 0px 1px 1px #e8e8e8;
		background: #f36270;
	}

		.btn_type7 button:hover {
			border: 1px solid #e2484a;
			background: #e35054;
		}

		.btn_type7 a[disabled="disabled"], .btn_type7 a[disabled="disabled"]:active, .btn_type7 button[disabled="disabled"], .btn_type7 button[disabled="disabled"]:active {
			border: 1px solid #cecece;
			color: #a3a3a3;
			box-shadow: none;
			background: #f1f1f1;
		}

.btn_type8 {
	padding-bottom: 4px;
}

	.btn_type8 a, .btn_type8 button {
		display: inline-block;
		height: 28px;
		padding: 0 15px;
		border: 1px solid #7f838b;
		font-size: 13px;
		border-radius: 0.15rem;
		font-weight: 400;
		color: #fff;
		line-height: 28px;
		box-shadow: 0px 1px 1px #e8e8e8;
		background: #7f838b;
	}

		.btn_type8 button:hover {
			border: 1px solid #6c6f76;
			background: #6c6f76;
		}

		.btn_type8 a[disabled="disabled"], .btn_type8 a[disabled="disabled"]:active, .btn_type8 button[disabled="disabled"], .btn_type8 button[disabled="disabled"]:active {
			border: 1px solid #cecece;
			color: #a3a3a3;
			box-shadow: none;
			background: #f1f1f1;
		}

.btn_total1 {
}

	.btn_total1 a, .btn_total1 button {
		display: inline-block;
		height: 28px;
		padding: 0 15px;
		border: 1px solid #b5b5b5;
		border-radius: 0.15rem;
		font-size: 13px;
		font-weight: 400;
		color: #444444;
		line-height: 28px;
		box-shadow: 0px 1px 1px #e8e8e8;
		background: #f1f1f1;
	}

		.btn_total1 button:hover {
			border: 1px solid #acacac;
			box-shadow: 0px 1px 1px #e8e8e8;
			background: linear-gradient(#f9f9f9, #f9f9f9);
		}

		.btn_total1 button:active, .btn_total1 a:active {
			box-shadow: inset 3px 3px 3px #cdcdcd;
		}

		.btn_total1 a[disabled="disabled"], .btn_total1 a[disabled="disabled"]:active, .btn_total1 button[disabled="disabled"], .btn_total1 button[disabled="disabled"]:active {
			border: 1px solid #cecece;
			color: #acacac;
			box-shadow: 0px 1px 1px #e8e8e8;
			background: #f1f1f1;
			filter: none;
		}

#tabs {
	overflow: hidden;
	margin-bottom: 20px;
	border: 1px solid #4876ef;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

	#tabs li {
		list-style: none;
		float: left;
		position: relative;
		top: 1px;
		margin: 0 0.2em 1px 0;
		border-bottom: 0 !important;
		padding: 0;
		white-space: nowrap;
		background: #f5f3f3;
		border-top-left-radius: 0.25rem;
		border-top-right-radius: 0.25rem;
	}

		#tabs li a {
			display: block;
			color: #233545;
			font-size: 13px;
			line-height: 30px;
			background: #f5f3f3;
			float: left;
			padding: 2px 8px 2px 10px;
			text-decoration: none;
			border-top-left-radius: 0.25rem;
			border-top-right-radius: 0.25rem;
		}

		#tabs li.current {
			color: #fff;
			background: #4876ef;
		}

			#tabs li.current a {
				color: #fff;
				background: #4876ef;
			}

		#tabs li .ui-icon {
			width: 16px;
			height: 16px;
			display: block;
			text-indent: -99999px;
			overflow: hidden;
			background: url(../../_Images/common/icon_tab01_off.png?v=20260304) no-repeat 50% 50%;
		}

		#tabs li .ui-icon-close {
			float: left;
			margin: 8px 9px 0 0;
			cursor: pointer;
		}

		#tabs li:first-child {
			background: #fff !important
		}

		#tabs li.current .ui-icon {
			width: 16px;
			height: 16px;
			display: block;
			text-indent: -99999px;
			overflow: hidden;
			background: url(../../_Images/common/icon_tab01_on.png?v=20260304) no-repeat 50% 50%;
		}

		#tabs li.current .ui-icon-close {
			float: left;
			margin: 8px 9px 0 0;
			cursor: pointer;
		}

	#tabs .tab_close a {
		list-style: none;
		float: left;
		position: relative;
		background: #fff url(../../_Images/common/icon_close.png?v=20260304) no-repeat 5px 50% !important;
		padding-left: 23px !important;
		color: #333 !important;
		border: 0px solid #e8e8e8 !important;
		margin-right: 5px;
	}
/* 탭 스타일
---------------------------------------------------------*/
ul.tab_type1 {
	overflow: hidden;
	margin-bottom: 10px; /*border: 1px solid #4876ef;*/
	border: 1px solid #5d6dc3;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

	ul.tab_type1.upper, ul.tab_type2.upper, ul.tab_type3.upper {
		margin-bottom: 1px;
		background: none;
	}

	ul.tab_type1:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	ul.tab_type1 li {
		list-style: none;
		float: left;
		position: relative;
		top: 1px;
		margin: 0 0.2em 0 0;
		border-bottom: 0 !important;
		padding: 0;
		white-space: nowrap;
		background: #f5f3f3;
		border-top-left-radius: 0.25rem;
		border-top-right-radius: 0.25rem;
	}

		ul.tab_type1 li a {
			display: block;
			color: #233545;
			font-size: 13px;
			line-height: 30px;
			background: #f5f3f3;
			float: left;
			padding: 2px 8px 2px 10px;
			text-decoration: none;
			border-top-left-radius: 0.25rem;
		}

		ul.tab_type1 li .ui-icon {
			width: 16px;
			height: 16px;
			display: block;
			text-indent: -99999px;
			overflow: hidden;
			background: url(../../_Images/common/icon_tab01_off.png?v=20260304) no-repeat 50% 50%;
		}

		ul.tab_type1 li .ui-icon-close {
			float: left;
			margin: 8px 9px 0 0;
			cursor: pointer;
		}

		ul.tab_type1 li:first-child {
			background: #fff !important;
			border: 0px !important;
		}

			ul.tab_type1 li:first-child a {
				border-left: 1px solid #e8effc;
			}

		ul.tab_type1 li.selected {
			color: #fff; /*background: #4876ef; border: 1px solid #4876ef;*/
			background: #5d6dc3;
			border: 1px solid #5d6dc3;
		}

			ul.tab_type1 li.selected a {
				color: #fff; /*background: #4876ef;*/
				background: #5d6dc3;
				font-weight: 400;
			}

			ul.tab_type1 li.selected .ui-icon {
				width: 16px;
				height: 16px;
				display: block;
				text-indent: -99999px;
				overflow: hidden;
				background: url(../../_Images/common/icon_tab01_on.png?v=20260304) no-repeat 50% 50%;
			}

			ul.tab_type1 li.selected .ui-icon-close {
				float: left;
				margin: 8px 9px 0 0;
				cursor: pointer;
			}

	ul.tab_type1 .tab_close a {
		list-style: none;
		float: left;
		position: relative;
		background: #fff url(../../_Images/common/icon_close.png?v=20260304) no-repeat 5px 50% !important;
		padding-left: 23px !important;
		color: #333 !important;
		border: 0px solid #f5f3f3 !important;
		border-radius: 0px;
	}

	ul.tab_type1 div .tab_clos {
		border: 1px solid #fff;
		background: #fff;
	}

ul.tab_type2 {
	margin-bottom: 15px;
	border-bottom: 2px solid #ebebed;
}

	ul.tab_type2:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	ul.tab_type2 li {
		float: left;
		margin-bottom: -2px;
		margin-right: 28px;
	}

		ul.tab_type2 li a {
			display: block;
			padding: 10px 0px;
			line-height: 22px;
			color: #666;
			font-size: 13px;
			font-weight: normal;
			border: 1px solid #fff;
			border-left: 0px solid #fff;
			border-bottom: 2px solid #ebebed;
			background: #fff;
		}

			ul.tab_type2 li a:hover {
				color: #222;
			}

		ul.tab_type2 li.selected a {
			color: #1662dd;
			font-weight: 500;
			border: 1px solid #fff;
			border-bottom: 2px solid #1662dd;
			background: #fff;
		}

ul.tab_type3 {
	margin-bottom: 15px;
	border-bottom: 1px solid #61666f;
}

	ul.tab_type3:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	ul.tab_type3 li {
		float: left;
		margin-bottom: -1px;
	}

		ul.tab_type3 li a {
			display: block;
			padding: 0 18px;
			line-height: 34px;
			color: #333;
			font-size: 13px;
			font-weight: 200;
			border: 1px solid #e5e5e5;
			border-left: 1px solid #fff;
			border-bottom: 1px solid #61666f;
			background: #ffffff;
		}

			ul.tab_type3 li a:hover {
				background: #fff;
				border: 1px solid #e5e5e5;
				border-bottom: 1px solid #61666f;
			}

		ul.tab_type3 li:first-child a {
			border-left: 1px solid #e5e5e5;
		}

		ul.tab_type3 li.selected a {
			color: #222222;
			font-weight: 400;
			border: 1px solid #61666f;
			border-bottom: 1px solid #fff;
			background: #fff;
		}

		ul.tab_type3 li.previous a {
			border-right: 1px solid #f7f7f7;
		}

ul.tab_type4 {
	margin-bottom: 15px;
	border-bottom: 0px solid #e4e4e4;
}

	ul.tab_type4:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	ul.tab_type4 li {
		float: left;
	}

		ul.tab_type4 li a {
			display: block;
			padding: 8px 20px;
			font-size: 13px;
			font-weight: 400;
			border: 1px solid #e4e4e4;
			border-radius: 0.25rem;
			background: #fff;
			margin-right: 6px
		}

			ul.tab_type4 li a:hover {
				color: #222
			}

		ul.tab_type4 li.selected a {
			font-weight: 400;
			border: 1px solid #326edc;
		}

.grid {
	margin-bottom: 3px;
	overflow: hidden;
}

	.grid aside {
		position: relative;
		line-height: 27px;
		text-align: right;
		margin-bottom: 7px;
		width: 100%;
	}

		.grid aside:after {
			content: "";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

		.grid aside .floatLeft > span {
			display: inline-block;
			min-width: 92px;
			text-align: left;
			font-size: 13px;
			color: #1c1c1c;
			vertical-align: middle;
		}

			.grid aside .floatLeft > span strong {
				margin: 0 4px;
				font-weight: 500
			}

		.grid aside .floatLeft .pages {
			width: auto;
			margin: 0;
			padding: 0;
			background: none;
		}

			.grid aside .floatLeft .pages select, .grid aside .floatRight select {
				min-width: 70px;
				height: 32px;
				padding: 4px;
			}

		.grid aside .floatLeft h3 {
			margin: 0;
			padding: 0;
			line-height: 27px;
		}

		.grid aside .floatRight {
		}

		.grid aside .bdrRight {
			float: left;
			margin-right: 4px;
			padding-right: 5px;
			background: url(../../images/bdr_grid_top.gif) no-repeat 100% 50%;
		}

		.grid aside .gbutton {
			display: inline-block;
			height: 30px;
			padding: 0 10px;
			border: 1px solid #6c757d;
			font-size: 13px;
			color: #6c757d;
			font-weight: normal;
			line-height: 30px;
			background: #fff;
			border-radius: 0.15rem;
		}

			.grid aside .gbutton:hover {
				background: #6c757d;
				color: #fff
			}

			.grid aside .gbutton:focus, .grid aside .gbutton:active {
				text-decoration: none;
			}

			.grid aside .gbutton[disabled="disabled"], .grid aside .gbutton[disabled="disabled"]:hover, .grid aside .gbutton[disabled="disabled"]:focus {
				color: #8a8a8a;
				border: 1px solid #dfdfdf;
				background: #f5f5f5;
				background: linear-gradient(#eee, #f7f7f7);
			}
/* contents Elements
---------------------------------------------------------*/
#content header {
	position: relative;
	margin-bottom: 5px;
	height: auto;
	margin-top: 5px;
}

	#content header:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	#content header h1, #content header a {
		display: inline-block;
	}

	#content header h1 {
		font-size: 20px;
		color: #222;
		margin-top: 3px;
		font-weight: 500;
	}

	#content header a {
		width: 20px;
		height: 20px;
		margin-top: -6px;
		border: 0;
		vertical-align: middle;
		background: url(../../images/btn_favorite.png?v=20260304) no-repeat 0 0;
	}

		#content header a.current {
			background: url(../../images/btn_favorite.png?v=20260304) no-repeat 0 100%;
		}

		#content header a span {
			overflow: hidden;
			display: block;
			visibility: hidden;
			width: 20px;
			height: 20px;
			font-size: 0;
		}

	#content header aside {
		float: right;
		text-align: right;
		margin-top: 0px;
		margin-bottom: 0px;
	}

		#content header aside ul li {
			font-size: 13px;
			display: inline-block;
			line-height: 17px;
			padding-right: 14px;
			color: #777777;
			background: url(../../_Images/common/location_after.png?v=20260304) no-repeat 100% 50%;
		}

			#content header aside ul li.current {
				margin: 0;
				padding: 0;
				color: #2b66c6;
				text-decoration: underline;
				background: none;
			}

			#content header aside ul li a {
				display: inline-block;
				width: auto;
				margin-top: 0px;
				color: #000000;
				background: none;
			}

				#content header aside ul li a:hover {
					color: #4574d2;
				}

h1 {
	padding-bottom: 4px;
	line-height: 27px;
}

h2 {
	padding-bottom: 4px;
	line-height: 27px;
	font-size: 15px;
	color: #5d6dc3;
	font-weight: 500;
	display: inline-block;
}

h3 {
	padding-bottom: 10px;
	line-height: 16px;
	font-size: 14px;
	color: #151515;
	font-weight: normal;
}

.search {
	margin-bottom: 10px;
}

	.search > dl {
		height: 27px;
		padding: 8px 0;
		line-height: 28px;
		border: 1px solid #e1e1e1;
		border-bottom: 0;
		background: #fff;
	}

		.search > dl > dt {
			display: inline-block;
			min-width: 105px;
			padding-right: 10px;
			text-align: right;
			color: #222;
			font-size: 13px;
			font-weight: 400;
		}

		.search > dl > dd, .search > dl > dd select {
			display: inline-block;
			height: 28px;
			line-height: 28px;
			vertical-align: top;
		}

			.search > dl > dd select {
				vertical-align: middle;
				padding: 4px;
				line-height: 28px;
			}

	.search > div {
		border: 1px solid #e1e1e1;
		background: #fff;
		padding: 8px;
		border-radius: 10px;
	}

	.search table th {
		padding: 2px 6px 4px 30px;
		line-height: 28px;
		text-align: right;
		font-weight: 400;
		font-size: 13px;
		white-space: nowrap;
	}

		.search table th strong {
			color: #ff3636;
			padding: 0 3px;
		}

			.search table th strong label, .search table th strong span {
				color: #222;
			}

	.search table td {
		padding: 4px 6px 3px;
		line-height: 28px;
		white-space: nowrap;
	}

		.search table td label {
			display: inline-block;
			vertical-align: middle;
		}

		.search table td input[type="text"] {
		}

	.search table select {
		min-width: 100px;
		padding: 4px;
	}
	/*서치영역 그룹핑(myc 예외)*/
	.search.group .bott_line {
		border-bottom: 1px solid #E2E0DE
	}

	.search footer {
		position: relative;
		padding-top: 8px;
		text-align: right;
		overflow: hidden
	}

.btn_calendar {
	display: inline-block;
	width: 23px;
	line-height: 23px;
	overflow: hidden
}

	.btn_calendar span {
		display: block;
		text-indent: -9999px;
		background: url(../../images/btn_calendar.gif) no-repeat 50% 50%;
	}

	.btn_calendar.disabled span {
		display: block;
		text-indent: -9999px;
		background: url(../../images/btn_calendar_off.gif) no-repeat 50% 50%;
	}

	.btn_calendar:nth-last-of-type(1) {
		margin-right: 2px;
	}

.search.folded > div {
	position: relative;
	margin-bottom: 12px;
}

	.search.folded > div > a {
		position: absolute;
		left: 50%;
		bottom: -13px;
		width: 65px;
		height: 13px;
		margin-left: -32px;
		text-align: center;
		background: url(../../images/btn_fold_opener.gif) no-repeat 0 0;
	}

		.search.folded > div > a span {
			display: inline-block;
			text-indent: -9999px;
		}

		.search.folded > div > a.current {
			background: url(../../images/btn_fold_opener.gif) no-repeat 0 100%;
		}

.grid_list .depth1 {
	display: block;
	padding-left: 30px;
	text-align: left !important;
	background: url(../../_Images/common/icon_depth1.png?v=20260304) no-repeat 10px 50%;
	font-weight: 500
}

.grid_list .depth2 {
	display: block;
	padding-left: 42px;
	text-align: left !important;
	background: url(../../_Images/common/icon_depth2.png?v=20260304) no-repeat 30px 50%;
}

.grid_list .depth3 {
	display: block;
	padding-left: 65px;
	text-align: left !important;
	background: url(../../_Images/common/icon_depth3.png?v=20260304) no-repeat 45px 50%;
}

.grid_list .depth4 {
	display: block;
	padding-left: 80px;
	text-align: left !important;
	background: url(../../_Images/common/icon_depth4.png?v=20260304) no-repeat 60px 50%;
}

.grid_list {
	border-top: 1px solid #61666f;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 10px;
	overflow: auto;
}

	.grid_list table {
		border-spacing: 0;
	}

	.grid_list.scroll {
		overflow-x: auto;
		margin-top: auto;
		border: 1px solid #e5e5e5;
		border-top: 1px solid #868e96;
	}

		.grid_list.scroll table {
			min-width: 100%
		}

			.grid_list.scroll table tr th, .grid_list.scroll table tr td {
				border-left: 0;
			}

	.grid_list thead tr th {
		background: #f9fafb;
		border: 1px solid #e4e4e4;
		border-top: 0;
		padding: 6px 10px;
		text-align: center;
		font-weight: 400;
		font-size: 13px;
		color: #1f2533;
		white-space: nowrap;
	}

	.grid_list thead tr:first-child th {
		border-top-width: 0;
	}

	.grid_list thead tr th:first-child {
		border-left: 0;
	}

	.grid_list thead tr th:last-child {
		border-right: 0;
	}

	.grid_list table th strong {
		color: #ff3636;
		padding: 0 3px;
	}

		.grid_list table th strong label, .grid_list table th strong span {
			color: #4d4c4c;
			font-weight: normal;
		}

	.grid_list table th.ellipsis, .grid_list table td.ellipsis {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.grid_list tbody tr th {
		padding: 6px 10px;
		font-weight: normal;
		color: #4d4c4c;
		border: 1px solid #e4e4e4;
		background: #f5f5f5;
	}

		.grid_list tbody tr th.textR {
			text-align: right;
		}

		.grid_list tbody tr th.textC {
			text-align: center;
		}
	/*.grid_list tbody tr td { padding:4px 4px;line-height:20px;text-align:center;border:1px solid #e5e5e5;background:#fff;font-weight: 200; font-size:13px } */
	.grid_list tbody tr td {
		padding: 6px 10px;
		text-align: center;
		font-weight: 200;
		font-size: 13px
	}

	.grid_list tbody tr + tr td {
		border-top: 1px solid #f0f0f0;
	}

	.grid_list tbody td + td {
		border-left: 1px solid #f0f0f0;
	}

	.grid_list tbody tr td:first-child {
		border-left: 0;
	}

	.grid_list tbody tr td:last-child {
		border-right: 0;
	}

	.grid_list tbody tr td.textLeft {
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 200px;
	}

	.grid_list tbody tr td.textLeft2 {
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}

	.grid_list tbody tr td.textRight {
		text-align: right;
		white-space: nowrap;
	}

	.grid_list tbody tr td.depth1 {
		padding-left: 40px;
		text-align: left !important;
		background: url(../../_Images/common/icon_depth1.png?v=20260304) no-repeat 20px 50%;
	}

	.grid_list > table > tbody > tr.gridhover > td {
		background: #f7faff !important;
	}

	.grid_list tbody tr:first-child td, .grid_list tbody tr:first-child th {
		border-top: 0;
	}

	.grid_list tbody tr th:first-child {
		border-right: 0;
	}
	/* .grid_list table tbody tr.even td, .grid_list > table > tbody > tr:nth-child(2n) > td { background:#ffffff; } */
	.grid_list table tbody tr.current td {
		background: #e3f0ff !important;
	}

	.grid_list table tbody tr.nodata td {
		color: #6e6e6e;
		cursor: default;
	}

	.grid_list table tbody tr.nodata.gridhover td {
		background: #fff !important;
	}

	.grid_list table tbody td a {
		color: #1662dd;
		text-decoration: none;
		font-size: 13px;
	}

		.grid_list table tbody td a:hover {
			text-decoration: none;
		}

	.grid_list tfoot tr th {
		padding: 6px 10px;
		color: #4d4c4c;
		border: 1px solid #e5e5e5;
		border-top: 1px solid #969696;
		border-right: 0;
		border-bottom: 0;
		font-weight: normal;
		text-align: right;
		background: #f5f5f5;
	}

		.grid_list tfoot tr th:first-child {
			border-left: 0;
		}

	.grid_list tfoot tr td:first-child {
		border-left: 0;
	}

	.grid_list tfoot tr td {
		padding: 6px 10px;
		text-align: center;
		border: 1px solid #e5e5e5;
		border-top: 1px solid #969696;
		border-right: 0;
		border-bottom: 0;
	}

	.grid_list table tbody tr.deleteLine td, .grid_list table tbody tr.deleteLine td * {
		background: #d3d6d8 !important;
		color: #888;
		text-decoration: line-through;
	}

	.grid_list table tbody tr.deleteLine.gridhover td {
		background: #d3d6d8;
	}
	/* 그리드 테이블 링크 선택시 row배경 클래스 */
	.grid_list table tbody tr.selectedon td, .grid_list table tbody tr.selectedon.gridhover td, .grid_list table tbody tr.selectedon.current.gridhover td {
		background: #f7faff !important;
	}
	/* 필터 및 오름-내림기능 관련 추가사항 */
	.grid_list table .edit .input_button, .input_button {
		position: relative;
		padding-right: 32px
	}

		.grid_list table .edit .input_button input[type="text"], .grid_list table .edit .input_button select {
			width: 100% !important;
		}

		.grid_list table .edit .input_button button, .input_button button {
			position: absolute;
			top: 5px;
			right: 10px;
		}

	.grid_list table a.sort {
		display: inline-block;
		vertical-align: middle;
		width: 9px;
		height: 11px;
		background: url(../../images/bul_grid_01.gif) no-repeat center center;
	}

		.grid_list table a.sort span {
			display: inline-block;
			text-indent: -9999px;
		}

		.grid_list table a.sort.up {
			background: url(../../images/bul_grid_02.gif) no-repeat center center;
		}

		.grid_list table a.sort.down {
			background: url(../../images/bul_grid_03.gif) no-repeat center center;
		}

.grid.twolines > .grid_list > table > tbody > tr:nth-child(2n) > td {
	background: #ffffff;
}

.grid.twolines > .grid_list > table > tbody > tr:nth-child(4n-1) > td, .grid.twolines > .grid_list > table > tbody > tr:nth-child(4n) > td {
	background: #fafafa;
}

.grid.threelines > .grid_list > table > tbody > tr:nth-child(2n) > td {
	background: #ffffff;
}

.grid.threelines > .grid_list > table > tbody > tr:nth-child(6n-2) > td, .grid.threelines > .grid_list > table > tbody > tr:nth-child(6n-1) > td, .grid.threelines > .grid_list > table > tbody > tr:nth-child(6n) > td {
	background: #fafafa;
}

.grid.fourlines > .grid_list > table > tbody > tr:nth-child(2n) > td {
	background: #ffffff;
}

.grid.fourlines > .grid_list > table > tbody > tr:nth-child(8n-3) > td, .grid.fourlines > .grid_list > table > tbody > tr:nth-child(8n-2) > td, .grid.fourlines > .grid_list > table > tbody > tr:nth-child(8n-1) > td, .grid.fourlines > .grid_list > table > tbody > tr:nth-child(8n) > td {
	background: #fafafa;
}

.grid.fivelines > .grid_list > table > tbody > tr:nth-child(2n) > td {
	background: #ffffff;
}

.grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n-4) > td, .grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n-3) > td, .grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n-2) > td, .grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n-1) > td, .grid.fivelines > .grid_list > table > tbody > tr:nth-child(10n) > td {
	background: #fafafa;
}

.grid.sixlines > .grid_list > table > tbody > tr:nth-child(2n) > td {
	background: #ffffff;
}

.grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-5) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-4) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-3) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-2) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n-1) > td, .grid.sixlines > .grid_list > table > tbody > tr:nth-child(12n) > td {
	background: #fafafa;
}
/* .grid_list > table > tbody > tr.gridhover > td { background:#ffffec !important; } */
.grid_list table tbody tr.gridhover.current td {
	background: #e3f0ff !important;
}

.grid_list tbody tr.hiddenCells table, .grid_list tbody tr.hiddenCells_etc table {
	border-top: 0;
	border-bottom: 1px solid #e5e5e5;
}

	.grid_list tbody tr.hiddenCells table tr th, .grid_list tbody tr.hiddenCells_etc table tr th, .grid_list tbody tr.hiddenCells table tr td, .grid_list tbody tr.hiddenCells_etc table tr td {
		padding: 3px 8px;
		line-height: 23px;
		border-top: 1px solid #e5e5e5;
		border-right: 0;
		border-left: 1px solid #e5e5e5;
		color: #111;
		font-size: 13px;
	}

	.grid_list tbody tr.hiddenCells table tr th, .grid_list tbody tr.hiddenCells_etc table tr th {
		font-weight: normal;
		text-align: right;
		background: #f5f5f5;
	}

	.grid_list tbody tr.hiddenCells table tr td, .grid_list tbody tr.hiddenCells_etc table tr td {
		text-align: left;
	}

.grid_list tbody tr.hiddenCells td .grid_list table thead tr th, .grid_list tbody tr.hiddenCells_etc td .grid_list table thead tr th, .grid_list table tbody tr td .grid_list table thead tr th {
	text-align: center;
}

.grid_list tbody tr.hiddenCells > td, .grid_list tbody tr.hiddenCells_etc > td {
	padding: 10px;
}

.grid_list tbody tr.hiddenCells table tr th:first-child, .grid_list tbody tr.hiddenCells_etc table tr th:first-child {
	border-left: 0
}

.grid_list tbody tr.hiddenCells > td .grid, .grid_list tbody tr.hiddenCells_etc > td .grid {
	margin: 0;
}

.grid_list tbody tr.hiddenCells .grid_list, .grid_list tbody tr.hiddenCells_etc .grid_list {
	border-bottom: none;
}

.grid_list table tbody tr td .grid_list table tbody tr td {
	text-align: center;
}

.grid_list tbody tr.hiddenCells .grid_list table tr th:first-child, .grid_list tbody tr.hiddenCells_etc .grid_list table tr th:first-child {
	border-left: 1px solid #e5e5e5
}

.grid_list tbody tr.hiddenCells .grid_list table tr th, .grid_list tbody tr.hiddenCells_etc .grid_list table tr th {
	text-align: center;
}

.grid_list tbody tr.hiddenCells > td .grid_list table tbody tr.gridhover td, .grid_list tbody tr.hiddenCells_etc > td .grid_list table tbody tr.gridhover td {
	background: inherit;
}
/*그리드배경색상제거*/
.grid_list.bgnone tr td, .grid_list.bgnone tr.gridhover td {
	background: none !important
}

.paging {
	height: 29px;
	padding: 10px 0 10px 0;
	text-align: center;
	font-size: 13px;
}

	.paging ul {
		display: inline-block;
		border-left: 1px solid #f0f0f0;
		padding: 0 0 0 7px;
	}

		.paging ul:first-child {
			border-left: 0;
			border-right: 1px solid #f0f0f0;
			padding: 0 7px 0 0;
		}

		.paging ul.pages {
			padding: 0 7px 0 7px;
			border: none;
		}

		.paging ul.last {
			border-left: 1px solid #d5d8dc;
			padding: 0 0 0 7px;
		}

		.paging ul li {
			float: left;
			margin-left: 4px;
		}

		.paging ul > li:first-child {
			margin-left: 0;
		}

		.paging ul li a {
			display: block;
			width: 27px;
			line-height: 27px;
			color: #4d4c4c;
			border: 1px solid #f0f0f0;
			border-radius: 50%;
		}

			.paging ul li a:hover {
				background: #f7f7f7;
			}

		.paging ul.pages li a {
			min-width: 23px;
			width: auto;
			padding: 0 2px;
			border: 1px solid #f0f0f0;
			background: #fff;
			filter: none;
		}

			.paging ul.pages li a:hover {
				background: #f7f7f7;
			}

		.paging ul li a span {
			display: block;
			text-indent: -9999px;
		}

		.paging ul li.selected {
		}

			.paging ul li.selected span, .paging ul li.selected strong, .paging ul li.firstSelcected span, .paging ul li.firstSelcected strong {
				display: block;
				min-width: 23px;
				padding: 0 2px;
				line-height: 27px;
				border: 1px solid #5d6dc3;
				color: #fff;
				background: #5d6dc3;
				border-radius: 50%;
				font-weight: 500
			}

		.paging ul li a span {
			background: url(../../_Images/common/btn_paging.png?v=20260304) no-repeat 0 0;
		}

		.paging ul li.morePrev a span {
			background-position: 0px 0px;
		}

		.paging ul li.prev a span {
			background-position: 0px -27px;
		}

		.paging ul li.next a span {
			background-position: 0px -54px;
		}

		.paging ul li.moreNext span {
			background-position: 0px -81px;
		}

.btn_sorting {
	display: inline-block;
	position: relative;
}

	.btn_sorting > a {
		display: inline-block;
		width: 19px;
		height: 18px;
		background: url(../../images/btn_th_layer.png?v=20260304) no-repeat 0 0;
	}

		.btn_sorting > a.on {
			background-position: 0 -18px;
		}

	.btn_sorting .list_sorting {
		position: absolute;
		top: 19px;
		left: 0px;
		border: 1px solid #969696;
	}

		.btn_sorting .list_sorting ul {
			min-width: 60px;
			background: #fff;
		}

			.btn_sorting .list_sorting ul li {
				border-top: 1px solid #e5e5e5;
			}

				.btn_sorting .list_sorting ul li:first-child {
					border-top: 0;
				}

				.btn_sorting .list_sorting ul li a {
					display: block;
					padding: 0 12px;
					line-height: 28px;
					color: #4d4c4c;
					text-decoration: none;
				}

					.btn_sorting .list_sorting ul li a:hover, .btn_sorting .list_sorting ul li a:focus {
						color: #4d4c4c;
						text-decoration: none;
						background: #e3f0ff;
					}

.table_left {
	margin-bottom: 10px;
	border-top: 1px solid #61666f;
	border-bottom: 1px solid #61666f;
}

	.table_left thead tr th, .table_left tbody tr th {
		padding: 6px 10px 6px 10px;
		line-height: 22px;
		font-weight: normal;
		font-size: 13px;
		white-space: nowrap
	}

	.table_left tbody tr th {
		text-align: right;
		font-weight: 400;
		border: 1px solid #e4e4e4;
		border-top: 0;
		background: #f9fafb;
		height: 32px;
	}

	.table_left tbody tr td {
		padding: 6px 10px 6px 10px;
		line-height: 22px;
		font-size: 13px;
		font-weight: 200;
		background: #ffffff;
		height: 32px;
	}

	.table_left thead tr th:first-child, .table_left tbody tr th:first-child {
	}

	.table_left tbody tr th.th_depth {
		border-left: 1px solid #ddd;
		background: #f8f8f8;
	}

	.table_left tr th.th_depth, .table_top tr th.th_depth {
		background: #f8f8f8;
	}

	.table_left table th strong, .table_top table th strong {
		color: #ff3636;
		padding: 0 3px;
	}

		.table_left table th strong label, .table_top table th strong label, .table_left table th strong span, .table_top table th strong span {
			color: #4d4c4c;
			font-weight: normal;
		}

	.table_left tbody tr td.list_file p {
		margin-top: 5px;
		line-height: 24px;
	}

		.table_left tbody tr td.list_file p:first-child {
			margin-top: 0;
		}

	.table_left tbody tr th:first-child {
		border-left: 0;
	}

	.table_left tbody tr + tr th {
		border-top: 1px solid #e4e4e4;
		border-bottom: 0px solid #e4e4e4;
	}

	.table_left tbody th + th {
		border-left: 1px solid #e4e4e4;
	}

	.table_left tbody tr + tr td {
		border-top: 1px solid #f0f0f0;
	}

	.table_left tbody td + td {
		border-left: 1px solid #f0f0f0;
	}

	.table_left tr td .table_top {
		margin: 0;
		border: 1px solid #c3c3c3;
	}

		.table_left tr td .table_top table tr th {
			text-align: center;
		}

		.table_left tr td .table_top table tr th, .table_left tr td .table_top table tr td {
			border-right: 0
		}

		.table_left tr td .table_top table tr td {
			border-top: 1px solid #e5e5e5;
			border-bottom: 0;
		}

		.table_left tr td .table_top table tr:first-child td {
			border-top: 0;
		}

		.table_left tr td .table_top table tr td:first-child {
			border-left: 0
		}

.child {
	border-top: 1px solid #969696;
	margin-top: -4px !important
}

	.child > table {
		border-top: 1px solid #eee
	}

.table_top table tbody tr.nodata td, .table_left table tbody tr.nodata td {
	color: #6e6e6e;
	text-align: center;
}

.btn_open, .btn_print {
	height: 21px;
	padding: 1px 12px;
	line-height: 21px;
	border: 1px solid #e5e5e5;
	font-size: 13px;
	background: #f5f5f5;
	background: linear-gradient(#fff, #eee);
}

	.btn_open, .btn_open:hover, .btn_print, .btn_print:hover {
		color: #2985db;
		text-decoration: none;
	}

		.btn_open span {
			display: inline-block;
		}

		.btn_print span {
			display: inline-block;
		}

		.btn_open:hover, .btn_print:hover {
			background: #ffffff;
		}

		.btn_open:focus, .btn_open:active, .btn_print:focus, .btn_print:active {
			text-decoration: none;
			background: #d8d8d8 linear-gradient(#eee, #fff);
		}

.shuttle {
	position: relative;
	margin-bottom: 20px;
}

	.shuttle:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

.shuttle_left, .shuttle_right, .shuttle_top, .shuttle_bottom {
	overflow-y: auto;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #dedede;
	min-height: 235px;
}

.shuttle_left, .shuttle_right {
	width: 45%;
}

.shuttle_top, .shuttle_bottom {
	width: 100%;
}

.shuttle_left {
	float: left;
}

.shuttle_right {
	float: right;
}

.shuttle_top {
	min-height: 58px;
}

.withbtn, .shuttle_hori, .shuttle_verti {
	position: relative;
}

.shuttle_hori, .shuttle_verti {
	box-sizing: border-box;
}

.withbtn {
	min-height: 30px;
	padding-right: 40px;
	border: 1px solid #dedede;
}

.shuttle.withbtn {
	border: none;
}

.shuttle_hori {
	float: left;
	width: 45%;
}

.shuttle_verti {
	width: 100%;
}

.shuttle h3 {
	padding: 0;
	height: 28px;
	line-height: 28px;
	border-bottom: 1px solid #ddd;
	color: #272626;
	text-align: center;
	font-weight: 500;
	background: #f5f5f5;
}

.shuttle .content {
	overflow-y: auto;
	border: 1px solid #A3A3A5;
	margin-top: 5px
}

	.shuttle .content > .dynatree-container {
		border: 0 !important
	}

.shuttle.tit_type {
	position: relative;
	padding-top: 30px
}

	.shuttle.tit_type .tit {
		position: absolute;
		top: 0;
		left: 55%;
		border: 0;
		background: none
	}

		.shuttle.tit_type .tit:first-child {
			left: 0 !important;
			margin-left: 0 !important
		}

.shuttle.withbtn.tit_type .tit {
	margin-left: -20px
}

.btn_delete {
	display: inline-block;
	width: 20px;
	text-indent: -9999px;
	background: url(../../images/btn_delete.png?v=20260304) no-repeat 50% 50%;
}

.shuttle .btn_shuttle_r {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40px;
	text-align: center;
}

	.shuttle .btn_shuttle_r ul {
		position: absolute;
		right: 3px;
		bottom: 1px;
		display: inline-block;
	}

		.shuttle .btn_shuttle_r ul li {
			display: block;
			width: 24px;
			height: 24px;
			margin-bottom: 4px;
		}

			.shuttle .btn_shuttle_r ul li a {
				display: block;
				width: 24px;
				height: 24px;
				text-indent: -9999px;
			}

			.shuttle .btn_shuttle_r ul li.up {
				margin-bottom: 10px;
			}

			.shuttle .btn_shuttle_r ul li.moreUp a {
				background: url(../../images/ico_shuttle_r.png?v=20260304) no-repeat 0 0;
			}

			.shuttle .btn_shuttle_r ul li.up a {
				background: url(../../images/ico_shuttle_r.png?v=20260304) no-repeat 0 -50px;
			}

			.shuttle .btn_shuttle_r ul li.down a {
				background: url(../../images/ico_shuttle_r.png?v=20260304) no-repeat 0 -100px;
			}

			.shuttle .btn_shuttle_r ul li.moreDown a {
				background: url(../../images/ico_shuttle_r.png?v=20260304) no-repeat 0 -150px;
			}

.shuttle table thead th {
	background: #f5f5f5;
	color: #272626;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
	padding: 5px 10px;
	line-height: 18px;
}

.shuttle table tbody th {
	font-weight: normal;
	border-top: 1px solid #ddd;
	text-align: center;
	border-bottom: 1px solid #ddd;
}

.shuttle table tbody td {
	padding: 4px 10px;
	line-height: 20px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #e5e5e5;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
}

	.shuttle table thead th:first-child, .shuttle table tbody th:first-child, .shuttle table tbody td:first-child {
		border-left: none;
	}

.shuttle table tbody tr:first-child th, .shuttle table tbody tr:first-child td {
	border-top: 0;
}

.shuttle table tr:hover, .shuttle table tr.current {
	background: #e3f0ff;
}

.shuttle table tbody tr.edit td {
	border-bottom: 1px solid #ddd;
}

.shuttle table tbody tr.lstchanged td {
	background: #6e84b6 !important;
	color: #fff;
	font-weight: 500
}

.shuttle ul.list_shuttle {
}

	.shuttle ul.list_shuttle li {
		position: relative;
		height: 29px;
		line-height: 29px;
		border-top: 1px solid #ddd;
	}

		.shuttle ul.list_shuttle li:first-child {
			border-top: 0;
		}

		.shuttle ul.list_shuttle li p {
			overflow: hidden;
			padding: 0 35px 0 12px;
			color: #4d4c4c;
			font-size: 13px;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.shuttle ul.list_shuttle li.current {
			background: #e3f0ff;
		}

		.shuttle ul.list_shuttle li a.btn_delete {
			position: absolute;
			top: 0;
			right: 12px;
			width: 20px;
			line-height: 29px;
			text-indent: -9999px;
			background: url(../../images/btn_delete.png?v=20260304) no-repeat 50% 50%;
		}

.dynatreeLeft {
	float: left;
	width: 45%;
}

.dynatreeRight {
	float: right;
	width: 45%;
}

.dynawrapper {
	width: 100%;
	height: 100%;
	overflow: auto;
	border: 1px solid #b4b4b4;
}

	.dynawrapper .dynatree-container {
		border: none;
		overflow: inherit;
	}

ul.subtab {
	margin-bottom: 12px;
}

	ul.subtab:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	ul.subtab li {
		float: left;
	}

		ul.subtab li a {
			display: block;
			padding: 0 25px;
			line-height: 32px;
			color: #606976;
			font-size: 14px;
			font-weight: 500;
			border: 1px solid #e5e5e5;
			border-left: 1px solid #f7f7f7;
			background: #f7f7f7;
		}

		ul.subtab li:first-child a {
			border-left: 1px solid #e5e5e5;
		}

		ul.subtab li.selected a {
			color: #2a313b;
			border: 1px solid #a0a0a0;
			background: #fff;
		}

		ul.subtab li.previous a {
			border-right: 1px solid #f7f7f7;
		}

ul.indicatetab {
	background: url(../../images/bg_tab.gif) repeat-x 0 100%;
}

	ul.indicatetab:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	ul.indicatetab li {
		float: left;
		padding-right: 17px;
		background: url(../../images/bg_indicate_off.png?v=20260304) no-repeat 100% 0;
	}

		ul.indicatetab li a {
			display: block;
			padding: 0 20px;
			line-height: 32px;
			color: #4c4d4d;
			font-size: 14px;
			font-weight: 500;
			border-top: 1px solid #a0a0a0;
			border-bottom: 1px solid #a0a0a0;
			background: #ededed;
		}

		ul.indicatetab li:first-child a {
			border-left: 1px solid #a0a0a0;
		}

		ul.indicatetab li.selected {
			background: url(../../images/bg_indicate_on.png?v=20260304) no-repeat 100% 0;
		}

			ul.indicatetab li.selected a {
				color: #fff;
				border-top: 1px solid #4270cc;
				border-bottom: 1px solid #4270cc;
				background: #4270cc;
			}

			ul.indicatetab li.selected:first-child a {
				border-left: 1px solid #4270cc;
			}

		ul.indicatetab li.previous {
			background: url(../../images/bg_indicate_prev.png?v=20260304) no-repeat 100% 0;
		}

		ul.indicatetab li:last-child, ul.indicatetab li:last-child.selected {
			padding: 0;
			border-right: 1px solid #a0a0a0;
			background: 0;
		}

		ul.indicatetab li.end, ul.indicatetab li.end.selected {
			padding: 0;
			border-right: 1px solid #a0a0a0;
			background: none
		}

.indicatetabarea, .tab_common_cont, .tab_common_bottom {
	padding: 14px 10px;
	border: 1px solid #e5e5e5;
	border-top: 0;
}

.tab_common_cont {
	margin-bottom: -10px;
	border-bottom: 0
}

.tab_common_bottom {
	margin-top: -1px;
	border-top: 1px solid #fff
}

.tab_common_cont.full_type {
	margin: 0;
	padding: 14px 0;
	border: 0;
}

.tree_area {
	overflow-y: auto;
	height: 318px;
	margin-bottom: 10px;
	border: 1px solid #a3a3a5;
}

.tree {
	padding: 10px;
}

	.tree li {
		position: relative;
		padding: 0 0 0 22px;
		line-height: 20px;
		font-size: 14px;
		background: url(../../images/bul_tree_depth.gif) no-repeat 9px 0;
	}

	.tree ul li ul li {
		background: url(../../images/bul_tree_depth.gif) no-repeat 9px 0;
	}

	.tree ul li a span {
		margin-left: 4px;
		color: #4574d2;
		font-weight: 500;
	}

	.tree ul li ul li ul li a span {
		color: #444;
		font-weight: normal;
	}

	.tree li a.control {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 13px;
		height: 13px;
		padding: 3px;
	}

	.tree ul > li > a > span:hover {
		font-weight: 500;
	}

	.tree ul li span.closed {
		color: #444;
		font-weight: normal;
	}

	.tree ul li.end {
		background: url(../../images/bul_tree_end.gif) no-repeat 9px 0;
	}

.ico_tree {
	margin-right: 4px;
	vertical-align: middle;
}

span.information, p.information {
	display: inline-block;
	min-height: 14px;
	margin-left: 5px;
	padding-left: 20px;
	color: #666;
	background: url(../../images/ico_alert.png?v=20260304) no-repeat 0 50%;
}

div.information {
	padding-bottom: 10px;
}

	div.information p {
		padding-left: 20px;
		line-height: 21px;
		color: #666;
		background: url(../../images/ico_alert.png?v=20260304) no-repeat 0 4px;
	}

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

	.btn_instruct .instruct_layer {
		position: absolute;
		top: -8px;
		left: 23px;
		min-width: 290px;
		padding-left: 10px;
		background: url(../../images/bg_instructlayer.png?v=20260304) no-repeat 0 0;
		z-index: 2;
	}

		.btn_instruct .instruct_layer p {
			padding: 5px 10px;
			border: 1px solid #eed997;
			border-left: none;
			border-radius: 2px;
			color: #80441c;
			background: #fffddb;
		}

.inline_info {
	display: inline-block;
	margin-left: 5px;
	color: #4270cc;
}

.tabinfo {
	margin-bottom: 16px;
	background: url(../../images/bg_tab.gif) repeat-x 0 100%;
}

	.tabinfo ul.tab, .tabinfo .information {
		display: inline-block;
	}

	.tabinfo ul.tab {
		margin: 0;
		vertical-align: middle;
		background: none;
	}

.check {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 20px;
}

	.check label {
		vertical-align: middle;
	}

	.check ul {
		padding-left: 25px;
	}

	.check input[type="text"] {
		height: 27px;
		vertical-align: top;
	}

dl.instruct_module {
	margin-bottom: 12px;
	border: 1px solid #ddd;
	border-radius: 2px;
	background: #f5f5f5;
}

	dl.instruct_module dt {
		position: relative;
		height: 33px;
		padding-right: 45px;
		line-height: 33px;
		border-bottom: 1px solid #ddd;
	}

		dl.instruct_module dt p {
			overflow: hidden;
			padding: 0 0 0 17px;
			color: #3a3a3a;
			font-weight: 500;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		dl.instruct_module dt a {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			text-indent: -9999px;
			background: url(../../images/ico_instruct.gif) no-repeat 100% 0;
		}

		dl.instruct_module dt.current {
			border-bottom: 0;
		}

			dl.instruct_module dt.current a {
				background: url(../../images/ico_instruct.gif) no-repeat 100% 100%;
			}

	dl.instruct_module dd {
		padding: 12px 18px;
		color: #3a3a3a;
	}

		dl.instruct_module dd ol li ol {
			padding-left: 12px;
		}

		dl.instruct_module dd.rowover {
			height: 70px;
			overflow-y: auto;
			border: 0px solid red
		}

p.instruct_module {
	overflow: hidden;
	height: 33px;
	margin-bottom: 12px;
	padding: 0 0 0 17px;
	line-height: 33px;
	border: 0px solid #ddd;
	border-radius: 2px;
	color: #3a3a3a;
	text-overflow: ellipsis;
	white-space: nowrap;
}

	p.instruct_module.freeline {
		overflow: visible;
		min-height: 22px;
		height: auto !important;
		height: 22px;
		padding: 6px 0 5px 0px;
		line-height: 22px;
		text-overflow: clip;
		white-space: normal;
	}

		p.instruct_module.freeline strong {
			color: #F00
		}

ul.circle {
}

	ul.circle li {
		margin-top: 16px;
		padding-left: 16px;
		background: url(../../images/bul_circle.png?v=20260304) no-repeat 0 3px;
	}

		ul.circle li:first-child {
			margin-top: 0;
		}

div.validError {
	border: 1px solid #f05d5d;
	border-radius: 2px;
	background: #ffe2e2;
	padding: 4px 14px 4px 6px;
	position: absolute;
	top: -10px;
	left: 24px;
	line-height: 22px;
	height: 22px;
	white-space: nowrap;
	z-index: 9;
}

	div.validError p.beforeValidError {
		position: absolute;
		width: 24px;
		height: 9px;
		top: 30px;
		left: 12px;
		background: url(../../images/bg_validerror.png?v=20260304) no-repeat left top;
		text-indent: -9999px;
	}

	div.validError label {
		color: #1b1b1b;
		font-size: 13px;
		line-height: 21px;
	}

	div.validError > a.close {
		position: absolute;
		top: 3px;
		right: 3px;
		width: 10px;
		height: 10px;
		background: url(../../images/ico_validerror_close.png?v=20260304) no-repeat center center;
		text-indent: -9999px;
	}

.instruct_page {
	padding: 13px 12px;
	border: 1px solid #e5e5e5;
	color: #c8212f;
	font-size: 13px;
	background: #ffffff;
}

	.instruct_page p {
		padding-left: 25px;
		line-height: 16px;
	}

		.instruct_page p.notice {
			margin-bottom: 4px;
			line-height: 18px;
			background: url(../../images/ico_important.png?v=20260304) no-repeat 0 0;
		}

.btn_info, .btn_alert {
	width: 18px;
	height: 18px;
	margin-top: -2px;
	vertical-align: middle;
}

	.btn_info span, .btn_alert span {
		overflow: hidden;
		display: block;
		visibility: hidden;
		width: 18px;
		height: 18px;
		font-size: 0;
	}

.btn_info {
	background: url(../../images/ico_layer_instruct_info.png?v=20260304) no-repeat 0 0;
}

.btn_alert {
	background: url(../../images/ico_layer_instruct_alert.png?v=20260304) no-repeat 0 0;
}

.alert {
	position: absolute;
	width: 338px;
	border: 1px solid #b4b4b4;
	background: #fff;
	z-index: 2;
}

	.alert h4 {
		padding-left: 22px;
		height: 50px;
		line-height: 50px;
		background: #f5f5f5;
		font-size: 18px;
		color: #222;
	}

	.alert p {
		padding: 25px 12px;
		color: #333;
		font-size: 13px;
		line-height: 21px;
		text-align: center;
	}

	.alert .detail {
		margin: 0 12px 15px;
		border: 1px solid #ddd;
		background: #f5f5f5;
	}

		.alert .detail p {
			padding: 10px 15px;
			color: #555;
			line-height: 16px;
		}

	.alert footer {
		padding-bottom: 20px;
		text-align: center;
	}

		.alert footer button {
			display: inline-block;
			height: 32px;
			line-height: 32px;
			padding: 0 20px;
			border: 1px solid #a5a5a5;
			border-radius: 3px;
			font-size: 13px;
			font-weight: 500;
			color: #424242;
			background: #f1f1f1;
			background: linear-gradient(#f9f9f9, #e6e6e6);
			box-shadow: 1px 1px 1px #d8d8d8;
		}

			.alert footer button[type="submit"] {
				display: inline-block;
				height: 32px;
				line-height: 32px;
				padding: 0 20px;
				border: 1px solid #6a6a6a;
				border-radius: 3px;
				font-size: 13px;
				font-weight: 500;
				color: #fff;
				background: #656565;
				background: linear-gradient(#888, #5a5a5a);
				box-shadow: 1px 1px 1px #d8d8d8;
			}

	.alert.warn h4 {
		padding-left: 67px;
		height: 60px;
		line-height: 52px;
		background: #f5f5f5 url(../../images/ico_warn.png?v=20260304) no-repeat 26px 16px;
	}

	.alert.warn p strong {
		color: #4574d2;
	}

	.alert.warn dl {
		position: absolute;
		bottom: 25px;
		left: 30px;
		color: #777;
		font-size: 13px;
	}

		.alert.warn dl dt, .alert.warn dl dd {
			display: inline-block;
			line-height: 14px;
		}

		.alert.warn dl dt {
			padding-right: 6px;
			border-right: 1px solid #777;
		}

	.alert.warn footer {
		padding-bottom: 75px;
	}

.pop_loading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -23px;
	text-align: center;
	z-index: 2;
}

	.pop_loading p {
		width: 45px;
		padding-top: 52px;
		font-weight: 500;
		color: #24489a;
		font-size: 13px;
		background: url(../../images/loading.gif) no-repeat 50% 0
	}

	.pop_loading button {
		display: inline-block;
		height: 32px;
		line-height: 32px;
		padding: 0 20px;
		border: 1px solid #a5a5a5;
		border-radius: 3px;
		font-size: 13px;
		font-weight: 500;
		color: #424242;
		background: #f1f1f1;
		background: linear-gradient(#f9f9f9, #e6e6e6);
		box-shadow: 1px 1px 1px #d8d8d8;
	}

#popupbody {
	overflow-y: hidden;
	margin-bottom: 44px;
}

.popup {
	position: relative;
	overflow-y: auto;
}

	.popup > header {
		background: #ffffff;
		border-bottom: 2px solid #2f4050;
		height: 43px;
	}

		.popup > header h1 {
			display: inline-block;
			padding-left: 20px;
			line-height: 43px;
			color: #000000;
			font-size: 16px;
			font-weight: 500;
		}

		.popup > header a {
			display: inline-block;
			width: 20px;
			height: 20px;
			margin-top: -6px;
			border: 0;
			vertical-align: middle;
			background: url(../../images/btn_favorite.png?v=20260304) no-repeat 0 0;
		}

			.popup > header a.current {
				background: url(../../images/btn_favorite.png?v=20260304) no-repeat 0 100%;
			}

			.popup > header a span {
				overflow: hidden;
				display: block;
				visibility: hidden;
				width: 20px;
				height: 20px;
				font-size: 0;
			}

.popwrapper {
	padding: 20px 20px 30px;
}

.popup > footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	border-top: 1px solid #b4b4b4;
	box-sizing: border-box;
}

	.popup > footer p {
		line-height: 27px;
		padding: 8px 18px;
		background: #f5f4f4;
	}

	.popup > footer a {
		display: inline-block;
		vertical-align: middle;
		padding: 0 16px;
		line-height: 25px;
		border: 1px solid #cacaca;
		background: #fafafa;
		background: linear-gradient(#fefefe, #f0f0f0);
	}

		.popup > footer a span {
			display: inline-block;
			color: #3a3a3a;
		}

.pop_layer {
	position: absolute;
	background: #fff;
	padding: 20px;
	border: 1px solid #b4b4b4;
	z-index: 1;
}

.pop_layer_close {
	position: absolute;
	top: 10px;
	right: 10px;
}
/* 첨부파일 타이틀 */
.floatLeft .subtitle .btn_instruct {
	margin-left: 5px;
}

	.floatLeft .subtitle .btn_instruct a {
		display: inline-block;
		width: 18px;
		height: 18px;
		margin-top: -2px;
		vertical-align: middle;
		background: url(../../images/ico_layer_instruct_info.png?v=20260304) no-repeat 0 0;
		text-indent: -9999px;
	}

.floatLeft .btn_info {
	width: 18px !important;
	height: 18px;
	margin-top: -2px;
	vertical-align: middle;
	border: none !important;
	padding: 0
}

	.floatLeft .btn_info span {
		overflow: hidden;
		display: block;
		visibility: hidden;
		width: 18px;
		height: 18px;
		font-size: 0;
	}

	.floatLeft .btn_info, .floatLeft .btn_info:hover {
		background: url(../../images/ico_layer_instruct_info.png?v=20260304) no-repeat 0 0;
	}

.floatLeft .instruct_layer {
	text-align: left;
	width: 450px
}

	.floatLeft .instruct_layer p {
		line-height: 20px
	}
/*문서함사용관리'?'이미지 위치*/
.img_info {
	vertical-align: middle;
	cursor: pointer;
}
/*버튼영역*/
.searchTop_btn_area {
	width: 100%;
	height: 36px;
}

.subtitle_area {
	width: 100%;
	height: 30px;
}

.btn_date2 {
	width: 32px;
	height: 32px;
	display: inline-block;
	padding: 2px;
	border: 1px solid #e1e1e1;
	background: url(../../_Images/common/date_btn_bg.gif) no-repeat 50% 50%;
	cursor: pointer;
	margin-left: 1px;
}

.btn_calendar {
	display: inline-block;
	width: 21px;
	line-height: 21px;
	padding: 1px;
	border: 1px solid #e1e1e1;
	background: #fff url(../../_Images/common/date_btn_bg.gif) no-repeat 50% 50%;
}

	.btn_calendar span {
		display: block;
		text-indent: -9999px;
	}

	.btn_calendar:nth-last-of-type(1) {
		margin-right: 2px;
	}

.btn_search2 {
	width: 21px;
	height: 21px;
	display: inline-block;
	padding: 1px;
	border: 1px solid #e1e1e1;
	background: #fff url(../../_Images/common/search_btn_bg.gif) no-repeat 50% 50%;
	cursor: pointer;
	margin-left: 1px;
}

	.btn_search2 span {
		display: block;
		width: 32px;
		height: 32px;
		text-indent: -9999px;
	}
/*스크롤 그리드 헤드 고정*/
/*
.scroll_head{  background:#f6f6f6; border-top:1px solid #999; padding:6px 0px;line-height:20px;font-weight:normal; text-align:center; font-weight:500; font-size:14px; color:#474747; display:block;  height:20px;}
*/
.scroll_head {
	background: #f6f6f6;
	border-top: 1px solid #999;
	line-height: 20px;
	font-weight: normal;
	text-align: center;
	font-weight: 500;
	font-size: 13px;
	color: #474747;
	display: block;
}

	.scroll_head table thead tr th {
		background: #f6f6f6;
		border: 1px solid #e5e5e5;
		border-top: 0;
		border-bottom: 0;
		padding: 6px 4px;
		line-height: 20px;
		font-weight: normal;
		text-align: center;
		font-weight: 500;
		font-size: 13px;
		color: #474747;
	}
/*메인페이지 추가*/
.main_info {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 10px;
}

.main_con_left {
	width: 50%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 80px;
}

.main_con_left {
	box-sizing: border-box
}

:after, :before {
	box-sizing: border-box
}

.main_con_left li {
	height: 215px;
	background: #ffffff;
}

	.main_con_left li.info01 {
		background: #ffffff url(../../_Images/main/main_icon01.png?v=20260304) no-repeat right bottom;
		border: 1px solid #d9d9d9;
	}

	.main_con_left li.info02 {
		background: #ffffff url(../../_Images/main/main_icon02.png?v=20260304) no-repeat right bottom;
		border: 1px solid #d9d9d9;
	}

	.main_con_left li.info03 {
		background: #245593;
		border: 1px solid #245593;
	}

	.main_con_left li.info04 {
		background: #ffffff url(../../_Images/main/main_icon04.png?v=20260304) no-repeat right bottom;
		border: 1px solid #d9d9d9;
	}

	.main_con_left li.info05 {
		background: #757a87;
		border: 1px solid #757a87;
	}

	.main_con_left li.info06 {
		background: #ffffff url(../../_Images/main/main_icon06.png?v=20260304) no-repeat center;
		border: 1px solid #d9d9d9;
	}
	/*.main_con_left li.ban01{background:#f6f5f2 url(../../_Images/main/main_ban01.png?v=20260304) no-repeat center center;border:1px solid #d9d9d9;}*/
	.main_con_left li.ban02 {
		background: #6c6356 url(../../_Images/main/main_ban02.png?v=20260304) no-repeat center center;
		border: 1px solid #d9d9d9;
		text-align: center
	}

	.main_con_left li dl {
		margin-left: 25px;
		margin-top: 35px;
	}

		.main_con_left li dl dt {
			font-size: 20px;
			font-weight: 500;
			margin-bottom: 22px;
			letter-spacing: -1px;
		}

		.main_con_left li dl dd {
			font-size: 13px;
			line-height: 16px;
			color: #474747;
			margin-top: 7px
		}

			.main_con_left li dl dd strong {
				color: #ff6138;
			}

	.main_con_left li .charge01 {
		font-size: 32px;
		color: #3f7dca;
		font-weight: 500;
		padding: 10px 0px 25px 0px;
	}

	.main_con_left li .charge02 {
		font-size: 18px;
		color: #ed1c24;
		font-weight: 500;
	}

.main_con_left .more {
	display: block;
	position: absolute;
	top: 30px;
	right: 30px;
	width: 22px;
	text-align: center
}

.main_con_left .manual {
	text-align: left;
	overflow: hidden;
	position: relative;
	padding: 28px 25px
}

	.main_con_left .manual div {
		position: relative;
		margin-left: 15px
	}

		.main_con_left .manual div:first-child {
			margin-left: 0;
			float: left;
			width: 100%
		}

	.main_con_left .manual h2 {
		display: block;
		color: #222222;
		font-size: 20px;
		font-weight: 500;
		padding-top: 3px;
	}

	.main_con_left .manual .more {
		position: absolute;
		right: 0;
		top: 0px
	}

	.main_con_left .manual ul {
		margin: 13px 0 0;
	}

		.main_con_left .manual ul li {
			position: relative;
			height: 30px;
			box-sizing: border-box;
			background: none;
			font-weight: 500;
		}

			.main_con_left .manual ul li a {
				overflow: hidden;
				display: block;
				white-space: nowrap;
				text-overflow: ellipsis;
			}

				.main_con_left .manual ul li a:hover {
					text-decoration: underline;
					color: #000
				}

				.main_con_left .manual ul li a span {
				}

.main_con_left .board {
	text-align: left;
	overflow: hidden;
	position: relative;
	padding: 15px 25px
}

	.main_con_left .board div {
		position: relative;
		margin-left: 15px
	}

		.main_con_left .board div:first-child {
			margin-left: 0;
			float: left;
			width: 100%
		}

	.main_con_left .board h2 {
		display: block;
		color: #fff;
		font-size: 20px;
		font-weight: 500;
		padding-top: 3px;
	}

	.main_con_left .board .more {
		position: absolute;
		right: 0;
		top: 0px
	}

	.main_con_left .board ul {
		margin: 13px 0 0;
	}

		.main_con_left .board ul li {
			position: relative;
			height: 26px;
			padding-right: 75px;
			box-sizing: border-box;
			background: none;
		}

			.main_con_left .board ul li a {
				overflow: hidden;
				display: block;
				white-space: nowrap;
				text-overflow: ellipsis;
				color: #fff
			}

				.main_con_left .board ul li a:hover {
					text-decoration: underline;
					color: #fff
				}

				.main_con_left .board ul li a span {
					position: absolute;
					right: 0;
					color: #fff
				}

.content_info {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.row {
	margin-right: -10px;
	margin-left: -10px;
}

.main_top, .main_top header {
	position: relative;
}

.main_top {
	box-sizing: border-box;
}

:after, :before {
	box-sizing: border-box;
}

.main_top {
	width: 100%;
	float: left;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}
	/* .main_top header { width: 250px; height: 60px; float: left; margin-top: 45px;}*/
	.main_top header {
		width: 120px;
		height: 60px;
		float: left;
		margin-top: 45px;
	}

		.main_top header .title_notice {
			position: absolute;
			top: 20px;
			left: 32px;
			width: 62px;
			height: 120px;
			font-size: 16px !important;
			font-weight: 500 !important;
			color: #222222 !important;
			background: url(../../_Images/main/icon_notice.png?v=20260304) no-repeat center top;
			padding-bottom: 0px;
			text-align: center;
		}

		.main_top header h2 span {
			display: block;
			margin-top: 65px;
		}

		.main_top header .title_faq {
			position: absolute;
			top: 20px;
			left: 32px;
			width: 62px;
			height: 120px;
			font-size: 16px !important;
			font-weight: 500 !important;
			color: #222222 !important;
			background: url(../../_Images/main/icon_faq.png?v=20260304) no-repeat center top;
			padding-bottom: 0px;
			text-align: center;
		}

		.main_top header .title_manual {
			position: absolute;
			top: 20px;
			left: 32px;
			width: 62px;
			height: 120px;
			font-size: 16px !important;
			font-weight: 500 !important;
			color: #222222 !important;
			background: url(../../_Images/main/icon_manual.png?v=20260304) no-repeat center top;
			padding-bottom: 0px;
			text-align: center;
		}

	.main_top .grid.rate .cont .list a .title_W30 {
		max-width: calc(100% - 30px);
		font-size: 14px;
		font-weight: 200;
		line-height: 28px;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.main_top .grid.rate {
		border: 1px solid #d5d5d5;
		height: 170px;
		margin-bottom: 0;
		box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%);
		border-radius: 10px;
	}

		.main_top .grid.rate .grid_list {
			border-top: 0px solid #ddd;
			border-right: none;
			margin-bottom: 0;
			padding: 20px;
			padding-top: 5px;
		}

		.main_top .grid.rate .cont {
			overflow: hidden;
			height: 100%;
			position: relative;
		}

			.main_top .grid.rate .cont:after {
				position: absolute;
				content: "사이트 방문을 환영합니다! 게시된 알림메세지가 없습니다.";
				top: 80px;
				font-size: 14px;
				font-weight: 200;
			}

			.main_top .grid.rate .cont .list {
				width: 100%;
				background: #fff;
				margin-top: 20px;
			}

				.main_top .grid.rate .cont .list a {
					position: relative;
					float: left;
					display: block;
					width: 100%;
					padding-left: 8px;
				}

					.main_top .grid.rate .cont .list a:before {
						content: '';
						display: inline-block;
						width: 2px;
						height: 2px;
						border-radius: 50%;
						background-color: #62656A;
						position: absolute;
						left: 0;
						top: 50%;
						margin-top: -1.5px;
					}

					.main_top .grid.rate .cont .list a:hover {
						color: #000;
					}

					.main_top .grid.rate .cont .list a .title {
						max-width: calc(100% - 150px);
						font-size: 14px;
						font-weight: 200;
						line-height: 28px;
						display: inline-block;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}

					.main_top .grid.rate .cont .list a .date {
						width: 100px;
						color: #999999;
						line-height: 30px;
						margin-right: 0px;
						float: right;
						font-weight: 300
					}

	.main_top .rate_more {
		display: block;
		position: absolute;
		top: 132px;
		left: 44px;
		width: 62px;
		text-align: center
	}

	.main_top .rate_more {
		color: #383232 !important;
		font-size: 13px;
		font-weight: 300
	}

.main_con, .main_con header {
	position: relative;
}

.main_con {
	box-sizing: border-box
}

:after, :before {
	box-sizing: border-box
}

.main_con {
	width: 50%;
	float: left;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}

	.main_con header {
		height: 50px !important;
		border: 1px solid #d5d5d5;
		border-bottom: 0px solid #d5d5d5;
		background: #fff;
		border-radius: 10px 10px 0px 0px;
		margin-top: 0px !important;
		margin-bottom: 0px !important
	}

		.main_con header.current {
			border-bottom: 1px solid #c8c8c8
		}

		.main_con header h2, .main_con header ul {
			position: absolute;
		}

		.main_con header h2 {
			top: 15px;
			left: 20px;
			margin: 0;
			padding: 0;
			line-height: 27px;
			border-bottom: 0;
			color: #222222 !important;
			font-size: 16px !important;
			font-weight: 500 !important;
		}

			.main_con header h2 span.date {
				font-size: 13px;
				font-weight: normal;
				padding-left: 2px;
				vertical-align: top
			}

	.main_con .grid.rate {
		border: 1px solid #d5d5d5;
		border-top: none;
		margin-bottom: 0;
		box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%);
		border-radius: 0px 0px 10px 10px;
	}

		.main_con .grid.rate .grid_list {
			border-top: 0px solid #d5d5d5;
			border-right: none;
			border-bottom: none;
			margin-bottom: 0;
			padding: 20px;
			padding-top: 5px;
		}

			.main_con .grid.rate .grid_list table {
				width: 100%;
				position: relative;
				table-layout: fixed
			}

			.main_con .grid.rate .grid_list thead tr th, .main_con .grid.rate .grid_list tbody tr td {
				padding: 6px 10px;
				word-break: break-all
			}

			.main_con .grid.rate .grid_list thead tr th {
				background: #ffffff;
				text-align: center;
				font-size: 13px;
				font-weight: 400;
				border: none;
				border-top: 1px solid #61666f;
				border-bottom: 1px solid #e4e4e4;
			}

			.main_con .grid.rate .grid_list > table > tbody > tr:hover > td {
				background: #f7faff !important;
			}

			.main_con .grid.rate .grid_list tbody tr td strong {
				display: block;
				border-right: 1px solid #bebebe;
				line-height: 15px
			}

			.main_con .grid.rate .grid_list thead tr th.textRight, .main_con .grid.rate .grid_list tbody tr td.textRight {
				padding-right: 15px
			}

			.main_con .grid.rate .grid_list tbody tr td {
				border: none;
				border-top: 1px solid #f0f0f0;
				text-align: center;
				padding: 6px 10px;
				height: 20px;
			}

			.main_con .grid.rate .grid_list tbody tr.gridhover td { /*background:#f9f9f9 !important;*/
				background: #f7faff !important
			}

			.main_con .grid.rate .grid_list tbody tr.even.gridhover td {
				background: #f7faff !important
			}

			.main_con .grid.rate .grid_list tbody tr td {
				background: #ffffff;
			}

			.main_con .grid.rate .grid_list tbody tr.even td {
				background: #fff
			}

			.main_con .grid.rate .grid_list tbody tr td a {
				overflow: hidden;
				max-width: 100%;
				text-overflow: ellipsis;
				white-space: nowrap;
				display: inline-block;
				text-decoration: none
			}

				.main_con .grid.rate .grid_list tbody tr td a:hover {
					text-decoration: underline
				}

			.main_con .grid.rate .grid_list tbody .title {
				padding-left: 20px;
				text-align: left
			}

	.main_con .btncolor_2 {
		color: #7ba71e;
		border-color: #7ba71e;
	}

	.main_con .btncolor_3 {
		color: #3fa5fa;
		border-color: #3fa5fa;
	}

	.main_con .btncolor_1 {
		display: inline-block;
		width: auto;
		height: auto;
		padding: 4px 5px;
		margin-left: 3px;
		background: #fff;
		color: #333333;
		border: 1px solid #d5d5d7;
		line-height: 1;
		text-indent: 0 !important;
		letter-spacing: -1px;
		font-size: 13px;
	}

	.main_con .btncolor_2 {
		display: inline-block;
		width: auto;
		height: auto;
		padding: 4px 5px;
		margin-left: 3px;
		background: #fff;
		color: #ff5a44;
		border: 1px solid #ff5a44;
		line-height: 1;
		text-indent: 0 !important;
		letter-spacing: -1px;
		font-size: 13px;
	}

	.main_con .btncolor_3 {
		display: inline-block;
		width: auto;
		height: auto;
		padding: 4px 5px;
		margin-left: 3px;
		background: #fff;
		color: #39f;
		border: 1px solid #39f;
		line-height: 1;
		text-indent: 0 !important;
		letter-spacing: -1px;
		font-size: 13px;
	}

.btn_arrowL button {
	background: url(../../_Images/common/btn_arrowL.png?v=20260304) no-repeat 50% 50%;
	padding-left: 20px;
	padding-right: 20px;
	margin: 10px 0;
}

.btn_arrowR button {
	background: url(../../_Images/common/btn_arrowR.png?v=20260304) no-repeat 50% 50%;
	padding-left: 20px;
	padding-right: 20px;
	margin: 10px 0;
}

.rate_more {
	display: block;
	position: absolute;
	top: 20px;
	right: 30px;
	width: 20px;
	text-align: center
}

.rate_more {
	color: #4270cc !important;
	font-size: 13px;
	font-weight: 500
}

.orgcolor_on {
	display: inline-block;
	width: 13px;
	height: 13px;
	text-indent: -99999px;
	background: #f4a44d;
	border-radius: 50%;
	margin: 0px 2px;
}

.orgcolor_off {
	display: inline-block;
	width: 11px;
	height: 11px;
	text-indent: -99999px;
	border: 1px solid #f4a44d;
	border-radius: 50%;
	margin: 0px 2px;
}

.redcolor_on {
	display: inline-block;
	width: 13px;
	height: 13px;
	text-indent: -99999px;
	background: #ed5565;
	border-radius: 50%;
	margin: 0px 2px;
}

.redcolor_off {
	display: inline-block;
	width: 11px;
	height: 11px;
	text-indent: -99999px;
	border: 1px solid #ed5565;
	border-radius: 50%;
	margin: 0px 2px;
}

.blucolor_on {
	display: inline-block;
	width: 13px;
	height: 13px;
	text-indent: -99999px;
	background: #1c84c6;
	border-radius: 50%;
	margin: 0px 2px;
}

.blucolor_off {
	display: inline-block;
	width: 11px;
	height: 11px;
	text-indent: -99999px;
	border: 1px solid #1c84c6;
	border-radius: 50%;
	margin: 0px 2px;
}

.board {
	text-align: left;
	overflow: hidden;
	position: relative;
	padding: 20px
}

	.board div {
		position: relative;
		margin-left: 15px
	}

		.board div:first-child {
			margin-left: 0;
			float: left;
			width: 100%
		}

	.board h2 {
		display: block;
		color: #fff;
		font-size: 20px;
		font-weight: 500;
		text-decoration: none;
		height: 35px;
		line-height: 30px;
		border-bottom: 1px solid #9fa2ab
	}

	.board .more {
		position: absolute;
		right: 0;
		top: 5px
	}

	.board ul {
		margin: 13px 0 0;
	}

		.board ul li {
			position: relative;
			height: 26px;
			padding-right: 75px;
			box-sizing: border-box;
			background: none;
		}

			.board ul li a {
				overflow: hidden;
				display: block;
				white-space: nowrap;
				text-overflow: ellipsis;
				color: #fff
			}

				.board ul li a span {
					position: absolute;
					right: 0;
					color: #fff
				}

.faq {
	border-top: 2px solid #4d4d56;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

	.faq ul {
		margin: 0;
		padding: 0;
		list-style: none
	}

	.faq .q {
		margin: 0;
		padding: 11px 15px;
		border-bottom: 1px solid #ddd;
		background: #ffffff
	}

		.faq .q .q_text {
			margin: 0 15px 0 0;
			padding: 2px 8px;
			background: #8f98a4;
			color: #fff;
			font-size: 13px;
		}

		.faq .q .squ {
			width: 70px;
			display: inline-block;
		}

		.faq .q a.trigger {
			display: block;
			background: #fff;
			font-weight: 500;
			color: #333;
			text-align: left;
			text-decoration: none !important
		}

	.faq .hide .q a.trigger {
		font-weight: normal;
		background: none
	}

	.faq .q a.trigger:hover, .faq .q a.trigger:active, .faq .q a.trigger:focus {
		background: #ffffff;
		color: #000
	}

	.faq .a {
		margin: 0;
		padding: 11px 15px;
		line-height: 1.5;
		border-bottom: 1px solid #ddd;
		background: #f6f6f6
	}

		.faq .a .a_text {
			margin: 0 15px 0 0;
			padding: 2px 8px;
			background: #ffffff;
			border: 1px solid #cecece;
			color: #333;
			font-size: 13px;
		}
/* TAB */
[class^='tab-'] .tab {
	overflow: hidden;
	margin-bottom: 60px;
}

	[class^='tab-'] .tab li {
		float: left;
		box-sizing: border-box;
	}

[class^='tab-'].col_3 .tab li {
	width: 33%;
}

	[class^='tab-'].col_3 .tab li:first-child {
		width: 34%;
	}

[class^='tab-'].col_4 .tab li {
	width: 25%;
}

[class^='tab-'].col_5 .tab li {
	width: 20%;
}

[class^='tab-'].col_6 .tab li {
	width: 16.66%;
}

	[class^='tab-'].col_6 .tab li:first-child {
		width: 16.7%;
	}

[class^='tab-'].col_7 .tab li {
	width: 14.3%;
}

	[class^='tab-'].col_7 .tab li:first-child {
		width: 14.2%;
	}

[class^='tab-'].col_7_type02 .tab li {
	width: 13.5%;
}

	[class^='tab-'].col_7_type02 .tab li:nth-child(4) {
		width: 19%;
	}

[class^='tab-'].col_6 > li > a {
	width: 16.66%;
}

	[class^='tab-'].col_6 > li > a:first-child {
		width: 16.7%;
	}

[class^='tab-'] .tab-cont { /*margin-top:54px;*/
	margin-top: 20px;
}

	[class^='tab-'] .tab-cont > li {
		display: none;
	}

		[class^='tab-'] .tab-cont > li.active {
			display: block;
		}

		[class^='tab-'] .tab-cont > li [class^='cont_box-']:first-child {
			padding-top: 0;
		}

.tab-type01 .tab {
	margin-bottom: 12px;
}

	.tab-type01 .tab:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.tab-type01 .tab li {
		float: left;
	}

		.tab-type01 .tab li a {
			display: block;
			padding: 0 40px;
			line-height: 36px;
			color: #333;
			font-size: 14px;
			font-weight: normal;
			border: 1px solid #cdcdcd;
			border-left: 0px solid #f5f5f5;
			background: #ffffff;
			text-align: center
		}

		.tab-type01 .tab li:first-child a {
			border-left: 1px solid #cdcdcd;
		}

		.tab-type01 .tab li.active a {
			color: #fff;
			font-weight: 500;
			border: 1px solid #4270cc;
			background: #4270cc;
		}

			.tab-type01 .tab li.active a em {
				color: #fff;
				font-weight: 800;
			}

				.tab-type01 .tab li.active a em:before {
					content: '';
					display: inline-block;
					margin-top: 16px;
					margin-right: 8px;
					width: 6px;
					height: 6px;
					border-radius: 50%;
					background-color: #fff;
					vertical-align: top;
				}
/* 팝업 */
.popup {
	overflow: hidden;
	background: #ffffff;
}

.popup_top {
	top: 0px;
	left: 0px;
	width: 100%;
}

.popup_top_new {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	background: url(../../_Images/common/popup_bg.png?v=20260304) top center repeat-x;
}

.popup_top_tit {
	padding: 20px 0 0 15px;
	height: 54px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.1em;
	float: left;
}

.popup_top_bt {
	float: right;
	padding-top: 15px;
	padding-right: 20px;
}

.popup_top {
	overflow: hidden;
	margin: 80px 15px 0 0px;
}

.popup_tit01 {
	padding: 2px 15px 5px 15px;
	font-size: 17px;
	color: #c91414;
	font-weight: 500;
	letter-spacing: -0.05em;
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.popup_date {
	padding: 2px 15px 10px 15px;
	color: #666666;
	font-size: 14px;
}

.popup_cont {
	margin: 10px 15px 10px 15px;
	padding: 15px 0px;
	color: #000000;
	background: #fff;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	height: 330px;
	overflow: auto;
}

.popup_file {
	overflow: hidden;
	margin: 10px 15px 15px 15px;
	padding: 15px 20px;
	background-color: #f5f5f5
}

	.popup_file span {
		display: block;
		padding: 2px 0px;
	}

	.popup_file a {
		color: #0c3ebd;
		overflow: hidden;
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

		.popup_file a:hover {
			text-decoration: underline
		}

.btn_popup {
	padding-bottom: 10px;
}

	.btn_popup a, .btn_popup button {
		display: inline-block;
		height: 27px;
		padding: 0 15px;
		border: 1px solid #35478c;
		font-size: 13px;
		font-weight: 500;
		color: #fff;
		line-height: 27px;
		background: #35478c;
		background: linear-gradient(#4255a0, #35478c);
	}

		.btn_popup button:hover {
			border: 1px solid #ec900c;
			background: linear-gradient(#faab39, #ff9f15);
		}

.btnIconDown {
	display: inline-block;
	vertical-align: middle;
	padding: 4px 38px 4px 15px;
	margin: 0 0 0 15px;
	overflow: hidden;
	background: #627ad0 url(../../_Images/common/icon_down.png?v=20260304) 73px center no-repeat;
	color: #fff;
	border: 0px solid #000;
	font-weight: normal;
}

.btn_inlinesearch {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: -5px;
	padding: 0;
	border: 1px solid #ddd;
	border-left: none;
	border-radius: 3px;
	background: #f7f7f7;
	background: linear-gradient(#ffffff, #f0f0f0);
	vertical-align: middle;
}

	.btn_inlinesearch span {
		display: block;
		width: 30px;
		height: 30px;
		text-indent: -9999px;
		background: url(../../_Images/common/btn_againmagnifier.png?v=20260304) no-repeat 50% 50%;
	}

	.btn_inlinesearch a {
		display: block;
		width: 25px;
		height: 25px;
		text-indent: -9999px;
		background: url(../../_Images/common/unipass.png?v=20260304) no-repeat 50% 50%;
	}

.cscenter {
	display: block;
	background: #43434b;
}

.cscenter {
	overflow: hidden;
	border-top: 1px solid #555560;
	padding: 20px 15px
}

	.cscenter dt {
		width: 100%;
		height: 25px;
		font-size: 15px;
		font-weight: 500;
		color: #fff
	}

		.cscenter dt strong {
			color: #eebe2e;
			font-size: 18px;
			line-height: 25px
		}

	.cscenter dd {
		color: #dfdfdf;
		font-size: 14px;
	}

		.cscenter dd span {
			display: block
		}

			.cscenter dd span:first-child {
				padding-bottom: 10px
			}

	.cscenter .tel {
		font-weight: 500;
		color: #fcc231
	}

	.cscenter .button a {
		display: block;
		margin-top: 6px;
		padding: 7px 0;
		font-size: 14px;
		font-weight: 500;
		color: #e6e6ed;
		border-radius: 3px;
		background: #456cbb;
		width: 100%;
		text-align: center;
	}

.maintabareaPop {
	background: #ffffff;
	padding: 10px;
}

.guide .header {
	width: 100%;
	background: #3f51b5;
}

	.guide .header h2 {
		font-size: 18px;
		font-weight: normal;
		line-height: 50px;
		letter-spacing: -0.05em;
		height: 50px;
		color: #ffffff;
		padding: 0px 30px;
	}

.guide .content {
	padding: 20px 30px;
	overflow: hidden;
}

.guide_search {
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #e1e1e1;
	background: #f7f1e9;
}

	.guide_search table {
		display: inline-block;
		width: auto;
		margin: 9px 0;
		vertical-align: top;
	}

		.guide_search table th {
			padding: 1px 6px;
			line-height: 27px;
			text-align: right;
			color: #3a3a3a;
		}

			.guide_search table th strong {
				color: #db0000;
			}

				.guide_search table th strong label, .guide_search table th strong span {
					color: #3a3a3a;
				}

		.guide_search table td {
			padding: 1px 6px;
			line-height: 27px;
		}

			.guide_search table td input {
				width: 300px;
				height: 27px;
				line-height: 23px;
			}

		.guide_search table select {
			min-width: 100px;
			height: 27px;
			padding: 4px;
		}

		.guide_search table td button {
			display: inline-block;
			height: 23px;
			padding: 0 15px;
			line-height: 21px;
			vertical-align: middle;
			border: 1px solid #c3c3c3;
			border-radius: 3px;
			color: #2a313b;
			text-align: center;
			background: #f8f8f8;
		}

	.guide_search button[type="submit"], .guide_search button.btn_submit {
		display: inline-block;
		margin: 10px 0 9px;
		padding: 0 15px;
		border-radius: 3px;
		text-align: left;
		vertical-align: top;
		cursor: pointer;
		background: #6c757d;
	}

		.guide_search button[type="submit"] span, .guide_search button.btn_submit span {
			display: block;
			height: 29px;
			padding: 0 0 0 20px;
			line-height: 29px;
			font-size: 14px;
			font-weight: 500;
			color: #fff;
			background: url(../../_Images/common/search_popup.png?v=20260304) no-repeat 0 8px;
		}

		.guide_search button[type="submit"]:active, .guide_search button.btn_submit:active {
			box-shadow: inset 3px 3px 3px #3b5790;
		}

.title_guide {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
}

	.title_guide li {
		padding-bottom: 5px;
	}

	.title_guide .hs {
		color: red;
		background: yellow;
	}

.table_top {
	margin-bottom: 20px;
	border-top: 2px solid #969696;
}

	.table_top tr th, .table_top tr td {
		line-height: 23px;
		color: #4d4c4c;
		border: 1px solid #dcdcdc;
		height: 23px;
	}

	.table_top tr th {
		padding: 3px 10px;
		font-weight: 500;
		background: #f5f5f5;
		text-align: center
	}

	.table_top tr td {
		padding: 3px 8px;
		text-align: left;
		vertical-align: top;
		white-space: normal;
	}

	.table_top thead tr:first-child th, .table_top tbody tr:first-child th, .table_top tbody tr:first-child td {
		border-top: 0;
	}

.inline {
	display: inline-block;
}

.admin_menuL {
	float: left;
	width: 30%;
}

.admin_menuR {
	float: right;
	width: 68%;
}

.mrgnbttm10 {
	margin-bottom: 10px !important;
}
/* CO 관련 */
.coTable {
	display: table;
	width: 100%;
}

.coTD {
	display: table-cell;
}

.gbutton {
	display: inline-block;
	vertical-align: top;
	height: 25px;
	padding: 0 10px;
	border: 1px solid #cacaca;
	font-size: 13px;
	color: #444444;
	font-weight: normal;
	line-height: 25px;
	text-decoration: none;
	cursor: pointer;
	background: #f8f8f8;
	background: linear-gradient(#fefefe, #f0f0f0);
}
/* 테이블 thead, tfoot 고정 및 tbody 스크롤 설정 추가 (ref) */
#tableFixHead {
	overflow: auto;
	max-height: 350px;
}
	/* tfoot포함 5개 : 205px, 10개 : 350px */
	#tableFixHead thead {
		position: sticky;
		top: 0;
	}

	#tableFixHead tfoot {
		position: sticky;
		bottom: 0;
		font-size: 13px;
	}

#tableFixHead2 {
	overflow: auto;
	max-height: 500px;
}

	#tableFixHead2 thead {
		position: sticky;
		top: 0;
	}

	#tableFixHead2 tfoot {
		position: sticky;
		bottom: 0;
		font-size: 13px;
	}

tfoot {
	font-size: 13px;
}

.table_left tbody td[rowspan="2"], .table_left tbody td[rowspan="3"], .table_left tbody td[rowspan="4"], .table_left tbody td[rowspan="5"], .table_left tbody td[rowspan="6"], .table_left tbody td[rowspan="7"], .table_left tbody td[rowspan="8"], .table_left tbody td[rowspan="9"] {
	border-right: 0px solid #e4e4e4 !important;
}

.table_inn tbody tr td {
	border: none !important;
}

.table_inn2 tbody tr td {
	border: none !important;
	padding: 1px !important
}

.mainheader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1200px;
	height: 55px; /*background:#19234b; background: #00297a; */
	background: #400099;
	border-bottom: 0px solid #dddddd;
	box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
	z-index: 99
}

	.mainheader h1 {
		position: absolute;
		top: 0;
		left: 0;
	}

		.mainheader h1 a {
			display: block;
			width: 250px;
			height: 55px;
			color: #fff;
			text-indent: -9999px;
			background: url(../../_Images/common/logo2.png?v=20260304) no-repeat 20px 50%;
		}

	.mainheader nav {
		padding-left: 270px;
	}

		.mainheader nav > ul {
			overflow: hidden;
		}

			.mainheader nav > ul:after {
				content: "";
				display: block;
				clear: both
			}

			.mainheader nav > ul > li {
				float: left;
			}

				.mainheader nav > ul > li > a {
					display: block;
					height: 51px;
					line-height: 51px;
					padding: 2px 16px;
					text-align: center;
					text-decoration: none;
					min-width: 30px;
					font-weight: 200;
				}

					.mainheader nav > ul > li > a.current {
					}

						.mainheader nav > ul > li > a.current span {
							color: #fff;
							font-weight: 500;
							border-bottom: 3px solid #fff;
						}

					.mainheader nav > ul > li > a > span {
						display: block;
						font-size: 15px;
						color: rgba(255, 255, 255, 0.90);
						font-weight: 500;
					}

				.mainheader nav > ul > li > ul {
					position: absolute;
					top: 55px;
					left: 0;
					width: 100% !important; /*min-height:380px;*/
					padding: 20px 0 20px;
					background: #fff;
					z-index: 2;
					border-bottom: 1px solid #e4e9f0;
					box-shadow: 0 2px 10px 0 rgb(154 161 171 / 30%)
				}

					.mainheader nav > ul > li > ul > li {
						float: none;
						width: 250px;
						padding: 3px 0 3px 240px;
					}

						.mainheader nav > ul > li > ul > li > a {
							display: block;
							position: relative;
							line-height: 21px;
							padding: 4px 20px;
							z-index: 2;
							text-decoration: none;
							font-weight: 200;
						}

							.mainheader nav > ul > li > ul > li > a > span {
								color: rgba(0, 0, 0, 0.90);
								font-size: 14px;
							}

							.mainheader nav > ul > li > ul > li > a.current, .mainheader nav > ul > li > ul > li > a:hover, .mainheader nav > ul > li > ul > li > a:focus {
								background: #5d6dc3;
								border-left: 0px solid #1662dd;
								padding-left: 20px;
							}

								.mainheader nav > ul > li > ul > li > a.current span, .mainheader nav > ul > li > ul > li > a:hover span, .mainheader nav > ul > li > ul > li > a:focus span {
									color: #fff;
									font-weight: 400;
								}

	.mainheader .menu_bg {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0;
		width: 240px;
		border-right: 1px solid #e4e9f0;
		z-index: 1;
	}

		.mainheader .menu_bg.no_line {
			background: none
		}

	.mainheader nav > ul > li > ul > li > ul {
		position: absolute;
		top: 0;
		left: 490px;
		bottom: 0;
		padding: 20px 0 20px;
		width: 250px;
		border-left: 1px solid #e4e9f0;
		border-right: 1px solid #e4e9f0;
		z-index: 2;
	}

		.mainheader nav > ul > li > ul > li > ul > li {
			padding-left: 0px;
		}

			.mainheader nav > ul > li > ul > li > ul > li > a {
				display: block;
				padding: 4px 20px;
				line-height: 24px;
			}

				.mainheader nav > ul > li > ul > li > ul > li > a > span {
					overflow: hidden;
					display: block;
					color: rgba(0, 0, 0, 0.90);
					font-size: 14px;
					font-weight: 200;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				.mainheader nav > ul > li > ul > li > ul > li > a.current, .mainheader nav > ul > li > ul > li > ul > li > a:hover {
					text-decoration: none
				}

				.mainheader nav > ul > li > ul > li > ul > li > a.current {
					font-weight: 500
				}

					.mainheader nav > ul > li > ul > li > ul > li > a.current span, .mainheader nav > ul > li > ul > li > ul > li > a:hover span {
						font-weight: 400;
						color: rgba(0, 0, 0, 1);
						text-decoration: underline;
					}

			.mainheader nav > ul > li > ul > li > ul > li > ul {
				position: absolute;
				top: 0;
				left: 270px;
				padding: 20px 0 20px;
				width: 250px;
			}

				.mainheader nav > ul > li > ul > li > ul > li > ul > li {
				}

					.mainheader nav > ul > li > ul > li > ul > li > ul > li > a {
						display: block;
						line-height: 24px;
					}

						.mainheader nav > ul > li > ul > li > ul > li > ul > li > a > span {
							display: block;
							color: rgba(0, 0, 0, 0.85);
							font-weight: 200;
							font-size: 14px;
						}

						.mainheader nav > ul > li > ul > li > ul > li > ul > li > a:hover, .mainheader nav > ul > li > ul > li > ul > li > ul > li > a.current { /*background: url(../../images/bg_nav_menu_bul.gif) no-repeat 0 9px;*/
							color: rgba(0, 0, 0, 0.90)
						}

							.mainheader nav > ul > li > ul > li > ul > li > ul > li > a:hover span, .mainheader nav > ul > li > ul > li > ul > li > ul > li > a.current span {
								color: #000;
								text-decoration: underline;
							}

		.mainheader nav > ul > li > ul:after, .mainheader nav > ul > li > ul > li > ul:after {
			content: "";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
		}

	.mainheader aside {
		position: absolute;
		font-size: 13px;
		top: 15px;
		right: 20px;
		line-height: 25px;
	}

		.mainheader aside li {
			position: relative;
			display: inline-block;
			color: rgba(255, 255, 255, 0.85);
			font-weight: 200;
		}

		.mainheader aside .logout {
			display: inline-block;
			height: 100%;
			color: rgba(255, 255, 255, 0.85);
			padding-left: 20px;
			margin-left: 15px;
			background: url(../../_Images/common/icon_logout.png?v=20260304) no-repeat left 50%;
		}

		.mainheader aside .remote {
			display: inline-block;
			height: 100%;
			color: rgba(255, 255, 255, 0.85);
			padding-left: 20px;
			margin-left: 15px;
			background: url(../../_Images/common/icon_remote.png?v=20260304) no-repeat left 50%;
		}

		.mainheader aside .eRequest {
			display: inline-block;
			height: 100%;
			color: rgba(255, 255, 255, 0.85);
			padding-left: 20px;
			margin-left: 15px;
			background: url(../../_Images/common/icon_eRequest.png?v=20260304) no-repeat left 50%;
		}

		.mainheader aside .mode {
			display: inline-block;
			height: 100%;
			color: rgba(255, 255, 255, 0.85);
			padding-left: 25px;
			margin-left: 15px;
			background: url(../../_Images/common/icon_moon.png?v=20260304) no-repeat left 50%;
		}

			.mainheader aside .mode span:before {
				content: "다크 모드";
			}

#content_main {
	padding: 75px 20px 20px 280px;
	height: auto;
	transition: all 0.5s ease;
}

#content {
	padding: 75px 20px 20px 280px;
	height: auto;
	transition: all 0.5s ease;
}

#left {
	position: fixed;
	top: 55px;
	left: 0px;
	bottom: 0px;
	width: 260px;
	height: 100%;
	border: 0px solid #d5d5d5;
	margin-top: 0px;
	padding-bottom: 0px;
	border-radius: 0px;
	background: #f7faff;
	z-index: 1;
}

	#left .left_top {
		padding: 20px 20px 11px 20px;
		border-bottom: 0px solid #4f7bd5;
		border-radius: 5px 5px 0 0;
		height: 30px;
	}

		#left .left_top h1 {
			line-height: 23px;
			text-align: center;
			color: #fff;
			font-size: 20px;
			font-weight: normal
		}

	#left .left_content {
		width: 260px;
		position: absolute;
		top: 65px;
		left: 0px;
		bottom: 70px; /*margin-bottom:20px;*/
	}

	#left .leftmenu {
		position: relative;
		top: 0px;
	}

		#left .leftmenu > ul {
		}

			#left .leftmenu > ul > li { /*background:#2a3ba0;*/
			}

				#left .leftmenu > ul > li > a {
					display: block;
					padding: 10px 40px 10px 10px;
					border-bottom: 0px solid #c8c8c8;
					vertical-align: middle;
				}

				#left .leftmenu > ul > li:last-child > a {
				}

				#left .leftmenu > ul > li > a > span { /*color:#fff;*/
					font-size: 14px;
					font-weight: 500;
					margin-top: 5px;
					vertical-align: middle
				}

				#left .leftmenu > ul > li > a > i {
					display: inline-block;
					font-size: 15px;
					margin: 0 0px 0 0px;
					text-align: center;
					width: 14px;
					height: 14px;
					vertical-align: middle
				}

				#left .leftmenu > ul > li > a:hover > span, #left .leftmenu > ul > li > a:active > span, #left .leftmenu > ul > li > a:focus > span { /*color:#95c4ff*/
				}
				/* 
#left .leftmenu > ul > li > a.current { border-radius:0 !important; }
#left .leftmenu > ul > li > a.current > span { font-weight:500;color:#95c4ff; background:url(../../_Images/common/ico_left2depth_active.gif) no-repeat left 50%; }
*/
				#left .leftmenu > ul > li.no_depth > a > span, #left .leftmenu > ul > li.no_depth > a.current > span {
					background: url(../../_Images/common/ico_left2depth_none.gif) no-repeat left 50%;
				}

				#left .leftmenu > ul > li > ul {
				}

					#left .leftmenu > ul > li > ul > li {
					}

						#left .leftmenu > ul > li > ul > li > a {
							display: block;
							padding: 0 5px 0 26px;
							line-height: 34px;
							border-top: 0px solid #2a313b;
							border-bottom: 0px solid #c8c8c8; /*background:#696971 url(../../_Images/common/left_03_d.gif) no-repeat 15px 15px;*/
						}

							#left .leftmenu > ul > li > ul > li > a span {
								display: block;
								padding: 3px 5px 3px 20px;
								color: #fff;
								font-size: 14px;
								background: url(../../_Images/common/ico_left2depth.png?v=20260304) no-repeat left 8px;
								font-weight: 500;
							}

							#left .leftmenu > ul > li > ul > li > a:hover > span, #left .leftmenu > ul > li > ul > li > a:active > span, #left .leftmenu > ul > li > ul > li > a:focus > span {
								color: #fff;
								font-weight: 500;
							}
						/* 
#left .leftmenu > ul > li > ul > li > a.current span { color:#fff;}
*/
						#left .leftmenu > ul > li > ul > li > ul {
							padding: 0px;
						}

							#left .leftmenu > ul > li > ul > li > ul > li {
							}

								#left .leftmenu > ul > li > ul > li > ul > li > a {
									display: block;
									color: #00297A;
									padding: 4px 40px 4px 40px;
								}

									#left .leftmenu > ul > li > ul > li > ul > li > a > span {
										display: block;
										padding: 0px 10px 0px 10px;
										color: #00297A;
										font-size: 13px;
										font-weight: 200;
										background: url(../../_Images/common/ico_left2depth.png?v=20260304) no-repeat left 8px;
									}

									#left .leftmenu > ul > li > ul > li > ul > li > a:hover > span, #left .leftmenu > ul > li > ul > li > ul > li > a:active > span, #left .leftmenu > ul > li > ul > li > ul > li > a:focus > span {
										color: #00297A; /*font-weight: bold*/
										font-weight: 400
									}

									#left .leftmenu > ul > li > ul > li > ul > li > a.prev {
									}

									#left .leftmenu > ul > li > ul > li > ul > li > a.current {
									}

										#left .leftmenu > ul > li > ul > li > ul > li > a.current span {
											background: url(../../_Images/common/ico_left4depth_off.gif) no-repeat 30px 11px;
											text-decoration: underline;
										}

								#left .leftmenu > ul > li > ul > li > ul > li:first-child > a.current {
									border-top: 0;
								}

								#left .leftmenu > ul > li > ul > li > ul > li:last-child > a.current {
									border-bottom: 0
								}

								#left .leftmenu > ul > li > ul > li > ul > li:first-child > a.current span {
								}

								#left .leftmenu > ul > li > ul > li > ul > li:last-child > a.current span {
								}

		#left .leftmenu.depth4 > ul > li > ul > li > a {
			display: block;
			padding: 5px 40px 5px 30px;
			line-height: 20px;
			border-top: 0px solid #f0f1f2;
			border-bottom: 0px solid #c8c8c8;
		}

			#left .leftmenu.depth4 > ul > li > ul > li > a span {
				display: block;
				padding: 0 10px 0 10px;
				color: #00297A;
			}

			#left .leftmenu.depth4 > ul > li > ul > li > a:hover > span, #left .leftmenu.depth4 > ul > li > ul > li > a:active > span, #left .leftmenu.depth4 > ul > li > ul > li > a:focus > span {
				color: #00297A;
				font-weight: 500;
			}
		/* 
#left .leftmenu.depth4 > ul > li > ul > li > a.current span { color:#fff;background:url(../../_Images/common/ico_left3depth.gif) no-repeat 100% 6px; }
*/
		#left .leftmenu.depth4 > ul > li > ul > li.no_depth > a span, #left .leftmenu.depth4 > ul > li > ul > li.no_depth > a.current span {
			background: #696971;
		}

	#left .left_close {
		position: absolute;
		top: 26px;
		right: 0;
		width: 25px;
		height: 35px;
		background: url(../../_Images/common/btn_left_opener.png?v=20260304) no-repeat 0 0;
	}

		#left .left_close span {
			display: inline-block;
			text-indent: -9999px;
		}

#content_main.leftfolded {
	padding: 75px 20px 30px 35px;
}

	#content_main.leftfolded #left {
		width: 16px;
		height: 35px;
		border-bottom: 0px solid #d5d5d5;
	}

		#content_main.leftfolded #left .leftmenu, #content_main.leftfolded #left .left_top, #content_main.leftfolded #left .sidetree {
			display: none;
		}

		#content_main.leftfolded #left .left_close {
			position: absolute;
			width: 16px;
			top: 10px;
			right: auto;
			left: 0px;
			padding-top: 15px;
			background: #FFF url(../../_Images/common/btn_left_close.png?v=20260304) no-repeat 0 12px;
		}

#content.leftfolded {
	padding: 75px 20px 30px 35px;
}

	#content.leftfolded #left {
		width: 16px;
		height: 35px;
		border-bottom: 0px solid #d5d5d5;
	}

		#content.leftfolded #left .leftmenu, #content.leftfolded #left .left_top, #content.leftfolded #left .sidetree {
			display: none;
		}

		#content.leftfolded #left .left_close {
			position: absolute;
			width: 16px;
			top: 10px;
			right: auto;
			left: 0px;
			padding-top: 15px;
			background: #FFF url(../../_Images/common/btn_left_close.png?v=20260304) no-repeat 0 12px;
		}

.sidetree {
	padding: 10px 20px; /* width: 199px;*/
	height: 25px;
	margin-top: 16px;
	margin-bottom: 10px;
}

.sidetreecontrol {
	width: 100%;
	height: 100%;
}

	.sidetreecontrol a {
		border: 0px solid #8c97d8;
		font-size: 14px;
		color: #222222;
		display: inline-block;
		width: 75px;
		height: 27px;
		line-height: 27px;
		text-align: left;
		text-decoration: none;
		float: left;
		font-weight: 400;
	}

		.sidetreecontrol a:hover {
			color: #00297A;
		}

		.sidetreecontrol a:nth-child(1) {
			background: url(../../_Images/common/icon_collapse.png?v=20260304) no-repeat right 50%;
			margin-right: 20px;
		}

		.sidetreecontrol a:nth-child(2) {
			border-left: 0;
			background: url(../../_Images/common/icon_expand.png?v=20260304) no-repeat right 50%;
		}
/* main 20140812
---------------------------------------------------------*/
.clearBoth {
	clear: both;
}

#main {
	position: relative;
	background: #eaeaea;
}
/* indicatetab - a태그 이외 디자인 요청건 */
ul.indicatetab li span {
	display: block;
	padding: 0 5px;
	line-height: 32px;
	color: #4c4d4d;
	font-size: 14px;
	font-weight: 500;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	background: #ededed;
}

ul.indicatetab li.selected span {
	color: #fff;
	border-top: 1px solid #4270cc;
	border-bottom: 1px solid #4270cc;
	background: #4270cc;
}

ul.indicatetab li.selected:first-child span {
	border-left: 1px solid #4270cc
}

.numlist > li {
	border-bottom: 1px solid #eaeaea;
	position: relative;
	padding: 20px 0 15px 200px;
	overflow: hidden;
	min-height: 30px;
}

.numlist2 > li {
	padding-left: 50px !important;
	word-break: keep-all
}

.numlist > li span.num {
	position: absolute;
	left: 0;
	top: 10px;
	display: inline-block;
	padding-right: 20px;
	background: url(../../images/myc/bg_numlist.png?v=20260304) no-repeat;
	width: 39px;
	height: 39px;
	text-align: center;
	line-height: 39px;
	font-size: 14px;
	font-weight: 500;
	color: #335db5
}

.numlist > li h3 {
	position: absolute;
	left: 50px;
	top: 22px;
	font-size: 14px;
	font-weight: 500;
	color: #3a3a3a
}

.listtype > li {
	padding: 0 0 0 8px;
	background: url(../../images/myc/bul_type01.png?v=20260304) no-repeat 0 9px;
	line-height: 18px
}

	.listtype > li strong {
		color: #4270cc
	}

	.listtype > li ol {
		padding: 7px 0
	}

		.listtype > li ol li {
			padding-left: 20px;
			color: #666
		}

.listtype_table > li {
	padding-left: 10px;
}

	.listtype_table > li.link {
		color: #4270cc;
		padding-left: 0
	}

.con_txt {
	padding: 0 0 5px 8px;
	line-height: 16px;
	color: #686868;
}
/*지시문유형*/
.instruct_page ul {
	padding-left: 25px
}

	.instruct_page ul li {
		font-size: 12px;
		line-height: 16px;
		padding-bottom: 4px;
	}

		.instruct_page ul li strong {
			color: #d06c08
		}

	.instruct_page ul.listtype_02 {
		padding-left: 5px
	}

.instruct_modulecon {
	overflow: visible;
	min-height: 22px;
	height: auto !important;
	padding: 6px 0 5px 17px;
	line-height: 22px;
	text-overflow: clip;
	white-space: normal;
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #3a3a3a;
	background: #f5f5f5;
}

	.instruct_modulecon ol li {
		font-size: 12px;
		line-height: 16px;
		padding-bottom: 4px;
	}

.instructbox {
	margin: 10px 20px 10px 10px;
	background: #fffef3;
	border: 1px solid #dbd9c0;
	padding: 10px 25px;
	color: #585858;
	font-size: 12px;
}

	.instructbox ul {
		padding-left: 0
	}

.charge {
	height: 50px;
	font-size: 17px;
	font-weight: 500;
	color: #fff;
	display: block;
	position: relative;
	background: #556890;
	padding-left: 30px;
	padding-right: 30px;
}

	.charge .txt1 {
		font-size: 17px;
		font-weight: 500;
		color: #ffffff;
		vertical-align: middle;
		padding-top: 5px;
		line-height: 40px;
	}

	.charge .txt2 {
		margin-top: 10px;
	}

		.charge .txt2 a {
			color: #fff
		}

	.charge .txt3 {
		font-size: 15px;
		text-align: center;
		padding: 7px 20px;
		margin-left: 10px;
		background: #fcaf17
	}

.charge_list {
	background: #f0f0f0;
	padding: 20px;
	margin-bottom: 20px;
}

.total {
	font-size: 20px;
	color: #333;
}

.billsearch {
	width: 100%;
	float: left;
}

	.billsearch dt {
		background: #3d444d;
		padding: 10px 25px;
		color: #fff;
		font-size: 15px;
		font-weight: 500
	}

		.billsearch dt span {
			font-size: 30px;
			font-weight: 500;
			color: #fff
		}

	.billsearch dd {
		float: left;
		background: #e8e8ea;
		padding: 25px;
		width: 938px
	}

		.billsearch dd .title {
			float: left;
			font-size: 16px;
			color: #282828;
			font-weight: 500;
			line-height: 25px;
			;
			margin-bottom: 10px
		}

		.billsearch dd .date {
			float: left;
			background: #9696a6;
			color: #fff;
			font-size: 12px;
			padding: 5px 10px;
			margin-left: 10px;
			margin-top: 4px
		}

		.billsearch dd .total {
			font-size: 20px;
			color: #444;
			font-weight: 500
		}

.table_charge {
	background: #fff;
	margin-bottom: 5px;
}

	.table_charge caption {
		display: none
	}

	.table_charge th, .table_charge td {
		white-space: nowrap;
	}

	.table_charge tbody th {
		font-size: 13px;
		text-align: center;
		color: #444444;
		font-weight: 500;
		background: #fafafa;
		border: 1px solid #dddddd;
		line-height: 20px
	}

	.table_charge td {
		padding: 15px 0px;
		text-align: center;
		color: #444444;
		font-size: 14px;
		border: 1px solid #dddddd;
		line-height: 20px;
		font-weight: 400
	}

	.table_charge tbody .left {
		text-align: left;
		padding-left: 20px;
		font-size: 13px;
	}

	.table_charge tbody .blue {
		color: #39f;
	}

.table_group {
	position: relative;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
}

.table {
	width: 100%;
	border-top: 1px solid #61666f;
	border-bottom: 1px solid #e4e4e4;
	max-width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

	.table tbody, .table tfoot {
		text-align: center;
	}

	.table thead tr th {
		padding: 6px 10px;
		border: 1px solid #e4e4e4;
		background: #f9fafb;
		font-size: 13px;
		text-align: center;
	}

	.table thead tr:first-child th {
		border-top-width: 0;
	}

	.table thead tr th:first-child {
		border-left: 0;
	}

	.table thead tr th:last-child {
		border-right: 0;
	}

	.table tbody tr th, .table tfoot tr th {
		padding: 6px 10px;
		border: 1px solid #dee2e6;
		background: #f3f7f9;
		font-size: 13px;
		text-align: center;
	}

	.table tbody tr td {
		padding: 6px 10px;
		font-size: 13px;
		font-weight: 200;
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.table tbody tr + tr td {
		border-top: 1px solid #f0f0f0;
	}

	.table tbody td + td {
		border-left: 1px solid #f0f0f0;
	}

	.table tbody tr td:first-child {
		border-left: 0;
	}

	.table tbody tr td:last-child {
		border-right: 0;
	}

.table-danger {
	background: #fde2e2;
}

	.table-danger td {
		border: 1px solid #e4cbcb !important;
	}

		.table-danger td:first-child {
			border-left: 0 !important;
		}

		.table-danger td:last-child {
			border-right: 0 !important;
		}

.table-warning {
	background: #fef3dd;
}

	.table-warning td {
		border: 1px solid #e5dbc7 !important;
	}

		.table-warning td:first-child {
			border-left: 0 !important;
		}

		.table-warning td:last-child {
			border-right: 0 !important;
		}

.table-info {
	background: #ddf4fb;
}

	.table-info td {
		border: 1px solid #c7dce2 !important;
	}

		.table-info td:first-child {
			border-left: 0 !important;
		}

		.table-info td:last-child {
			border-right: 0 !important;
		}

.table-success {
	background: #e0efe2;
}

	.table-success td {
		border: 1px solid #cad7cb !important;
	}

		.table-success td:first-child {
			border-left: 0 !important;
		}

		.table-success td:last-child {
			border-right: 0 !important;
		}

.table-light {
	background: #f8f9fa;
}

	.table-light td {
		border: 1px solid #e1e1e1 !important;
	}

		.table-light td:first-child {
			border-left: 0 !important;
		}

		.table-light td:last-child {
			border-right: 0 !important;
		}

.table tbody tr td a, .table tfoot tr td a {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.table tbody tr:first-child th, .table tbody tr:first-child td, .table tfoot tr:first-child th, .table tfoot tr:first-child td {
	border-top-color: #dee2e6;
}

.table tbody ul, .table tbody ol {
	padding-left: 0;
	text-align: left;
}

.table a:link, .table a:visited {
	color: #1662dd;
	text-decoration: none;
}

.table a:hover, .table a:active {
	text-decoration: underline;
	color: #1662dd;
}

.table .link a {
	color: #0072bc
}

.table > tbody > tr:nth-child(2n) > td, .table > tbody > tr:nth-child(2n) > th { /*background:#f9f9f9;*/
}

.table > tbody > tr:hover > td {
	background: #f7faff !important;
}

.table tfoot tr td {
	padding: 6px 10px;
	border: 1px solid #e4e4e4;
	color: #000;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	background: #fafafa;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

	.table tfoot tr td .txt {
		font-size: 18px;
		font-weight: 500;
		color: #000000;
	}

	.table tfoot tr td:first-child {
		border-left: 0;
	}

	.table tfoot tr td:last-child {
		border-right: 0;
	}

.table .btn-del i {
	font-size: 16px;
	color: #999;
}

.tableView {
	width: 100%;
	border-top: 1px solid #61666f;
	border-bottom: 1px solid #e4e4e4;
}

	.tableView caption {
		display: none
	}

	.tableView thead th {
		white-space: normal;
	}

	.tableView thead th {
		padding: 11px 15px;
		font-size: 14px;
		font-weight: 400;
		border-top: none;
		border-bottom: 1px solid #e4e4e4;
		text-align: left;
		background: #f9fafb
	}

	.tableView tbody th {
		padding: 11px 15px;
		font-size: 13px;
		font-weight: 400
	}

	.tableView tbody th, .tableView tbody td {
		border-top: 1px solid #e4e4e4;
		line-height: 20px;
		padding: 11px 15px;
		text-align: left;
		font-size: 13px;
		background: #ffffff
	}

	.tableView tbody td {
		font-weight: 200;
	}

		.tableView tbody td a {
			font-size: 13px;
		}

		.tableView tbody td.file a {
			font-size: 13px;
			color: #1662dd
		}

		.tableView tbody td.content p {
			padding: 0;
			font-size: 13px;
			line-height: 24px
		}

		.tableView tbody td.content img {
			max-width: 100%;
		}

.tableView_next {
	width: 100%;
}

	.tableView_next caption {
		display: none
	}

	.tableView_next th, .tableList td {
		white-space: nowrap;
	}

	.tableView_next thead th {
		padding: 11px 15px;
		font-size: 15px;
		font-weight: 400;
		border-top: 1px solid #e4e4e4;
		border-bottom: 1px solid #e4e4e4;
		text-align: left;
		background: #fafafa
	}

	.tableView_next tbody th {
		padding: 11px 15px;
		font-size: 13px;
		font-weight: 400
	}

	.tableView_next tbody th, .tableView_next tbody td {
		border-bottom: 1px solid #e4e4e4;
		line-height: 20px;
		padding: 11px 15px;
		text-align: left;
		font-size: 13px;
		background: #ffffff
	}

		.tableView_next tbody td a {
			font-size: 13px;
			color: #4e5155;
			font-weight: 400
		}

		.tableView_next tbody td.file a {
			font-size: 13px;
			color: #1662dd
		}

		.tableView_next tbody td.content p {
			padding: 15px 0;
			text-align: left;
			font-size: 13px;
			line-height: 24px
		}

.tableView_type1 {
	width: 100%;
	clear: both;
	text-align: center;
	border-top: 1px solid #61666f;
	border-bottom: 1px solid #e4e4e4;
}

	.tableView_type1 th {
		padding: 11px 15px;
		border-left: 1px solid #e4e4e4;
		border-right: 1px solid #e4e4e4;
		border-bottom: 1px solid #e4e4e4;
		word-wrap: break-word;
		font-size: 13px
	}

	.tableView_type1 td {
		padding: 11px 15px;
		border-left: 1px solid #e4e4e4;
		border-right: 1px solid #e4e4e4;
		border-bottom: 1px solid #e4e4e4;
		word-wrap: break-word;
		font-size: 13px;
		font-weight: 200;
	}

	.tableView_type1 th {
		background: #f9fafb;
	}

	.tableView_type1 td {
		background: #fff;
	}

	.tableView_type1 thead th {
		font-size: 13px;
		background: #fff;
		color: #333;
		border-bottom: 1px solid #61666f;
		text-align: center;
	}

	.tableView_type1 tbody th {
		text-align: center;
	}

	.tableView_type1 th:first-child, .tableView_type1 td:first-child {
		border-left: 0
	}

	.tableView_type1 th:last-child, .tableView_type1 td:last-child {
		border-right: 0
	}

	.tableView_type1 .left, .tableView_type1 .l {
		text-align: left;
		padding-left: 15px
	}

.file_input_div {
	position: relative;
	width: 80px;
	height: 28px;
	overflow: hidden
}

.tableWrite {
	margin-bottom: 10px;
	border-top: 1px solid #61666f;
	border-bottom: 1px solid #61666f;
}

	.tableWrite thead tr th, .tableWrite tbody tr th {
		padding: 6px 10px;
		line-height: 22px;
		font-weight: normal;
		font-size: 13px;
		white-space: nowrap;
	}

	.tableWrite tbody tr th {
		text-align: right;
		font-weight: 400;
		border: 1px solid #e4e4e4;
		border-top: 0px;
		background: #f9fafb;
		height: 32px;
	}

	.tableWrite tbody tr td {
		padding: 6px 10px;
		line-height: 22px;
		font-size: 13px;
		font-weight: 200;
		background: #ffffff;
		height: 32px;
	}

	.tableWrite thead tr th:first-child, .tableWrite tbody tr th:first-child {
	}

	.tableWrite tbody tr th.th_depth {
		border-left: 1px solid #ddd;
		background: #f8f8f8;
	}

	.tableWrite tbody .left {
		text-align: left;
		padding-left: 20px;
		font-size: 13px;
	}

	.tableWrite .txt {
		display: block;
		margin-bottom: 5px;
	}

	.tableWrite tr th.th_depth {
		background: #f8f8f8;
	}

	.tableWrite table th strong {
		color: #ff3636;
		padding: 0 3px;
	}

		.tableWrite table th strong label, .tableWrite table th strong span {
			color: #4d4c4c;
			font-weight: normal;
		}

	.tableWrite tbody tr td.list_file p {
		margin-top: 5px;
		line-height: 24px;
	}

		.tableWrite tbody tr td.list_file p:first-child {
			margin-top: 0;
		}

	.tableWrite tbody tr th:first-child {
		border-left: 0;
	}

	.tableWrite tbody tr + tr th {
		border-top: 1px solid #e4e4e4;
		border-bottom: 0px solid #e4e4e4;
	}

	.tableWrite tbody th + th {
		border-left: 1px solid #e4e4e4;
	}

	.tableWrite tbody tr + tr td {
		border-top: 1px solid #f0f0f0;
	}

	.tableWrite tbody td + td {
		border-left: 1px solid #f0f0f0;
	}

.checkright {
	float: right;
	text-align: right;
	width: 200px;
	padding-top: 40px
}

.text_red {
	font-size: 13px;
	color: #e10000
}

.file_input_hidden {
	font-size: 29px;
	position: absolute;
	right: 0px;
	top: 0px;
	opacity: 0;
	cursor: pointer;
	opacity: 0
}

.tableFile {
	width: 100%;
	border: 1px solid #d9d9d9;
}

	.tableFile caption {
		display: none
	}

	.tableFile th, .tableFile td {
		white-space: nowrap;
	}

	.tableFile tbody th {
		padding: 2px 15px;
		font-size: 13px;
		color: #444444;
		font-weight: normal;
		background: #f9f9f9;
		border-top: 1px solid #d9d9d9;
		text-align: center
	}

	.tableFile tbody td {
		padding: 2px 15px;
		text-align: center;
		color: #444444;
		font-size: 13px;
		border-top: 0px solid #d9d9d9;
		background: #ffffff
	}

		.tableFile tbody td a {
			font-size: 13px;
			color: #000
		}
/*리스트유형*/
ul.listtype_01 {
	padding-top: 10px
}

	ul.listtype_01 li {
		padding-left: 5px;
		line-height: 20px;
		padding-bottom: 3px;
	}

		ul.listtype_01 li ul {
			padding: 5px 0 0 5px
		}

		ul.listtype_01 li .red {
			color: #f00 !important
		}

.box_guide {
	border: 1px solid #e5e5e5;
	padding: 10px 20px 20px 20px;
	line-height: 22px;
	margin-top: 10px;
	height: 65px;
	overflow-y: scroll;
	background: #fff
}

	.box_guide li {
		padding-bottom: 5px;
	}

.box_graybg {
	padding: 15px 0;
	background: #f0f0f0;
	text-align: center;
	font-size: 13px;
	color: #444;
	font-weight: 500;
	margin-top: 15px
}

.cms_text1 {
	text-align: center;
	padding: 20px 0px;
	font-size: 15px;
	font-weight: 500;
}

.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: '.';
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.bbs_category_list {
	margin-top: 20px;
	margin-bottom: 10px;
	border: 3px solid #e9e9e9;
	background: #ffffff;
	position: relative
}

	.bbs_category_list ul {
		padding: 12px 10px;
		text-align: left;
	}

		.bbs_category_list ul li {
			display: inline;
			float: left;
			margin: 3px 3%;
			padding-left: 8px;
			background: url(../../_Images/common/sub_menu_dot.gif) no-repeat 0 10px;
			white-space: nowrap;
			font-weight: 500;
		}

.title_cnt {
	font-weight: 400;
}

.hide_cnt {
	display: none;
	padding-top: 10px;
	color: #666;
}

#left_wrap {
	float: left;
	width: 200px;
}

	#left_wrap .lnbbox_wrap {
		padding: 0px 0px 30px 0;
	}

		#left_wrap .lnbbox_wrap h2 {
			height: 60px;
			font-size: 25px;
			font-weight: 500;
			color: #242424;
			letter-spacing: -1px;
			margin-bottom: 30px;
		}

		#left_wrap .lnbbox_wrap .s_menu {
			background: #ffffff;
			border-top: 2px solid #636770;
			border-bottom: 1px solid #636770
		}

			#left_wrap .lnbbox_wrap .s_menu .lnb {
				display: inline-block;
				width: 170px;
				background: #ffffff;
				padding: 9px 15px;
				font-size: 15px;
				font-weight: 500;
				color: #444;
				border-bottom: 1px solid #e9e9e9;
			}

				#left_wrap .lnbbox_wrap .s_menu .lnb:hover {
					background: #4068b4;
					color: #FFF;
					text-decoration: none;
				}

			#left_wrap .lnbbox_wrap .s_menu .lnb_on {
				display: inline-block;
				width: 170px;
				background: #4068b4;
				padding: 9px 15px;
				font-size: 15px;
				font-weight: 500;
				color: #FFF;
				border-bottom: 1px solid #e9e9e9;
			}

				#left_wrap .lnbbox_wrap .s_menu .lnb_on:hover {
					text-decoration: none;
				}

		#left_wrap .lnbbox_wrap .s_smenu {
			padding: 12px 15px 15px 15px;
			border-bottom: 1px solid #e9e9e9;
			display: none;
		}

			#left_wrap .lnbbox_wrap .s_smenu li {
				height: 25px;
				line-height: 25px;
				overflow: hidden;
			}

			#left_wrap .lnbbox_wrap .s_smenu .on a {
				color: #4068b4;
				font-weight: bold
			}

			#left_wrap .lnbbox_wrap .s_smenu .on:hover {
				color: #4068b4;
				text-decoration: underline;
			}

.video {
	margin-left: 220px;
	width: 800px;
}

.r_search {
	width: 30%;
	position: absolute;
	top: 0px;
	right: 20px;
}

.r_search_form {
	border: 1px solid #cccccc;
	margin: 8px;
	position: relative;
}

.r_search button {
	background: #4787ed url(../../_Images/common/search_white.png?v=20260304) center center no-repeat;
	border: 0;
	height: 30px;
	right: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 60px !important;
}

.r_search_box {
	background-color: transparent;
	border: 0 !important;
	display: block;
	height: 30px !important;
	padding: 0;
	width: 100%
}

	.r_search_box:focus {
		outline: 0
	}
/*20180809*/
.tableChart01 {
	width: 100%;
	border: 1px solid #d9d9d9;
}

	.tableChart01 caption {
		display: none
	}

	.tableChart01 th, .tableChart01 td {
		white-space: nowrap;
	}

	.tableChart01 thead th {
		padding: 7px 20px;
		font-size: 13px;
		color: #ffffff;
		font-weight: 500;
		background: #4270cc;
		border: 1px solid #2f5ebd;
		text-align: center
	}

	.tableChart01 tbody th {
		padding: 8px 20px;
		font-size: 13px;
		font-weight: normal;
		background: #f8f8f8;
		border: 1px solid #dddedf;
		text-align: center
	}

	.tableChart01 tbody td {
		padding: 8px 20px;
		text-align: center;
		font-weight: 500;
		font-size: 13px;
		border: 1px solid #dddedf;
		background: #ffffff
	}

		.tableChart01 tbody td a {
			font-size: 13px;
			color: #000
		}

.tableChart02 {
	border-collapse: collapse;
	border-spacing: 0px;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 10px;
}

	.tableChart02 caption {
		display: none
	}

	.tableChart02 th, .tableChart02 td {
		white-space: nowrap;
	}

	.tableChart02 th {
		padding: 5px 5px;
		font-size: 13px;
		color: #ffffff;
		font-weight: normal;
		background: #717586;
		border: 1px solid #535760;
		text-align: center
	}

	.tableChart02 td {
		padding: 7px 5px;
		text-align: center;
		font-weight: 500;
		font-size: 13px;
		border-left: 1px solid #dddedf;
		border-right: 1px solid #dddedf;
		border-bottom: 1px solid #dddedf;
		word-wrap: break-word;
		background: #ffffff
	}

		.tableChart02 td a {
			font-size: 13px;
			color: #000
		}

		.tableChart02 th:first-child, .tableChart02 td:first-child {
			border-left: 0
		}

		.tableChart02 th:last-child, .tableChart02 td:last-child {
			border-right: 0
		}

	.tableChart02 .bg_color01 {
		background: #4270cc !important;
		border: 1px solid #2f5ebd !important;
	}

	.tableChart02 .bg_color02 {
		background: #f8f8f8 !important;
	}
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 99; /* Sit on top */ /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
/* .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 500px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s }*/
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 0px solid #888;
	width: 530px;
	animation-name: animatetop;
	animation-duration: 0.4s
}

.modal-content700 {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 0px solid #888;
	width: 700px;
	animation-name: animatetop;
	animation-duration: 0.4s
}
/*
.main-modal-content { position: relative; background:#fff; border:1px solid #545857; width: 470px; background-clip: padding-box; outline: none; }
.line-box {}
.line-box h2 {position:relative; padding:10px 20px; margin-bottom:20px; text-align:left; color:#ffffff; font-size:15px; font-weight: normal; border-top:0px #ff2024 solid; border-bottom:0px #e6e7ea solid; background:url(../../_Images/main/bg_popup.png?v=20260304) repeat-x 50% bottom;}
.line-box h2 a {position:absolute; top:7px; right:20px; color: #ffffff; }
.main-notice {padding:0 20px; overflow:auto;}
.notice-content { width:100%; height: 440px;}
.line-box .bottom {display:block; width:100%; overflow:hidden; height:34px; line-height:34px; text-align:left; font-size :12px;  font-weight:500; background:#ffffff;}*/

.main-modal-content {
	position: relative;
	background: #fff;
	border: 1px solid #545857;
	width: 470px;
	background-clip: padding-box;
	outline: none;
}

.line-box h2 {
	position: relative;
	padding: 10px 40px 10px 20px;
	margin-bottom: 20px;
	text-align: left;
	color: #f7531f;
	font-size: 15px;
	font-weight: 500;
	border-top: 0px #ff2024 solid;
	border-bottom: 1px #e6e7ea solid;
	background: #ffffff;
}

	.line-box h2 a {
		position: absolute;
		right: 20px;
	}

	.line-box h2 span {
		overflow: hidden;
		max-width: 100%;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		vertical-align: middle;
	}

.main-notice {
	padding: 0 20px;
	overflow: auto;
}

.notice-content {
	width: 100%;
	height: 440px;
}

.line-box .bottom {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 34px;
	line-height: 34px;
	text-align: left;
	font-size: 12px;
	font-weight: 500;
	color: #d5d5d5;
	background: #454545;
}

/* Add Animation */
@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}

	to {
		top: 0;
		opacity: 1
	}
}
/* The Close Button */
.close {
	color: #fff;
	float: right;
	font-size: 18px;
	padding-top: 5px;
	font-weight: 400;
}

	.close:hover, .close:focus {
		color: #fff;
		text-decoration: none;
		cursor: pointer;
	}

.modal-header {
	padding: 5px 16px;
	background-color: #434a8d;
	color: #fff;
}

	.modal-header h2 {
		color: #fff;
		line-height: 30px;
		padding: 0px;
		font-weight: 400;
	}

.modal-body {
	padding: 15px 10px;
}

.modal-footer {
	padding: 2px 16px;
	background-color: #434a8d;
	color: #fff;
}
/* 로그인 */
#login-bg-image {
	background: #fff url(../../_Images/login/img_login.jpg) no-repeat 50% 50%;
	background-size: cover;
}

#wrapping {
	width: 100%;
	height: 520px;
	position: absolute;
	left: 50%;
	margin-left: -50%;
	margin-top: -260px;
	vertical-align: middle;
	top: 50%;
}

	#wrapping .Login {
		position: relative;
		width: 360px;
		height: 420px;
		margin: 0 auto;
		background: #fff;
		display: block;
		color: #333333;
		font-weight: 200;
		padding: 50px 40px;
		border-radius: 20px;
		box-shadow: 0 5px 5px 5px rgb(76 76 76 / 5%);
	}
		/* 로고 */
		#wrapping .Login h1 {
			font-size: 22px;
			font-weight: 400;
			text-align: center;
			margin-top: 10px;
			margin-bottom: 30px;
		}

			#wrapping .Login h1 img {
				vertical-align: middle;
				padding-right: 10px;
				padding-bottom: 3px;
			}

		#wrapping .Login .login_box {
			position: relative;
		}
			/* 로그인 상자 안의 로그인 폼 부분 */
			#wrapping .Login .login_box dl {
				width: 100%;
			}

			#wrapping .Login .login_box dt {
				padding: 5px 0 5px 0px;
				font-size: 14px;
				color: #121212;
				font-weight: 500;
			}

			#wrapping .Login .login_box dd {
				width: 100%;
				padding: 2px 0 20px 0;
			}

			#wrapping .Login .login_box input[type='text'], #wrapping .Login .login_box input[type='password'] {
				width: 100%;
				height: 40px;
				line-height: 38px;
				border: 1px solid #ccc;
				font-size: 14px;
				color: #424645;
				padding: 0 8px 0 8px;
			}

			#wrapping .Login .login_box input::placeholder {
				color: #424645;
			}
			/*#wrapping .Login .login_box .id { background: url(_Image/Login/login_icon_id.png?v=20260304) no-repeat right 50%; }
#wrapping .Login .login_box .pw { background: url(_Image/Login/login_icon_pw.png?v=20260304) no-repeat right 50%; }*/
			#wrapping .Login .login_box p {
			}

			#wrapping .Login .login_box .checkbox {
				font-size: 13px;
				color: #424645;
				font-weight: 200
			}

				#wrapping .Login .login_box .checkbox input + label {
					display: inline-block;
				}

					#wrapping .Login .login_box .checkbox input + label > span {
						display: inline-block;
					}

		#wrapping .Login .btn_login {
			display: block;
			width: 100%;
			margin-top: 10px;
			margin-bottom: 10px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			padding: 0;
			background: #00297a;
			border: solid 0px #004899;
			border-radius: 0.15rem;
			color: #fff;
			font-size: 15px;
			font-weight: 400;
			cursor: pointer;
			text-decoration: none;
		}

	#wrapping .copyright {
		width: 100%;
		text-align: center;
		margin-top: 40px;
		font-size: 13px;
		color: #424645;
		font-weight: 200
	}
/* The checkbox */
.checkbox {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 30px;
	cursor: pointer;
	font-size: 13px;
	user-select: none;
}
	/* Hide the browser's default checkbox */
	.checkbox input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}
/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: #fff;
	border: 2px solid #d0d0d0;
	border-radius: 5px;
}
/* On mouse-over, add a grey background color */
.checkbox:hover input ~ .checkmark {
	background-color: #fff;
}
/* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark {
	background-color: #fff;
	border: 2px solid #12263f;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after {
	display: block;
}
/* Style the checkmark/indicator */
.checkbox .checkmark:after {
	left: 6px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: solid #12263f;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.myview {
	float: right
}

	.myview a {
		color: #5963ff
	}

.collapsable {
	width: 100%;
	padding: 0;
	list-style: none;
}

	.collapsable a.folder {
		padding: 13px 0 12px 40px;
		font-size: 14px;
		font-weight: normal;
		cursor: pointer;
		display: inline-block;
		background: url(../../_Images/common/icon_arrowD.png?v=20260304) no-repeat 230px 50%;
		color: #00297A;
	}

		.collapsable a.folder:hover {
			background: url(../../_Images/common/icon_arrowD.png?v=20260304) no-repeat 230px 50%;
			color: #00297A;
		}

	.collapsable.on a.folder {
		background: url(../../_Images/common/icon_arrowR.png?v=20260304) no-repeat 232px 50%;
		color: #00297A;
	}

	.collapsable ul { /*display: none;*/
		padding: 3px 0px;
		background: #f7faff
	}

		.collapsable ul li {
			width: 100%;
			background: #f7faff;
		}

			.collapsable ul li a.file {
				display: block;
				color: #eeeeee;
				padding: 4px 40px 4px 50px; /*background: url(../../_Images/common/ico_left2depth.png?v=20260304) no-repeat left 50%;*/
				cursor: pointer;
				font-size: 13px;
				font-weight: normal;
			}

				.collapsable ul li a.file span {
					display: block;
					padding: 0px 10px 0px 10px;
					color: #00297A;
					font-size: 13px;
					font-weight: 200;
				}

			.collapsable ul li.on a.file {
				color: #eeeeee; /*background:#2a3ba0 url(../../_Images/common/bul_left3depth.gif) no-repeat 45px 15px;*/
			}

			.collapsable ul li a.file:hover {
				color: #ffffff; /*background:#2a3ba0 url(../../_Images/common/bul_left3depth.gif) no-repeat 45px 15px;*/
			}

.error-box {
	padding: 80px 0;
	text-align: center;
}

.sec-box {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-right: 24px;
}

i[class*="icon-"] {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}

.icon-error-404 {
	background: url(../../_Images/common/sprite.png?v=20260304) no-repeat 50% 50%;
	width: 69px;
	height: 69px;
}

.error-box {
	padding: 80px 0;
	text-align: center;
}

.error-text-box .error-tit {
	margin-top: 15px;
	font-size: 26px;
	font-weight: 700;
}

.error-text-box .error-txt {
	margin-top: 20px;
	line-height: 24px;
	font-size: 16px;
	font-weight: 200;
}

	.error-text-box .error-txt span {
		display: block;
		font-weight: 500;
	}

.error-box .btn-go-to-main {
	margin-top: 30px;
}

.btn_error {
	display: inline-block;
	min-width: 96px;
	height: 20px;
	padding: 13px 20px;
	border: 1px solid #5d6dc3;
	background-color: #5d6dc3;
	font-size: 0;
	text-align: center;
	color: #fff;
}

	.btn_error span {
		display: inline-block;
		line-height: 1;
		font-size: 14px;
		font-weight: 700;
	}

.maintabarea {
	position: relative;
}

.img_loading1 {
	position: fixed;
	top: 470px;
	left: 50%;
	width: 100px;
	height: 100px;
	background: url(../../_Images/common/img_loading1.gif) no-repeat 50% 50%;
	margin: -50px 0 0 -50px;
	color: #fff;
	z-index: 999;
}

.img_loading2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	background: url(../../_Images/common/img_loading2.gif) no-repeat 50% 50%;
	margin: -50px 0 0 -50px;
	color: #fff;
	z-index: 999;
}

@media (max-width:1300px) {
	.mainheader nav {
		padding-left: 230px;
	}

	.mainheader aside li:nth-child(1) {
		display: none
	}
}

@media (max-width: 1300px) {
	.state_cont .grayBox1, .state_cont .grayBox2, .state_cont .grayBox3 {
		background-size: 85% !important;
	}

	.org-members .title_name {
		font-size: 13px !important;
	}

	.org-members .name {
		font-size: 18px !important;
	}

	.noticeList > li .tit {
		font-size: 12px !important;
	}

	.noticeList > li .day {
		font-size: 13px !important;
		top: 0px !important;
	}

	.state_cont dl dt {
		height: 90px !important;
	}

	.state_cont dl dd p .tt {
		font-size: 13px !important;
	}

	.state_cont dl dd p .cont {
		font-size: 20px !important;
	}

	.intro-items a {
		font-size: 13px !important;
		word-break: keep-all;
		line-height: 1.2;
	}

		.intro-items a:before {
			width: 42px !important;
			height: 42px !important;
			background-size: 60% !important;
		}
}

.login-wrapper {
	position: relative;
	height: 100%;
	background-color: #edf0ff;
	min-height: 800px;
}

	.login-wrapper > * {
		height: 100% !important;
	}

	.login-wrapper .bg-pic {
		position: absolute;
		width: 60%;
		overflow: hidden;
	}

		.login-wrapper .bg-pic h1 {
			position: absolute;
			top: 30px;
			left: 40px;
		}

		.login-wrapper .bg-pic .text {
			width: 100%;
			height: 700px;
			position: absolute;
			left: 50%;
			margin-left: -50%;
			margin-top: -350px;
			vertical-align: middle;
			top: 50%;
			text-align: center;
		}

			.login-wrapper .bg-pic .text .title {
				font-size: 40px;
				font-weight: 700;
				margin-top: 30px;
				margin-bottom: 10px;
				line-height: 40px;
			}

			.login-wrapper .bg-pic .text .title_s {
				font-size: 17px;
				font-weight: 400;
				margin-bottom: 30px;
				line-height: 24px;
			}

	.login-wrapper .login-container {
		width: 40%;
		display: block;
		position: relative;
		float: right;
		background: #fff
	}

		.login-wrapper .login-container .loginbox {
			width: 400px;
			height: 700px;
			position: absolute;
			left: 50%;
			margin-left: -200px;
			margin-top: -350px;
			vertical-align: middle;
			top: 50%;
		}

	.login-wrapper .bg-caption {
		width: 500px;
	}

	.login-wrapper .login-container .text_login {
		padding: 50px 0px;
		font-size: 25px;
		font-weight: 700;
	}

.login_box {
	width: 100%;
	position: relative;
}
	/* 로그인 상자 안의 로그인 폼 부분 */
	.login_box dl {
		width: 100%;
		margin: 0px;
	}

	.login_box dt {
		width: 70px;
		padding: 5px 0 5px 0px;
		font-size: 14px;
		font-weight: 400;
	}

	.login_box dd {
		padding: 2px 0 20px 0;
		margin: 0px;
	}

	.login_box input[type='text'], .login_box input[type='password'] {
		width: 100%;
		border: 1px solid #d5d5d5;
		border-radius: 4px;
		font-size: 14px;
		color: #202020;
		padding: 21px 15px;
		box-sizing: border-box;
	}

	.login_box input::placeholder {
		color: #202020;
	}

	.login_box input::-webkit-input-placeholder {
		color: #202020;
	}

	.login_box input:-ms-input-placeholder {
		color: #202020;
	}

	.login_box p {
		height: 50px;
	}

		.login_box p a {
			color: #fff;
		}

	.login_box .checkbox {
		font-size: 13px;
		color: #202020
	}

		.login_box .checkbox input + label {
			display: inline-block;
		}

			.login_box .checkbox input + label > span {
				display: inline-block;
			}

.btn_login {
	display: block;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0;
	background: #5963ff;
	border: solid 0px #004899;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	text-decoration: none;
}

.login_copyright {
	width: 100%;
	text-align: center;
	padding: 30px 0px;
	font-size: 12px;
	color: #333333
}

/* Responsive handlers : Login
------------------------------------
*/
@media (max-width: 768px) {
	.login-wrapper .login-container {
		width: 100%;
	}
}

@media only screen and (max-width: 321px) {
	.login-wrapper .login-container {
		width: 100%;
	}
}

.main_icon {
	width: 100%;
	float: left;
}

	.main_icon li {
		float: left; /*width: 20%;*/
		position: relative;
		width: 17%;
		text-align: center;
		padding: 2rem 1rem;
	}

		.main_icon li a {
			position: relative;
			display: inline-block;
			z-index: 0;
		}

			.main_icon li a::before {
				content: '';
				width: 0;
				height: 0;
				background-color: #4059ab;
				border-radius: 50%;
				position: absolute;
				z-index: -1;
				-webkit-transition: all .3s;
				transition: all .3s;
				opacity: 0.7;
				-webkit-opacity: 0.7;
			}

			.main_icon li a img {
				-webkit-transition: all .3s;
				transition: all .3s;
			}

		.main_icon li span {
			display: block;
			font-size: 14px;
			padding-top: 1rem;
			color: #222222;
			font-weight: 500;
			word-break: keep-all;
		}

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

	.main_icon li:after {
		position: absolute;
		content: "";
		display: block;
		width: 1px;
		height: 50px;
		background: #eeeeee;
		top: 32px;
		right: 0;
	}

	.main_icon li:last-child:after {
		display: none;
	}

.main_top_mk {
	width: 50%;
	float: left;
	position: relative;
}

	.main_top_mk, .main_top_mk header {
		position: relative;
	}

.main_myinfo {
	box-sizing: border-box
}

.main_myinfo {
	width: 25%;
	float: left;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}

	.main_myinfo .profile {
		position: relative;
		background: #ffffff;
		border-radius: 10px;
		height: 170px;
		border: 1px solid #d5d5d5;
		margin-bottom: 0;
		box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%);
	}

	.main_myinfo .menu {
		position: relative;
		background: #ffffff;
		border-radius: 10px;
		height: 200px;
		border: 1px solid #e5e5e5;
		margin-bottom: 0;
		box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%);
	}

.main_cont {
	box-sizing: border-box
}

.main_cont {
	width: 75%;
	float: left;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}

	.main_cont .state_cont {
		background: #ffffff;
		border-radius: 10px;
		height: 170px;
		border: 1px solid #d5d5d5;
		margin-bottom: 0;
		box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%);
		text-align: center;
		line-height: 150px;
	}

.state_cont {
	box-sizing: border-box
}

	.state_cont dl {
		width: 33%;
		font-size: 0;
		display: inline-block;
		padding: 10px 0px;
		line-height: 1;
	}

		.state_cont dl dt {
			display: inline-block;
			vertical-align: middle;
			width: 100px;
			height: 100px;
			border-radius: 100%;
			overflow: hidden;
		}

		.state_cont dl dd {
			display: inline-block;
			vertical-align: middle;
			padding-left: 10px;
		}

			.state_cont dl dd p {
				position: relative;
				width: 200px;
				;
				display: block;
				text-align: left;
				margin-top: 2px;
				margin-bottom: 4px;
			}

				.state_cont dl dd p .tt {
					display: inline-block;
					max-width: calc(100% - 50%);
					font-size: 15px;
					font-weight: 400;
					padding-left: 10px;
					padding-top: 7px;
				}

				.state_cont dl dd p .cont {
					position: absolute;
					right: 0;
					top: 2px;
					width: 50%;
					font-size: 24px;
					font-weight: 700;
					text-align: right;
					padding-right: 20px;
				}

	.state_cont .grayBox1 {
		background: url(../../_Images/main/intro0_1.png?v=20260304) no-repeat 50% 50%;
	}

	.state_cont .grayBox2 {
		background: url(../../_Images/main/intro0_2.png?v=20260304) no-repeat 50% 50%;
	}

	.state_cont .grayBox3 {
		background: url(../../_Images/main/intro0_3.png?v=20260304) no-repeat 50% 50%;
	}

.main_user {
	box-sizing: border-box
}

.main_user {
	width: 33.2%;
	float: left;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}

	.main_user .total {
		width: 100%;
		float: left;
		position: relative;
		background: #5963ff;
		border-radius: 10px;
		height: 200px;
		border: 1px solid #5963ff;
		margin-bottom: 0;
		box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%);
	}

.org-members {
	padding: 15px 30px 0 30px;
}

	.org-members dl {
		width: 100%;
		height: 72px;
		margin-top: 10px;
		margin-right: 12px;
		position: relative;
	}

	.org-members .picture {
		position: absolute;
		top: 0;
		left: 0;
		width: 70px;
		height: 70px;
		border: 0px solid #d2d2d2;
		border-radius: 50%
	}

		.org-members .picture .lazy_img {
			width: 60px;
			height: 60px;
			display: inline-block;
			border-radius: 50%;
		}

	.org-members .title_name, .org-members .name {
		margin-left: 80px;
		width: 136px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.org-members .title_name {
		font-size: 14px;
		font-weight: 400;
		padding-top: 5px;
	}

	.org-members .name {
		font-size: 22px;
		padding-top: 5px;
		padding-bottom: 3px;
		font-weight: 700;
	}

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

.noticeList {
	margin-top: 5px;
}

	.noticeList > li {
		position: relative;
		width: 100%;
		margin-bottom: 0px;
	}

		.noticeList > li:last-of-type {
			margin-bottom: 0px;
		}

		.noticeList > li .tit {
			display: inline-block;
			max-width: calc(100% - 30%);
			font-size: 14px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			font-weight: 400;
		}

		.noticeList > li .day {
			position: absolute;
			right: 0;
			top: 0px;
			width: 70%;
			font-size: 15px;
			font-weight: 500;
			text-align: right;
		}

.main_mkmenu {
	margin-top: 20px;
	;
	box-sizing: border-box;
}

	.main_mkmenu .item {
		position: relative;
		height: 32px;
		box-sizing: border-box;
		vertical-align: top;
	}

		.main_mkmenu .item:nth-of-type(1) {
			background: url(../../_Images/main/icon_menu01.png?v=20260304) no-repeat 30px 50%;
		}

		.main_mkmenu .item:nth-of-type(2) {
			background: url(../../_Images/main/icon_menu02.png?v=20260304) no-repeat 30px 50%;
		}

		.main_mkmenu .item:nth-of-type(3) {
			background: url(../../_Images/main/icon_menu03.png?v=20260304) no-repeat 30px 50%;
		}

		.main_mkmenu .item:nth-of-type(4) {
			background: url(../../_Images/main/icon_menu04.png?v=20260304) no-repeat 30px 50%;
		}

		.main_mkmenu .item:nth-of-type(5) {
			background: url(../../_Images/main/icon_menu05.png?v=20260304) no-repeat 30px 50%;
		}

		.main_mkmenu .item:nth-of-type(n+2)::before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			display: block;
			width: 100%;
			height: 0px;
			background-color: #e6e6e6;
		}

		.main_mkmenu .item > a {
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			padding: 5px 50px 5px 60px;
			box-sizing: border-box;
		}

			.main_mkmenu .item > a:before {
				content: '';
				position: absolute;
				right: 30px;
				top: 7px;
				display: block;
				width: 14px;
				height: 14px;
				margin-top: 0px;
				background: url(../../_Images/main/layout_sprite.png?v=20260304) no-repeat right center;
			}

			.main_mkmenu .item > a .num {
				position: absolute;
				left: 52px;
				top: 29px;
				font-size: 32px;
				font-weight: 500;
				color: #4286ea;
				line-height: 1em;
			}

			.main_mkmenu .item > a .tit {
				display: inline-block;
				font-size: 14px;
				font-weight: 500;
				line-height: 1em;
			}

			.main_mkmenu .item > a .sub {
				display: inline-block;
				font-size: 14px;
				color: #9a9a9a;
				line-height: 1em;
				margin-left: 3px;
			}

			.main_mkmenu .item > a > img {
				position: absolute;
				left: 30px;
				top: 5px;
				width: 20px;
				height: 20px;
			}

.intro-items {
	background: #ffffff;
	border-radius: 10px;
	box-sizing: border-box;
	border: 1px solid #d5d5d5;
	margin-bottom: 0;
	box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%);
}

	.intro-items ul {
		display: flex;
		flex-wrap: wrap;
		margin: -5px -13px;
	}

	.intro-items li {
		width: calc(100% / 7 - 26px);
		margin: 5px 13px;
		box-sizing: border-box;
	}

	.intro-items a {
		display: block;
		height: 100%;
		text-align: center;
		padding: 15px 0 15px;
		box-sizing: border-box;
		font-size: 15px;
		font-weight: 400;
		border-radius: 20px;
		transition: background 0.3s;
	}

		.intro-items a:before {
			display: block;
			content: '';
			width: 48px;
			height: 48px;
			margin: 0 auto 8px auto;
			border-radius: 50%;
			background-color: #F6F6F6;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.intro-items a:hover {
			font-weight: 500;
		}

	.intro-items h2 {
		color: #222222;
	}

	.intro-items .link1:before {
		background: #F6F6F6 url(../../_Images/main/intro1_1.png?v=20260304) no-repeat 50% 50%;
	}

	.intro-items .link2:before {
		background: #F6F6F6 url(../../_Images/main/intro1_2.png?v=20260304) no-repeat 50% 50%;
	}

	.intro-items .link3:before {
		background: #F6F6F6 url(../../_Images/main/intro1_3.png?v=20260304) no-repeat 50% 50%;
	}

	.intro-items .link4:before {
		background: #F6F6F6 url(../../_Images/main/intro1_4.png?v=20260304) no-repeat 50% 50%;
	}

	.intro-items .link5:before {
		background: #F6F6F6 url(../../_Images/main/intro1_5.png?v=20260304) no-repeat 50% 50%;
	}

	.intro-items .link6:before {
		background: #F6F6F6 url(../../_Images/main/intro1_6.png?v=20260304) no-repeat 50% 50%;
	}

	.intro-items .link7:before {
		background: #F6F6F6 url(../../_Images/main/intro1_7.png?v=20260304) no-repeat 50% 50%;
	}

	.intro-items .link1:hover:before, .intro-items .link2:hover:before, .intro-items .link3:hover:before, .intro-items .link4:hover:before, .intro-items .link5:hover:before, .intro-items .link6:hover:before, .intro-items .link7:hover:before {
		background-color: #ffd63c;
	}

.mainheader aside .bell {
	height: 100%;
	color: rgba(255, 255, 255, 0.85);
	padding-left: 20px;
	margin-right: 10px;
	background: url(../../_Images/common/icon_bell.png?v=20260304) no-repeat left 50%;
}

	.mainheader aside .bell .bg {
		position: absolute;
		top: -5px;
		right: 2px;
		width: 18px;
		height: 18px;
		border-radius: 50%;
		background: #ef476f;
	}

	.mainheader aside .bell .badge {
		position: absolute;
		top: -5px;
		right: 2px;
		width: 18px;
		height: 18px;
		color: #fff;
		font-size: 11px;
		font-weight: 500;
		text-align: center;
		line-height: 18px;
	}

	.mainheader aside .bell .bg:after, .mainheader aside .bell .bg:before {
		content: '';
		width: 10px;
		height: 10px;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #ff5d5d;
		margin: auto;
		-webkit-transform: scale(.3);
		transform: scale(.3);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-animation: badge 3s linear infinite;
		animation: badge 3s linear infinite
	}

@-webkit-keyframes badge {
	0% {
		-webkit-transform: scale(.3);
		transform: scale(.3);
		opacity: 0
	}

	50% {
		opacity: .2
	}

	70% {
		opacity: .6
	}

	100% {
		-webkit-transform: scale(3);
		transform: scale(3);
		opacity: 0
	}
}

@keyframes badge {
	0% {
		-webkit-transform: scale(.3);
		transform: scale(.3);
		opacity: 0
	}

	50% {
		opacity: .2
	}

	70% {
		opacity: .6
	}

	100% {
		-webkit-transform: scale(3);
		transform: scale(3);
		opacity: 0
	}
}

.member_header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1200px;
	height: 96px; /*background:#19234b;*/
	background: #ffffff;
	border-bottom: 1px solid #e6e6e6;
	z-index: 99
}

	.member_header h1 {
		position: absolute;
		top: 0;
		left: 40px;
	}

		.member_header h1 .logo {
			display: block;
			float: left;
			width: 110px;
			height: 96px;
			color: #fff;
			overflow: hidden;
			text-indent: -9999px;
			background: url(../../_Images/login/login_logo.png?v=20260304) no-repeat 0 50%;
		}

		.member_header h1 .title {
			float: left;
			height: 96px;
			line-height: 96px;
			color: #222;
			font-size: 25px;
			font-weight: 700;
		}

	.member_header aside {
		position: absolute;
		font-size: 16px;
		top: 31px;
		right: 40px;
		line-height: 25px;
	}

		.member_header aside li {
			position: relative;
			display: inline-block;
			color: #222;
			font-weight: 400;
		}

		.member_header aside .login {
			display: inline-block;
			height: 100%;
			color: #5963ff;
			padding: 6px 24px;
			margin-left: 10px;
			background: #fff;
			border: 1px solid #5963ff;
			border-radius: 6px
		}

#member_content {
	position: relative;
	height: 100%;
	transition: all 0.5s ease;
	top: 96px;
}

	#member_content .cont-01 {
		position: relative;
		height: calc(100vh - 96px);
		background-color: #fff;
	}

		#member_content .cont-01 .wr {
			max-width: 920px;
			margin: 0 auto;
			text-align: center;
			margin: 0;
			padding: 0;
			top: 50%;
			left: 50%;
			position: relative;
			transform: translate(-50%, -50%);
		}

		#member_content .cont-01 ul {
			overflow: hidden;
		}

			#member_content .cont-01 ul li {
				float: left;
				width: 48%;
				margin-right: 4%;
				text-align: center;
			}

				#member_content .cont-01 ul li:last-child {
					margin-right: 0%;
				}

				#member_content .cont-01 ul li a {
					display: block;
					min-height: 270px;
					padding: 30px;
					background: #fff;
					border: 1px solid #000;
					border-radius: 20px;
					box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%);
					transition: all ease .3s;
					-webkit-transition: all ease .3s;
					-ms-transition: all ease .3s;
					-o-transition: all ease .3s;
				}

					#member_content .cont-01 ul li a:hover {
						background: #edf0ff;
						border: 1px solid #000;
					}

				#member_content .cont-01 ul li h2 {
					display: block;
					font-size: 28px;
					color: #222;
					font-weight: 700;
					line-height: 1.2;
					margin: 30px 0 5px;
				}

				#member_content .cont-01 ul li img {
					max-width: 100%;
					display: inline-block;
					border: none;
					vertical-align: top;
					margin-top: 40px;
				}

				#member_content .cont-01 ul li p {
					font-size: 20px;
					color: #222;
					font-weight: 500;
				}

	#member_content .cont-02 {
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
		background-color: #fff;
		padding-bottom: 70px;
	}

.join-step {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 70px;
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 60px 0 40px;
	margin-bottom: 40px;
}

	.join-step:before {
		content: '';
		width: 350px;
		height: 2px;
		background: #ddd;
		display: block;
		position: absolute;
		top: 24px;
		z-index: -1;
	}

	.join-step > li {
		display: inline-block;
		font-size: 25px;
		font-weight: 700;
		position: relative;
		color: #BDBDBD;
		margin: 0 !important;
		padding-right: 20px
	}

		.join-step > li::after {
			display: inline-block;
			content: '';
			width: 22px;
			height: 12px;
			background: url(../../_Images/login/icon_dot.svg) no-repeat center;
			position: relative;
			right: 10px;
			top: 50%;
			left: 12px;
		}

		.join-step > li:last-child {
			padding-right: 0;
		}

			.join-step > li:last-child::after {
				display: none;
			}

		.join-step > li > span {
			display: inline-block;
			width: 30px;
			height: 30px;
			border-radius: 50%;
			line-height: 30px;
			color: #fff;
			background: #BDBDBD;
			text-align: center;
			font-size: 18px;
			margin-right: 6px;
			vertical-align: middle;
		}

		.join-step > li.active {
			color: #1d1765;
		}

			.join-step > li.active > span {
				background: #1d1765;
			}

.input_form_wrap {
	width: 100%;
}

	.input_form_wrap .input_block h3 {
		font-size: 20px;
		font-weight: 500;
		color: #111;
		margin-bottom: 10px;
		padding-bottom: 5px;
	}

		.input_form_wrap .input_block h3 strong {
			font-weight: 500;
			color: #ff1a46;
		}

		.input_form_wrap .input_block h3 a {
			display: inline-block;
			font-size: 25px;
			width: 20px;
			height: 20px;
			padding: 4px;
			background: #fff;
			text-align: center;
			border-radius: 50%;
		}

			.input_form_wrap .input_block h3 a:hover {
				background: #f5f7f8
			}

	.input_form_wrap .input_block li {
		font-size: 18px;
		color: #111;
		line-height: 24px;
	}

.input_block {
	margin-bottom: 50px;
	vertical-align: top;
}

	.input_block input {
		height: 56px;
		line-height: 56px;
		vertical-align: middle;
		font-weight: 500;
		border-color: #dedede;
		border-radius: 8px;
		background: #fff;
		font-size: 18px;
		padding: 0 20px;
	}

		.input_block input::placeholder {
			color: #999999;
		}

		.input_block input[type="text"]:focus, .input_block input[type="password"]:focus {
			border-color: #111;
		}

	.input_block select {
		height: 56px;
		vertical-align: middle;
		font-weight: 500;
		border-color: #dedede;
		border-radius: 8px;
		background: #fff;
		font-size: 18px;
		padding: 0 20px;
	}

	.input_block select {
		padding: 0 45px 0 20px;
		vertical-align: middle;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: #fff url(../../_Images/login/ico_select.png?v=20260304) no-repeat right 15px center;
	}

		.input_block select:focus {
			border-color: #111;
		}

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


.btn_search {
	width: 54px;
	height: 54px;
	font-weight: 500;
	border: 1px solid #dedede;
	border-radius: 8px;
	background: url(../../_Images/login/btn_search.png?v=20260304) no-repeat center center;
	font-size: 16px;
	vertical-align: middle
}

	.btn_search:hover, .btn_search .view:focus {
		border-color: #111;
	}

.margin_R8 {
	margin-right: 8px !important;
}

.input3 {
	width: calc(93% / 3);
	display: inline-block;
	margin-right: 3%;
}

.marginR0 {
	margin-right: 0px !important;
}

.search-input {
	width: calc(100% - 66px);
}

.member_add {
	display: inline-block;
	height: 100%;
	font-size: 15px;
	color: #fff !important;
	padding: 8px 18px;
	margin-left: 15px;
	background: #5963ff;
	border: 1px solid #5963ff;
	border-radius: 6px
}

	.member_add:hover {
		background: #6b76ff;
		border: 1px solid #6b76ff;
	}

.input_wrap { /*background: #f8f8f8;*/
	background: #f5f6fa;
	border-radius: 8px;
	padding: 20px 32px;
}

	.input_wrap li {
		display: inline-block;
		margin: 0px;
		padding: 0px;
	}

.info_wrap {
	border-radius: 8px;
	padding-top: 20px;
	font-size: 16px;
}

	.info_wrap dt {
		display: inline-block;
		font-weight: 500;
		color: #ff1a46;
		padding-right: 20px;
	}

	.info_wrap dd {
		display: inline-block;
		margin: 0px;
		padding: 0px;
	}

.radio_wrap {
	border-radius: 8px;
	padding: 5px 0px;
	font-size: 16px;
}

	.radio_wrap li {
		display: inline-block;
		margin: 0px;
		padding: 0px;
	}

.form_info {
	font-size: 20px;
	font-weight: 700;
	color: #111;
	line-height: 18px;
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
}

	.form_info span {
		background: linear-gradient(to top, #fbe882 50%, transparent 50%);
	}

.form-inline {
	position: relative;
	padding-left: 0px;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
}

.form-chek, .form-radio, .form-radio1 {
	position: relative;
	display: inline-block;
	line-height: 24px;
	vertical-align: middle;
	padding-right: 40px;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
}

	.form-chek::before, .form-radio::before, .form-radio1::before {
		content: "";
		display: inline-block;
		width: 24px;
		height: 24px;
		background: #ffffff;
		border-radius: 5px;
		border: 1px solid #bbbbbb;
		margin-right: 8px;
		vertical-align: middle;
		margin-bottom: 3px;
	}

	.form-radio1::before {
		border-radius: 50%;
	}

.input-chek, .input-radio, .input-radio1 {
	display: none;
}

	.input-chek:checked + .form-chek, .input-radio:checked + .form-radio, .input-radio1:checked + .form-radio1 {
		color: #5963ff;
	}

		.input-chek:checked + .form-chek::before, .input-radio:checked + .form-radio::before, .input-radio1:checked + .form-radio1::before {
			background-color: #5963ff;
			border: 1px solid #5963ff;
		}

		.input-chek:checked + .form-chek:after, .input-radio:checked + .form-radio:after, .input-radio1:checked + .form-radio1:after {
			content: "";
			position: absolute;
			display: none;
		}
	/* Show the checkmark when checked */
	.input-chek:checked ~ .form-chek::after, .input-radio:checked ~ .form-radio::after, .input-radio1:checked ~ .form-radio1::after {
		display: block;
	}
	/* Style the checkmark/indicator */
	.input-chek:checked + .form-chek:after, .input-radio:checked + .form-radio:after {
		left: 8px;
		top: 9px;
		width: 8px;
		height: 14px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.input-radio1:checked + .form-radio1:after {
		left: 7px;
		top: 13px;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: #fff;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		content: '';
	}

.btn-area {
	text-align: center;
	position: relative;
	margin-top: 40px;
}

	.btn-area a {
		border-top: 0;
		display: inline-block;
		width: 160px;
		height: 50px;
		border-radius: 8px;
		line-height: 50px;
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		text-decoration: none;
		margin: 0 3px;
	}

	.btn-area .prevBtn {
		border: 1px solid #1d1765;
		color: #1d1765;
	}

	.btn-area .nextBtn {
		border: 1px solid #1d1765;
		background: #1d1765;
		color: #fff;
	}

.member-modal {
	position: relative;
	width: 680px;
	min-width: 240px;
	max-width: calc(100% - 10px);
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: none;
	border-radius: 23px;
	margin-top: 100px;
	-webkit-box-shadow: none;
	box-shadow: none;
	animation-name: animatetop;
	animation-duration: 0.4s
}

	.member-modal .close {
		color: #000;
		float: right;
		font-size: 30px;
		padding-top: 5px;
		font-weight: 400;
	}

		.member-modal .close:hover, .member-modal .close:focus {
			color: #000;
			text-decoration: none;
			cursor: pointer;
		}

	.member-modal .modal-header {
		color: #000;
		background: none;
		margin: 0;
		padding: 30px 30px 0px 30px;
		border-top-left-radius: 23px;
		border-top-right-radius: 23px;
		border-bottom: 0px solid #eee;
		background: #fff;
	}

		.member-modal .modal-header h2 {
			display: inline-block;
			height: 36px;
			font-size: 20px;
			line-height: 36px;
			font-weight: 700;
			display: block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			color: #000;
		}

	.member-modal .modal-body {
		padding: 0px 30px 50px 30px;
	}

		.member-modal .modal-body .tit {
			color: #111;
			font-size: 26px;
			font-weight: 700;
			line-height: 32px;
			text-align: center;
			margin-top: 30px;
			margin-bottom: 10px;
		}

		.member-modal .modal-body .list {
			color: #111;
			font-size: 18px;
			font-weight: 500;
			line-height: 26px;
		}

			.member-modal .modal-body .list strong {
				display: block;
				color: #5963ff;
				font-size: 20px;
				font-weight: 700;
				line-height: 32px;
				padding: 20px 0px 10px 0px;
			}

			.member-modal .modal-body .list p {
				padding: 10px 0px;
				word-break: keep-all;
			}

			.member-modal .modal-body .list dl {
				padding: 20px 0px
			}

			.member-modal .modal-body .list dt {
				font-weight: 700;
				padding-bottom: 10px;
			}

	.member-modal .modal-footer {
		padding: 2px 16px;
		background-color: #434a8d;
		color: #fff;
	}

.modal-btn-area {
	text-align: center;
	position: relative;
	margin-top: 30px;
}

	.modal-btn-area a {
		border-top: 0;
		display: inline-block;
		padding: 12px 36px;
		border-radius: 8px;
		text-align: center;
		font-size: 18px;
		font-weight: 500;
		text-decoration: none;
		margin: 0 3px;
	}

	.modal-btn-area .btn {
		border: 1px solid #2387EE;
		background: #2387EE;
		color: #ffffff;
	}

		.modal-btn-area .btn:hover {
			text-decoration: underline
		}

.line-box h2 {
	position: relative;
	padding: 10px 40px 30px;
	margin-bottom: 20px;
	text-align: left;
	color: #f7531f;
	font-size: 15px;
	font-weight: 500;
	border-top: 0px #ff2024 solid;
	border-bottom: 1px #e6e7ea solid;
	background: #ffffff;
}

	.line-box h2 a {
		position: absolute;
		right: 20px;
	}

	.line-box h2 span {
		overflow: hidden;
		max-width: 100%;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		vertical-align: middle;
	}

.main-notice {
	padding: 0 20px;
	overflow: auto;
}

.notice-content {
	width: 100%;
	height: 440px;
}

.line-box .bottom {
	display: block;
	width: 100%;
	overflow: hidden;
	height: 34px;
	line-height: 34px;
	text-align: left;
	font-size: 12px;
	font-weight: 500;
	color: #d5d5d5;
	background: #454545;
}

.form_info .check_text {
	margin-top: 20px;
	padding-left: 25px;
	position: relative;
	display: block;
	vertical-align: middle;
	font-size: 20px;
	line-height: 23px;
	font-weight: 500;
}

	.form_info .check_text:before {
		position: absolute;
		top: 1px;
		left: 0;
		display: block;
		content: '';
		width: 19px;
		height: 18px;
		background: url(../../_Images/common/icon_check.png?v=20260304) 0 0 no-repeat;
	}

ul.tab_card {
	padding-bottom: 20px;
	border-bottom: 0px solid #ebebed;
}

	ul.tab_card:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	ul.tab_card li {
		float: left;
		width: 31.3%;
		margin-right: 3%;
		text-align: center;
	}

		ul.tab_card li:last-child {
			margin-right: 0%;
		}

		ul.tab_card li a {
			display: block;
			min-height: 360px;
			padding: 40px;
			background: #eff1fe;
			border: 1px solid #eff1fe;
			border-radius: 20px;
			box-shadow: 0 2px 4px 0 rgb(173 175 182 / 20%);
			transition: all ease .3s;
			-webkit-transition: all ease .3s;
			-ms-transition: all ease .3s;
			-o-transition: all ease .3s;
		}

			ul.tab_card li a:hover {
				background: #fff;
				box-shadow: 0px 10px 50px 0px #00000014;
				transform: translateY(-10px);
				cursor: pointer;
			}

		ul.tab_card li a {
			font-weight: 500;
			border: 1px solid #eff1fe;
			background: #eff1fe;
			text-align: center
		}

			ul.tab_card li a h2 {
				font-size: 28px;
				font-weight: 700;
			}

			ul.tab_card li a .biz_text {
				font-size: 20px;
				font-weight: 400;
				height: 25px;
			}

			ul.tab_card li a .pay_type {
				font-size: 15px;
				font-weight: 400;
				margin-top: 20px;
				margin-bottom: 10px;
			}

			ul.tab_card li a .pay_text {
				font-size: 30px;
				font-weight: 700;
				margin-bottom: 25px;
			}

			ul.tab_card li a .button {
				display: block;
				width: 100%;
				height: 50px;
				border-radius: 12px;
				background: #ffffff;
				text-align: center;
				line-height: 50px;
				font-size: 18px;
				font-weight: 500;
				border: 1px solid #000000;
			}

		ul.tab_card li div {
			display: block;
			min-height: 380px;
			padding: 40px 25px;
			background: #fff;
			border: 0px solid #cbcbcb;
			border-radius: 20px;
			box-shadow: 0px 4px 20px 0px #00000014;
			transition: all ease .3s;
			-webkit-transition: all ease .3s;
			-ms-transition: all ease .3s;
			-o-transition: all ease .3s;
		}

			ul.tab_card li div:hover {
				background: #fff;
				border: 0;
				box-shadow: 0px 10px 50px 0px #00000014;
				transform: translateY(-20px);
			}

			ul.tab_card li div img {
				max-width: 100%;
				display: inline-block;
				border: none;
				vertical-align: top;
			}

			ul.tab_card li div h2 {
				font-size: 28px;
				font-weight: 700;
				margin: 40px 0px 30px 0px;
			}

			ul.tab_card li div .biz_point {
				font-size: 20px;
				letter-spacing: -0.5px;
				font-weight: 400;
				color: #475467;
				line-height: 150%;
				word-break: keep-all;
			}

		ul.tab_card li h2 {
			display: block;
			font-size: 28px;
			color: #222;
			font-weight: 700;
			margin: 10px 0 5px;
		}

		ul.tab_card li img {
			max-width: 100%;
			display: inline-block;
			border: none;
			vertical-align: top;
			margin-top: 10px;
		}

		ul.tab_card li p {
			font-size: 20px;
			color: #222;
			font-weight: 500;
		}

		ul.tab_card li.selected a {
			font-weight: 500;
			border: 1px solid #7a4bff;
			background: #eff1fe;
			text-align: center
		}

			ul.tab_card li.selected a h2 {
				font-size: 28px;
				font-weight: 700;
			}

			ul.tab_card li.selected a .biz_text {
				font-size: 20px;
				font-weight: 400;
				height: 25px;
			}

			ul.tab_card li.selected a .pay_type {
				font-size: 15px;
				font-weight: 400;
				margin-top: 20px;
				margin-bottom: 10px;
			}

			ul.tab_card li.selected a .pay_text {
				font-size: 30px;
				font-weight: 700;
				margin-bottom: 25px;
			}

			ul.tab_card li.selected a .button {
				display: block;
				width: 100%;
				height: 50px;
				border-radius: 12px;
				background: #8c52ff url(../../_Images/sub/img_check.png?v=20260304) 80px 50% no-repeat;
				text-align: center;
				line-height: 50px;
				color: #fff;
				font-size: 18px;
				font-weight: 500;
				border: 1px solid #8c52ff;
			}

.maintabarea .tit {
	margin-top: 50px;
	margin-bottom: 30px;
}

	.maintabarea .tit:after {
		clear: both;
		content: '';
		display: block;
		height: 0;
		visibility: hidden;
	}

	.maintabarea .tit h3 {
		font-size: 30px;
		color: #000;
		letter-spacing: -0.03em;
		font-weight: 700;
		text-align: center;
		line-height: normal
	}

		.maintabarea .tit h3 span {
			font-size: 16px;
			color: #000;
			letter-spacing: -0.02em;
			font-weight: 400;
		}

.service {
	margin: 10px 0 30px 0;
}

	.service table thead th {
		background: #ffffff;
		color: #111111;
		border-top: 1px solid #e4e4e4;
		border-bottom: 1px solid #000000;
		font-size: 20px;
		font-weight: 500;
		padding: 20px 10px;
		text-align: center;
	}

	.service table tbody th {
		font-size: 25px;
		font-weight: 700;
		text-align: center;
		border-bottom: 1px solid #e4e4e4;
		background: /*linear-gradient(270deg, #5a26e0 0%, #3f97ff 100%) text*/ linear-gradient(to right, #9B22FA, #3422FA 70%);
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
	}

	.service table tbody td {
		font-size: 19px;
		font-weight: 400;
		padding: 40px 10px;
		line-height: 30px;
		border-bottom: 1px solid #e4e4e4;
	}

		.service table thead th:first-child, .service table tbody th:first-child, .service table tbody td:first-child {
			border-left: none;
		}

	.service table tbody tr:first-child th, .service table tbody tr:first-child td {
		border-top: 0;
	}

	.service table tr:hover, .service table tr.current {
		background: #F7F8FF;
	}

	.service table tbody tr.edit td {
		border-bottom: 1px solid #ddd;
	}

	.service table tbody tr.lstchanged td {
		background: #6e84b6 !important;
		color: #fff;
		font-weight: 500
	}

	.service table tbody strong {
		color: #8C52FF;
		font-weight: 500
	}

#member_content .cont-03 {
	position: relative;
	padding: 120px 0 120px;
	overflow: hidden;
}

.content_bg01 {
	background: #f7f8ff;
}

.content_bg02 {
	background: #ffffff;
}

.section-bg1 {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

.vis_img01 {
	position: absolute;
	width: 430px;
	height: 390px;
	right: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}

.vis_txt01 span {
	display: block;
	font-size: 20px;
	font-weight: 700;
	font-style: oblique;
	line-height: 24px;
	margin-bottom: 25px;
	background: /*linear-gradient(90deg, #5a26e0 0%, #3f97ff 30%) text*/ linear-gradient(to right, #9B22FA, #3422FA 30%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}

.vis_txt01 h2 {
	position: relative;
	font-size: 56px;
	font-weight: 700;
	line-height: 130%;
	color: #111111;
	margin-bottom: 25px;
	z-index: 2;
}

.vis_txt01 .vis_txt0101 {
	font-size: 20px;
	font-weight: 500;
	line-height: 150%;
	color: #475467;
	margin-bottom: 30px;
}

.imp_txt01 {
	display: block;
	font-size: 45px;
	font-weight: 700;
	color: #111;
	line-height: 150%;
	letter-spacing: -1px;
	padding-bottom: 60px;
	text-align: center;
}

	.imp_txt01 span {
		background: /*linear-gradient(90deg, #5a26e0 0%, #3f97ff 90%) text */ linear-gradient(to right, #ff6400, #ff3cb1 70%);
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
	}

.imp_txt02 {
	font-size: 32px;
	font-weight: 700;
	line-height: 150%;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center
}

.wrap_btn {
	display: inline-block;
	margin: 40px 0 20px 0;
}

	.wrap_btn a {
		margin-right: 10px;
	}

.btn_general {
	padding: 12px 40px;
	border-radius: 12px;
	background: #8c52ff;
	text-align: center;
	color: #fff !important;
	font-size: 18px;
	font-weight: 500;
	border: 1px solid #8c52ff;
	transition: all 0.3s ease-in;
}

	.btn_general:hover {
		background: #743eff;
		border: 1px solid #743eff;
	}

.btn_ghost {
	padding: 12px 40px;
	border-radius: 12px;
	background: #ffffff;
	text-align: center;
	color: #8c52ff !important;
	font-size: 18px;
	font-weight: 500;
	border: 1px solid #8c52ff;
	transition: all 0.3s ease-in;
}

	.btn_ghost:hover {
		background: #8c52ff;
		border: 1px solid #8c52ff;
		color: #fff !important;
	}

.vis_icon01 {
	position: absolute;
	margin-left: 600px;
	top: 40px;
	opacity: 0;
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
	-webkit-transition: opacity 0.6s, transform 1s;
	transition: opacity 0.6s, transform 1s;
	z-index: 1;
}

	.vis_icon01 > div {
		background: #8b52ff;
		width: 85px;
		height: 85px;
		border-radius: 50%
	}


#member_content.animated .section-bg1 .vis_txt01 span,
#member_content.animated .section-bg1 .vis_txt01 h2,
#member_content.animated .section-bg1 .vis_txt01 .vis_txt0101,
#member_content.animated .section-bg1 .vis_txt01 .wrap_btn,
#member_content.animated .section-bg1 .imp_txt01,
#member_content.animated .section-bg1 .imp_txt02,
#member_content.animated .section-bg1 .tab_card {
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}

#member_content.animated .section-bg1 .vis_txt01 span {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

#member_content.animated .section-bg1 .vis_txt01 h2 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

#member_content.animated .section-bg1 .vis_txt01 .vis_txt0101 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

#member_content.animated .section-bg1 .vis_txt01 .wrap_btn {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

#member_content.animated .section-bg1 .imp_txt01,
#member_content.animated .section-bg1 .imp_txt02,
#member_content.animated .section-bg1 .tab_card {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.3s;
}


#member_content.animated .vis_icon01 {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

#member_content.animated .vis_img01 {
	opacity: 1;
	transition-delay: 0.5s;
}

#member_content.animated .main_visual_img03 {
	opacity: 0.2;
	transition-delay: 0.5s;
}

@keyframes text-active-animation {
	from {
		opacity: 0;
		filter: Alpha(opacity=0);
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}

	to {
		opacity: 1.0;
		filter: Alpha(opacity=100);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes text-fade-out {
	from {
		opacity: 1.0;
		filter: Alpha(opacity=100);
	}

	to {
		opacity: 0;
		filter: Alpha(opacity=0);
	}
}

@keyframes rorate {
	0% {
		transform: rotate(0deg);
	}

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

@keyframes rorate2 {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(-360deg);
	}
}

@keyframes opacity {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.6;
	}

	100% {
		opacity: 1;
	}
}

@keyframes AniOpa {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	51% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@media all and ( min-width: 1025px ) {
	@keyframes AniLeft {
		0% {
			left: -100%;
			top: -100%; /* translateX(-101%); */
		}

		50% {
			left: 0;
			top: -50%; /* translateX(0); */
		}

		100% {
			left: 105%;
			top: 0; /* translateX(101%); */
		}
	}
}

@keyframes bounceOverlayBlue {
	0% {
		transform: scale(1);
		background-color: rgb(34,169,253);
		color: rgb(34,169,253);
	}

	100% {
		transform: scale(.3);
		background-color: rgb(255,255,255);
		color: rgb(255,255,255);
	}
}

@keyframes bounceOverlayBlack {
	0% {
		transform: scale(1);
		background-color: rgb(62,62,62);
		color: rgb(62,62,62);
	}

	100% {
		transform: scale(.3);
		background-color: rgb(247,247,247);
		color: rgb(247,247,247);
	}
}

@keyframes bounceOverlayWhite {
	0% {
		transform: scale(1);
		background-color: rgb(255,255,255);
		color: rgb(255,255,255);
	}

	100% {
		transform: scale(.3);
		background-color: transparent;
		color: transparent;
	}
}

@keyframes bounceOverlayBlack2 {
	0% {
		color: rgb(62,62,62);
	}

	100% {
		color: rgb(247,247,247);
	}
}

@keyframes bounceOverlayWhite2 {
	0% {
		color: rgb(255,255,255);
	}

	100% {
		color: transparent;
	}
}

.check_wrap {
	position: relative;
	padding-left: 0px;
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: 700;
	line-height: 24px;
}

	.check_wrap .form-chek, .check_wrap .form-radio, .check_wrap .form-radio1 {
		padding: 0px;
	}

	.check_wrap .input-chek:checked + .form-chek, .check_wrap .input-radio:checked + .form-radio, .input-radio1:checked + .form-radio1 {
		color: #111111;
	}

	.check_wrap .form-chek::before, .check_wrap .form-radio::before, .check_wrap .form-radio1::before {
		content: "";
		display: inline-block;
		width: 26px;
		height: 26px;
		background: #ffffff;
		border-radius: 50%;
		border: 1px solid #888888;
		margin-right: 10px;
		vertical-align: middle;
		margin-bottom: 0px;
	}

	.check_wrap .input-chek:checked + .form-chek:after, .check_wrap .input-radio:checked + .form-radio:after {
		left: 9px;
		top: 7px;
		width: 8px;
		height: 14px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

.terms_box {
	overflow: hidden;
	height: auto;
	margin: 10px 0 0 0px;
	padding: 40px 10px 40px 40px;
	border-radius: 12px;
	border: 0px solid #d6d6d6;
	background: #f5f6fa;
}

.terms_item {
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
}

	.terms_item::-webkit-scrollbar {
		width: 20px
	}

	.terms_item::-webkit-scrollbar-thumb {
		height: 42px;
		background: #999;
		border-radius: 10px;
		border: 6px solid #f5f6fa
	}

	.terms_item::-webkit-scrollbar-track {
		border-radius: 0 10px 10px 0;
		background-color: transparent
	}

	.terms_item h2 {
		padding-bottom: 20px;
		font-weight: 700 !important;
	}

.article {
	margin-top: 25px;
	font-size: 18px;
	line-height: 150%;
	letter-spacing: -0.5px;
	color: #333;
	word-break: keep-all;
}

	.article:first-child {
		margin-top: 0
	}

.article_title {
	font-size: 18px !important;
	font-weight: 500 !important;
	color: #111;
	padding-bottom: 0px !important;
}

.article_text {
	margin-top: 5px;
	word-break: keep-all;
}

	.article_text:first-child {
		margin-top: 0
	}

	.article_text a {
		color: #09aa5c
	}

.article_text_list {
	position: relative;
	padding-left: 20px
}

	.article_text_list::before {
		position: absolute;
		top: 7px;
		left: 8px;
		width: 2px;
		height: 2px;
		background: #8e8e8e;
		content: ''
	}

.article .section .section li {
	padding-left: 10px
}

.article .section li ol li {
	padding-left: 17px !important;
}

.must_text {
	position: relative;
	padding-top: 10px;
	padding-bottom: 50px;
	font-size: 24px;
	font-weight: 700;
	background: linear-gradient(90deg, #9B22FA 0%, #3422FA 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	line-height: 24px;
	text-align: center;
}

.chk_agree_all {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
}

	.chk_agree_all span {
		padding-right: 30px;
	}

	.chk_agree_all .check_wrap .form-radio::before {
		margin-bottom: 5px;
	}

	.chk_agree_all .check_wrap .input-radio:checked + .form-radio:after {
		top: 5px;
	}

.height_500 {
	height: 500px !important;
}


.login-wrapper01 {
	position: relative;
	height: 100%;
	background-color: #edf0ff;
}

	.login-wrapper01 > * {
		height: 100% !important;
	}

	.login-wrapper01 .bg-pic {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: url(../../_Images/login/bg01.png?v=20260304);
		background-size: cover;
		background-position: bottom center;
		background-repeat: no-repeat;
	}

		.login-wrapper01 .bg-pic h1 {
			position: absolute;
			top: 30px;
			left: 40px;
		}

		.login-wrapper01 .bg-pic .text {
			display: inline-block;
			width: 650px;
			position: relative;
			text-align: left;
		}

			.login-wrapper01 .bg-pic .text .title {
				font-family: NanumSquare;
				font-weight: 800;
				font-size: 50px;
				margin-top: 130px;
				margin-bottom: 10px;
				line-height: 40px;
				color: #fff;
			}

			.login-wrapper01 .bg-pic .text .title_s {
				font-family: NanumSquare;
				font-weight: 700;
				font-size: 25px;
				font-weight: 300;
				margin-top: 30px;
				margin-bottom: 30px;
				line-height: 1.5;
				color: #fff;
			}

	.login-wrapper01 .login-container {
		width: 1200px;
		height: 560px;
		position: absolute;
		left: 50%;
		margin-left: -600px;
		margin-top: -280px;
		vertical-align: middle;
		top: 50%;
	}

		.login-wrapper01 .login-container .loginbox {
			position: relative;
			width: 400px;
			vertical-align: middle;
			background: #fff;
			float: right;
			: 50px;
			border-radius: 8px;
			box-shadow: 0 0 10px #ccc;
			padding: 50px;
		}

		.login-wrapper01 .login-container .text_login {
			padding: 0px 0px 20px 0px;
			font-size: 25px;
			font-weight: 500;
		}

	.login-wrapper01 .bg-caption {
		width: 500px;
	}

	.login-wrapper01 .checkbox {
		display: inline-block;
		position: relative;
		padding-left: 25px;
		margin-bottom: 20px;
		cursor: pointer;
		font-size: 13px;
		user-select: none;
	}

	.login-wrapper01 .login_copyright {
		width: 100%;
		text-align: center;
		padding: 0px;
		font-size: 12px;
		color: #333333
	}

	.login-wrapper01 .btn_login {
		display: block;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		padding: 0;
		background: #8c52ff;
		border: solid 0px #8c52ff;
		border-radius: 12px;
		color: #fff;
		font-size: 15px;
		cursor: pointer;
		text-decoration: none;
	}

@media (max-width:1300px) {
	.login-wrapper01 .bg-pic .text .title {
		font-size: 41px;
		font-weight: 700;
		margin-top: 170px;
		margin-bottom: 10px;
		line-height: 40px;
		color: #fff;
	}

	.login-wrapper01 .bg-pic .text .title_s {
		font-size: 22px;
		font-weight: 300;
		margin-top: 10px;
		margin-bottom: 30px;
		line-height: 1.5;
		color: #fff;
	}
}

.login-wrapper01 .login_box input[type='text'], .login-wrapper01 .login_box input[type='password'] {
	width: 100%;
	border: 0px solid #d5d5d5;
	border-radius: 0px;
	font-size: 14px;
	color: #202020;
	padding: 21px 15px;
	box-sizing: border-box;
	border-bottom: 1px solid #d5d5d5
}

.login-wrapper01 .login_box input:hover {
	border-bottom: 1px solid #8c52ff;
}

.login-wrapper01 .login_box input::placeholder {
	color: #202020;
}

.login-wrapper01 .myview a {
	color: #8c52ff
}

ul.charge_card {
	padding: 20px 0px 50px 0px;
	border: 0px solid #191919;
	background: #fff;
	border-radius: 10px;
}

	ul.charge_card:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	ul.charge_card li:last-child {
		margin-right: 0%;
	}

	ul.charge_card li div {
		display: block;
		min-height: 380px;
		padding: 40px 25px;
		background: #fff;
		border: 0px solid #cbcbcb;
	}

		ul.charge_card li div:hover {
			background: #fff;
			border: 0;
			box-shadow: 0px 10px 50px 0px #00000014;
			transform: translateY(-20px);
		}

		ul.charge_card li div img {
			max-width: 100%;
			display: inline-block;
			border: none;
			vertical-align: top;
		}

		ul.charge_card li div h2 {
			font-size: 28px;
			font-weight: 700;
			margin: 40px 0px 30px 0px;
		}

		ul.charge_card li div .biz_point {
			font-size: 20px;
			letter-spacing: -0.5px;
			font-weight: 400;
			color: #475467;
			line-height: 150%;
			word-break: keep-all;
		}

	ul.charge_card li h2 {
		display: block;
		font-size: 28px;
		color: #222;
		font-weight: 700;
		margin: 10px 0 5px;
	}

	ul.charge_card li img {
		max-width: 100%;
		display: inline-block;
		border: none;
		vertical-align: top;
		margin-top: 10px;
	}

	ul.charge_card li p {
		font-size: 20px;
		color: #222;
		font-weight: 500;
	}

	ul.charge_card li.selected a {
		font-weight: 500;
		border: 1px solid #7a4bff;
		background: #eff1fe;
		text-align: center
	}

		ul.charge_card li.selected a h2 {
			font-size: 28px;
			font-weight: 700;
		}

		ul.charge_card li.selected a .biz_text {
			font-size: 20px;
			font-weight: 400;
			height: 25px;
		}

		ul.charge_card li.selected a .pay_type {
			font-size: 15px;
			font-weight: 400;
			margin-top: 20px;
			margin-bottom: 10px;
		}

		ul.charge_card li.selected a .pay_text {
			font-size: 30px;
			font-weight: 700;
			margin-bottom: 25px;
		}

		ul.charge_card li.selected a .button {
			display: block;
			width: 100%;
			height: 50px;
			border-radius: 12px;
			background: #8c52ff url(../../_Images/sub/img_check.png?v=20260304) 80px 50% no-repeat;
			text-align: center;
			line-height: 50px;
			color: #fff;
			font-size: 18px;
			font-weight: 500;
			border: 1px solid #8c52ff;
		}

	ul.charge_card li {
	}

	ul.charge_card li {
		width: 25%;
		float: left;
		text-align: center;
	}

		ul.charge_card li .category {
			display: inline-block;
			width: 90%;
			height: 52px;
			font-size: 20px;
			font-weight: 700;
			letter-spacing: -0.75px;
			line-height: 52px;
			text-align: center;
			color: #fff;
			background-color: #ff6827;
			-webkit-border-radius: 50px;
			border-radius: 50px;
		}

		ul.charge_card li:nth-child(2) .category {
			background-color: #8c52ff;
		}

		ul.charge_card li:nth-child(3) .category { /*background-color: #27c2ff;*/
			background-color: #48B9EF;
		}

		ul.charge_card li:nth-child(4) .category {
			background-color: #48B9EF;
		}

		ul.charge_card li .tit {
			padding-top: 20px;
			font-size: 30px;
			font-weight: 600;
			letter-spacing: -0.35px;
			line-height: 28px;
			color: #000;
			margin-top: 20px;
			margin-bottom: 10px;
		}

		ul.charge_card li .sub-tit {
			padding-top: 10px;
			font-size: 20px;
			font-weight: 600;
			letter-spacing: -0.65px;
			color: #333;
		}

		ul.charge_card li .txt {
			padding-top: 15px;
			font-size: 16px;
			line-height: 22px;
			font-weight: 400;
			letter-spacing: -0.65px;
			color: #333;
		}

.section-bg2 {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 60px;
}

	.section-bg2 .vis_img01 {
		position: absolute;
		width: 267px;
		height: 210px;
		right: 0px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		opacity: 1;
		-webkit-transition: opacity 0.6s;
		transition: opacity 0.6s;
	}

	.section-bg2 .vis_txt01 span {
		display: block;
		font-size: 20px;
		font-weight: 700;
		font-style: oblique;
		line-height: 24px;
		margin-bottom: 25px;
		background: /*linear-gradient(90deg, #5a26e0 0%, #3f97ff 30%) text*/ linear-gradient(to right, #9B22FA, #3422FA 30%);
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
	}

	.section-bg2 .vis_txt01 h2 {
		position: relative;
		font-size: 45px;
		font-weight: 700;
		line-height: 130%;
		color: #111111;
		margin-bottom: 25px;
		z-index: 2;
	}

	.section-bg2 .vis_txt01 .vis_txt0101 {
		font-size: 20px;
		font-weight: 500;
		line-height: 150%;
		color: #475467;
		margin-bottom: 100px;
	}

	.section-bg2 .imp_txt01 {
		display: block;
		font-size: 45px;
		font-weight: 700;
		color: #111;
		line-height: 150%;
		letter-spacing: -1px;
		padding-bottom: 60px;
		text-align: center;
	}

		.section-bg2 .imp_txt01 span {
			background: /*linear-gradient(90deg, #5a26e0 0%, #3f97ff 90%) text */ linear-gradient(to right, #ff6400, #ff3cb1 70%);
			background-clip: text;
			-webkit-background-clip: text;
			color: transparent;
		}

	.section-bg2 .imp_txt02 {
		font-size: 32px;
		font-weight: 700;
		line-height: 150%;
		margin-top: 40px;
		margin-bottom: 40px;
		text-align: center
	}





.login-wrapper02 {
	position: relative;
	height: 100%;
	background-color: #edf0ff;
}

	.login-wrapper02 > * {
		height: 100% !important;
	}

	.login-wrapper02 .bg-pic {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: url(../../_Images/login/bg02.png?v=20260304);
		background-size: cover;
		background-position: bottom center;
		background-repeat: no-repeat;
	}

		.login-wrapper02 .bg-pic h1 {
			position: absolute;
			top: 30px;
			left: 40px;
		}

		.login-wrapper02 .bg-pic .text {
			display: inline-block;
			width: 650px;
			position: relative;
			text-align: left;
		}

			.login-wrapper02 .bg-pic .text .title {
				font-size: 55px;
				font-weight: 700;
				margin-top: 130px;
				margin-bottom: 10px;
				line-height: 40px;
				color: #000;
			}

			.login-wrapper02 .bg-pic .text .title_s {
				font-size: 25px;
				font-weight: 300;
				margin-top: 30px;
				margin-bottom: 30px;
				line-height: 1.5;
				color: #000;
			}

	.login-wrapper02 .login-container {
		width: 550px;
		height: 620px;
		position: absolute;
		left: 50%;
		margin-left: -275px;
		margin-top: -310px;
		vertical-align: middle;
		top: 50%;
	}

		.login-wrapper02 .login-container .loginbox {
			position: relative;
			vertical-align: middle;
			background: #fff;
			padding: 50px;
			border-radius: 32px;
			box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
		}

		.login-wrapper02 .login-container .text_login {
			font-family: NanumSquare;
			font-weight: 800;
			margin: 10px 0px 30px 0px;
			font-size: 32px;
			line-height: 1.5;
			text-align: center;
		}

	.login-wrapper02 .bg-caption {
		width: 500px;
	}

	.login-wrapper02 .checkbox {
		display: inline-block;
		position: relative;
		padding-left: 25px;
		margin-bottom: 20px;
		cursor: pointer;
		font-size: 13px;
		user-select: none;
	}

	.login-wrapper02 .login_copyright {
		width: 100%;
		text-align: center;
		padding: 0px;
		font-size: 12px;
		color: #333333
	}

	.login-wrapper02 .btn_login {
		display: block;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		padding: 0;
		background: #400099;
		border: solid 0px #8c52ff;
		border-radius: 50px;
		color: #fff;
		font-size: 15px;
		font-weight: 600;
		cursor: pointer;
		text-decoration: none;
	}

@media (max-width:1300px) {
	.login-wrapper02 .bg-pic .text .title {
		font-size: 41px;
		font-weight: 700;
		margin-top: 170px;
		margin-bottom: 10px;
		line-height: 40px;
		color: #fff;
	}

	.login-wrapper02 .bg-pic .text .title_s {
		font-size: 22px;
		font-weight: 300;
		margin-top: 10px;
		margin-bottom: 30px;
		line-height: 1.5;
		color: #fff;
	}
}

.login-wrapper02 .login_box input[type='text'], .login-wrapper02 .login_box input[type='password'] {
	width: 100%;
	border: 0px solid #d5d5d5;
	border-radius: 0px;
	font-size: 14px;
	color: #202020;
	padding: 21px 15px;
	box-sizing: border-box;
	border-bottom: 1px solid #d5d5d5
}

.login-wrapper02 .login_box input:hover {
	border-bottom: 1px solid #8c52ff;
}

.login-wrapper02 .login_box input::placeholder {
	color: #202020;
}

.login-wrapper02 .myview a {
	color: #8c52ff
}


.popup_list {
	border-top: 1px solid #868e96;
}

	.popup_list table {
		border-spacing: 0;
		min-width: 100%
	}

		.popup_list table tr th, .popup_list table tr td {
			border-left: 0;
		}

		.popup_list table thead th {
			padding: 10px 20px;
			font-size: 18px;
			font-weight: 700;
			background: #f4f4f4;
			border: 1px solid #dddddd;
			border-bottom: 1px solid #dddddd;
			border-top: 0;
			text-align: center;
			white-space: nowrap;
		}

		.popup_list table tbody th {
			padding: 10px 20px;
			font-size: 18px;
			font-weight: 700;
			color: #383232;
			border: 1px solid #e4e4e4;
			background: #f5f5f5;
		}

		.popup_list table tbody td {
			padding: 10px 20px;
			font-size: 18px;
			font-weight: 400;
			border: 1px solid #e4e4e4;
			text-align: center;
			line-height: 24px;
		}

			.popup_list table thead th:first-child, .popup_list table tbody th:first-child, .popup_list table tbody td:first-child {
				border-left: none;
			}

		.popup_list table tbody tr:first-child th, .popup_list table tbody tr:first-child td {
			border-top: 0;
		}

		.popup_list table tbody tr.edit td {
			border-bottom: 1px solid #ddd;
		}

		.popup_list table tbody tr.lstchanged td {
			background: #6e84b6 !important;
			color: #fff;
			font-weight: 500
		}

		.popup_list table tbody strong {
			color: #8C52FF;
			font-weight: 500
		}

		.popup_list table thead tr:first-child th {
			border-top-width: 0;
		}

		.popup_list table thead tr th:first-child {
			border-left: 0;
		}

		.popup_list table thead tr th:last-child {
			border-right: 0;
		}

		.popup_list table tbody tr td:first-child {
			border-left: 0;
		}

		.popup_list table tbody tr td:last-child {
			border-right: 0;
		}

		.popup_list table tbody input {
			font-size: 18px;
			font-weight: 500;
			text-align: right;
			background: #ffe5de;
			border-radius: 5px;
		}

.charge_total {
	padding: 20px;
	border: 2px solid #7367f0;
	font-size: 22px;
	line-height: 1.5;
	font-weight: 800;
	margin-top: 30px;
	border-radius: 20px;
	text-align: center;
}

	.charge_total p {
		font-size: 16px;
		font-weight: 500
	}

		.charge_total p span {
			font-size: 30px;
			font-weight: 800;
			color: #ff4c51
		}

.service_list {
	border-top: 1px solid #868e96;
}

	.service_list table {
		border-spacing: 0;
		min-width: 100%
	}

		.service_list table tr th, .service_list table tr td {
			border-left: 0;
		}

		.service_list table thead th {
			padding: 20px;
			font-size: 20px;
			font-weight: 700;
			background: #f4f4f4;
			border: 1px solid #dddddd;
			border-bottom: 1px solid #dddddd;
			border-top: 0;
			text-align: center;
			white-space: nowrap;
		}

		.service_list table tbody th {
			padding: 20px;
			font-size: 20px;
			font-weight: 500;
			border: 1px solid #dddddd;
			text-align: center;
		}

		.service_list table tbody td {
			padding: 20px;
			font-size: 20px;
			font-weight: 400;
			border: 1px solid #dddddd;
			text-align: center;
			line-height: 24px;
		}

			.service_list table thead th:first-child, .service_list table tbody th:first-child, .service_list table tbody td:first-child {
				border-left: none;
			}

		.service_list table tbody tr:first-child th, .service_list table tbody tr:first-child td {
			border-top: 0;
		}

		.service_list table tbody tr.edit td {
			border-bottom: 1px solid #ddd;
		}

		.service_list table tbody tr.lstchanged td {
			background: #6e84b6 !important;
			color: #fff;
			font-weight: 500
		}

		.service_list table tbody strong {
			color: #8C52FF;
			font-weight: 500
		}

		.service_list table thead tr:first-child th {
			border-top-width: 0;
		}

		.service_list table thead tr th:first-child {
			border-left: 0;
		}

		.service_list table thead tr th:last-child {
			border-right: 0;
		}

		.service_list table tbody tr td:first-child {
			border-left: 0;
		}

		.service_list table tbody tr td:last-child {
			border-right: 0;
		}

		.service_list table tbody input {
			font-size: 18px;
			font-weight: 500;
			text-align: right;
			background: #ffe5de;
			border-radius: 5px;
		}



.grid_list.scroll table {
	min-width: 100%
}

	.grid_list.scroll table tr th, .grid_list.scroll table tr td {
		border-left: 0;
	}

.grid_list thead tr th {
	background: #f4f4f4;
	border: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-top: 0;
	padding: 6px 10px;
	text-align: center;
	font-size: 13px;
	color: #383232;
	white-space: nowrap;
}

.grid_list thead tr:first-child th {
	border-top-width: 0;
}

.grid_list thead tr th:first-child {
	border-left: 0;
}

.grid_list thead tr th:last-child {
	border-right: 0;
}

.grid_list table th strong {
	color: #ff3636;
	padding: 0 3px;
}

	.grid_list table th strong label, .grid_list table th strong span {
		color: #4d4c4c;
		font-weight: normal;
	}

.grid_list table th.ellipsis, .grid_list table td.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.grid_list tbody tr th {
	padding: 6px 10px;
	font-weight: normal;
	color: #383232;
	border: 1px solid #e4e4e4;
	background: #f5f5f5;
}

	.grid_list tbody tr th.textR {
		text-align: right;
	}

	.grid_list tbody tr th.textC {
		text-align: center;
	}
/*.grid_list tbody tr td { padding:4px 4px;line-height:20px;text-align:center;border:1px solid #e5e5e5;background:#fff;font-weight: 200; font-size:13px } */
.grid_list tbody tr td {
	padding: 6px 10px;
	text-align: center;
	font-weight: 200;
	font-size: 13px
}

.grid_list tbody tr + tr td {
	border-top: 1px solid #dddddd;
}

.grid_list tbody td + td { /*border-left: 1px solid #dfdfdf;*/
}

.grid_list tbody tr td:first-child {
	border-left: 0;
}

.grid_list tbody tr td:last-child {
	border-right: 0;
}

.grid_list tbody tr td.textLeft {
	text-align: left;
	white-space: nowrap;
}

.grid_list tbody tr td.textRight {
	text-align: right;
	white-space: nowrap;
}

.grid_list tbody tr td.depth1 {
	padding-left: 40px;
	text-align: left !important;
	background: url(../../_Images/common/icon_depth1.png?v=20260304) no-repeat 20px 50%;
}

.grid_list > table > tbody > tr:hover > td {
	background: #edf0f5 !important;
}

.grid_list > table > tbody > tr.gridhover > td {
	background: #f7faff !important;
}

.grid_list tbody tr:first-child td, .grid_list tbody tr:first-child th {
	border-top: 0;
}

.grid_list tbody tr th:first-child {
	border-right: 0;
}
/*.grid_list table tbody tr.even td, .grid_list > table > tbody > tr:nth-child(2n) > td { background:# fbf9f2; }*/
.grid_list table tbody tr.current td {
	background: #e3f0ff !important;
}

.grid_list table tbody tr.nodata td {
	color: #6e6e6e;
	cursor: default;
}

.grid_list table tbody tr.nodata.gridhover td {
	background: #fff !important;
}

.grid_list tfoot tr th {
	padding: 6px 10px;
	color: #4d4c4c;
	border: 1px solid #e5e5e5;
	border-top: 1px solid #969696;
	border-right: 0;
	border-bottom: 0;
	font-weight: normal;
	text-align: right;
	background: #f5f5f5;
}

	.grid_list tfoot tr th:first-child {
		border-left: 0;
	}

.grid_list tfoot tr td:first-child {
	border-left: 0;
}

.grid_list tfoot tr td {
	padding: 6px 10px;
	text-align: center;
	border: 1px solid #e5e5e5;
	border-top: 1px solid #969696;
	border-right: 0;
	border-bottom: 0;
}

.grid_list table tbody tr.deleteLine td, .grid_list table tbody tr.deleteLine td * {
	background: #d3d6d8 !important;
	color: #888;
	text-decoration: line-through;
}

.grid_list table tbody tr.deleteLine.gridhover td {
	background: #d3d6d8;
}
/* 그리드 테이블 링크 선택시 row배경 클래스 */
.grid_list table tbody tr.selectedon td, .grid_list table tbody tr.selectedon.gridhover td, .grid_list table tbody tr.selectedon.current.gridhover td {
	background: #000 !important;
}
/* 필터 및 오름-내림기능 관련 추가사항 */
.grid_list table .edit .input_button, .input_button {
	position: relative;
	padding-right: 32px
}

	.grid_list table .edit .input_button input[type="text"], .grid_list table .edit .input_button select {
		width: 100% !important;
	}

	.grid_list table .edit .input_button button, .input_button button {
		position: absolute;
		top: 5px;
		right: 10px;
	}

.grid_list table a.sort {
	display: inline-block;
	vertical-align: middle;
	width: 9px;
	height: 11px;
	background: url(../../images/bul_grid_01.gif) no-repeat center center;
}

	.grid_list table a.sort span {
		display: inline-block;
		text-indent: -9999px;
	}

	.grid_list table a.sort.up {
		background: url(../../images/bul_grid_02.gif) no-repeat center center;
	}

	.grid_list table a.sort.down {
		background: url(../../images/bul_grid_03.gif) no-repeat center center;
	}