/* 공통 */
#c2_wrap .c_inner {width: 1300px; margin:0 auto; position: relative; }
#c2_wrap .c_title h2 {font-size:23px; font-weight: 700; color:#306fd9; letter-spacing: 4.6px; font-family: 'Play', sans-serif; text-transform: uppercase; }
#c2_wrap .c_title h1 {margin-top:25px;font-size: 36px;  font-weight: 800; color:#000; line-height: 50px; font-family: 'NanumSquare',sans-serif;}
/* c_btn */
#c2_wrap .c_btn {display: flex; align-items: center; justify-content: center; width: 200px; height: 50px; background-color: #fff; border-radius: 5px; }
#c2_wrap .c_btn span {font-size:16px; font-weight: 300; color:rgba(48, 111, 217, 0.8); margin-right: 10px; }
/* plus btn */
#c2_wrap .plus_btn {display: flex; width: 65px; height: 65px; transition: background-color .3s ease; background-color: #447ddd;  justify-content: center ;align-items: center ;}
#c2_wrap .plus_btn img {transition: all .3s ease; }
#c2_wrap .plus_btn:hover {background-color: #333; }
#c2_wrap .plus_btn:hover img {transform: rotate(90deg);}


/*Content CSS*/
#c2_wrap {text-align: center; position: relative; z-index: 3; padding: 40px 0;}
#c2_wrap .top {position: relative;}
#c2_wrap .top .right {position: absolute; right: 0; bottom: 0; display: flex ;align-items: flex-end; }


/* dots */
#c2_wrap .slick-dots {display: flex; align-items: center; margin-right: 20px; }
#c2_wrap .slick-dots button {border: 0;background: transparent;  font-size:0; transition: background-color .3s ease ; width: 50px ;height: 4px; background-color: #dfe1e5; }
#c2_wrap .slick-dots .slick-active button {background-color: #306fd9; }
#c2_wrap .slick-dots li {margin-right: 15px ;}
#c2_wrap .slick-dots li:last-child {margin-right: 0; }

/* arrow */
#c2_wrap .slick-arrow {cursor: pointer; position: absolute ; font-size:0; border:1px solid #eaeaea; box-shadow: none; width: 52px; height: 52px; border-radius: 50%;
transition: all .3s ease; top:48%; transform:translateY(-50%);}
#c2_wrap .slick-arrow.slick-prev {left:-100px; background: url('../img/c2_prev_b.png') 50% 50% no-repeat;}
#c2_wrap .slick-arrow.slick-next {right:-100px; background: url('../img/c2_next_b.png') 50% 50% no-repeat;}
#c2_wrap .slick-arrow.slick-prev:hover {background-image:url('../img/c2_prev_w.png'); background-color: #306fd9; border-color: #306fd9;}
#c2_wrap .slick-arrow.slick-next:hover {background-image:url('../img/c2_next_w.png'); background-color: #306fd9; border-color: #306fd9;}


/* slider */
#c2_slider {margin: 30px 0 0; width: calc(100% + 24px); position: relative; left:-12px;}
#c2_slider .slick-list {position: relative; padding:0 0 12px;}
.c2_box {margin:0 0; padding:0 12px; }
.c2_box a {display: block; position: relative; background-color: #fff;   box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.08);}
.c2_box a:hover::before {top:28px; left:-28px; opacity:1; }
.c2_box .img {height: 180px ; width: 100%; overflow: hidden; background: #333; position: relative; z-index: 1;}
.c2_box .img::before {content: 'NO IMAGE'; position: absolute; text-align: center; z-index: -1; color:#fff ;font-size: 20px ; left:50%; top:50%; transform: translate(-50%, -50%);
font-family: 'Play', sans-serif;}
.c2_box .img img {transition: all .3s ease; width: 100%; }
.c2_box a:hover .img img {transform: scale(1.1);}
.c2_box .txt {text-align: left ; padding:30px; background: #fff;  }
.c2_box .txt h1 {font-size:17px; font-weight: 700; color:#000; line-height: 24px;  font-family: 'NanumSquare',sans-serif; text-overflow:ellipsis; overflow:hidden;
-webkit-line-clamp:2; -webkit-box-orient: vertical; display: -webkit-box; min-height: 48px; }
.c2_box .txt p {font-size:14px; font-weight: 300; color:#666; line-height: 26px; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient: vertical; display: -webkit-box; min-height: 52px; margin:10px 0 15px;}
.c2_box .txt span {font-size:16px; font-weight: 300; color:#cecece; }



@media screen and (max-width:1300px) {

}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {
}

@media screen and (max-width:640px) {

}