/*공통*/
#c3_wrap .c_inner { margin: 0 auto; min-width: 1340px; max-width: 1340px;}
#c3_wrap .c_title h2 {font-size:14px; font-weight: 500; color:#675846; letter-spacing: 10.78px; text-transform: uppercase; font-family: 'Montserrat'; margin-bottom: 25px;}
#c3_wrap .c_title h1 {font-size:54.5px; font-weight: 300; color:#333; font-family: 'NanumSquare',sans-serif;	}
#c3_wrap .c_title h1 b {font-weight: 700;}

/*Content CSS*/
#c3_wrap { width: 100%; height: 100vh; background: url('../img/c3_bg.jpg') 80% 50% no-repeat; background-size:cover; overflow: hidden; text-align: center;
position: relative; display: flex; align-items: center;}
#c3_wrap .c_title {position: relative;}
#c3_wrap .c_title a {position: absolute; right:0; bottom:0; display: flex; align-items: center; justify-content: center; width: 86px; height: 86px; background: #675846;
transition: all .3s ease; }
#c3_wrap .c_title a img {transition: all .3s ease;}
#c3_wrap .c_title a:hover {background: #333; }
#c3_wrap .c_title a:hover img {transform: rotate(90deg);}

/* slider */
#c3_slider_wrap {margin-top:60px;}
#c3_slider .c3_box {margin:0 20px; outline: none;}
#c3_slider .c3_box a {display: block; width: 100%; height: 350px; background: #fff; padding:48px 34px 0; text-align: left; outline: none;}
#c3_slider .c3_box h1 {width: 76px; height: 27px; background: #cbc8c1; text-align: center; line-height: 27px; font-size:14px; font-weight: 300; color:#fff;
font-family: 'Montserrat'; transition: all .3s ease;}
#c3_slider .c3_box h2 {font-size:20px; font-weight: 700; color:#333; line-height: 30px; font-family: 'NanumSquare',sans-serif; margin:25px 0 15px; min-height: 60px;
word-break: keep-all; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box}
#c3_slider .c3_box p {font-size:14px; font-weight: 300; color:#666; line-height: 26px; font-family: 'paybooc-Light'; min-height: 78px; word-break: keep-all;
text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box}
#c3_slider .c3_box h3 {font-size:13px; font-weight: 300; color:#ccc; font-family: 'Montserrat'; margin-top:30px; transition: all .3s ease;}
#c3_slider .c3_box h3 span {display: inline-block; margin-left:10px; font-family: 'Nanum Gothic', sans-serif;}
#c3_slider .c3_box a:hover h1 {background: #675846;}
#c3_slider .c3_box a:hover h3 {color:#675846;}

/* slider_controller */
#c3_slider_controller {margin-top:75px; align-items: center; display: flex; justify-content: center;}
#c3_slider_controller .slick-arrow {display: block; width: 45px; height: 30px; cursor: pointer;}
#c3_slider_controller .c3_prev {background: url('../img/c3_prev.png') 50% 50% no-repeat;}
#c3_slider_controller .c3_next {background: url('../img/c3_next.png') 50% 50% no-repeat;}
#c3_slider_controller .c3_dots {margin:0 75px; position: relative; top:4px; }
#c3_slider_controller .c3_dots ul {display: flex;}
#c3_slider_controller .c3_dots ul li {margin-right: 23px;}
#c3_slider_controller .c3_dots ul li:last-child {margin-right: 0;}
#c3_slider_controller .c3_dots ul li button {font-size:0; border:0; box-shadow: none; width: 18px; height: 18px; background: #dfdedb; border-radius: 50%; transition: all .3s ease;}
#c3_slider_controller .c3_dots ul li.slick-active button {width: 48px; height: 18px; background: #675846; border-radius: 9px;}







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

}

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

}

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

}

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

}

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

}

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

}