@charset "utf-8";

body .performance .pd80 {padding:80px 0;}

body .performance .line {margin:100px 0; border-top:1px solid #ddd;}

.performance .contentTit {padding-bottom:60px;}

.performance .performBg {background:url(/images/performance/performBg.webp) center / cover; height:300px; display:flex; justify-content: center; align-items: center;}
.performance .performBg p {color:#fff; font-size:var(--fs24); text-align:center; line-height:1.4; font-weight:500;}

.performance .performWrap {display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap;}
.performance .performWrap ul+ul {margin-top:30px;}
.performance .performWrap ul li {position:relative; padding-left:15px;}
.performance .performWrap ul li:before {content:""; position:absolute; left:0; top:12px; width:4px; height:4px; border-radius:100px; background:#ccc;}
.performance .performWrap ul .tit {color:#111; font-weight:700; font-size:var(--fs20); margin-bottom:5px; padding-left:0px;}
.performance .performWrap ul li.tit:before {content:none;}
.performance .performWrap h4 {width:100%; max-width:30vw; font-size:var(--fs36); color:#111;}



/* ************************ 태블릿 (~991) ************************ */
@media screen and (max-width:991px) {


}



/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:767px) { 

	body .performance .pd80 {padding:30px 0;}
	
	.performance .performWrap {flex-direction: column; gap:30px;}
	.performance .performWrap h4 {max-width:100%;}
	
	body .performance .line {margin: 50px 0;}
	.performance .performBg {height:230px;}

}


/* ************************ 모바일 (~500) ************************ */
@media screen and (max-width:500px) {



}