/* 공통 */
#c3_wrap .c_inner {width: 1300px; margin:0 auto; position: relative; }
#c3_wrap .c_title {text-align: center; }
#c3_wrap .c_title h1 {font-size:48px; font-weight: 700; color:#fff; text-transform: uppercase; font-family: 'Montserrat'; }

/*Content CSS*/
#c3_wrap {position: relative; margin-top:-100px; z-index: 2; }
/* c3_list */
#c3_list {display: flex; flex-wrap: wrap; justify-content: space-between;}
#c3_list li {width:420px; }
/* #c3_list li:nth-child(n+3) {margin-top:20px; } */
#c3_list li a {display: block; position: relative; width: 100%; height: 250px; z-index: 1; overflow: hidden; background: url('../img/c3_bg1.jpg') 50% 50% no-repeat; background-size:cover;}

/* cover */
#c3_list li a::after {content: ''; display: block; position: absolute; width: 100%; height: 100%; left:0; top:0; background: rgba(230,0,18,.7); z-index: -1; opacity: 0;
transition: opacity .3s ease; }
#c3_list li a .num {position: absolute; font-size:30px; font-weight: 700; color:#fff; font-family: 'Montserrat'; top:37px; right: 40px;}
#c3_list li a .txt {position: absolute; left: 40px; bottom: 40px; text-align: left; }
#c3_list li a .txt h2 {font-size:24px; font-weight: 600; color:#fff; }
#c3_list li a .txt h2::before {content: ''; display: block; width: 30px; height: 1px; background: #fff; margin:0 0 20px;}
#c3_list li a .txt p {max-width: 340px; font-size:14px; font-weight: 300; color:rgba(255,255,255,.53); line-height: 24px; padding:10px 0 0; margin:10px 0 0;
border-top: 1px solid rgba(255,255,255,.17); display: none;}

/* bg */
#c3_list li:nth-child(2) a {background-image: url('../img/c3_bg2.jpg'); }
#c3_list li:nth-child(3) a {background-image: url('../img/c3_bg4.jpg'); }
/* #c3_list li:nth-child(4) a {background-image: url('../img/c3_bg4.jpg'); } */

/* hover */
#c3_list li a:hover::after {opacity: 1; }





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

}

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

}

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

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

}