/* 공통 */
#c1_wrap .c_inner {width: 1300px; margin:0 auto;}
#c1_wrap .c_title {text-align: center;}
#c1_wrap .c_title h2 {font-size:17px; font-weight: 600; color:#ff6800; letter-spacing: 3.4px; text-transform: uppercase; font-family: 'Montserrat'; margin-bottom: 20px;}
#c1_wrap .c_title h1 {font-size:36px; font-weight: 400; color:#333; font-family:'GongGothicMedium';}

/*Content CSS*/
#c1_wrap {background: #fff; padding:85px 0; text-align: center;}
#c1_wrap .c_inner {position: relative;}

#c1_slider {margin:45px 0 0;}
#c1_slider .slick-slide {margin:0 17.5px; outline: none;}
.c1_box {outline: none;}

/* c1_img */
.c1_img {height: 240px; overflow: hidden; width: 100%; background: #f5f5f5; position: relative; outline: none; border:1px solid #f1f1f1;}
.c1_img > div {position: absolute; left:0; bottom: 0;  display: flex; align-items: center; justify-content: center; width: 70px; height: 60px; background: #333;
transition: all .3s ease; padding:0 10px;}
.c1_img > div p {font-size:22px; font-weight: 400; color:#fff; word-break: keep-all; font-family:'GongGothicMedium'; letter-spacing: 2px;}
.c1_img img {transition: all .3s ease;}
/* c1_txt */
.c1_txt {margin:20px 0 0; width: 100%; text-align: left; outline: none;}
.c1_txt h2 {font-size:20px; font-weight: 500; color:#333; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:0 0 20px;}
.c1_txt p {font-size:14px; font-weight: 300; color:#a8a8a8; line-height: 24px; margin:10px 0 25px; word-break: keep-all; -webkit-line-clamp:2;  -webkit-box-orient: vertical;
display: -webkit-box;  overflow: hidden; min-height: 48px;}
.c1_txt h3 {font-size:12px; font-weight: 400; color:#d2d2d2; display: flex; align-items: center; font-family: 'Montserrat'; transition: color .3s ease; justify-content: flex-start;}
.c1_txt h3 span {font-family: 'Nanum Gothic', sans-serif; display: block; margin-left:8px; transition: all .3s ease; position: relative; top:-1px; left:0; color:#d2d2d2;}

/* hover */
.c1_box:hover .c1_img > div {background: #ff6800;}
.c1_box:hover .c1_img img {transform: scale(1.1);}
.c1_box:hover .c1_txt h3 {color:#ff6800;}
.c1_box:hover .c1_txt h3 span {left:10px; color: #ff6800;}

/* arrow */
.c1_arrow {position: absolute; border:0px solid red; width: 100%; height: 0; left:0; top:95px;}
.c1_arrow .slick-arrow {position: absolute; top:0; cursor: pointer;}
.c1_arrow li.c1_prev {left:-125px;}
.c1_arrow li.c1_next {right:-125px;}








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

}

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

}

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

}
