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

@charset "utf-8";

/*회사소개*/

.int { background: url(../img/company/introduce_02.jpg) no-repeat top right;}

	.int p {
		height: 380px;
		color: #666;
		line-height: 22px;
		letter-spacing: -0.5px}


/*CEO 인사말*/

.ceo p {
	color: #666;
	line-height: 22px;
	letter-spacing: -0.5px}

.ceo .pt {
	display: block;
	position: absolute;
	top: 0px;
	right: 10px;}


/*연혁*/

.chr { background: url(../img/company/chronology_01.jpg) no-repeat top right;}

.chr li.one {
	width: 265px;
	padding-left: 55px;
	padding-bottom: 20px;
	position: relative;
	color: #666;
	letter-spacing: -0.5px;}
	
	.chr h6 {
		width: 40px;
		height: 18px;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 16px; 
		color:#0E316A;}
		
	.chr h6.nc { color: #0077C1;}
		
	.chr h6.tit_02 { background-position: 0px -55px;}
	.chr h6.tit_03 { background-position: 0px -247px;}
	.chr h6.tit_04 { background-position: 0px -314px;}
	.chr h6.tit_05 { background-position: 0px -449px;}
	.chr h6.tit_06 { background-position: 0px -511px;}
	.chr h6.tit_07 { background-position: 0px -575px;}
		
	.chr li.two {
		width: 270px;
		padding-left: 35px;
		margin-bottom: 10px;
		position: relative;}
		
		.chr li.two strong {
			display: block;
			width: 35px;
			position: absolute;
			top: 0px;
			left: 0px;}
			
		.chr li.two span {
			display: block;
			width: 100%;
			padding-bottom: 10px;
			border-bottom: 1px solid #e4e4e4;}


/*조직도*/

.org table {
	width: 320px;
	float: left;}
	
.org table.tr_20 { margin-right: 20px;}

	.org th,
	.org td {
		height: 31px;
		text-align: center;
		color: #3b3b3b;}
		
	.org th {
		border-bottom: 1px solid #a1a1a1;
		border-top: 1px solid #a1a1a1;
		background-color: #f5f5f5;}
	
	.org td {
		border-bottom: 1px dotted #cdcdcd;}


/*찾아오시는길*/

.loc .tab_wrap {
	width: 310px;
	height: 29px;
	margin-bottom: 15px;}
	
	.loc .tab_wrap li {
		float: left;}
		
		.loc .tab_wrap a {
			display: block;
			width: 145px;
			height: 29px;
			background: url(../img/company/loc_tab_off.gif) no-repeat top left;}
			
		.loc .tab_wrap a.on { background-image: url(../img/company/loc_tab_on.gif);}
		
		.loc .tab_wrap .list_02 a {
			width: 164px;
			background-position: -145px 0px;}

.loc .tab_box { width: 100%; position: relative;}

	.loc .map_wrap {
		width: 658px;
		height: 342px;
		margin-bottom: 40px;
		border: 1px solid #cbcbcb;}
	
	.loc .tab_box h5 {
		width: 90px;
		height: 25px;
		position: absolute;
		top: 420px;
		right: 10px;
		text-align: right;}
		
	.loc .tab_box ul {
		width: 660px;
		height: 100px;
		position: relative;
		color: #666;}
		
		.loc .tab_box .list_01 {
			width: 320px;
			padding-bottom: 15px;
			border-bottom: 1px solid #cbcbcb;}
			
			.loc .tab_box .list_01 strong { color: #0177c1;}

		.loc .tab_box .list_02 {
			width: 320px;
			padding-top: 15px;}

		.loc .tab_box .list_03 {
			width: 105px;
			position: absolute;
			top: 30px;
			left: 448px;}

		.loc .tab_box .list_04 {
			width: 105px;
			position: absolute;
			top: 30px;
			left: 555px;}