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



/*Content CSS*/
#c3_wrap {padding:60px 0 80px; 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: 10px ;}
/* 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:50px 40px 0; height: 300px; }
#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; display: none; }
#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: 15px; font-weight: 700; color:#fff; width: 45px; height: 45px ; }
#c3_slider .box a h1 {font-size: 18px; font-weight: 700; line-height: 30px; color:#000; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;  word-break: keep-all; height: 60px; -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: 14px; 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:10px auto 0; display: flex; justify-content: center; }
#c3_slider .slick-dots li {margin-right: 18px; }
#c3_slider .slick-dots li:last-child {margin-right: 0;}
#c3_slider .slick-dots button {background: #dfdedb;width:13px; height:13px; 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: 35px; height: 13px; border-radius: 8.9px; background: #009a5e;}
#c3_slider .slick-dots button:focus {outline: none; border: none;}


@media screen and (min-width: 480px) {

    #c3_slider .box { padding:20px 10px; }

}