/*공통*/
.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;}


/*Content CSS*/
#c2_wrap {width: 100%; background:url('../img/c2_bg.jpg?v=240828') no-repeat  0 0; background-size: cover; padding: 107px 0 100px 0; text-align: center;}
#contents2 {width: 1280px; margin: 0 auto;}
#contents2 .c_title_box h1 {color:#fff;}

#c2_article {display: flex; flex-direction: row; justify-content: space-between; margin-top: 60px;}
.c2_box {width:400px;}
.c2_box a {display: block;}
.c2_img {width: 100%; overflow: hidden;}
.c2_img img {width: 100%; transition: all 0.3s; transform: scale(1);}
.c2_txt {background: #fff; width: 100%; padding: 23px;transition: all 0.3s; }
.c2_txt h1 {font-size: 28px; font-weight: 500; color: #3b3b3b;transition: all 0.3s; }
.c2_txt p {font-size: 18px; font-weight: 500; color: #3b3b3b;transition: all 0.3s; }
.c2_line {margin: 16px 0 14px 0; display: inline-block; width: 32px; height: 2px; background: #a50000;transition: all 0.3s; }
.c2_box a:hover .c2_img img {transform: scale(1.1);}
.c2_box a:hover .c2_txt {background: #de0313;}
.c2_box a:hover .c2_txt h1 {color: #fff;}
.c2_box a:hover .c2_txt p {color: #fff;}
.c2_box a:hover .c2_line {background: #fff;}

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

}

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

}

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

}
