/*Content CSS*/
#c1_wrap{overflow: hidden; width: 100%; padding: 87px 0 111px;}
#c1_wrap .c_inner{width: 100%; max-width: 1600px; padding: 0 50px; margin: 0 auto;}

/* font-style */
#c1_wrap .fs_65{font-size: 65px; line-height: 1; letter-spacing: -1.3px;}
#c1_wrap .fs_45{font-size: 45px; line-height: 1;}
#c1_wrap .fs_25{font-size: 25px; line-height: 1.6; letter-spacing: -.5px;}
#c1_wrap .fs_20{font-size: 20px; line-height: 1.8; letter-spacing: -.4px;}
#c1_wrap .fs_16{font-size: 16px; line-height: 1; letter-spacing: -.32px;}
#c1_wrap .fs_15{font-size: 15px; line-height: 1;}

/* vm_btn */
#c1_wrap .vm_btn{display: flex; align-items: center; gap: 13px;}
#c1_wrap .vm_btn span{color: #b8b8b8; font-weight: 500; font-family: "Montserrat", sans-serif; }
#c1_wrap .vm_btn a{display: flex; align-items: center; justify-content: center; width: 60px; aspect-ratio: 1 / 1; background-color: #16346d; border-radius: 50%; transition: .3s;}
#c1_wrap .vm_btn a i{display: block; width: 9px; aspect-ratio: 9 / 14; background: url('../img/vm_btn.png') 50% / cover no-repeat;}
#c1_wrap .vm_btn a:hover{background-color: #000;}

/* top */
#c1_wrap .top{display: flex; justify-content: space-between; gap: 30px;}
#c1_wrap .top .vm_btn{flex-shrink: 0; margin-left: 30px;}

/* tit */
#c1_wrap .tit{display: flex; align-items: center; gap: 39px;  }
#c1_wrap .tit h3{font-weight: 700; }
#c1_wrap .tit span{color: #333;}

/* slide_wrap */
#c1_wrap .slide_wrap {margin-top: 56px; position: relative;}
#c1_wrap .slide_wrap .bar{margin-top: 60px; width: 100%; height: 3px; background-color: #ddd; }
#c1_wrap .slide_wrap .bar span{display: block; height: 3px; background-color: #16346d; transition: .3s;}

/* c_slide */
#c1_wrap .slick-list{margin: 0 -10px;}
#c1_wrap .slick-track{min-width: 100%; }
#c1_wrap .c_slide .slide{margin: 0 10px;}
#c1_wrap .c_slide .slide a{display: block; position: relative; border-radius: 20px; background-color: #f7f7f7; padding: 49px 44px; min-height: 450px;}
#c1_wrap .c_slide .slide a::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: solid 3px #16346d; border-radius: 20px; opacity: 0; transition: .3s;}
#c1_wrap .c_slide .slide a .date{margin-bottom: 32px;}
#c1_wrap .c_slide .slide a .date span{display: block; font-family: "Montserrat", sans-serif; color: #b8b8b8; transition: .3s;}
#c1_wrap .c_slide .slide a .date span:first-child{font-weight: 700;}
#c1_wrap .c_slide .slide a .date span:last-child{font-weight: 600; margin-top: 9px;}

#c1_wrap .c_slide .slide a .text strong{display: block; min-height: 70px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
#c1_wrap .c_slide .slide a .text p{margin-top: 27px; color: #333; min-height: 108px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box;}


#c1_wrap .c_slide .slide a:hover::before{opacity: 1;}
#c1_wrap .c_slide .slide a:hover .date span{color: #16346d;}


/* arrows */
#c1_wrap .arrows {display: flex; align-items: center; justify-content: space-between;}
#c1_wrap .arrows .slick-arrow {cursor: pointer; display: block; position: relative; width: 31px; height: 60px; font-size: 0; position: absolute; top: calc(50% - 20px); transform: translateY(-50%);}
#c1_wrap .arrows .slick-prev{left: -110px;}
#c1_wrap .arrows .slick-next{right: -110px;}
#c1_wrap .arrows .slick-arrow::before,
#c1_wrap .arrows .slick-arrow::after{content: ''; display: block; width: 100%; aspect-ratio: 31 / 60; background: 50% / cover no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: .3s;}
#c1_wrap .arrows .slick-arrow::after{opacity: 0;}

#c1_wrap .arrows .slick-prev::before{background-image: url('../img/prev.png'); }
#c1_wrap .arrows .slick-next::before{background-image: url('../img/next.png'); }
#c1_wrap .arrows .slick-prev::after{background-image: url('../img/prev_hv.png'); }
#c1_wrap .arrows .slick-next::after{background-image: url('../img/next_hv.png'); }

#c1_wrap .arrows .slick-arrow:hover::before{opacity: 0;}
#c1_wrap .arrows .slick-arrow:hover::after{opacity: 1;}