@charset "UTF-8";

/* 500px미만 모바일 화면 css -----------------------------------*/

@media (max-width: 768px){
	
    .m-img{
    	display: block;
    	padding: 0;
    	border: 0;
    }
    
	
/*지니캐디 intro1 박스 css -----------------------------------  */
	.intro1{
		height : 57vw;
		background-color: #f1f5ff;
		position: relative;
		z-index: 0;
	}


	.btn-proposal{
		 z-index: 50; /**/
		top: -11vw;
		left: 6%;
		width : 25vw;
		min-width : 100px;
		position: relative;
	}
	
	.intro-tablet-img{
		width : 41%;
		top: -7vw;
		left : 56vw;
		z-index: 0;
		position: relative;
	}
	
	.intro1-text1{
		width : 30%;
		top: 8vw;
		left : 2vw;
		position: relative;
		font-size: 6.0vw;
		font-weight: normal;
		
	}

	.intro1-text2{
		width : 60%;
		top: 11vw;
		left : 0vw;
		position: relative;
		color: #4A84FF;
		font-size: 6.0vw;
		
	}

	.intro1-text3{
	 	width : 50vw;
		top: 16vw;
		left : 6vw;
		position: relative;
		display : block;
		font-size: 2vw;
		line-height: 4vw;
		text-align: left;
		}
		
/* 메인화면 비디오 박스 css -------------------------------------*/
	   
	   	.video-box{
			display:grid;
			height: auto;
			padding : 1vw 1vw 1vw 1vw;
			cursor: pointer;
			justify-content : center;
			background-color: #EEEEEE;
		}
	    
	    .m-mainvideo{
	    	width: 100%;
	    	margin-bottom : 2px;
		 	border-radius: 2px;
	    	cursor: pointer;
	    } 

 		.m-video-text{
			font-size: 3vw;
 			text-align: left;
			width: 100%;
			margin-left: 4vw;
			margin-top: 3%;
 			margin-bottom: 3%;
 			color: #363636;
			font-weight: 500;
			line-height: normal;
 		}
 		
 		.tv-img{
			margin-left : 2%;
			width: 9%;
			
		}
	    .m-main-txt{
	    	margin-top: 10%;
     		position: absolute;
			/* z-index: 1; */
			color: white;
			transform: translate( -50%, -50% );
			text-align: center;
			width: 83%;
	    }
	    
	    
	    .m-imtext1{
			font-size: 8vw;
			font-weight: 500;
			padding: 0.5%;
			text-shadow: 2px 2px 2px #494949;
		}
		
		.m-imtext2{
			font-size: 4vw;
			margin: 0 0 1% 0;
			font-weight: 600;
			text-shadow: 2px 2px 1px #727272;
		}
		
		.m-imtext3{
			line-height: 200%;
			font-size: 3vw;
			letter-spacing: 0px;
		}
		
 /* news 페이지 모바일 css -------------------------------------*/
		 .m-news-container{
			position: relative;
			display :flex;
			font-size: 1.3vw;
			flex-direction: column;
		}
		
		.m-newsbtn{
			display: inline;
			justify-content: center;
			width: 100%;
			height: 186px;
			background:  #9cc7f5;
			text-align: center;
			/* margin-left: 5px;*/
			margin-top: 55px; 
		}
		
		.m-newslist{
			display: inline-block;
			padding: 10px 0;
			width: 100%;
			height: 25px;
			color: white; 
			font-size: 24px;
			font-weight: 600;
			border-bottom: 2px solid #8fc0f5;
			text-align: center;
		}
		
		.m-newslist:hover{
			background:  #4A84FF;
			color:  white; 
			border-radius: 16px;
		}
		
		#m-newslist:active{
			background:  #4A84FF;
			color:  white; 
			border-radius: 16px;
		}
		
		
		.m-newsvideo{
			cursor: pointer;
			margin-top : 3%;
			margin-bottom: 0%;
			width : 100%;
			transform : translate( 0%, 0%);
			
		}
 			
		.m-newsvideo-text{
			position: relative;
			display: inline-block;
			font-size: 4vw;
			font-weight: 600;
			margin-top : 25px;
			margin-bottom : 0;
			top: 4px;
		}
		
		.m-newsvideo-container{
			display: block;
			text-align: center;
			margin: 0;
			
		}
		
		.tablet-text1{
			text-align: center;
			font-size: 10vw;
			padding-top: 150px;
			padding-bottom: 50px;
			color: #8B8B8B;
			letter-spacing: 1px;
		}
		
		.tablet-text2{
			font-size: 3vw;
			line-height: 2;
			letter-spacing: 1px;
		}
		
		.m-tablet-explain-1 {
			width : 97vw;
			padding-top:  10%;
			margin : auto;
			text-align: center;
		}
		
		.m-tablet-explain-2 {
			width : 97vw;
			padding-top:  10%;
			margin : auto;
			text-align: center;
		}
/* 모바일 제품소개 페이지 ------------------------------------- */		
		
		.m-introduce{
			display : block;
			position: relative;
			width: 100%;
			top: 45px;
			margin-bottom: 15%;
		}
		
	
		

}


