/*공통*/
.con1280 {width: 100%; margin: 0 auto;}
.c_btn {width: 294px; margin: 0 auto; text-align: left;}
.c_btn a {width: 100%; height: 50px; line-height: 50px; 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: 14px; font-weight: 400; 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*/
#c4_wrap {padding: 60px 20px; background: url('../img/c4_bg.jpg') 100% 50% no-repeat; background-size:cover; }
#c4_wrap .con1280 {}
#c4_wrap h1 {font-size:35px; font-weight: 700; color:#fff; text-align: center;}
#c4_wrap .txt {background: rgba(255,255,255,0.15); padding: 30px 40px; max-width: 374px; margin: 30px auto 0;}
#c4_wrap ul {margin-bottom: 30px;}
#c4_wrap ul li {font-size:14px; font-weight: 300; color:#fff;  letter-spacing: -0.3px; line-height: 30px;}

#c4_wrap .c_btn a {border-color:#fff ; color:#fff; background: url('../img/c_arrow_w.png') no-repeat 200px 49%; }
#c4_wrap .c_btn a:hover {background: url('../img/c_arrow_c.png')no-repeat 200px 49% #fff; color:#0053dd;}






@keyframes pulse-border {

}

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

}

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

}

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

}

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

}
