@keyframes pop_scale {
	from {transform:scale(0.9); opacity:0; }
	to {transform:scale(1.0); opacity:1;}
}



@media (min-width: 1200px){
	#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;
		animation: pop_scale 0.5s forwards; animation-delay:1.0s; transform:scale(0.9); opacity:0; 
	}
	[id^="divpop"]{position:absolute;  box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  top:0px;}
	#divpop1{z-index:10;}
	#divpop2{z-index:9;}
	#divpop3{z-index:8;}
	#divpop4{z-index:7;}
	#divpop5{z-index:6;}
	#divpop6{z-index:5;}


	.pop img{vertical-align:top; height:650px;}
	.pop{transform:scale(0.8); transition:all 0.3s; cursor:pointer;}

	.pop.on{transform:scale(1.0); z-index:10!important;}



}



/*Å×ºí¸´ Æ˾÷â*/

@media screen and (min-width: 768px) and (max-width: 1199px){
	#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;
		text-align: center;
		top: 150px;
		z-index: 99;
		width: 95%;
		left: 2.5%;
		box-sizing:border-box;
		animation: pop_scale 0.5s forwards; animation-delay:1.0s; transform:scale(0.9); opacity:0; 
	}
	[id^="divpop"]{position:absolute;  box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0; }
	#divpop1{z-index:10;}
	#divpop2{z-index:9;}
	#divpop3{z-index:8;}
	#divpop4{z-index:7;}
	#divpop5{z-index:6;}
	#divpop6{z-index:5;}


	.pop img{vertical-align:top; height:400px;}
	.pop{transform:scale(0.9); transition:all 0.3s; cursor:pointer;}

	.pop.on{transform:scale(1.0); z-index:10!important;}



}


/*¸ð¹ÙÀÏ Æ˾÷â*/
@media (max-width:767px){
	#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);  font-size:0;}
	#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;}









}