@charset "utf-8";
  :root {
  --radius: 12;
  --width: 50;
  --height: 40;
  --border: 2;
  --blur: 10;
  --alpha: 0;
  --gradient: conic-gradient(from 180deg at 50% 70%,hsla(0,0%,98%,1) 0deg,#fff 72.0000010728836deg,#fff 144.0000021457672deg,#fff 216.00000858306885deg,#fff 288.0000042915344deg,hsla(0,0%,98%,1) 1turn);
  --x: 0,
  --y: 0,
}
 

 .main_wrap{
		width:96%;
		max-width:1500px;
		margin:0 auto;
		position:relative;
	
 }
  .intromain {
	 transition: all 1.2s cubic-bezier(0.87, 0, 0.13, 1) 0s;
}

  /*mainimg slider/*/

  #mainimgContent{
	
	position:relative;
	min-height:100%;
	width:100%;
	height:100%;
	overflow:hidden;
	min-height:700px;
 	background:#000;
	 
	}
  

 @media  (max-width: 600px) {
	  #mainimgContent{
		 
	  }

 }
  @media  (max-width: 340px) {
	  #mainimgContent{
		 
	  }

 }
   


#mainimgContent_in{
	
	margin: 0px 0;	 
   	position: absolute;	
	width:100%;
	height:100%;
	overflow: hidden;
	 
}

.intromainContainer{
	
	padding-top:0px;
	position:relative;
	width:100%;	
	margin:0 auto;
	background:#000;
	
	}

.intromainContainer_in{
	
	width:100%;
	overflow:hidden;

	
}

	 
  

/**/

 .intromain h2{
	
 	font-size:400%;
	letter-spacing:-3px;
	font-weight:500;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
 
}
 
.intromain h2 strong{ font-weight:700; }

.intromain h3{
 	font-size:300%;
	letter-spacing:-2px;
	font-weight:600;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
.intromain h3 strong{font-weight:700;}
.intromain h4{
	 
	font-size:160%;
	letter-spacing:-1px;
	font-weight:600;
	line-height:1.1;
	word-break:keep-all;
	margin-bottom:10px;
	padding-top:10px;
}
 
  @media(max-width:1400px){
	 .main_wrap{
			width:98%;
	 }

  }
 
 @media(max-width:1000px){
 
	.intromain h2{
		font-size:350%;
		letter-spacing:-1px;
	}
	.intromain h3{
		font-size:250%;
	}
	.intromain h4{
		font-size:150%;
	}

	 
}

 @media(max-width:780px){
	.intromain h2{
		font-size:300%;
		letter-spacing:0px;
	}
	.intromain span.ttile{
		font-size:40px;

	}
	.intromain h3{
		font-size:200%;
	}
	.intromain h4{
		font-size:140%;
	}

 
}

@media(max-width:640px){
	.intromain h2{
		font-size:250%;
	
	}
	.intromain h3{
		font-size:190%;
	}
	.intromain h4{
		font-size:130%;
	}
 
	
}

@media(max-width:420px){
	.intromain h2{
		font-size:25px;
 	}
	.intromain h3{
		font-size:170%;
		letter-spacing:0;
	}
	.intromain h4{
		font-size:120%;
	}
 
	
}
 
 .btn_link{
	display:block;
	margin:10px auto ;
	position:relative;
	width:140px;
	text-align:	 left;
	border: 2px solid #ccc;
	border-radius:30px;
	padding:7px 7px 5px 20px;
	color:#ccc;
	font-size:13px;
	line-height:1;
	 
}
 .btn_link i{
	 font-size:21px;
	 font-weight:300;
	line-height:1.2;
	vertical-align:middle;
	margin-left:5px;
	margin-top:-2px;
}

.btn_link:hover{
	background: var(--t_majorcolorSkyblueB);
	border: 2px solid var(--t_majorcolorSkyblueB);
	color:#fff;
}
 
  /**/

  /*icon_arrow*/

    a.morelinkbox{
		display:inline-block;  
		line-height:1.1;
		padding:0px;
		margin:0;
		position:relative; 
		text-align:left;
		font-weight:600;
  }
   a.morelinkbox:hover{  }
  a.morelinkbox span.icon_arrow{
	 display:inline-block;
	 width:100%;
	 height:100%;
	 background: url(../image/arrow-right.svg) no-repeat center center;
	 background-size:60%;
  }
   a.morelinkbox:hover span.icon_arrow{
		 
   }

     a.morelinkbox span.icon_arrow::after{
	  
}
/**/

 


 .ttitinfo{text-align:left;padding:10px  0px 10px 0;margin:0;}
 .ttitinfo span.s_txt{display:block;font-weight:500;margin-top:20px;margin-bottom:20px;color:var(--t_gray300);}
 
 .ttitinfo h2 span{display:block;}
 .ttitinfo h3 span{display:block;}
 
  .ttitinfo .txt_dec{
	font-size:170%; 
	letter-spacing:-1px;
	font-weight:500;
 }
@media(max-width:1000px){
	.ttitinfo .txt_dec{
		font-size:120%; 
		letter-spacing:0px;
	 }
	  
	 .ttitinfo h3 span{display:inline;}
}
@media(max-width:780px){
	.ttitinfo .txt_dec{
		font-size:110%; 
 	 }
}


 .section-box {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.section { overflow:hidden;  }
.btn_top { display:none; }
 
.content_section{}


@media(max-width:1000px){
	.content_section{
		padding-top:50px;
		padding-bottom:50px;
	}
}



/* section0 Visual */
 


#section0 {
	position:relative;
	overflow: hidden;
	
	}
 
	
	
/* section1 */
#section1 {
	position:relative;
	overflow: hidden;
	 
	background-color:#0070c0;
	 
	}
	#section1:after{
		display:block;
			content:'';
			position:absolute;
			height:100%;
			width:100%;
			left:0;
	}
 
	
  
 
@media(max-width:640px){
	
	#section1:after{
		 
		 
			width:100%;
		 
	}
	.section1_wrap:after{
		display:none;
	}

	 

}

#company{
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
	background-color:#fff;
 	background-image: url(../image/bg_com.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

#company .right_contents{
	display:flex;
	justify-content: flex-end;
}
#company .right_contents .contents_box_wrap{
 }

  #company .left_right_con{
		display:flex;
		margin-top:50px;
  }
  #company .left_right_con .left_box{
		width:50%;
		color:var(--t_gray200);

   }
    #company .left_right_con .left_box .txt_desc {
		text-align:left;
	}
   #company .left_right_con .left_box .txt_desc span{
		display:block;
		font-weight:500;
   }
    #company .left_right_con .right_box{
		width:50%;
		display:flex;
		justify-content: flex-end;
	}



#company .linkbox .linkicon_wrap{
	display:inline-block;
	vertical-align:middle;
	width:40px;
	  height:40px;
	  border-radius: 50% 50%;
	  background: linear-gradient(-45deg,rgba(194,223,241,.6),rgba(255,255,255,.7));
	  -webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
	  overflow:hidden;
	  margin-left:10px;
}
#company .linkbox a.morelinkbox{
	color:var(--t_majorcolor);
	
}

#company  .linkicon {
	 position: relative;
	 border-radius: 50% 50%;
	 padding: 0;
	  overflow:hidden;
	  font-size: 12px;
	  line-height:1;
	  width:100%;
	  height:100%; 
}
#company  .linkicon:before {
	  content:"";
	  position: absolute;
	  inset: 0;
	  padding: 3px;  
	  background: linear-gradient(-45deg,rgba(194,223,241,1),rgba(255,255,255,1));
	  border-radius: inherit;
	  --m:conic-gradient(#000 0 0);
	  mask: var(--m) content-box exclude,var(--m);
	  pointer-events: none;
}
@supports (background: linear-gradient(in lch,red 0 0)) {
	 #company  .linkicon:before {
		background: linear-gradient(-45deg in lch,rgba(194,223,241,1),rgba(255,255,255,1));
	  }
}
@media(max-width:1000px){
	 #company .left_right_con .left_box .txt_desc span{
		display:inline; 
   }
}

@media(max-width:420px){
	  #company .left_right_con{
			flex-wrap: wrap;
	  }
	 #company .left_right_con .left_box{
			width:100%;
		 
	 }
 
    #company .left_right_con .right_box{
		width:100%;
	}
 }


/* section2 */
#section2 {
	position:relative;
	overflow: hidden;
	background: url(/image/back_pro.jpg) no-repeat 0 0;
	background-size:cover;
}

 	#section2:after{
		display:block;
			content:'';
			position:absolute;
			height:100%;
			width:100%;
			left:0;
	}
 /*product*/
 #product_new{
	
 width: 100%;
  height: 100vh;
   display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
	background-color:#fff;
 	background-image: url(/image/bg_product.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
 
}
 @media(max-width:1000px){
		 #product_new{ height: auto;}
 }

   #product_new .product_new_in{
	display: flex; 
	  justify-content: center;
 }
  #product_new .product_new_in .product_new_in_box.titbox{
	 
	width:600px;
	flex-shrink: 0;
 }
   #product_new .productlist{
	display:flex;
	padding-top:200px;
 } 
  .productlist .productlist-box{
	padding:10px;
 } 
  

   #product_new  .img_in_txt{
		position:relative;
		margin:0 auto; 
		max-width:300px;
		
 	}

#product_new  .img_in_txt .imgarea{
		position:relative;
		z-index:1;
		border-radius:30px;
		overflow:hidden;
		
		

	}
	#product_new  .img_in_txt .linkbox{
		position:absolute;
		z-index:2;
		top:30px;
		width:100%;
		text-align:center; 
	}
#product_new .title{
	font-size:120%;
	font-weight:500;
	margin-bottom:10px;
}

#product_new .linkbox .linkicon_wrap{
	display:inline-block;
	vertical-align:middle;
	width:130px;
	height:40px; 
	
	  border-radius: 30px;
	  background: linear-gradient(-45deg,rgba(255,255,255,.7),rgba(194,223,241,.6));
	  -webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
	  overflow:hidden;
	   
}
.english #product_new .linkbox .linkicon_wrap{width:150px;}

#product_new .linkbox a.morelinkbox{
	color:var(--t_majorcolor);
	padding:0;
	
 	
}

#product_new  .linkicon {
	 position: relative;
	border-radius: 30px;
	 padding: 0;
	  overflow:hidden;
	  font-size: 80%;
	  line-height:1.2;
	  width:100%;
	  height:100%; padding-top:0px;
	  padding-left:30px;
	  padding-bottom:10px;
	  text-align:left;
}
#product_new  .linkicon:before {
	  content:"";
	  position: absolute;
	  inset: 0;
	  padding: 2px;  
	  background: linear-gradient(0deg,rgba(194,223,241,0),rgba(255,255,255,1));
	  border-radius: inherit;
	  --m:conic-gradient(#000 0 0);
	  mask: var(--m) content-box exclude,var(--m);
	  pointer-events: none;
}
@supports (background: linear-gradient(in lch,red 0 0)) {
	 #product_new  .linkicon:before {
		background: linear-gradient(0deg in lch,rgba(194,223,241,0),rgba(255,255,255,1));
	  }
}

#product_new  .linkicon .icon_arrow{
	display:inline-block;
	vertical-align:middle;
	width:40px;
	height:40px;
	margin-top:-1px;
	 
	margin-left:0px;
}

#product_new .ttitinfo h2{color:#fff;}

@media(max-width:1300px){
	#product_new .product_new_in{
		flex-wrap:wrap;
	 }
	  #product_new .product_new_in .product_new_in_box.titbox{
		width:100%;
		flex-shrink: 1;
	 }
	 #product_new .productlist{
			padding-top:10px;
			width:100%;
	 }

}
@media(max-width:1000px){
    
    

	  #product_new .productlist{
 			flex-wrap:wrap;
		 } 
	  .productlist .productlist-box{
			width:100%;
	 } 

 }

/* section3 */

#section3 {
	position:relative;
	overflow: hidden;
	 
 
}


/*rnd*/
 #rnd{
	width: 100%;
   height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
	background-color:#fff;
 	background-image: url(../image/bg_rnd.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
 @media(max-width:1000px){
		 #rnd{ height: auto;}
 }

  #rnd .left_right_con{
		display:flex;
		align-items: center;

	 
  }
  #rnd .left_right_con .left_box{
		 width: calc(100% - 200px);
		 
   }
 
    #rnd .left_right_con .right_box{
		width:200px;
		display:flex;
		justify-content: flex-end;
	}



#rnd .linkbox .linkicon_wrap{
	display:inline-block;
	vertical-align:middle;
	width:40px;
	  height:40px;
	  border-radius: 50% 50%;
	  background: linear-gradient(-45deg,rgba(194,223,241,.6),rgba(255,255,255,.7));
	  -webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
	  overflow:hidden;
	  margin-left:10px;
}
#rnd .linkbox a.morelinkbox{
	color:var(--t_majorcolor);
	
}

#rnd  .linkicon {
	 position: relative;
	 border-radius: 50% 50%;
	 padding: 0;
	  overflow:hidden;
	  font-size: 12px;
	  line-height:1;
	  width:100%;
	  height:100%; 
}
#rnd  .linkicon:before {
	  content:"";
	  position: absolute;
	  inset: 0;
	  padding: 3px;  
	  background: linear-gradient(-45deg,rgba(194,223,241,1),rgba(255,255,255,1));
	  border-radius: inherit;
	  --m:conic-gradient(#000 0 0);
	  mask: var(--m) content-box exclude,var(--m);
	  pointer-events: none;
}
@supports (background: linear-gradient(in lch,red 0 0)) {
	 #rnd  .linkicon:before {
		background: linear-gradient(-45deg in lch,rgba(194,223,241,1),rgba(255,255,255,1));
	  }
}





@media(max-width:1000px){
	  #rnd .left_right_con{
			flex-wrap: wrap;
	  }
	 #rnd .left_right_con .left_box{
			width:100%;
		 
	 }
 
    #rnd .left_right_con .right_box{
		width:100%;
		justify-content: flex-start;
	}
 }

    #rnd .list_contents{
		display:flex;
		justify-content: space-between;
		align-items: stretch;
		margin-top:30px;
	}
	#rnd .list_contents .inbox{
		margin:20px auto;
		width:33.333%;
		
	}
	#rnd .list_contents .inbox a{
	display:block;
	width:96%;
	margin:0 auto;
	padding:30px;
		border:2px solid #fff;
		border-radius:30px;
		background: rgba(255,255,255,.3);
		 -webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	  overflow:hidden;
	
	}
#rnd .list_contents .inbox .iconbox span{
	margin-bottom:20px;
	max-width: 35px; 
	display:block;
	
}

#rnd .list_contents .inbox .iconbox span.iconA{
	
	height: auto; 
}
#rnd .list_contents .inbox .iconbox span.iconB{
	 
	height: auto; 
}
#rnd .list_contents .inbox .iconbox span.iconC{
	 
	height: auto; 
}
#rnd .list_contents .inbox .iconbox span img{
  display:block;
  max-width: 100%;   
}
#rnd .list_contents .inbox h4{

}
#rnd .list_contents .inbox .s_sum{
	display:block;
	margin-bottom:30px;
	color:var(--t_gray200);
	font-size:90%;
}

#rnd .list_contents .inbox .txt_desc span{
	display:block;
}

@media(max-width:1000px){
	 #rnd .list_contents{
		flex-wrap:wrap;
	 }
	#rnd .list_contents .inbox{
		
		width:100%;
	}

}
 

 /* section5 */
#section4{
	position:relative;
	overflow: hidden;
	}
 

  #divpop111{
	background:#fff;
	
	visibility:hidden;
	
	vertical-align:top;
 	 
 }
 #divpop222{
	background:#fff; 
	visibility:hidden; 
 }

   #divpop333{
	background:#fff;
	 display:inline-block;
	z-index:101;
	visibility:hidden;
	 
	 
 }


 
 #divpop111 .popbox,
 #divpop222 .popbox,
 #divpop333 .popbox{
	background:#fff;
	text-align:center;
	padding-bottom:0px;
	position:relative;
 }
 #divpop111 .popbox img,
 #divpop222 .popbox img,
 #divpop333 .popbox img{max-width:100%;}

.popuparea .pop-close{text-align:right;padding:5px;background:#333}
.popuparea .pop-close a{color:#f7f7f7;}
 
  
   


/*동영상 보기*/
 .embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.youtubearea{position:relative; height:100%;padding-top:0px;height:0;overflow:hidden;} 
.youtubearea iframe,
.youtubearea object,
.youtubearea embed,
.youtubearea video{
position:absolute;top:0;left:0;width:100%;height:100%;} 

 .youtubearea.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.youtubearea.embed-responsive-4by3 {
  padding-bottom: 75%;
}


 
 
 /**/
:root {
  --radius: 12;
  --width: 50;
  --height: 40;
  --border: 2;
  --blur: 10;
  --alpha: 0;
  --gradient: conic-gradient(from 180deg at 50% 70%,hsla(0,0%,98%,1) 0deg,#fff 72.0000010728836deg,#fff 144.0000021457672deg,#fff 216.00000858306885deg,#fff 288.0000042915344deg,hsla(0,0%,98%,1) 1turn);
  --x: 0,
  --y: 0,
}
 .scroll_ani{
	position:absolute;
	bottom:30px;
	left:50%;
	z-index: 3;
	 transform: translateY(0%);  
	  opacity: 0;
	 animation:scrolldown 1.2s ease-in-out infinite 0.15s;
	 border-radius:30px;
	 overflow:hidden;
	 
	background:rgba(255,255,255,.2);
		-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
 }
 
 .scroll_ani  .scroll_ani_in {
	position: relative;
	 border-radius: 30px;
	 padding: 0;
	  overflow:hidden;
	  font-size: 12px;
	  line-height:1;


}
 .scroll_ani  .scroll_ani_in:before {
  content:"";
  position: absolute;
  inset: 0;
  padding: .2em;  
  background: linear-gradient(-45deg,rgba(255,255,255,.1),rgba(255,255,255,.5));
  border-radius: inherit;
  --m:conic-gradient(#fff 0 0);
  mask: var(--m) content-box exclude,var(--m);
  pointer-events: none;
}
@supports (background: linear-gradient(in lch,red 0 0)) {
   .scroll_ani  .scroll_ani_in:before {
    background: linear-gradient(-45deg in lch,rgba(255,255,255,.1),rgba(255,255,255,.5));
  }
}
 

  .scroll_ani span{
 
	display:block;
	position:relative;
	padding:15px 6px;
	text-align:center;
		
  }
    .scroll_ani span img{width:80%;}
  
/**/
.intromainyoutube{
	background: #000;
  position: relative;
  width: 100%;
  z-index: -99;
  overflow: hidden;
  height: 100%;
}


 .youtube-bg {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.youtube-bg::before {
    content: "";
    display: block;
    background: var(--primary_color);
    background: linear-gradient(45deg, var(--primary_color_alpha) 0%, var(--secondary_color_alpha) 100%);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.youtube-bg #player {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%; /* Adjust this between 150% and 200% */
  min-height: 100%; /* Adjust this between 150% and 200% */
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
}
.youtube-bg h2#main_txtB {
    position: absolute;
	bottom: 25%;
   z-index: 2; 
   left:0%;
   opacity:0;
   width:100%;
}
.youtube-bg h2#main_txtB span{
	display:block;
	text-align:left;
	margin:0 auto;
	max-width:1280px;
	position:relative;
	color:#fff;
   letter-spacing:-3px;
   line-height:1.2;
   padding-left:40px;
}


.youtube-bg  #_buffering-backgroundB {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  background: #222;
   z-index: 1;
}
.youtube-bg  #_buffering-backgroundB span{
 display:block;
  position: absolute;
  width: 100%; 
  top: 0;
  bottom: 0;
  /*background:url(../image/mainimg01.jpg) no-repeat center 0;
  background-size:cover;*/
  z-index: 2;
}
 

  @media(max-width:1000px){
	.intromainyoutube{
		padding-top:70px;
		height: auto;
	 
	}
	 .youtube-bg {
		height: auto;
		position: relative;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
padding-top: 0px;
	 }
 

	.youtube-bg #player {
			position: absolute;
width: 100%!important;
height: 100%!important;
			 top: 0;
			  left: 0; 
			  width: 100%;
 
		   -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
	}
  }

  /*mainimg slider/*/

 
 /*/////////////////////////////*/
.fullscreen-video-background {
	  background-color: #ff0000;
	   background-image:url(/image/mainimg01.jpg);
	  position: relative;
	  width: 100%;
	  z-index: -99;
	  overflow: hidden;
	  height: 100vh;
}
@media screen and (max-width: 1000px) {
	.fullscreen-video-background {
		 background-image:url(/image/mainimg01_m.jpg);
	}
}
.fullscreen-video-background .main_txt{
	position: absolute;
   top: 0%;
   width: 100%;
   height:100%;
   z-index: 2;
 
   left:0;
   opacity:0;
 
   display: flex;
  justify-content: center;
  align-items: center;
  text-align:center;
}
.fullscreen-video-background .main_txt span{
	  color:#fff; 
}
.fullscreen-video-background .main_txt span p{
	max-width:600px;
	font-family: 'Oswald', sans-serif;
	font-weight:700;
	font-size:300%; 
   letter-spacing:-1px;
   line-height:1.2;
}
.fullscreen-video-background ._pattern-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0.0;
  bottom: 0;
  /*background-image: url(https://cdnjs.cloudflare.com/ajax/libs/vegas/2.3.1/overlays/03.png);*/
  z-index: 2;
}
.fullscreen-video-background #_buffering-background {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  background-color: #111;
  background-image:url(/image/mainimg01.jpg);
  background-size:cover;
  
  background-position:center center;
   z-index: 1;
}
@media screen and (max-width: 1000px) {
	.fullscreen-video-background #_buffering-background {
		 background-image:url(/image/mainimg01_m.jpg);
	}
}


.fullscreen-video-background #_buffering-background span{
 display:block;
  position: absolute;
  width: 100%;
 
  top: 0;
  bottom: 0;
  /*background:url(../image/mainimg01.jpg) no-repeat center 0;
  background-size:cover;*/
  z-index: 2;
}
.fullscreen-video-background #_youtube-iframe-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: absolute;
  height: 100%;
}
.fullscreen-video-background #_youtube-iframe-wrapper #_youtube-iframe {
position: absolute;
 top: 50%;
  left: 50%;
  height: 300vh;
  width: 120vw;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
 
 
@media (min-aspect-ratio: 16/9) {
.fullscreen-video-background #_youtube-iframe-wrapper #_youtube-iframe {
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
 .fullscreen-video-background #_youtube-iframe-wrapper #_youtube-iframe{
    width: 177.78vh;
  }
}

 @media  (max-width: 1000px) {
	.fullscreen-video-background {
	
	}
 .fullscreen-video-background .main_txt {
	opacity:1;

	}
	.fullscreen-video-background .main_txt span p{
   
			
		   font-size:250%;
		  
		}

		 

	  .main_wrap{
	
			width:98%;
	 }
 }

 


  @media  (max-width: 640px) {
	
	 .fullscreen-video-background .main_txt span p{
   
			
		   font-size:200%;
		  
		}
 }
   @media  (max-width: 380px) {
	
	.fullscreen-video-background .main_txt span p{
   
			
		   font-size:150%;
		  
		}
 }