@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 200;
	src: local("※"), local("※"), url("../font/NotoSans-Thin.eot"), url("../font/NotoSans-Thin.eot#iefix") format("embedded-opentype"), url("../font/NotoSans-Thin.woff") format("woff"), url("../font/NotoSans-Thin.woff2") format("woff2"), url("../font/NotoSans-Thin.otf") format("opentype")
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: local("※"), local("※"), url("../font/NotoSans-Light.eot"), url("../font/NotoSans-Light.eot#iefix") format("embedded-opentype"), url("../font/NotoSans-Light.woff") format("woff"), url("../font/NotoSans-Light.woff2") format("woff2"), url("../font/NotoSans-Light.otf") format("opentype")
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 350;
	src: local("※"), local("※"), url("../font/NotoSans-DemiLight.eot"), url("../font/NotoSans-DemiLight.eot#iefix") format("embedded-opentype"), url("../font/NotoSans-DemiLight.woff") format("woff"), url("../font/NotoSans-DemiLight.woff2") format("woff2"), url("../font/NotoSans-DemiLight.otf") format("opentype")
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: local(※), local(※), url("../font/NotoSans-Regular.eot"), url("../font/NotoSans-Regular.eot#iefix") format("embedded-opentype"), url("../font/NotoSans-Regular.woff") format("woff"), url("../font/NotoSans-Regular.woff2") format("woff2"), url("../font/NotoSans-Regular.otf") format("opentype")
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: local("※"), local("※"), url("../font/NotoSans-Medium.eot"), url("../font/NotoSans-Medium.eot#iefix") format("embedded-opentype"), url("../font/NotoSans-Medium.woff") format("woff"), url("../font/NotoSans-Medium.woff2") format("woff2"), url("../font/NotoSans-Medium.otf") format("opentype")
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: local("※"), local("※"), url("../font/NotoSans-Bold.eot"), url("../font/NotoSans-Bold.eot#iefix") format("embedded-opentype"), url("../font/NotoSans-Bold.woff") format("woff"), url("../font/NotoSans-Bold.woff2") format("woff2"), url("../font/NotoSans-Bold.otf") format("opentype")
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: local("※"), local("※"), url("../font/NotoSans-Black.eot"), url("../font/NotoSans-Black.eot#iefix") format("embedded-opentype"), url("../font/NotoSans-Black.woff") format("woff"), url("../font/NotoSans-Black.woff2") format("woff2"), url("../font/NotoSans-Black.otf") format("opentype")
}

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

html {
	position: relative;
	width: 100%;
	height: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	width: 100%;
	height: 100%;
	font-size: 15px;
	font-family: 'Noto Sans KR', Noto Sans KR, "나눔고딕", "Nanum Gothic", "Apple-Gothic", "AppleSDGothicNeo-Light", "Apple SD Gothic Neo", "맑은 고딕", "malgun gothic", "굴림", "gulim", "HelveticaNeue-Light", "sans-serif";
	line-height: 1.2;
	-webkit-text-size-adjust: none
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	list-style: none
}

button {
	background: none;
	margin: 0;
	padding: 0;
	border: 0 none;
	cursor: pointer
}

img {
	max-width: 100%;
	border: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')";
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop')
}

hr {
	display: none
}

em,
dfn,
cite,
address {
	font-style: normal
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	padding: 0;
	border: 0 none;
	background: none;
	cursor: pointer
}

button,
[type="button"],
[type="reset"],
[type="submit"],
[type="number"],
[type="search"],
[type="text"],
[type="password"] {
	border: 0 none
}

button,
input {
	overflow: visible
}

.srOnly {
	display: block;
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	border: 0;
	background: 0 0;
	font-size: 1px;
	line-height: 0;
	clip: rect(0 0 0 0);
	text-indent: -9999px;
	color: transparent
}

.comment {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden
}

.clearfix:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	font-size: 0
}

.skipNav {
	overflow: hidden;
	width: 100%;
	z-index: 9999;
	height: 0;
	font-size: 0;
	line-height: 0
}

.skipNav a {
	display: block;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	text-align: center;
	font-size: 0;
	line-height: 0
}

.skipNav a:focus,
.skipNav a:hover,
.skipNav a:active {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 25px;
	margin: 0;
	padding-top: 5px;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	z-index: 99999
}

a {
	color: #000;
	cursor: pointer;
	text-decoration: none
}

a:active {
	text-decoration: none
}

hr.border {
	width: 14px;
	height: 1px;
	display: inline-block;
	text-align: center;
	margin: 20px 0;
	background: #036
}

.blind {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0
}

.accessibilityWrap {
	display: none;
	overflow: hidden;
	width: 100%;
	z-index: 9999;
	height: 0;
	font-size: 0;
	line-height: 0
}

.accessibilityWrap dd a {
	isplay: block;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	text-align: center;
	font-size: 0;
	line-height: 0
}

.accessibilityWrap dd a.focus,
.accessibilityWrap dd a.active,
.accessibilityWrap dd a.hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 20px;
	margin: 0;
	padding: 8px 15px 0 15px;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	background: #f1f1f1;
	color: #656565;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	z-index: 99999
}

::-webkit-input-placeholder {
	color: #9fa9ba;
	font-size: 13px
}

::-moz-placeholder {
	color: #9fa9ba;
	font-size: 13px
}

:-ms-input-placeholder {
	color: #9fa9ba;
	font-size: 13px
}

input:-moz-placeholder {
	color: #9fa9ba;
	font-size: 13px
}

#divpop {
	position: absolute;
	width: 800px;
	background-color: #fff;
	padding: 20px;
	left: 500px;
	top: 190px;
	z-index: 200;
	visibility: hidden;
	border: 1px solid red
}

.fl {
	float: left
}

.fr {
	float: right
}

.fn {
	float: none !important
}

.noto100 {
	font-weight: 100
}

.noto300 {
	font-weight: 300
}

.noto400 {
	font-weight: 400
}

.noto500 {
	font-weight: 500
}

.noto700 {
	font-weight: 700
}

.noto900 {
	font-weight: 900
}

.sub_title_tab {
	font-size: 16px;
	font-weight: 400
}

.sub_title {
	max-width: 100%;
	margin: 0 auto;
	text-align: center
}

.sub_title h1 {
	font-size: 32px;
	font-weight: 400;
	color: #15171b;
	margin: 30px 0
}

.sub_title_2 {
	font-size: 18px;
	font-weight: 400;
	color: #15171b;
	line-height: 30px;
	margin-bottom: 10px
}

.sub_title_3 {
	font-size: 16px;
	font-weight: 400;
	color: #001866;
	line-height: 30px;
	margin-bottom: 10px
}

.sub_title_4 {
	font-size: 16px;
	font-weight: 400;
	color: #15171b;
	line-height: 30px
}

.sub_txt_1 {
	font-size: 14px;
	font-weight: 300;
	color: #15171b;
	line-height: 26px
}

.sub_txt_1_b {
	font-size: 16px;
	font-weight: 300;
	color: #324a9a;
	line-height: 26px
}

.sub_txt_2 {
	font-size: 15px;
	font-weight: 300;
	color: #34363f;
	line-height: 24px
}

.sub_txt_3 {
	font-size: 15px;
	font-weight: 300;
	color: #5b5d65;
	line-height: 24px
}

.sub_txt_3_b {
	font-size: 15px;
	font-weight: 300;
	color: #324a9a !important;
	line-height: 24px
}

.table_txt {
	font-size: 15px;
	font-weight: 300;
	color: #3c3c3c;
	line-height: 26px
}

.txt_small_1 {
	font-size: 15px;
	font-weight: 300;
	color: #635d5d
}

.arr {
	background: url("../images/content/sub_tit_point.gif") no-repeat;
	background-position: 0px 5px
}

.arr_1 {
	background: url("../images/content/sub_point_1.gif") no-repeat;
	background-position: 0px 7px
}

.arr_2 {
	background: url("../images/content/sub_point_2.gif") no-repeat;
	background-position: 0px 7px
}

.arr_3 {
	background: url("../images/content/sub_point_3.gif") no-repeat;
	background-position: 0px 5px
}

.txt_center {
	text-align: center !important
}

.txt_left {
	text-align: left
}

.box {
	width: 100%;
	height: 120px;
	border: 1px solid #999;
	margin: 20px auto
}

.jin_sub_header_line_box {
	width: 100%;
	border: 1px solid #dde2e8;
	padding: 5px 10px 5px 10px
}

.board_sign_box {
	width: 98%;
	border: 1px solid #dde2e8;
	padding: 5px 10px 5px 10px;
	text-align: center
}

.board_dashed_line {
	border-top: 1px dashed #bbb
}

.btn_down_box {
	width: 80px;
	height: 35px;
	border: 1px solid red
}

.btn_txt {
	font-size: 14px;
	font-weight: 300;
	color: #3d3832
}

.ml5 {
	margin-left: 5px
}

.ml6 {
	margin-left: 6px
}

.ml7 {
	margin-left: 7px
}

.ml8 {
	margin-left: 8px
}

.ml10 {
	margin-left: 10px
}

.ml20 {
	margin-left: 20px
}

.ml30 {
	margin-left: 30px
}

.ml40 {
	margin-left: 40px
}

.ml50 {
	margin-left: 50px
}

.mr5 {
	margin-right: 5px
}

.mr6 {
	margin-right: 6px
}

.mr7 {
	margin-right: 7px
}

.mr8 {
	margin-right: 8px
}

.mr10 {
	margin-right: 10px
}

.mr20 {
	margin-right: 20px
}

.mr30 {
	margin-right: 30px
}

.mr40 {
	margin-right: 40px
}

.mr50 {
	margin-right: 50px
}

.mt5 {
	margin-top: 5px
}

.mt6 {
	margin-top: 6px
}

.mt7 {
	margin-top: 7px
}

.mt8 {
	margin-top: 8px
}

.mt10 {
	margin-top: 10px
}

.mt15 {
	margin-top: 15px
}

.mt20 {
	margin-top: 20px
}

.mt25 {
	margin-top: 25px
}

.mt30 {
	margin-top: 30px
}

.mt40 {
	margin-top: 40px
}

.mt50 {
	margin-top: 50px
}

.mb5 {
	margin-bottom: 5px
}

.mb6 {
	margin-bottom: 6px
}

.mb7 {
	margin-bottom: 7px
}

.mb8 {
	margin-bottom: 8px
}

.mb10 {
	margin-bottom: 10px
}

.mb20 {
	margin-bottom: 20px
}

.mb30 {
	margin-bottom: 30px
}

.mb40 {
	margin-bottom: 40px
}

.mb50 {
	margin-bottom: 50px
}

.m10 {
	margin: 10
}

.m20 {
	margin: 20
}

.pl10 {
	padding-left: 10px
}

.pl20 {
	padding-left: 20px
}

.pl30 {
	padding-left: 30px
}

.pl40 {
	padding-left: 40px
}

.pl50 {
	padding-left: 50px
}

.pr10 {
	padding-right: 10px
}

.pr20 {
	padding-right: 20px
}

.pr30 {
	padding-right: 30px
}

.pr40 {
	padding-right: 40px
}

.pr50 {
	padding-right: 50px
}

.pt00 {
	padding-top: 0px !important
}

.pt10 {
	padding-top: 10px
}

.pt20 {
	padding-top: 20px
}

.pt30 {
	padding-top: 30px
}

.pt40 {
	padding-top: 40px
}

.pt50 {
	padding-top: 50px
}

.pb10 {
	padding-bottom: 10px !important
}

.pb20 {
	padding-bottom: 20px
}

.pb30 {
	padding-bottom: 30px
}

.pb40 {
	padding-bottom: 40px
}

.pb50 {
	padding-bottom: 50px
}

.p10 {
	padding: 10px
}

.p20 {
	padding: 20px
}

.fl {
	float: left
}

.fr {
	float: right
}

.color_blue {
	color: #324a9a
}

.color_red {
	color: #d9276a
}

.extension {
	height: 100%
}

.extension:after {
	content: "";
	display: block;
	float: none;
	clear: both
}

@media screen and (max-width: 767px) {
	.cont_view {
		font-size: 12px;
		padding: 0 !important
	}

	.sub_title h1 {
		font-size: 22px;
		font-weight: 400;
		color: #15171b;
		margin: 10px 0
	}

	.sub_title_2 {
		font-size: 15px;
		font-weight: 700 !important;
		line-height: 24px
	}

	.sub_title_3 {
		font-size: 15px;
		line-height: 24px
	}

	.sub_title_4 {
		font-size: 15px;
		line-height: 24px
	}

	.sub_txt_1 {
		font-size: 13px;
		line-height: 22px
	}

	.sub_txt_2 {
		font-size: 12px
	}

	.sub_txt_3 {
		font-size: 12px
	}

	.sub_txt_3_b {
		font-size: 12px
	}

	.sub_txt_1_b {
		font-size: 13px;
		font-weight: 300;
		color: #324a9a;
		line-height: 22px
	}

	.table_txt {
		font-size: 12px;
		font-weight: 300;
		color: #3c3c3c;
		line-height: 22px
	}

	th {
		font-size: 13px
	}

	td {
		font-size: 12px
	}

	.arr {
		background: url("../images/content/sub_tit_point.gif") no-repeat;
		background-position: 0px 5px;
		background-size: 18px
	}

	.arr_1 {
		background: url("../images/content/sub_point_1.gif") no-repeat;
		background-position: 0px 5px
	}

	.arr_2 {
		background: url("../images/content/sub_point_2.gif") no-repeat;
		background-position: 0px 5px
	}

	.arr_3 {
		background: url("../images/content/sub_point_3.gif") no-repeat;
		background-position: 0px 5px
	}

	.btn_txt {
		font-size: 12px;
		font-weight: 300;
		color: #3d3832
	}

	.mt10 {
		margin-top: 5px
	}

	.mt20 {
		margin-top: 10px
	}

	.mt30 {
		margin-top: 15px
	}

	.ml10 {
		margin-left: 5px
	}

	.ml20 {
		margin-left: 10px
	}

	.ml30 {
		margin-left: 15px
	}

	.pl10 {
		padding-left: 5px
	}

	.pl20 {
		padding-left: 18px
	}

	.pl30 {
		padding-left: 24px
	}

	.pl40 {
		padding-left: 40px
	}

	.pl50 {
		padding-left: 50px
	}

	.pr10 {
		padding-right: 10px
	}

	.pr20 {
		padding-right: 20px
	}

	.pr30 {
		padding-right: 30px
	}

	.pr40 {
		padding-right: 40px
	}

	.pr50 {
		padding-right: 50px
	}

	.pt10 {
		padding-top: 10px
	}

	.pt20 {
		padding-top: 20px
	}

	.pt30 {
		padding-top: 30px
	}

	.pt40 {
		padding-top: 40px
	}

	.pt50 {
		padding-top: 50px
	}

	.pb10 {
		padding-bottom: 10px
	}

	.pb20 {
		padding-bottom: 20px
	}

	.pb30 {
		padding-bottom: 30px
	}

	.pb40 {
		padding-bottom: 40px
	}

	.pb50 {
		padding-bottom: 50px
	}

	.p10 {
		padding: 10px
	}

	.p20 {
		padding: 20px
	}
}

@media screen and (max-width: 618px) {
	.full_img {
		width: 100%
	}
}

@media screen and (max-width: 480px) {
	.event_img > img {
		height: auto !important
	}
}

.page_service {
	position: relative;
	display: block;
	border-bottom: 1px solid #d5d4d4;
	margin-top: 30px
}

.page_service .srv_notice {
	position: relative;
	font-size: 12px;
	color: #373c55;
	padding-bottom: 8px;
	line-height: 22px
}

.page_service .srv_text {
	padding: 0 0 0 26px;
	background-image: url("../images/sub/ji_poll_tit_icon.png");
	background-position: 0 0;
	background-repeat: no-repeat
}

.page_service .srv_grade {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	color: #555555
}

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

.page_service .srv_grade dt,
.page_service .srv_grade dd {
	float: left;
	height: 22px
}

.page_service .srv_grade dt {
	padding-right: 3px
}

.page_service .srv_grade dd {
	width: 90px;
	background-image: url("../images/sub/ji_grade_off.jpg");
	background-position: 0 50%;
	background-repeat: repeat-x
}

.page_service .srv_grade dd div {
	width: 100%;
	height: 100%;
	background-image: url("../images/sub/ji_grade_on.jpg");
	background-position: 0 50%;
	background-repeat: repeat-x;
	text-indent: -9999em
}

.page_service .srv_body {
	display: block;
	position: relative;
	padding: 18px 570px 21px 20px;
	border: 1px solid #d5d4d4;
	border-bottom: 0 none;
	background-color: #ffffff
}

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

.page_service .srv_comment {
	position: relative;
	padding: 0 61px 0 107px;
	border: 1px solid #dfe2e4
}

.page_service .srv_public {
	position: absolute;
	top: 20px;
	right: 200px;
	width: 350px
}

.page_service button,
.page_service input {
	font-size: 12px
}

.page_service .srv_foot {
	padding: 10px 20px;
	border: 1px solid #d5d4d4;
	border-bottom: 0 none;
	background-color: #fbfbfb;
	font-size: 12px;
	color: #3d3d3d
}

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

.page_service .srv_foot li {
	float: left;
	padding: 0 22px 0 7px;
	background-image: url("../images/sub/page_service_bullet.jpg");
	background-position: 0 6px;
	background-repeat: no-repeat;
	color: #090909
}

.page_service .srv_license {
	position: absolute;
	top: 65px;
	right: 70px;
	padding-left: 20px;
	border-left: 1px solid #ddd
}

.page_service .srv_license .desc_text {
	display: none
}

.page_service .srv_license .desc_image img {
	height: 51px
}

.select_box {
	position: relative
}

.select_box .dir_title {
	display: block;
	border: 1px solid #cfcfcf;
	border-radius: 2px
}

.select_box .dir_title button {
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	background-color: #ffffff;
	background-image: url("../images/sub/board_search_arrow.png");
	background-position: 100% 50%;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	overflow: hidden;
	text-align: left;
	text-indent: 12px
}

.select_box > ul {
	display: none;
	position: absolute;
	top: 44px;
	left: 0;
	right: 0;
	padding: 3px 0;
	border: 1px solid #d5d5d5;
	background-color: #fff;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.srv_comment .page_select {
	position: absolute;
	top: 0;
	left: 0;
	width: 106px;
	border-right: 1px solid #dfe2e4;
	color: #555453
}

.srv_comment .page_select .dir_title {
	display: block;
	border: 0 none
}

.srv_comment .page_select .dir_title button {
	display: block;
	width: 100%;
	height: 32px;
	line-height: 32px;
	background-color: #ffffff;
	background-image: url("../images/sub/board_search_arrow.png");
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: auto 18px;
	-webkit-appearance: none;
	overflow: hidden;
	text-align: left;
	text-indent: 12px
}

.srv_comment .page_select > ul {
	display: none;
	position: absolute;
	width: 107px;
	top: 32px;
	left: -1px;
	right: 0;
	border: 1px solid #d5d5d5;
	background-color: #fff;
	z-index: 1
}

.srv_comment .page_select > ul > li {
	padding-top: 1px
}

.srv_comment .page_select > ul > li > button {
	display: block;
	width: 100%;
	padding: 2px 0;
	white-space: nowrap;
	text-align: left;
	text-indent: 12px
}

.srv_comment .page_select > ul > li > button:hover {
	background-color: #999999;
	color: #fff
}

.srv_comment .page_input,
.srv_comment .page_submit {
	display: block
}

.srv_comment .page_input {
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-indent: 12px
}

.srv_comment .page_submit {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 32px;
	border-left: 1px solid #dfe2e4;
	color: #555453
}

.srv_public .srv_qr_img,
.srv_public .srv_qr_text {
	height: 58px;
	float: left
}

.srv_public .srv_qr_img {
	width: 58px;
	padding-right: 8px
}

.srv_public .srv_qr_text {
	width: 252px;
	padding: 3px 16px 0 0;
	font-size: 12px;
	color: #000000;
	line-height: 17px
}

.srv_public .srv_qr_text em {
	font-weight: 500
}

@media screen and (max-width: 1140px) {
	#hNavDepth ol > li:first-child {
		padding: 0 10px 0 20px
	}
}

@media screen and (max-width: 1120px) {
	.section {
		width: auto
	}

	.cont_sect {
		width: auto;
		padding: 0 20px;
		margin: 0 auto
	}

	.page_service .srv_body {
		padding: 18px 570px 21px 20px
	}

	.page_service .srv_public {
		width: 340px
	}
}

@media screen and (max-width: 1080px) {
	.page_service .srv_body {
		padding: 18px 340px 21px 20px
	}

	.page_service .srv_public {
		position: absolute;
		top: 20px;
		right: 0;
		width: 310px
	}

	.page_service .srv_license {
		display: none
	}
}

@media screen and (max-width: 980px) {
	#hNavDepth ol > li:first-child {
		padding: 0 10px 0 0
	}
}

@media screen and (max-width: 879px) {
	.page_service .srv_body {
		padding: 18px 100px 21px 16px
	}

	.page_service .srv_public {
		width: 80px
	}

	.srv_public .srv_qr_text {
		display: none
	}
}

@media screen and (max-width: 767px) {
	#contHead #subVisual {
		display: none
	}

	.page_service .srv_grade {
		display: none
	}

	.page_service .srv_body {
		padding: 18px 22px 21px 16px
	}

	.page_service .srv_public {
		display: none
	}

	.page_service .srv_comment {
		margin-bottom: 10px
	}
}

@media screen and (max-width: 650px) {
	#contHead .page_depth {
		display: block;
		margin: 20px 0 10px;
		padding: 0 20px
	}

	#contHead .page_depth span,
	#contHead .page_depth em {
		display: inline-block;
		padding: 0 0 0 12px;
		background-image: url("../images/common/loc_arrow.jpg");
		background-position: 2px 50%;
		background-repeat: no-repeat
	}
}

@media screen and (max-width: 479px) {
	.page_service .srv_body {
		padding: 18px 20px
	}

	.page_service .srv_comment {
		margin-bottom: 10px
	}

	.page_service .srv_public {
		position: static;
		top: auto;
		right: auto;
		width: auto
	}

	.srv_public .srv_qr_img {
		display: none
	}
}

@media screen and (max-width: 1140px) {
	#fBtnTop {
		right: 20px
	}
}

@media screen and (max-width: 1023px) {
	#fSite .site_item > a {
		height: 100%;
		background-size: auto 60px;
		font-size: 14px
	}
}

@media screen and (max-width: 900px) {
	#fGlobal .fLogo {
		display: none
	}

	#fCopyright {
		margin-left: 32px
	}
}

@media screen and (max-width: 780px) {
	#fGlobal {
		padding-top: 0;
		padding-bottom: 30px
	}

	#fSite .site_item {
		width: 50%;
		height: 39px;
		border-bottom: 1px solid #e6e6e6
	}

	#fSite #siteItem4 {
		width: 50%
	}

	#fSite #siteItem5 {
		width: 50%;
		display: block;
		border-bottom: 0 none
	}

	#fSite #siteItem6 {
		display: block;
		border-bottom: 0 none
	}

	#fSite .site_item > a {
		display: none;
		height: 24px;
		padding: 9px 0 7px 12px;
		background-size: auto 40px;
		font-size: 14px
	}

	#fSite select {
		display: block;
		border: 0 none
	}

	#fSite #siteItem1 select,
	#fSite #siteItem3 select {
		border-right: 1px solid #dedede
	}

	#fNav {
		display: none
	}

	#fAddr {
		float: left;
		padding-top: 0;
		margin-left: 10px;
		width: 75%
	}

	#fCopyright {
		margin-left: 22px
	}

	#fBtnTop {
		display: none
	}

	#fRatIcon {
		display: block;
		float: right
	}
}

@media screen and (max-width: 707px) {
	#fAddr {
		width: 60%
	}

	#fAddr span {
		border-left: none
	}
}

@media screen and (max-width: 400px) {
	#fAddr {
		width: 50%
	}
}

.txtCenter {
	text-align: center;
	line-height: 22px
}

.expertBt {
	position: relative;
	max-width: 912px;
	margin: 0 auto;
	padding-top: 41px
}

.expertBt:after {
	content: '';
	position: absolute;
	top: 41px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #df6c3f
}

.expertTab .btnExpert {
	display: inline-block;
	position: absolute;
	top: 0;
	width: 160px;
	height: 42px;
	padding-top: 12px;
	border: 1px solid #c69987;
	border-bottom: 1px solid #df6c3f;
	background-color: #FBF8F8;
	color: #c15125;
	font-size: 16px;
	text-align: center;
	z-index: 3
}

.expertTab .btnExpert.intro {
	left: 60px
}

.expertTab .btnExpert.review {
	left: 219px
}

.expertTab .innerCon {
	display: none;
	padding: 0
}

.expertTab p {
	color: #636363;
	line-height: 22px
}

.expertTab.active .btnExpert {
	z-index: 4;
	border-color: #df6c3f;
	border-bottom: 1px solid #fff;
	background-color: #fff
}

.expertTab.active .innerCon {
	display: block;
	padding: 35px 4%
}

@media screen and (max-width: 940px) {
	.expertWrap {
		padding-top: 28px
	}

}

@media screen and (max-width: 530px) {

	.expertImg,
	.expertInfo {
		width: auto;
		height: auto
	}

	.expertImg {
		overflow: hidden;
		position: relative;
		padding-bottom: 110%
	}


	.expertInfo .expertTit p.subTxt {
		font-size: 17px;
		font-weight: 400
	}

	.expertInfo .expertTit p.name {
		font-size: 33px
	}

	.expertInfo .expertTit p.name span {
		font-size: 16px
	}

	.expertInfo .expertDetail {
		padding: 20px 6% 0 6%
	}

	.expertTab .btnExpert {
		width: 130px
	}

	.expertTab .btnExpert.intro {
		left: 25px
	}

	.expertTab .btnExpert.review {
		left: 154px
	}
}

.form_guide {
	padding: 15px 10px 20px;
	font-size: 15px;
	line-height: 1.3
}


.form_guide dt {
	display: block;
	padding-bottom: 8px
}

.write_table {
	line-height: 1.3
}



.write_table td textarea {
	border: 1px solid #cfcfcf
}

.write_table td .help_agree {
	padding: 5px
}

.write_table td .help_agree ul {
	margin-bottom: 5px
}

.select_box {
	position: relative
}

.select_box .dir_title {
	display: block;
	border: 1px solid #cfcfcf;
	border-radius: 2px
}

.select_box .dir_title button {
	display: block;
	width: 100%;
	height: 42px;
	line-height: 42px;
	background-color: #ffffff;
	background-image: url("../images/content/board_search_arrow.png");
	background-position: 100% 50%;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	overflow: hidden;
	text-align: left;
	text-indent: 12px
}

.select_box > ul {
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
	right: 0;
	padding: 3px 0;
	border: 1px solid #d5d5d5;
	background-color: #fff;
	z-index: 1
}

.select_box > ul > li {
	padding-top: 1px
}

.select_box > ul > li > button {
	display: block;
	width: 100%;
	padding: 2px 0;
	white-space: nowrap;
	text-align: left;
	text-indent: 12px
}

.select_box > ul > li > button:hover {
	background-color: #999999;
	color: #fff
}

@media screen and (max-width: 767px) {
	.select_box .dir_title button {
		height: 36px;
		line-height: 36px;
		background-size: auto 22px
	}

	.select_box > ul {
		top: 37px
	}
}

@media screen and (max-width: 479px) {
	.select_box .dir_title button {
		height: 28px;
		line-height: 28px;
		background-size: auto 18px;
		font-size: 12px
	}

	.select_box > ul {
		top: 33px
	}

	.select_box > ul > li > button {
		font-size: 12px
	}
}

.select_tab {
	display: none;
	position: relative;
	margin-bottom: 10px
}

.select_tab .dir_title {
	display: block;
	border: 1px solid #cfcfcf;
	border-radius: 2px;
	height: 43px
}

.select_tab .dir_title button {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #eff2f4;
	background-image: url("../images/content/board_search_arrow.png");
	background-position: 100% 50%;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	overflow: hidden;
	text-align: left;
	text-indent: 12px;
	font-size: 15px;
	color: #545454
}

.select_tab > ul {
	display: none;
	position: absolute;
	top: 43px;
	left: 0;
	right: 0;
	padding: 6px 0;
	border: 1px solid #d5d5d5;
	background-color: #ffffff;
	z-index: 2
}

.select_tab > ul > li {
	padding-top: 1px
}

.select_tab > ul > li > a {
	display: block;
	padding: 4px 0;
	white-space: nowrap;
	text-align: left;
	text-indent: 12px
}

span.icon_accept {
	background-color: #696969;
	width: 73px;
	height: 25px;
	display: block;
	margin: 0 auto;
	border-radius: 2px;
	font-size: 15px;
	color: #fff
}

span.icon_accept_ok {
	background-color: #ff5a00;
	width: 73px;
	height: 25px;
	display: block;
	margin: 0 auto;
	border-radius: 2px;
	font-size: 15px;
	color: #fff
}

span.icon_edu {
	background-color: #696969;
	padding: 3px 15px;
	display: block;
	margin: 0 auto;
	border-radius: 2px;
	font-size: 15px;
	color: #fff;
	text-align: center
}

span.icon_edu_list {
	background-color: #ff5a00;
	padding: 3px 15px;
	display: block;
	margin: 0 auto;
	border-radius: 2px;
	font-size: 15px;
	color: #fff;
	text-align: center
}

span.icon_edu a {
	color: #fff
}

span.icon_edu_list a {
	color: #fff
}

span.icon_edu_end {
	background-color: #798094;
	width: 78px;
	height: 25px;
	display: block;
	margin: 0 auto;
	border-radius: 2px;
	font-size: 15px;
	color: #fff;
	text-align: center
}

span.icon_edu_ask {
	background-color: #d9276a;
	width: 78px;
	height: 25px;
	display: block;
	margin: 0 auto;
	border-radius: 2px;
	font-size: 15px;
	color: #fff;
	text-align: center
}

span.icon_edu_call {
	background-color: #1e7ddd;
	width: 78px;
	height: 25px;
	display: block;
	margin: 0 auto;
	border-radius: 2px;
	font-size: 15px;
	color: #fff;
	text-align: center
}

span.icon_edu_ask a {
	color: #fff
}

span.icon_comment {
	background-color: #ff5a00;
	width: 73px;
	height: 25px;
	display: block;
	margin: 0 auto;
	border-radius: 2px;
	font-size: 15px;
	color: #fff
}

span.icon_comment_end {
	background-color: #696969;
	width: 73px;
	height: 25px;
	display: block;
	margin: 0 auto;
	border-radius: 2px;
	font-size: 15px;
	color: #fff
}

@media screen and (max-width: 767px) {
	.select_tab {
		display: block
	}
}

.board_search {
	float: right;
	position: relative;
	margin-bottom: 20px
}

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

.board_search form {
	width: 420px;
	margin: 0 auto
}

.board_search .label_box,
.board_search .select_box,
.board_search .input_box {
	float: left
}

.board_search .label_box label,
.board_search .select_box select,
.board_search .input_box input {
	font-size: 14px;
	color: #555453;
	line-height: 43px
}

.board_search .label_box {
	width: 85px;
	padding-top: 1px
}

.board_search .select_box {
	width: 122px;
	margin-right: 8px;
	background-color: #ffffff;
	color: #555453
}

.board_search .input_box .wrapper {
	position: relative;
	padding-right: 56px;
	border-radius: 2px;
	height: 46px;
	line-height: 44px;
	overflow: hidden
}

.board_search .input_box .frm_input {
	width: 225px;
	height: 43px;
	margin-bottom: 5px;
	border: 1px solid #cfcfcf;
	border-right: 0 none;
	border-radius: 2px 0 0 2px;
	background-color: #ffffff;
	background-image: url("../images/content/board_search_ico.jpg");
	background-position: 10px 50%;
	background-repeat: no-repeat;
	text-indent: 36px;
	overflow: hidden
}

.board_search .input_box .frm_submit {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 58px;
	height: 43px;
	padding: 0;
	border: 0px;
	background-color: #4e6eb7;
	font-weight: 400;
	color: #ffffff;
	cursor: pointer;
	text-align: center
}

input[type=text]::-webkit-input-placeholder {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.board_search .input_box input[type=text]::-webkit-input-placeholder {
	color: #555453
}

.board_search .input_box input[type=text]::-moz-placeholder {
	color: #555453
}

@media screen and (max-width: 767px) {
	.board_search {
		width: 100%;
		margin-bottom: 20px
	}

	.board_search form {
		width: auto
	}

	.board_search .select_box {
		width: 35%;
		margin-right: 0
	}

	.board_search .input_box {
		float: right;
		width: 63%
	}

	.board_search .input_box .frm_input {
		width: 100%
	}

	.board_search .input_box .wrapper {
		padding-right: 58px
	}

	.board_search .input_box .frm_input {
		width: 100%
	}

	.select_box .dir_title button {
		height: 40px;
		line-height: 40px;
		background-size: auto 22px
	}

	.select_box > ul {
		top: 41px
	}

	.board_search .label_box label,
	.board_search .select_box select,
	.board_search .input_box input {
		line-height: 40px
	}

	.board_search .input_box .wrapper {
		height: 42px;
		line-height: 40px
	}

	.board_search .input_box .frm_input {
		height: 42px;
		background-size: auto auto;
		text-indent: 40px
	}

	.board_search .input_box .frm_submit {
		height: 42px
	}

	span.icon_accept {
		width: 50px;
		height: 20px;
		display: block;
		margin: 0 auto;
		border-radius: 2px;
		font-size: 12px;
		color: #fff
	}

	span.icon_accept_ok {
		width: 50px;
		height: 20px;
		display: block;
		margin: 0 auto;
		border-radius: 2px;
		font-size: 12px;
		color: #fff
	}

	span.icon_edu {
		padding: 3px 5px;
		display: block;
		margin: 0 auto;
		border-radius: 2px;
		font-size: 12px;
		color: #fff
	}

	span.icon_edu_list {
		padding: 3px 5px;
		display: block;
		margin: 0 auto;
		border-radius: 2px;
		font-size: 12px;
		color: #fff
	}

	span.icon_edu_end {
		width: 50px;
		height: 20px;
		display: block;
		margin: 0 auto;
		border-radius: 2px;
		font-size: 12px;
		color: #fff
	}

	span.icon_edu_ask {
		width: 50px;
		height: 20px;
		display: block;
		margin: 0 auto;
		border-radius: 2px;
		font-size: 12px;
		color: #fff
	}

	span.icon_edu_call {
		width: 50px;
		height: 20px;
		display: block;
		margin: 0 auto;
		border-radius: 2px;
		font-size: 12px;
		color: #fff
	}

	span.icon_comment {
		width: 50px;
		height: 20px;
		display: block;
		margin: 0 auto;
		border-radius: 2px;
		font-size: 12px;
		color: #fff
	}

	span.icon_comment_end {
		width: 50px;
		height: 20px;
		display: block;
		margin: 0 auto;
		border-radius: 2px;
		font-size: 12px;
		color: #fff
	}
}

@media screen and (max-width: 479px) {
	.board_search {
		margin-bottom: 10px
	}

	.select_box .dir_title button {
		height: 32px;
		line-height: 32px;
		background-size: auto 18px;
		font-size: 12px
	}

	.select_box > ul {
		top: 35px
	}

	.select_box > ul > li > button {
		font-size: 12px
	}

	.board_search .label_box label,
	.board_search .select_box select,
	.board_search .input_box input {
		font-size: 12px;
		line-height: 34px
	}

	.board_search .input_box .wrapper {
		padding-right: 50px;
		height: 34px;
		line-height: 34px
	}

	.board_search .input_box .frm_input {
		height: 34px;
		background-size: auto auto;
		text-indent: 34px
	}

	.board_search .input_box .frm_submit {
		width: 50px;
		height: 36px
	}
}

.board_info {
	width: 100%;
	border: 1px solid #dde2e8;
	padding: 5px 10px 5px 10px;
	text-align: center
}

.board_list {
	width: 100%;
	font-size: 15px;
	font-weight: 300;
	color: #3c3c3c;
	margin: 12px 0
}

.board_list th {
	height: 42px;
	color: #3c3c3c;
	border-top: 2px solid #43434a;
	border-bottom: 1px solid #757c86;
	text-align: center
}

.board_list th:nth-of-type(1) {
	width: 8%
}

.board_list th:nth-of-type(2) {
	width: 49%
}

.board_list th:nth-of-type(3) {
	width: 13%
}

.board_list th:nth-of-type(4) {
	width: 15%
}

.board_list th:nth-of-type(5) {
	width: 10%
}

.board_list th:nth-of-type(6) {
	width: 10%
}

.board_list td {
	height: 40px;
	color: #3c3c3c;
	border-bottom: 1px solid #dde2e8;
	text-align: center !important
}

.board_list td:nth-of-type(2) {
	text-align: left !important;
	padding-left: 10px
}

.board_page_area {
	display: block;
	width: 100%;
	margin: 0 auto;
	margin-top: 30px
}

.board_page_area p {
	text-align: center
}

.board_pages {
	display: block;
	width: 30rem;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse
}

.board_pages td {
	width: 36px;
	height: 36px;
	border: 1px solid #dadada;
	text-align: center
}

.board_pages td a {
	display: inline-block;
	width: 100%;
	color: #3c3c3c
}

.board_pages td a:link {
	color: #3c3c3c !important
}

.board_pages .page_select {
	background-color: #4e6eb7;
	background-image: url("../images/content/pages_underline.gif");
	background-position: 50% 26px;
	background-repeat: no-repeat
}

.board_pages .page_select a {
	display: block;
	width: 100%;
	color: #fff !important
}

.board_pages .page_select a:link {
	color: #fff !important
}

.board_list_btn {
	float: right;
	display: inline-block;
	padding: 16px auto;
	margin-bottom: 20px
}

.board_list_btn li {
	float: left;
	display: block;
	width: 126px;
	height: 48px;
	font-size: 16px;
	color: #050505;
	padding-top: 16px;
	line-height: 16px;
	border: 1px solid #dcd8d5;
	border-radius: 2px;
	text-align: center;
	margin-left: 10px
}

.board_list_btn li a {
	display: block;
	width: 100%
}

.list_select {
	float: left;
	padding-top: 16px;
	margin-right: 10px
}

.board_count {
	display: inline-block;
	font-size: 15px;
	font-weight: 300;
	width: 180px;
	padding-top: 18px
}

.board_count li {
	float: left;
	margin-right: 5px
}

.board_view {
	clear: both;
	border-top: 2px solid #838fbc
}

.board_view .view_head {
	border-left: 1px solid #dcdedf
}

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

.board_view .view_head dt {
	background-color: #f8f8f8
}

.board_view .view_head dt,
.board_view .view_head .item {
	position: relative;
	border-bottom: 1px solid #dcdedf
}

.board_view .view_head .item {
	float: left;
	width: 33.333333%
}

.board_view .view_head dt,
.board_view .view_head .item .info {
	padding-left: 110px;
	border-right: 1px solid #dcdedf;
	background-image: url(../images/content/board_view_head_bg.jpg);
	background-position: 0 0;
	background-repeat: repeat-y
}

.board_view .view_head dt .txt {
	font-weight: 700;
	font-size: 16px
}

.board_view .view_head .tit,
.board_view .view_head .txt,
.board_view .view_head .date {
	display: block;
	min-height: 28px;
	line-height: 28px;
	padding: 7px 0 5px 0;
	color: #50565a
}

.board_view .view_head .txt,
.board_view .view_head .date {
	padding-right: 10px
}

.board_view .view_head .tit {
	position: absolute;
	top: 0;
	left: 0;
	width: 99px;
	text-align: center
}

.board_view .view_head .date {
	position: absolute;
	top: 0;
	right: 20px;
	text-align: right
}

.board_view .view_head .packed {
	float: none;
	width: 100%
}

.board_view .view_body {
	clear: both;
	padding: 40px 20px;
	line-height: 24px;
	color: #666768
}

.board_view .view_body .txt {
	padding: 8px 0;
	text-align: justify;
	line-height: 24px;
	color: #666768
}

.board_view .view_body .img {
	padding: 8px 0
}

.board_view .view_body img {
	max-width: 100%
}

.board_view.board_answer {
	margin-bottom: 20px;
	border-top: 1px solid #dcdedf
}

.board_view.board_answer .view_head dt {
	padding: 11px 10px 9px 30px;
	background-color: #f8f8f8;
	color: #50565a;
	text-align: left
}

.board_view.board_answer .view_head .item {
	float: none;
	width: 100%
}

.board_view.board_answer .view_head .txt {
	white-space: normal
}

.write_table {
	width: 100%;
	border-top: 2px solid #3d6894;
	margin-bottom: 20px;
	text-align: left
}

.write_table tr {
	border-bottom: 1px solid #d3d5d7
}

.write_table th {
	padding: 10px 0;
	border-left: 1px solid #d3d5d7;
	color: #50565a;
	font-weight: normal;
	text-align: left
}

.write_table td {
	padding: 12px 15px;
	color: #666768
}

.write_table td {
	border-left: 1px solid #d3d5d7
}

.write_table th.row,
.write_table td.row {
	border-left: 0 none
}

.write_table .input_box1 {
	width: 200px;
	float: left;
	margin-right: 15px;
}

.write_table .frm_select {
	width: 210px
}

.write_table .frm_label {
	padding: 0 0 0 30px
}

.write_table .frm_input {
	width: 100%;
	height: 21px;
	background: none;
	line-height: 23px
}

.write_table .frm_text {
	width: 100%;
	padding: 0;
	border: 0 none;
	margin: 0;
	background: none
}

.write_table .frm_file {
	width: 100%
}

.write_table .file_btn {
	padding-top: 4px;
	text-align: center
}

.write_table .file_btn a {
	display: inline-block
}

.add_file .file_name {
	padding-left: 5px;
	padding-right: 60px;
	padding-left: 24px;
	background-image: url("../images/content/file_icon.png");
	background-position: 0 50%;
	background-repeat: no-repeat;
	word-break: break-all
}

.add_file .file_del {
	position: absolute;
	top: 50%;
	width: 60px;
	right: 5px;
	height: 24px;
	margin-top: -12px;
	text-align: right
}

.write_table .style_check,
.write_table .style_radio {
	float: left;
	color: #50565a
}

.style_radio {
	position: relative;
	min-height: 28px;
	margin-right: 10px;
	line-height: 28px
}

.style_radio input {
	width: 22px;
	height: 22px
}

.style_radio label {
	padding-left: 10px;
	color: #50565a;
	cursor: pointer
}

.style_radio label:after {
	content: '';
	top: 0px;
	left: 0px;
	display: inline-block;
	position: absolute;
	width: 28px;
	height: 28px;
	background-color: #ffffff;
	background-image: url("../images/content/radio_off.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 99
}

.style_radio input:checked + label:after {
	background-color: #ffffff;
	background-image: url("../images/content/radio_on.png");
	background-position: 0 0;
	background-repeat: no-repeat
}

.style_check {
	position: relative;
	min-height: 28px;
	margin-right: 10px;
	line-height: 28px
}

.style_check input {
	width: 22px;
	height: 22px
}

.style_check label {
	padding-left: 10px;
	color: #50565a;
	cursor: pointer
}

.style_check label:after {
	content: '';
	top: 0px;
	left: 0px;
	display: inline-block;
	position: absolute;
	width: 30px;
	height: 28px;
	background-color: #ffffff;
	background-image: url("../images/content/check_off.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 99
}

.style_check input:checked + label:after {
	background-color: #ffffff;
	background-image: url("../images/content/check_on.png");
	background-position: 0 0;
	background-repeat: no-repeat
}

.gallery_board {
	margin: 0 auto 45px;
	padding-left: 0
}

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

.gallery_board > li {
	float: left;
	width: 362px;
	margin-bottom: 12px
}

.gallery_board .area {
	padding: 0 10px 0 10px
}

.gallery_board .box {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	overflow: hidden;
	position: relative;
	border: 1px solid #ddd;
	text-align: center
}

.gallery_board em,
.gallery_board span {
	display: block
}

.gallery_board .thumb {
	border-bottom: 1px solid #e8e8e8
}

.gallery_board .thumb img {
	width: 100%
}

.gallery_board .info {
	padding: 20px 16px
}

.gallery_board .info .title,
.gallery_board .hover .title,
.gallery_board .info .text,
.gallery_board .hover .text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.gallery_board .info .title,
.gallery_board .hover .title {
	padding-bottom: 4px;
	font-size: 18px;
	font-weight: 500;
	color: #2b2727
}

.gallery_board .info .text,
.gallery_board .hover .text {
	font-size: 14px;
	color: #a0a0a0
}

.gallery_board .hover {
	position: absolute;
	left: 0px;
	bottom: -60%;
	width: 100%;
	background-color: #3078bc;
	color: #fff
}

.gallery_board .hover .hover_area {
	padding: 20px;
	text-align: left
}

.gallery_board .hover .title,
.gallery_board .hover .text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #fff
}

.gallery_board .hover .title {
	padding-bottom: 14px
}

.gallery_board .hover .text {
	padding-bottom: 4px
}

@media screen and (max-width: 1159px) {
	.gallery_board {
		margin-bottom: 35px;
		padding: 0
	}

	.gallery_board li {
		width: 33.3%;
		margin-bottom: 10px
	}

	.gallery_board .area {
		padding: 0 5px
	}
}

@media screen and (max-width: 1023px) {
	.gallery_board {
		margin-bottom: 30px
	}
}

@media screen and (max-width: 767px) {
	.gallery_board {
		margin-bottom: 25px
	}

	.gallery_board li {
		width: 50%;
		margin-bottom: 4px
	}

	.gallery_board .area {
		padding: 4px
	}

	.gallery_board .info {
		padding: 10px 8px 11px
	}

	.gallery_board .info .title {
		padding-bottom: 2px;
		font-size: 14px
	}

	.gallery_board .info .text {
		font-size: 12px
	}

	.gallery_board .hover {
		display: none
	}
}

@media screen and (max-width: 479px) {
	.gallery_board {
		margin-bottom: 20px
	}

	.gallery_board .info {
		padding: 7px 4px 8px
	}
}

.board_view .view_tag {
	padding: 0 70px 14px 55px;
	word-wrap: break-word;
	word-break: break-all;
	background-image: url("../images/content/bv_tag_bg.png");
	background-position: 15px 2px;
	background-repeat: no-repeat
}

.board_view .view_tag .tag {
	margin: 0 5px 0 0;
	padding: 1px 2px;
	background-color: rgba(0, 0, 0, 0.06);
	line-height: 22px;
	vertical-align: top;
	color: #333
}

.board_btn {
	text-align: right;
	padding-bottom: 20px
}

.board_view .view_foot {
	border-bottom: 1px solid #dee0e1;
	margin-bottom: 20px
}

.board_file {
	width: 100%
}

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

.board_file li {
	position: relative;
	padding: 15px 75px 15px 55px;
	border: 1px solid #e4e5e7;
	border-bottom: 0 none;
	color: #bfbfbf
}

.board_file li.file_ico {
	background-image: url("../images/content/file_icon.png");
	background-position: 22px 50%;
	background-repeat: no-repeat
}

.board_file li.file_ai {
	background-image: url("../images/content/ico_add_ai.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_id {
	background-image: url("../images/content/ico_add_id.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_jpg {
	background-image: url("../images/content/ico_add_jpg.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_zip {
	background-image: url("../images/content/ico_add_zip.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_doc {
	background-image: url("../images/content/ico_add_doc.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_docx {
	background-image: url("../images/content/ico_add_doc.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_eps {
	background-image: url("../images/content/ico_add_eps.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_gif {
	background-image: url("../images/content/ico_add_gif.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_hwp {
	background-image: url("../images/content/ico_add_hwp.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_mp3 {
	background-image: url("../images/content/ico_add_mp3.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_pdf {
	background-image: url("../images/content/ico_add_pdf.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_ppt {
	background-image: url("../images/content/ico_add_ppt.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_pptx {
	background-image: url("../images/content/ico_add_ppt.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_psd {
	background-image: url("../images/content/ico_add_psd.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_swf {
	background-image: url("../images/content/ico_add_swf.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_txt {
	background-image: url("../images/content/ico_add_txt.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_xls {
	background-image: url("../images/content/ico_add_xls.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_xlsx {
	background-image: url("../images/content/ico_add_xls.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_bmp {
	background-image: url("../images/content/ico_add_bmp.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_etc {
	background-image: url("../images/content/ico_add_etc.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li.file_video {
	background-image: url("../images/content/ico_add_video.gif");
	background-position: 20px 50%;
	background-repeat: no-repeat
}

.board_file li em {
	color: #333;
	font-size: 13px
}

.board_file li span {
	display: inline-block;
	padding-left: 10px
}

.board_file li a.down {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -16px;
	padding: 5px 30px 5px 10px;
	border: 1px solid #F60;
	border-radius: 4px;
	background-image: url("../images/content/icon_download.gif");
	background-position: right 10px;
	background-repeat: no-repeat;
	background-size: 10px auto;
	font-size: 13px;
	color: #F60
}

.board_view .view_ctrl {
	border: 1px solid #dee0e1;
	border-top: 0 none;
	border-bottom: 0 none;
	background-color: #f8f8f8;
	color: #50565a;
	line-height: 30px
}

.board_view .view_ctrl li {
	display: block;
	position: relative;
	padding: 0 0 0 100px;
	border-top: 1px solid #dee0e1;
	color: #50565a
}

.board_view .view_ctrl em,
.board_view .view_ctrl span {
	display: block;
	height: 50px;
	padding: 11px 0 9px;
	font-size: 13px
}

.board_view .view_ctrl em {
	position: absolute;
	top: 0;
	left: 0;
	width: 84px;
	text-align: center
}

.board_view .view_ctrl span {
	padding-right: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.board_view .view_ctrl .prev em {
	background-image: url("../images/content/bv_foot_prev.png");
	background-position: 100% 50%;
	background-repeat: no-repeat
}

.board_view .view_ctrl .next em {
	background-image: url("../images/content/bv_foot_next.png");
	background-position: 100% 50%;
	background-repeat: no-repeat
}

.bbs_button {
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 36px;
	padding: 6px 15px 7px 38px;
	border: 1px solid #dddddd;
	margin: 0;
	background-image: url("../images/content/bbs_button.jpg");
	background-repeat: no-repeat;
	color: #2e3138;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	text-align: left
}

.bbs_button a {
	font-size: 14px
}

.bbs_button.button_list {
	background-position: 0 0
}

.bbs_button.button_write {
	background-position: 0 -40px
}

.bbs_button.button_cancle {
	background-position: 0 -120px
}

.bbs_button.button_delete {
	background-position: 0 -160px
}

.bbs_button.button_modify {
	background-position: 0 -200px
}

.bbs_button.button_hope {
	background-position: 0 -240px
}

a.tiny_btn {
	display: inline-block;
	height: 22px;
	padding: 0 8px;
	border: 1px solid #cccccc;
	background-color: #f9f6f6;
	line-height: 22px;
	color: #474444
}

@media screen and (max-width: 767px) {
	.board_count {
		display: none
	}

	.list_select {
		display: none
	}

	.board_pages {
		width: 24rem
	}

	.board_list th {
		font-size: 12px;
		border: none;
		border-top: 1px solid #3d65ba;
		border-bottom: 1px solid #d8d8d8
	}

	.board_list td {
		font-size: 12px;
		border: none;
		border-bottom: 1px solid #d8d8d8
	}

	.board_list th:nth-of-type(1) {
		display: none
	}

	.board_list th:nth-of-type(2) {
		width: 35%
	}

	.board_list td:nth-of-type(1) {
		display: none
	}

	.board_list th:nth-of-type(5) {
		display: none
	}

	.board_list td:nth-of-type(5) {
		display: none
	}

	.board_pages td:nth-of-type(10) {
		display: none
	}

	.board_pages td:nth-of-type(11) {
		display: none
	}

	.board_pages td:nth-of-type(12) {
		display: none
	}

	.board_list > td > img {
		width: 65%
	}

	.board_list_btn {
		float: right;
		display: inline-block;
		padding: 14px auto;
		margin-bottom: 20px
	}

	.board_list_btn li {
		float: left;
		display: block;
		width: 100px;
		height: 36px;
		font-size: 14px;
		color: #050505;
		padding-top: 10px;
		line-height: 14px;
		border: 1px solid #dcd8d5;
		border-radius: 2px;
		text-align: center;
		margin-left: 10px
	}

	.board_list_btn li a {
		display: block;
		width: 100%
	}

	.board_donation th {
		border: none;
		border-top: 1px solid #3d65ba;
		border-bottom: 1px solid #d8d8d8
	}

	.board_donation td {
		border: none;
		border-bottom: 1px solid #d8d8d8
	}

	.board_donation th:nth-of-type(1) {
		display: none
	}

	.board_donation td:nth-of-type(1) {
		display: none
	}

	.board_donation th:last-child {
		display: none
	}

	.board_donation td:last-child {
		display: none
	}

	span.icon_accept {
		width: 50px;
		height: 20px;
		display: block;
		margin: 0 auto;
		border-radius: 2px;
		font-size: 12px;
		color: #fff
	}

	span.icon_accept_ok {
		width: 50px;
		height: 20px;
		display: block;
		margin: 0 auto;
		border-radius: 2px;
		font-size: 12px;
		color: #fff
	}

	.board_view .view_head dt,
	.board_view .view_head .item .info {
		float: none;
		width: auto;
		padding-left: 90px;
		background-position: -20px 0
	}

	.board_view .view_head .item {
		float: none;
		width: auto
	}

	.board_view .view_head .txt,
	.board_view .view_head .date {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}

	.board_view .view_head .tit {
		width: 79px
	}

	.board_view .view_head .date {
		display: none
	}

	.board_view .view_body {
		padding: 10px
	}

	.board_view.board_answer .view_head dt {
		padding-left: 20px
	}
}

@media screen and (max-width: 595px) {
	.board_view .view_head .item {
		float: none;
		width: 100%
	}
}

@media screen and (max-width: 566px) {
	.bbs_button {
		background: none;
		padding: 8px 5px 12px
	}
}

@media screen and (max-width: 479px) {
	.board_pages {
		width: 19rem
	}

	.board_list th:nth-of-type(5) {
		display: none
	}

	.board_list td:nth-of-type(5) {
		display: none
	}

	.board_view .view_head .tit {
		width: 65px
	}

	.board_view .view_head dt,
	.board_view .view_head .item .info {
		float: none;
		width: auto;
		padding-left: 70px;
		background-position: -20px 0
	}

	.board_view .view_ctrl li {
		padding: 0 0 0 80px
	}

	.board_view .view_ctrl em {
		position: absolute;
		top: 0;
		left: 10px;
		width: 60px;
		text-align: left
	}

	.board_view.board_answer .view_head dt {
		padding-left: 10px
	}

	.board_file li a.down {
		padding: 8px 10px;
		background-image: url("../images/content/icon_download.gif");
		background-position: center center;
		background-repeat: no-repeat;
		text-indent: -9999px
	}

	.board_pages td:nth-of-type(8) {
		display: none
	}

	.board_pages td:nth-of-type(9) {
		display: none
	}
}

.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 20px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	opacity: 0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	-o-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none
}

.modalDialog:target {
	opacity: 1;
	pointer-events: auto
}

.modalDialog > div {
	max-width: 800px;
	height: 100%;
	position: relative;
	margin: 0 auto;
	background-color: #ffffff
}

.modalDialog > div > header {
	background-color: #06C;
	position: relative
}

.modalDialog > div > header h3 {
	color: #fff !important;
	line-height: 50px;
	padding-left: 40px
}

.close {
	line-height: 50px;
	position: absolute;
	right: 30px;
	text-align: center;
	top: -2px;
	width: 24px
}

.policy_cont {
	padding: 40px;
	max-height: 90%;
	overflow: auto
}

.center_tel dl {
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin-bottom: 20px
}

.center_tel dl dt {
	float: left;
	width: 25%
}

.center_tel dl dt span {
	display: block;
	height: 35px;
	line-height: 35px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background-color: #f4f4f4;
	text-align: center
}

.center_tel dl dd {
	float: left;
	width: 25%;
	height: 35px;
	line-height: 35px
}

.center_tel dl dd span {
	display: block;
	height: 35px;
	line-height: 35px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align: center
}

@media screen and (max-width: 767px) {
	.center_tel dl dt {
		width: 50%
	}

	.center_tel dl dd {
		width: 50%
	}
}

.container {
	position: relative;
	max-width: 1280px;
	margin: 0 auto
}

.split #header {
	z-index: 99
}

.hide {
	position: absolute;
	left: -9999px;
	overflow: hidden;
	width: 1px;
	height: 1px;
	line-height: 1px;
	font-size: 1px
}

.popup_zone {
	position: relative
}

.sub .popup_zone {
	display: none !important
}

.popup_zone .cont {
	background-color: #66c9ee
}

.popup_zone .cont .list {
	overflow: hidden;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}

.popup_zone .cont .list .slick-list .slick-track li {
	float: left;
	padding: 20px 0
}

.popup_zone .cont .list .slick-list .slick-track li a {
	display: block;
	text-align: center
}

.popup_zone .cont .list .slick-list .slick-track li a .title {
	font-family: 'Noto Sans KR';
	font-weight: 500;
	font-size: 30px;
	line-height: 45px;
	color: #ffffff;
	word-break: keep-all
}

.popup_zone .cont .list .slick-list .slick-track li a .text {
	margin: 8px 0 0;
	font-family: 'Noto Sans KR';
	font-weight: 300;
	font-size: 18px;
	line-height: 27px;
	color: #ffffff;
	word-break: keep-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word
}

.popup_zone .cont .pop_btn_area {
	position: absolute;
	bottom: 24px;
	right: 4.63%
}

.popup_zone .cont .pop_btn_area .chk_each {
	display: inline-block
}

.popup_zone .cont .pop_btn_area .chk_each label {
	position: relative;
	padding: 0 0 0 20px;
	font-family: 'Noto Sans KR';
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: rgba(255, 255, 255, 0.5);
	vertical-align: middle
}

.popup_zone .cont .pop_btn_area .chk_each label span {
	top: 2px;
	display: block;
	position: absolute;
	left: 0;
	z-index: 1;
	width: 16px;
	height: 16px;
	background-color: #fff;
	font-size: 12px;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background: none
}

.popup_zone .cont .pop_btn_area .chk_each label span i {
	display: none;
	color: #ffffff
}

.popup_zone .cont .pop_btn_area .chk_each input:checked + label {
	color: #ffffff
}

.popup_zone .cont .pop_btn_area .chk_each input:checked + label .vchkbox {
	border: 1px solid #ffffff
}

.popup_zone .cont .pop_btn_area .chk_each input:checked + label .vchkbox i {
	display: block
}

.popup_zone .cont .pop_btn_area button {
	display: inline-block;
	position: initial;
	right: initial;
	top: initial;
	width: 15px;
	height: 14px;
	margin: 0 0 0 15px;
	background-image: url("/templates/default/images/main/close_btn.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	vertical-align: middle
}

.popup_zone .cont .list .slick-dots {
	display: none !important
}

.popup_zone .cont .state_box {
	position: absolute;
	top: 39px;
	right: 4.63%
}

.popup_zone .cont .state_box .nav_box {
	overflow: hidden
}

.popup_zone .cont .state_box .nav_box .nav {
	float: left;
	width: 13px;
	height: 23px
}

.popup_zone .cont .state_box .nav_box .nav.prev {
	margin: 0 30px 0 0;
	background-image: url("/templates/default/images/main/nav_prev_icon.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%
}

.popup_zone .cont .state_box .nav_box .nav.next {
	margin: 0 0 0 30px;
	background-image: url("/templates/default/images/main/nav_next_icon.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%
}

.popup_zone .cont .state_box .nav_box .num {
	float: left;
	font-family: 'Noto Sans KR';
	font-weight: 300;
	font-size: 16px;
	line-height: 23px;
	color: #ffffff
}

.popup_zone .cont .state_box .nav_box .num .now {
	padding: 0 2px 0 0;
	font-family: 'Noto Sans KR';
	font-weight: 300;
	font-size: 16px;
	line-height: 23px;
	color: #ffffff
}

.popup_zone .cont .state_box .nav_box .num .total {
	padding: 0 0 0 2px;
	font-family: 'Noto Sans KR';
	font-weight: 300;
	font-size: 16px;
	line-height: 23px;
	color: #ffffff
}

.header_wrap {
	background-color: #f1f1f1
}

.util {
	position: relative;
	max-width: 1360px;
	height: 43px;
	margin: 0 auto
}

.util .lnb {
	display: none !important;
	float: right
}

.util .lnb > li {
	position: relative;
	float: left;
	padding: 0 14px;
	color: #6b6561;
	font-size: 12px;
	line-height: 35px
}

.util .lnb > li:after {
	display: inline-block;
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height: 16px;
	margin-top: -8px;
	background-color: #e1e1e1
}

.util .lnb > li:last-child:after {
	display: none
}

.util .lnb > li > a {
	display: block;
	color: #313844;
	font-size: 13px;
	font-weight: 300;
	text-align: center
}

.util .lnb > li:first-child > a {
	font-size: 12px
}

.util .lnb li.font {
	width: 137px
}

.util .lnb .font dl {
	text-align: center
}

.util .lnb .font dl dt {
	display: inline-block;
	padding-right: 2px
}

.util .lnb .font dl dd {
	display: inline-block;
	letter-spacing: -1px
}

.util .lnb .font dl dd.icon {
	width: 22px;
	height: 22px;
	border: 1px solid #e5e5e5;
	border-radius: 50%;
	text-align: center;
	line-height: 23px
}

.util .sns {
	float: right
}

.util .sns .admin {
	display: inline-block;
	float: left;
	width: 106px;
	height: 35px;
	margin-right: 20px;
	color: #000;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	line-height: 35px
}

.util .sns ul {
	float: left;
	padding: 14px 0 13px
}

.util .sns ul li {
	float: left;
	height: 16px;
	margin: 0 18px 0 0
}

.util .sns ul li:last-child {
	margin: 0
}

.gnb {
	/* position: relative; */
	max-width: 1360px;
	margin: 0 auto
}

.gnb .logo {
	position: absolute;
	top: 19px;
	left: 0;
	width: 206px
}

.gnb .logo a {
	display: block
}

.gnb .menu {
	width: 100%;
	padding: 0 8.0884% 0 20%;
	text-align: right
}

.gnb .menu > li {
	display: inline-block;
	position: relative
}

.gnb .menu > li > a {
	display: block;
	position: relative;
	padding: 0 20px;
	color: #252525;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	line-height: 131px
}

.gnb .menu > li > a:hover,
.gnb .menu > li > a:focus {
	color: #2eb5e7
}

#header {
	position: relative;
	z-index: 999;
	background-color: #ffffff
}



#header .rightItem {
	position: absolute;
	top: 53px;
	right: 0;
	overflow: hidden
}

#header .rightItem .itemWrap {
	position: relative;
	max-width: 1175px;
	margin: 0 auto
}

#header .rightItem .itemWrap .totalSearch,
#header .rightItem .itemWrap .btn_all {
	display: inline-block;
	position: absolute
}

#header .rightItem .itemWrap .totalSearch {
	top: 22px;
	right: 47px
}

#header .rightItem .itemWrap .btn_all {
	top: 23px;
	right: 0
}

#header .rightItem .area {
	float: left;
	margin: 0 25px 0 0
}

#header .rightItem .area:last-child {
	margin: 0
}

#header .rightItem .area a {
	display: block
}

.iconDrop {
	display: none
}

#asideArea {
	display: none
}

#asideArea h3.topTit {
	padding: 20px 22px;
	background-color: #1063cb;
	color: #fff;
	font-weight: 300;
	font-size: 16px
}

#asideArea #totalClose {
	display: block;
	position: absolute;
	top: 11px;
	right: 10px
}

#asideArea #totalClose a {
	display: block;
	width: 36px;
	height: 36px;
	padding: 0;
	background-image: url("../images/common/total_menu_close.png");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -9999px
}

#asideArea .lnbMo {
	padding: 10px 0;
	background-color: #123579
}

#asideArea .lnbMo li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #315390
}

#asideArea .lnbMo li:last-child {
	border-right: none
}

#asideArea .lnbMo li a {
	display: block;
	color: #fff;
	font-size: 12px;
	font-family: 'Dotum', '돋움', "굴림", "gulim", "sans-serif";
	text-align: center
}

#totalNav {
	position: relative;
	padding-bottom: 30px
}

#totalNav .nav_btn {
	display: block;
	position: relative;
	padding: 12px 21px 12px 30px;
	border-bottom: 1px solid #dcdcdc;
	background-color: #fff;
	color: #3e3e3e;
	font-size: 15px
}

#totalNav .nav_list {
	display: none
}

#totalNav .nav_list > li {
	background-color: #f6f7f7;
	background-image: url("../images/common/bu_2p.png");
	background-position: 30px 22px;
	background-repeat: no-repeat
}

#totalNav .nav_list > li > a {
	display: block;
	position: relative;
	padding: 11px 35px 12px 40px;
	color: #313131;
	font-size: 15px;
	border-bottom: 1px solid #e4e4e4
}

#totalNav .depth3 {
	display: none;
	padding: 6px 0;
	background-color: #ededed;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4
}

#totalNav .depth3 li a {
	display: block;
	padding: 6px 0;
	padding-left: 44px;
	font-size: 14px
}

#totalNav .depth3 li a:active,
#totalNav .depth3 li a:focus {
	color: #1063cb;
	text-decoration: underline
}

#totalNav .iconDrop {
	display: inline-block;
	position: absolute;
	top: 48%;
	right: 8%
}

#totalNav .iconDrop:before {
	content: '';
	position: absolute;
	background-color: #ddd;
	width: 14px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin-top: -1px;
	margin-left: -7px;
	opacity: 1;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

#totalNav .iconDrop:after {
	content: '';
	position: absolute;
	background-color: #ddd;
	width: 2px;
	height: 14px;
	left: 50%;
	top: 50%;
	margin-top: -7px;
	margin-left: -1px;
	opacity: 1;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

#totalNav .active > .iconDrop {
	opacity: 1
}

#totalNav .active > .iconDrop:after {
	content: '';
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

#totalNav .active > .iconDrop:before {
	content: '';
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}

#asideArea .total_home {
	padding-left: 7%
}

.total_link li {
	float: left;
	margin-right: 8px
}

.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 900
}

#header #totalOpen,
#header #totalOpen2 {
	display: none
}

.expertBt .expertTab {
	line-height: 22px
}

@media screen and (max-width: 1175px) {
	#asideArea {
		display: block;
		position: fixed;
		top: 0px;
		right: -100%;
		overflow-x: hidden;
		max-width: 320px;
		width: 80%;
		height: 100%;
		background-color: #ffffff;
		z-index: 99999
	}

	#asideArea.fix {
		position: fixed !important
	}

	#header {
		border-bottom: 1px solid #bababa;
		position: relative;
		top: 0;
		width: 100%
	}

	#header #totalOpen,
	#header #totalOpen2 {
		z-index: 999999;
		display: block;
		float: right
	}

	#header #totalOpen a,
	#header #totalOpen2 a {
		display: block;
		width: 30px;
		height: 23px;
		background-image: url("/templates/default/images/common/icon_hamburger.png");
		background-position: 50% 50%;
		background-repeat: no-repeat;
		text-indent: -9999px
	}

	#header .logo {
		position: inherit;
		left: inherit;
		right: inherit;
		top: inherit;
		width: 85px;
		height: 45px
	}

	#header .gnb {
		height: 53px;
		padding: 8px 10px 0;
		background-color: #ffffff
	}

	#header .gnb .menu {
		display: none
	}

	#header .header_wrap .util {
		display: none
	}

	#header .rightItem {
		top: 15px
	}

	#header .rightItem .itemWrap:nth-of-type(2),
	#header .rightItem .itemWrap .btn_all {
		display: none
	}

	#header .rightItem .itemWrap .totalSearch {
		top: 18px;
		right: 3%
	}

	#header.scrolled {
		position: fixed;
		padding-top: 0
	}

	#header.scrolled .gnb_header {
		position: static
	}

	#header .rightItem .area.m_none {
		display: none
	}

	.split #wrap {
		position: fixed;
		width: 100%;
		height: 100%;
		overflow: hidden
	}

	.popup_zone .cont {
		overflow: hidden
	}

	.popup_zone .cont .list .slick-list .slick-track li {
		padding: 15px 0
	}

	.popup_zone .cont .state_box {
		position: inherit;
		top: 0;
		right: 0;
		width: 114px;
		margin: 0 auto
	}

	.popup_zone .cont .pop_btn_area {
		position: inherit;
		top: 0;
		right: 0;
		float: right;
		padding: 0 10px 10px 0
	}
}

@media screen and (max-width: 380px) {
	#asideArea {
		width: 88%
	}
}

#footer {
	background-color: #ffffff;
	font-size: 12px
}

#footer .foot_banner_slider {
	max-height: 98px;
	padding: 0 40px;
	overflow: hidden
}

#footer .foot_banner_slider .item {
	display: table;
	margin: 0 35px
}

#footer .foot_banner_slider .item a {
	display: table-cell;
	height: 98px;
	text-align: center;
	vertical-align: middle
}

#footer .foot_banner_slider .item a img {
	display: inline-block;
	max-height: 50px;
	width: auto;
	vertical-align: middle
}

#footer .foot_banner_slider .slick-arrow {
	position: absolute;
	top: 50%;
	width: 13px;
	height: 20px;
	margin-top: -10px;
	background-image: url("/images/common/foot_banner_next.jpg");
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0
}

#footer .foot_banner_slider .slick-arrow.slick-prev {
	left: 0;
	background-image: url("/images/common/foot_banner_prev.jpg")
}

#footer .foot_banner_slider .slick-arrow.slick-next {
	right: 0
}

#footer .footerWrap {
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
	padding: 54px 250px 55px 190px
}

#footer .logoft {
	position: absolute;
	top: 57px;
	left: 10px
}

#footer .copyright {
	color: rgba(35, 35, 35, 0.73);
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 300;
	color: #b7b7b7
}

.footerInfo {
	float: left
}

.footerInfo ul {
	margin-bottom: 12px
}

.footerInfo ul li {
	float: left;
	padding-bottom: 3px
}

.footerInfo ul li a {
	display: inline-block;
	position: relative;
	padding: 0 15px;
	font-size: 14px;
	font-weight: 300;
	color: #b7b7b7
}

.footerInfo ul li a:hover {
	text-decoration: underline
}

.footerInfo ul li.first a {
	padding-left: 0
}

.footerInfo ul li:last-child a {
	padding-right: 0
}

.footerInfo ul li a:before {
	content: '';
	position: absolute;
	top: 4px;
	left: 0;
	width: 1px;
	height: 12px;
	background-color: #999999
}

.footerInfo ul li.first a:before {
	content: none
}

.footerAddr {
	padding-bottom: 5px;
	color: rgba(35, 35, 35, 0.73)
}

.footerAddr span {
	padding-right: 15px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 300;
	color: #b7b7b7
}

.footerAddr address {
	display: inline-block;
	padding-right: 15px;
	font-size: 14px;
	font-weight: 300;
	color: #b7b7b7
}

.footerMark {
	float: right;
	padding-top: 8px
}

.footerMark ul li {
	float: left;
	padding-right: 5px
}

.footerMark ul li.mark3 {
	padding-right: 0
}

.footerMark ul li a {
	display: inline-block;
	color: #fff
}

.relatedSite {
	position: absolute;
	top: 48px;
	right: 10px
}

.relatedSite a {
	padding-left: 14px;
	color: #fff;
	line-height: 42px
}

.relatedSite .listOpen {
	position: relative;
	width: 100%;
	background-image: none
}

.relatedSite .select_btn,
.relatedSite .listOpen {
	display: inline-block;
	height: 42px;
	padding: 0 35px 0 33px;
	background-image: url("/templates/default/images/common/ft_color_arr.jpg");
	background-position: right 15px top 50%;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: 300;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

.relatedSite .select_btn {
	margin-bottom: 3px
}

.relatedSite .listOpen:after {
	display: inline-block;
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(/templates/default/images/common/icon_select.png);
	background-repeat: no-repeat;
	background-position: center 100%
}

.relatedSite .listOpen.open:after {
	background-position: center 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

.relatedSite .siteList {
	display: inline-block;
	width: 213px;
	position: relative;
	background-color: #1b1c20
}

.relatedSite .siteList .listWrap {
	display: none;
	overflow: hidden;
	position: absolute;
	bottom: 44px;
	left: 0;
	width: 100%;
	height: 170px;
	background-color: #696a70;
	z-index: 20
}

.relatedSite .siteList ul {
	height: 100%;
	overflow-x: hidden
}

.relatedSite .siteList ul li a {
	display: block
}

.relatedSite .siteList .listWrap .linebreak a {
	line-height: 16px
}

.relatedSite .mark-area {
	display: inline-block;
	vertical-align: top
}

.popup_zone .cont .list li {
	padding: 35px 0;
	text-align: center
}

.popup_zone .cont .list li a .title {
	font-size: 23px;
	line-height: 27px;
	color: #fff;
	margin-bottom: 5px
}

.popup_zone .cont .list li a .text {
	font-size: 14px;
	line-height: 21px;
	color: #fff
}

@media screen and (max-width: 1360px) {
	.util {
		padding: 0 10px
	}

	#header .rightItem {
		right: 10px
	}

	.gnb .logo {
		left: 10px
	}
}

@media screen and (max-width: 1175px) {
	#footer .foot_banner_slider .item {
		margin: 0 20px
	}
}

@media screen and (max-width: 1045px) {
	body {
		overflow-x: hidden !important
	}

	#footer .footerWrap {
		padding-right: 2%;
		padding-left: 140px
	}

	#footer .logoft {
		left: 10px
	}

	.relatedSite {
		position: static;
		margin-top: 10px
	}

	.footerInfo {
		float: none;
		padding: 15px 0 0
	}

	.relatedSite .select_btn {
		margin-right: 5px
	}
}

@media screen and (max-width: 991px) {
	#footer .foot_banner_slider .item {
		margin: 0 10px
	}
}

@media screen and (max-width: 767px) {
	#footer {
		height: auto
	}

	#footer .footerWrap {
		padding: 11px 0 20px;
		text-align: center
	}

	#footer .logoft {
		display: inline-block;
		position: relative;
		top: auto;
		left: auto;
		padding-bottom: 10px
	}

	.footerInfo {
		display: block
	}

	.footerAddr {
		text-align: center
	}

	.copyright {
		text-align: center;
		-ms-word-break: keep-all;
		word-break: keep-all
	}

	.footerAddr span {
		-ms-word-break: keep-all;
		word-break: keep-all
	}

	.relatedSite {
		text-align: center
	}

	.relatedSite .mark-area {
		margin-bottom: 10px
	}

	.relatedSite .select_btn,
	.relatedSite .siteList {
		display: block;
		width: 300px;
		margin: 3px auto
	}

	.relatedSite .listOpen {
		width: 100%
	}

	.footerInfo ul {
		display: inline-block
	}

	#footer .foot_banner_slider {
		max-height: 70px
	}

	#footer .foot_banner_slider .item a {
		height: 70px
	}

	#footer .foot_banner_slider .item a img {
		max-height: 40px;
		max-width: 90%
	}
}

@media screen and (max-width: 740px) {
	.popup_zone .cont .list .slick-list .slick-track li {
		padding: 8px 0
	}

	.popup_zone .cont .list .slick-list .slick-track li a .title {
		font-size: 18px;
		line-height: 27px
	}

	.popup_zone .cont .list .slick-list .slick-track li a .text {
		font-size: 14px;
		line-height: 21px
	}

	.popup_zone .cont .list li {
		padding: 8px 0
	}

	.popup_zone .cont .list li a .title {
		font-size: 18px;
		line-height: 27px;
		color: #fff
	}

	.popup_zone .cont .list li a .text {
		font-size: 14px;
		line-height: 21px;
		color: #fff
	}

	.popup_zone .cont .state_box {
		width: 77px;
		margin: 7px auto
	}

	.popup_zone .cont .state_box .nav_box .nav.prev {
		margin: 3px 15px 0 0
	}

	.popup_zone .cont .state_box .nav_box .nav.next {
		margin: 3px 0 0 15px
	}

	.popup_zone .cont .state_box .nav_box .nav {
		width: 10px;
		height: 20px
	}

	.popup_zone .cont .state_box .nav_box .num {
		font-size: 12px;
		line-height: 20px
	}
}

@media screen and (max-width: 480px) {
	#footer .foot_banner_slider .item {
		margin: 0
	}

	#footer .foot_banner_slider .item a {
		padding: 0 !important
	}
}

.searchWindow {
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	padding: 40px 0 56px;
	border-top: 1px solid #dcdcdc;
	background-color: #fff;
	background-image: url(../images/common/bg_search.jpg);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	text-align: center;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

.searchWindow input,
.searchWindow button {
	font-family: 'Noto Sans KR', Noto Sans KR, "맑은 고딕", "malgun gothic", "굴림", "gulim", "sans-serif"
}

.searchWindow > h2 {
	padding-bottom: 15px;
	color: #195599;
	font-size: 26px;
	font-weight: 700
}

.searchWindow > h2 span {
	font-weight: 300
}

.searchWindow .searchWrap {
	position: relative;
	max-width: 723px;
	margin: 0 auto;
	padding-right: 6px
}

.searchWindow .searchBox {
	position: relative;
	margin: 0;
	margin-bottom: 10px;
	padding: 4px;
	padding-right: 90px;
	background-color: #195599
}

.searchWindow .searchBox input[type="text"] {
	float: none;
	width: 100%;
	height: 45px;
	padding: 10px 24px;
	font-size: 16px;
	border: none
}

.searchWindow .searchBox input[type="submit"] {
	float: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 90px;
	height: 100%;
	margin: 0;
	border: none;
	color: #fff;
	font-size: 16px;
	font-weight: 700
}

.searchWindow .searchWord {
	position: relative;
	padding-left: 140px;
	border: 1px solid #d3d3d3;
	background-color: #ffffff;
	color: #292b2d;
	font-size: 15px
}

.searchWindow .searchWord span {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 100%;
	padding-left: 25px;
	padding-top: 16px
}

.searchWindow .searchWord ul li {
	float: left
}

.searchWindow .searchWord ul li a {
	display: inline-block;
	padding: 16px 9px
}

.searchWindow .searchWord ul li a:hover {
	color: #195599
}

.searchWindow .btn {
	position: absolute;
	top: 0;
	left: 100%;
	display: inline-block;
	width: 95px;
	height: 53px;
	border: 1px solid #73a7e3;
	background-color: #f2f9ff;
	color: #195599;
	font-size: 16px;
	font-weight: 700
}

.searchWindow {
	max-height: 0;
	padding: 0;
	opacity: 0
}

.searchWindow h2 {
	display: none
}

.searchWindow .searchWrap {
	display: none
}

.searchOn .searchWindow {
	max-height: none;
	padding: 40px 0 56px;
	opacity: 1;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s
}

.searchOn #header .rightItem .itemWrap .totalSearch {
	width: 20px;
	height: 19px;
	background-image: url("../images/common/total_menu_close.gif");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -9999px
}

.searchOn .searchWindow h2 {
	display: block
}

.searchOn .searchWindow .searchWrap {
	display: block
}

.searchOn .overlay {
	display: block !important
}

@media screen and (max-width: 1175px) {
	.searchWindow {
		top: 59px
	}
}

@media screen and (max-width: 1024px) {
	.searchWindow {
		background-size: 100%
	}

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

	.searchWindow .searchBox {
		float: left;
		width: 85%;
		margin-right: 1%
	}

	.searchWindow .btn {
		position: relative;
		float: left;
		left: auto;
		width: 14%
	}

	.searchWindow .searchWord {
		clear: both
	}
}

@media screen and (max-width: 767px) {
	.searchWindow .searchWrap {
		padding-right: 0;
		padding: 0 5%
	}

	.searchWindow .searchBox {
		width: 75%;
		padding-right: 65px
	}

	.searchWindow .searchBox input[type="submit"] {
		width: 65px;
		font-weight: 400;
		font-size: 15px
	}

	.searchWindow .btn {
		width: 24%;
		font-size: 15px;
		font-weight: 400
	}

	.searchOn .searchWindow {
		padding: 25px 0 35px
	}

	.searchOn .searchWindow h2 {
		font-size: 18px
	}

	.searchWindow .searchWord {
		padding-left: 0;
		padding: 0 4% 10px
	}

	.searchWindow .searchWord span {
		position: relative;
		padding-bottom: 8px;
		padding-left: 0
	}

	.searchWindow .searchWord ul li a {
		padding: 8px 9px
	}
}

@media screen and (max-width: 760px) {
	.searchWindow .searchBox input[type="text"] {
		margin: 0
	}
}

.board_search_area {
	padding: 22px 64px 23px 46px;
	background-color: #edf0f3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.Brow {
	overflow: hidden
}

.Btit {
	float: left;
	width: 114px;
	height: 38px;
	padding-left: 16px;
	font-size: 1.125em;
	color: #50565a;
	background-image: url("../images/sub/board_bullet.png");
	background-position: 0 50%;
	background-repeat: no-repeat;
	line-height: 38px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.Binner {
	overflow: hidden;
	min-height: 38px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.fix_cont1 {
	float: left;
	width: 177px
}

.fix_cont2 {
	float: left
}

.fix_cont2 input[type='text'],
.fix_cont2 img {
	display: inline-block
}

.fix_cont2 input[type='text'] {
	width: 137px;
	height: 38px;
	padding-left: 10px;
	border: 1px solid #cfcfcf;
	border-right: none;
	background-color: #fcfcfc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.fix_cont2 img {
	padding: 7.5px;
	background-color: #fcfcfc;
	border: 1px solid #cfcfcf;
	border-left: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.fix_cont2 span {
	padding: 10px
}

.fix_cont3 {
	float: left;
	width: 177px
}

.Bselect {
	overflow: hidden;
	width: 100%;
	height: 38px;
	border: 1px solid #cfcfcf;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.respon_cont1 {
	overflow: hidden;
	margin-left: 177px
}

.respon_cont1 button {
	float: right
}

.respon_cont2 {
	margin-left: 407px
}

.respon_cont2 ul {
	width: 100%;
	font-size: 0
}

.respon_cont2 ul li {
	display: inline-block;
	width: 18.57506%;
	text-align: center;
	margin-left: 7px;
	font-size: 16px
}

.respon_cont2 ul li:first-child {
	margin-left: 0
}

.respon_cont2 ul li a {
	display: block;
	height: 38px;
	line-height: 36px;
	background-color: #fff;
	border: 1px solid #cfcfcf;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.respon_cont3 {
	overflow: hidden;
	margin-left: 177px
}

.board_btn {
	width: 115px;
	height: 38px;
	background-color: #6c708e;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	font-size: 0.938em
}

.board_btn.search_icon {
	background-color: #6c708e;
	background-image: url("../images/sub/board_search_ico.png");
	background-position: 28px 50%;
	background-repeat: no-repeat;
	text-indent: 20px
}

.hr_line {
	border-bottom: 1px solid #cfd3d7;
	margin: 20px 0
}

.MAT13 {
	margin-top: 13px !important
}

.detail_area {
	position: relative;
	padding-left: 36px;
	padding-right: 130px
}

.detail_area button {
	float: none;
	position: absolute;
	right: 0;
	top: 0
}

#detailSearch {
	width: 100%;
	height: 38px;
	padding-left: 10px;
	border: 1px solid #cfcfcf;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width: 1040px) {
	.board_1 {
		padding: 0 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.fix_cont2 {
		float: none
	}

	.respon_cont2 {
		margin-left: 0;
		width: 100%;
		margin-top: 13px
	}

	.respon_cont2 ul {
		display: table;
		width: 100%
	}

	.respon_cont2 ul li {
		display: table-cell;
		font-size: 16px
	}

	.respon_cont2 ul li a {
		display: block;
		margin-left: 7px;
		height: 38px;
		line-height: 36px;
		background-color: #fff;
		border: 1px solid #cfcfcf;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.respon_cont2 ul li:first-child a {
		margin-left: 0
	}
}

@media screen and (max-width: 767px) {
	.fix_cont3 {
		float: none;
		width: 177px
	}

	.respon_cont3 {
		overflow: hidden;
		margin-left: 0;
		margin-top: 13px
	}

	.detail_area {
		padding-left: 0
	}

	.detail_area button {
		float: none;
		position: absolute;
		right: 0;
		top: 0
	}
}

@media screen and (max-width: 631px) {
	.fix_cont2 span {
		display: block;
		width: 100%
	}

	.fix_cont2 input[type='text'] {
		float: left;
		width: 100%;
		margin-right: -40px
	}
}

@media screen and (max-width: 548px) {
	.Btit {
		float: none;
		width: 100%
	}

	.fix_cont1 {
		float: none;
		width: 100%
	}

	.respon_cont1 {
		overflow: visible;
		margin-left: 0;
		margin-top: 13px
	}

	.respon_cont1 button {
		float: none
	}

	.fix_cont3 {
		float: none;
		width: 100%
	}

	.respon_cont3 {
		overflow: visible;
		margin-left: 0
	}

	.detail_area {
		position: static;
		padding-left: 0;
		padding-right: 0
	}

	.detail_area button {
		float: none;
		position: static;
		margin-top: 13px
	}

	#detailSearch {
		width: 100%;
		height: 38px;
		border: 1px solid #cfcfcf;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

.topTxt {
	padding: 17px 0 22px 0;
	border-top: 3px solid #434040;
	border-bottom: 1px solid #dedbdb;
	text-align: center;
	line-height: 1.4;
	font-size: 14px;
	font-weight: 300
}

.topTxt p {
	width: 556px;
	margin: 0 auto
}

.boardBtn p {
	display: inline-block;
	font-size: 15px
}



.boardBtn p input[type="submit"],
.boardBtn p input[type="button"] {
	text-decoration: none;
	display: block;
	margin-left: 3px;
	padding: 0;
	/* background-image: url(../images/sub/bg_boardBtn.jpg); */
	background-repeat: no-repeat;
	border: 0;
	border-radius: 0;
	background: #5f6577;
	line-height: 3rem;
	color: #fff;
	padding: 0 1.5rem;
}

.boardBtn .boardBtn_modify,
.boardBtn .boardBtn_manage,
.boardBtn .boardBtn_reply {
	background-position: 13px 0px
}

.boardBtn .boardBtn_write {
	background-position: 13px -2px
}

.boardBtn .boardBtn_cancel {
	background-position: 13px -87px
}

.boardBtn .boardBtn_delete {
	background-position: 13px -126px
}

.boardBtn .boardBtn_list:before {
	background-position: 0 -183px
}

.boardBtn .board_ans {
	background-position: 13px -42px
}


.regis_btn {
	color: #fff;
	background-color: #5bc0de;
	border: 1px solid #46b8da;
	padding: 5px 10px 5px 10px;
	border-radius: 5px
}

.select_wrap {
	display: block;
	float: left;
	margin-bottom: 10px
}

.boardBtn input.boardBtn_save {
	background-image: url("../images/sub/save_icon.png");
	background-position: 14px 50%;
	background-repeat: no-repeat;
	width: 93px;
	height: 38px;
	border: 1px solid #dbdbdb;
	font-size: 0.875em;
	color: #1d1d1d;
	text-align: center;
	line-height: 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: 20px
}

.boardBtn .boardBtn_rss {
	width: 73px
}

.boardBtn .boardBtn_answer {
	position: absolute;
	left: 0;
	top: 0;
	width: 87px
}

button.trans {
	position: absolute;
	right: -69px;
	top: 50%;
	width: 70px;
	height: 38px;
	margin-top: -19px;
	border: 1px solid #dbdbdb;
	font-size: 0.875em;
	color: #1d1d1d;
	text-align: center;
	line-height: 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

@media screen and (max-width: 640px) {
	.boardBtn p a {
		margin-top: 5px
	}

	.boardBtn p a.mt0 {
		margin-top: 0;
	}

	.boardBtn .boardBtn_answer {
		position: static;
		width: 87px
	}

	button.trans {
		right: -49px;
		width: 50px
	}
}

.btnPrint {
	display: inline-block;
	min-width: 80px;
	line-height: 34px;
	background-color: #fcfcfc;
	background-image: url("../images/sub/icon_printbtn.png");
	background-position: 14px 50%;
	background-repeat: no-repeat;
	border: 1px solid #cfcfcf;
	text-align: center;
	color: #214489;
	font-size: 0.875em;
	text-indent: 20px
}

.defaultBtn {
	display: inline-block;
	min-width: 80px;
	line-height: 34px;
	border: 1px solid #dbdbdb;
	text-align: center;
	color: #1d1d1d;
	font-size: 0.875em
}

.defaultBtn.btnMod {
	background-image: url("../images/sub/fix_icon.png");
	background-position: 14px 50%;
	background-repeat: no-repeat;
	text-indent: 20px
}

.defaultBtn.btnDel {
	background-image: url("../images/sub/del_icon.png");
	background-position: 14px 50%;
	background-repeat: no-repeat;
	text-indent: 20px
}

.reservation {
	max-width: 954px;
	margin: 0 auto;
	background-color: #f5f5f5;
	border: 3px solid #114457
}

.reserveTop {
	position: relative;
	overflow: hidden;
	margin: 0 30px;
	padding: 20px 0;
	border-bottom: 1px solid #c3c0b9
}

.reserveTop h3 {
	position: relative;
	width: 100%;
	text-align: center;
	color: #114457;
	font-size: 1.875em;
	z-index: 2
}

.reserveTop ul {
	position: absolute;
	left: 0;
	top: 20px;
	width: 100%;
	z-index: 3
}

.reserveTop ul li a {
	display: inline-block;
	color: #548698;
	font-size: 1.4375em
}

.reserveTop ul li.FloatLeft a {
	padding-right: 40px;
	background-image: url("../images/sub/btn_reseve_prev.png");
	background-position: right center;
	background-repeat: no-repeat
}

.reserveTop ul li.FloatRight a {
	padding-left: 40px;
	background-image: url("../images/sub/btn_reseve_next.png");
	background-position: left center;
	background-repeat: no-repeat
}

.overouto {
	overflow: auto
}

.reserveTxt {
	margin: 0 30px;
	padding: 15px 0
}

.reserveTxt dt {
	color: #c0545c
}

.reserveTxt dd {
	padding: 4px 18px;
	color: #1b779a
}

.reserveTable {
	width: 100%
}

.reserveTable th,
.reserveTable td {
	width: 14.28571%
}

.reserveTable thead th {
	height: 38px;
	border-top: 2px solid #114457;
	border-bottom: 2px solid #114457;
	vertical-align: middle;
	color: #114457;
	font-size: 1.25em
}

.reserveTable td {
	padding: 7px 10px;
	border: 2px solid #c3c0b9;
	border-left: none
}

.reserveTable td.today {
	background-color: #f0dbdd
}

.reserveTable td div {
	position: relative;
	min-height: 100px
}

.reserveTable td.sun {
	border-left: none
}

.reserveTable td.sat {
	border-right: none
}

.reserveTable td span.date {
	color: #114457;
	font-size: 1.25em
}

.reserveTable td div ul li {
	margin-top: 4px
}

.reserveTable td div ul li span {
	display: inline-block;
	width: 100%;
	padding: 2px;
	line-height: 15px;
	background-color: #1b779a;
	border-radius: 5px;
	text-align: center;
	font-size: 0.875em;
	color: #fff
}

.reserveTable td div ul li button {
	display: inline-block;
	width: 100%;
	padding: 2px;
	background-color: #e84d08;
	border-radius: 5px;
	color: #fff;
	font-size: 0.875em;
	line-height: 15px
}

.reserveTable td div p.holiday {
	position: absolute;
	right: 0;
	bottom: 4px;
	font-size: 16px
}

.reserveBottom {
	margin: 0 30px;
	padding: 10px 0
}

.reserveBottom li {
	margin-top: 5px;
	color: #125a75
}


.gallery_list .box {
	display: block;
	position: relative
}




.gallery_list .box {
	width: auto;
	height: auto;
	border: 0 none;
	margin: 0
}

@media screen and (max-width: 800px) {
	.gallery_list li {
		width: 50%
	}

	.gallery_list li:nth-child(4n+1) {
		clear: inherit
	}

	.gallery_list li:nth-child(2n+1) {
		clear: both
	}

	.gallery_list .title {
		
	}

}

@media screen and (max-width: 600px) {}
}

@media screen and (max-width: 479px) {}

.simple_board {
	margin: 0 auto;
	padding: 28px 0 45px;
	border-top: 1px solid #43434a
}

.simple_board ul {
	font-size: 0
}

.simple_board li {
	display: inline-block;
	width: 33.33333%;
	padding: 10px;
	text-align: center;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.simple_board .area {
	position: relative;
	display: inline-block;
	width: 100%;
	border: 1px solid #e3e3e3
}

.simple_board span {
	display: block
}

.simple_board .thumb {
	border-bottom: 1px solid #e3e3e3
}

.simple_board .thumb img {
	width: 100%
}

.simple_board .info {
	padding: 24px 18px 26px
}

.simple_board .info span.title {
	padding-bottom: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1.125em;
	color: #080808
}

.simple_board .info .text {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
	font-weight: 300;
	color: #535353
}

@media screen and (max-width: 800px) {
	.simple_board li {
		width: 50%
	}
}

@media screen and (max-width: 620px) {
	.simple_board li {
		padding: 5px
	}

	.simple_board .info {
		padding: 20px 15px 20px
	}

	.simple_board .info span.title {
		font-size: 1em
	}
}

@media screen and (max-width: 479px) {
	.simple_board li {
		width: 100%
	}
}


.boardVideo {
	float: left;
	width: 78%
}

.boardVideo video {
	width: 100%
}

.boardText {
	float: right;
	width: 20%
}

.boardText textarea {
	width: 100%;
	height: 360px;
	padding: 10px;
	border: 1px solid #e3e3e3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.site_board {
	margin: 0 auto;
	padding: 28px 0 45px;
	border-top: 1px solid #43434a
}

.site_board > ul > li {
	margin-top: 15px;
	border: 1px solid #eae8e7;
	padding: 20px
}

.site_board > ul > li:first-child {
	margin-top: 0
}

.site_board .list_wrap {
	position: relative;
	width: 100%;
	min-height: 173px
}

.site_board .thumb {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 274px;
	height: 173px
}

.site_board .info {
	width: 100%;
	padding-left: 300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.site_board .title {
	display: block;
	padding-top: 5px;
	font-size: 20px
}

.site_board .info ul {
	width: 100%;
	padding: 25px 0;
	border-bottom: 1px solid #eae8e7;
	font-size: 0
}

.site_board .info ul li {
	display: inline-block;
	width: 50%;
	padding-left: 15px;
	background-image: url("../images/sub/siteBoard_bullet.gif");
	background-position: 8px 9px;
	background-repeat: no-repeat;
	font-size: 16px;
	color: #545454;
	line-height: 1.3;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.site_board .info ul li.txt {
	width: 100%;
	margin-top: 10px
}

.site_board .info ul li em {
	float: left
}

.site_board .info ul li span {
	display: block;
	margin-left: 80px;
	font-weight: 300
}

.site_board .info .link {
	overflow: hidden;
	padding: 18px 5px 0 5px;
	font-size: 14px;
	color: #15354a;
	word-break: break-all
}

.site_board .info .link span {
	display: inline-block;
	margin-right: 10px;
	padding: 5px 10px;
	background-color: #fafafa;
	border: 1px solid #eae8e7;
	color: #838282
}

.site_board .info .link em {
	float: right;
	display: inline-block
}

.site_board .info .link em a {
	display: inline-block;
	margin: 0 5px;
	padding: 7px 14px;
	background-color: #12486b;
	font-size: 15px;
	color: #fff
}

@media screen and (max-width: 959px) {
	.site_board .info ul li {
		width: 100%;
		margin-top: 10px
	}

	.site_board .info ul li:first-child {
		margin-top: 0
	}

	.site_board .info .link em {
		width: 100%;
		margin-top: 20px
	}

	.site_board .info .link em a {
		margin: 0
	}
}

@media screen and (max-width: 767px) {
	.site_board .thumb {
		position: static
	}

	.site_board .info {
		margin-top: 20px;
		padding-left: 0
	}
}

@media screen and (max-width: 479px) {
	.site_board .info ul li.txt em {
		float: none
	}

	.site_board .info ul li.txt span {
		margin-left: 0;
		margin-top: 10px
	}
}

@media screen and (max-width: 379px) {
	.site_board .thumb {
		width: 100%;
		height: auto
	}
}

.turnList {
	overflow: hidden;
	font-size: 0
}

.turnList li {
	position: relative;
	display: inline-block;
	width: 20%;
	padding: 0 0 10px;
	background: url(../images/member/line_turn.gif) left 46px no-repeat, url(../images/member/line_turn.gif) right 46px no-repeat;
	white-space: nowrap;
	text-align: center;
	color: #090909;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.turnList li.turn01 {
	background-image: url("../images/member/line_turn.gif");
	background-position: right 46px;
	background-repeat: no-repeat
}

.turnList li.turn05 {
	background-image: url("../images/member/line_turn.gif");
	background-position: left 46px;
	background-repeat: no-repeat
}

.turnList li span {
	display: block;
	padding-top: 100px;
	background-position: center top;
	background-repeat: no-repeat
}

.turnList li.turn01 span {
	background-image: url(../images/member/icon_turn01.png)
}

.turnList li.turn02 span {
	background-image: url(../images/member/icon_turn02.png)
}

.turnList li.turn03 span {
	background-image: url(../images/member/icon_turn03.png)
}

.turnList li.turn04 span {
	background-image: url(../images/member/icon_turn04.png)
}

.turnList li.turn05 span {
	background-image: url(../images/member/icon_turn05.png)
}

.turnList li.turn01.on span {
	background-image: url(../images/member/icon_turn01_on.png)
}

.turnList li.turn02.on span {
	background-image: url(../images/member/icon_turn02_on.png)
}

.turnList li.turn03.on span {
	background-image: url(../images/member/icon_turn03_on.png)
}

.turnList li.turn04.on span {
	background-image: url(../images/member/icon_turn04_on.png)
}

.turnList li.turn05.on span {
	background-image: url(../images/member/icon_turn05_on.png)
}

.joinInfoBox {
	padding: 20px 40px;
	text-align: center
}

.joinInfoBox p.tit {
	padding-bottom: 20px;
	color: #0b0c0e;
	font-size: 24px
}

.joinInfoBox p.txt {
	color: #4d4d4d;
	font-size: 14px
}

.choiceMem {
	overflow: hidden
}

.choiceMem li {
	width: 48%;
	padding: 30px 30px 20px;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.choiceMem li.children {
	float: left
}

.choiceMem li.human {
	float: right
}

.choiceMem li dl {
	padding: 0 0 30px 180px
}

.choiceMem li.human dl {
	background-image: url("../images/member/icon_human.png");
	background-position: left top;
	background-repeat: no-repeat
}

.choiceMem li.children dl {
	background-image: url("../images/member/icon_children.png");
	background-position: left top;
	background-repeat: no-repeat
}

.choiceMem li dl dt {
	text-align: center;
	color: #0b0c0e;
	font-size: 31px
}

.choiceMem li dl dt span {
	display: block;
	padding-top: 10px;
	font-size: 19px
}

.choiceMem li dl dt span strong {
	color: #be3767
}

.choiceMem li dl dd {
	padding-top: 16px;
	line-height: 1.4;
	font-size: 15px;
	letter-spacing: -1px
}

.choiceMem li a {
	display: block;
	line-height: 38px;
	border: 1px solid #b46d92;
	text-align: center;
	color: #a1396f;
	font-size: 18px
}

.joinArea .textArea {
	border: 1px solid #ddd
}

.joinArea .textArea textarea {
	width: 100%;
	min-height: 180px;
	padding: 20px;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.joinArea .textArea p {
	padding: 10px 20px;
	border-top: 1px solid #ddd;
	text-align: right
}

.joinArea .textArea p input {
	margin-right: 5px
}

.joinES {
	display: inline-block;
	width: 14px;
	height: 11px;
	background-image: url("../images/member/bu_point.png");
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	color: transparent
}

.joinInfoTable {
	width: 100%;
	border-bottom: 1px solid #dde2e8
}

.joinInfoTable th,
.joinInfoTable td {
	border-top: 1px solid #dde2e8
}

.joinInfoTable th {
	width: 150px;
	padding: 8px;
	text-align: left;
	font-weight: normal
}

.joinInfoTable th label,
.joinInfoTable th span.buTh {
	display: inline-block;
	padding-left: 8px;
	background-image: url("");
	background-position: left center;
	background-repeat: no-repeat
}

.joinInfoTable th .joinES {
	margin-left: 4px
}

.joinInfoTable td {
	width: auto;
	padding: 3px 8px;
	font-size: 16px;
	vertical-align: top
}

td.linePoTop {
	position: relative
}

td.linePoTop input {
	position: absolute;
	left: 8px;
	top: 2px
}

td.linePoTop ul {
	margin-top: 38px
}

.joinInfoTable td ul.blockList li {
	padding: 1px 0
}

.joinInfoTable td ul.inlineList {
	font-size: 0
}

.joinInfoTable td ul.inlineList li {
	display: inline-block;
	width: 33.33333%;
	padding: 3px 0;
	font-size: 15px
}

.joinInfoTable td ul.inlineList li input {
	line-height: 1;
	margin-right: 5px
}

.joinInfoTable td .btn,
.idCheck > div .inputArea .inputBtn {
	display: inline-block;
	line-height: 32px;
	margin: 0 5px;
	border: 1px solid #cfcfcf;
	padding: 0 10px;
	vertical-align: middle
}

span.text,
p.text,
ul.text li {
	padding-left: 16px;
	background-image: url("../images/member/bu_text.gif");
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #6b6b6b
}

span.text {
	display: inline-block
}

p.text,
ul.text li {
	padding-bottom: 5px
}

.joinInfoTable td select,
.joinInfoTable td .inputTxt,
.idCheck > div .inputArea .inputTxt {
	height: 34px;
	border: 1px solid #cfcfcf;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.joinInfoTable td .inputTxt {
	padding: 8px
}

.joinInfoTable td select {
	font-size: 14px
}

.joinInfoTable td button.quBtn {
	width: 12px;
	height: 12px;
	line-height: 10px;
	background-color: #0ff;
	border: none;
	border-radius: 10px;
	overflow: hidden;
	color: transparent
}

.widSize1 {
	width: 6em
}

.widSize2 {
	width: 8em
}

.widSize3 {
	width: 13.4em
}

.widSizeFull {
	width: 100%
}

.joinInfoArea > dl {
	padding: 10px;
	border-bottom: 1px solid #dde2e8
}

.joinInfoArea > dl dt input {
	margin-right: 5px
}

.joinInfoArea > dl dd {
	padding: 5px 0 0 18px
}

.MarAuto {
	max-width: 600px;
	width: auto;
	margin: 0 auto
}

.MarAuto h3 {
	padding-top: 0;
	padding-left: 30px;
	background-position: 12px 0
}

.idCheck {
	width: 100%
}

.idCheck > div {
	width: 90%;
	min-width: 280px;
	padding: 20px;
	margin: 0 auto;
	border: 1px solid #ddd
}

.idCheck > div p.top {
	float: none;
	padding-bottom: 10px
}

.idCheck > div p.top strong {
	color: #f00
}

.idCheck > div p.top span {
	font-weight: bold
}

.idCheck > div dl dd {
	padding: 5px 0
}

.idCheck > div .inputArea .inputTxt {
	width: 100%;
	max-width: 160px
}

.idCheck .btnPop {
	float: none;
	padding: 10px;
	text-align: center
}

.idCheck .btnPop .btnSubmit {
	width: 200px;
	height: 40px;
	margin: 0 auto;
	background-color: #1d5f8a;
	color: #fff
}

.joinComplete > p.tit {
	padding: 40px 0;
	text-align: center
}

.joinComBox {
	padding: 4px;
	border: 1px solid #c4b797
}

.joinComBox > div {
	padding: 30px 44px;
	background: url(../images/member/bg_join01.png) left top no-repeat, url(../images/member/bg_join02.png) right top no-repeat, url(../images/member/bg_join03.png) left bottom no-repeat, url(../images/member/bg_join04.png) right bottom no-repeat;
	border: 1px solid #efece3
}

.joinComBox > div dl {
	padding-bottom: 20px;
	text-align: center;
	font-size: 18px
}

.joinComBox > div dl dt {
	padding-bottom: 10px;
	font-weight: bold;
	color: #0b0c0e
}

.joinComBox > div dl dd {
	color: #48494f
}

.joinComBox > div table {
	max-width: 400px;
	width: 100%;
	margin: 0 auto
}

.joinComBox > div table th,
.joinComBox > div table td {
	padding: 14px;
	border: 1px solid #cfcfcf
}

.joinComBox > div table th {
	width: 30%;
	background-color: #fbfbfb;
	text-align: left;
	color: #707070;
	font-size: 14px
}

.joinComBox > div table td {
	width: auto;
	text-align: center;
	font-size: 15px
}

.joinComBox > div table th span {
	display: inline-block;
	padding-left: 7px;
	background-image: url("../images/member/bu_th.gif");
	background-position: left 8px;
	background-repeat: no-repeat
}

.btnList {
	padding: 20px 0;
	text-align: center
}

.btnList ul li {
	display: inline;
	text-align: center
}

.btnList ul li button {
	width: 100%;
	max-width: 280px;
	height: 46px;
	background-color: #1d5f8a;
	border: none;
	border-radius: 5px;
	vertical-align: middle;
	color: #fff
}

.btnList ul li button span {
	display: inline-block;
	padding-right: 16px;
	background-image: url("../images/member/icon_submit.gif");
	background-position: right center;
	background-repeat: no-repeat
}

.btnList ul li a {
	display: inline-block;
	min-width: 280px;
	line-height: 46px;
	background-color: #52566d;
	border-radius: 5px;
	vertical-align: middle;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.btnList ul li a span {
	display: inline-block;
	padding-right: 20px;
	background-image: url("../images/member/icon_cancle.gif");
	background-position: right center;
	background-repeat: no-repeat
}

.joinComplete p.btn {
	padding: 20px;
	text-align: center
}

.joinComplete p.btn a {
	display: inline-block;
	max-width: 280px;
	width: 100%;
	line-height: 46px;
	border-radius: 5px;
	background-color: #1d5f8a
}

.joinComplete p.btn a span {
	display: inline-block;
	padding-left: 24px;
	color: #fff;
	background-image: url("../images/member/icon_login.png");
	background-position: left center;
	background-repeat: no-repeat
}

@media screen and (max-width: 800px) {
	.joinInfoTable td ul.inlineList li {
		width: 50%
	}

	.choiceMem li {
		width: 90%;
		margin: 0 auto 10px
	}

	.choiceMem li.children,
	.choiceMem li.human {
		float: none
	}
}

@media screen and (max-width: 600px) {
	.turnList li {
		width: 50%
	}

	.turnList li.turn01,
	.turnList li.turn05 {
		background: url(../images/member/line_turn.gif) left 46px no-repeat, url(../images/member/line_turn.gif) right 46px no-repeat
	}

	.joinInfoTable td ul.inlineList li {
		width: 100%
	}
}

.loginBottom dl {
	overflow: hidden;
	padding: 10px 0
}

.loginBottom dl dt {
	float: left;
	line-height: 46px
}

.loginBottom dl dd {
	float: right
}

.loginBottom dl dd ul li {
	display: inline
}

.loginBottom dl dd a {
	display: inline-block;
	width: 160px;
	line-height: 46px;
	border: 1px solid #b8b8b8;
	text-align: center;
	color: #6d6d6d
}

.loginBottom dl.joinTxt dd a {
	background-color: #df1d1b;
	background-image: url("../images/member/icon_join.png");
	background-position: 37px center;
	background-repeat: no-repeat;
	border-color: #df1d1b;
	text-indent: 20px;
	color: #fff
}

.joinTxt {
	border-bottom: 1px solid #dde1e6
}

.loginBottom > p {
	color: #797a7f;
	font-size: 14px
}

.loginBottom > p > strong {
	display: block;
	padding-top: 5px;
	color: #3d3e40
}

.confirmArea {
	overflow: hidden
}

.confirmArea > div {
	width: 49%;
	padding: 30px 10px;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.ipinArea {
	float: left
}

.mobileArea {
	float: right
}

.confirmArea > div h4 {
	max-width: 330px;
	margin: 0 auto;
	padding-bottom: 14px;
	text-align: center;
	border-bottom: 1px solid #dde1e6
}

.confirmArea > div h4 span {
	display: inline-block;
	line-height: 44px;
	background-position: left center;
	background-repeat: no-repeat;
	color: #15171b;
	font-size: 22px
}

.ipinArea h4 span {
	padding-left: 54px;
	background-image: url(../images/member/icon_ipin.png)
}

.mobileArea h4 span {
	padding-left: 40px;
	background-image: url(../images/member/icon_mobile.png)
}

.confirmArea .noMemTxt {
	min-height: 180px
}

.confirmArea p.txt {
	max-width: 300px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	color: #15171b
}

.ipinArea p.txt {
	padding: 46px 0
}

.confirmArea ul {
	max-width: 390px;
	margin: 0 auto;
	padding: 10px 0
}

.confirmArea ul li {
	padding: 0 0 4px 7px;
	background-image: url("../images/member/bu_login.gif");
	background-position: left 8px;
	background-repeat: no-repeat;
	color: #65676f;
	font-size: 14px
}

.confirmArea p.btn {
	width: 164px;
	line-height: 46px;
	margin: 0 auto;
	background-color: #5e5e5e;
	text-align: center
}

.confirmArea p.btn a {
	color: #fff;
	font-size: 18px;
	font-weight: bold
}

.pointArea {
	margin-top: 20px;
	padding: 20px 20px 10px;
	border: 1px solid #ddd
}

.pointArea dt {
	padding: 0 0 0 20px;
	background-image: url("../images/member/bu_point.png");
	background-position: left 4px;
	background-repeat: no-repeat;
	color: #df1d1b;
	font-size: 17px
}

.pointArea dd {
	padding: 10px 0 14px 20px;
	color: #15171b;
	font-size: 14px
}

.returnID {
	padding: 30px 10px;
	border: 1px solid #ddd;
	text-align: center
}

.returnID > p {
	color: #15171b
}

.returnID > p.tit {
	padding-bottom: 14px;
	font-size: 22px
}

.returnID > ul.idList {
	max-width: 680px;
	margin: 0 auto;
	padding: 10px 0 30px;
	overflow: hidden
}

.returnID > ul.idList li {
	width: 44%;
	padding: 10px 0;
	border-bottom: 1px solid #dde1e6;
	color: #797a7f;
	font-size: 17px
}

.returnID > ul.idList li span {
	display: inline-block
}

.returnID > ul.idList li span.tit {
	width: 40%
}

.returnID > ul.idList li span.txt {
	width: 60%
}

.returnID .btnListArea {
	max-width: 680px;
	margin: 0 auto;
	padding: 24px 32px;
	background-color: #f8f8f8;
	border: 1px solid #dde1e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.returnID .btnListArea p {
	padding-bottom: 20px
}

.returnID .btnListArea ul {
	margin-left: -10px;
	text-align: center
}

.returnID .btnListArea ul li {
	display: inline
}

.returnID .btnListArea ul li a {
	display: inline-block;
	width: 206px;
	line-height: 46px;
	background-color: #fff;
	border: 1px solid #b8b8b8;
	color: #6d6d6d;
	font-size: 16px
}

.returnID .btnListArea ul li a {
	margin-left: 10px
}

.returnID .btnListArea ul li a.btnLogin {
	width: 161px;
	background-color: #5e5e5e;
	color: #fff
}

.returnID .btnListArea ul li a strong {
	color: #df1d1b
}

@media screen and (max-width: 800px) {
	.confirmArea > div {
		float: none;
		width: 90%;
		margin: 0 auto
	}

	.confirmArea .noMemTxt {
		min-height: auto
	}

	.returnID > ul.idList li {
		width: 100%
	}

	.returnID .btnListArea ul li {
		display: block;
		padding-bottom: 8px
	}

	.cont_body .returnID .btnListArea ul li a {
		width: 100%
	}
}

@media screen and (max-width: 400px) {
	.loginForm p input {
		background-size: 50px
	}

	.loginBottom dl dd a {
		width: 120px
	}

	.loginBottom dl.joinTxt dd a {
		width: 90px;
		background-color: #df1d1b;
		background-image: url("../images/member/icon_join.png");
		background-position: 8px center;
		background-repeat: no-repeat;
		text-indent: 25px
	}

	.confirmArea > div h4 span {
		font-size: 18px
	}
}

.add_btn_area {
	float: right;
	overflow: hidden
}

.add_btn_area li {
	float: left;
	margin-left: 7px;
	color: #50565a;
	font-size: 0.938em;
	height: 38px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.add_btn_area li button {
	width: 64px;
	height: 38px;
	border: 1px solid #bbc2c7;
	background-color: #f4f4f4;
	font-size: 0.875em;
	color: #555453;
	text-align: center;
	line-height: 36px
}

.add_btn_area .cc li {
	background-color: #fcfcfc
}

.add_btn_area .cc label {
	display: block;
	width: 131px;
	background-color: #fcfcfc;
	background-image: url("../images/sub/unchecked_icon.png");
	background-position: 17px 50%;
	background-repeat: no-repeat;
	height: 38px;
	padding-left: 49px;
	font-size: 0.938em;
	line-height: 36px;
	border: 1px solid #cfcfcf;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.add_btn_area .cc.on label {
	background-color: #fcfcfc;
	background-image: url("../images/sub/cheked_icon.png");
	background-position: 17px 50%;
	background-repeat: no-repeat
}

.view_group {
	width: 177px
}

.answer_section {
	margin-bottom: 70px
}

.answer_section > dl {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #7a63b2;
	border-bottom: 1px solid #c3c2c2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.answer_section > dl dt {
	float: left;
	width: 124px;
	background-color: #8e78c5;
	text-align: center;
	color: #fff;
	font-size: 1.125em;
	font-weight: 500
}

.answer_section > dl dt {
	line-height: 54px
}

.answer_section > dl dd {
	overflow: hidden;
	margin-left: 124px;
	font-size: .938em;
	color: #50565a;
	font-weight: 300;
	line-height: 54px
}

.answer_section > dl dd > div {
	float: left
}

.answer_section > dl dd > div .tit {
	float: left;
	width: 124px;
	background-color: #f8f8f8;
	text-align: center
}

.answer_section > dl dd > div .txt {
	margin-left: 124px;
	padding-left: 15px;
	padding-right: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.answer_section > dl dd .answer_w {
	width: 60%
}

.answer_section > dl dd .answer_ed {
	width: 40%
}

.answer_section > dl dd .answer_w2 {
	width: 100%
}

.answer_enroll > dl {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #7a63b2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.answer_enroll > dl dt {
	float: left;
	width: 124px;
	padding-left: 43px;
	background-color: #f8f8f8;
	color: #50565a;
	font-size: .938em;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.answer_enroll > dl dt.ae_tit {
	padding-left: 0;
	background-color: #8e78c5;
	text-align: center;
	color: #fff;
	font-size: 1.125em;
	font-weight: 500
}

.answer_enroll > dl dt {
	line-height: 54px
}

.answer_enroll > dl dd {
	overflow: hidden;
	margin-left: 124px;
	font-size: .938em;
	color: #50565a;
	font-weight: 300;
	line-height: 54px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.answer_enroll > dl dd.normal_form {
	position: relative;
	padding-left: 29px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.answer_enroll > dl dd > div .tit {
	float: left;
	width: 124px;
	background-color: #f8f8f8;
	text-align: center
}

.answer_enroll > dl dd > div .txt {
	margin-left: 124px;
	padding-left: 15px;
	padding-right: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.answer_enroll > dl dt,
.answer_enroll > dl dd {
	border-bottom: 1px solid #c3c2c2
}

.answer_enroll.sub_enroll > dl {
	border-top: none
}

.answer_select_wrap {
	width: 327px
}

.answer_select {
	border: 1px solid #cfcfcf;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 20px
}

@media screen and (max-width: 620px) {
	.answer_select_wrap {
		width: 100%
	}

	.answer_select_wrap.what1 {
		padding-right: 50px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

.boardInfo {
	margin: 24px 0 10px 0;
	padding-left: 19px
}

.infoCount {
	margin: 15px 0 10px 0;
	font-size: 14px;
	font-weight: 300;
	color: #494949
}

.countTotal {
	font-weight: 400;
	color: #cf0000
}

.countToday {
	font-weight: 400;
	color: #0041c9
}

.boardSelect {
	float: right;
	height: 43px;
	line-height: 41px;
	font-size: 14px;
	color: #555453;
	margin-bottom: 10px
}

.boardSelect li {
	float: left
}

.boardSelect li.Select {
	width: 114px;
	margin-left: 8px;
	background-image: url("../images/board/bg_boardSelect.jpg");
	background-position: 75px center;
	background-repeat: no-repeat
}

.boardSelect li select {
	height: 100%
}

.boardSelect .boardSearchText {
	float: left;
	width: 233px;
	height: 100%;
	margin-left: 8px;
	border: 1px solid #cfcfcf;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.boardSearchText input.text {
	width: 188px;
	height: 100%;
	background-image: url("../images/board/bg_boardSelect.jpg");
	background-position: right center;
	background-repeat: no-repeat;
	border: 0;
	text-indent: 18px;
	vertical-align: top
}

.boardSearchText button {
	width: 43px;
	height: 100%;
	background-image: url("../images/sub/btn_boardSearch.jpg");
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: top;
	text-indent: -9999px
}

.consultCategory {
	float: left;
	width: 130px;
	height: 100%;
	margin-right: 3px
}

.consultCategory select {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dedede;
	height: 100%;
	line-height: 36px;
	padding: 0 10px;
	background-color: #ffffff;
	background-image: url("../images/sub/select_arrow.gif");
	background-position: 93% 50%;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	overflow: hidden
}

.boardSelect {
	float: right;
	height: 43px;
	line-height: 41px;
	font-size: 14px;
	color: #555453
}

.boardSelect li {
	float: left
}

.boardSelect li.Select {
	width: 114px;
	margin-left: 8px
}

.boardSelect li.Select select {
	padding: 0 10px 0 10px;
	font-size: 14px
}

.boardSelect .customSelect {
	width: 100%;
	height: 43px;
	padding: 0 11px 0 16px;
	background-color: #fff;
	border: 1px solid #cfcfcf;
	font-size: 14px;
	color: #555453;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.boardSelect li.boardSearchText {
	width: 233px;
	height: 100%;
	margin-left: 8px;
	border: 1px solid #cfcfcf;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.boardSearchText input.text {
	width: 184px;
	height: 100%;
	border: 0;
	text-indent: 18px;
	vertical-align: top
}

#wrap .boardSearchText input.btn {
	width: 43px;
	height: 100%;
	background-image: url("../images/board/btn_boardSearch.jpg");
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: top;
	text-indent: -9999px
}

.boardStyle .boardList {
	margin-bottom: 23px;
	table-layout: fixed;
	font-size: 14px;
	font-weight: 300;
	text-align: center
}

.boardList thead {
	border-top: 1px solid #7f7f7f;
	border-bottom: 1px solid #c3c3c3
}

@media screen and (max-width: 960px) {
	.boardList .none1 {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.respond_table {
		overflow-y: hidden
	}

	.respond_table table {
		width: 800px !important
	}

	.boardInfo fieldset {
		width: 100%
	}
}


.boardPage ul li a img {
	vertical-align: middle
}

.boardPage ul li.first a {
	text-indent: -9999px;
	background-image: url("../images/common/first.png");
	background-position: center center;
	background-repeat: no-repeat
}

.boardPage ul li.prev a {
	text-indent: -9999px;
	background-image: url("../images/common/prev.png");
	background-position: center center;
	background-repeat: no-repeat
}

.boardPage ul li.next a {
	text-indent: -9999px;
	background-image: url("../images/common/next.png");
	background-position: center center;
	background-repeat: no-repeat
}

.boardPage ul li.last a {
	text-indent: -9999px;
	background-image: url("../images/common/last.png");
	background-position: center center;
	background-repeat: no-repeat
}

.viewTit {
	padding: 0 13px;
	border-bottom: 1px solid #dde2e8;
	font-size: 0
}

.viewTit h4 {
	display: inline-block;
	width: 77%;
	padding: 20px 0;
	font-size: 24px;
	color: #3f3f3f
}

.viewTit p {
	display: inline-block;
	width: 23%;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.viewTit p,
.viewTit p span {
	font-size: 14px;
	color: #6b6b6b
}


.board_content_top {
	overflow: hidden;
	width: 100%;
	color: #50565a
}

.board_content_top dt {
	width: 100%;
	font-size: 1.125em;
	font-weight: 500;
	border-top: 1px solid #3865b9;
	border-bottom: 1px solid #c3c2c2
}

.board_content_top dt > div,
.board_content_top dd > div {
	padding: 20px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.board_content_top dt .board_content_area {
	float: left;
	width: 124px;
	background-color: #438cbb;
	color: #fff
}

.board_content_top dt .board_content_title {
	position: relative;
	margin-left: 124px;
	background-color: #f8f8f8
}

.board_content_top dt .board_content_title .content_condition {
	position: absolute;
	top: 50%;
	right: 20px;
	display: block;
	width: 85px;
	padding: 8px 0;
	margin-top: -18px;
	font-size: 0.875em;
	background-color: #ffffff;
	border-radius: 5px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.board_content_top dt .board_content_title .content_condition.rec {
	border: 1px solid #c754c3;
	color: #c754c3
}

.board_content_top dt .board_content_title .content_condition.com {
	border: 1px solid #83868b;
	color: #83868b
}

.board_content_top dd {
	float: left;
	width: 50%;
	font-size: 0.938em;
	font-weight: 300;
	border-bottom: 1px solid #c3c2c2
}

.board_content_top dd .tit {
	float: left;
	width: 124px;
	background-color: #f8f8f8
}

.board_content_top dd .txt {
	margin-left: 124px
}

.board_content_top dt .board_content_area,
.board_content_top dd .tit {
	text-align: center
}

.board_content_top dt .board_content_title {
	padding-right: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.board_content_top dt .board_content_title,
.board_content_top dd .txt {
	padding-left: 32px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (max-width: 640px) {
	.board_content_top dt .board_content_title {
		padding-right: 0
	}
}


@media screen and (max-width: 767px) {
	.board_content_top dt > div {
		padding: 15px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.board_content_top dd > div {
		padding: 10px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.board_content_top dd {
		float: none;
		width: 100%
	}

	.boardFile dl dt {
		padding: 10px 0;
		padding-left: 43px
	}

	.boardFile dl dd {
		padding: 10px 0;
		padding-left: 32px
	}

	.viewCtrl dl dt {
		padding: 10px 0 10px 43px
	}

	.viewCtrl dl dd {
		padding: 10px 0 10px 32px
	}

	.answer_section > dl dt {
		line-height: 81px
	}

	.answer_section > dl dd {
		line-height: 40px
	}

	.answer_section > dl dd .answer_w {
		width: 100%;
		border-bottom: 1px solid #c3c2c2
	}

	.answer_section > dl dd .answer_ed {
		float: none;
		width: 100%
	}
}

@media screen and (max-width: 500px) {
	.boardFile dl dt {
		padding: 10px 0;
		padding-left: 20px;
		width: 100px
	}

	.boardFile dl dd {
		margin-left: 105px;
		padding-left: 0px;
		margin-bottom: 0
	}

	.boardFile dl dd.fileName a {
		padding-left: 0px
	}

	.viewCtrl dl dt {
		padding: 10px 0 10px 26px;
		width: 95px
	}

	.viewCtrl dl dd {
		padding: 10px 0 10px 0px;
		margin-left: 110px
	}
}

.boardComment {
	font-family: "돋움", dotum;
	font-size: 12px
}

#wrap .commentTxt input.btn {
	position: absolute;
	right: 0px;
	top: -15px;
	width: 76px;
	height: 91px;
	line-height: 44px;
	background-color: #545454;
	color: #fff;
	font-size: 14px
}

.commentList {
	font-family: "돋움", dotum;
	color: #3f3f3f;
	margin-bottom: 28px
}

.commentList ul {
	font-size: 0;
	width: 100%;
	border-bottom: 1px solid #dde2e8
}

.commentList li {
	float: left;
	font-size: 12px
}

.commentList .area {
	width: 12.5%;
	padding: 17px 10px 15px 25px;
	background-image: url("/cnuh/images/sub/table_bar.jpg");
	background-position: right center;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold
}

.commentList .comments {
	width: 73%;
	text-align: left;
	padding: 12px 8px 11px 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.commentList .comments > div {
	display: inline-block
}

.commentList .comments img {
	vertical-align: middle
}

.commentList .date {
	width: 14.5%;
	text-align: right;
	padding: 17px 25px 15px 8px;
	color: #a0a0a0;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.commentDelete {
	padding-left: 10px
}

.commentModify {
	padding-left: 5px
}

.commentPage {
	text-align: center;
	padding-bottom: 28px;
	border-bottom: 1px solid #dde2e8
}

.commentPage ul {
	display: inline-block;
	font-size: 0
}

.commentPage ul li {
	display: inline-block;
	font-size: 14px;
	font-family: "돋움", dotum
}

.commentPage ul li:first-child {
	border-left: none
}

.commentPage ul li a {
	color: #000
}

.commentPage ul li strong {
	background-image: url("../images/sub/comment_pages_line.jpg");
	background-position: center 23px;
	background-repeat: no-repeat;
	color: #e73444
}

.commentPage ul li a,
.commentPage ul li strong {
	display: block;
	min-width: 25px;
	height: 33px;
	line-height: 33px;
	font-weight: bold;
	text-align: center;
	vertical-align: top
}

.commentPage ul li a img {
	margin-top: -2px;
	vertical-align: middle
}

.commentPage ul li.first {
	min-width: 31px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #dadada
}

.commentPage ul li.prev {
	min-width: 31px;
	height: 33px;
	line-height: 33px;
	margin-right: 18px;
	border: 1px solid #dadada;
	border-left: 0
}

.commentPage ul li.next {
	min-width: 31px;
	height: 33px;
	line-height: 33px;
	margin-left: 18px;
	border: 1px solid #dadada;
	border-right: 0
}

.commentPage ul li.last {
	min-width: 31px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #dadada
}

.board_write {
	border-top: 1px solid #3865b9;
	margin-bottom: 18px
}

.write_table {
	width: 100%;
	font-size: 0.938em;
	font-weight: 300;
	color: #50565a
}

.write_table th {
	width: 153px;
	border-right: 1px solid #d3d5d7;
	border-bottom: 1px solid #d3d5d7;
	background-color: #f8f8f8;
	font-weight: 300;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle
}

.write_table td {
	border-bottom: 1px solid #d3d5d7;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.write_table td .text,
.write_table td.bcontent #bcontent {
	width: 92%
}

.write_table td.bcontent {
	padding: 18px 0 18px 22px
}

.write_table th label {
	padding-left: 7px
}

.write_table td.writeName input.text {
	width: 52%
}

.writeMark input.text {
	width: 50%;
	margin-right: 15px
}

.consel_wrap {
	width: 177px
}

.p_number input[type="text"] {
	width: 75px
}

.p_number span {
	padding: 0 5px
}

.add_info {
	padding-left: 14px
}

.style_check label {
	font-size: 0.938em;
	color: #50565a;
	font-weight: 300;
	line-height: 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.elmt_button button {
	padding: 5px 10px;
	margin: 5px 0;
	border: 1px solid #ccc
}

@media screen and (max-width: 640px) {
	.elmt_input.elmt_type3 {
		float: none !important
	}
}

.write_table td.writeFile {
	padding: 23px 5px 23px 1px
}

.add_file {
	width: 100%;
	margin-top: 4px
}

.add_file li {
	position: relative;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.add_file li > div {
	position: absolute;
	top: 0;
	right: 0;
	width: 77px;
	font-size: 0
}

.fileAdd {
	padding-left: 5px
}

.bfile_wrap {
	position: relative;
	width: 92%;
	padding-right: 76px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.file {
	width: 100%;
	height: 38px;
	padding: 5px;
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #cfcfcf;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.comport_file {
	position: absolute;
	right: 0;
	top: 0;
	width: 66px;
	height: 38px;
	background-color: #9899a0;
	color: #fff;
	font-weight: 500;
	text-align: center
}

.file_tit {
	display: inline-block
}

.file_tit a {
	display: block;
	width: 72px;
	height: 25px;
	margin: 0 auto;
	padding-right: 15px;
	background-color: #84929a;
	background-image: url("../images/sub/howto_icon.png");
	background-position: 54px 50%;
	background-repeat: no-repeat;
	border-radius: 3px;
	color: #fff;
	line-height: 25px;
	font-size: .938em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.write_table td.file_td {
	padding: 20px 0 10px 22px
}

#wrap .boardBtn p input {
	display: block;
	margin-left: 3px;
	padding: 12px 15px 12px 40px;
	background-image: url("../images/sub/bg_boardBtn.jpg");
	background-repeat: no-repeat;
	border: 1px solid #cfcfcf;
	border-radius: 3px;
	color: #050505;
	font-family: 'Noto Sans KR';
	line-height: 1.2
}

#wrap .boardBtn .boardBtn_write {
	background-position: 13px -44px
}

@media screen and (max-width: 1023px) {
	.commentWrap {
		padding: 20px
	}

	.commentList .area {
		width: 100%;
		padding: 17px 10px 0px 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.commentList .comments {
		width: 100%;
		text-align: left;
		padding: 17px 10px 11px 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.commentList .comments img {
		vertical-align: middle
	}

	.commentList .date {
		width: 100%;
		text-align: right;
		padding: 0px 10px 15px 8px;
		color: #a0a0a0;
		font-weight: bold;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

@media screen and (max-width: 959px) {
	.boardList .num {
		display: none
	}

	.boardList .area {
		width: 12%
	}

	.boardList .agency {
		width: 30%
	}

	.boardInfo {
		margin: 24px 0 10px 0;
		padding: 0
	}

	.viewTit h4 {
		width: 100%;
		font-size: 22px
	}

	.viewTit p {
		width: 100%;
		padding-bottom: 20px
	}

	#contents .write_table {
		width: 100%
	}

	.write_table th {
		border-left: none
	}
}

@media screen and (max-width: 879px) {
	.boardSelect {
		width: 100%
	}

	.boardSelect li.Select {
		width: 24%;
		margin-left: 0;
		margin-right: 1%;
		background: none
	}

	.boardSelect li.boardSearchText {
		position: relative;
		float: right;
		width: 50%;
		margin-left: 0;
		padding-right: 43px
	}

	.boardSearchText input.text {
		width: 100%;
		background: none
	}

	#wrap .boardSearchText input.btn {
		position: absolute;
		right: 0;
		border-left: 1px solid #cfcfcf
	}
}

@media screen and (max-width: 828px) {
	.boardList .hits {
		display: none
	}

	.boardList .subject {
		width: 60%
	}

	.boardList .subject02 {
		width: 60%
	}
}

@media screen and (max-width: 767px) {
	.boardSelect {
		height: 36px;
		line-height: 34px
	}

	.boardList .sort {
		width: 25%
	}

	.boardList .writer {
		width: 20%
	}

	.boardList .qna {
		display: none
	}

	.boardPage ul li strong {

		background-image: url("../images/board/pages_underline.jpg");
		background-position: center 23px;
		background-repeat: no-repeat
	}

	.commentWrap {
		padding: 20px 15px
	}

	.comment_info {
		display: block
	}

	.writeMark label {
		display: block;
		padding-top: 5px
	}

	.board_search_area {
		padding: 20px
	}

	.add_btn_area {
		width: 100%
	}

	.add_btn_area li:nth-of-type(1) {
		width: 35%;
		margin-left: 0;
		margin-right: 1%
	}

	.add_btn_area li:nth-of-type(1) label {
		width: 100%
	}

	.add_btn_area li:nth-of-type(2) {
		width: 50%;
		margin-left: 0;
		margin-right: 1%
	}

	.add_btn_area li:nth-of-type(3) {
		width: 13%;
		margin-left: 0;
		margin-right: 0
	}

	.add_btn_area li:nth-of-type(3) button {
		width: 100%
	}
}

@media screen and (max-width: 757px) {
	.boardList .date {
		width: 21%
	}

	.boardList .area {
		display: none
	}
}

@media screen and (max-width: 640px) {
	.board_1 {
		font-size: 14px
	}

	.respon_cont2 ul li {
		font-size: 14px
	}

	.respon_cont2 ul li {
		font-size: 14px
	}

	.add_btn_area li:nth-of-type(1) {
		width: 177px
	}

	.add_btn_area li:nth-of-type(2) {
		width: auto
	}
}

@media screen and (max-width: 599px) {
	.topTxt p {
		width: 100%;
		margin: 0 auto
	}

	.boardList .cer_date {
		display: none
	}

	.boardList .agency {
		display: none
	}

	.boardList .sort {
		width: 30%
	}

	.boardList .businessName {
		width: 70%
	}

	.boardList .writer {
		display: none
	}

	.boardList .ifile {
		width: 15%
	}

	.event_conwrap > .boardList tbody.tline td {
		padding: 15px 10px
	}

	.event {
		display: block;
		text-align: center
	}

	.event.end {
		display: block;
		text-align: center
	}

	.boardList tbody.tline td {
		text-align: center
	}

	.viewContent {
		padding: 10px 10px 15px 10px
	}

	.viewTit {
		padding: 0 5px
	}

	.viewTit h4 {
		font-size: 18px;
		padding: 10px 0
	}

	.viewTit p {
		width: 100%;
		padding-bottom: 10px
	}

	.writeMark input.text {
		width: 75%;
		margin-right: 15px
	}

	.write_table td .text,
	.write_table td.bcontent #bcontent {
		width: 100%
	}

	.write_table td.writeName input.text {
		width: 100%
	}

	.p_number input[type="text"] {
		width: 75px !important
	}

	.bfile_wrap {
		width: 100%
	}
}

@media screen and (max-width: 479px) {
	.boardPage ul li {
		margin: 0 1px
	}

	.boardPage ul li strong {

		background-image: url("../images/board/pages_underline.jpg");
		background-position: center 17px;
		background-repeat: no-repeat
	}

	.commentTxt input.text::-webkit-input-placeholder {
		opacity: 0
	}

	.commentTxt input.text::-moz-placeholder {
		opacity: 0
	}

	.commentTxt input.text::-ms-input-placeholder {
		opacity: 0
	}

	.write_table th {
		width: 65px;
		padding: 11px 5px 11px 5px
	}

	.write_table th label {
		background: none;
		padding-left: 0px
	}

	.add_file li {
		position: inherit;
		padding-right: 0
	}

	.add_file li > div {
		position: inherit;
		width: 100%;
		margin-top: 5px;
		text-align: right
	}
}

@media screen and (max-width: 400px) {

	.boardPage ul li a,
	.boardPage ul li strong {
		width: 30px;
		height: 30px;
		line-height: 30px
	}
}

.tal {
	text-align: left
}

.top_info {
	overflow: hidden;
	width: 100%;
	border: 1px solid #d2d2d2;
	border-right: none
}

.top_info > div {
	float: left;
	height: 62px;
	border-right: 1px solid #d2d2d2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.top_info div div {
	height: 100%;
	line-height: 62px
}

.info_l {
	width: 42%
}

.info_r {
	width: 58%
}

.area_l {
	float: left;
	width: 177px;
	background-color: #f8f8f8;
	border-right: 1px solid #d2d2d2;
	text-align: center
}

.area_r {
	margin-left: 177px;
	padding-left: 32px
}


.list_btn a {
	display: inline-block;
	width: 91px;
	height: 36px;
	border: 1px solid #dbdbdb;
	text-align: center;
	line-height: 36px;
	color: #1d1d1d;
	font-size: .875em;
	font-weight: 500
}

.result_box {
	margin-top: 30px
}

.blind_info {
	display: none;
	font-size: .750em;
	margin-bottom: 10px
}

.enroll_count {
	margin-bottom: 20px;
	color: #50565a;
	font-size: .938em
}

.farm_search_list {
	width: 100%;
	min-width: 640px;
	text-align: center
}

.farm_search_list thead {
	background-color: #f8f8f8;
	border-top: 1px solid #838fbc
}

.farm_search_list tr {
	border: 1px solid #c3c3c3;
	border-top: none
}

.farm_search_list th {
	color: #50565a;
	font-size: .938em;
	font-weight: 400;
	height: 49px;
	vertical-align: middle
}

.farm_search_list td {
	color: #50565a;
	font-size: .938em;
	font-weight: 400;
	height: 44px;
	vertical-align: middle
}

.farm_search_result {
	margin-top: 14px;
	margin-bottom: 40px;
	border-top: 1px solid #e7e6e6
}

.result_row {
	overflow: hidden;
	width: 100%
}

.result_row dl {
	overflow: hidden;
	float: left;
	width: 50%;
	border-bottom: 1px solid #e7e6e6;
	font-size: .938em;
	color: #5a5550;
	text-align: center
}

.result_row dl dt {
	float: left;
	width: 166px;
	padding: 13px 0;
	background-color: #f3f3f3
}

.result_row dl dd {
	margin-left: 166px;
	padding: 13px 0
}

.result_row dl dd a {
	display: inline-block;
	width: 93px;
	padding: 6px 0;
	border: 1px solid #dbdbdb;
	border-bottom: 2px solid #5785da;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px
}

.result_row dl dd a:nth-of-type(2) {
	border-bottom: 2px solid #d93cd7;
	margin-left: 20px
}

.result_row dl dd.r_buttons {
	padding: 5px 0;
	font-size: 0
}

@media screen and (max-width: 840px) {
	.result_row dl {
		float: none;
		width: 100%
	}

	.result_row dl dd a {
		width: 73px;
		font-size: 13px
	}
}

@media screen and (max-width: 767px) {
	.top_info > div {
		float: none;
		height: 42px;
		border-right: 1px solid #d2d2d2;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.top_info div div {
		height: 100%;
		line-height: 42px
	}

	.info_l {
		width: 100%
	}

	.info_r {
		width: 100%;
		border-top: 1px solid #d2d2d2
	}

	.area_l {
		width: 120px
	}

	.area_r {
		margin-left: 120px
	}
}

@media screen and (max-width: 640px) {
	.tbl_wrap {
		overflow-x: scroll
	}

	.blind_info {
		display: block
	}
}

@media screen and (max-width: 460px) {
	.result_row dl dd a {
		width: 63px;
		font-size: 13px
	}

	.result_row dl dd a:nth-of-type(2) {
		margin-left: 5px
	}

	.boardList .area {
		display: none
	}
}

.ecoinfo_area {
	overflow: hidden;
	border-top: 1px solid #838fbc
}

.eco_tbl {
	width: 100%
}

.eco_tbl tr {
	border-bottom: 1px solid #e7e6e6
}

.eco_tbl th {
	width: 154px;
	background-color: #f3f3f3;
	vertical-align: middle;
	padding: 14px 0;
	color: #5a5550;
	font-size: .938em;
	font-weight: 400
}

.eco_tbl td {
	position: relative;
	padding-left: 24px;
	vertical-align: middle;
	color: #5a5550;
	font-size: .938em
}

.eco_select_box {
	width: 177px;
	margin-top: 3.5px
}

.ei_date .eco_btn {
	display: inline-block;
	vertical-align: top
}

.ei_date button {
	display: inline-block;
	height: 38px;
	padding: 0 16px;
	margin-left: 10px;
	background-color: #fcfcfc;
	border: 1px solid #cfcfcf;
	vertical-align: top;
	line-height: 36px;
	font-size: .938em
}

.ei_date button:hover {
	background-color: #e2e9f5
}

.ei_date button.excel {
	background-color: #fcfcfc;
	background-image: url("../images/sub/exel_ico.png");
	background-position: 10px 50%;
	background-repeat: no-repeat;
	text-indent: 24px;
	padding-right: 10px
}

.ei_date button.excel:hover {
	background-color: #e2e9f5;
	background-image: url("../images/sub/exel_ico.png");
	background-position: 10px 50%;
	background-repeat: no-repeat
}

.ei_list {
	width: 100%
}

.ei_list li {
	display: inline-block;
	margin-right: 27px;
	padding: 10px 0
}

.ei_list li label {
	display: block
}

.ei_list li label input[type="radio"] {
	margin-right: 8px
}

.ei_list li label input[type="checkbox"] {
	margin-right: 8px
}

.ei_list li label.chbox {
	background-image: url("../images/sub/unchecked_icon.png");
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding: 3px 0;
	padding-left: 27px;
	font-size: 0.938em
}

.ei_list li.on label.chbox {
	background-image: url("../images/sub/cheked_icon.png");
	background-position: 0 50%;
	background-repeat: no-repeat
}

.g_area {
	text-align: center;
	margin-top: 70px
}

.eco_tbl .blind_tr {
	display: none
}

.eco_tbl .blind_tr2 {
	display: none
}

@media screen and (max-width: 883px) {
	.ei_date {
		margin: 10px 0
	}

	.ei_date .eco_btn {
		display: block;
		margin-top: 10px
	}

	.ei_date button {
		margin-left: 0;
		padding: 0 10px
	}

	.eco_tbl .visi_tr2 {
		display: none
	}

	.eco_tbl .blind_tr2 {
		display: table-row
	}
}

@media screen and (max-width: 640px) {
	.eco_tbl td {
		padding-left: 14px
	}

	.eco_tbl th {
		width: 70px;
		padding: 14px 5px
	}

	.eco_tbl .visi_tr {
		display: none
	}

	.eco_tbl .blind_tr {
		display: table-row
	}
}

@media screen and (max-width: 548px) {
	.eco_select_box {
		width: 100%
	}
}

button#popupSearch {
	display: inline-block;
	height: 38px;
	padding: 0 16px;
	background-color: #fcfcfc;
	border: 1px solid #cfcfcf;
	vertical-align: top;
	line-height: 36px;
	font-size: .938em
}

button#popupSearch:hover {
	background-color: #e2e9f5
}

.expert_w {
	width: 100%;
	height: 200px;
	margin-top: 10px;
	resize: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.eqstyle_btn {
	display: inline-block;
	float: right;
	height: 38px;
	margin-bottom: 10px;
	padding: 0 16px;
	background-color: #fcfcfc;
	border: 1px solid #cfcfcf;
	vertical-align: top;
	line-height: 36px;
	font-size: .938em
}

.eqstyle_btn:hover {
	background-color: #e2e9f5
}

@media screen and (max-width: 640px) {
	.reservation {
		border-width: 1px
	}

	.reserveTop {
		margin: 0 10px
	}

	.reserveTxt {
		margin: 0 10px
	}

	.reserveBottom {
		margin: 0 10px
	}

	.reserveTable thead th {
		border-width: 1px
	}

	.reserveTable td {
		padding: 7px 5px;
		border-width: 1px
	}

	.reserveTable td div p.holiday {
		position: relative;
		width: auto;
		height: auto;
		padding-top: 3px;
		font-size: 12px;
		line-height: 1;
		background: none
	}

	.reserveTable td {
		border-width: 1px
	}

	.reserveTxt dd {
		padding: 4px 0
	}
}

.view_form table {
	margin-bottom: 20px
}

.view_form table th {
	background-color: #f8f8f8;
	border: 1px solid #d3d5d7
}

.view_form table td {
	border: 1px solid #d3d5d7
}

.view_form table td:hover {
	background-color: #fbfbfb
}

.view_form .rest_tbl1 td {
	width: 12.5%;
	border: 1px solid #1d5f8a;
	padding: 10px
}

.view_form .rest_tbl1 td.on {
	background-color: #1d5f8a;
	color: #fff
}

.rest_select {
	display: inline-block;
	width: 160px
}

.rest_select .board_select {
	border: 1px solid #c3c3c3
}

.rest_select .board_select:hover {
	border: 1px solid #838fbc
}

.rest_select .board_select .customSelectInner {
	padding-left: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.view_form .rest_tbl2 td {
	padding: 10px
}

.view_form .rest_tbl2 td.on {
	background-color: #f8f8f8
}

.view_form .rest_tbl3 thead {
	border-top: 1px solid #838fbc
}

.view_form .rest_tbl3 thead th {
	border-top: none;
	padding: 10px 0;
	background-color: #f8f8f8
}

.view_form .rest_tbl3 tbody th {
	padding: 10px 0
}

.view_form .rest_tbl3 tbody td {
	padding: 10px;
	line-height: 22px
}

.no_cont {
	text-align: center;
	padding: 30px 0;
	border-bottom: 1px solid #c3c3c3
}

.file_icon_td a {
	display: inline-block;
	padding: 5px 0 5px 25px
}

.file_icon_td .hwp {
	background-image: url("../images/sub/icon_fileHwp.jpg");
	background-repeat: no-repeat
}

.file_icon_td .pdf {
	background-image: url("../images/sub/icon_fileFtp.jpg");
	background-repeat: no-repeat
}

.file_icon_td .jpg {
	background-image: url("../images/sub/icon_fileJpg.jpg");
	background-repeat: no-repeat
}

.boardComment {
	font-family: "돋움", dotum;
	font-size: 12px
}

.commentWrap {
	border-top: 3px solid #43434a;
	border-bottom: 1px solid #dde2e8;
	background-color: #f6f6f6;
	padding: 25px
}



.commentPage {
	text-align: center;
	padding-bottom: 28px;
	border-bottom: 1px solid #dde2e8
}

.commentPage ul {
	display: inline-block;
	font-size: 0
}

.commentPage ul li {
	display: inline-block;
	font-size: 14px;
	font-family: "돋움", dotum
}

.commentPage ul li:first-child {
	border-left: none
}

.commentPage ul li a {
	color: #000
}

.commentPage ul li strong {
	background-image: url("/cnuh/images/board/comment_pages_line.jpg");
	background-position: center 23px;
	background-repeat: no-repeat;
	color: #e73444
}

.commentPage ul li a,
.commentPage ul li strong {
	display: block;
	min-width: 25px;
	height: 33px;
	line-height: 33px;
	font-weight: bold;
	text-align: center;
	vertical-align: top
}

.commentPage ul li a img {
	margin-top: -2px;
	vertical-align: middle
}

.commentPage ul li.first {
	min-width: 31px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #dadada
}

.commentPage ul li.prev {
	min-width: 31px;
	height: 33px;
	line-height: 33px;
	margin-right: 18px;
	border: 1px solid #dadada;
	border-left: 0
}

.commentPage ul li.next {
	min-width: 31px;
	height: 33px;
	line-height: 33px;
	margin-left: 18px;
	border: 1px solid #dadada;
	border-right: 0
}

.commentPage ul li.last {
	min-width: 31px;
	height: 33px;
	line-height: 33px;
	border: 1px solid #dadada
}

@media screen and (max-width: 1023px) {
	.commentWrap {
		padding: 20px
	}

	.commentList .writer {
		width: 100%;
		padding: 17px 10px 0px 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.commentList .comments {
		width: 100%;
		text-align: left;
		padding: 17px 10px 11px 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.commentList .comments img {
		vertical-align: middle
	}

	.commentList .date {
		width: 100%;
		text-align: right;
		padding: 0px 10px 15px 8px;
		color: #a0a0a0;
		font-weight: bold;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
}

@media screen and (max-width: 767px) {
	.commentWrap {
		padding: 20px 15px
	}

	.comment_info {
		display: block
	}
}

@media screen and (max-width: 479px) {
	.commentTxt input.text::-webkit-input-placeholder {
		opacity: 0
	}

	.commentTxt input.text::-moz-placeholder {
		opacity: 0
	}

	.commentTxt input.text::-ms-input-placeholder {
		opacity: 0
	}
}

.farms_board {
	margin: 0 auto;
	padding: 28px 0 45px;
	border-top: 1px solid #43434a
}

.farms_board > ul > li {
	border-bottom: 1px solid #eae8e7;
	padding: 20px
}

.farms_board .list_wrap {
	position: relative;
	width: 100%;
	min-height: 173px
}

.farms_board .thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 274px;
	height: 173px
}

.farms_board .thumb img {
	height: 100%;
	width: 100%
}

.farms_board .info {
	width: 100%;
	padding-left: 300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.farms_board .title {
	overflow: hidden;
	display: block;
	padding-top: 5px;
	font-size: 20px;
	white-space: nowrap;
	text-overflow: ellipsis
}

.farms_board .info ul {
	width: 100%;
	padding: 25px 0;
	font-size: 0
}

.farms_board .info ul li {
	display: inline-block;
	width: 100%;
	margin: 5px 0;
	font-size: 16px;
	color: #545454;
	line-height: 1.3;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.farms_board .info ul li span {
	display: inline-block;
	padding: 0 10px;
	background-image: url("../images/sub/siteBoard_bullet.gif");
	background-position: left 9px;
	background-repeat: no-repeat
}

.farms_board .info ul li span:first-child {
	padding: 0 10px 0 0;
	background: none
}

@media screen and (max-width: 959px) {
	.farms_board .info ul li {
		width: 100%;
		margin-top: 10px
	}

	.farms_board .info ul li:first-child {
		margin-top: 0
	}
}

@media screen and (max-width: 767px) {
	.farms_board .thumb {
		position: static
	}

	.farms_board .info {
		margin-top: 20px;
		padding-left: 0
	}
}

@media screen and (max-width: 379px) {
	.farms_board .thumb {
		width: 100%;
		height: auto
	}
}

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

.form_bg {
	width: 920px;
	min-height: 300px;
	margin: 0 auto;
	padding: 40px 55px 35px 28%;
	background-image: url("/templates/default/images/sub/bg_formBg.gif");
	background-position: 8% center;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.form_bg .frm_tit {
	margin-bottom: 17px;
	padding-bottom: 17px;
	border-bottom: 1px solid #ccc;
	font-size: 1.500em;
	color: #135179
}

.form_bg .frm_text {
	color: #4e5879;
	line-height: 1.5
}

.form_bg .frm_input input {
	width: 100%;
	height: 45px;
	line-height: 45px;
	margin-top: 25px;
	padding-left: 15px;
	background-color: #fcfcfc;
	border: 1px solid #cfcfcf;
	font-size: 1.125em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.frm_btn_list {
	overflow: hidden;
	margin-top: 20px
}

.frm_btn_list li {
	float: left;
	width: 47.5%
}

.frm_btn_list li.i1 {
	padding-right: 2.5%
}

.frm_btn_list li.i2 {
	padding-left: 2.5%
}

.frm_btn_list li input {
	width: 100%;
	height: 50px;
	background-color: #363f50;
	color: #fff
}

@media screen and (max-width: 959px) {
	.form_bg {
		width: 100%;
		padding: 40px 55px 35px 30%;
		background-position: 6% center
	}
}

@media screen and (max-width: 767px) {
	.form_bg {
		min-height: auto;
		padding: 40px 40px 35px 40px;
		background: none
	}
}

@media screen and (max-width: 479px) {
	.form_bg {
		padding: 25px 25px 20px 25px
	}
}

.viewContent_inner.gallView {
	padding: 20px 0px 30px 0px
}

.gallSlider {
	width: 100%;
	margin-bottom: 12px;
	padding: 0 10px;
	border-bottom: 1px solid #dedbdb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.slider_for {
	width: 100%;
	margin: 0px auto
}

.sliderNav_wrap {
	position: relative
}

.slider_nav {
	width: 482px;
	margin: 0px auto;
	z-index: 1
}

.slider_nav .slick-slide {
	margin: 28px 2px
}

.slick-slide img {
	width: 100%
}

.gallCtrl {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	width: 610px;
	margin: 0 auto;
	margin-top: -22px
}

.gallCtrl li {
	width: 44px;
	height: 44px
}

.gallCtrl .btn_prev {
	float: left
}

.gallCtrl .btn_next {
	float: right
}

@media screen and (max-width: 767px) {
	.viewContent_inner.gallView {
		padding: 15px 0px 25px 0px
	}

	.slider_nav {
		width: 400px
	}

	.gallCtrl {
		width: 510px;
		margin-top: -15px
	}

	.gallCtrl li {
		width: 30px;
		height: 30px
	}
}

@media screen and (max-width: 599px) {
	.slider_nav {
		width: 350px
	}

	.gallCtrl {
		width: 435px;
		margin-top: -13px
	}

	.gallCtrl li {
		width: 26px;
		height: 26px
	}
}

@media screen and (max-width: 479px) {
	.gallSlider {
		padding: 0 5px
	}

	.slider_nav {
		width: 210px
	}

	.slider_nav .slick-slide {
		margin: 20px 2px
	}

	.gallCtrl {
		width: 280px
	}

	.boardList .supportField {
		width: 35%
	}

	.boardList .state {
		width: 20%
	}

	.boardList .new_hits {
		width: 22%
	}
}

.sub {
	position: relative
}

#currentUrlCopy {
	left: -9999px
}



#content .content_head {
	border-bottom: 1px solid #dddddd;
	color: #000;
	font-size: 28px;
	font-weight: 700;
	text-align: center
}


#content .content_head h3 {
	color: #000;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	margin-top: 55px;
	padding-bottom: 25px;
	color: #000;
	border-bottom: 3px solid #434040;
}


#content .content_tail {
	max-width: 1000px;
	margin: 0 auto;
	margin-top: 26px
}




.content_body ul.depth01 {
	padding: 5px 0 0 20px
}

.content_body ul.depth01 li {
	padding: 4px 0 4px 20px;
	font-size: 15px;
	color: #34363f;
	background-image: url("../images/sub/con_depth01.gif");
	background-position: 0 9px;
	background-repeat: no-repeat
}

.content_body ul.depth02 {
	padding: 5px 0 0 0
}

.content_body ul.depth02 li {
	padding: 3px 0 3px 15px;
	color: #5b5d65;
	background-image: url("../images/sub/con_depth02.gif");
	background-position: 0 9px;
	background-repeat: no-repeat
}

.content_body ul.depth03 {
	padding: 5px 0 0 0
}

.content_body ul.depth03 li {
	padding: 2px 0 2px 12px;
	color: #5b5d65;
	background-image: url("../images/sub/con_depth03.gif");
	background-position: 0 9px;
	background-repeat: no-repeat
}

.content_body .tabmenu ul li {
	float: left;
	width: 50%;
	text-align: center
}

.content_body .tabmenu ul li a {
	display: block;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 1px;
	font-size: 20px;
	text-decoration: none
}

.content_body .tabmenu ul li.active a {
	background-color: #f7f7f7
}


.moduleInfo {
	padding: 17px
}

.moduleInfo dl {
	display: inline-block;
	margin-right: 0
}

.moduleInfo dl dt,
.moduleInfo dl dd {
	display: table-cell;
	position: relative;
	vertical-align: middle
}

.moduleInfo dl dt {
	width: 65px;
	font-size: 14px;
	color: #7c7777
}

.moduleInfo dl dt::after {
	content: "|";
	color: #ccc;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -11px
}

.moduleInfo dl dd {
	font-size: 14px;
	color: #221f1f;
	padding: 0 20px
}

.moduleInfo dl dd select {
	height: 22px;
	margin: 3px 0
}

@media screen and (min-width: 1024px) {
	.moduleInfo dl {
		display: inline-block;
		margin-right: 100px
	}

	.moduleInfo dl dt {
		width: 80px;
		font-size: 16px
	}

	.moduleInfo dl dd {
		font-size: 16px;
		padding-left: 30px
	}
}


.sortType {
	position: relative;
	margin-top: 10px
}

.sortType ul li {
	float: left;
	border: 1px solid #ccc;
	padding: 15px
}

.typeTel {
	margin-top: 10px;
	border: 1px solid #000;
	padding: 15px;
	border-radius: 5px
}

.bizInfo {
	margin-top: 10px;
	background-color: #cccccc;
	padding: 15px;
	border-radius: 5px
}


.bizContent iframe {
	width: 100%
}

.fileBox {
	position: relative;
	padding: 12px 10px 12px 60px;
	border-top: 1px solid #dde2e8;
	min-height: 50px
}

.fileBox dt {
	position: absolute;
	left: 0px;
	width: 55px;
	border-right: 1px solid #bdbdbd;
	text-align: center
}

.fileBox dd {
	padding-left: 10px
}

.fileBox dd a {
	display: inline-block;
	height: 30px;
	text-decoration: none
}

.modulesTitleBox2 {
	position: relative;
	margin-top: 10px;
	padding: 15px 15px 0 15px;
	border: 5px solid #cccfd5;
	border-bottom: none
}

.bizContentWrap2 {
	position: relative;
	padding: 15px;
	border: 5px solid #cccfd5;
	border-top: none
}

.bizContentWrap2 .bizContent {
	padding: 15px 30px;
	background-color: #fafafa;
	border-top: 1px solid #dde2e8;
	border-bottom: 1px solid #dde2e8
}

.agree_txt {
	padding: 8px 65px 0px 16px;
	line-height: 1.5;
	background-image: url("../images/content/icon_txt02.gif");
	background-position: 3px 19px;
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: 300;
	color: #0b0c0e
}

.modulesBox {
	position: relative
}

.modulesBox .policyCategory {
	position: relative
}

.modulesBox .policyCategory li {
	float: left;
	text-align: center;
	width: 16.66666666%
}

.modulesBox .policyCategory li a {
	margin: 1px;
	word-break: keep-all;
	border: 1px solid #7f7f7f;
	padding: 20px 0 20px 45px;
	display: block;
	color: #292929;
	text-decoration: none;
	font-size: 19px
}

.modulesBox .policyCategory li.active a {
	color: #fff;
	border: 1px solid #fff
}

.modulesBox .policyCategory li.total a {
	background-image: url("../images/sub/policy_icon01_off.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.total.active a {
	border: 1px solid #d82977;
	background-color: #d82977;
	background-image: url("../images/sub/policy_icon01_on.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025001 a {
	background-image: url("../images/sub/policy_icon02_off.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025001.active a {
	border: 1px solid #41adc8;
	background-color: #41adc8;
	background-image: url("../images/sub/policy_icon02_on.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025002 a {
	background-image: url("../images/sub/policy_icon03_off.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025002.active a {
	border: 1px solid #3fa82d;
	background-color: #3fa82d;
	background-image: url("../images/sub/policy_icon03_on.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025003 a {
	background-image: url("../images/sub/policy_icon04_off.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025003.active a {
	border: 1px solid #4a75d6;
	background-color: #4a75d6;
	background-image: url("../images/sub/policy_icon04_on.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025004 a {
	background-image: url("../images/sub/policy_icon05_off.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025004.active a {
	border: 1px solid #9b34d6;
	background-color: #9b34d6;
	background-image: url("../images/sub/policy_icon05_on.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025005 a {
	background-image: url("../images/sub/policy_icon06_off.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025005.active a {
	border: 1px solid #e58d10;
	background-color: #e58d10;
	background-image: url("../images/sub/policy_icon06_on.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025006 a {
	background-image: url("../images/sub/policy_icon07_off.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025006.active a {
	border: 1px solid #15a686;
	background-color: #15a686;
	background-image: url("../images/sub/policy_icon07_on.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025007 a {
	background-image: url("../images/sub/policy_icon08_off.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025007.active a {
	border: 1px solid #5420b2;
	background-color: #5420b2;
	background-image: url("../images/sub/policy_icon08_on.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025008 a {
	background-image: url("../images/sub/policy_icon09_off.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025008.active a {
	border: 1px solid #b0a025;
	background-color: #b0a025;
	background-image: url("../images/sub/policy_icon09_on.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025009 a {
	background-image: url("../images/sub/policy_icon10_off.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025009.active a {
	border: 1px solid #ee5d1d;
	background-color: #ee5d1d;
	background-image: url("../images/sub/policy_icon10_on.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025010 a {
	background-image: url("../images/sub/policy_icon11_off.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025010.active a {
	border: 1px solid #dd5062;
	background-color: #dd5062;
	background-image: url("../images/sub/policy_icon11_on.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025011 a {
	background-image: url("../images/sub/policy_icon12_off.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .policyCategory li.DT025011.active a {
	border: 1px solid #2883b2;
	background-color: #2883b2;
	background-image: url("../images/sub/policy_icon12_on.png");
	background-position: 17px center;
	background-repeat: no-repeat
}

.modulesBox .dirbookCategory {
	position: relative
}

.modulesBox .dirbookCategory li {
	float: left;
	display: table;
	border-spacing: 1px;
	text-align: center;
	width: 14.2857142%
}

.modulesBox .dirbookCategory li a {
	display: table-cell;
	vertical-align: middle;
	height: 72px;
	margin: 1px;
	word-break: keep-all;
	border: 1px solid #7f7f7f;
	padding: 10px 0 10px 45px;
	color: #292929;
	text-decoration: none;
	font-size: 15px
}

.modulesBox .dirbookCategory li.active a {
	color: #fff;
	border: 1px solid #7f7f7f
}

.modulesBox .dirbookCategory li.total a {
	background-image: url("../images/sub/guide_icon01_off.png");
	background-position: 12px center;
	background-repeat: no-repeat
}

.modulesBox .dirbookCategory li.total.active a {
	border: 1px solid #d82977;
	background-color: #d82977;
	background-image: url("../images/sub/guide_icon01_on.png");
	background-position: 12px center;
	background-repeat: no-repeat
}

.modulesBox .dirbookCategory li.DT029001 a {
	background-image: url("../images/sub/guide_icon02_off.png");
	background-position: 12px center;
	background-repeat: no-repeat
}

.modulesBox .dirbookCategory li.DT029001.active a {
	border: 1px solid #41adc8;
	background-color: #41adc8;
	background-image: url("../images/sub/guide_icon02_on.png");
	background-position: 12px center;
	background-repeat: no-repeat
}

.modulesBox .dirbookCategory li.DT029002 a {
	background-image: url("../images/sub/guide_icon03_off.png");
	background-position: 12px center;
	background-repeat: no-repeat
}

.modulesBox .dirbookCategory li.DT029002.active a {
	border: 1px solid #3fa82d;
	background-color: #3fa82d;
	background-image: url("../images/sub/guide_icon03_on.png");
	background-position: 12px center;
	background-repeat: no-repeat
}

.modulesBox .dirbookCategory li.DT029003 a {
	background-image: url("../images/sub/guide_icon04_off.png");
	background-position: 12px center;
	background-repeat: no-repeat
}

.modulesBox .dirbookCategory li.DT029003.active a {
	border: 1px solid #4a75d6;
	background-color: #4a75d6;
	background-image: url("../images/sub/guide_icon04_on.png");
	background-position: 12px center;
	background-repeat: no-repeat
}

.modulesBox .dirbookCategory li.DT029004 a {
	background-image: url("../images/sub/guide_icon05_off.png");
	background-position: 12px center;
	background-repeat: no-repeat
}

.modulesBox .dirbookCategory li.DT029004.active a {
	border: 1px solid #9b34d6;
	background-color: #9b34d6;
	background-image: url("../images/sub/guide_icon05_on.png");
	background-position: 12px center;
	background-repeat: no-repeat
}

.modulesBox .dirbookCategory li.DT029005 a {
	background-image: url("../images/sub/guide_icon06_off.png");
	background-position: 12px center;
	background-repeat: no-repeat
}

.modulesBox .dirbookCategory li.DT029005.active a {
	border: 1px solid #e58d10;
	background-color: #e58d10;
	background-image: url("../images/sub/guide_icon06_on.png");
	background-position: 12px center;
	background-repeat: no-repeat
}

.modulesBox .dirbookCategory li.DT029006 a {
	background-image: url("../images/sub/guide_icon07_off.png");
	background-position: 12px center;
	background-repeat: no-repeat
}

.modulesBox .dirbookCategory li.DT029006.active a {
	border: 1px solid #dd5061;
	background-color: #dd5061;
	background-image: url("../images/sub/guide_icon07_on.png");
	background-position: 12px center;
	background-repeat: no-repeat
}


.peopleDetail .profile {
	position: relative
}

.peopleDetail .monthTitle {
	background-color: #e76a22;
	font-size: 15px;
	color: #fff;
	padding: 1px 6px;
	display: inline-block;
	border-radius: 3px
}

.event {
	background-color: rgba(255, 78, 69, 0.9);
	font-size: 15px;
	color: #fff;
	padding: 1px 6px;
	display: inline-block;
	border-radius: 3px
}

.event.end {
	background-color: rgba(51, 51, 51, 0.9)
}

.event.prev {
	background-color: rgba(53, 134, 203, 0.9)
}

.peopleDetail .pname {
	padding-top: 5px;
	height: 47px
}

.peopleDetail .pname a {
	color: #000
}




.star_btn {
	float: left;
	padding: 8px 0 8px 10px;
	border: 1px solid #d8d8d8;
	width: 140px
}

.star_btn:hover {
	background-color: #f7f7f7
}

.star_btn > img {
	vertical-align: top;
	margin-top: 2px
}

.modulesBox .detailPhoto {
	margin-left: 90px;
	float: left
}

.modulesBox .mentoDetail {
	margin-left: 60px;
	float: left;
	width: 600px
}

.modulesBox .mentoDetail .name {
	font-size: 28px;
	line-height: 28px;
	color: #1d1d1d;
	padding-bottom: 25px;
	border-bottom: 1px solid #d0d0d3
}

.modulesBox .mentoDetail .counselState {
	display: inline-block;
	margin-left: 10px;
	padding: 0 10px;
	vertical-align: top;
	font-size: 15px;
	border: 1px solid #d8d8d8;
	border-radius: 1px
}

.modulesBox .mentoDetail .mentoStar {
	display: inline-block;
	padding: 0 10px;
	font-size: 14px;
	line-height: 14px;
	border-right: 1px solid #ccc
}

.modulesBox .mentoDetail .guide {
	display: inline-block;
	vertical-align: top;
	margin-top: 4px
}

.mentoDetail table {
	clear: both;
	width: 100%
}

.mentoDetail table th {
	color: #50565a;
	font-weight: 400;
	font-size: 14px;
	text-align: left;
	padding: 8px 0 8px 10px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #e7e6e6
}

.mentoDetail table td {
	text-align: left;
	padding: 8px 15px;
	border-bottom: 1px solid #eae4da
}

.mentoDetail table td.lineD {
	line-height: 15px;
	font-size: 14px
}

.modulesContent {
	padding: 20px 20px;
	color: #303030
}

.categoryBox {
	float: left;
	width: 180px
}

.categoryBox select {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dedede;
	height: 38px;
	line-height: 36px;
	padding: 0 10px;
	background-color: #ffffff;
	background-image: url("../images/sub/select_arrow.gif");
	background-position: 93% 50%;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	overflow: hidden
}

.categoryBox2 {
	float: left;
	width: 300px
}

.categoryBox2 select {
	width: 48%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #dedede;
	height: 38px;
	line-height: 36px;
	padding: 0 10px;
	background-color: #ffffff;
	background-image: url("../images/sub/select_arrow.gif");
	background-position: 93% 50%;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	overflow: hidden
}

.catSize {
	width: 150px;
	margin-right: 10px
}

.selectWrap,
.inputWrap,
.inputWrap2 {
	display: inline-block
}

.inputWrap {
	margin-left: 30px
}

.inputWrap2 {
	margin: 0px
}

.searchTitle {
	float: left;
	display: block;
	height: 38px;
	line-height: 38px;
	font-size: 18px;
	padding: 0 20px;
	background-image: url("../images/sub/search_bu.gif");
	background-position: 10px center;
	background-repeat: no-repeat
}

.searchBox {
	background-color: #edf0f3;
	position: relative;
	padding: 20px;
	margin: 35px 0 25px 0
}

.searchBox input {
	float: left;
	width: 230px;
	height: 38px;
	border: 1px solid #dedede;
	padding: 0 10px
}

.searchBox button {
	float: left;
	color: #fff;
	height: 38px;
	margin-left: 10px;
	padding: 0 30px 0 50px;
	border-radius: 2px;
	background-color: #6c708e;
	background-image: url("../images/sub/search_icon.png");
	background-position: 15px center;
	background-repeat: no-repeat
}

.searchBox .newsRequest {
	float: left;
	color: #fff;
	height: 38px;
	line-height: 38px;
	margin-left: 10px;
	padding: 0 20px;
	border-radius: 2px;
	background-color: #1d99d2;
	text-decoration: none
}

.clearBox2 {
	padding: 0 2%
}

.peopleList li {
	border-bottom: 1px solid #c3c2c2
}

.peopleList .peopleLbox {
	float: left
}

.peopleList .peopleLbox span.photo {
	display: block;
	padding: 10px
}

.peopleList .peopleRbox {
	float: left
}

.mobileAuth {
	position: relative;
	margin: 20px 0 10px 0
}

.mobileAuth a {
	font-size: 16px;
	background-color: #f60;
	font-weight: 300;
	color: #fff;
	display: inline-block;
	width: 150px;
	border: 1px solid #e25d04;
	border-radius: 3px;
	padding: 10px 0;
	text-align: center;
	text-decoration: none
}

.mobileAuth a:hover {
	background: #e65c00
}



.columnList ul {
	border-top: 1px solid #757c86
}

.columnList ul li {
	position: relative;
	height: 178px;
	padding: 20px;
	border-bottom: 1px solid #dde2e8
}

.columnList li .columnPhoto {
	position: absolute;
	top: 20px;
	height: 138px;
	z-index: 9
}

.columnList li .columnPhoto img {
	width: 188px;
	height: 136px;
	border: 1px solid #bebebe
}

.columnList li .columnDetail {
	position: relative;
	padding-left: 210px;
	height: 136px
}

.columnDetail .title {
	padding-top: 10px;
	color: #000;
	font-family: 'Dotum';
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden
}

.columnDetail .summary {
	padding-top: 10px;
	color: #3f3f3f;
	font-family: 'Dotum';
	display: block;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 20px
}

.columnDetail .writer {
	padding-top: 12px;
	font-family: 'Dotum';
	font-size: 12px;
	color: #3f3f3f;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden
}

.columnDetail .writer .writeName {
	font-family: 'Noto Sans Korean';
	font-size: 14px;
	color: #ff6d33
}





span.areaBox {
	border: 1px solid #c2c2c2;
	padding: 5px 7px
}

.plant .plantTable a:hover span.areaBox {
	border-bottom: 2px solid #5785da;
	color: #1d1d1d
}

.plant .plantTable a:hover span.over {
	color: #bc1e1e
}

.bestExe {
	position: relative;
	width: 95%;
	margin: 30px auto 0 auto;
	padding: 110px 0;
	border: 1px solid #c2c2c2;
	background-color: #f8f8f8;
	text-align: center
}

.bestArea {
	border: 1px solid #4282ab;
	width: 220px;
	position: absolute;
	border-radius: 5px;
	background-color: #ffffff
}

.area01 {
	top: 20px;
	left: 20px
}

.area02 {
	top: 20px;
	right: 20px
}

.area03 {
	top: 200px;
	left: 20px
}

.area04 {
	top: 200px;
	right: 20px
}

.area05 {
	top: 380px;
	left: 20px
}

.area06 {
	top: 380px;
	right: 20px
}

.area07 {
	top: 560px;
	left: 20px
}

.area08 {
	top: 560px;
	right: 20px
}

.bestExe .area09 {
	top: 580px;
	left: 420px
}

.bestExe .mapLine {
	position: absolute;
	top: 68px;
	left: 240px
}

.bestArea h4 {
	background-color: #4282ab;
	color: #fff;
	padding: 10px 0;
	font-size: 18px
}

.bestArea ul li {
	line-height: 30px
}

.bestMap {
	display: none
}

.go_board {
	position: absolute;
	top: 4px;
	right: 7px
}

.bestArea ul li a {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	text-align: left;
	padding: 0 10px
}

.tab_list {
	float: right;
	margin: 20px 0
}

.tab_list > li {
	float: left;
	width: 120px;
	border: 1px solid #ccc;
	border-right: 0
}

.tab_list > li:last-child {
	border-right: 1px solid #ccc
}

.tab_list > li a {
	display: block;
	padding: 10px 0;
	text-align: center
}

.tab_list > li.on a {
	background-color: #f7f7f7
}

.basic_tab {
	overflow: hidden;
	margin-bottom: 35px
}

.basic_tab > li {
	display: table;
	width: 33.33%;
	float: left;
	border: 1px solid #e7e6e6;
	border-right: 0
}

.basic_tab > li:last-child {
	border-right: 1px solid #e7e6e6
}

.basic_tab > li.on {
	border-color: #7f7f7f
}

.basic_tab > li.on + li {
	border-left-color: #7f7f7f
}

.basic_tab > li a {
	display: table-cell;
	height: 37px;
	color: #84878b;
	font-size: 16px;
	text-align: center;
	vertical-align: middle
}

.basic_tab > li.on a,
.basic_tab > li:hover a {
	color: #0b0c0e;
	font-weight: 500
}

.basic_tab_con .tab_con {
	height: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden
}

.basic_tab_con .tab_con.show {
	height: auto;
	opacity: 1;
	visibility: visible
}

.state_view {
	margin-bottom: 60px
}

.state_view h4.bizTitle {
	margin-bottom: 40px;
	border: 0;
	text-align: center
}

.state_view .left .basic_tab_con .tab_con .sub_each {
	margin-bottom: 40px
}

.state_view .left .basic_tab_con .tab_con .sub_each:last-child {
	margin-bottom: 0
}


.state_view .left .basic_tab_con .tab_con .txt:last-child {
	margin-bottom: 0
}


.state_view .left .map_box > div {
	width: 100% !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 0 !important
}

.state_view .right {
	float: right;
	width: 41%
}

.state_view .right .img_box {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 71%;
	overflow: hidden;
	text-align: center
}

.state_view .right .img_box .inner_box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 0
}

.state_view .right .img_box .inner_box:after {
	display: inline-block;
	content: '';
	width: 0;
	height: 100%;
	vertical-align: middle
}

.state_view .right .img_box .inner_box img {
	max-height: 100%;
	vertical-align: middle
}

.state_view .right .info_box .tit {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cbcbcb;
	font-size: 16px;
	font-weight: 500
}

.state_view .right .info_box .info_list > li {
	position: relative;
	min-height: 16px;
	padding-left: 65px;
	margin-bottom: 15px;
	color: #696e73;
	font-size: 14px;
	font-weight: 300
}

.state_view .right .info_box .info_list > li:last-child {
	margin-bottom: 0
}

.state_view .right .info_box .info_list > li em {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	color: #2b3035;
	font-weight: 500
}

.state_view .right .info_box .info_list > li a {
	text-decoration: underline;
	color: #696e73;
	-ms-word-break: break-all;
	word-break: break-all
}

.product_wrap .tab_box {
	position: relative;
}

.product_wrap .tab_box .tit {
	position: absolute;
	left: 0;
	top: 0;
	width: 140px;
	height: 77px;
	line-height: 77px;
	background-color: #2a3854;
	color: #fff;
	text-align: center
}

.product_wrap .tab_box .tit a {
	color: #fff
}

.product_wrap .tab_box .basic_tab > li {
	width: 20%
}


.product_wrap .tab_box .basic_tab > li.on {
	position: relative
}




.product_wrap .product_list > li:nth-child(4n) {
	margin-right: 0
}

.product_wrap .product_list > li:nth-child(4n+1) {
	clear: both
}




.product_wrap .product_list > li .img_box .inner_box a {
	display: block
}

.product_wrap .product_list > li .img_box .inner_box a:focus {
	border: 1px solid #000000
}

.product_wrap .product_list > li .img_box .inner_box a img {
	vertical-align: middle;
	max-width: 100%
}




.product_wrap .view_top {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 30px
}



.product_wrap .view_top .txt_box .info_list:last-child {
	margin-bottom: 0
}





.product_wrap .view_top .txt_box .info_list .down_btn {
	display: inline-block;
	position: relative;
	padding-left: 17px;
	color: #696e73
}

.product_wrap .view_top .txt_box .info_list .down_btn:hover {
	text-decoration: underline
}

.product_wrap .view_top .txt_box .info_list .down_btn:before {
	display: inline-block;
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 14px;
	height: 14px;
	background-image: url("/images/sub/file_down_ico.png");
	background-position: center;
	background-repeat: no-repeat
}


.product_wrap .similar_box .tab span:after {
	display: inline-block;
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background-color: #fff
}



/* .antennashop_list.event_list > li .tit {
    margin-bottom: 30px
}

.antennashop_list.event_list > li .tit:hover {
    text-decoration: underline
}
 */
.page_table th {
	text-align: left
}

.block-content .date_select {
	background-color: #0d72ad
}

.block-content .date_select .inner {
	position: relative;
	width: 100%;
	max-width: 210px;
	margin: 0 auto;
	padding: 0 13px;
	text-align: center
}

.block-content .date_select .inner .btn_date {
	position: absolute;
	top: 50%;
	width: 13px;
	height: 19px;
	margin: -9px 0 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px
}

.block-content .date_select .inner .date_prev {
	left: 0;
	background-image: url(/templates/default/images/sub/nav_prev_icon.png)
}

.block-content .date_select .inner .date_next {
	right: 0;
	background-image: url(/templates/default/images/sub/nav_next_icon.png)
}

.block-content .date_select .inner .num {
	font-family: 'Noto Sans KR';
	font-weight: 500;
	font-size: 24px;
	line-height: 49px;
	color: #fff
}

.board-list .answer_list {
	overflow: hidden;
	padding: 34px 0 29px
}

.board-list .answer_list .list {
	width: 100%;
	font-size: 0
}

.board-list .answer_list .list li {
	display: inline-block;
	overflow: hidden;
	width: 50%;
	text-align: center
}

.board-list .answer_list .list li .fr {
	position: relative;
	float: right;
	padding: 0 95px 0 0
}

.board-list .answer_list .list li .fr:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 72px;
	background-color: #f5f5f5
}

.board-list .answer_list .list li .fl {
	float: left;
	padding: 0 0 0 95px
}

.board-list .answer_list .list li .inner {
	position: relative;
	padding: 0 0 0 99px;
	background-position: 0 center;
	background-repeat: no-repeat
}

.board-list .answer_list .list li .inner.icon_01 {
	background-image: url("/templates/default/images/sub/ans_icon_01.png")
}

.board-list .answer_list .list li .inner.icon_02 {
	background-image: url("/templates/default/images/sub/ans_icon_02.png")
}

.board-list .answer_list .list li .tit {
	font-family: 'Noto Sans KR';
	font-weight: 300;
	font-size: 1rem;
	line-height: 1.3;
	color: #9a9a9a
}

.board-list .answer_list .list li .num {
	margin: 5px 0 0;
	font-family: 'Noto Sans KR';
	font-weight: 500;
	font-size: 48px;
	line-height: 48px;
	color: #000000
}

.none_messg {
	text-align: center
}

.popup_zone .cont {
	padding: 0
}

.cont {
	position: relative;
	width: 100%;
	padding: 10px
}

.cont .total_txt {
	margin: 0;
	font-family: 'Noto Sans KR';
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	text-align: left
}

.cont .more_btn {
	position: absolute;
	top: 6px;
	right: 7px;
	width: 80px;
	height: 25px;
	border-radius: 15px;
	font-family: 'Noto Sans KR';
	font-weight: 500;
	font-size: 13px;
	line-height: 25px;
	text-align: center;
	background-color: #f1f1f1;
	color: #1a1a1a
}

.list_box {
	margin: 8px 0 0;
	border-top: 2px solid #000000
}

.list_box .box {
	position: relative;
	display: table;
	height: auto;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #eceff1;
	padding: 21px 10px 24px 0;
	table-layout: fixed;
	margin: 0
}

.list_box .box > .label {
	display: table-cell;
	width: 10%;
	font-family: 'Noto Sans KR';
	font-weight: 300;
	font-size: 18px;
	line-height: 27px;
	color: #000000;
	text-align: center;
	vertical-align: middle
}

.list_box .box > .label .atmosphere {
	width: 4rem;
	height: 4rem;
	margin: 0 auto;
	background: #f0f0f0;
	border-radius: 50%;
	font-size: 1rem;
	line-height: 4rem
}

.list_box .box > .label .completion {
	width: 64px;
	height: 64px;
	margin: 0 auto;
	border-radius: 32px;
	font-size: 13px;
	line-height: 64px;
	color: #ffffff;
	background-color: #414141
}

.list_box .box > .num {
	display: table-cell;
	width: 16%;
	font-family: 'Noto Sans KR';
	font-weight: 300;
	font-size: 18px;
	line-height: 27px;
	color: #000000;
	text-align: center;
	vertical-align: middle
}

.list_box .box > .answer_btn .btn-reply {
	height: 2.2rem;
	font-size: 1rem;
	line-height: 2.2rem;
	background-color: #2f9fe0;
	display: block;
	color: #fff;
	font-weight: 400;
}

.list_box .box > .answer_btn:before {
	display: none
}

.list_box .box > .text_area {
	display: table-cell;
	width: auto;
	padding: 4px 10px 4px 10px;
	vertical-align: top
}

.list_box .box > .text_area > a > .title {
	font-weight: 600;
	letter-spacing: -1px;
	font-size: 16px;
	line-height: 27px;
	color: #000000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-align: left
}

.list_box .box > .text_area > a > .title span {
	padding: 0 5px 0 0;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 1.5;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left
}

.list_box .box > .text_area > a > .title > .ft_color {
	color: #1e6ab0
}

.list_box .box > .text_area > a > .date_list {
	overflow: hidden;
	margin: 5px 0 0
}

.list_box .box > .text_area > a > .date_list > li {
	position: relative;
	float: left;
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
	font-family: 'SpoqaHanSans';
	font-weight: 300;
	font-size: 1rem;
	line-height: 23px;
	color: #9e9e9e
}

.list_box .box > .text_area > a > .date_list > li:before {
	display: block;
	content: '';
	position: absolute;
	top: 5px;
	right: 0;
	width: 1px;
	height: 15px;
	background-color: #e8e8e8
}

.list_box .box > .text_area > a > .date_list > li:last-child {
	margin: 0;
	padding: 0
}

.list_box .box > .text_area > a > .date_list > li:last-child:before {
	display: none
}

.list_box .box > .text_area > a > .date_list > li.name {
	position: relative
}

.list_box .box > .text_area > a > .date_list > li.name span {
	font-weight: 500;
	color: #1d1d1d
}

.list_box .box > .text_area > a > .date_list > li.num span {
	font-weight: 500;
	color: #1d1d1d
}

@media screen and (max-width: 1175px) {
	.state_view .left {
		width: 100%;
		float: none
	}

	.state_view .right {
		width: 100%;
		float: none;
		margin-bottom: 50px
	}

	.state_view .right .img_box {
		padding-bottom: 0
	}

	.state_view .right .img_box .inner_box {
		position: static;
		display: inline-block;
		vertical-align: middle
	}

	.state_view .right .img_box .inner_box img {
		max-height: 287px
	}
}

@media screen and (max-width: 1001px) {


	.bestExe .mapLine {
		display: none
	}

	.bestExe .area09 {
		left: 330px
	}
}

@media (max-width: 1175px) {
	#container {
		padding-top: 53px
	}
}

@media screen and (max-width: 1060px) {

	.peopleBox .peoplePhoto,
	.peopleBox .peoplePhoto2 {
		float: none;
		text-align: center;
		width: 100%
	}

	.peopleBox .peopleDetail {
		width: 100%;
		margin: 8px 0 0 0;
		float: none
	}

	.peopleDetail .profile {
		display: block
	}

	.detailBox {
		margin: 10px 0;
		height: auto;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden
	}

	.Mcenter {
		text-align: center
	}

	.mento_btn {
		float: none;
		display: inline-block;
		border-right: 1px solid #d8d8d8
	}

	.counsel_btn {
		float: none;
		display: inline-block
	}

	.modulesBox .detailPhoto {
		width: 30%;
		text-align: center;
		margin-left: 0
	}

	.modulesBox .mentoDetail {
		width: 70%;
		margin-left: 0
	}
}


@media screen and (max-width: 991px) {}

@media screen and (max-width: 920px) {
	.bestExe {
		padding: 10px
	}

	.bestExe .bestArea {
		display: none
	}
}

@media screen and (max-width: 880px) {

	.modulesBox .policyCategory li,
	.modulesBox .dirbookCategory li {
		width: 25%
	}

	.modulesBox .infolistCategory li a {
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden
	}

	.plant .plantTable {
		float: left;
		width: 92%;
		margin: 4%
	}

}



@media (max-width: 767px) {
	.snb .menu {
		float: none
	}

	.snb .menu > li {
		position: static;
		float: none
	}

	.snb .menu > li.home,
	.snb .menu > li.m1 {
		display: none
	}

	.snb .menu > li.m2 {
		width: 100%
	}

	.snb .menu > li.m2 > a {
		min-width: auto
	}

	.snb .menu .submenu {
		letter-spacing: -1px
	}

	.snb .snbUtil {
		float: none;
		position: absolute;
		top: 0;
		right: 0
	}

	.snb .snbUtil > ul > li {
		float: none;
		margin-right: 0
	}

	.snbUtil .fileSave {
		display: none
	}

	.snb .snbUtil > ul > li:last-child {
		display: none
	}



	.snbUtil .share .snsList ul li {
		width: 23%
	}

	#content .content_head {
		padding-bottom: 18px;
		font-size: 22px
	}

	#content .content_head h3 {
		font-size: 22px
	}

	.sch_label {
		display: block;
		text-align: left;
		margin-left: 0 !important
	}

	.product_wrap .product_list > li .txt_box .btn_box a {
		display: block;
		margin: 0 auto 5px
	}

	.product_wrap .product_list > li .txt_box .btn_box a:last-child {
		margin-bottom: 0
	}

	.product_wrap .tab_box {
		padding-left: 0
	}

	.product_wrap .tab_box .tit {
		position: static;
		width: 100%;
		height: 39px;
		line-height: 39px
	}

	.product_wrap .view_top {
		display: block
	}


}

@media screen and (max-width: 760px) {
	.catSize {
		width: 100%
	}

	.searchBox input {
		width: 100%;
		margin-top: 5px
	}

	.searchBox button {
		margin-top: 5px;
		margin-left: 0
	}

	.searchBox .newsRequest {
		margin-top: 5px
	}
}

@media screen and (max-width: 750px) {
	.mento_btn {
		float: none;
		display: inline-block;
		padding: 6px 10px 6px 30px;
		border-right: 1px solid #d8d8d8;
		background-image: url("../images/sub/mento_icon01.gif");
		background-position: 10px center;
		background-repeat: no-repeat
	}

	.counsel_btn {
		float: none;
		display: inline-block;
		padding: 6px 10px 6px 30px;
		background-image: url("../images/sub/mento_icon02.gif");
		background-position: 10px center;
		background-repeat: no-repeat
	}
}

@media screen and (max-width: 670px) {
	.modulesBox .policyCategory li a {
		background-size: 30px auto !important;
		padding: 15px 0 14px 35px
	}

	.modulesBox .dirbookCategory li a {
		background-size: 30px auto !important
	}
}

@media screen and (max-width: 640px) {
	.state_view .left .product_list > li .txt_box .btn_box a {
		display: block;
		margin-bottom: 5px
	}

	.state_view .left .product_list > li .txt_box .btn_box a:last-child {
		margin-bottom: 0
	}


	.antennashop_list > li .txt_box .addr a {
		display: block;
		margin-top: 10px
	}
}

@media screen and (max-width: 600px) {
	.modulesBox .mentoPeople li {
		width: 100%
	}

	.modulesBox .mentoPeople li.n0 .peopleBox,
	.modulesBox .mentoPeople li.n1 .peopleBox {
		margin: 0
	}

	.modulesBox .detailPhoto {
		display: none
	}

	.modulesBox .mentoDetail {
		width: 100%
	}

	.modulesContent {
		padding: 20px
	}

	.video-js {
		width: 100% !important
	}

	.columnList ul li {
		height: 120px;
		padding: 10px
	}

	.columnList li .columnPhoto {
		top: 10px
	}

	.columnList li .columnPhoto img {
		width: 150px;
		height: 100px;
		border: 1px solid #bebebe
	}

	.columnList li .columnDetail {
		position: relative;
		padding-left: 170px;
		height: 110px
	}

	.columnDetail .summary {
		height: 30px;
		-webkit-line-clamp: 1;
		line-height: 20px
	}
}

@media screen and (max-width: 550px) {
	#tab_area li a {
		font-size: 12px
	}

	.modulesBox .policyCategory li {
		width: 33.333333333%
	}

	.modulesBox .policyCategory li a {
		font-size: 14px;
		padding: 15px 0 14px 25px;
		background-position: 10px center !important
	}

	.modulesBox .dirbookCategory li {
		width: 33.333333333%
	}

	.modulesBox .dirbookCategory li a {
		font-size: 14px;
		background-position: 10px center !important;
		height: 65px
	}

	.modulesBox .infolistCategory li a {
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden
	}

	#tab_area li a {
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden
	}

	.searchTitle {
		display: none
	}

	.inputWrap {
		margin-left: 0
	}

	.modulesTitleBox span.gubun {
		width: auto;
		padding: 3px 10px
	}

	.modulesTitleBox .organ {
		display: block;
		float: none;
		font-size: 14px;
		margin-top: 5px;
		line-height: 26px;
		color: #999
	}

	.moduleInfo dl dt,
	.moduleInfo dl dd {
		display: block
	}

	.moduleInfo dl dt::after {
		color: #fff;
	}
}

@media screen and (max-width: 550px) {

	.modulesBox .excellentCategory li a {
		font-size: 15px;
	}
}

@media screen and (max-width: 400px) {
	.modulesBox .dirbookCategory li a {
		padding: 10px 0 10px 32px
	}
}

@media screen and (max-width: 480px) {

	.state_view .left .product_list > li {
		display: block
	}

	.state_view .left .product_list > li .img_box {
		display: block;
		width: 100%;
		position: relative;
		padding-bottom: 61%;
		margin-bottom: 10px;
		background-color: #f8f8f8
	}

	.state_view .left .product_list > li .img_box .inner_box {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		font-size: 0
	}

	.state_view .left .product_list > li .img_box .inner_box:after {
		display: inline-block;
		content: '';
		width: 0;
		height: 100%;
		vertical-align: middle
	}

	.state_view .left .product_list > li .img_box .inner_box img {
		vertical-align: middle;
		max-height: 100%
	}

	.state_view .left .product_list > li .txt_box {
		display: block;
		padding-left: 0
	}

	.state_view .left .product_list > li .txt_box .btn_box a {
		display: inline-block;
		margin-bottom: 0
	}

	.product_wrap .product_list > li {
		width: 49%
	}

	.product_wrap .product_list > li:nth-child(3n) {
		margin-right: 2%
	}

	.product_wrap .product_list > li:nth-child(2n) {
		margin-right: 0
	}

	.product_wrap .product_list > li:nth-child(3n+1) {
		clear: inherit
	}

	.product_wrap .product_list > li:nth-child(2n+1) {
		clear: both
	}

	.product_wrap .tab_box .basic_tab > li {
		width: 33.33%
	}

	.product_wrap .tab_box .basic_tab > li:nth-child(n+4) {
		margin-top: -1px
	}

	.product_wrap .tab_box .basic_tab > li:nth-child(3n) {
		border-right: 1px solid #e7e6e6
	}

	.product_wrap .view_top .txt_box .info_list .baro_btn {
		margin-top: 0;
		margin-top: 7px
	}

	.product_wrap .view_top .txt_box .btn_wrap .buy_btn,
	.product_wrap .view_top .txt_box .btn_wrap .list_btn {
		width: 120px;
		height: 45px;
		line-height: 45px
	}

	.product_wrap .similar_box .tab span {
		width: 120px
	}

	.product_wrap .btn_area {
		display: flex;
	}

	.product_wrap .btn_area a {
		flex: 1 1 auto;
		margin: 0 .5rem 0 0;
	}

	.product_wrap .btn_area a:last-child {
		margin-right: 0;
	}

	.antennashop_list > li {
		display: block
	}


	.antennashop_list > li .img_box .inner_box img {
		vertical-align: middle;
		max-height: 100%
	}

	.antennashop_list > li .txt_box {
		display: block;
		padding-left: 0;
		padding-top: 0;
	}
}


.ui-helper-hidden {
	display: none
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-clearfix {
	min-height: 0
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0)
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default !important
}

.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0;
	font-size: 100%
}

.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default
}

.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none
}

.ui-button-icon-only {
	width: 2.2em
}

button.ui-button-icon-only {
	width: 2.4em
}

.ui-button-icons-only {
	width: 3.4em
}

button.ui-button-icons-only {
	width: 3.7em
}

.ui-button .ui-button-text {
	display: block;
	line-height: normal
}

.ui-button-text-only .ui-button-text {
	padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em
}

input.ui-button {
	padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px
}

.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em
}

.ui-buttonset {
	margin-right: 7px
}

.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px
}

.ui-datepicker .ui-datepicker-next {
	right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0
}

.ui-datepicker td {
	border: 0;
	padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0
}

.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative
}

.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer
}

.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
	cursor: move
}

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none
}

.ui-menu .ui-menu {
	position: absolute
}

.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0;
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px
}

.ui-menu-icons {
	position: relative
}

.ui-menu-icons .ui-menu-item {
	padding-left: 2em
}

.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0
}

.ui-menu .ui-menu-icon {
	left: auto;
	right: 0
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none
}

.ui-resizable {
	position: relative
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px
}

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black
}

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0
}

.ui-selectmenu-open {
	display: block
}

.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%
}

.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}

.ui-slider-horizontal {
	height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle
}

.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px
}

.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0
}

.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none
}

.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0
}

.ui-spinner-up {
	top: 0
}

.ui-spinner-down {
	bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
	background-position: -65px -16px
}

.ui-tabs {
	position: relative;
	padding: .2em
}

.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
	border-width: 2px
}

.ui-widget {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.1em
}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
	font-size: 1em
}

.ui-widget-content {
	border: 1px solid #dddddd;
	background: #eee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
	color: #333333
}

.ui-widget-content a {
	color: #333333
}

.ui-widget-header {
	border: 1px solid #e78f08;
	background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold
}

.ui-widget-header a {
	color: #ffffff
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #cccccc;
	background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #1c94c4
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #fbcb09;
	background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #c77405
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #c77405;
	text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #fbd850;
	background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #eb8f00
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fed22f;
	background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
	color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
	color: #ffffff
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none
}

.ui-state-disabled .ui-icon {
	filter: Alpha(Opacity=35)
}

.ui-icon {
	width: 16px;
	height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_222222_256x240.png")
}

.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-default .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png")
}

.ui-state-active .ui-icon {
	background-image: url("images/ui-icons_ef8c08_256x240.png")
}

.ui-state-highlight .ui-icon {
	background-image: url("images/ui-icons_228ef1_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_ffd27a_256x240.png")
}

.ui-icon-blank {
	background-position: 16px 16px
}

.ui-icon-carat-1-n {
	background-position: 0 0
}

.ui-icon-carat-1-ne {
	background-position: -16px 0
}

.ui-icon-carat-1-e {
	background-position: -32px 0
}

.ui-icon-carat-1-se {
	background-position: -48px 0
}

.ui-icon-carat-1-s {
	background-position: -64px 0
}

.ui-icon-carat-1-sw {
	background-position: -80px 0
}

.ui-icon-carat-1-w {
	background-position: -96px 0
}

.ui-icon-carat-1-nw {
	background-position: -112px 0
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0
}

.ui-icon-carat-2-e-w {
	background-position: -144px 0
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}

.ui-icon-arrow-4 {
	background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px
}

.ui-icon-extlink {
	background-position: -32px -80px
}

.ui-icon-newwin {
	background-position: -48px -80px
}

.ui-icon-refresh {
	background-position: -64px -80px
}

.ui-icon-shuffle {
	background-position: -80px -80px
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px
}

.ui-icon-folder-open {
	background-position: -16px -96px
}

.ui-icon-document {
	background-position: -32px -96px
}

.ui-icon-document-b {
	background-position: -48px -96px
}

.ui-icon-note {
	background-position: -64px -96px
}

.ui-icon-mail-closed {
	background-position: -80px -96px
}

.ui-icon-mail-open {
	background-position: -96px -96px
}

.ui-icon-suitcase {
	background-position: -112px -96px
}

.ui-icon-comment {
	background-position: -128px -96px
}

.ui-icon-person {
	background-position: -144px -96px
}

.ui-icon-print {
	background-position: -160px -96px
}

.ui-icon-trash {
	background-position: -176px -96px
}

.ui-icon-locked {
	background-position: -192px -96px
}

.ui-icon-unlocked {
	background-position: -208px -96px
}

.ui-icon-bookmark {
	background-position: -224px -96px
}

.ui-icon-tag {
	background-position: -240px -96px
}

.ui-icon-home {
	background-position: 0 -112px
}

.ui-icon-flag {
	background-position: -16px -112px
}

.ui-icon-calendar {
	background-position: -32px -112px
}

.ui-icon-cart {
	background-position: -48px -112px
}

.ui-icon-pencil {
	background-position: -64px -112px
}

.ui-icon-clock {
	background-position: -80px -112px
}

.ui-icon-disk {
	background-position: -96px -112px
}

.ui-icon-calculator {
	background-position: -112px -112px
}

.ui-icon-zoomin {
	background-position: -128px -112px
}

.ui-icon-zoomout {
	background-position: -144px -112px
}

.ui-icon-search {
	background-position: -160px -112px
}

.ui-icon-wrench {
	background-position: -176px -112px
}

.ui-icon-gear {
	background-position: -192px -112px
}

.ui-icon-heart {
	background-position: -208px -112px
}

.ui-icon-star {
	background-position: -224px -112px
}

.ui-icon-link {
	background-position: -240px -112px
}

.ui-icon-cancel {
	background-position: 0 -128px
}

.ui-icon-plus {
	background-position: -16px -128px
}

.ui-icon-plusthick {
	background-position: -32px -128px
}

.ui-icon-minus {
	background-position: -48px -128px
}

.ui-icon-minusthick {
	background-position: -64px -128px
}

.ui-icon-close {
	background-position: -80px -128px
}

.ui-icon-closethick {
	background-position: -96px -128px
}

.ui-icon-key {
	background-position: -112px -128px
}

.ui-icon-lightbulb {
	background-position: -128px -128px
}

.ui-icon-scissors {
	background-position: -144px -128px
}

.ui-icon-clipboard {
	background-position: -160px -128px
}

.ui-icon-copy {
	background-position: -176px -128px
}

.ui-icon-contact {
	background-position: -192px -128px
}

.ui-icon-image {
	background-position: -208px -128px
}

.ui-icon-video {
	background-position: -224px -128px
}

.ui-icon-script {
	background-position: -240px -128px
}

.ui-icon-alert {
	background-position: 0 -144px
}

.ui-icon-info {
	background-position: -16px -144px
}

.ui-icon-notice {
	background-position: -32px -144px
}

.ui-icon-help {
	background-position: -48px -144px
}

.ui-icon-check {
	background-position: -64px -144px
}

.ui-icon-bullet {
	background-position: -80px -144px
}

.ui-icon-radio-on {
	background-position: -96px -144px
}

.ui-icon-radio-off {
	background-position: -112px -144px
}

.ui-icon-pin-w {
	background-position: -128px -144px
}

.ui-icon-pin-s {
	background-position: -144px -144px
}

.ui-icon-play {
	background-position: 0 -160px
}

.ui-icon-pause {
	background-position: -16px -160px
}

.ui-icon-seek-next {
	background-position: -32px -160px
}

.ui-icon-seek-prev {
	background-position: -48px -160px
}

.ui-icon-seek-end {
	background-position: -64px -160px
}

.ui-icon-seek-start {
	background-position: -80px -160px
}

.ui-icon-seek-first {
	background-position: -80px -160px
}

.ui-icon-stop {
	background-position: -96px -160px
}

.ui-icon-eject {
	background-position: -112px -160px
}

.ui-icon-volume-off {
	background-position: -128px -160px
}

.ui-icon-volume-on {
	background-position: -144px -160px
}

.ui-icon-power {
	background-position: 0 -176px
}

.ui-icon-signal-diag {
	background-position: -16px -176px
}

.ui-icon-signal {
	background-position: -32px -176px
}

.ui-icon-battery-0 {
	background-position: -48px -176px
}

.ui-icon-battery-1 {
	background-position: -64px -176px
}

.ui-icon-battery-2 {
	background-position: -80px -176px
}

.ui-icon-battery-3 {
	background-position: -96px -176px
}

.ui-icon-circle-plus {
	background-position: 0 -192px
}

.ui-icon-circle-minus {
	background-position: -16px -192px
}

.ui-icon-circle-close {
	background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px
}

.ui-icon-circle-check {
	background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px
}

.ui-widget-overlay {
	background: #666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
	opacity: .2;
	filter: Alpha(Opacity=20);
	border-radius: 5px
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

/*# sourceMappingURL=sub.css.map */