<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*************** [banner]basic ***************/
/*#section_type_introduce_1 : ì„œê´‘ì‚¬ì—­*/
#section_type_introduce_1{background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/section/introduce/introduce_1/img/intro_bg3.jpg) no-repeat center center; background-size:cover;}
#section_type_introduce_1 h2.title {text-align: center; position: relative; color:#fff;}
#section_type_introduce_1 h2.title &gt; span {font-weight:500;}

#section_type_introduce_1 ul {width:80%; margin:50px auto 0;}
#section_type_introduce_1 ul li {float:left; width:21%; margin-right:1%;}
#section_type_introduce_1 ul li:nth-child(1) {margin-left:6.5%;}
#section_type_introduce_1 ul li:nth-child(4) {margin-right:6.5%;}

#section_type_introduce_1 ul li a .banner_bg {
	width:100%;
	box-shadow:10px 10px 10px -5px rgba(0,0,0,0.3);
	-webkit-box-shadow:10px 10px 10px -5px rgba(0,0,0,0.3);
	-moz-box-shadow:10px 10px 10px -5px rgba(0,0,0,0.3);
	-o-box-shadow:10px 10px 10px -5px rgba(0,0,0,0.3);
}
#section_type_introduce_1 ul li a .banner_bg img {width:100%;}

#section_type_introduce_1 ul li a .banner_box {position:absolute; left:10%; bottom:-65px; background:#474747; width:80%; height:140px; color:#fff; padding:25px 30px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-shadow:10px 10px 10px -5px rgba(0,0,0,0.3);
-webkit-box-shadow:10px 10px 10px -5px rgba(0,0,0,0.3);
-moz-box-shadow:10px 10px 10px -5px rgba(0,0,0,0.3);
-o-box-shadow:10px 10px 10px -5px rgba(0,0,0,0.3);
}
#section_type_introduce_1 ul li a .banner_box p {
	font-size:15px; font-weight:100;
	line-height:130%; 
	overflow: hidden; 
	-webkit-line-clamp :2; 
	display: -webkit-box;
	-webkit-box-orient: vertical; 
	height:40px;
}
#section_type_introduce_1 ul li a .banner_box p &gt; strong {font-size:27px; margin-bottom:17px; display:block; line-height:130%;}

#section_type_introduce_1 ul li:hover a .banner_bg {background:#474747;}
#section_type_introduce_1 ul li:hover a .banner_box {background:#7155A4;}

/*************** [banner]responsive ***************/
/*ì„œê´‘ì‚¬ì—­*/
@media screen and (max-width:1350px){
	#section_type_introduce_1 ul {width:100%;}
	#section_type_introduce_1 ul li a .banner_box {padding:25px 18px;}
	#section_type_introduce_1 ul li a .banner_box p &gt; strong {font-size:24px;}
}
@media screen and (max-width:970px){
	#section_type_introduce_1 {padding: 80px 0;}
	#section_type_introduce_1 ul {width: 80%;}
	#section_type_introduce_1 ul li {width: 47%; margin-bottom:100px; margin-right:3%;}
	#section_type_introduce_1 ul li:nth-child(1) {margin-left:0%;}
	#section_type_introduce_1 ul li:nth-child(4) {margin-right:0%;}
	#section_type_introduce_1 ul li a .banner_bg {height: 300px; overflow: hidden;}
	#section_type_introduce_1 ul li a .banner_bg img {position: relative; top: -230px;}
}
@media screen and (max-width:800px){
   #section_type_introduce_1 ul li a .banner_bg img {position: relative; top: -170px;}
}
@media screen and (max-width:704px){
   #section_type_introduce_1 ul li a .banner_bg img {position: relative; top: -140px;}
}
@media screen and (max-width:662px){
   #section_type_introduce_1 ul li a .banner_bg img {position: relative; top: -110px;}
}
@media screen and (max-width:618px){
   #section_type_introduce_1 ul li a .banner_bg img {position: relative; top: -80px;}
}
@media screen and (max-width:568px){
	#section_type_introduce_1 ul li a .banner_bg {height: 260px;}
   #section_type_introduce_1 ul li a .banner_bg img {position: relative; top: -50px;}
}
@media screen and (max-width:470px){
	#section_type_introduce_1 {padding:0;}
	#section_type_introduce_1 h2.title {top: 20px;}
	#section_type_introduce_1 ul li {width: 99%; margin-bottom: 80px;}
	#section_type_introduce_1 ul li a .banner_bg {height: 160px;}
	#section_type_introduce_1 ul li a .banner_bg img {position: relative; top: -200px;}
	#section_type_introduce_1 ul li a .banner_box {padding: 10px 18px; height:100px;}	
}

/*************** [banner]animation ***************/
#section_type_introduce_1 li{
	top:0px;
	position:relative;
}</pre></body></html>