/* 공통  */
#c3_wrap .c_inner {width: 100%; margin:0 auto; position: relative; }
#c3_wrap .c_head {font-size:35px; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif;}
#c3_wrap .c_head.wh {color:#fff; }

/* c_btn */
#c3_wrap .c_btn { background-color: #009fe8; display: block; width: 65px; height: 65px; display: flex; align-items: center ;justify-content: center;
transition: all .3s ease ; font-size:14px; font-weight: 600; color:#fff; font-family: 'Montserrat'; text-transform: uppercase ;}
#c3_wrap .c_btn:hover {background-color: #fff; color:#009fe8; }

/*Content CSS*/
#c3_wrap {text-align: center; position: relative; z-index: 3; padding: 60px 20px; overflow: hidden; background: url('../img/c3_bg.jpg') 50% 50% no-repeat; background-size:cover; }
#c3_wrap .top {position: relative; }
#c3_wrap .top .c_btn {position: absolute; right: 0; bottom: -10px; }


/* dots */
#c3_wrap .slick-dots {display: flex; justify-content: center; margin-top: 40px; }
#c3_wrap .slick-dots button {border: 0; border-radius: 50%; font-size:0; transition: all .3s ease ; width: 15px ;height: 15px; background-color: rgba(255,255,255,.23); }
#c3_wrap .slick-dots .slick-active button {background-color: rgba(255,255,255,1); width: 35px; border-radius: 10px; }
#c3_wrap .slick-dots li {margin-right:15px ;}
#c3_wrap .slick-dots li:last-child {margin-right: 0; }

/* arrow */
#c3_wrap .slick-arrow {position:absolute; width:100%;z-index: 10; top:120px; font-size:0; width: 30px; border:0; height: 57px;  transition: all 0.2s ease; }
#c3_wrap .slick-arrow.slick-prev {position:absolute;left:-100px;  background: url('../img/c3_prev.png') 50% 50% no-repeat;}
#c3_wrap .slick-arrow.slick-next {position:absolute;right:-100px; background: url('../img/c3_next.png') 50% 50% no-repeat; }

/* slider */
#c3_slider {margin: 35px 0 0;  position: relative; }
.c3_box {margin:0 5px; outline: none;}
.c3_box a {display: block; position: relative; }
.c3_box .img {width: 100%; overflow: hidden; background: #f7f7f7; position: relative; z-index: 1;}
.c3_box .img::before {content: 'NO IMAGE'; position: absolute; text-align: center; z-index: -1; color:#000 ;font-size: 30px ; left:50%; top:50%; transform: translate(-50%, -50%); font-weight: 500;}
.c3_box .img > img {transition: all .3s ease; width: 100%; }
.c3_box a:hover .img > img {transform: scale(1.1);}

.c3_box .txt {text-align: center; margin-top:30px; }
.c3_box .txt h1 {font-size: 17px; font-weight: 700; color:#fff; width: 100%; display: block; font-family: 'NanumSquare',sans-serif; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.c3_box .txt span {display: block; font-size:14px; font-weight:300; color:rgba(255, 255, 255, 0.5); margin-top: 10px; }




@media screen and (max-width:100%) {

}

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

}

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

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

}