/* common */
#c3_wrap .c_inner { width: 100%; max-width: 1400px; margin:0 auto; position: relative; padding:0 50px; border:0px solid #ddd; border-width: 0 1px;}
#c3_wrap .c_tit h2 {position: relative;}
#c3_wrap .c_tit h2::before {content: ''; display: block; width: 5px; height:80%;  position: absolute; left: -50px; top:12%; background: #072d60;}
/* #c3_wrap .c_tit p {margin-top: 25px;} */
/* font size */
#c3_wrap .fs_60 {font-size: 60px; font-weight: 800; color:#000; line-height: 1.2; font-family: 'Montserrat', sans-serif; }
#c3_wrap .fs_18 {font-size: 18px; font-weight: 400; color:#555; line-height: 1.83; letter-spacing: -.36px;}

/* c_btn */
#c3_wrap .c_btn a { position: relative; display: inline-flex; font-size: 16px; color: #000; font-weight: 500; padding-right: 33px; z-index: 1; transition: all .3s; white-space: nowrap; align-items: center; height: 45px; font-family: 'Montserrat', sans-serif; }
#c3_wrap .c_btn .arrow { position: relative; top:0; display:block; background:url('../img/c_btn_arrow.png') no-repeat center #fff; font-size: 0; width: 23px;
height: 25px; margin-left: 13px; transition: all .3s; }
#c3_wrap .c_btn a::after { content: ""; position: absolute; right: 0; top: 0; width: 45px; height: 45px; border: 1px solid #000; z-index: -1; transition: all .3s; }
#c3_wrap .c_btn a:hover .arrow { transform: translateX(10px);}


/*Content CSS*/
#c3_wrap {background:#fff; }
#c3_wrap .c_inner {padding:80px 50px 120px; }
#c3_wrap .top {display: flex;  align-items:center; justify-content: space-between; }
#c3_wrap .top .c_tit {display: flex; align-items: center;}
#c3_wrap .top .c_tit p {padding-top: 15px; margin-left: 40px; }

/* slider */
#c3_wrap .slider {width: 100%; position: relative; width: calc(100% + 20px); left: -10px; margin-top:45px;}
#c3_wrap .slider .slick-track {min-width: 100%; }
#c3_wrap .slide_box {margin: 0 10px; }
#c3_wrap .slide_box.slick-active {overflow: hidden; }
#c3_wrap .slide_box a { background: transparent; text-align: left; outline: none; display: block; min-height: 340px; display: block; width: 100%; height: 100%;
padding:40px 40px 50px 40px; outline: none; z-index: 1; position: relative; background: #fff; border:1px solid #ddd; transition: border-color .3s;}
#c3_wrap .slide_box a::before {content: ''; display: block; position: absolute; left: 0; top: 0; transition: opacity .3s; width: 100%; height: 100%; border: 2px solid #072d60; opacity: 0;}
#c3_wrap .slide_box h2 {font-size:18px; font-weight:700; color:#999; font-family: 'Montserrat', sans-serif; transition: color .3s ease;}
#c3_wrap .slide_box h3 {font-size:18px; color:#000; line-height:29px; margin:20px 0 15px; min-height:58px; font-weight: 700;
text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; transition: color .3s ease;}
#c3_wrap .slide_box p {font-size:16px; font-weight: 300; color:#333; line-height:26px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; min-height: 78px; letter-spacing: -.32px; transition: color .3s ease;  }
#c3_wrap .slide_box .date {font-size: 14px; font-weight: 400; color:#777; display: block; margin-top: 30px;}
#c3_wrap .slide_box .date i {margin-right: 9px; font-size: 140%; color:#999;  display: inline; position: relative; top: 3px; }
#c3_wrap .slide_box .arrow {position: absolute; top:40px; right: 35px; transition: opacity .3s; opacity:0;}

/* hover */
#c3_wrap .slide_box a:hover {border-color: #072d60; }
#c3_wrap .slide_box a:hover h2 {color: #072d60; }
#c3_wrap .slide_box a:hover::before {opacity: 1;}
#c3_wrap .slide_box a:hover .arrow {opacity: 1; }

/* controller */
#c3_wrap .controller { display: flex; justify-content: flex-end; align-items: center; margin-top: 50px;}
/* arrow */
#c3_wrap .arrows {display: flex; margin-left: 40px; }
#c3_wrap .slick-arrow { cursor: pointer; transition: all 0.3s; font-size: 0; width:11px; height: 20px; }
#c3_wrap .slick-arrow.slick-prev { background:url('../img/prev.png') no-repeat center center; }
#c3_wrap .slick-arrow.slick-next { background:url('../img/next.png') no-repeat center center; margin-left: 33px; }
#c3_wrap .slick-arrow:focus {outline: none; }
/* dots */
#c3_wrap .slick-dots {display: flex;  }
#c3_wrap .slick-dots li + li {margin-left: 27px; }
#c3_wrap .slick-dots button {font-size: 0; width: 14px; height: 14px; background: #ddd; transition: background-color .3s; }
#c3_wrap .slick-dots .slick-active button {background-color: #072d60; }





@media screen and (max-width: 1400px) {
    /* 공통 */
    /* #c3_wrap br:not(.space) {display: none;} */

    /* content */

}

@media screen and (max-width: 1024px) {
    /* 공통 */
    #c3_wrap {padding: 70px 0; text-align: center;}
    #c3_wrap .c_inner {padding:0 30px;}
    #c3_wrap .c_tit h2::before {position: static; width: 50px; height: 5px; margin: 0 auto 25px;}
    #c3_wrap .c_tit p {margin-top: 15px ;}
    /* font size */
    #c3_wrap .fs_60 {font-size: 40px; }
    #c3_wrap .fs_18 {font-size: 16px;}

    /* content */
    #c3_wrap .top {flex-direction: column; align-items: center; }
    #c3_wrap .top .c_tit {display: block; }
    #c3_wrap .top .c_tit p {padding: 0; margin: 15px 0 0;}
    #c3_wrap .top .c_btn {margin: 20px 0 0;}


    #c3_wrap .slider {margin-top: 40px; padding-bottom: 0;}
    #c3_wrap .slide_box a {min-height: 0; padding:30px; }
    #c3_wrap .slide_box .icon {margin-top: 40px;}
    #c3_wrap .slide_box .link {width: 40px; height: 40px;}

    #c3_wrap .controller {display: block; margin-top: 40px;}
    #c3_wrap .slick-dots {justify-content: center;}

    #c3_wrap .slide_box .arrow {top:30px; right: 25px;}


}


@media screen and (max-width: 640px) {
    /* 공통*/
    #c3_wrap {padding: 50px 0;}
    #c3_wrap .c_inner {padding:0 20px;}
    #c3_wrap .c_tit h2::before {height: 4px; margin: 0 auto 20px;}
    /* font size */
    #c3_wrap .fs_60 {font-size: 30px; }
    #c3_wrap .fs_18 {font-size: 14px;}
    /* c_btn */
    #c3_wrap .c_btn a {font-size: 14px; height: 35px; padding-right: 25px;}
    #c3_wrap .c_btn a::after {width: 35px; height: 35px;}
    #c3_wrap .c_btn .arrow {height: 19px; width: 19px; background-size: contain; margin-left: 7px;}
    #c3_wrap .c_btn a:hover .arrow { transform: translateX(5px);}

    /* content */
    #c3_wrap .top .c_btn {margin: 15px 0 0;}

    #c3_wrap .slider {margin-top:30px; width: calc(100% + 10px);  left: -5px;}
    #c3_wrap .slide_box {margin:0 5px;}
    #c3_wrap .slider .slick-arrow {bottom: -60px; height: 25px; }
    #c3_wrap .slider .slick-next {right: 0;}
    #c3_wrap .slider .slick-prev {left: 0;}

    #c3_wrap .slide_box h2 {font-size: 14px;}
    #c3_wrap .slide_box h3 {font-size: 16px; margin: 15px 0; line-height: 24px; min-height: 48px;}
    #c3_wrap .slide_box p {font-size: 13px; line-height: 22px; min-height: 66px;}
    #c3_wrap .slide_box .date {font-size: 13px; margin-top: 20px;}
    #c3_wrap .slide_box .date i {margin-right: 5px; }
    #c3_wrap .slide_box .arrow {width: 17px;}

    #c3_wrap .controller {margin-top: 30px;}
    #c3_wrap .slick-dots button { width: 12px; height: 12px;}
    #c3_wrap .slick-dots li + li {margin: 0 0 0 15px}


}

@media screen and (max-width: 480px) {
    /* 공통*/
    #c3_wrap .slider {width:100%;  left: -0; margin-top: 30px;}
    #c3_wrap .slide_box {margin:0;}

    #c3_wrap .controller {margin-top: 23px;}
    #c3_wrap .slick-dots button { width: 10px; height: 10px;}
    #c3_wrap .slick-dots li {margin: 7px;}
    #c3_wrap .slick-dots li + li {margin: 7px;}

}