@charset "UTF-8";
/* CSS Document */
#sv {
	position:relative;
	width: 100%;
}
#sv .cont01{
  position: relative;
}
#sv video{
	position: absolute;
	top: 0%;
	left: 0;
	right: 0;
	margin: auto;
	width: 85.3%;
	height: auto;
	border-radius: 20px 20px 0 0;
}
#sv .cont01 .cont01_01{
	position: absolute;
	top: 5%;
	left:0;
	right: 0;
	margin: auto;
	width: 77%;
	transition: 0.6s cubic-bezier(0.25, 0.1, 0.32, 1.68);
	z-index: 1;
}
#sv .cont01 .cont01_01.trigger{
	transform: scale(0);
	opacity: 0;
}
#sv .cont01 .cont01_01.trigger.move{
	transform: scale(1);
	opacity: 1;
}
#sv .cont01 .cont01_02{
	position: absolute;
	top: 12%;
	left:0;
	right: 0;
	margin: auto;
	width: 80%;
	transition: 0.6s;
	z-index: 1;
}
#sv .cont01 .cont01_02.trigger.move{
	clip-path: inset(0%);
}
#sv .cont01 .cont01_02.trigger{
	transition: 0.6s .6s;
    clip-path: inset(0% 100% 0% 0%);	
}
#sv .cont01 .cont01_03{
	position: absolute;
	top: 12%;
	left:0;
	right: 0;
	margin: auto;
	width: 80%;
	z-index: 0;
}
#sv .cont01 .slider_wrap{
  position: absolute;
  top: 3%;
  left: 0%;
  width: 100%;
}
#sv .cont01 .cont01_04{
	position: absolute;
	top: 40%;
	left:7%;
	margin: auto;
	width: 23%;
	transition: 0.6s ;
	z-index: 1;
}
#sv .cont01 .cont01_04.trigger.move{
	clip-path: inset(0%);
}
#sv .cont01 .cont01_04.trigger{
	transition: 1s .6s;
    clip-path: inset(0% 0% 100% 0%);	
}
#sv .cont02{
	position: relative;
}
#sv .cont02 video{
	position: absolute;
	top: 0%;
	left: 0;
	right: 0;
	margin: auto;
	width: 85.3%;
	height: auto;
	border-radius: 20px 20px 0 0;
}
#sv .cont02 .cont02_01{
	position: absolute;
	bottom:7%;
	left: 0;
	right: 0;
	margin: auto;
	width: 76%;
	transition: 0.6s;
	z-index: 1;
}
#sv .cont02 .cont02_01.trigger.move{
	clip-path: inset(0%);
}
#sv .cont02 .cont02_01.trigger{
	transition: 0.6s;
    clip-path: inset(0% 100% 0% 0%);	
}
#sv .cont03{
	position: relative;
}
#sv .cont03 .cont03_01{
    position: absolute;
    top: 8%;
    left: 8%;
    /* right: 0; */
    margin: auto;
    width: 63%;
	transition: 0.6s;
}
#sv .cont03 .cont03_01.trigger{
	transition: 0.6s;
    clip-path: inset(0% 100% 0% 0%);	
}
#sv .cont03 .cont03_01.trigger.move{
	clip-path: inset(0%);}

#sv .cont03 .cont03_02{
	position: absolute;
    top: 25%;
    left: 8%;
    /* right: 0; */
    margin: auto;
    width: 60%;
    z-index: 1;
	transition: 0.6s;
}
#sv .cont03 .cont03_02.trigger{
	transition: 0.6s;
    clip-path: inset(0% 100% 0% 0%);	
}
#sv .cont03 .cont03_02.trigger.move{
	clip-path: inset(0%);
}
#sv .cont03 .cont03_03{
	position: absolute;
    top: 39%;
    left: 8%;
    /* right: 0; */
    margin: auto;
    width: 49%;
	transition: 0.6s;
}
#sv .cont03 .cont03_03.trigger{
	transition: 0.6s;
    clip-path: inset(0% 100% 0% 0%);	
}
#sv .cont03 .cont03_03.trigger.move{
	clip-path: inset(0%);
}