/* 공통 */
#c2_wrap  .c_inner {width: 1300px; margin: 0 auto;}
#c2_wrap  .c_title {text-align: center;}
#c2_wrap  .c_title span {display: block; width: 80px; height: 3px; position: relative; background: #005ec0; margin:0 auto 30px;}
#c2_wrap  .c_title span::after {content: ''; display: block; position: absolute; top:0; right:0; width: 50%; height: 100%; background: #a1cc3a;}
#c2_wrap  .c_title h1 {font-size:40px; font-weight: 700; color:#333; font-family: 'Montserrat'; text-transform: uppercase;}
#c2_wrap  .c_title.wh h1 {color:#fff;}

/*Content CSS*/
#c2_wrap {background: #fff; padding:135px 0 150px; text-align: center; background: url('../img/c2_bg.jpg') 50% 50% no-repeat; background-size:cover;}
.c2_list {margin-top:65px; width: 100%; display: flex; justify-content: center; text-align: center; position: relative; z-index: 1;}
.c2_list::before {content: ''; width: 100%; height: 1px; background: rgba(255,255,255,.3); position: absolute; left:0; top:3px;}
.c2_list li {margin-right: 220px; display: flex; flex-direction: column; align-items: center;}
.c2_list li:last-child {margin-right: 0;}
.c2_list li .c2_dot {width: 7px; height: 7px; background: #fff; border-radius: 50%; position: relative; z-index: 1; transition: all .3s ease;}
.c2_list li .c2_dot::before {content: ''; display: block; width: 21px; height: 21px; position: absolute; z-index: -1; background: rgba(255,255,255,.27); transition: all .3s ease;
left:-7px; top:-7px; border-radius: 50%; }
.c2_list li h1 {font-size:18.5px; font-weight: 400; color:#fff; font-family: 'paybooc-ExtraBold'; margin:30px 0 40px;}
.c2_list li p {font-size:16px; font-weight: 300; color:#fff; line-height: 28px; margin-top:28px;}
/* active */
.c2_list li.active .c2_dot {background-color: #007dff;}
.c2_list li.active .c2_dot::before {background-color: rgba(0,125,255,.27);}

.c2_icon {height: 55px; line-height: 55px;}



@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {

}