/* common */
#c3_wrap { overflow: hidden; width:100%; height: 100vh; display: flex; align-items: center; justify-content: center; padding-top: 90px; }
#c3_wrap .c_h1 { font-size: 70px; font-weight: bold; }
#c3_wrap .c_p { font-size: 20px; font-weight: 300; line-height: 1.65; }
#c3_wrap .c_btn { display: block; width: 275px; height: 60px; line-height: 60px; text-align: center; background-color: #182987; color:#fff; font-size: 18px;  font-weight: 500; text-transform: uppercase; transition: all .3s; }



/* c3 */
#c3_wrap { position:relative; z-index: 1; }
.c3_top { position:relative; display: flex; justify-content: space-between; align-items: center; }

/* arrow */
#c3_wrap .slick-arrow { cursor: pointer; font-size: 18px; text-transform: uppercase; position:relative; top:5px; }
#c3_wrap .slick-arrow img { display: inline-block; position:relative; top:-2px; }
#c3_prev img { margin-right: 12px; }
#c3_next img { margin-left: 12px; }
/* dots */
#c3_wrap .slick-dots { position:absolute; right:120px; top:36px; display: flex; align-items: center; }
#c3_wrap .slick-dots li {margin-right: 20px; }
#c3_wrap .slick-dots li:last-child { margin-right: 0; }
#c3_wrap .slick-dots button { position:relative; border:0; font-size:0; opacity: 1; width:10px; height: 10px; background:rgba(0,0,0,0.1); }
#c3_wrap .slick-dots .slick-active button { background: #182987; }


/* slider */
.c3_slider_wrap { width: 100%; margin-top:30px; }
#c3_slider { width: calc(100% + 26px); position: relative; left: -13px; }
#c3_slider .slick-track { margin:0 !important; }

.c3_box { padding:13px; }
.c3_box a { position: relative; display: block; width: 100%; outline: none; }

.c3_box .c3_img { overflow: hidden; }
.c3_box .c3_img img { transition: all .4s; }

/* txt */
.c3_box .c3_txt { width: 100%; transition: all .3s ease; padding:40px 10px 0 0; text-align: left; line-height: 1; }
.c3_box .c3_txt h2 { font-size:18px; font-weight: bold; color:#132b88; }
.c3_box .c3_txt h1 { margin:22px 0 30px; font-weight: bold; font-size:20px; color:#000; display: block; white-space:nowrap; text-overflow: ellipsis; overflow: hidden; }
.c3_box .c3_txt span { display: block; font-size:14px; font-weight: 300; color:#aaa; letter-spacing: 0.35px; }
.c3_box .c3_txt span i { display:inline-block; margin-right: 6px; position:relative; top:3px; font-size: 20px; }



/* hover animation */
@media screen and (min-width:1101px) {
    .c3_box:hover .c3_img img { transform: scale(1.15);}
}


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

    /* c3 */
    #c3_wrap .slick-dots { right: 165px; }

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

    /* common */
    #c3_wrap { height:auto; padding:100px 0; }







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

    /* common */
    #c3_wrap { padding:80px 0 100px; }
    #c3_wrap br { display: none; }
    #c3_wrap .c_h1 { font-size: 50px; }
    #c3_wrap .c_p { font-size: 18px; }


    /* c3 */
    #c3_wrap #c3_prev { display: none; }
    #c3_wrap #c3_next { display: none; }
    .c3_top { justify-content: center; }
    #c3_wrap .slick-dots { right: 50%; transform: translateX(50%); top: calc(100% + 30px); justify-content: center; }

    .c3_box .c3_img img { width:100%; }
    .c3_box .c3_txt { padding: 30px 10px 0 0; }
    .c3_box .c3_txt h2 { font-size: 17px; }
    .c3_box .c3_txt h1 { margin: 20px 0 25px; font-size: 19px; }




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

    /* common */
    #c3_wrap { padding:60px 0 80px; }
    #c3_wrap br { display: none; }
    #c3_wrap .c_h1 { font-size: 30px; }
    #c3_wrap .c_p { font-size: 16px; }
    #c3_wrap .c_btn { width: 250px; height: 50px; line-height: 50px; font-size: 16px; }


    /* c3 */
    .c3_slider_wrap { margin-top: 10px; }

    .c3_box a { border:1px solid #ddd; }
    .c3_box .c3_txt { padding: 30px 20px; }
    .c3_box .c3_txt h2 { font-size: 16px; }
    .c3_box .c3_txt h1 { margin: 18px 0 20px; font-size: 18px; }
    .c3_box .c3_txt span { font-size: 13px; }
    .c3_box .c3_txt span i { font-size: 18px; }

    #c3_wrap .slick-dots { top: calc(100% + 10px); }





}