/*Content CSS*/
#c3_wrap { position: relative; width: 1300px; margin:0 auto; padding:160px 0 120px; text-align: center; z-index: 1; }
#c3_wrap h1 { position:relative; display: inline-block; font-size: 48px; line-height: 1; }
#c3_wrap h1:after { content:""; display: inline-block; width:12px; height:12px; border-radius: 100%; border:3px solid #910023; vertical-align: 45px; }
#c3_wrap .c3_bg { display: flex; position:absolute; left:0; right:0; top:0; bottom:0; z-index:-1; }
#c3_wrap .c3_bg span { width:calc(100% / 4); height:100%; border-left: 1px solid #ddd; }
#c3_wrap .c3_bg span:last-child { border-right: 1px solid #ddd; }

#c3_wrap .slider_wrap { margin-top: 55px;}


/* slider (slick) */
#c3_slider { position: relative; width:calc(100% + 35px); left:-17.5px;  }
#c3_slider .box { outline: none; padding:20px 17.5px; }
#c3_slider .box a { display: block; position: relative; padding:60px 45px 0; height: 300px; text-align: left; background: #fff; outline: none;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07); line-height: 1; }
#c3_slider .box a::before {content: ''; position: absolute; left:0; right:0; top: 0; bottom:0; opacity: 0; transition: opacity .3s ease;
border:3px solid #910023; }
#c3_slider .box a i { display: flex; align-items: center; justify-content:center; position: absolute; left: 0; top: 0; background: #910023; width: 50px; height: 50px; }
#c3_slider .box a h2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;
font-size: 21px; line-height: 33px; color:#000; word-break: keep-all; min-height: 62px; }
#c3_slider .box a p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;
margin:25px 0 30px; font-size:14px; font-weight: 300; color:#666; line-height: 24px; min-height: 42px; word-break: keep-all; }
#c3_slider .box a span { display: block; font-size: 16px; font-weight: 300; color:#cbcbcb; }


/* hover */
#c3_slider .box a:hover:before { opacity: 1; }


/*arrow*/
#c3_slider .slick-arrow { position:absolute; width:100%; top:150px; z-index: 3; display: block; width:45px; height: 24px; cursor:pointer;
transition: all 0.2s; font-size:0; border:0; }
#c3_slider .slick-prev { left: -80px; background: url('../img/c3_prev.png') no-repeat 50% 50%; }
#c3_slider .slick-next { right:-80px; background: url('../img/c3_next.png') no-repeat 50% 50%; }


/* dots */
#c3_slider .slick-dots { width:100%; text-align:center; margin:35px auto 0; display: flex; justify-content: center; }
#c3_slider .slick-dots li { margin-right: 23px; }
#c3_slider .slick-dots li:last-child { margin-right: 0; }
#c3_slider .slick-dots button { display:inline-block; position: relative; z-index: 1; width:19px; height:19px; background: #dfdedb;
border-radius: 50%; transition: all 0.2s ease; border:0; font-size: 0; box-shadow: none; }
#c3_slider .slick-dots li.slick-active button { width: 49px; height: 19px; border-radius: 8.9px; background: #910023; }
#c3_slider .slick-dots button:focus { outline: none; border: none;}