/*--------좌우슬라이딩---------*/ 
	body{
		margin:0px;
	}
	#index_01{ position:relative; margin:0 auto;z-index:1;} 
	#slide1>ul{width: 100%;font-size: 0; } 
	#slide1>ul>li{width: 100%; position:absolute; font-size: 0; } 
	ul{
		margin-block-start:0em;
		margin-block-end:0em;
		padding-inline-start:0px;
	}

	
	#next:hover{
		cursor: pointer;
		opacity:1;
	}
	#prev:hover{
		cursor: pointer;
		opacity:1;
	}
	
 @media all and (min-width: 639px) {	
	#first{
			background: url(../image/introBanner.jpg)center/cover no-repeat;
			background-size:100% 100%;
   			 width:100%;
   			 height:40vh;
   			 color:white;
   			 text-align: center;
   			 font-size: 18px;
	}
	#second{
			background: url(../image/noticeBanner.jpg)center/cover no-repeat;
   			 width:100%;
   			 height:40vh;
   			 text-align: center;
	}
	#third{
			background: url(../image/lock22.jpg)center/cover no-repeat;
   			 width:100%;
   			 height:40vh;
   			 text-align: center;
	}
	
 }
	
	@media all and (max-width: 638px) {
		#first{
			background: url(../image/introBanner.jpg)center/cover no-repeat;
			background-size:100% 100%;
   			 width:100%;
   			 text-align: center;
		}
		#second{
				background: url(../image/banner222.jpg)center/cover no-repeat;
				background-size:100% 100%;
	   			 width:100%;
	   			 text-align: center;
		}
		#third{
				background: url(../image/lock22.jpg)center/cover no-repeat;
				background-size:100% 100%;
	   			 width:100%;
	   			 text-align: center;
		}
	}