@charset "utf-8";
#key {
	background: url(../img/about/key_bg.jpg) no-repeat center bottom / cover;
}
#key p {
	position: absolute;
	top: 593px;
	left: 0;
}
#sec1 .info1 {
	background: url(../img/about/sec1_bg.png) no-repeat center center / cover;
}
#sec1 .info1 .content {
	min-height: 710px;
}
#sec1 h2 {
	padding-top: 66px;
	padding-bottom: 10px;
}
#sec1 .txt {
	width: 522px;
}
#sec1 .photo {
	position: absolute;
	top: 449px;
	right: 0;
}
#sec1 .info2 {
	background: url(../img/about/sec1_bg_full.jpg) no-repeat center top / cover;
}
#sec1 .info2 .content {
	min-height: 650px;
}
#sec1 .info2 h3 {
	position: absolute;
	top: 305px;
	left: 0;
}


#sec2 .info1 {
	background: url(../img/about/sec2_bg.png) no-repeat center top, url(../img/about/sec2_bg_rp.png) repeat center top;
}
#sec2 .info1 .content {
	min-height: 960px;
}
#sec2 h2 {
	position: absolute;
	right: 64px;
	top: 74px;
}
#sec2 .txt {
	position: absolute;
	top: 690px;
	left: 0;
	width: 511px;
}
#sec2 .photo {
	position: absolute;
	top: 659px;
	right: -163px;
}
#sec2 .info2 {
	background: url(../img/about/sec2_bg_full.jpg) no-repeat center top / cover;
	padding-top: 112px;
	height: 538px;
}


#sec3 {
	text-align:center;
	padding:98px 0 97px;
	border-top: 15px solid #000;
}
#sec3 .txt {
	padding: 20px 0 20px;
}
#sec3 .bnr {
	padding-top: 39px;	
}


#sec4 {
	background:url(../img/about/sec4_line.png) repeat-x center top;	
}
#sec4 h2 {
	text-align:center;
	padding:63px 0 57px;	
}
#sec4 .item {
	width: 33.3333%;
	float: left;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor:pointer;
}
#sec4 .item:hover {
	opacity:.8;
}

#sec4 .item .border {
	margin:4px 5px 6px 3px;
	border:4px solid rgba(255,255,255,0.5);
	height: 401px;
	position: relative;
}
#sec4 h3 {
	position: absolute;
	left: 0;
	width: 100%;
	text-align:center;
	top: 253px;	
}
#sec4  .item1 {
	background:url(../img/about/sec4_bnr_01.png) no-repeat center center / cover;	
}
#sec4  .item2 {
	background:url(../img/about/sec4_bnr_02.png) no-repeat center center / cover;	
}
#sec4  .item3 {
	background:url(../img/about/sec4_bnr_03.png) no-repeat center center / cover;	
}