:root{
	--color-main01: #910023;
	--color-main02: #c3a56f;
	--color-main03: #e6743e;
}

html,body{width:100%; height:100%;}
.w1600{width:1600px; margin:0 auto;}

div.intro-wrap{background:url(../img/intro_bg.jpg) no-repeat center; background-size:cover; width:100%; min-height:100%;}
div.intro-wrap div.w1600{height:100%;}
/* 헤더 영역 */
div.intro-wrap div.intro-header{height:9.375rem; display:flex; align-items:center; gap:2.6rem; border-bottom:1px solid rgba(255, 255, 255, .3);}
div.intro-wrap div.intro-header a.logo{width:auto; height:4.375rem;}
div.intro-wrap div.intro-header a.logo img{width:100%; height:100%; object-fit:cover;}
div.intro-wrap div.intro-header a.logo.ce-logo{position:relative;}
div.intro-wrap div.intro-header a.logo.ce-logo:after{position:absolute; content:''; width:1px; height:4rem; top:50%; right:-1.3rem; transform:translateY(-50%); background:rgba(255, 255, 255, .3); }
div.intro-wrap div.intro-header a.logo.ace-logo{}
/* 슬로건 영역 */
div.intro-wrap div.slogan-wrap{width:100%; text-align:center; color:#fff; margin:6.25rem 0;}
div.intro-wrap div.slogan-wrap p.slogan-1{font-family:'esamanru_L',sans-serif; font-size:2.2rem;}
div.intro-wrap div.slogan-wrap p.slogan-2{font-family:'esamanru_M',sans-serif; font-size:2.5rem;}
/* 바로가기 영역 */
div.intro-wrap div.item-wrap{display:flex; justify-content:space-between;}
div.intro-wrap div.item-wrap div.item{position:relative; width:45%; border:1px solid #fff; color:#fff; padding:2.5rem; transition:0.3s;}
div.intro-wrap div.item-wrap div.item-1:after{position:absolute; content:''; display:block; width:5.5rem; height:5.5rem; background:url("/fro_end/intro/img/label_1.png")center/contain no-repeat; top:-1px; right:1rem;}
div.intro-wrap div.item-wrap div.item-2:after{position:absolute; content:''; display:block; width:5.5rem; height:5.5rem; background:url("/fro_end/intro/img/label_2.png")center/contain no-repeat; top:-1px; right:1rem;}
div.intro-wrap div.item-wrap div.item p.institute{font-family:'Pretendard-Bold',sans-serif; font-size:2rem; margin-bottom:1rem;}
div.intro-wrap div.item-wrap div.item p.explain{font-family:'Pretendard-Medium',sans-serif; font-size:1.125rem; word-break:keep-all;}
div.intro-wrap div.item-wrap div.item a{font-family:'Pretendard-Bold',sans-serif; padding:1rem; margin-top:3.125rem;}
div.intro-wrap div.item-wrap div.item-1 a{background:var(--color-main01);}
div.intro-wrap div.item-wrap div.item-2 a{background:var(--color-main03);}
div.intro-wrap div.item-wrap div.item a span{position:relative; font-family:'Pretendard-Medium',sans-serif; padding-right:3rem;}
div.intro-wrap div.item-wrap div.item a span:after{position:absolute; content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/intro/img/right_arrow.png")center/contain no-repeat; top:50%; right:0; transform:translateY(-50%); }
@media(hover: hover) {
	div.intro-wrap div.item-wrap div.item:hover{border:1px solid rgba(20,20,20,.7); background:rgba(20,20,20,.7);}
}
/* 푸터 영역 */
div.intro-wrap div.footer{width:100%; padding-top:10rem;}
div.intro-wrap div.footer p{font-family:'Pretendard-Light',sans-serif; color:rgba(255, 255, 255, .3); text-align:center;}


/* 반응형 */
@media screen and (max-width: 1600px){
	.w1600{width:90%;}
}
@media screen and (max-width: 1440px){

}
@media screen and (max-width: 1280px){
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 800px){
	div.intro-wrap{min-height: auto;}
	/* 헤더 영역 */
	div.intro-wrap div.intro-header a.logo{width:16rem; height:auto;}
	/* 바로가기 영역 */
	div.intro-wrap div.item-wrap{flex-wrap:wrap; gap:2rem;}
	div.intro-wrap div.item-wrap div.item{width:100%;}
	/* 푸터 영역 */
	div.intro-wrap div.footer{padding:10rem 0 2rem 0;}
}
@media screen and (max-width: 640px){

}
@media screen and (max-width: 480px){
	/* 헤더 영역 */
	div.intro-wrap div.intro-header{height:8rem;}
	/* 슬로건 영역 */
	div.intro-wrap div.slogan-wrap{word-break:keep-all; margin:5rem 0;}
	div.intro-wrap div.slogan-wrap p.slogan-1{font-size:1.8rem;}
	div.intro-wrap div.slogan-wrap p.slogan-2{font-size:2.25rem;}
	/* 푸터 영역 */
	div.intro-wrap div.footer{padding:5rem 0 2rem 0;}
}
@media screen and (max-width: 400px){
	/* 슬로건 영역 */
	div.intro-wrap div.slogan-wrap p.slogan-1{font-size:1.5rem; margin-bottom:0.25rem;}
	div.intro-wrap div.slogan-wrap p.slogan-2{font-size:2rem;}
}
@media screen and (max-width: 320px){
}