/*공통*/
.con1280 {width: 1280px; margin: 0 auto;}
.c_btn {width: 294px;}
.c_btn a {width: 100%; height: 76px; line-height: 76px; padding: 0 0 0 35px; background: url('../img/c_arrow_b.png')no-repeat 200px 49%; border: 1px solid #000; color:#000; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; font-family: 'NanumSquare',sans-serif; display: block; transition: all 0.3s;}
.c_btn a:hover {background: url('../img/c_arrow_w.png')no-repeat 200px 49% #0053dd; border: 1px solid #0053dd; color:#fff;}


/*Content CSS*/
#c3_wrap {position: relative; z-index: 2; padding:50px 0; background: #333;}
#c3_wrap .con1280 {display: flex; align-items: center; position: relative;}
#c3_wrap .con1280 .c3_bg {position: absolute; right:-340px; top:8%; transform:translateY(-50%);}

#c3_wrap h1 {font-size:36px; font-weight: 600; color:#fff; font-family: 'NanumSquare',sans-serif; margin-right: 80px;}
#c3_wrap ul {display: flex;}
#c3_wrap ul li {width: 210px; height: 70px; margin-right: 24px;}
#c3_wrap ul li:last-child {margin-right: 0;}
#c3_wrap ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; transition: all .3s ease; border:1px solid #fff; background: transparent;
font-size:20px; font-family: 'NanumSquare',sans-serif; font-weight: 400; color:#fff;}
#c3_wrap ul li a img {transition: all .3s ease; margin-left:40px;}
#c3_wrap ul li a:hover {background: #0053dd; border-color: #0053dd;}
#c3_wrap ul li a:hover img {transform: rotate(90deg);}




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

}

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

}

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

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

}