/* 공통  */
#c4_wrap .c_inner {width: 1300px; margin:0 auto; position: relative; }
#c4_wrap .wh {color:#fff !important; }
#c4_wrap .c_title {font-size: 55px; font-weight: 600; text-transform: uppercase; color:#000; letter-spacing: 1.4px; font-family: 'Poppins', sans-serif;}
#c4_wrap .c_title::after {content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #eb6101;
margin-left: 10px;}
#c4_wrap .c_p {font-size: 17px; font-weight: 300; color:#dcdcdc; line-height: 30px; word-break: keep-all; }


/*Content CSS*/
#c4_wrap { z-index: 1; position: relative; padding:200px 0 140px; text-align: center; overflow: hidden; z-index: 1;
margin-top: -100px; background: url('../img/c4_bg.jpg') 50% 50% no-repeat; background-size: cover;}
#c4_wrap .top {text-align: left; display: flex; justify-content: space-between; align-items: flex-end; }
#c4_wrap .top a {right: 0; bottom: 0; width: 70px; height: 70px; display: flex; align-items: center;
justify-content: center; transition: all .3s ease; background: rgba(255,255,255,.2); border:1px solid #fff; }
#c4_wrap .top a img {transition: all .4s ease;}
#c4_wrap .top a:hover {background: #eb6101; border-color: #eb6101; }
#c4_wrap .top a:hover img {transform: rotate(180deg); }


/* sldier*/
#c4_slider {width: 1300px; margin: 0 auto; position: relative; margin-top: 50px; min-height: 290px; text-align: left;}
#c4_slider .box a {display: block; padding: 50px 35px; position: relative; min-height: 290px; background: transparent;border:1px solid #fff;
position: relative; z-index: 1; transition: all .3s ease; }
#c4_slider .box a::before {content:''; position: absolute; left: -1px; top:-1px; width: calc(100% + 2px); height: calc(100% + 2px); transition: all .3s ease; opacity: 0;
border-style: solid; border-width: 3px; border-image-source: linear-gradient(to top, #e05619, #ff9231); border-image-slice: 1;}
#c4_slider .box a .headline {display: flex; justify-content: space-between; align-items: center; }
#c4_slider .box a .headline .news {font-size: 16px; font-weight: 400; color:#eb6101; font-family: 'Poppins', sans-serif; text-transform: uppercase; }
/* hover  */
#c4_slider .box a:hover {background: rgba(255,255,255,.03);}
#c4_slider .box a:hover::before {opacity: 1; }

#c4_slider .box h1 {font-size: 20px; color: #fff; line-height: 28px; min-height: 50px; font-weight: 500; width: 100%;
text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; margin:25px 0 20px; max-height: 60px;}
#c4_slider .box p { font-size: 16px; color: rgba(255, 255, 255, 0.7); line-height: 29px; letter-spacing: -.4px; font-weight: 300; min-height: 46px;
text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; max-height: 60px; width: 100%;}

#c4_slider .date {font-size: 14px; color: rgba(255, 255, 255, 0.7); font-weight: 300; transition: all .3s ease; display: block; }
#c4_slider .box a .headline .date i {margin-right: 5px;}

/*페이져*/
#c4_slider .owl-dots{width:100%; text-align:center; margin: 30px auto 0 auto; }
#c4_slider .owl-dots .owl-dot {background:transparent;width:9px; height: 9px; display:inline-block;margin-right:18px;transition: all 0.2s ease; position: relative; z-index: 1; border-radius: 50%; border:1px solid #fff;}
#c4_slider .owl-dots .owl-dot:last-child {margin-right: 0;}
#c4_slider .owl-dots .owl-dot.active {background: #fff;}
#c4_slider .owl-dots .owl-dot:focus {outline: none; border: none;}

/*컨트롤러*/
#c4_slider .owl-nav{position:absolute;width:100%; top:110px; z-index: 3; display: flex; flex-direction: row; }
#c4_slider .owl-nav button {width:22px;height: 42px; cursor:pointer; transition: all 0.2s;}
#c4_slider .owl-nav .owl-prev{position:absolute; left: -100px; background: url('../img/c4_prev.png')no-repeat 50% 50%; top: 0;}
#c4_slider .owl-nav .owl-next{position:absolute; right: -100px; background: url('../img/c4_next.png')no-repeat 50% 50%; top: 0;}
.owl-nav button:focus {outline: none; border: none;}

/* c4_nav */
#c4_wrap .main_nav_wr {height: 100%; background:transparent;}


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

}

@media screen and (max-width:1300px) {
    /* 공통 */
    #c4_wrap .c_inner, #c4_slider {width: 100%; padding:0 50px; }

    /* content */
    #c4_wrap {text-align: center; }
    #c4_wrap .hand {display: none;}
    #c4_wrap .c_btn a {margin:0 auto;}

}
@media screen and (max-width: 1024px) {
    /* 공통 */
    #c4_wrap {padding:90px 0; margin-top:0;}
    #c4_wrap .c_inner, #c4_slider {padding:0 30px; }
    #c4_wrap .c_title {font-size: 40px;}
    #c4_wrap .c_p {line-height: 24px; font-size: 14px;}

    /* content */
    #c4_wrap .c_btn a {font-size: 13px;}
    #c4_slider .box a {min-height: 260px; padding:30px;}
    #c4_slider .box h1 {font-size: 16px; line-height: 22px; min-height: 44px; max-height: 44px; }
    #c4_slider .box p {font-size: 13px; line-height: 20px; max-height: 40px; min-height: 40px;}

}


@media screen and (max-width: 640px) {
    /* 공통 */
    #c4_wrap {padding: 60px 0;}
    #c4_wrap .c_inner, #c4_slider {padding:0 15px; }

    /* content */


}
@media screen and (max-width: 480px) {
    /* 공통 */

    /* content */


}