.pro .sect1{padding-bottom:120px;}

.pro_lnb_wrap{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:90px;border:1px solid #d2d2d2;}
.pro_lnb_wrap li{width:20%;border-right:1px solid #dedede;height:60px;text-align:center;line-height:60px;color:#666;transition:all 0.3s;}
.pro_lnb_wrap li a{font-size:1.5rem;letter-spacing:-0.3px;display:block;width:100%;height:100%;white-space:nowrap;}
.pro_lnb_wrap li:hover,
.pro_lnb_wrap li.on{background:var(--main-color);color:#fff;}

.pro_lnb_wrap li:nth-child(5){border-right:0;}
.pro_lnb_wrap li:nth-child(1), .pro_lnb_wrap li:nth-child(2),
.pro_lnb_wrap li:nth-child(3), .pro_lnb_wrap li:nth-child(4),
.pro_lnb_wrap li:nth-child(5){border-bottom:1px solid #dedede;}

#pro_intro .pro_con_wrap{margin-bottom:150px;}
#pro_intro .pro_con_wrap.con9{margin-bottom:230px;}
#pro_intro .pro_con_imgBox{position:relative;}
#pro_intro .pro_con_imgBox img{border-radius:12px;} 
#pro_intro .pro_con_txtBox{position:absolute;color:#fff;left:55px;top:50%;transform:translateY(-50%);}
#pro_intro .pro_con_txtBox h1{font-size:3.2rem;font-weight:600;letter-spacing:-0.3px;}
/* #pro_intro .pro_con_txtBox h5{font-size:1.8rem;font-weight:400;} */

#pro_intro .pro_con_li{display:grid;grid-template-columns: repeat(5, 1fr);gap:10px 8px;margin-top:30px;}
#pro_intro .pro_con_li li{
	text-align:center;height:67px;line-height:22px;border:1px solid #d2d2d2;border-radius:12px;background:transparent;
	display:flex;align-items:center;justify-content:center;color:#222;transition:background 0.3s;cursor:pointer;
}
#pro_intro .pro_con_li li:hover{background:#fbd82d;}

@media screen and (max-width:1400px){ 
	#pro_intro .pro_con_imgBox{height:162px;}
	#pro_intro .pro_con_imgBox img{width:100%;height:100%;object-fit:cover;}
}
@media screen and (max-width:1280px){ 
	.pro_lnb_wrap li{display:flex;align-items:center;justify-content:center;line-height:initial;}
	.pro_lnb_wrap li a{height:auto;white-space:wrap;}

	#pro_intro .pro_con_li li{font-size:15px;}
}
@media screen and (max-width:1080px){
	#pro_intro .pro_con_li{grid-template-columns:repeat(4, 1fr);}
}
@media screen and (max-width:980px){ 
	#pro_intro .pro_con_wrap{margin-bottom:90px;}
	#pro_intro .pro_con_wrap.con9{margin-bottom:160px;}
	#pro_intro .pro_con_txtBox{left:30px;}
	#pro_intro .pro_con_txtBox h1{font-size:2.6rem;margin-bottom:8px;}
	#pro_intro .pro_con_txtBox h5{font-size:1.6rem;}
	#pro_intro .pro_con_li li{font-size:14px;line-height:20px;}
}
@media screen and (max-width:820px){ 
	#pro_intro .pro_con_li{grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width:768px){ 
	.pro_lnb_wrap li{height:50px;}
	.pro_lnb_wrap li a{font-size:1.4rem;}
}
@media screen and (max-width:660px){ 
	.pro_lnb_wrap{margin-bottom:50px;}
	.pro_lnb_wrap li{width:33.3333%;}
	.pro_lnb_wrap li:nth-child(3), .pro_lnb_wrap li:nth-child(6),
	.pro_lnb_wrap li:nth-child(9){border-right:0;}
	.pro_lnb_wrap li:nth-child(5){border-right:1px solid #dedede;}
	.pro_lnb_wrap li:nth-child(6){border-bottom:1px solid #dedede;}

	#pro_intro .pro_con_li{grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width:500px){ 
	#pro_intro .pro_con_imgBox{height:130px;}
	#pro_intro .pro_con_li{margin-top:20px;}
	#pro_intro .pro_con_txtBox h1{font-size:2rem;margin-bottom:5px;}
	#pro_intro .pro_con_txtBox h5{font-size:1.5rem;}
}
@media screen and (max-width:390px){ 
	.pro_lnb_wrap li a{font-size:1.3rem;}

	#pro_intro .pro_con_txtBox{left:25px;}
	#pro_intro .pro_con_li li{font-size:12px;line-height:18px;}
}