/*공통*/
.c_title_line {width: 50px; height: 4px; background: #dc0004; display: inline-block; margin-bottom: 20px;}
.c_title_box h1 {font-size: 55px; font-weight: 500; color:#2a2a2a;}


/*페이져*/
#c4_wrap {width: 100%; background: url('../img/c4_bg.jpg')no-repeat 50% 50%;}
#contents4 {display: flex; flex-direction: row; justify-content: center; width: 1280px; margin: 0 auto}
.c4_box1 {width: 25%;  border-left: 1px solid rgba(255,255,255,0.2);border-right: 1px solid rgba(255,255,255,0.2); padding: 75px 45px 0 45px; height: 350px;}
.c4_box2 {width: 25%; border-right: 1px solid rgba(255,255,255,0.2); margin-left: -1px; text-align: center; padding: 75px 20px 0 20px; text-align: center; height: 350px;}

.c4_box1 a {display: block; width: 100%;}
.c4_box1 h1 {font-size: 48px; font-weight: 500; color:#fff; }
.c4_line {width: 40px; height: 2px; background: #fff; margin: 28px 0 60px 0}
.c4_btn {width: 100%;height: 60px; line-height: 60px; text-align: center; color:#fff; font-size: 18px; font-weight: 500; border: 1px solid #fff; transition: all 0.3s}
.c4_box1 a:hover .c4_btn {background: #bc000f; border: 1px solid #bc000f;}

.c4_box2 a {display: block; width: 100%;}
.c4_box2 h1 {margin: 16px 0 10px 0; font-size: 28px; font-weight: 500; color:#fff;}
.c4_box2 h2 {font-weight: 400;font-size: 28px; color: rgba(255,255,255,0.7);}
.c4_box2 p { font-size: 16px; font-weight: 300; line-height: 30px; color: rgba(255,255,255,0.7); word-break: keep-all; margin-top: -5px;}

.c4_icon1 img {vertical-align:middle; transition:transform 500ms}
.c4_box2:hover .c4_icon1 img {transform:rotateY(180deg); transition:transform 500ms}
@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) {

}