/*--header--*/
.header{
	width:100%;
	height:65px;
  	background-color: #3e606f; 
	padding: 0.8em 0;
}
.bottom-head {
	text-align: center;
  	border-right:1px solid #EBEBEB;
  	padding: 0; 
  	float: left;
  	width: 14.23%;
}

.banner-bottom-top {
  	background-color: #ffffff;
  	min-height: 86px;
}
.bottom-head:nth-child(7) {
	border-right: none;
}
.bottom-head a {
  	text-decoration: none;  	
  	display: block;	
  	height: 86px;
    position: relative;
    transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

.buy-media{
	position: absolute;
  bottom: 0;
  height: 86px;
  overflow: hidden;
  padding: 5px;
    width: 100%;
  background-color: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .2s ease,height .2s ease;
  -moz-transition: -moz-transform .2s ease,height .2s ease;
  -o-transition: -o-transform .2s ease,height .2s ease;
  transition: transform .2s ease,height .2s ease;
}
.bottom-head  h6{
	font-size: 1em;
	color:#919090;
	font-family: '나눔고딕', 'Nanum square';
	margin: 0.5em 0 0;
}

.bottom-header{
	position: relative;
}
.header-bottom {
  	background-color: #fff;
    position: absolute;
  	z-index: 0;
    top: -24px;
  	width: 100%;
    box-shadow: 0 0 4px rgba(164,164,164,.5);
}
.bottom-head a:hover .buy-media{
	height:86px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
  	width: 100%;
  	background-color: #fff;
  	position: absolute;
  	bottom:0;
  	left: 0;
}
.bottom-head a:hover .buy-media h6{
	color:#3e606f;
}
i.buy{
	width: 75px;
	height: 86px;
	background: url(../images/img-sprite_eng.png) no-repeat -75px -68px ;
	display: block;
	margin: 0 auto;
}
i.rent{
	width: 75px;
	height: 86px;
	background: url(../images/img-sprite_eng.png) no-repeat -150px -68px ;
	display: block;
	margin: 0 auto;
}
i.pg{
	width: 75px;
	height: 86px;
	background: url(../images/img-sprite_eng.png) no-repeat -225px -68px ;
	display: block;
	margin: 0 auto;
}

i.sell{
	width: 75px;
	height: 86px;
	background: url(../images/img-sprite_eng.png) no-repeat -300px -68px ;
	display: block;
	margin: 0 auto;
}
i.loan{
	width: 75px;
	height: 86px;
	background: url(../images/img-sprite_eng.png) no-repeat -375px -68px ;
	display: block;
	margin: 0 auto;
}
i.apart{
	width: 75px;
	height: 86px;
	background: url(../images/img-sprite_eng.png) no-repeat -450px -68px ;
	display: block;
	margin: 0 auto;
}
i.deal{
	width: 75px;
	height: 86px;
	background: url(../images/img-sprite_eng.png) no-repeat -525px -68px ;
	display: block;
	margin: 0 auto;
}
.bottom-head a:hover i.buy{
	background-position: -75px -160px ;
}
.bottom-head a:hover i.rent{
	background-position: -150px -160px ;
}
.bottom-head a:hover i.pg{
	background-position: -225px -160px ;
}
.bottom-head a:hover i.sell{
	background-position: -300px -160px ;
}
.bottom-head a:hover i.loan{
	background-position: -375px -160px ;
}
.bottom-head a:hover i.apart{
	background-position: -450px -160px ;
}
.bottom-head a:hover i.deal{
	background-position: -525px -160px ;
}

/*--//header--*/
/*--- slider-css --*/

/*--buy--*/
.banner-buying {
  background: url(../images/2.jpg) no-repeat;
  width: 100%;
  min-height: 86px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.banner-buying h3{
	color: #fff;
	font-size: 2.3em;
  	text-transform: uppercase;
  	display: inline-block;
  	font-family: '나눔고딕', 'Nanum square';
  	padding: 0 0 0.3em;
  	float: left;
  	margin-top: 1.8em;
}
.banner-buying h3 span{
	border-bottom: 7px solid #3e606f;
}

.banner-buying1 {
  background: url(../images/1.jpg) no-repeat;
  width: 100%;
  min-height: 86px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.banner-buying1 h3{
	color: #fff;
	font-size: 2.3em;
  	text-transform: uppercase;
  	display: inline-block;
  	font-family: '나눔고딕', 'Nanum square';
  	padding: 0 0 0.3em;
  	float: left;
  	margin-top: 1.8em;
}
.banner-buying1 h3 span{
	border-bottom: 7px solid #3e606f;
}

.banner-buying2 {
  background: url(../images/4.jpg) no-repeat;
  width: 100%;
  min-height: 86px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.banner-buying2 h3{
	color: #fff;
	font-size: 2.3em;
  	text-transform: uppercase;
  	display: inline-block;
  	font-family: '나눔고딕', 'Nanum square';
  	padding: 0 0 0.3em;
  	float: left;
  	margin-top: 1.8em;
}
.banner-buying2 h3 span{
	border-bottom: 7px solid #3e606f;
}

.banner-buying3 {
  background: url(../images/5.jpg) no-repeat;
  width: 100%;
  min-height: 86px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.banner-buying3 h3{
	color: #fff;
	font-size: 2.3em;
  	text-transform: uppercase;
  	display: inline-block;
  	font-family: '나눔고딕', 'Nanum square';
  	padding: 0 0 0.3em;
  	float: left;
  	margin-top: 1.8em;
}
.banner-buying3 h3 span{
	border-bottom: 7px solid #3e606f;
}
.banner-buying4 {
  background: url(../images/6.jpg) no-repeat;
  width: 100%;
  min-height: 86px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.banner-buying4 h3{
	color: #fff;
	font-size: 2.3em;
  	text-transform: uppercase;
  	display: inline-block;
  	font-family: '나눔고딕', 'Nanum square';
  	padding: 0 0 0.3em;
  	float: left;
  	margin-top: 1.8em;
}
.banner-buying4 h3 span{
	border-bottom: 7px solid #3e606f;
}
.banner-buying5 {
  background: url(../images/7.jpg) no-repeat;
  width: 100%;
  min-height: 86px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.banner-buying5 h3{
	color: #fff;
	font-size: 2.3em;
  	text-transform: uppercase;
  	display: inline-block;
  	font-family: '나눔고딕', 'Nanum square';
  	padding: 0 0 0.3em;
  	float: left;
  	margin-top: 1.8em;
}
.banner-buying5 h3 span{
	border-bottom: 7px solid #3e606f;
}
.banner-buying6 {
  background: url(../images/8.jpg) no-repeat;
  width: 100%;
  min-height: 86px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.banner-buying6 h3{
	color: #fff;
	font-size: 2.3em;
  	text-transform: uppercase;
  	display: inline-block;
  	font-family: '나눔고딕', 'Nanum square';
  	padding: 0 0 0.3em;
  	float: left;
  	margin-top: 1.8em;
}
.banner-buying6 h3 span{
	border-bottom: 7px solid #3e606f;
}

@media(max-width:480px){
.bottom-head a {
  height: 70px;
}
.bottom-head a:hover .buy-media {
  height: 70px;
}
.bottom-head h6 {
  display: none;
}
.banner-bottom-top {
  min-height: 45px;
}

i.buy {
  background: url(../images/img-sprite_eng.png) no-repeat -32px -28px;
}

i.rent{
	background: url(../images/img-sprite_eng.png) no-repeat -61px -28px ;
}
i.pg{
	background: url(../images/img-sprite_eng.png) no-repeat -90px -28px ;
}

i.sell{
	background: url(../images/img-sprite_eng.png) no-repeat -119px -28px ;
}
i.loan{
	background: url(../images/img-sprite_eng.png) no-repeat -148px -28px ;
}
i.apart{
	background: url(../images/img-sprite_eng.png) no-repeat -177px -28px ;
}
i.deal{
	background: url(../images/img-sprite_eng.png) no-repeat -206px -28px ;
}
.bottom-head a:hover i.buy {
  background-position: -32px -60px;
}
.bottom-head a:hover i.rent{
	background-position: -61px -58px ;
}
.bottom-head a:hover i.pg{
	background-position: -90px -60px ;
}
.bottom-head a:hover i.sell{
	background-position: -119px -60px ;
}
.bottom-head a:hover i.loan{
	background-position: -148px -60px ;
}
.bottom-head a:hover i.apart{
	background-position: -177px -60px ;
}
.bottom-head a:hover i.deal{
	background-position: -206px -60px ;
}
i.buy,i.rent,i.pg,i.sell,i.loan,i.apart ,i.deal{
  	  width: 24px;
  height: 28px;
  background-size: 255px;
}
.buy-media {
  	height: 50px;
  	padding: 14px 2px;
}
.bottom-head a {
  	height: 50px;
}
.bottom-head a:hover .buy-media {
  	height: 100px;
}
.banner-bottom-top {
  	min-height: 45px;
}

}