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

/*Content CSS*/
#c3-wrap {width:100%; height:620px; position: relative;}
#c3-slider .slick-slide {width:100%; height:620px; background-size:cover; background-position: 50% 50%; outline: none;}
#c3-slider .slick-slide.c3_img1 {background-image: url('../img/c3_img1.jpg?v=201007');}
#c3-slider .slick-slide.c3_img2 {background-image: url('../img/c3_img2.jpg?v=201007');}

.c3_box {position: absolute; width:50%; height:100%; right:0; top:0; background:rgba(0,109,187,.9); padding:260px 0 0 90px;}
.c3_box h2 {font-size:14px; color:#fff; font-weight: 300;}
.c3_box h1 {font-size:42px; color:#fff; font-family: 'NEXON Lv1 Gothic OTF'; margin:10px 0 30px 0; font-weight: 400;}
.c3_box p {font-size:15px; font-weight: 300; color:#fff; line-height: 25px;}
.c3_box a {display: inline-block; font-size:14px; font-weight: 500; color:#fff; font-family: 'Raleway', sans-serif; position: relative; margin-top:67px; padding-right:5px;
z-index: 1; transition: all .3s ease; padding-top:3px;}
.c3_box a i {margin-left:5px; }
.c3_box a::before {position: absolute; content: ''; display: block ; width:200px; height:1px; background: #fff; right:0; bottom:-1px;}
.c3_box a::after {position: absolute; content: ""; width: 200px; height: 0; bottom: 0; right: 0; z-index: -1;  background: #fff; transition: all 0.3s ease;}
.c3_box a:hover::after {height:100%; top:0;}
.c3_box a:hover {color:#006dbb;}

/* slick prev next */
.c3_arrow {position:absolute; width:100%; left:0; height:60px; z-index: 20; top:50%; transform:translateY(-50%); border:0px solid red; }
.c3_prev {position:absolute;left:100px; top:0;  }
.c3_next {position:absolute;right:100px; top:0; }
.c3_prev,  .c3_next {  position: absolute; z-index: 100; cursor: pointer; bottom:0; outline: none; transition: all 0.2s ease;  border-top: 1px solid #fff; padding-top:3px;
 font-size:14px; font-weight: 400; color:#fff; font-family: 'Montserrat'; opacity: .8;}
.c3_prev:hover, .c3_next:hover {opacity: 1;}

/* Dots (pager )*/
.c3_dots {position: absolute; top:130px; width:50%; right:0; padding-left:90px;}
.c3_dots .slick-dots li button::before {   content: "0"; }
.c3_dots .slick-dots li:nth-child(n + 10) button::before { content: none; }
.c3_dots .slick-dots{padding: 0;margin: 0;  list-style: none; display: flex; align-items: flex-end;}
.c3_dots .slick-dots li{ border: none; transition: all .2s ease; cursor: pointer; margin-right:20px; font-size:0;  text-indent: -999999; opacity: .5;}
.c3_dots .slick-dots li:last-child {margin-right:0;}
.c3_dots .slick-dots li button {font-size:20px; font-weight: 400; color:#fff; border:0; padding-right:0; background: transparent;
    font-family: 'NEXON Lv1 Gothic OTF Light'; border-bottom:2px solid transparent; max-height:53px;}
.c3_dots .slick-dots li button:focus {outline: none;}
.c3_dots .slick-dots li.slick-active button {font-size:50px; padding-right:15px; border-bottom:2px solid #fff;}
.c3_dots .slick-dots .slick-active {opacity: 1;}
.c3_dots .slick-dots .slick-active button {border-bottom: 2px solid #fff; opacity: 1; font-size: 25px}

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

}

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

}

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

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

}