.main_space1 { min-height:367px;display:table;}
.main_space2 { min-height:130px;display:table;}
.main_space3 { min-height:387px;margin-top:20px;display:table;}
.ani_eleDiv { position:absolute; z-index:1;}

.bdays { line-height:100% }

.lstop1{
	float:left;
    width: 66%;
    background-color: #fff;
    margin-right: 2%;
}
.lstop2{
	float:left;
    width: 32%;
    background-color: #fff;
}

.pwd_load {text-align:center;width:380px;height:170px;display:block;
	background-image:url('/homeimg/patbg300.png')  !important; 
	background-repeat:no-repeat   !important; 
	background-position:center top  !important;
	background:#e8e8e8;
}

.ani_index3{
	-webkit-animation-name: ani_index3;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-delay:0s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count:1;
	animation-name: ani_index3;
	animation-duration: 0.8s;
	animation-delay:0s;
	animation-fill-mode: forwards;
	animation-iteration-count:1;
		opacity: 0;
}
div#ani_index3 {}
@-webkit-keyframes ani_index3 {
	from {
		opacity: 0.2;-webkit-transform: translateY(60px);
	}
	to {
		opacity: 1;
	}
}
@keyframes ani_index3 {
	from {
		opacity: 0.2;transform: translateY(60px);
	}
	to {
		opacity: 1;
	}
}
.ani_index2{
	-webkit-animation-name: ani_index2;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-delay:0s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count:1;
	animation-name: ani_index2;
	animation-duration: 0.6s;
	animation-delay:0s;
	animation-fill-mode: forwards;
	animation-iteration-count:1;
		opacity: 0;
}
div#ani_index2 {}
@-webkit-keyframes ani_index2 {
	from {
		opacity: 0.2;-webkit-transform: translateY(60px);
	}
	to {
		opacity: 1;
	}
}
@keyframes ani_index2 {
	from {
		opacity: 0.2;transform: translateY(60px);
	}
	to {
		opacity: 1;
	}
}
.ani_index1{
    width:100%;
	-webkit-animation-name: ani_index1;
	-webkit-animation-duration: 0.4s;
	-webkit-animation-delay:0s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-iteration-count:1;
	animation-name: ani_index1;
	animation-duration: 0.4s;
	animation-delay:0s;
	animation-fill-mode: forwards;
	animation-iteration-count:1;
		opacity: 0;
}
div#ani_index1 {}
@-webkit-keyframes ani_index1 {
	from {
		opacity: 0.2;-webkit-transform: translateY(60px);
	}
	to {
		opacity: 1;
	}
}
@keyframes ani_index1 {
	from {
		opacity: 0.2;transform: translateY(60px);
	}
	to {
		opacity: 1;
	}
}
.tab_menu ul li {
    float: left;
    background-color: #e8e8e8;
    text-align: center;
    vertical-align: middle;
	height:40px;
	cursor:pointer;
	letter-spacing:0px;

}



.tab_ns li {
    width: 25%; //4µîºÐ
	height:40px;
	cursor:pointer;
	border-right:2px solid #fff;
}
.tab_menu ul li.on a {
    position: relative;
    height: 40px;
    padding-right: 1px;
    font-weight: bold;
    background-color: #545453;
    background-image: none;
    border: none;
	color:#fff;

}
.tab_menu ul li a {
    display: block;
    width: 100%;
    padding: 10px 0 0 0;
    height: 40px;
    font-size: 16px;
    color: #444;
    letter-spacing: -2px;
    text-decoration: none !important;
}

.bts1 { height:311px;width:100%;padding-top:30px;display:table }
.bts2 { height:311px;width:100%;padding-top:30px;display:table }
.bts3 { height:311px;width:100%;padding-top:30px;display:table }
.bts4 { height:311px;width:100%;padding-top:30px;display:table }
.btn_more { height:40px;width:40px;display:block;float:right;text-align:center;font-weight:bold;font-size:0.8em;padding-top:8px;color:#3a3a3a }
.btn_more1 { height:30px;width:30px;background:#fff;display:block;float:right;text-align:center;font-weight:bold;font-size:1.2em;padding-top:2px;color:silver;border:1px solid silver;margin-top:-5px;margin-right:5px }
.btn_more2 { height:30px;width:30px;background:#fff;display:block;float:right;text-align:center;font-weight:bold;font-size:1.2em;padding-top:2px;color:silver;border:1px solid silver;margin-top:-5px;margin-right:5px  }
.btn_more3 { height:30px;width:40px;display:block;float:right;text-align:center;font-size:0.8em;padding-top:2px;color:silver;margin-top:-5px;color:#3a3a3a  }



/* ¸ÞÀÎÇÏ´Ü Å«À̹ÌÁöhover¹è³Ê ³»ºÎ¸µÅ©¿ë */
.imghbox {  position: relative;  overflow: hidden;  width:100%;  box-sizing: border-box; border: 1px solid silver;  }
.himage {  display: inline;  width: 100%;  height: auto; }/* Make the image to responsive */
.himage:hover {  -webkit-transform: scale(1.02);  transform: scale(1.02);  -webkit-transition: all 0.8s;  transition: all 0.8s;  opacity: 0.8;}

/*ŸÀÌƲbg*/
.hoverlay {  position: absolute;
  bottom: 0;
  background: rgba(78, 78, 78, 0.4);
  width: 100%;
  transition: .5s ease;
  opacity:1;
  color: #FFFFFF;
  font-size: 20px;
  padding: 20px;
  text-align: center;
}

/* The overlay effect - lays on top of the container and over the image */
.imghbox:hover .hoverlay {  opacity: 1;   background: rgba(0, 0, 0, 0.6);  color: #FFFF00; }/* When you mouse over the container, fade in the overlay title */