/* 공통 */
#c3_wrap .c_inner {width: 1300px; margin:0 auto;}

/*Content CSS*/
#c3_wrap .c_title {text-align: center; position: relative;  }
#c3_wrap .c_title h1 {font-size:45px; font-weight: 500; color:#000; text-transform: uppercase; }
#c3_wrap .c_title a {display: flex; align-items: center; justify-content: center; position: absolute; right: 0; bottom: 0; width: 90px; height: 90px;
border: 1px solid #15116f; background: #15116f; transition: all .3s ease; }
#c3_wrap .c_title a span {font-size:18px; font-weight: 700; color:#fff; font-family: 'Play', sans-serif; padding:0 0 10px; border-bottom: 1px solid #fff; text-transform: uppercase;
transition: all .3s ease; }
#c3_wrap .c_title a:hover {background: #fff;}
#c3_wrap .c_title a:hover span {color:#15116f; border-color: #15116f; }

#c3_wrap {background: #fff; padding:120px 0 95px; text-align: center;}
#c3_wrap .c_inner {position: relative;}

#c3_slider {margin:55px 0 0;}
#c3_slider .slick-slide {margin:0 10px; outline: none;}
.c3_box {outline: none;}

/* img */
.c3_box .img {height: 280px; overflow: hidden; width: 100%; background: #f5f5f5; position: relative; outline: none; z-index: 1;}
.c3_box .img:before {content: 'NO IMAGE'; font-size:25px; font-weight: 400; color:#999; font-family: 'Play', sans-serif; position: absolute; transform: translate(-50%, -50%);
left:50%; top:50%; z-index: -1;}
.c3_box .img .plus {position: absolute; right:0; bottom: 0;  display: flex; align-items: center; justify-content: center; width: 57px; height: 57px; background: #b2b2b2;
transition: all .3s ease; padding:0 10px;}
.c3_box .img > img {transition: all .3s ease;}
/* txt */
.c3_box .txt {margin:20px 0 0; width: 100%; text-align: left; outline: none; overflow: hidden;}
.c3_box .txt h2 {display: flex; align-items: center; justify-content: center; width: 80px; height: 30px; background-color: #15116f; color:#fff; font-size:14px; font-weight: 500; color:#fff; }
.c3_box .txt h1 {font-size:18px; font-weight: 500; color:#333; letter-spacing: -.5px; margin:15px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
width: 100%; }
.c3_box .txt p {font-size:16px; font-weight: 300; color:#afafaf; letter-spacing: 1.2px; }


/* hover */
.c3_box:hover .img .plus {background: #15116f;}
.c3_box:hover .img > img {transform: scale(1.1);}
.c3_box:hover .txt h3 {color:#ff6800;}
.c3_box:hover .txt h3 span {left:10px; color: #ff6800;}

/* arrow */
.c3_arrow {position: absolute; border:0px solid red; width: 100%; height: 0; left:0; top:110px;}
.c3_arrow .slick-arrow {position: absolute; top:0; cursor: pointer; padding:15px; }
.c3_arrow li.c3_prev {left:-125px;}
.c3_arrow li.c3_next {right:-125px;}






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

}

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

}

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

}