/* 공통 */
#c1_wrap .c_inner {width: 100%; margin:0 auto; position: relative;}
#c1_wrap .c_title {text-align: center;}
#c1_wrap .c_title h2 {font-size:14px; font-weight: 400; color:#0867ae; letter-spacing:2px; font-family: 'Montserrat'; margin-bottom: 7px; text-transform: uppercase;}
#c1_wrap .c_title h1 {font-size: 34px; font-weight: 800; color:#333; font-family: 'NanumSquare',sans-serif; }


/*Content CSS*/
#c1_wrap {padding: 60px 10px;  background: #fff; position: relative; z-index: 1;}

/* slider */
#c1_slider {margin-top: 50px; }
.c1_slide {width: 100%; outline: none; margin: 0 10px;}
.c1_img {width: 100%; height: 220px; overflow: hidden; padding: 20px; display: flex; justify-content: flex-end; align-items: flex-start;}
.c1_img .c_tt {width: 120px; padding: 15px 0; background: rgba(0,0,0,0.7);text-align: center;}
.c1_img h2 {font-size:13px; font-weight: 800; color:rgba(255,255,255,.3); margin-bottom: 10px; font-family: 'NanumSquare',sans-serif;}
.c1_img h1 {font-size: 18px; font-weight: 800; color:#fff; font-family: 'NanumSquare',sans-serif;}
.c1_box1 .c1_img {background: url('../img/c1_img1.jpg')no-repeat 50% 50%; background-size: cover;}
.c1_box2 .c1_img {background: url('../img/c1_img2.jpg')no-repeat 50% 50%; background-size: cover;}

.c1_txt {width: 100%; background: #fff; padding: 0; margin-top: 30px; text-align: center;}
.c1_txt h1 {font-size: 18px; font-weight: 800; color:#333;font-family: 'NanumSquare',sans-serif; word-break: keep-all; line-height: 30px;}
.c1_txt p {font-size: 14px; font-weight: 300; line-height: 26px; color: #666; margin: 10px 0 0; word-break: keep-all;}

.c1_txt a {display: flex; width: 100%; background: #333; transition: all .3s ease; justify-content: center; align-items: center; padding: 10px; color:#fff; font-weight: 300; margin-top: 30px;}
.c1_txt a img {transition: all .3s ease;}
.c1_txt a:hover {background: #0768af;}
.c1_txt a:hover img {transform: rotate(90deg);}

/* c1_arrow */
#c1_arrow {position: absolute; top:475px; width:100%; display: flex; justify-content: space-between; left:50%; transform:translateX(-50%);  height: 0;}
#c1_arrow button {border:0; box-shadow: none; font-size:0; width: 30px; height: 57px;  cursor: pointer; outline: none;}
#c1_arrow .slick-prev {background: url('../img/c1_prev.png') 50% 50% no-repeat;}
#c1_arrow .slick-next {background: url('../img/c1_next.png') 50% 50% no-repeat;}

/* c1_dots */
#c1_dots {position: absolute; left:0%; top: 140px; width: 100%;}
#c1_dots ul {display: flex; justify-content: center;}
#c1_dots ul li {width: 50px; height: 5px; margin-right: 15px;}
#c1_dots ul li:last-child {margin-right: 0;}
#c1_dots ul li button {border:0; box-shadow: none; font-size:0; background: #e0e5e9; transition: all .3s ease; width: 100%; height: 100%; outline: none;}
#c1_dots ul li.slick-active button {background: #0768af;}

/* bg ptn */
.c1_ptn_wr {position: absolute;  height: 0; top:0; left:50%; transform:translateX(-50%); z-index: -1; width: 100%;}
.c1_ptn_wr > img {position: absolute; z-index: -1;}
.c1_ptn1 {top:95px; left:-135px;}
.c1_ptn2 {top:95px; right:-135px;}





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

}

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

}

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

}