@charset "utf-8";
/* CSS Document */

/* Reset */
body, h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td,
form, fieldset, legend,
hr {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
ul, ol {
	list-style:none;
}
table {
	margin:0;
	padding:0;
	border-spacing:0;
	border:0;
	_border-collapse:collapse;
}
*+html table {border-collapse:collapse;}
img, fieldset, abbr, acronym {
	border:0;
}
address, caption, cite, code, dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
q:before, q:after {
	content: '';
}
input, select, button, textarea {
	color:#757575;
	font-size:100%;
	font-family:'dotum';
}

/* Base */
body {
	color:#6e6e6e;
	font:11px/18px Dotum, '돋움', sans-serif;
}
hr {display:none}
caption, legend {
	width:0;
	height:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	font-size:0;
}
#skipNavi {
	position:relative;
	z-index:9999;
}
#skipNavi h1 {
	display:none;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
#skipNavi ul {
	width:300px;
	position:absolute;
	top:0;
	right:70px;
}
	#skipNavi ul li {
		overflow:hidden;
		width:100%;
		position:absolute;
	}
	#skipNavi ul li a {
		overflow:hidden;
		display:block;
		width:0;
		height:0;
		padding:5px 0;
		color:#303030;
		background:#efefef;
		font-size:12px;
		line-height:18px;
		text-align:center;
		font-weight:bold;
	}
	#skipNavi ul li a:focus, #skipNavi ul li a:active {
		width:100%;
		height:100%;
		background:#efefef;
	}
a {
	color:#6e6e6e;
	text-decoration:none;
}
a:focus, a:hover, a:active {
	text-decoration:underline;
}
input.text,
textarea.textarea {
	padding:2px 0;
	border:1px solid #c7c7c7;
}
label,
input.button, input.submit , input.image,
button {
	cursor:pointer;
}
textarea, pre {
	overflow:auto;
}
.clearfix:after  {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix   {display: block;}
/* End hide from IE-mac */

.cboth {
	clear:both;
}
.invisible {
	overflow:hidden;
	visibility:hidden;
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
body {background:#eae6e0;}
#wrap{width:100%;margin:0 auto;vertical-align:top;}


.sec1{width:935px;margin:0 auto;display:inline-block;float:left;font-size:0;line-height:0;vertical-align:top;}

.sec2{overflow:hidden;padding:15px 0 20px 0;width:100%;margin:0 auto;background:#212121;clear:both;}

.sec2 .conwrap{overflow:hidden;width:1140px;margin:0 auto;}
.sec2 .conwrap .no{float:left;width:380px;margin:0 40px 0 0;background:url(/cha/img/bg1.png) left top no-repeat;}
.sec2 .conwrap .no .no2{display:inline-block;width:380px;}
.sec2 .conwrap .no .no2 dt{float:left;display:inline-block;font:12px "돋움",dotum,sans-serif;line-height:180%;padding-left:10px;}
.sec2 .conwrap .no .no2 dt a{color:#c7c7c7;}
.sec2 .conwrap .no .no2 dt a:hover{text-decoration:underline;}
.sec2 .conwrap .no .no2  dd{float:right;display:inline-block;font:12px "돋움",dotum,sans-serif;color:#c7c7c7;line-height:180%;}

.sec2 .conwrap .no3{display:inline-block;width:250px;margin-left:100px;margin-top:3px;}
.sec2 .conwrap .no3 dt{width:190px;display:inline-block;float:left;font:12px "돋움",dotum,sans-serif;line-height:180%;}
.sec2 .conwrap .no3 dt a{color:#c7c7c7;display:inline-block;}
.sec2 .conwrap .no3 dt a:hover{text-decoration:underline;}
.sec2 .conwrap .no3 dd{float:right;display:inline-block;font:12px "돋움",dotum,sans-serif;color:#c7c7c7;line-height:180%;width:40px;}
.sec2 .conwrap .pro{float:left;width:370px;margin-right:20px;}
.sec2 .conwrap .pro .pro1{display:inline-block;width:370px;}
.sec2 .conwrap .pro .pro1 dt{display:inline-block;float:left;}
.sec2 .conwrap .pro .pro1 dd a{display:inline-block;float:right;padding:7px 10px;background:#dfdfdf;color:#828282;font:bold 12px "나눔고딕",nanum gothic,sans-serif;margin-right:5px;}
.sec2 .conwrap .pro .pro1 dd a:hover{background:#757575;color:#fff;}
.sec2 .conwrap .pro .pro2{margin-top:20px;display:inline-block;width:370px;}
.sec2 .conwrap .pro .pro2 dt{float:left;display:inline-block;margin-right:10px;}
.sec2 .conwrap .pro .pro2 dd{float:left;display:inline-block;font:12px "돋움",dotum,sans-serif;line-height:150%;}
.sec2 .conwrap .pro .pro2 dd a{color:#c7c7c7;}
.sec2 .conwrap .pro .pro2 dd a:hover{text-decoration:underline;}

.sec2 .conwrap div.help{display:inline-block;width:310px;font-size:0;line-height:0;vertical-align:top;}
.sec2 .conwrap .help .sub3{display:inline-block;}
.sec2 .conwrap .help .img{margin-top:45px;}
#wrap #content{width:100%;margin:0 auto;position:relative;}
.intra{display:inline-block;z-index:200;position:absolute;right:0px;top:10px;}




.submenu{position:absolute;z-index:200;top:13px;right:-20px;display:inline-block;width:204px;}
.submenu li{float:left;color:#2a68b1;font:11px "나눔고딕","nanum gothic",sans-serif;padding:0 5px;}
.submenu li a{color:#2a68b1;font:11px "나눔고딕","nanum gothic",sans-serif;}
.submenu li a:hover{text-decoration:underline;}

/* slidejs */
.container{display: inline-block; width:100%;height:594px;background:url(/cha/img/bg.png) no-repeat;position:relative;float:left;}
.slidesjs-pagination{position:absolute;left:3%;bottom:10px;z-index:30;width:100px;margin-left:0px;}
.slidesjs-pagination a{display:block;width:14px;height:14px;background:url(../cha/img/pagination.png) no-repeat 0px 0px;margin:0 5px;text-indent:-9999px;float:left;}
.slidesjs-pagination a:hover{background-position:0px -14px;}
.slidesjs-pagination a.active{background-position:0px -14px;}
.slidesjs-previous{display:block;width:36px;height:81px;background:url(../cha/img/left.png) no-repeat;text-indent:-9999px;position:absolute;left:14%;top:40%;z-index:40;}
.slidesjs-next{display:block;width:36px;height:81px;background:url(../cha/img/right.png) no-repeat;text-indent:-9999px;position:absolute;right:14%;top:40%;z-index:40;}