/*Content CSS*/
#c3_wrap{overflow: hidden; padding: 100px 0 110px; 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 50px; margin: 0 auto; }
.c3_inner .fs_20{font-size: 20px; font-weight: 700; line-height: 29px; }
.c3_inner .fs_16{font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: -.16px;}
.c3_inner .fs_14{font-size: 14px; 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: 55px; font-weight: 800; line-height: 1;}
.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_inner .top{display: flex; justify-content: space-between; align-items: center;}

#c3_wrap .tab_list{position: absolute; text-align: right; width: 129px; left: -129px; top: 40%;transform: translateY(-50%); }
#c3_wrap .tab_list li + li{margin-top: 15px;}
#c3_wrap .tab_list li a{transition: .3s; padding-right: 24px; position:relative; font-size: 16px; color: #999; cursor: pointer;}
#c3_wrap .tab_list li a::after{content: ''; display: block; width: 3px; height: 25px; background-color: #862633; position: absolute; top: -2px; right: 0; opacity: 0; transition: .3s;}
#c3_wrap .tab_list li .active{font-weight: 700; color: #862633;}
#c3_wrap .tab_list li .active::after{opacity: 1;}

.c3_list{width: calc(100% + 20px); position: relative; left: -12px; margin-top: 33px;}
.c3_list .slick-list{padding-top: 12px; padding-left: 2px;}
.c3_list .slick-track {min-width: 100%; }
.c3_list li{margin: 0 10px;}
.c3_list li a{border: solid 1px #ddd; padding: 40px 35px 45px; 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: 18px;  text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;display: -webkit-box; min-height: 29px; color: #000;}
.c3_list li a p{margin-top: 17px;  text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical;display: -webkit-box; min-height: 78px; color: #666;}
.c3_list li .time{display: flex; align-items: center; margin-top: 35px;}
.c3_list li .time i{display: inline-block; font-size: 19px; margin-right: 5px; color: #862633; }
.c3_list li .time span{color: #939393;}

.c3_list li:hover a::before{opacity: 1; top: -12px; left: -12px;}

.c3_inner .a1_bar { display: flex; align-items: center; width: 100%; margin-top: 25px;}
.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: 30px;  white-space: nowrap; flex-shrink: 0;}
.c3_inner .num span {font-size:35px; font-weight: 700;  font-family: 'Poppins';}
.c3_inner .num b {font-size: 16px; font-weight:400; font-family: 'Poppins';}
.c3_inner .num b::before {content: '/'; display: inline-block; margin:0 5px;}

.c3_inner .arrows{display: flex; }
.c3_inner .arrows button{font-size: 0; width: 50px; height: 50px; border: solid 1px #ddd; background-color: #f4f2ef; display: flex; align-items: center; justify-content: center; transition: .3s;}
.c3_inner .arrows button + button{margin-left: 8px;}
.c3_inner .arrows button::before{content: ''; display: block; width: 9px; height: 16px; background: 50% / cover no-repeat;}
.c3_inner .arrows .slick-prev::before{background-image: url('../img/prev.png');}
.c3_inner .arrows .slick-next::before{background-image: url('../img/next.png');}
.c3_inner .arrows button:hover{background-color: #c5b9ac; border-color: #c5b9ac;}