
@keyframes pop_scale {
	from {transform:scale(0.5); opacity:0; }
	to {transform:scale(1.0); opacity:1;}
}


@media (min-width:1024px) {
	#divpop_box .bottom{text-align:center; font-size:16px; background:#393939;}
	#divpop_box .bottom form{height:40px; line-height:40px; color:#fff;}
		#divpop_box .bottom form a{color:#fff; font-weight:500; display:inline-block; margin-left:10px;}
	#divpop_box .bottom form a:hover{color:#ffee00;}


	#divpop_box{position: absolute;
		text-align: center;
		top: 150px;
		z-index: 99;
		width: 90%;
		left: 5%;
		box-sizing:border-box;
	}
	#divpop1{display: inline-block; animation: pop_scale 0.5s forwards; animation-delay:1.0s; transform:scale(1.0);  opacity:0; box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin-right: 20px; margin-bottom: 20px;}
	#divpop2{display: inline-block; animation: pop_scale 0.5s forwards; animation-delay:1.0s; transform:scale(1.0); opacity:0;  box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin-right: 20px; margin-bottom: 20px;}
	#divpop3{display: inline-block;  animation: pop_scale 0.5s forwards; animation-delay:1.0s; transform:scale(1.0); opacity:0;   box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin-right: 20px; margin-bottom: 20px;}
	#divpop4{display: inline-block;  animation: pop_scale 0.5s forwards; animation-delay:1.0s; transform:scale(1.0); opacity:0;    box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin-right: 20px; margin-bottom: 20px;}
	#divpop5{display: inline-block;  box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin-right: 20px; margin-bottom: 20px;}
	#divpop6{display: inline-block;  box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin-right: 20px; margin-bottom: 20px;}


	#divpop_box img{vertical-align:top;}

}




/*¸ð¹ÙÀÏ ÆË¾÷Ã¢*/
@media (max-width:1023px) {
	#divpop_box .bottom{text-align:center; font-size:14px; background:#393939;}
	#divpop_box .bottom form{height:30px; line-height:30px; color:#fff;}
		#divpop_box .bottom form a{color:#fff; font-weight:500; display:inline-block; margin-left:10px;}
	#divpop_box .bottom form a:hover{color:#ffee00;}


	#divpop_box{position:absolute; width:100%; top:100px; max-width:100%; }
	
	#divpop1{position:absolute; width:80%;  left:10%; top:0px; z-index:99; box-shadow: 5px 5px 2px rgba(0,0,0,0.2);}
	#divpop2{position:absolute; width:80%;  left:10%; top:0px; z-index:90; box-shadow: 5px 5px 2px rgba(0,0,0,0.2);  font-size:0;}
	#divpop3{position:absolute; width:80%;  left:10%; top:0px; z-index:91; box-shadow: 5px 5px 2px rgba(0,0,0,0.2);  font-size:0;}
	#divpop4{position:absolute; width:80%;  left:10%; top:0px; z-index:92; box-shadow: 5px 5px 2px rgba(0,0,0,0.2);  font-size:0;}
	#divpop5{position:absolute; width:80%;  left:10%; top:0px; z-index:93; box-shadow: 5px 5px 2px rgba(0,0,0,0.2);  font-size:0;}
	#divpop6{position:absolute; width:80%;  left:10%; top:0px; z-index:94; box-shadow: 5px 5px 2px rgba(0,0,0,0.2);  font-size:0;}



	#divpop_box img{vertical-align:top;}


}

