/* common */
#c3_wrap { padding:60px 15px; overflow: hidden; background-color: #f7f7f7; }
#c3_wrap .c_tit { line-height: 1; }
#c3_wrap .c_tit h2 { font-size: 13px; font-weight: bold; letter-spacing: 1.6px; color: #1f4de5; text-transform: uppercase; }
#c3_wrap .c_tit h1 { font-size: 30px; font-weight: bold; margin-top: 20px; }

#c3_wrap .tab {display: none;}
#c3_wrap .tab.active {display: block;}

/*Content CSS*/
/* top */
#c3_wrap .c3_top { text-align: center; }

.c3_btn { position:relative; }
.c3_btn > a { position:absolute; right:0; top:-14px; width: 45px; height: 45px; transition: all .3s ease; background:#1f4de5; display: flex; align-items: center; justify-content: center; border-radius:15px 0 15px 15px ;}
.c3_btn > a img { width: 25px; }
/* .c3_btn > a:hover img { transform: rotate(180deg); } */

/* tab_btn */
.c3_btn ul { margin:40px 0; display: flex; align-items: center; justify-content: center; }
.c3_btn ul li a {font-size:16px; font-weight: 700; color:#333; transition: all .3s ease; cursor: pointer;}
.c3_btn ul li a.active {color:#1f4de5;}
.c3_btn ul li:first-child a::after {content: ''; display: inline-block; width: 1px; height:13px; background: #ddd; margin:0 15px; }


/* li_slide */
.c3_slider { width:calc(100% + 20px); position:relative; left:-11px; }
.c3_slider .c3_box {width: 100%; height: 300px; margin:0 10px;}
.c3_slider .c3_box a {display: block ;width: 100%; height: 100%; position: relative; background: #fff; border: solid 1px #dcdcdc; padding:65px 30px 0;}

.c3_slider .c3_box a h2 { width: 100px; height: 26px; line-height: 26px; background: #333; text-align: center; position: absolute; top:20px; left:0; font-size: 13px; font-weight: 300; color:#fff; transition: all .3s ease; font-family: 'Poppins', sans-serif; text-transform:uppercase; }
.c3_slider .c3_box a h1 { font-size:17px; font-weight: 500; color:#000; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; min-height: 60px; -webkit-box-orient: vertical; display: -webkit-box; word-break: break-all; }
.c3_slider .c3_box a p {font-size:15px; font-weight: 300; color:#666; line-height: 27px; margin:15px 0 25px; min-height: 65px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box;}
.c3_slider .c3_box a span {font-size: 13px; font-weight: 300; color:#ababab;letter-spacing: 0.35px;}
.c3_slider .c3_box a span i { display: inline-block; margin-right: 5px; font-size:15px; position:relative; top:2px; }

/* .c3_slider li a:hover h2 {background: #1f4de5;} */


#c3_wrap .slick-dots { display: flex; justify-content: center; margin-top:30px; }
#c3_wrap .slick-dots button { border-radius: 50%; font-size:0; transition: all .3s ease ; width: 13px;height: 13px; border:1px solid #ddd; }
#c3_wrap .slick-dots .slick-active button {background-color: #1f4de5; border-color: #1f4de5;}
#c3_wrap .slick-dots li {margin-right: 15px;}
#c3_wrap .slick-dots li:last-child {margin-right: 0; }