/* 공통 */
#c3_wrap .c_inner {width:100%; margin:0 auto; padding:15px;}

/*Content CSS*/
#c3_wrap {width:100%; background: url('../img/dot_ptn.png') 50% 50% repeat; padding:50px 0; overflow: hidden; }
#c3_wrap .c_inner {position: relative; display: flex; flex-direction: column; padding:0;}

.c3_title {position: relative; z-index: 3; text-align: center;}
.c3_title h1 {font-size:32px; font-weight: 600; color:#141414; line-height: 40px;  font-family: 'Raleway', sans-serif;}
.c3_title p {font-size:14px; font-weight: 400; color:#fff; margin:15px 0 95px 0;}
.c3_title a {font-size:14px; font-weight: 500; color:#141414; font-family: 'Raleway', sans-serif; position: relative; transition: all .4s ease; text-align: right; display: block;
margin-top:20px; padding-right:15px;}
.c3_title a i {margin-left:10px;}
.c3_line {height:2px; width:120px; background: #072a60; position: absolute; right:0; transition: all .4s ease; bottom:-5px;}
/* .c3_title a:hover {left:30px;} */

/* slick prev next */
.c3_arrow {margin:30px 0 95px; display: flex;}
.c3_next {margin-left:20px;}
.c3_prev,  .c3_next {width:60px; height:60px;  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); display: flex; align-items: center; justify-content: center; background: #fff;
border-radius: 50%; font-size:25px; color:#4e4e4e; transition: all .3s ease; cursor: pointer;}
.c3_prev:hover, .c3_next:hover {background: #072a60; color:#fff;}

/* c3_list / slider */
.c3_list_wr {position: relative; z-index: 2; margin-top:40px; padding:0 15px;}
.c3_list .slick-slide {outline: none !important; margin: 0 15px;}
.c3_list .c3_box {outline: none !important; display: block; transition: all .3s ease; position: relative;}
.c3_list .c3_box a {outline: none;}
.c3_list .c3_img { position: relative;}
.c3_list .c3_img img {width:100%;}
.c3_list .c3_txt {text-align: left; margin-top:15px; padding:0 10px;}
.c3_list .c3_txt h2 {font-size:18px; font-weight: 400; color:#141414; letter-spacing: -1px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden;}
.c3_list .c3_txt p {margin-top:15px; font-size:14px; font-weight: 300; letter-spacing: -.5px; color:#707070; line-height: 22px; opacity: 0; }
.c3_list .cover {position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(7,42,96,.9); transition: all .3s ease; display: flex; align-items: center; justify-content: center; opacity: 0; }
/* .c3_list .c3_box:hover {top:0;}
.c3_list a:hover .cover, .c3_list a:hover p {opacity: 1;} */


/* #c3_wrap .slick-list {}
.c3_box a { cursor: pointer; transition: all .4s linear; transition-delay: .4s; display: block; opacity: .3;}
.c3_list .c3_box:not(.slick-active) a {transition-delay: 0s;}
.c3_box.slick-active a {opacity: 1;} */

/* slick-dots */
#c3_wrap .slick-dots {display: flex; justify-content: center; margin-top:30px;}
#c3_wrap .slick-dots button {border:0; background: rgba(0,0,0,.1); border-radius: 50%; width:12px; height:12px; font-size:0; box-shadow: none;
transition: all .3s ease; outline: none;}
#c3_wrap .slick-dots li {margin-right:20px;}
#c3_wrap .slick-dots li.slick-active button {width:35px;border-radius: 30px; background: #072a60;}
#c3_wrap .slick-dots li:last-child {margin-right:0;}



/* #c3_wrap .c3_box a:focus {outline: none !important;} */
/* .c3_box.slick-current a,
.c3_box.slick-current + .c3_box a,
.c3_box.slick-current + .c3_box +.c3_box a { opacity:1;}
.c3_box.slick-current + .c3_box + .c3_box ~ .c3_box a { opacity: .3;} */



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

}

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

}

@media screen and (max-width: 640px) {
    .c3_list .slick-slide {outline: none !important; margin: 0;}
}