/* 공통  */
#c1_wrap .c_inner {width: 1300px; margin:0 auto ; position: relative; }
#c1_wrap .c_title h1 {font-size:48px; font-weight: 600; color:#000 ;position: relative; display: inline-block; text-transform: uppercase;  font-family: 'Montserrat'; }
#c1_wrap .c_title h1::before {content: '' ;display: block; width: 44px; height: 44px; background: url('../img/c_title_bullet.png') 50% 50% no-repeat;
position: absolute; top:-12px; left:-25px;}


/*Content CSS*/
#c1_wrap {text-align: center; padding:115px 0 105px; background: url('../img/c1_bg.png') 50% 50% no-repeat #fff; background-size:cover;}
#c1_wrap  #c1_list {margin-top:45px; display: flex; justify-content: space-between; }
#c1_list li {width: 410px ;}
#c1_list li a {display: block; width: 100%; }
#c1_list li a .img {width: 100%; height:240px; overflow: hidden; position: relative; z-index: 1; }
#c1_list li a .img .cover {display: flex ;align-items: center ;justify-content: center ;position: absolute; left:0; top:0; width: 100%; height: 100%; z-index:2;
background-image: linear-gradient(130deg, #aacd06, #009944); transition: opacity .3s ease; opacity: 0; flex-direction: column; }
#c1_list li a .img .cover span {display: block; font-size:16px ;font-weight: 400; color:#fff; text-transform: uppercase; margin-top: 20px; font-family: 'Montserrat'; }
#c1_list li a .txt {text-align: left ; margin-top:25px;}
#c1_list li a .txt h1 {display: flex; align-items: center ;justify-content: space-between; font-size:24px ;font-weight: 500; color:#000; }
#c1_list li a .txt h1::after {content: ''; display: block; width: 236px; height: 1px; background-color: #e4e4e4 ; transition: background-color .3s ease ;}
#c1_list li a .txt p {margin-top:10px ;font-size:15px ;font-weight: 300; color:#666; line-height: 30px ; letter-spacing: -.7px; }

#c1_list li:last-child a .txt h1::after {width: 210px;}

/* hover */
#c1_list li a:hover .img .cover {opacity: .9; }
#c1_list li a:hover .txt h1::after {background-color: #009944; }



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

}

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

}

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

}
