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


@media (min-width: 1500px){
	#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: 200px;
		z-index: 99;
		width: 90%;
		left: 5%;
		box-sizing:border-box;
	}


	#divpop1{display: inline-block; animation: pop_scale 0.5s forwards; animation-delay:0; 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:0.5s; 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:1s; 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.5s; 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 [id^=divpop] img{width:550px;}
	#divpop_box [id^=divpop] .swiper-slide span{position:absolute; left:0; top:0; font-size:14px; padding:10px; background:rgba(0,0,0,0.6); color:#fff;}



	#divpop1{width:550px;}
	

	.swiper-container4 {
		width: 100%;
		height: 600px;
		display: inline-block;
		position: relative;
	}

	.swiper-container4  .swiper-wrapper{
		width: 100%;
		height: 100%;

	}


	/* ¹öÆ° */
	.swiper-container4 .swiper-pagination-bullet {
		background: #fff; width: 8px;  height: 8px;
    vertical-align: middle;
	}


	.swiper-container4 .swiper-pagination-bullet-active {
		background: #ffee00!important;
	}


	.swiper-container4 .swiper-pagination {
		top: 0px!important;
		right: 0!important;
		text-align: center!important;
		position:absolute;
		background:rgba(0,0,0,0.4);
		height:30px;
		padding:0 10px;
		line-height:30px;
		font-size: 0px!important;
		text-align:right!important;
	}



}



@media screen and (min-width: 1200px) and (max-width: 1499px){
	#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: 200px;
		z-index: 99;
		width: 100%;
		box-sizing:border-box;
		z-index: 2;
	}
	#divpop1{display: inline-block; width:430px;  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:430px;  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:430px;  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:430px;  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:430px;  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:430px;  box-shadow: 8px 8px 4px rgba(0,0,0,0.4);  font-size: 0;  margin-right: 20px; margin-bottom: 20px;}




	.swiper-container4 {
		width: 100%;
		height: 469px;
		display: inline-block;
		position: relative;
	}

	.swiper-container4  .swiper-wrapper{
		width: 100%;
		height: 100%;

	}


	/* ¹öÆ° */
	.swiper-container4 .swiper-pagination-bullet {
		background: #fff; width: 8px;  height: 8px;
    vertical-align: middle;
	}


	.swiper-container4 .swiper-pagination-bullet-active {
		background: #ffee00!important;
	}


	.swiper-container4 .swiper-pagination {
		top: 0px!important;
		right: 0!important;
		text-align: center!important;
		position:absolute;
		background:rgba(0,0,0,0.4);
		height:30px;
		padding:0 10px;
		line-height:30px;
		font-size: 0px!important;
		text-align:right!important;
	}

#divpop_box [id^=divpop] .swiper-slide span{position:absolute; left:0; top:0; font-size:14px; padding:10px; background:rgba(0,0,0,0.6); color:#fff;}



}

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

@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: 100px;
		z-index: 99;
		width: 100%;
		box-sizing:border-box;
		z-index: 2;
	}
	#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;}




	.swiper-container4 {
		width: 100%;
		height: 436px;
		display: inline-block;
		position: relative;
	}

	.swiper-container4  .swiper-wrapper{
		width: 100%;
		height: 100%;

	}


	/* ¹öÆ° */
	.swiper-container4 .swiper-pagination-bullet {
		background: #fff; width: 8px;  height: 8px;
    vertical-align: middle;
	}


	.swiper-container4 .swiper-pagination-bullet-active {
		background: #ffee00!important;
	}


	.swiper-container4 .swiper-pagination {
		top: 0px!important;
		right: 0!important;
		text-align: center!important;
		position:absolute;
		background:rgba(0,0,0,0.4);
		height:30px;
		padding:0 10px;
		line-height:30px;
		font-size: 0px!important;
		text-align:right!important;
	}



#divpop_box [id^=divpop] .swiper-slide span{position:absolute; left:0; top:0; font-size:14px; padding:10px; background:rgba(0,0,0,0.6); color:#fff;}


}


/*¸ð¹ÙÀÏ Æ˾÷â*/
@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:150px; max-width:100%; }
	
	#divpop1{position:absolute; width:90%;  left:5%; top:0px; z-index:99; box-shadow: 5px 5px 2px rgba(0,0,0,0.2);  font-size:0;}
	#divpop2{position:absolute; width:90%;  left:5%; top:0px; z-index:90; box-shadow: 5px 5px 2px rgba(0,0,0,0.2);  font-size:0;}
	#divpop3{position:absolute; width:90%;  left:5%; top:0px; z-index:91; box-shadow: 5px 5px 2px rgba(0,0,0,0.2);  font-size:0;}
	#divpop4{position:absolute; width:90%;  left:5%; top:0px; z-index:92; box-shadow: 5px 5px 2px rgba(0,0,0,0.2);  font-size:0;}
	#divpop5{position:absolute; width:90%;  left:5%; top:0px; z-index:93; box-shadow: 5px 5px 2px rgba(0,0,0,0.2);  font-size:0;}
	#divpop6{position:absolute; width:90%;  left:5%; top:0px; z-index:94; box-shadow: 5px 5px 2px rgba(0,0,0,0.2);  font-size:0;}

	[id^="divpop"] img{width:100%;}
	




	.swiper-container4 {
		width: 100%;
		display: inline-block;
		position: relative;
	}

	.swiper-container4  .swiper-wrapper{
		width: 100%;
		height: 100%;

	}


	/* ¹öÆ° */
	.swiper-container4 .swiper-pagination-bullet {
		background: #fff; width: 8px;  height: 8px;
    vertical-align: middle;
	}


	.swiper-container4 .swiper-pagination-bullet-active {
		background: #ffee00!important;
	}


	.swiper-container4 .swiper-pagination {
		top: 0px!important;
		right: 0px!important;
		text-align: center!important;
		position:absolute;
		background:rgba(0,0,0,0.4);
		height:30px;
		padding:0 10px;
		line-height:30px;
		font-size: 0px!important;
		text-align:right!important;
		margin-right:0px!important;
	}


	.swiper-container4 .swiper-slide img{width:100%;}



#divpop_box [id^=divpop] .swiper-slide span{position:absolute; left:0; top:0; font-size:14px; padding:10px; background:rgba(0,0,0,0.6); color:#fff;}


}