/*Content CSS*/
#c4_wrap { text-align: center; padding:120px 0 0; overflow: hidden; }
#c4_wrap h1 { font-size: 48px; line-height: 1; color: #212122; font-family: 'S-CoreDream-7ExtraBold'; }

/* top */
#c4_wrap .top { display: flex; justify-content: space-between; align-items: center; padding:0 0 70px; }
#c4_wrap .top .left { display: flex; }
#c4_wrap .top p { margin-left: 70px; text-align: left; font-size: 18px; font-weight: 300; line-height: 2; color: #000; }

#c4_wrap .top a { display: block; width: 300px; height: 70px; line-height: 65px; color:#000; border:1px solid rgba(0,0,0,0.3); font-size: 16px; font-family: 'S-CoreDream-3Light'; transition: all .3s; }
#c4_wrap .top a span { display: inline-block; margin-left: 15px; width:15px; height:15px; background:url('../img/arrow_b.png') no-repeat center; transition: all .3s; }

#c4_wrap .top a:hover { background:#222222; border-color: #222222; color:#fff; }
#c4_wrap .top a:hover span { background-image:url('../img/arrow_h.png'); }

.c4_list { display: flex; }
.c4_list li { flex: 1; height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; }
.c4_list li:nth-child(odd) { background-color: #f8f8f8; }
.c4_list li:nth-child(even) { background-color: #e8e8e8; }
.c4_list li .icon { width: 81px; height: 81px; background-color: #fff !important; border-radius: 50%; transition: all .3s; }
.c4_list li:hover .icon { background-color: #009bdd !important; }
.c4_list li h2 { font-size: 20px; font-weight: bold; font-family: 'Karla', sans-serif; text-transform: uppercase; margin:25px 0; }
.c4_list li p { font-size: 18px; font-weight: 300; letter-spacing: -0.45px; color: #505050; }

.c4_list li:nth-child(1) .icon { background:url('../img/c4_icon1.png') no-repeat center; }
.c4_list li:nth-child(1):hover .icon { background-image:url('../img/c4_icon1_ov.png'); }
.c4_list li:nth-child(2) .icon { background:url('../img/c4_icon2.png') no-repeat center; }
.c4_list li:nth-child(2):hover .icon { background-image:url('../img/c4_icon2_ov.png'); }
.c4_list li:nth-child(3) .icon { background:url('../img/c4_icon3.png') no-repeat center; }
.c4_list li:nth-child(3):hover .icon { background-image:url('../img/c4_icon3_ov.png'); }
.c4_list li:nth-child(4) .icon { background:url('../img/c4_icon4.png') no-repeat center; }
.c4_list li:nth-child(4):hover .icon { background-image:url('../img/c4_icon4_ov.png'); }




#c4_wrap .bg { margin-top: -150px; width:100%; height: 330px; background:url('../img/c4_bg.jpg') no-repeat center / cover; }