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

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


/* c1 */
#c2_wrap {padding:50px 0; position: relative; z-index: 3;  text-align: center; overflow: hidden; }
#c2_wrap .c_inner {background-color: #fff;}
#c2_wrap .flex_wrap {display:block; position: relative; }
#c2_wrap .txt_area  {position:relative; z-index: 2; width: 100%; flex-shrink: 0; }


#c2_wrap .pro_num_wrap {width: 100%; }
#c2_wrap .num { font-size:30px; 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: 14px; 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: 15px 0 40px; }
#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: 30px 0 -20px; }
#c2_wrap .slick-dots li {margin-bottom:10px;}
#c2_wrap .slick-dots li:last-child {margin-bottom: 0;}
#c2_wrap .slick-dots li a {cursor: pointer; font-size: 14px; 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:20px; }
#c2_wrap .slick-dots li a::before{content: ''; width: 8px; height: 10px; background: url('../img/c2_arrow.png') 50%/contain no-repeat; position: absolute; left: 0;
top: 5px; transition: .3s; opacity: 0;}
/* #c2_wrap .slick-dots li:hover a, */
#c2_wrap .slick-dots li.slick-active a {color: #2c2e83; font-size:16px ;}
#c2_wrap .slick-dots li.slick-active a {padding-left: 14px; }
#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 { transition: opacity .3s; opacity: 0; 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:20px 20px 45px; transition: all .3s;height: 100%; background-color: #f7f7f7; overflow: hidden;
z-index: 1; display: block;text-align: left; min-height: 300px; }
#c2_wrap .slider .txt h3 {margin-bottom: 5px; transition: color .3s;}
#c2_wrap .slider .txt p { transition: color .3s;}
#c2_wrap .slider .txt br {display: none; }
#c2_wrap .slider .logo {position: absolute; z-index: -2; left: 0; bottom: 0; transition: opacity .3s; opacity: 0; max-width: 60%;}
#c2_wrap .slider .img {position: absolute; z-index: -1; right: 0; bottom: 0; max-width: 80%; max-height:calc(100% - 100px);}

#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 */


}