.intro-inter{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:10rem;
	width:100%;
	height:100vh;
	background:url('/_res/seojeong/main/img/bg-intro.png') no-repeat 50% 50% /cover;
}
.logo-inter{
	display:flex;
	flex-direction: column;
	align-items:center;
	gap:1.2rem;
	
}
.logo-inter img{
	width:30.9rem;
}
.logo-inter span{
	display:inline-block;
	min-width: 12.5rem;
	padding: 0.6rem 2rem;
	border-radius: 5rem;
	background: #29479F;
	text-align:center;
	color: #FFF;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
}
.intro-cont{
	display:flex;
	gap:2rem;
	width:100%;
	padding:0 5rem;
}
.intro-cont.wrap-cont01{
	max-width:104rem;
}
.intro-cont.wrap-cont02{
	max-width:110rem;
}
.box-nav{
	position:relative;
	flex:1;
	min-height:25rem;
	border-radius: 1.8rem;
}
.intro-cont.wrap-cont01 .box-nav{
	font-size: 3.2rem;
	font-weight: 800;
	line-height: 120%;
}

.box-nav > a{
	display:block;
	height:100%;
	padding:3.7rem 5rem;
}
.box-nav.blue{
	background:rgba(41, 71, 159, 0.9);
	color: #FFF;
}
.box-nav.yellow{
	background:rgba(249, 211, 0, 0.9);
	color: #34368A;
}
.box-nav.skyblue{
	background:rgba(35, 178, 239, 0.9);
	color: #FFF;
}
.intro-cont.wrap-cont02 p{
	font-size: 3.4rem;
	font-weight: 800;
	line-height: 120%
}
.intro-cont.wrap-cont01 span{
	position:absolute;
	right:5rem;
	bottom:4.1rem;
}
.intro-cont.wrap-cont02 span{
	position:absolute;
	bottom:4.3rem;
	font-size: 2rem;
	font-weight: 500;
	line-height: 120%; 
}
.intro-cont.wrap-cont02 span img{
	width:1.8rem;
	height: 2.2rem;
	margin-left:1.2rem;
	object-fit:contain;
	transition:.3s ease 0s;
}
.intro-cont.wrap-cont02 .box-nav:hover span img{
	margin-left:2rem;
}


@media (max-width:1300px){
	.intro-inter{
		gap:3rem;
	}
}
@media (max-width:1270px){
	.intro-inter{
		min-height:100vh;
		height:auto;
		padding:4rem 5rem;
	}
	.intro-cont.wrap-cont01{
		flex-direction:column;
	}
	.intro-cont{
		padding:0;
	}
}
@media (max-width:820px){
	.intro-cont.wrap-cont02{
		flex-direction:column;
	}
}
@media (max-width:768px){
	.intro-inter{
		padding:2rem;
	}
	.logo-inter img{
		width: 15.9rem;
	}
	.logo-inter span{
		width: 7.9rem;
	    font-size: 1.6rem;
	}
	.intro-cont{
		gap:1rem;
	}
	.box-nav{
		min-height: 13rem;
	}
	.box-nav > a{
		min-height:13rem;
	}
	.intro-cont.wrap-cont01 .box-nav{
		font-size: 2.2rem;
	}
	.box-nav > a{
		padding: 2.7rem 3rem;
	}
	.intro-cont.wrap-cont01span{
		right: 3rem;
    	bottom: 2.7rem;
	}
	.intro-cont.wrap-cont02 p{
		font-size: 2.4rem;
	}
	.intro-cont.wrap-cont02 span{
		bottom:3rem;
		font-size: 1.6rem;
	}
	.intro-cont.wrap-cont02 span img{
		 width: 1.4rem;
    	height: 1.9rem;
	}
}