@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* CSS 기본세팅 */
body {
	margin:0px;
	padding:0px;
	font-size:10pt;
	line-height:1.4;	
	font-family:Nanum Gothic,"돋움",Dotum,AppleGothic,sans-serif !important;
	text-align:center;
	color:#666666;
	font-family:Nanum Gothic,"돋움",Dotum,AppleGothic,sans-serif !important;
	background:url(../img/common/top_bg.jpg) repeat-x top left;
	overflow-y:scroll;
}
/* 기본 링크 */
a { selector-dummy : expression(this.hideFocus=true);}
a:link { text-decoration: none; color: #696969 }
a:active { text-decoration: none; color: #696969}
a:visited { text-decoration: none; color: #696969 }
a:hover { text-decoration : none; color: #F26521 }
a { onfocus : "this.blur();" } 
p{padding:0px; margin:0px; margin-top:5px;}
img{border:0px; line-height:0px;}  /*이미지를 text로 인식하여 자동으로 하단 4px여백을 준다. 익스6에서만. 따라서 이렇게 */
a,area { blr:expression(this.onFocus=this.blur()) }
:focus { -moz-outline-style: none; }
.png24{tmp:expression(setPng24(this));}
form { border:0;margin:0;display : inline;}

/* body 시작 */
#wrapper{
    margin:0px auto;         /* 중앙정렬시 auto까먹지 말자 */
	padding:0px;
	width:1024px;
	position:relative;
	}
/* 상단 헤드메뉴 */	
#header{
	height:0px;
}

#nav{
	height:84px;
}
	
/* 컨텐츠 전체부분 */	
#intro{
	margin:73px 0 10px 0;
	height: 385px;
}


#intro .swiper-container { width:720px; height: 385px; float: left; border:1px solid #ccc;}
#intro .swiper-container .swiper-slide img { width:720px; height: 385px;}
#intro .bn_area { float: right; width:273px; }
#intro .bn_area a{display: block; height: 64px; margin-bottom: 19px; padding-left:98px; padding-top:18px; color:#fff; font-size: 18px; font-weight: 600; text-align: left; background: #eee;}
#intro .bn_area a:nth-child(1) { background: #72a4d2 url(/images/bn01.png)}
#intro .bn_area a:hover:nth-child(1) { background: #4f83b3 url(/images/bn01.png)}
#intro .bn_area a:nth-child(2) { background: #4f83b3 url(/images/bn02.png)}
#intro .bn_area a:hover:nth-child(2) { background: #2f6495 url(/images/bn02.png)}
#intro .bn_area a:nth-child(3) { background: #2f6495 url(/images/bn03.png)}
#intro .bn_area a:hover:nth-child(3) { background: #144a7b url(/images/bn03.png)}
#intro .bn_area a:nth-child(4) { background: #144a7b url(/images/bn04.png); margin-bottom: 0;}
#intro .bn_area a:hover:nth-child(4) { background: #083258 url(/images/bn04.png); margin-bottom: 0;}


#content{
	padding-top:50px;
	height:360px;
	position:relative;
	overflow:hidden;
}
/* 컨텐츠 왼쪽 메뉴부분 */	
#content_left{
	padding:0px;
	margin:0px;
	width:262px;
	margin-right:35px;
	float:left;
}
		#content_left_01{
		padding:0px;
		margin:0px;
		height:157px;
		margin-bottom:15px;		
		position:relative;
	}
	
		#content_left_02{
		padding:0px;
		margin:0px;
		height:74px;
		position:relative;
	}
	
		#content_left_03{
		padding:0px;
		margin-top:15px;
		height:96px;
		margin-bottom:10px;
		position:relative;
	}
	
/* 컨텐츠 중앙부분 */	
#content_center{
	padding:0px;
	margin:0px;
	width:420px;
	margin-right:35px;
	float:left;
}
		#content_center_01{
		padding:0px;
		margin:0px;
		height:148px;
		margin-bottom:30px;
		position:relative;
		font-family:Nanum Gothic,gulim;
	}
		#content_center_02{
		padding:0px;
		margin:0px;
		height:142px;
		position:relative;
		font-family:Nanum Gothic,gulim;

	}	
		
/* 컨텐츠 오른쪽 메뉴부분 */	
#content_right{
	padding:0px;
	margin:0px;
	width:272px;
	float:left;
}
		#content_right_01{
		padding:0px;
		margin:0px;
		height:183px;
		position:relative;
	}
		#content_right_02{
		padding:0px;
		margin:0px;
		height:100px;
		margin-bottom:36px;
		position:relative;

	}
		#content_right_03{
	padding:0 0 10px 0;
	margin:0px;
	height:182px;
	position:relative;
}	
		#content_right_04{ padding:0 0 0 0;	margin:0px;	position:relative; }

#link{
    margin:0px auto;         /* 중앙정렬시 auto까먹지 말자 */
	padding:0px;
	width:1024px;
	height:40px;
	position:relative;
	text-align:center;
	}


#bottom{
    margin:0px auto;         /* 중앙정렬시 auto까먹지 말자 */
	padding:0px;
	width:100%;
	position:relative;
	text-align:center;
	}