/* 공통 */
#c1_wrap .c_inner {width: 1300px; margin:0 auto; position: relative; }
#c1_wrap .c_title {text-align: center; }
#c1_wrap .c_title h1 {font-size:48px; font-weight: 700; color:#333; text-transform: uppercase; font-family: 'Montserrat'; }

/*Content CSS*/
#c1_wrap {padding:100px 0; background: #fff; }
/* c1_list */
#c1_list {display: flex; justify-content: space-between; margin:65px 0 0;}
#c1_list li {width: 310px; }
#c1_list .img {display: block; position: relative; overflow: hidden; }
#c1_list .img > span {display:flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0; width: 60px; height: 60px; transition: all .3s ease;
background-color: #868686; }
#c1_list .img > img {transition: all .3s ease; }
#c1_list .txt {margin:30px 0 0;}
#c1_list .txt h1 {font-size:18px; font-weight: 700; color:#333; padding:0 0 15px; margin:0 0 15px; border-bottom: 1px solid #ddd; }
#c1_list .txt p {font-size:14px; font-weight: 300; color:#666; line-height: 24px; }

/* hover */
#c1_list .img:hover > img {transform: scale(1.1);}
#c1_list .img:hover > span {background-color: #e60012; }




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

}

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

}

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

}
