/* common */
#c2_wrap .c_inner { padding: 0 50px; margin: 0 auto; max-width: 1400px; width: 100%; }

/* font size */
#c2_wrap .fs_60 {font-size: 60px; font-weight: 800; color:#000; line-height: 1.1; }
#c2_wrap .fs_30 {font-size: 30px; font-weight: 800; color:#000; line-height: 1.2; }
#c2_wrap .fs_25 {font-size: 25px; font-weight: 700; color:#000; line-height: 1.2;}
#c2_wrap .fs_23 {font-size: 23px; font-weight: 800; color:#000; line-height: 1.4;}
#c2_wrap .fs_18 {font-size: 18px; font-weight: 400; color:#333; line-height: 1.83; letter-spacing: -.27px; }
#c2_wrap .fs_16 {font-size: 16px; font-weight: 400; color:#333; line-height: 1.63; }


/* c1 */
#c2_wrap {padding:0; position: relative; z-index: 3;  }
#c2_wrap .c_inner {max-width: 1500px; padding: 100px 100px 100px; background-color: #fff; margin-top: -250px;}
#c2_wrap .flex_wrap {display: flex; position: relative; align-items: flex-start;}
#c2_wrap .txt_area  {position:relative; z-index: 2; width: 455px; flex-shrink: 0; }


#c2_wrap .pro_num_wrap {width: 100%; max-width: 400px; }
#c2_wrap .num { font-size:40px; font-weight: 700; color:#ddd; white-space: nowrap; display: flex; align-items: flex-end; justify-content: flex-end;}
#c2_wrap .num span {font-weight: 700; color:#000; display: block; line-height: .9;}
#c2_wrap .num b { font-size: 15px; letter-spacing: -.3px;}
#c2_wrap .num b::before {content: ''; display: inline-block; margin:0 10px; width: 1px; height: 12px; background-color: #ddd; }

#c2_wrap .progress_bar_wr { width: 100%;  margin-top: 20px; }
#c2_wrap .progress_bar { width: 100%; height: 2px; background: #ddd; position:relative; overflow: hidden; }
#c2_wrap .progress_bar span { position:absolute; top:0; left:0; height:2px; background:#000; transition:all .3s ease; }

#c2_wrap .dots {margin: 60px 0 25px; }
#c2_wrap .slick-dots li {margin-bottom: 17px;}
#c2_wrap .slick-dots li:last-child {margin-bottom: 0;}
#c2_wrap .slick-dots li a {cursor: pointer; font-size: 18px; font-weight: 700; color: #c2c2c2; line-height: 1.2; transition: .3s;   position: relative; padding-left: 0;
display: flex; align-items: center ;justify-content: flex-start ; min-height: 30px; }
#c2_wrap .slick-dots li a::before{content: ''; width: 10px; height: 14px; background: url('../img/c2_arrow.png') 50%/contain no-repeat; position: absolute; left: 0;
top: 8px; transition: .3s; opacity: 0;}
#c2_wrap .slick-dots li:hover a,
#c2_wrap .slick-dots li.slick-active a {color: #2c2e83; font-size: 25px ;}
#c2_wrap .slick-dots li.slick-active a {padding-left: 16px; }
#c2_wrap .slick-dots li.slick-active a::before {opacity: 1;}

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

#c2_wrap .slider { width:100%; }
#c2_wrap .slider .slick-slide { margin-right:25px; transition: opacity .3s; opacity: 0; width: 410px;  height: 410px; pointer-events: none;}
#c2_wrap .slider .slick-current,
#c2_wrap .slider .slick-current + .slick-slide { opacity:1; pointer-events: auto;}
#c2_wrap .slider .slick-current + .slick-slide + .slick-slide { opacity:.6; }
#c2_wrap .slider .slick-slide a {  position: relative; padding:50px 45px 45px; transition: all .3s;height: 100%; background-color: #f7f7f7; overflow: hidden;
z-index: 1; display: block; }
#c2_wrap .slider .txt h3 {margin-bottom: 20px; transition: color .3s;}
#c2_wrap .slider .txt p { transition: color .3s;}
#c2_wrap .slider .logo {position: absolute; z-index: -2; left: 0; bottom: 0; transition: opacity .3s; opacity: 0;}
#c2_wrap .slider .img {position: absolute; z-index: -1; right: 0; bottom: 0; }

#c2_wrap .slider .slick-slide a:hover {background-color: #2c2e83; }
#c2_wrap .slider .slick-slide a:hover .txt h3 {color:#fff; }
#c2_wrap .slider .slick-slide a:hover .txt p {color:#fff; }
#c2_wrap .slider .slick-slide a:hover .logo {opacity:1;}




@media screen and (max-width: 1400px) {
    /* common */


}