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

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

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

/* c1_img */
.c1_img {overflow: hidden; position: relative; outline: none;  text-align: center; display: flex; justify-content: center; max-width: 410px; border:1px solid #f1f1f1; margin:0 auto;}
.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; max-width: 100%; }
/* c1_txt */
.c1_txt {margin:20px auto 0; width: 100%; text-align: left; outline: none; max-width: 410px;}
.c1_txt h2 {font-size:18px; 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 15px; 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:120px;}
.c1_arrow .slick-arrow {position: absolute; top:0; cursor: pointer;}
.c1_arrow li.c1_prev {left:-125px;}
.c1_arrow li.c1_next {right:-125px;}


#c1_slider .slick-dots {display: flex; justify-content: center; margin-top: 30px;}
#c1_slider .slick-dots li {margin-right:15px;}
#c1_slider .slick-dots li:last-child {margin-right:0;}
#c1_slider .slick-dots button {border:0; font-size:0; box-shadow: none; border-radius: 50%; width:15px; height:15px; background: rgba(0,0,0,.1); transition: all .3s ease;}
#c1_slider .slick-dots li.slick-active button {width:40px; border-radius: 30px; background: #ff6800;}






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

}

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

}

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

}