@charset "utf-8";

@import "reset.css";
@import "default.css";
@import "base.css";
@import "sub_base.css";


/*사업분야 공통*/

.bs_area { font-family:'Nanum Barun Gothic', sans-serif;}

	.bs_area p {
		font-size: 14px;
		line-height: 21px;
		color: #797979;}

.bs_area .view_wrap {
	width: 100%;
	border-top: 4px solid #000;
	background: url(../img/business/bulit_02.gif) repeat-x 0px 23px;}


	.bs_area .view_wrap h4 {
		height: 60px;
		float: left;
		padding-left: 18px;
		padding-right: 50px;
		font-size: 26px;
		color: #333;
		line-height: 56px;
		background: url(../img/business/bulit_01.gif) no-repeat 0px 21px #fff;}
		
	.bs_area .view_wrap .view {
		width: 100%;
		height: 380px;
		margin-bottom: 15px;
		clear: both;}
		
		.bs_area .view img {
			width: 100%;
			height: 380px;}
			
	.bs_area .ct_wrap {
		width: 100%;
		margin-bottom: 30px;
		font-size: 14px;
		color: #797979;
		line-height: 30px;}
		
		.bs_area .ct_wrap li {
			width: 340px;
			padding-left: 10px;
			background: url(../img/business/bulit_03.gif) no-repeat 0px 13px;
			float: left;}
			
		.bs_area .ct_wrap li.bd { border-bottom: 1px solid #f0f0f0;}
		
		.bs_area .ct_wrap li.tit { font-size: 16px; font-weight: bold;}
		
			.bs_area .ct_wrap li.tit span { color: #000;}
			
		.bs_area .ct_wrap li.loc { width: 690px;}
		.bs_area .ct_wrap li.summary {
			width: 680px;
			padding-top: 5px;
			line-height: 20px;}
		
			
			
	.bs_area .list_wrap {
		width: 100%;
		padding: 12px 0px;
		position: relative;
		margin-bottom: 30px;
		background-color: #2d5da4;}
		
		.bs_area .list_wrap ul {
			width: 620px;
			height: 68px;
			margin: 0px auto;
			padding-left: 12px;}
			
			.bs_area .list_wrap li {
				width: 112px;
				margin-right: 12px;
				float: left;}
				
				.bs_area .list_wrap li a {display: block;}
				
				.bs_area .list_wrap li a:hover,
				.bs_area .list_wrap li a:focus,
				.bs_area .list_wrap li a.on {
					width: 104px;
					height: 60px;
					border: 4px solid #fff;}
				
					.bs_area .list_wrap li img {
						width: 100%;
						height: 68px;}

				.bs_area .list_wrap li a:hover img,
				.bs_area .list_wrap li a:focus img,
				.bs_area .list_wrap li a.on img { height: 60px;}
				
			.bs_area .list_wrap .btn {
				width: 25px;
				height: 25px;
				display: block;
				position: absolute;
				top: 35px;}
				
			.bs_area .list_wrap .btn_01 { left: 11px;}
			.bs_area .list_wrap .btn_02 { right: 11px;}

.bs_area .rc_wrap {
	width: 660px;
	padding: 0px 20px 20px;
	background: url(../img/business/record_bg.gif) no-repeat top left;
	position: relative;}
	
	.bs_area .rc_wrap h5 { text-align: right;}
	
	.bs_area .rc_wrap ul { width: 675px;}
	
		.bs_area .rc_wrap li {
			width: 210px;
			height: 25px;
			float: left;
			margin-right: 12px;
			margin-bottom: 3px;
			border: 1px solid #e5e5e5;
			background-color: #fff;
			text-align: center;
			font-size: 13px;
			color: #797979;
			line-height: 26px;}


/*사업분야*/

.area h4 {
	width: 100%;
	height: 40px;
	margin-bottom: 15px;
	font-family:Dinmed, sans-serif;
	font-size: 50px;
	line-height: 40px;
	letter-spacing: -1px;
	color: #444;}
	
.area ul { width: 725px;}

	.area li {
		width: 330px;
		height: 238px;
		border: 1px solid #d2d2d2;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		position: relative;}
		
		.area li a {
			width: 290px;
			height: 218px;
			padding: 20px 20px 0px;
			font-family: 'Nanum Gothic', sans-serif;
			display: block;}
			
		.area li a:hover,
		.area li a:focus {
			background-color: #2D5DA4;}
			
			.area li a img { margin-bottom: 16px;}
			
			.area li a strong {
				font-size: 18px;
				color: #0a0a0a;
				padding-right: 15px;}
				
			.area li a span {
				font-size: 12px;
				color: #919191}
				
		.area li a:hover strong,
		.area li a:focus strong,
		.area li a:hover span,
		.area li a:focus span { color: #fff;}		
						
		.area li img.ps {
			display: block;
			position: absolute;
			bottom: 0px;
			right: 0px;}