@charset "UTF-8";

/* 메인 페이지 - 지니캐디 소개 ------------------------------ */

.intro1{
	text-align: center;
	/* position: relative; */
	height: 55vw;
	width: 100%;
	z-index : 999;
	/* margin-bottom: 10%; */
}

.intro-bgimg{
	position: relative;
	z-index : -1;
	/* display: block; */
	margin-top: 40px;
	width : 70%;
	transform: translate( 20%, 0% );
}

.btn-proposal{
	top: 37vw;
	left: 18%;
	width : 12vw;
	min-width : 100px;
	position: absolute;
}

.intro-tablet-img{
	width: 40%;
	top: 15vw;
	right: 10%;
	position: absolute;
	z-index: 999;
}
.intro1-text1{
	top: 17vw;
	left: 18%;
	position: absolute;
	font-size: 3.0vw;
	font-weight: normal;
	
	
}
.intro1-text2{
	top: 21vw;
	left: 18%;
	position: absolute;
	color: #4A84FF;
	font-size: 3.0vw;
}
.intro1-text3{
	top: 27vw;
	left: 18%;
	width: 32%;
	position: absolute;
	font-size: 1vw;
	line-height: 2.3vw;
	text-align: left;
}

     
/* 메인 화면 비디오 css -------------------------------*/     
		.bg-img{
			position: relative;
		}
 		
		.video-box{
			display: flex;
			justify-content : center;
			height: 22vw;
			padding : 1vw 6vw 1vw 6vw;
			background-color: #EEEEEE;
		}
		
		.tv-video{
			width: auto;
			min-height : 15vw;
			min-width : 300px;
			margin: 3vw;
	
}
		
		.mainvideo{
			width: 100%;
			margin-bottom : 10px;
		 	border-radius: 10px;
		 	cursor: pointer;
		}
		
				
		.newstext-box{
			display: flex;
			align-items: center;
		}
		
		.tv-img{
			margin-left : 5%;
			width: 9%;
			
		}

		.video-text{
			text-align: left;
			width: 100%;
			color: #363636;
			font-weight: 500;
			font-size: 1vw;
			margin-left: 10px;
			line-height: normal;
		}
	
		.part-tablet{
			text-align: center;
		}
		
		.tablet-text1{
			text-align: center;
			font-size: 4vw;
			padding-top: 250px;
			padding-bottom: 50px;
			color: #8B8B8B;
			letter-spacing: 1px;
		}
		.tablet-text2{
			font-size: 1.5vw;
			line-height: 2;
			letter-spacing: 1px;
		}
		.tablet-explain{
			width: 90%;
			margin-top:  5%;
			margin : auto;
		}
		.kiosk-explain{
			width: 100%;
			margin-top:  5%;
		}
		.hole-explain{
			display : block;
			margin : auto;
			width: 85%;
			margin-top:  5%;
			margin-bottom: 5%;
		}