/* 공통 */
#c3-wrap .c_inner {width:1280px; margin:0 auto;}

/*Content CSS*/
#c3-wrap {padding:140px 0 150px 0; position: relative; z-index: 1;}
.c3_bg {width:100%; height:877px; position: absolute; left:0; bottom:0; z-index: -1; background: url('../img/c3_bg.png?v=240808') 50% 50% no-repeat; background-size:cover; }
#c3-wrap .c_inner {display: flex; align-items: flex-start; justify-content: space-between;}
.c3_title h1 {font-size:50px; font-weight: 500; color:#fff; font-family: 'Poppins', sans-serif;}
.c3_title h1::after {content: ''; display: block; width:56px; height:6px;background: #fff; transform: skew(-30deg); margin:25px 0 70px;}
.c3_title a {display: block; width:280px; height:50px; line-height: 50px; text-align: center; border:1.5px solid #fff; transition: all .4s ease; padding-right:40px;
background: url('../img/c3_btn.png') 71% 50% no-repeat transparent; font-size:15px; font-weight: 400; color:#fff; letter-spacing: -.3px;}
.c3_title a:hover {background: url('../img/c3_btn_hv.png') 80% 50% no-repeat rgba(255,255,255,.9); color:#001976;}

#c3-wrap ul {display: flex; width:840px; text-align: center;}
#c3-wrap ul li {width:280px; display: flex; flex-direction: column; align-items: center; padding:20px 20px; height:200px; border-right:1px solid rgba(255,255,255,.3);}
#c3-wrap ul li i {font-size:45px; color:#fff; transition: transform 500ms;}
#c3-wrap ul li h1 {font-size:26px; font-weight: 400; color:#fff; font-family: 'S-CoreDream-4Regular'; margin-top:30px;}
#c3-wrap ul li h2 {font-size:25px; font-weight: 400; color:#fff; font-family: 'Poppins', sans-serif;margin-top:22px;}
#c3-wrap ul li p {font-size:15px; line-height: 26px; font-weight: 300; margin-top:15px; color:#fff; word-break: keep-all; letter-spacing: -.5px;}
#c3-wrap ul li:hover i {transform: rotateY(180deg);}
#c3-wrap ul li:last-child {border-right: 0;}


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

}

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

}

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

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

}