@keyframes pop_scale {
	from {transform:scale(0.5); 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: 230px;
		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;}


	#divpop2 .iframe_box{
		width:800px;	
		height:500px;
	}

	[id^="divpop"] img{
		vertical-align:top;
	}

	




}



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

@media screen and (min-width: 768px) and (max-width: 1199px){
	#divpop_box .bottom{text-align:center; font-size:14px; background:#393939;}2023-01-02
	#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: 100%;
		box-sizing:border-box;
	}
	#divpop1{display: inline-block; width:400px;  box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0; margin-right: 20px; margin-bottom: 20px;}
	#divpop2{display: inline-block; width:400px;  box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin-right: 20px; margin-bottom: 20px;}
	#divpop3{display: inline-block; width:400px;  box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin-right: 20px; margin-bottom: 20px;}
	#divpop4{display: inline-block; width:400px; box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin-right: 20px; margin-bottom: 20px;}
	#divpop5{display: inline-block; width:400px; box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin-right: 20px; margin-bottom: 20px;}
	#divpop6{display: inline-block; width:400px;  box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin-right: 20px; margin-bottom: 20px;}

	#divpop2 .iframe_box{
		width:100%;	
		height:300px;
	}


	[id^="divpop"] img{
		vertical-align:top;
	}


}


/*¸ð¹ÙÀÏ Æ˾÷â*/
@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:260px; max-width:100%; z-index:99; }
	
	#divpop1{position:absolute; width:80%;  left:10%; top:0px; z-index:99; }
	#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;}


	#divpop2 .iframe_box{
		width:100%;	
		height:400px;
	}

	[id^="divpop"] img{
		vertical-align:top;
	}


}