/* 공통 */
#c3_wrap .c_inner {width: 1300px; margin:0 auto ; position: relative; }
#c3_wrap .s_title h2 {font-size: 18px; font-weight: 500; color:#009a5e; letter-spacing: 4.5px; }
#c3_wrap .s_title h1 { font-size:55px; font-weight: 500; color:#000; margin-top: 15px ;}
#c3_wrap .plus_btn img {transition: all .3s ease; }
#c3_wrap .plus_btn:hover img {transform: rotate(90deg);}



/*Content CSS*/
#c3_wrap {padding:120px 0 140px; text-align: center; overflow: hidden; }
#c3_wrap .top {position: relative;}
#c3_wrap .top .plus_btn {position: absolute; right: 0 ; top:50%; transform:translateY(-50%);}
#c3_wrap .slider_wrap {margin-top: 45px ;}
/* slider */
#c3_slider { width: calc(100% + 40px); position: relative; left:-20px;}
#c3_slider .box {outline: none;padding:20px;}
#c3_slider .box a {display: block; text-align: left; background: #fff ;outline: none; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07); position: relative;
padding:60px 45px 0; height: 320px; }
#c3_slider .box a::before {content: ''; display: block; width: 100%; height:100%; position: absolute; left: 0; top: 0; opacity: 0; transition: opacity .3s ease;
border:3px solid #009a5e; }
#c3_slider .box a h2 {display: flex; align-items: center; justify-content:center; position: absolute; right: 0; top: 0 ;background: #009a5e; border-bottom-left-radius: 15px ;
font-size: 16px; font-weight: 700; color:#fff; width: 50px; height: 50px ; }
#c3_slider .box a h1 {font-size: 21px; font-weight: 700; line-height: 33px; color:#000; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;  word-break: keep-all;  min-height: 66px; max-height: 66px; -webkit-box-orient: vertical; display: -webkit-box;}
#c3_slider .box a p {font-size:14px; font-weight: 300; color:#666; line-height: 24px; height: 72px; text-overflow: ellipsis; overflow: hidden;
word-break: keep-all;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box;margin:20px 0 30px; letter-spacing: -.5px;}
#c3_slider .box a span {display: block; font-size: 16px; font-weight: 300; color:#cbcbcb; }
/* hover */
#c3_slider .box a:hover::before {opacity: 1; }
/*arrow*/
#c3_slider .slick-arrow {position:absolute; width:100%; z-index: 3; display: block; width:45px;height: 24px; cursor:pointer; transition: all 0.2s; font-size:0; border:0;
top:150px;}
#c3_slider .slick-prev {left: -90px; background: url('../img/c3_prev.png')no-repeat 50% 50%;}
#c3_slider .slick-next {right:-90px; background: url('../img/c3_next.png')no-repeat 50% 50%;}
/* dots */
#c3_slider .slick-dots {width:100%; text-align:center; margin:35px auto 0; display: flex; justify-content: center; }
#c3_slider .slick-dots li {margin-right: 23px; }
#c3_slider .slick-dots li:last-child {margin-right: 0;}
#c3_slider .slick-dots button {background: #dfdedb;width:19px; height:19px; border-radius: 50%; display:inline-block; transition: all 0.2s ease; position: relative; z-index: 1; border:0; font-size: 0; box-shadow: none; }
#c3_slider .slick-dots li.slick-active button {width: 49px; height: 19px; border-radius: 8.9px; background: #009a5e;}
#c3_slider .slick-dots 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) {

}