/*공통*/
.con1300 {width: 1300px; margin: 0 auto;}
.s_article {background: #fff; padding: 0 120px 120px; box-shadow: 10px 6px 10px rgba(0,0,0,0.03); position: relative; z-index: 3;}
.btm_bg {margin-top: -300px; width: 100%; height: 523px;}


/*Content CSS*/

#performance .s_article {padding-bottom: 70px;}
#performance .s_article h1 {font-size: 30px;font-family: 'Montserrat',sans-serif; font-weight: 700; text-transform: uppercase; color:#333; text-align: center;}
#performance .s_article h1::after {display: block; margin: 20px auto 35px; content: ""; width: 3px; height: 40px; background: #ff7200;}
#performance .s_article ul {display: flex; flex-wrap: wrap;}
#performance .s_article ul li {width: 196px; margin-right: 20px; margin-bottom: 30px; padding: 30px 15px; text-align: center; font-size: 18px; font-family: 'GongGothicLight'; color:#333; position: relative;}
#performance .s_article ul li::after {content: ''; display: block; width: 100%; height: 100%; transition: all .3s ease; border: 1px solid #dfdfdf; position: absolute; left:0; top:0;}
#performance .s_article ul li:nth-child(5n) {margin-right: 0;}
#performance .s_article ul li:hover::after {border-color: #ff7200}

#performance .btm_bg {background: url('../img/per_btm_bg.jpg')no-repeat 50% 50%; background-size: cover; }







@media screen and (max-width: 600px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width:1200px) {

}