@charset "UTF-8";

.intro_wrap { font-family: 'Pretendard', 'sans-serif'; }
.intro_wrap .com_head_gnb { position: fixed; padding: 15px 60px; border-bottom: 1px solid rgba(255, 255, 255, 0.15); width: 100%; z-index:100; }
.intro_wrap .com_head_gnb .main_logo { width: 162px; }
.intro_bg { display: flex; justify-content: center;z-index:1; }
.intro_bg > li { position:relative; overflow: hidden; width: 100%; }
.intro_bg .bg_img { width: 100%; transition: all 0.6s;  }
.intro_bg > li:hover .bg_img { transform: scale(1.1);}
.intro_bg .intro_back { width: 100%; height: 100%; background: rgba(0 ,0,0,0.6); position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); transition: all 0.6s; }
.intro_bg > li:hover .intro_back { background: rgba(0 ,0,0,0.4); }
.intro_bg .intro_text { position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; width: 56%; }
.intro_bg .intro_text .b_title { font-size: 56px; font-weight: 800; }
.intro_bg .intro_text .desc { font-size: 18px; font-weight: 500; margin: 24px 0 60px; }
.intro_bg .intro_text a { display: inline-block;font-size: 22px; font-weight: 700; color: #fff; border: 1px solid #fff; border-radius: 10px; padding: 15px 30px; }
.intro_bg .intro_text a img { vertical-align: middle; margin: 0 0 0 10px;}
.intro_bg .intro_text p { margin: 15px 0 0px; font-size: 15px; font-weight: 300; }

@media screen and (max-width:1400px){
.intro_bg .intro_text { width: 68%; }
}
	
@media screen and (max-width:1280px){
.intro_bg .intro_text { width: 77%; }
.intro_bg .intro_text .b_title { font-size: 36px; }
.intro_bg .intro_text .desc { font-size: 16px; margin: 14px 0 30px; }
.intro_bg .intro_text a {font-size: 18px; padding: 10px 20px; }
}
	
@media screen and (max-width:1080px){
.intro_bg { display: block; }
.intro_bg .intro_text { width: 47%; }
}
	
@media screen and (max-width:767px){
.intro_bg .intro_text { width: 55%; }	
}

@media screen and (max-width:480px){
.intro_wrap .com_head_gnb { padding: 10px 20px; }
.intro_wrap .com_head_gnb .main_logo { width: 135px; }
.intro_bg .intro_text { width: 100%; }
.intro_bg .intro_text .b_title { font-size: 24px; }
.intro_bg .intro_text .desc { font-size: 14px; }
.intro_bg .intro_text a {font-size: 16px; }
}