/*Content CSS*/
#c3_wrap {width:100%; height:680px; background: url('../img/c3_bg.jpg') 50% 50% no-repeat; background-size:cover;}
#c3 {width:1280px; margin:0 auto; height:100%; padding-top:135px; position: relative; z-index: 1;}
#c3 .main_title {text-align: center; position: relative;}
#c3 .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); }
#c3 .main_title a {color:#449107; font-size:16px; font-weight: 500; position: absolute; bottom:0; right:0; transition: opacity 0.2s ease;}
#c3 .main_title a img {margin:0 0 4px 20px  ;}
#c3 .main_title a:hover {opacity: .6;}

.c3_list {display: flex; margin-top:50px;}
.c3_list li {width:305px; height:305px; }
.c3_btn {display: block; width:100%; height:100%; transition: all 0.3s ease; background-color:#eee; padding:50px 20px 0 30px; position: relative; z-index: 5;}
.c3_btn p {font-size:15px; font-weight: 500; color:#7cc141; border-bottom:3px solid #7cc141; display: inline-block; transition: all 0.3s ease;}
.c3_btn h1 {font-size:16px; font-weight: 500; color:#4c4c4c; line-height: 15px; margin-top:7px;  transition: color 0.3s ease; word-break: keep-all;}
.c3_btn h2 {font-size:24px; font-weight: 900; color:#4c4c4c; line-height: 36px; margin-top:15px; margin-bottom:15px; transition: color 0.3s ease; word-break: keep-all;}
.c3_btn .date {font-size:15px; font-weight: 300; color:#999; position: absolute; left:30px; bottom:50px; transition: color 0.3s ease;}
.c3_btn .plus {width:50px; height:50px; position: absolute; bottom:0; right:0;  background: url('../img/c3_plus.png'); transition: background 0.3s ease;}

.c3_btn:hover {background-color:#7cc141;  box-shadow: 7.7px 6.4px 10px 0 rgba(4, 0, 0, 0.1); }
.c3_btn:hover p {color:#fff; border-bottom:3px solid #fff;}
.c3_btn:hover h1, .c3_btn:hover {color:#fff;}
.c3_btn:hover h2, .c3_btn:hover .date {color:yellow;}
.c3_btn:hover .plus {background: url('../img/c3_plus_hv.png');}

/* slider */
.c3_list {padding:0; width:100%; position: relative; z-index: 1; }
.c3_list .slick-slide {}
.c3_list .slick-slide { margin:0 10px; }

/* slick prev next */
.slick_arrow {position:absolute; width:100%; left:50%; transform:translateX(-50%); height:57px; z-index:-1; top:380px;  }
.slick_prev {position:absolute;left:-100px; top:0;background:url('../img/c3_prev.png')50% 50% no-repeat; }
.slick_next {position:absolute;right:-100px; top:0; background:url('../img/c3_next.png')50% 50% no-repeat;}
.slick_prev,  .slick_next {width:30px; height:57px; font-size:0; position: absolute; z-index: 100; cursor: pointer; bottom:0; outline: none;
opacity: .6; transition: opacity 0.2s ease;}
.slick_prev:hover, .slick_next:hover {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) {

}
