/* 공통 */
#c4_wrap .c_inner {width: 1300px; margin:0 auto; position: relative; }
#c4_wrap .c_title {text-align: center; position: relative; }
#c4_wrap .c_title h1 {font-size:48px; font-weight: 700; color:#333; text-transform: uppercase; font-family: 'Montserrat'; }


/*Content CSS*/
#c4_wrap {padding:100px 0 115px; background: #fff; position: relative; text-align: center; z-index: 1; overflow: hidden; }
#c4_wrap .c_title a {display: flex; align-items: center; justify-content: center; position: absolute; top:0; right: 0; width: 60px; height: 60px; background-color: #868686;
transition: all .3s ease; }
#c4_wrap .c_title a:hover {background-color: #e60012; }


.slider_wr {position: relative; margin:50px 0 0; }
/* c4_bo_list */
.c4_slider {width:100%; position: relative; }
.c4_slider .c4_box {outline: none; text-align: left; margin:0 17px; }
.c4_slider .c4_box a {display: block ;width: 100%; height: 100%; position: relative; background: #fff; padding:50px 40px; outline: none;  border:7px solid #ececec;
height: 270px;transition: all .3s ease; overflow: hidden; }
.c4_slider .c4_box a h2 {font-size:13px; font-weight: 600; color:#e60012; font-family: 'Montserrat';}
.c4_slider .c4_box a h1 {font-size:18px; font-weight: 500; color:#333; line-height: 24px; text-overflow: ellipsis; overflow: hidden;  margin:15px 0 0; white-space: nowrap;
max-height: 24px; min-height: 24px; }
.c4_slider .c4_box a p {font-size:14px; font-weight: 300; color:#666; line-height: 24px; margin:15px 0 10px;   text-overflow: ellipsis; overflow: hidden;
word-break: keep-all;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; min-height: 48px; max-height: 48px; }
.c4_slider .c4_box.c4_box a span {font-size: 14px; font-weight: 300; color:#bfbfbf; display: block; margin:20px 0 0;}
.c4_slider .c4_box  a:hover { border-color: #f7d6d9; }


/* .slide_controller */
#c4_wrap .slide_controller {width: 100%; display: flex; align-items: center; position: relative; justify-content: center;  margin:45px auto 0; }

/* dots */
#c4_dots ul {display: flex; justify-content: center; width: 100%; }
#c4_dots ul li {margin-right: 23px; }
#c4_dots ul li:last-child {margin-right: 0; }
#c4_dots ul li button {border:0; font-size:0; box-shadow: none; width: 13px; height: 13px; background: #ddd; outline: none; border-radius: 50%; transition: all .2s ease; position: relative; overflow: hidden; }
#c4_dots ul li button::before {content: ''; width: 100%; height: 100%; position: absolute; left:0; top:0; background-color:#e60012; transition: all .3s ease; opacity: 0; }
#c4_dots ul li.slick-active button { background: #fff; }
#c4_dots ul li.slick-active button::before {opacity: 1; }

/* arrow */
#c4_arrows {position: absolute; height: 0; left:0; top:124px; width: 100%; display: flex; justify-content: space-between;  }
#c4_arrows button {font-size:0; border:0; box-shadow: none; outline: none; width: 45px; height: 22px; background: url('../img/c4_prev.png') 50% 0% no-repeat; position: relative; }
#c4_arrows button.slick-prev {left:-95px;}
#c4_arrows button.slick-next {background-image: url('../img/c4_next.png'); right: -95px; }







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

}

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

}

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

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

}