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


/*Content CSS*/
#c2_wrap {width: 100%; background-size: cover; text-align: center;}
#contents2 {width: 100%;}

#c2_article { }
.c2_box {width:100%; height: 200px; overflow: hidden; margin-bottom: 1px;}
.c2_box a {display: block; background:url('../img/c2_img1.jpg')no-repeat 50% 50%;background-size: cover;  width: 100%; height: 200px; position: relative;}
.c2_box:nth-child(2) a {display: block; background:url('../img/c2_img2.jpg')no-repeat;background-size: cover; }
.c2_box:nth-child(3) a {display: block; background:url('../img/c2_img3.jpg')no-repeat;background-size: cover; }
.c2_img {width: 100%; overflow: hidden;}
.c2_img img {width: 100%; transition: all 0.3s; transform: scale(1);}

.c2_txt { width: 100%; height: 200px; padding: 50px 15px;transition: all 0.3s; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; }
.c2_txt h1 {font-size: 20px; font-weight: 500; color: #fff;transition: all 0.3s; }
.c2_txt p {font-size: 14px; font-weight: 500; color: #fff;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) {

}