/* main_common */
#c3_wrap { overflow: hidden; }
#c3_wrap .c_h1 { line-height: 1; font-size: 60px; letter-spacing: -1.5px; font-weight: bold; text-transform: uppercase; color: #000; }
#c3_wrap .c_h2 { line-height: 1; font-size: 20px; font-weight: bold; color: #0068b7; font-family: 'Karla', sans-serif; text-transform: uppercase; margin:0 0 10px; font-weight: bold; }
#c3_wrap .c_p { font-size: 18px; font-weight: 300; letter-spacing: -0.45px; line-height: 30px; color: #000; }
#c3_wrap .c_btn { display: block; width:74px; height: 74px; display: flex; align-items: center; justify-content: center; background-color: #0068b7; transition: all .3s; }
#c3_wrap .c_btn:hover { background:#000; }
#c3_wrap .c_btn img { transition: all .3s; }
#c3_wrap .c_btn:hover img { transform: rotate(90deg); }


/*Content CSS*/
#c3_wrap { padding:160px 0 130px; position:relative; display: flex; z-index: 1; background:url('../img/c3_bg.png') no-repeat 50% 44%; }
#c3_wrap::after { content:""; position:absolute; left:0; width:100%; bottom:0; height: 300px; background:#f7f7f7; z-index: -1;  }

.c3_top { display: flex; justify-content: space-between; }
.c3_top .left { position:relative; }
.c3_top .left .c_h2 { position:absolute; left:0; top:-35px; }
.c3_top .cent b { display: block; margin:0 0 20px; font-size: 30px; font-weight: 500; letter-spacing: -0.75px; }

.c3_list { margin:50px 0 0; border:1px solid #ddd; display: flex; }
.c3_list li { flex:1; padding:75px 60px 60px; border-right: 1px solid #ddd; text-align: center; background:#fff; transition: all .3s; }
.c3_list li:last-child { border-right: 0; }
.c3_list li .icon { margin:0 auto; width:45px; height: 44px; background:no-repeat center; transition: all .3s; }
.c3_list li strong { display: block; margin:20px 0 10px; font-size: 20px; font-weight: bold; color: #0068b7; font-family: 'Karla', sans-serif; line-height: 1; }
.c3_list li p { font-size: 16px; font-weight: 300; color: #000; line-height: 24px; }

.c3_list li:hover { background:#0068b7; }
.c3_list li:hover strong { color:#fff; }
.c3_list li:hover p { color:#fff; }


.c3_list li:nth-child(1) .icon { background-image: url('../img/c3_icon1.png'); }
.c3_list li:nth-child(2) .icon { background-image: url('../img/c3_icon2.png'); }
.c3_list li:nth-child(3) .icon { background-image: url('../img/c3_icon3.png'); }
.c3_list li:nth-child(4) .icon { background-image: url('../img/c3_icon4.png'); }
.c3_list li:nth-child(1):hover .icon { background-image: url('../img/c3_icon1_ov.png'); }
.c3_list li:nth-child(2):hover .icon { background-image: url('../img/c3_icon2_ov.png'); }
.c3_list li:nth-child(3):hover .icon { background-image: url('../img/c3_icon3_ov.png'); }
.c3_list li:nth-child(4):hover .icon { background-image: url('../img/c3_icon4_ov.png'); }