/* common */
#c3_wrap .c_inner { padding: 0 50px; margin: 0 auto; max-width: 1400px; width: 100%; }
#c3_wrap .c_tit h2::before {content: ''; display: block; width: 50px; height: 3px; background-color: #000; margin: 0 0 25px; }

/* font size */
#c3_wrap .fs_60 {font-size: 60px; font-weight: 800; color:#000; line-height: 1.1; }
#c3_wrap .fs_30 {font-size: 30px; font-weight: 800; color:#000; line-height: 1.2; }
#c3_wrap .fs_23 {font-size: 23px; font-weight: 800; color:#000; line-height: 1.4;}
#c3_wrap .fs_18 {font-size: 18px; font-weight: 400; color:#333; line-height: 1.83; letter-spacing: -.27px; }

/* c_btn */
#c3_wrap .c_btn a {border:1px solid #000; font-size: 14px; font-weight: 400; color: #000; display: flex; justify-content: space-between; align-items: center; width: 180px; height: 45px;transition: all .3s; padding: 0 17px;}
#c3_wrap .c_btn a i { width:13px; height: 13px; background:url("../img/c_btn_plus.png") 50%/contain no-repeat; transition:all .3s;
display: inline-block; }
#c3_wrap .c_btn a:hover {background-color: #2c2e83; border-color: #2c2e83; color:#fff; }
#c3_wrap .c_btn a:hover i { background-image:url("../img/c_btn_plus_hv.png"); transform: rotate(90deg);}


/*Content CSS*/
#c3_wrap {position: relative; z-index: 6; background:#f7f7f7;  padding:90px 0 100px; overflow: hidden;}
/* right_line */
#c3_wrap .right_line {width:1px; height: 100%; background: #ddd; position: absolute; right: 89px;top:0;}


#c3_wrap .top {display: flex;  align-items:flex-end; justify-content: space-between; }
#c3_wrap .pc {display: block;}
#c3_wrap .mob {display: none;}

/* slider */
#c3_wrap .slider {width: 100%; position: relative; width: calc(100% + 24px); left: -12px; margin-top:38px; overflow: hidden; padding: 12px 2px 0;}
#c3_wrap .slider .slick-list {overflow: visible; }
#c3_wrap .slider .slick-track {min-width: 100%; }
#c3_wrap .slide_box {margin: 0 10px; }
/* #c3_wrap .slide_box.slick-active {overflow: hidden; } */
#c3_wrap .slide_box a { background: transparent; text-align: left; outline: none; display: block; min-height: 380px; display: block; width: 100%; height: 100%;
padding:50px 40px 40px; outline: none; z-index: 1; position: relative; background: #fff; border:1px solid #ddd; transition: border-color .3s;}
#c3_wrap .slide_box a::before {content: ''; display: block; position: absolute; left: 0; top: 0; transition: all .3s; width: 100%; height: 100%; border:3px solid #2c2e83; opacity: 0;  }
#c3_wrap .slide_box h2 {font-size:14px; font-weight:700; color:#2c2e83; transition: color .3s ease;}
#c3_wrap .slide_box h3 {font-size:19px; color:#000; line-height:27px; margin:15px 0; min-height:54px; font-weight: 800;
text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; transition: color .3s ease;}
#c3_wrap .slide_box p {font-size:14px; font-weight: 300; color:#666; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; min-height: 96px; letter-spacing: -.14px; transition: color .3s ease;  }
#c3_wrap .slide_box .icon {display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top:40px;}
#c3_wrap .slide_box .date {font-size: 14px; font-weight: 300; color:#939393; }
#c3_wrap .slide_box .date em {margin-right: 8px; font-size: 18px; color:#000;  display: inline; position: relative; top: 3px;transition: color .3s;}
#c3_wrap .slide_box .link {display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background: #d5d5d5; transition: background-color .3s ease;  }
#c3_wrap .slide_box .link em {font-size: 20px; color:#fff;}
/* hover */
#c3_wrap .slide_box a:hover::before {opacity: 1; }
#c3_wrap .slide_box a:hover .link {background-color: #2c2e83; }



/* dots */
#c3_wrap .slick-dots { display: flex; justify-content:center; width: 100%; margin-top: 50px; }
#c3_wrap .slick-dots li {margin-right:18px; }
#c3_wrap .slick-dots li:last-child {margin-right: 0; }
#c3_wrap .slick-dots button {transition: all .3s ease; font-size: 0; width: 10px; height:10px; background: #ddd; position: relative; }
#c3_wrap .slick-dots li.slick-active button { background: #000; }


/* arrow */
#c3_wrap .arrows {position:absolute;  max-width: 1300px; left:50%; top:50%; transform: translate(-50%, -50%); width: 100%;}
#c3_wrap .slick-arrow { cursor: pointer; transition: all 0.3s; position:absolute; z-index: 10; opacity: 1; border:0; font-size: 0;
width:30px; height: 57px; top:0;}
#c3_wrap .slick-arrow.slick-prev { background:url('../img/prev.png') no-repeat center; left: -100px; background-size: contain;}
#c3_wrap .slick-arrow.slick-next { background:url('../img/next.png') no-repeat center; right: -100px; background-size: contain;}
#c3_wrap .slick-arrow:focus {outline: none; border: none;}

@media screen and (max-width: 1599px) {
    /* common */
    /* #c3_wrap br:not(.space) {display: none;} */

    /* Content */
    #c3_wrap .slick-arrow.slick-prev {left: -40px; }
    #c3_wrap .slick-arrow.slick-next {right: -40px;}

    #c3_wrap .right_line  {display: none;}
}