#main_swiper_area #background2 { z-index: 100; }
#main_swiper_area .dot_bg{
	 
	background-image: url("img/bg_dot.png");
    left: 0;
    top: 0; 
    width: 100%;
    height: 100%;
    position: absolute;
	z-index:100;
	 
}
 



      html,
      body {
        position: relative;
        height: 100%;
      }

      body {
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0;
      }

	  .w100p{width:100%;}

      #main_swiper_area{
        width: 100%;
       /** height: 100%; **/
      }




       #main_swiper_area .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color: #000;
        opacity: 1;
        background: rgba(0, 0, 0, 0.5);
		border:1px solid rgba(255, 255, 255, 0.8);
      }

      #main_swiper_area .swiper-pagination-bullet-active {
        color: #fff;
        background: #007aff;
      }


		.slider-swiper-button-prev, .slider-swiper-button-next {
			position: absolute;
			top: 50%;
			width: 50px;
			height: 50px;
			margin-top: 15px;
			z-index: 10;
			cursor: pointer;
			display: block;
			
			 
		}

		#main_swiper_area .slider-swiper-button-prev{ 
			left:10px; 
			right:auto;
			background: url("img/prev_arrow2.png") no-repeat center ;
			background-size: cover;
		}

		#main_swiper_area .slider-swiper-button-next{ 
			left:auto; 
			right:10px;
			background: url("img/next_arrow2.png") no-repeat center;
			background-size: cover; 
		}

		 
	   #main_swiper_area .slider-swiper-button-prev.swiper-button-disabled,
	   #main_swiper_area .slider-swiper-button-next.swiper-button-disabled{ 
			 opacity: .2;
			cursor: auto;
			pointer-events: none;		 
	   }

      #main_swiper_area .swiper-slide {
        text-align: center;
        font-size: 18px;
        background--: #fff;
		background--: #000;

         
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

       #main_swiper_area .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
 
	#main_swiper_area .slider_content_wrap{
	  width:100%; height:100%; 
	  position:relative;
	  font-family:'Noto Sans Korean','Noto Sans KR','Dotum', 'Helvetica', 'AppleGothic', 'Sans-serif';
	  
	}


	#main_swiper_area .main_slider_text_wrap{
			height: 100%;
			width: 100%;
			z-index: 1000000;	
			position:absolute;
			display:flex;
			align-items: center;
			 justify-content: center;
	
	}



	#main_swiper_area .main_slider_effect1 span,
	#main_swiper_area .main_slider_effect2 span,
	#main_swiper_area .main_slider_effect3 span{
		  word-wrap:break-word;
		  
		  border--:3px solid red;	
		  width:100%;
		  margin-top:50px;
		  text-align:center;	
		  font-family:'Noto Sans KR', 'Noto Sans Korean','Dotum', 'Helvetica', 'AppleGothic', 'Sans-serif'; 
		  display:inline-block;
	
	}

	#main_swiper_area .main_slider_effect1  span{
		font-size:60px;
		color:#400000;
		font-weight: bold;
		background-color:rgba(255,255,255,0.3);
		border-radius:1000px;
		padding:10px 50px;
	}
	#main_swiper_area .main_slider_effect2  span{
		font-size:40px;
		color:#ffffff;
		font-weight: bold;
		background-color--:rgba(255,255,255,0.3);
		 
		padding:10px 10px;
		text-shadow: 3px 1px 11px rgba(0, 0, 0, 0.98);
		display:inline-block;
	}


	#main_swiper_area .main_slider_effect3 span{
		font-size:30px;
		color:#4b4b4b;
	}

 



    #main_swiper_area .youtube_wrap{
	
	   width:100%;
	   height:100%;
	}
 
 	@media all and (max-width:1200px){



      #main_swiper_area {
        width: 100vm;
         height: calc(100vw/1.77);
      }	
			#main_swiper_area .youtube_wrap{
			
			   width:100vm;
			   height: calc(100vw/1.77);
			}	

		  #main_swiper_area .swiper-slide img {
				display: block;
				width: 60%;
				height: 60%;
				object-fit: cover;
         }
	}
 
 
	#main_swiper_area .main_slider_img_p{
			height: 100%;
			width: 100%;
			display: block;
			position:absolute;
			z-index: 1;	
			top:0;
			left:0;
	}


	#main_swiper_area .main_slider_img_p img{
	   width:100%;
	   height:100%;	  
	}


	#main_swiper_area .main_slider_img_m{  
		  display:none;
	  }

 
 	#main_swiper_area .img_scale_animate{	overflow: hidden; }
	#main_swiper_area .img_scale_animate  img{
			-webkit-animation-duration: 10s;
			animation-duration: 10s;
			-webkit-animation-fill-mode: both;
			animation-fill-mode: both;

			-webkit-animation-timing-function: cubic-bezier(.3,0,.7,1);
			animation-timing-function: cubic-bezier(.3,0,.7,1);
			animation-iteration-count: infinite;

			-webkit-animation-name: animateBg;
			animation-name: animateBg;	


	}

	@keyframes animateBg {
		from {  -ms-transform: scale(1,1);  transform: scale(1,1) translateZ(1px);  }
		to {  -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) translateZ(1px); }
	}

 

 

 

@media screen and (max-width: 768px){
 
 

 	#main_swiper_area .main_slider_img_m{
			height: 100%;
			width: 100%;
			display: block;
			position:absolute;
			z-index: 1;	
			top:0;
			left:0;
	}


	#main_swiper_area .main_slider_img_m img{
	   width:100%;
	   height:100%;	  
	}


	#main_swiper_area .main_slider_img_p{  
		  display:none;
	  }



 	#main_swiper_area .main_slider_effect1  span{
		font-size:20px;
		color:#400000;
		font-weight: bold;
		background-color:rgba(255,255,255,0.3);
		border-radius:1000px;
		padding:10px 20px;
		width:auto;
		margin-top:30px;
	}
	#main_swiper_area .main_slider_effect2  span{
		font-size:20px;
		color:#ffffff;
		font-weight: bold;
		background-color--:rgba(255,255,255,0.3);
		 
		padding:10px 10px;
		text-shadow: 3px 1px 11px rgba(0, 0, 0, 0.98);
		display:inline-block;
	}


	#main_swiper_area .main_slider_effect3 span{
		font-size:30px;
		color:#4b4b4b;
	}
 

}