/* 공통 */
#c3_wrap .c_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 20px;}

/* fs */
#c3_wrap .fs_70 {font-size: 30px; font-weight:700; color: #000; line-height: 1.1; font-family: "Play", serif; }
#c3_wrap .fs_50 {font-size: 22px; font-weight:700; color: #000; line-height: 1.1; font-family: "Play", serif; letter-spacing: -.4px; }
#c3_wrap .fs_24 {font-size: 16px; font-weight:400; color: #000; line-height:2; }
#c3_wrap .fs_18 {font-size:13px; font-weight: 400; color: #000; line-height: 1.67; }


/* btn */
#c3_wrap .c_btn a {display: flex;align-items: center; justify-content: center; width: 100%; height: 40px; background-color: #002775;
font-size: 13px; font-weight: 300; color:#fff;  transition: all .3s; margin: 30px auto 0;}
/* #c3_wrap .c_btn a:hover {background-color: #002775;  border-color:#002775;} */

/*Content CSS*/
#c3_wrap { padding: 50px 0; position: relative; z-index: 1; overflow: hidden; background:#fff;}
#c3_wrap .top_title {position: relative; margin-bottom: 20px; text-align: center;}
#c3_wrap .ptn {position: absolute; z-index: -1; max-width:50%;}
#c3_wrap .ptn1 {left: 0; bottom:0; }
#c3_wrap .ptn2 {right: 0; top:0; }


/* progress_bar */
#c3_wrap .pagination_wrap {display: flex; justify-content: center; align-items: center; margin-top:30px; }
#c3_wrap .swiper-fraction {font-size:18px; font-weight: 700; color: rgba(0, 0, 0, 0.4);  flex-shrink: 0;  text-align: right; margin: 0 29px; font-family: "Play", serif;
position: relative; top:-1px; }
#c3_wrap .swiper-fraction-current  { color: rgba(0, 0, 0, 1); width: 21px;flex-shrink: 0; }
#c3_wrap .swiper-fraction-total::before {content: '/'; display: inline-block; margin: 0 17px;}
#c3_wrap .arrow {display: block; width: 11px; height: 19px; background:url("../img/prev.png") 50%/contain no-repeat; position: static; margin: 0; outline: none; border:0;}
#c3_wrap .arrow::after {display: none;}
#c3_wrap .arrow.swiper-button-next {background-image:url("../img/next.png");}

/* swiper */
#c3_wrap .swiper {position: relative; overflow: hidden;}

#c3_wrap .slide_box { position: relative; background: #fff; text-align: left; outline: none; display: block; width: 100%; height: 100%;
padding:30px; outline: none; z-index: 1; position: relative;  transition: all .3s ease; border:1px solid #ddd; }
#c3_wrap .slide_box::before {content: ''; display: block; width: 100%; height: 100%; left: 0; bottom:0; z-index: -1;   border:2px solid #002775;
transition: all .3s; opacity:0;  position: absolute;  }

#c3_wrap .slide_box h2 {display: flex; align-items: center; justify-content: center; width: 80px; height: 22px;font-size:12px; font-weight:400; color:#fff;
border-radius: 11px; background-color: #002775; font-family: "Play", serif;}
#c3_wrap .slide_box h1 {font-size:18px; font-weight: 700; color:#000; margin:15px 0; width: 100%; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; min-height:60px;  }
#c3_wrap .slide_box p {font-size:14px; font-weight: 300; color:#919191; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; min-height:66px; letter-spacing: -.14px; transition: color .3s ease;}
#c3_wrap .slide_box .btm {margin-top: 25px; }
#c3_wrap .slide_box .date {font-size: 14px; font-weight: 400; color:#b9b9b9; font-family: "Play", serif; display: block; transition: color .3s ease;}

/* hover */
#c3_wrap .slide_box:hover {border-color: #002775; }
#c3_wrap .slide_box:hover::before {opacity: 1;}

/* #c3_wrap .swiper-slide {transition-property: transform; transition-duration: .3s; pointer-events: none; }
#c3_wrap .swiper-slide-active,
#c3_wrap .swiper-slide-next,
#c3_wrap .swiper-slide-next + .swiper-slide  { pointer-events: auto;}
#c3_wrap .swiper-slide-active,
#c3_wrap .swiper-slide-next + .swiper-slide {transform: translateY(-68px);} */

#c3_wrap .slide_box:hover::before {opacity: 1;}




@media screen and (max-width:1400px) {
    /* content */


}