/* common */
#c1_wrap .c_inner { padding: 0 50px; margin: 0 auto; max-width: 1400px; width: 100%; }
#c1_wrap .c_tit h2::before {    content: ''; display: block; width: 50px; height: 5px; background-color: #29a7e1; margin: 0 0 20px;}

/* font size */
#c1_wrap .fs_55 {font-size: 55px; font-weight:700;  line-height: 1.1; }
#c1_wrap .fs_35 {font-size: 35px; font-weight:700; line-height: 1.2; }
#c1_wrap .fs_20 {font-size: 20px;  }
#c1_wrap .fs_18 {font-size: 18px; font-weight: 400; color: #333; line-height: 1.83; }

/* btn */
#c1_wrap .c_btn {width: 180px; height:45px; display: flex; align-items: center; justify-content: space-between; color: #000; font-size: 14px; padding:0 15px;
font-weight: 400; overflow: hidden; z-index: 1; position: relative; background:#fff; border:1px solid #000; transition: all .3s; pointer-events: auto;  }
#c1_wrap .c_btn::before {content: ""; z-index: -1; position: absolute; background: #29a7e1; transition: all .4s; left: 0; top: 0; width: 0; height: 100%;}
#c1_wrap .c_btn .plus {transition: background-image .3s; display: block; width: 13px ;height: 13px; background:url("../img/c_btn_plus.png") 50%/contain no-repeat;
position: relative; }
#c1_wrap .c_btn:hover {border-color: #29a7e1; color:#fff;  }
#c1_wrap .c_btn:hover .plus {background-image:url("../img/c_btn_plus_w.png");}
#c1_wrap .c_btn:hover::before {width:100%;}


/* c1 */
#c1_wrap {padding:95px 0 100px; position: relative; z-index:4;}
#c1_wrap::before {content: ''; display: block; width: 460px; height:100%; position: absolute; z-index: -1; right: 0; top:-100px;  background: #f7f7f7; }
#c1_wrap .flex_wrap {display: flex; position: relative; align-items: flex-start;}
#c1_wrap .txt_area  {position:relative; z-index: 3; flex-shrink: 0; margin-right: 110px; padding-top: 35px; }
#c1_wrap .txt_area p {margin: 35px 0 45px;  }

#c1_wrap .bg_txt { position: absolute; pointer-events: none;z-index: -1;}
#c1_wrap .bg_txt1 {left: 0;bottom: 190px;}
#c1_wrap .bg_txt2 {left:128px;bottom: 101px;}


/* slider */
#c1_wrap .slide_area { width:100%; position:relative; z-index: 1; }
#c1_wrap .slider .slick-track,
#c1_wrap .slider .slick-list { overflow: visible; }

#c1_wrap .slider { width:100%; }
#c1_wrap .slider .slick-slide { margin-right:40px; transition: all .3s; opacity: 0; width: 400px;  height: 560px; margin-right: 20px;pointer-events: none; }
#c1_wrap .slider .slick-current,
#c1_wrap .slider .slick-current ~ .slick-slide { opacity:1;pointer-events: auto;  }
#c1_wrap .slider .slick-slide a { display: flex; position: relative; z-index: 1; border:1px solid #ccc; border-radius:0 0 50px 0; padding:45px 40px 45px; transition: all .3s;height: 100%; flex-direction: column; justify-content: space-between; align-items: flex-start; overflow: hidden; background:url("../img/c1_logo_bg.png") 100% 15% no-repeat #29a7e1;}
#c1_wrap .slider .slick-slide a > img {display: block; z-index: -1; position: absolute; left: 0; top:0; object-fit: cover; width: 100%; height: 100%; opacity: 0;
transition:  opacity .3s; }
#c1_wrap .slider .icon {position: relative; z-index: 2;}
#c1_wrap .slider .icon img {transition: transform .5s; }
#c1_wrap .slick-slide a:hover .icon img {transform: rotateY(180deg);}

#c1_wrap .slider .txt {transition: all .3s; width: 100%; }
#c1_wrap .slider .txt h3 { color: #fff; transition: color .3s; }
#c1_wrap .slider .txt p {  color: rgba(255, 255, 255, 0.8); transition: color .3s; margin: 20px 0 0;}



@media screen and (min-width: 1025px) {
    #c1_wrap .slide_area {  transform: translateX(130px);}

    #c1_wrap .slider .slick-current ~ .slick-slide {width: 300px; height: 420px; transform: translateY(70px); }
    #c1_wrap .slider .slick-current ~ .slick-slide a {border-radius:0 0 20px 0;  padding:35px 30px 35px; }
    #c1_wrap .slider .slick-current ~ .slick-slide .txt h3 {font-size: 25px;}
    #c1_wrap .slider .slick-current ~ .slick-slide .txt h3 span {font-size: 70%;}
    #c1_wrap .slider .slick-current ~ .slick-slide .txt p {font-size: 15px;}

    #c1_wrap .slider .slick-slide.slick-current {transform: translateX(-130px);}
    #c1_wrap .slider .slick-slide.slick-current a > img {opacity: 1;}
}

/* arrow */
#c1_wrap .arrows { position: absolute; flex-direction: column; display: flex; left: 315px; top:216px; }
#c1_wrap .slick-arrow { cursor: pointer; transition: all 0.3s; font-size: 0; width:60px; height: 60px; bottom: 0; transition: all .3s;  border:1px solid #ddd; }
#c1_wrap .slick-arrow.slick-prev { background:url('../img/prev.png') no-repeat center #fff;  }
#c1_wrap .slick-arrow.slick-next { background:url('../img/next.png') no-repeat center #fff; margin-top:8px;}
#c1_wrap .slick-arrow:focus {outline: none; }
#c1_wrap .slick-arrow.slick-prev:hover {background-image:url('../img/prev_hv.png'); background-color: #333; border-color: #333;}
#c1_wrap .slick-arrow.slick-next:hover {background-image:url('../img/next_hv.png'); background-color: #333; border-color: #333;}

/* dots */
#c1_wrap .slick-dots {display: flex; margin: 40px 0 0;}
#c1_wrap .slick-dots li {margin-right:22px; transition: all .3s;}
#c1_wrap .slick-dots li:last-child {margin-right: 0; }
#c1_wrap .slick-dots button {border:0; font-size: 0; outline: none;  width: 10px; height: 10px; transition: all .3s ease; display: flex; align-items: center; justify-content: center; background-color: #ddd;}
#c1_wrap .slick-dots li.slick-active button {background-color:#29a7e1;}




@media screen and (max-width: 1400px) {
    /* common */
    /* #c1_wrap br:not(.space) {display: none;} */

    #c1_wrap .txt_area {margin-right: 80px;}
    #c1_wrap .slider br {display: none; }

}

@media screen and (max-width: 1024px) {
    /* common */
    #c1_wrap br:not(.space) {display: none;}
    #c1_wrap {padding: 70px 0; text-align: center;}
    #c1_wrap .c_inner {padding:0 30px;}
    #c1_wrap .c_tit h2::before {margin: 0 auto 15px;}
    /* font size */
    #c1_wrap .fs_55 {font-size: 35px;}
    #c1_wrap .fs_35 {font-size: 25px;}
    #c1_wrap .fs_20 {font-size: 18px;}
    #c1_wrap .fs_18 {font-size: 16px;}

    /* c1 */
    #c1_wrap::before {display: none;}
    #c1_wrap .bg_txt1 {left: 0;bottom: 90px; max-width: 35%;}
    #c1_wrap .bg_txt2 {left:50px;bottom: 0px; max-width:65%;}

    #c1_wrap .flex_wrap { flex-wrap: wrap;}
    #c1_wrap .txt_area { padding-top: 0; width: 100%; display: flex; align-items: center; flex-direction: column; margin:0;}
    #c1_wrap .txt_area p {    margin: 25px 0 30px;}

    #c1_wrap .slide_area { width: 100%; margin:40px 0 0; }
    #c1_wrap .slider .slick-track,
    #c1_wrap .slider .slick-list { overflow: hidden; }
    #c1_wrap .slider .slick-track {display: flex; align-items: stretch; }

    /* 2분할 */
    #c1_wrap .slider {width: calc(100% + 30px); position: relative; left: -15px; text-align: left; }
    #c1_wrap .slider .slick-slide { margin:0 12.5px; opacity: 1; height: 300px ;}
    #c1_wrap .slider .slick-slide a { padding:30px; }
    #c1_wrap .slider .slick-slide.slick-current a > img {opacity: 1;}
    #c1_wrap .slider .txt p {margin: 10px 0 0;}
    #c1_wrap .slick-dots {justify-content: center; }

}

@media screen and (max-width:640px) {
    /* common */
    #c1_wrap {padding: 50px 0;}
    #c1_wrap .c_inner {padding:0 20px;}
    #c1_wrap .c_tit h2::before {width: 40px; height: 4px; }
    /* font size */
    #c1_wrap .fs_55 {font-size: 30px;}
    #c1_wrap .fs_35 {font-size: 22px;}
    #c1_wrap .fs_20 {font-size: 16px;}
    #c1_wrap .fs_18 {font-size: 14px;}
    /* c_btn */
    #c1_wrap .c_btn {width: 100%; height: 40px; padding: 0 15px; font-size: 13px; }


    /* c1 */
    #c1_wrap .bg_txt1 {left: 0;bottom: 70px;}
    #c1_wrap .txt_area p {margin: 20px 0 25px;}

    #c1_wrap .slide_area { width: 100%;   }
    #c1_wrap .slider {width:100%; position: relative; left: -0; }
    #c1_wrap .slider .slick-slide { margin:0; height: 250px; }
    #c1_wrap .slider .slick-slide a {padding: 20px; }
    #c1_wrap .slider .icon img {max-height: 50px;}
    #c1_wrap .slider .slick-slide a > img {opacity: 1;}

    #c1_wrap .slick-dots {margin-top: 30px;}



}