/* 공통 */
#c3_wrap .m_title h1 {font-size:55px; font-weight: 400; color:#000c2e; font-family: 'S-CoreDream-4Regular';}
#c3_wrap .m_title h1 span {font-family: 'S-CoreDream-2ExtraLight';}

/*Content CSS*/
#c3_wrap {width:100%; height:576px; text-align: center; padding-top:95px;}

.c3_list_wrap {position: relative; margin-top:90px; z-index: 1; }
.c3_list_wrap::before { content: ""; display: block; position: absolute; width: 100%; height: 2px; background: #d6d6d6; top: 86px;    left: 0; z-index: -1;}

.c3_list {display: flex; margin-top:0; position: relative; padding-bottom: 14px; z-index: 1; width:1650px; margin:0 auto;}
.c3_list  li {display: flex; flex-direction: column; align-items: center; margin-right:123px; position: relative;}
.c3_list  li:last-child {margin-right:0;}
.c3_img {width:70px; height:70px; background: url('../img/c3_penta.png') 50% 50% no-repeat; display: flex; justify-content: center; align-items: center; padding-bottom:10px;}
.c3_dot { width: 15px; height: 15px; background-color: #e0e0e0; display: block; margin:10px 0 20px 0; border-radius: 50%;
transition: all .4s ease; position: relative; z-index: 1;}
.c3_list  li .c3_dot::before {content: ''; display: block; position: absolute; width: 18px; height: 18px; background: #fff;border: 3px solid #ff8000; border-radius: 100%; top: -3px; left: 0; z-index: -10; opacity: 0; transition: all .3s ease;}
.c3_list  li.active .c3_dot::before {opacity: 1; transition: all .3s ease;}

.c3_list li h2 {width:46px; height:18px; border-radius: 20px; background: #064790; font-size:14px; font-weight: 400; color:#fff; font-family: 'S-CoreDream-4Regular';}
.c3_list li p {margin-top:12px; color:#000c2e; font-size:15px; font-weight: 400; font-family: 'S-CoreDream-3Light'; line-height: 22px;}



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

}

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

}

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

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

}