
/* main_common */
#c3_wrap { overflow: hidden; text-align: center; }
#c3_wrap .c_h1 { line-height: 1; font-size: 35px; letter-spacing: -1.5px; font-weight: bold; text-transform: uppercase; color: #000; }
#c3_wrap .c_h2 { line-height: 1; font-size: 16px; 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: 15px; font-weight: 300; letter-spacing: -0.45px; line-height: 28px; color: #000; }

#c3_wrap .c_btn { display: block; width: 100%; max-width: 400px; margin:30px auto 0; height: 45px; display: flex; align-items: center; justify-content: center; background-color: #0068b7; transition: all .3s; font-size: 16px; font-family: 'Karla', sans-serif; color:#fff; }
#c3_wrap .c_btn img { display: none; }


/*Content CSS*/
#c3_wrap { padding:60px 0 80px; position:relative; display: flex; z-index: 1; }
#c3_wrap p br { display: none; }
#c3_wrap::after { content:""; position:absolute; left:0; width:100%; bottom:0; height: 300px; background:#f7f7f7; z-index: -1;  }

.c3_top .cent b { display: block; margin:30px 0 15px; font-size: 18px; font-weight: 500; letter-spacing: -0.75px; }

.c3_list { margin:35px 0 0; border:1px solid #ddd; display: flex; flex-wrap: wrap; }
.c3_list li { width: 50%; padding:25px 15px; text-align: center; background:#fff; transition: all .3s; }
.c3_list li:nth-child(2n-1) { border-right: 1px solid #ddd; }
.c3_list li:nth-child(n+3) { border-top: 1px solid #ddd; }
.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: 18px; font-weight: bold; color: #0068b7; font-family: 'Karla', sans-serif; line-height: 1; }
.c3_list li p { font-size: 14px; font-weight: 300; color: #000; line-height: 23px; word-break: break-all; }

/* .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'); } */
