/* 공통  */
#c4_wrap .c_inner {width: 100%; margin: 0 auto; position: relative; padding:0 15px;}
#c4_wrap .c_title h2 {font-size:13px; font-weight: 800; letter-spacing: 4px; text-transform: uppercase; color:rgba(255, 255, 255, 0.43); font-family: 'NanumSquare',sans-serif;}
#c4_wrap .c_title h1 {font-size:24px; font-weight: 800; color:#fff; font-family: 'NanumSquare',sans-serif; margin-top:15px; word-break: keep-all; line-height: 35px; }

/*Content CSS*/
#c4_wrap {  z-index: 1; position: relative; padding:50px 0; text-align: center; background: url('../img/c4_bg.jpg') 50% 50% no-repeat; background-size:cover; overflow: hidden;}
#c4_wrap .top {position: relative; text-align: left; }
#c4_wrap .top .plus_btn {width:50px; height: 50px; display: flex; align-items: center; justify-content: center; background-color: transparent; transition: all .3s ease;
position: relative; z-index: 1; border:1px solid #fff; }
#c4_wrap .top .plus_btn .plus {width: 20px ; height: 20px ; display: block;  background: url('../img/c4_plus_w.png') 50% 50% no-repeat; transition: all .3s ease ;  background-size: cover;}
#c4_wrap .top .plus_btn:active {background-color: #fff;}
#c4_wrap .top .plus_btn:active .plus {transform: rotate(90deg); background-image: url('../img/c4_plus.png');}
#c4_wrap .top .btn_wr {position: absolute; right: 15px; bottom: 10px; display: flex; align-items: flex-end; }
#c4_controller {position:relative; padding:0 ; margin: 30px auto 0; max-width: 260px;}


/* sldier*/
#c4_slider {width: 100%; margin: 0 auto; position: relative; margin-top: 20px; text-align: left;}
#c4_slider .box { padding: 15px;}
#c4_slider .box a {display: block; padding: 30px; position: relative; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.41); background: #fff; height: 273px;}
#c4_slider .notice_mark {width: 85px; height: 25px; color:#fff; font-size: 12px;  transition: all 0.3s ease; text-align: center; line-height: 25px; font-weight:500;
font-family: 'Montserrat'; text-transform: uppercase; background-image: linear-gradient(to left, #ff8f44, #e73b32);}
#c4_slider .box h1 {font-size: 17px; color: #000; line-height: 28px; margin-bottom: 15px; min-height: 56px; font-family: 'NanumSquare',sans-serif;
text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; margin:25px 0 15px; transition: color .3s ease; }
#c4_slider .box p { font-size: 13px; color: #666; line-height: 24px; letter-spacing: -.4px; font-weight: 300; min-height: 48px;
text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;}

#c4_slider .date {font-size: 13px; color: #adadad; letter-spacing: .4px;font-weight: 300; transition: all .3s ease; margin-top:25px; display: block; transition:color .3s ease;}
#c4_slider .box a:active h1, #c4_slider .box a:active .date { color:#e73b32; }

/*페이져*/
#c4_dots button {background:transparent; width:12px; height: 12px; display:inline-block;margin-right:14px;transition: all 0.2s ease; position: relative; z-index: 1;
border-radius: 50%; border:1px solid #fff; outline: none;}
#c4_dots button:last-child {margin-right: 0;}
#c4_dots button.active {background-color: #fff; }
#c4_dots button:focus {outline: none; border: none;}

/*컨트롤러*/
#c4_nav {display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: absolute; bottom: -2px; left: 0; width: 100%;}
#c4_nav button {width:9px;height: 18px; cursor:pointer; transition: all 0.2s; outline: none; border:0; }
#c4_nav .owl-prev{ background: url('../img/c4_prev.png')no-repeat 50% 50%;}
#c4_nav .owl-next{background: url('../img/c4_next.png')no-repeat 50% 50%;}
.owl-nav button:focus {outline: none; border: none;}



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

}

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

}

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

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

}