/* 공통 */
#c2_wrap .c_inner {width: 1300px; margin:0 auto;}
#c2_wrap .c_title {text-align: center;}
#c2_wrap .c_title h2 {font-size:17px; font-weight: 600; color:#ff6800; letter-spacing: 3.4px; text-transform: uppercase; font-family: 'Montserrat'; margin-bottom: 20px;}
#c2_wrap .c_title h1 {font-size:36px; font-weight: 400; color:#333; font-family:'GongGothicMedium';}

/*Content CSS*/
#c2_wrap {background: #fff; padding:85px 0 105px; text-align: center; background: url('../img/dot_bg.jpg') 50% 50% repeat; }
.c2_list {margin-top:50px; display: flex; justify-content: space-between;}
.c2_list li {width: 244px;}
.c2_list li a {display: block; width: 100%;}
/* c2_img */
.c2_img {display: flex; align-items: center; justify-content: center; height: 300px; position: relative; border-top:4px solid #333; background: #fff; transition: all .3s ease;
padding:10px 0 0;}
.c2_img i {position: absolute;  right: 23px; top:30px; transition: all .3s ease;}
/* c2_txt */
.c2_txt {width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; height:100px; background: #333; transition: all .3s ease;}
.c2_txt h2 {font-size:14px; font-weight: 400; color:#ff7200; letter-spacing: 1.4px; font-family:'GongGothicLight'; margin-bottom: 8px; transition: color .3s ease;}
.c2_txt h1 {font-size:18px; font-weight: 500; color:#fff; }
/* hover */
.c2_list li a:hover .c2_img i  {transform: rotate(90deg);}
.c2_list li a:hover .c2_img {border-top-color:#ff7200;}
.c2_list li a:hover .c2_txt {background-color:#ff7200;}
.c2_list li a:hover .c2_txt h2 {color:rgba(255, 255, 255, 0.53);}


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

}

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

}

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

}