/*Content CSS*/
#c2_wrap {width:100%; height:950px; background: url('../img/c2_bg.jpg') 50% 50% no-repeat; background-size:cover;}
#c2 {width:1280px; margin:0 auto; height:100%; padding-top:135px;}
#c2 .main_title {text-align: center;}
#c2 .main_title h1 {font-family: 'RIDIBatang'; font-size:50px; font-weight: 400; color:#262626;  text-shadow: 3.8px 3.2px 2px rgba(4, 0, 0, 0.1); }
#c2 .main_title h1 img {margin-right:0;}
#c2 .main_title p{font-size:20px; font-weight: 500; color:#4d4d4d; margin-top:30px;}

.c2_list {width:100%; display: flex; justify-content: space-between; margin-top:85px;}
.c2_list li {width:400px; height:385px;}
.c2_list li a{display: block; width:100%; height:100%; transition: all .3s ease;}
.c2_list li .img {width:100%; height:300px; overflow: hidden; }
.c2_list li .img img {transform: scale(1); transition: all 0.3s ease;}
.c2_list li .txt {height:85px; width:100%; display: flex; align-items: center; padding:0 25px; background: url('../img/plus.png') 90% 50% no-repeat #fff; }
.c2_list li .txt p { text-shadow: 1.5px 1.3px 2px rgba(4, 0, 0, 0.1); font-size:24px; font-weight: 500; color:#262626; transition: all 0.2s ease;}

.c2_list li a:hover {  box-shadow: 11.5px 9.6px 10px 0 rgba(4, 0, 0, 0.1);}
.c2_list li a:hover .img img {transform: scale(1.1);}
.c2_list li a:hover .txt { background: url('../img/plus_hv.png') 90% 50% no-repeat #7cc141; }
.c2_list li a:hover .txt p {color:#fff;}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {

}
