/* 공통 */
#c3_wrap .c_inner {width:1280px; margin:0 auto;}

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

.c3_title {position: relative; z-index: 3;}
.c3_title h1 {font-size:48px; font-weight: 600; color:#141414; line-height: 60px;  font-family: 'Raleway', sans-serif;}
.c3_title p {font-size:16px; font-weight: 400; color:#fff; margin:15px 0 95px 0;}
.c3_title a {font-size:15px; font-weight: 500; color:#141414; font-family: 'Raleway', sans-serif; position: relative; transition: all .4s ease; left:0;}
.c3_title a i {margin-left:10px;}
.c3_line {height:2px; width:500px; background: #072a60; position: absolute; right:0; transition: all .4s ease; bottom:-6px;}
.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 {margin-left:112px; position: relative; z-index: 2; top:-60px;}
.c3_list .slick-slide {margin:0 17px; outline: none !important; width:270px !important;}
.c3_list .c3_box {outline: none !important; display: block; transition: all .3s ease; position: relative; top:60px; padding-bottom:20px; }
.c3_list .c3_box a {outline: none;}
.c3_list .c3_img {height:240px; overflow: hidden; position: relative;}
.c3_list .c3_img span {display: flex;  width:100%; height:100%; background: #eee; justify-content: center; align-items: center; font-size:20px; text-transform: uppercase;
font-weight: 500; font-family: 'Raleway', sans-serif; color:#777; }
.c3_list .c3_txt {text-align: left; margin-top:25px; padding:0 10px;}
.c3_list .c3_txt h2 {font-size:20px; font-weight: 400; color:#141414; letter-spacing: -.5px;}
.c3_list .c3_txt p {margin-top:15px; font-size:14px; font-weight: 300; letter-spacing: -.5px; color:#707070; line-height: 22px; opacity: 0; transition: all .3s ease;}
.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;}

/* #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) {

}