/* common */
#c3_wrap { overflow: hidden; }
#c3_wrap .c_tit { line-height: 1; font-size: 60px; font-weight: bold; font-family: 'Montserrat'; }
#c3_wrap .c_desc { position:relative; font-size: 18px; font-weight: 300;  line-height: 1.83; letter-spacing: -0.45px; }
#c3_wrap .c_desc::before { content:""; display: block; width:50px; height:1px; background:#fff; margin:35px 0; }
#c3_wrap .c_btn { display: flex; justify-content: space-between; align-items: center; width:190px; height: 48px; padding:0 20px; color:#f7f7f7; font-size: 15px; font-family: 'Montserrat'; font-weight: 500; background: #000; transition: all .3s; }
#c3_wrap .c_btn i { display: inline-block; width: 15px; height: 15px; background:url('../img/more_w.png') no-repeat center; transition: all .3s; }
#c3_wrap .c_btn:hover { background:#007ac3; }


/* c3 */
#c3_wrap { position:relative; padding:160px 0 100px; margin-top: -90px; }
#c3_wrap .inner { position:relative; z-index: 1; }
#c3_wrap .bg_line { position:absolute; left:50%; transform: translateX(-50%); width:1720px; top:0; height: 100%; display: flex; justify-content: space-between; }
#c3_wrap .bg_line span { display: block; width:1px; height:100%; background:#ddd; }

.c3_top { display: flex; justify-content: space-between; align-items: center; }
.c3_top .right { display: flex; align-items: center; }
.c3_top .c_btn { margin-left: 35px; }

#c3_wrap .slick-dots { display: flex; align-items: center; }
#c3_wrap .slick-dots li { margin-right: 15px; }
#c3_wrap .slick-dots li:last-child { margin-right: 0; }
#c3_wrap .slick-dots button { position:relative; border:0; font-size:0; opacity: 1; width:9px; height: 9px; background:#ddd; border-radius: 50%; border: 1px solid #ddd; }
#c3_wrap .slick-dots .slick-active button { width: 25px; border-color:#007ac3; background: #007ac3; border-radius: 9px; }

#c3_wrap .slick-arrow { position:absolute; top:50%; transform: translateY(-50%); width:24px; height:46px; background:no-repeat center; cursor: pointer; font-size: 0; }
#c3_wrap .slick-prev { left:-70px; background-image: url('../img/c3_prev.png'); }
#c3_wrap .slick-next { right:-70px; background-image: url('../img/c3_next.png'); }

/* slider */
.c3_slider_wrap { width: 100%; margin-top:30px; }
.c3_slider { width: calc(100% + 35px); position: relative; left: -17.5px; }

.c3_box { padding:17.5px; }
.c3_box a { position: relative; display: block; width:100%; background: #fff; padding:35px; z-index: 1; line-height: 1; border:1px solid #ddd; }
.c3_box a::before { content:""; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height: calc(100% + 2px); border:3px solid #007ac3; z-index: -1; opacity: 0; transition: .3s; }
.c3_box a:focus { outline: 0; }


/* txt */
.c3_box a h2 { font-family: 'Montserrat'; font-size:14px; font-weight: bold; color:#a7a7a7; transition: .3s; }
.c3_box a h3 { font-size:18px; line-height: 31px; letter-spacing: -0.45px; margin:22px 0; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; height: 62px; }
.c3_box a p { font-size:15px; line-height: 25px; letter-spacing: -0.15px; font-weight: 300; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; height: 75px; color:#666; }
.c3_box a .icon { display: flex; justify-content: space-between; align-items: center; margin:40px 0 0; }
.c3_box a .icon .date { font-family: 'Montserrat'; font-size: 14px; color: #939393; }
.c3_box a .icon .date i { font-size: 20px; color: #a7a7a7; position:relative; top:3px; margin-right: 6px; transition: .3s; }
.c3_box a .icon .link { width: 45px; height: 45px; background:#d5d5d5; display: flex; align-items: center; justify-content: center; transition: .3s; }
.c3_box a .icon .link i { font-size: 22px; color:#fff; }

/* hover */
.c3_box a:hover::before { opacity: 1; }
.c3_box a:hover h2 { color:#007ac3; }
.c3_box a:hover .date i { color:#007ac3; }
.c3_box a:hover .link { background: #007ac3; }