/*Content CSS*/
#c3_wrap{overflow: hidden; padding: 50px 0; position: relative; z-index: 2;}
#c3_wrap .tab{display: none;}
#c3_wrap .tab.active{display: block;}
.c3_inner{width: 100%; max-width: 1400px; padding: 0 20px; margin: 0 auto; }
.c3_inner .fs_20{font-size: 18px; font-weight: 700; line-height: 1.7; }
.c3_inner .fs_16{font-size: 14px; font-weight: 400; line-height: 1.7; letter-spacing: -.16px;}
.c3_inner .fs_14{font-size: 13px; font-weight: 400;}

.c3_lines{width: 100%; max-width: 1500px; height: 100%; display: flex; justify-content: space-between; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.c3_lines span{width: 1px; height: 100%; background-color: #ddd;}

.c3_inner .fs_55{font-size: 30px; font-weight: 800; line-height: 1; text-align: center; }
.c3_inner .vm_btn{display: flex; align-items: center; justify-content: space-between; padding: 0 23px; width: 180px; height: 45px; background-color: #c5b9ac; color: #fff; transition: .3s;}
.c3_inner .vm_btn span{font-family: 'Poppins'; font-size: 14px; font-weight: 300;}
.c3_inner .vm_btn:hover{background-color: #862633;}

#c3_wrap .tab_list{display: flex; justify-content: space-between; margin-top: 30px;}
#c3_wrap .tab_list li{width: calc(50% - 5px);}
#c3_wrap .tab_list li a{display: flex; align-items: center; justify-content: center; height: 40px; border: solid 1px #ddd; transition: .3s; font-size: 15px; color: #999; cursor: pointer;}

#c3_wrap .tab_list li .active{font-weight: 700; background-color: #862633; color: #ddd;}
#c3_wrap .tab_list li .active::after{opacity: 1;}

.c3_list{width: calc(100% + 10px); position: relative; left: -5px; margin-top: 15px;}
.c3_list .slick-track {min-width: 100%; }
.c3_list li{margin: 0 5px;}
.c3_list li a{border: solid 1px #ddd; padding: 25px; display: block; position: relative; transition: .3s; z-index: 2;}
.c3_list li a::before{content: ''; display: block; width: 100%; height: 100%; border: solid 3px #862633; opacity: 0; position: absolute; top: 0; left: 0; transition: .3s; z-index: -1;}
.c3_list li a > span{display: inline-block; font-size: 16px; font-weight: 700; color: #862633;}
.c3_list li a h5{margin-top: 10px;  text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;display: -webkit-box; color: #000;}
.c3_list li a p{margin-top: 10px;  text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;display: -webkit-box; min-height: 48px; color: #666;}
.c3_list li .time{display: flex; align-items: center; margin-top: 25px;}
.c3_list li .time i{display: inline-block; font-size: 16px; margin-right: 5px; color: #862633; }
.c3_list li .time span{color: #939393;}

.c3_list li:hover a::before{opacity: 1;}

.c3_inner .a1_bar { display: flex; align-items: center; width: 100%; margin-top: 15px;}
.c3_inner .progress_bar { width: 100%; height: 3px; background: #eee9e2; position:relative; }
.c3_inner .progress_bar span { position:absolute; top:-1px; left:0; height:3px; background:#c5b9ac; transition:all .3s ease; }
.c3_inner .num { margin-left: 15px;  white-space: nowrap; flex-shrink: 0;}
.c3_inner .num span {font-size:26px; font-weight: 700;  font-family: 'Poppins';}
.c3_inner .num b {font-size: 15px; font-weight:400; font-family: 'Poppins';}
.c3_inner .num b::before {content: '/'; display: inline-block; margin:0 5px;}

#c3_wrap .dots{margin-top: 30px;}
#c3_wrap .slick-dots{display: flex; align-items: center; justify-content: center;}
#c3_wrap .slick-dots button{width: 9px; height: 9px; background-color: rgba(0,0,0,.3); border-radius: 50%; font-size: 0; display: block;}
#c3_wrap .slick-dots li{margin-right: 9px;}
#c3_wrap .slick-dots li:last-child{margin-right: 0;}
#c3_wrap .slick-active button{background-color: #862633; width: 17px; border-radius: 15px;}
