@charset "utf-8";

@media (max-width: 1600px) {
	.wrap .bg span:nth-child(3){ left: 8vw; }
	.wrap .bg span:nth-child(4){ right: 6vw; }
	.wrap .bg span:nth-child(5){ left: 2vw; }
	.wrap .bg span:nth-child(6){ right:2vw; }
}

@media (max-width: 1400px) {
	.wrap{max-width:800px;position:relative;margin:0 auto;overflow: hidden;}
	.wrap .pg_video_toggle{position: absolute;width: 271px;top: 80px;}
	.wrap .pg_video_toggle li{  }
	.wrap .pg_video_toggle li:last-child{  }
	.wrap .pg_video_toggle li img{  }
	.wrap .pg_video_toggle li img:nth-child(1){  }
	.wrap .pg_video_toggle li img:nth-child(2){  }
	.wrap .pg_video_toggle li.on img:nth-child(1){  }
	.wrap .pg_video_toggle li.on img:nth-child(2){  }
	.wrap .pg_video_wrap{position: absolute;width: 90%;border-radius: 25px;border-width: 10px;top: 150px;}
	.wrap .pg_video_wrap li{  }
	.wrap .pg_video_wrap li.on{  }
	.wrap .pg_video_wrap li video{  }
	.wrap .btn_video_home{position: absolute;bottom: 87px;width: 80%; max-width:500px;}
	.wrap .bg{  }
	.wrap .bg span{ position: absolute; }
	.wrap .bg span img{  }
	.wrap .bg span:nth-child(1){left: -20px;width: 300px;bottom: -10px;}
	.wrap .bg span:nth-child(2){width: 400px;right: -10px;bottom: -10px;}
	.wrap .bg span:nth-child(3){left: 12%;top: 6%;width: 11%;}
	.wrap .bg span:nth-child(4){right: 28%;bottom: 22%;width: 13%;}
	.wrap .bg span:nth-child(5){left: 5%;bottom: 20%;wi;width: 41%;}
	.wrap .bg span:nth-child(6){top: auto;bottom: 31%;width: 42%;right: 3%;}
	.wrap .bg span:nth-child(7){width: 160px;}

	.wrap .cloud_wrap{  }
	.wrap .cloud_wrap span{ position: absolute; }
	.wrap .cloud_wrap span:nth-child(odd){  }
	.wrap .cloud_wrap span:nth-child(even){  }
	.wrap .cloud_wrap span img{  }
	.wrap .cloud_wrap span:nth-child(1){width: 26%;top: 2%;left: 34%;}
	.wrap .cloud_wrap span:nth-child(2){width: 43%;top: 11%;left: auto;right: -50px;}
	.wrap .cloud_wrap span:nth-child(3){width: 33%;top: 18%;left: -5%;}
	.wrap .cloud_wrap span:nth-child(4){top: auto;bottom: 32%;width: 68%;left: 54%;}
	.wrap .cloud_wrap span:nth-child(5){width: 31%;bottom: 50%;left: 85%;}
	.wrap .cloud_wrap span:nth-child(6){width: 32%;bottom: 42%;}
	.wrap .cloud_wrap span:nth-child(7){width: 50%;bottom: 16%;}
}
@media (max-height: 750px) {
	.wrap .bg span:nth-child(5){ bottom: 22%; width: 33%; }
	.wrap .bg span:nth-child(6){ width: 34%; bottom: 27%; }
}
@media (max-height: 450px) {
	.wrap *{display:none !important;}
	.wrap:after{ content:'현재 화면은 가로모드에서 지원되지 않습니다. \A세로모드로 전환해 주세요.'; display:block!important; position:fixed; top:50%;left:50%; transform: translate(-50%,-50%); font-size:24px; font-weight:bold; text-align: center; line-height: 1.5;white-space: pre-line; width: 100%; padding: 0 20px;}
}