/* common */
#c3_wrap .c_inner { width: 100%; max-width: 1400px; margin:0 auto; position: relative; padding:0 50px;}
#c3_wrap .c_title h2::before {content: ''; display: block; width: 50px; height: 5px; background-color: #000; margin-bottom:15px; }

/* font size */
#c3_wrap .fs_58 {font-size: 58px; font-weight :800; line-height: 1.2; color:#000; }
#c3_wrap .fs_30 {font-size: 30px; font-weight :800; line-height: 1.2; color:#000; }
#c3_wrap .fs_18 {font-size: 18px; font-weight :400; line-height: 1.67; color:#333; }
#c3_wrap .fs_17 {font-size: 17px; font-weight :400; line-height: 1.76; color:#333; letter-spacing: -.34px;}
#c3_wrap .fs_16 {font-size: 16px; font-weight :400; line-height: 1.69; color:#333; }

/* c_btn */
#c3_wrap .c_btn a {display: flex;justify-content: space-between; align-items: center; font-size: 15px; font-weight: 400;  color:#464646; height: 50px;
position: relative; z-index: 1; width: 190px; padding: 0 20px; border-radius: 24px; border:1px solid #464646; transition: all .3s; }
#c3_wrap .c_btn a i {display: block; width: 15px; height: 15px; transition: background-image .3s; background:url("../img/c_btn_plus_b.png") 50%/contain no-repeat;}
#c3_wrap .c_btn a:hover {background-color: #ef3f35; border-color: #ef3f35; color:#fff; }
#c3_wrap .c_btn a:hover i {background-image:url("../img/c_btn_plus.png");}

/*Content CSS*/
#c3_wrap {padding:100px 0 130px; position: relative; z-index: 2; background:#fff; }
#c3_wrap .line {display: flex; justify-content: space-between;width: 100%;max-width: 1500px; position: absolute; z-index: -1; top:0; height: 100%; left: 50%;  transform: translateX(-50%);}
#c3_wrap .line span {display: block ;width: 1px; height: 100%; background-color: #ddd; }
/* txt */
#c3_wrap .contr {position: absolute; bottom:40px; right: 50px;}
#c3_wrap .txt {width: 100%;}
#c3_wrap .txt h3 {margin: 30px 0 15px;}
#c3_wrap .txt .c_btn a {margin-top:50px; }
/* #c3_wrap .slider_item  {display: flex; justify-content: space-between; align-items: flex-end; } */

/* slider */
#c3_wrap .slider {width:100%; }
/* #c3_wrap .slider .slick-list {overflow: visible; width: calc(100% + 100px); left: -50px; } */
#c3_wrap .slide {outline: none;   display: flex; justify-content: space-between;}
#c3_wrap .slide .img {display: flex; align-items: center;  justify-content: space-between; flex-shrink: 0; margin-right: 60px; overflow: hidden;}
@media screen and (min-width: 1025px) {
    #c3_wrap .slide .img img {transition: transform .3s; }
    #c3_wrap .slide .img:hover img {transform: scale(1.1);}
}


/* arrow */
#c3_wrap .slick-arrow { cursor: pointer; transition: all 0.3s; position:absolute; z-index: 5; opacity: 1; border:0; font-size: 0; top: 50%;  transform: translateY(-50%);
width:60px; height: 60px; border:1px solid transparent; }
#c3_wrap .slick-arrow.slick-prev { background:url('../img/prev.png') no-repeat center #464646; left:-130px;}
#c3_wrap .slick-arrow.slick-next { background:url('../img/next.png') no-repeat center #464646; right:-130px;}
#c3_wrap .slick-arrow:focus {outline: none; border: none;}
#c3_wrap .slick-arrow:hover {background-color: #ef3f35; border-color: rgba(255,255,255,.2);}
/* dots */
#c3_wrap .slick-dots {display: flex;}
#c3_wrap .slick-dots li {margin-right:12px;}
#c3_wrap .slick-dots li:last-child {margin-right: 0;}
#c3_wrap .slick-dots button {font-size: 0; width: 10px; height: 10px; background: rgba(153,153,153,.35); border-radius: 50%; transition: all .3s; }
#c3_wrap .slick-dots .slick-active button {background-color: #ef3f35; width: 20px; border-radius: 5px; }




@media screen and (max-width: 1400px) {
    #c3_wrap .slide .img {width: 40%;}

    #c3_wrap .slide .img {margin-right: 40px;}
    #c3_wrap .slide .img img { object-fit: cover; height: 100%;}
    #c3_wrap .txt h3 {margin: 15px 0 10px;}
    #c3_wrap .txt .c_btn a {margin-top:30px; }
}

@media screen and (max-width: 1024px) {
    /* common */
    #c3_wrap {padding: 70px 0; text-align: center; }
    #c3_wrap .c_inner {padding: 0 30px;}
    #c3_wrap .c_title h2::before {margin: 0 auto 15px;}
    /* font */
    #c3_wrap .fs_58 {font-size:40px; }
    #c3_wrap .fs_30 {font-size:25px; }
    #c3_wrap .fs_18 {font-size: 16px; line-height: 1.65;}
    #c3_wrap .fs_17 {font-size: 15px; line-height: 1.65;}
    #c3_wrap .fs_16 {font-size: 14px; line-height: 1.65; }

    #c3_wrap .c_btn a {font-size: 13px; height: 40px; width: 130px; padding: 0 15px;  }

    /*Content CSS*/
    #c3_wrap .line {display: none;}

    #c3_wrap .slide {flex-direction: column; align-items: center;}
    #c3_wrap .slide .img {width: 100%; margin:0 0 40px; justify-content: center; height:350px;}
    #c3_wrap .slide .img img {width: 100%; }
    #c3_wrap .txt .c_btn a {margin: 20px auto 0; }

    #c3_wrap .contr {position: static; margin-top: 30px;}
    #c3_wrap .slick-dots {justify-content: center; }

}

@media screen and (max-width: 640px) {
    /* common */
    #c3_wrap {padding:50px 0; }
    #c3_wrap .c_inner {padding: 0 20px;}
    #c3_wrap .c_title h2::before {height: 4px;}
    /* font */
    #c3_wrap .fs_58 {font-size:30px; }
    #c3_wrap .fs_30 {font-size:20px; }
    #c3_wrap .fs_18 {font-size: 14px; }
    #c3_wrap .fs_17 {font-size: 14px; }
    #c3_wrap .fs_16 {font-size: 13px;  }

    /*Content CSS*/
    #c3_wrap .slide .img {height: auto; margin:0 0 30px;}

    #c3_wrap .txt h3 {margin: 10px 0 5px; }
    #c3_wrap .txt .c_btn a {margin: 15px auto 0; }

    #c3_wrap .contr { margin-top: 20px;}


}

@media screen and (max-width:480px) {
    #c3_wrap .c_btn a {font-size: 11px; height:35px; width: 130px; padding: 0 15px;  }
    #c3_wrap .c_btn a i {width: 11px; height: 11px;}


}