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


/*Content CSS*/
/* top */
#c1_wrap {text-align: center; padding:115px 0 130px; }
#c1_wrap .top {position: relative; }
#c1_wrap .top .plus_btn {position: absolute; right:0; top:50%; transform:translateY(-50%);}
/* slider */
#c1_wrap .slider_wrap {margin-top: 35px; }
#c1_slider .box {padding:17px; transition: opacity .3s linear; transition-delay: .5s; }
#c1_slider .slick-list { overflow:visible;}
#c1_slider .box:not(.slick-active) {transition-delay: 0; z-index: -1; opacity: .3; }
#c1_slider .box.slick-active {opacity:1 ; z-index: 3;}

#c1_slider .box a {display: block; width: 100%; background: #fff ; padding:50px 45px;  box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.05); position: relative;
transition: all .3s ease; z-index: 1; overflow: hidden;}
#c1_slider .box a .img img { margin:0 auto; }
#c1_slider .box a .txt {margin-top:35px; padding-top:25px; border-top: 1px solid #ddd; text-align: left; }
#c1_slider .box a .txt h2 {font-size: 22px; font-weight: 500; color:#000; letter-spacing: -.5px; white-space: nowrap ;}
#c1_slider .box a .txt .more {display: flex; align-items: center; margin-top: 10px; font-size: 18px; font-weight: 300; color:#9a9a9a; }
#c1_slider .box a .txt .more img {margin-left: 10px; position: relative; top:2px;}
#c1_slider .box a .cover {position: absolute;left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction:column; align-items: center; justify-content: center;
z-index: 1; background-size:cover; opacity: 0; transition: opacity .3s ease; }

#c1_slider .box1 a .cover { background: url('../img/c1_img1_hv.jpg?v=240626') 50% 50% no-repeat; }
#c1_slider .box2 a .cover { background: url('../img/c1_img2_hv.jpg?v=221122a') 50% 50% no-repeat; }
#c1_slider .box3 a .cover { background: url('../img/c1_img3_hv.jpg?v=221122a') 50% 50% no-repeat; }
#c1_slider .box4 a .cover { background: url('../img/c1_img4_hv.jpg?v=221122a') 50% 50% no-repeat; }
#c1_slider .box5 a .cover { background: url('../img/c1_img5_hv.jpg?v=221122a') 50% 50% no-repeat; }


#c1_slider .box a .cover::before {content: ''; width: calc(100% - 40px); height: calc(100% - 40px); left: 20px; top: 20px ; border:1px solid #fff;  position: absolute; }
#c1_slider .box a .cover .txt {margin-top: 0; padding-top: 0; border-top: 0; text-align: center;}
#c1_slider .box a .cover .txt h1 {font-size: 55px; font-weight: 700; color:#fff; font-family: 'Montserrat'; margin-bottom: 15px; }
#c1_slider .box a .cover .txt h2 {color:#fff;}
#c1_slider .box a .cover .txt .more {color:#fff; justify-content: center; margin-top: 25px;}

/* hover */
#c1_slider .box.slick-active a:hover .cover {opacity: 1; }
#c1_slider .slick-arrow {border:0; position: absolute; bottom: -2px;font-size: 0; width: 45px ;height: 30px; display: block; z-index: 3;
background: url('../img/c1_prev.png') no-repeat 50% 50%; cursor: pointer;}
#c1_slider .slick-arrow.slick-prev {left: 430px; }
#c1_slider .slick-arrow.slick-next {right: 430px; background-image: url('../img/c1_next.png')}

/* slick-dots */
#c1_slider .slick-dots {position: relative; display: flex; width: 100%; text-align: center; margin: 45px auto 0; justify-content: center; }
#c1_slider .slick-dots li {margin-right:23px;}
#c1_slider .slick-dots li:last-child {margin-right: 0; }
#c1_slider .slick-dots button {background: #dfdedb; width: 19px; height: 19px; border-radius: 50%; transition: all 0.2s ease; position: relative; z-index: 1; border: 0; font-size: 0; box-shadow: none; display: block; }
#c1_slider .slick-dots li.slick-active button {width: 49px; height: 19px; border-radius: 8.9px; background: #009a5e;}







/*sec2*/
/* slider arrow */
.ppf_color_slider {position: relative; opacity: 0.3;}
.ppf_color_slider .slick-arrow {box-shadow: none; outline: none; width: 60px; height: 60px;border:0; transition:all .3s ease; overflow: hidden;  font-size: 0; transition: opacity .3s ease;
opacity: .5; bottom: 0; position: absolute;  color:#000;  z-index: 3;}
/* .ppf_color_slider .slick-arrow:hover {opacity: .7; } */
.ppf_color_slider .slick-arrow.slick-prev {background: url('../img/c1_prev.png')no-repeat 50% 50%; left: 33%; bottom: -3%;transform: translateX(-50%);}
.ppf_color_slider .slick-arrow.slick-next {background: url('../img/c1_next.png')no-repeat 50% 50%; left: 64%; bottom: -3%;}