/* common */
#c3_wrap .c_inner {width: 100%; max-width: 1400px; padding: 0 20px; margin: 0 auto; }
/* font */
#c3_wrap .fs_65 {font-size:32px; font-weight: 700; color:#000; line-height: 1.3; font-family: 'SCoreDream'; }
#c3_wrap .fs_65 span {color:#a360ee; }
/* c_btn */
#c3_wrap .c_btn a { width: 180px; height: 45px; line-height: 45px; font-size: 14px; font-weight: 500; position: relative; display: block; transition: background-color .3s;
color: #fff;  text-transform: uppercase; z-index: 1; text-align: center; border-radius: 32.5px; background-color: #a360ee; margin:20px auto 0;}
#c3_wrap .c_btn a:hover {background-color: #222c49; }
#c3_wrap .c_btn a i {margin-left: 5px; position: relative; top:-1px; transition: transform .3s; display: inline-block; }
#c3_wrap .c_btn a:hover i {transform: translateX(10px);}
#c3_wrap .c_btn a img {height: 12px;}

/*Content CSS*/
#c3_wrap {width: 100%; padding:50px 0 0;  position: relative; z-index: 2; text-align: center;}
#c3_wrap .ptn_wrap {width: 100%;max-width: 1300px; position: absolute; z-index: -1; top:0; height: 100%; left: 50%;  transform: translateX(-50%);}
#c3_wrap .ptn {position: absolute; width:50%; max-width: 100%;}
#c3_wrap .ptn1 {left: -50px; top: -30px;}
#c3_wrap .ptn2 {right: -50px; bottom: -30px;}




/* slider */
#c3_wrap .slider {width: 100%; position: relative; margin:20px 0 0; width: calc(100% + 20px); left: -10px;}
#c3_wrap .slide {padding:10px; position: relative; }
#c3_wrap .slide > i {position: absolute; top:0; left: 50px; z-index: 2;}
#c3_wrap .slide a { background: #fff; text-align: left; outline: none; display: block; display: block; width: 100%; height: 100%;
padding:35px 30px; outline: none; z-index: 1; position: relative; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); }
#c3_wrap .slide a::before {content: ''; display: block; position: absolute; left: 0; top:0; transition: opacity .3s; width: 100%; height: 100%; border:2px solid #a360ee;
opacity: 0;}
#c3_wrap .slide .top {display: flex ;justify-content: space-between; align-items: center; }
#c3_wrap .slide .top h3 {font-size:13px; font-weight:500; color:#fff; display: flex; align-items: center ;justify-content:center; height: 25px; min-width:50px;
border-radius: 15px; padding:  0 15px; background-color: #222c49; transition: background-color .3s; }
#c3_wrap .slide .top span { font-size: 13px ;font-weight: 400; color:#ccc; font-family: 'Montserrat'; line-height: 1.2;}
#c3_wrap .slide .top span i {font-family: 'NanumGothic'; display: inline-block; margin-left: 4px ; font-style: normal; }
#c3_wrap .slide h2 {font-size:16px; font-weight: 500; color:#000; line-height:25px; min-height: 50px; width: 100%; position: relative; font-family: 'SCoreDream';
text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; margin:15px 0;}
#c3_wrap .slide p {font-size:13px; font-weight: 300; color:#666; line-height: 24px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; min-height: 48px; }
#c3_wrap .slide .date {font-size: 14px; font-weight: 300; color:#939393; display: block; margin-top: 35px;}
#c3_wrap .slide .date i {margin-right: 8px; font-size: 18px; color:#fff;  position: relative; top: 3px; color:#344db1; }

#c3_wrap .slide a:hover::before {opacity: 1; }
#c3_wrap .slide a:hover .top h3 {background-color: #a360ee; }


/* dots */
#c3_wrap .slick-dots {display: flex; justify-content:center;; margin:20px 0 0;}
#c3_wrap .slick-dots li { margin-right: 15px; }
#c3_wrap .slick-dots li:last-child {margin-right: 0; }
#c3_wrap .slick-dots button {border:0; font-size: 0; outline: none; background:#fff; width: 15px; height: 15px;  transition: all .3s; border:3px solid transparent;
border-radius: 50%; position: relative; }
#c3_wrap .slick-dots button::before {content: ''; display: block; width: 7px; height: 7px; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);
border-radius: 50%; background-color: #d3d3d3; transition: opacity .3s; opacity: 1;}
#c3_wrap .slick-dots li.slick-active button { border-color: #a360ee; }
#c3_wrap .slick-dots li.slick-active button::before {opacity: 0; }

/* arrow */
#c3_wrap .slick-arrow {border:0;outline: none; position:absolute; top:50%; transform: translateY(-100%); font-size:0; width: 30px; height: 57px; z-index: 2;}
#c3_wrap .slick-prev {  left:-130px; background:url("../img/prev.png") 50% 50% no-repeat;}
#c3_wrap .slick-next { right:-130px; background:url("../img/next.png") 50% 50% no-repeat;}
#c3_wrap .slick-arrow:focus {outline: none; border: none;}