/*공통*/
.c_title_box {width: 100%;text-align: center;}
.c_title_line {width: 40px; height: 3px; background: #dc0004; display: inline-block; margin-bottom: 5px;}
.c_title_box h1 {font-size: 30px; font-weight: 500; color:#2a2a2a;}


/*페이져*/
#c4_wrap {width: 100%; background: url('../img/c4_bg.jpg')no-repeat 50% 50%; background-size: cover;}
#contents4 {display: flex; flex-direction: row; justify-content: center; width: 100%; margin: 0 auto; flex-wrap: wrap;}
.c4_box1 {width: 50%;  border: 1px solid rgba(255,255,255,0.2);padding: 20px;}

.c4_box2 {width: 50%; border: 1px solid rgba(255,255,255,0.2); margin-left: -1px; text-align: center; padding: 20px}

.c4_box1 a {display: block; width: 100%;}
.c4_box1 h1 {font-size: 24px; font-weight: 500; color:#fff; }
.c4_line {width: 40px; height: 2px; background: #fff; margin: 28px 0 60px 0}
.c4_btn {width: 100%;height: 40px; line-height: 40px; text-align: center; color:#fff; font-size: 14px; 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: 10px 0 5px 0; font-size: 24px; font-weight: 500; color:#fff;}
.c4_box2 h2 {font-weight: 400;font-size: 16px; color: rgba(255,255,255,0.7);}
.c4_box2 p { font-size: 14px; font-weight: 300; line-height: 24px; color: rgba(255,255,255,0.7); word-break: keep-all; margin-top: -5px; letter-spacing: -0.5px;}

.c4_icon1 {width: 100%; height: 72px; line-height: 72px;}
.c4_icon1 img { width: 50px;}
.c4_box2:hover .c4_icon1 img {transform:rotateY(180deg); transition:transform 500ms}

.c4_box2 a {display: block;}
@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) {

}