/* 공통 */
#c3_wrap .c_inner {width: 100%; margin:0 auto; }
#c3_wrap .c_title {position: relative; text-align: center; }
#c3_wrap .c_title h1 {font-size:30px; font-weight: 300; color:#000; font-family: 'Montserrat'; }
#c3_wrap .c_title h1 b {font-weight: 700; }
/* c_btn */
#c3_wrap .c_title .c_btn {display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; position: absolute; right:0; top:-20px;
background: #fff; border:1px solid transparent; z-index: 1; }
#c3_wrap .c_title .c_btn::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: -1; left:0; top:0; transition: all .3s ease ;
background-image: linear-gradient(to bottom, #1c449c, #1a166b); opacity: 1; }
#c3_wrap .c_title .c_btn span {font-size:14px; font-weight: 500; color:#fff; transition: all .3s ease; font-family: 'Montserrat'; padding-bottom: 10px; border-bottom: 1px solid
#fff;  text-transform: uppercase; }
#c3_wrap .c_title .c_btn:hover { border-color: #1c449c;}
#c3_wrap .c_title .c_btn:hover::before {opacity: 0;}
#c3_wrap .c_title .c_btn:hover span {color:#1c449c; border-color:#1c449c; }

/*Content CSS*/
#c3_wrap {padding: 60px 20px; background: #fff; position: relative; text-align: center; z-index: 1; overflow: hidden; }

/* btn */
#c3_wrap .c_btn {width: 300px; height: 55px; display: flex; align-items: center; justify-content: center; background: transparent; position: relative; font-size:14px; font-weight: 400; color:#fff; transition: all .5s ease; margin: 30px auto 0; z-index: 1; background-image: linear-gradient(to right, #1c449c, #1a166b);}
#c3_wrap .c_btn::before {content: ''; display: block; left: 50%; top: 0; transform: translateX(-50%); width: 0; height: 100%; position: absolute;
transition: all .5s ease; z-index: -1; background-image: linear-gradient(to right, #1c449c, #1a166b);}
#c3_wrap .c_arrow {display: block; width: 24px;height: 1px; position: relative; background: #fff; transition: all .5s ease; top: 2px; left: 0; margin-left: 18px; z-index: 1;}
#c3_wrap .c_arrow::after { content: ''; position: absolute;display: block;width: 9px;height: 1px; background: #fff; right: -1px;transform: rotate(43deg);
top: -3px; transition: all .5s ease;}


/* c3_bo_list */
.c3_slider {margin: 30px 0 0; width:100%; position: relative; }
.c3_slider .c3_box {outline: none; text-align: left; margin:0 17px; }
.c3_slider .c3_box a {display: block ;width: 100%; height: 100%; position: relative; background: #fff; padding:42px 34px; outline: none;  border:1px solid #ddd;
height: 320px;transition: all .3s ease; overflow: hidden; }
.c3_slider .c3_box a h2 {width: 76px; height: 27px; line-height: 27px; text-align: center; background-color: #dbdfe7;  font-size:14px; font-weight: 300; color:#fff;
font-family: 'Montserrat'; transition: all .3s ease; }
.c3_slider .c3_box a h1 {font-size:20px; font-weight: 500; color:#333; line-height: 30px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;  word-break: keep-all; -webkit-box-orient: vertical; display: -webkit-box; min-height: 60px;max-height: 60px; margin:20px 0 0; letter-spacing: -.2px; }
.c3_slider .c3_box a p {font-size:14px; font-weight: 300; color:#868686; line-height: 26px; margin:15px 0 25px;   text-overflow: ellipsis; overflow: hidden;
word-break: keep-all;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; min-height: 52px; max-height: 52px; }
.c3_slider .c3_box.c3_box a span {font-size: 13px; font-weight: 300; color:#ccc; font-family: 'Montserrat';}
.c3_slider .c3_box.c3_box a span .arrow {font-size:12px; font-family: 'Nanum Gothic', sans-serif; padding-left:12px; }
.c3_slider .c3_box  a:hover { border-color: #1c449c; }
.c3_slider .c3_box  a:hover h2 {background-color: #1c449c; }

/* .slide_controller */
#c3_wrap .slide_controller {width: 100%; display: flex; align-items: center; position: relative; justify-content: center;  margin:30px auto 0; }
/* dots */
#c3_wrap .slide_controller #c3_dots ul {display: flex; justify-content: center; width: 100%; }
#c3_wrap .slide_controller #c3_dots ul li {margin-right: 15px; }
#c3_wrap .slide_controller #c3_dots ul li:last-child {margin-right: 0; }
#c3_wrap .slide_controller #c3_dots ul li button {border:0; font-size:0; box-shadow: none; width: 19px; height: 19px; background: #eaecf1; outline: none; border-radius: 50%; transition: all .2s ease; position: relative; overflow: hidden; }
#c3_wrap .slide_controller #c3_dots ul li button::before {content: ''; width: 100%; height: 100%; position: absolute; left:0; top:0;
background-color:#1c449c; transition: all .3s ease; opacity: 0; }
#c3_wrap .slide_controller #c3_dots ul li.slick-active button {width: 44px; background: #fff; border-radius: 8.9px; }
#c3_wrap .slide_controller #c3_dots ul li.slick-active button::before {opacity: 1; }







@media screen and (max-width:100%) {

}

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

}

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

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

}