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

/* top */
#c4_wrap .top { padding:0 0 35px; }
#c4_wrap .top .left {  }
#c4_wrap .top p { margin:20px 0; font-size: 15px; font-weight: 300; line-height: 2; color: #000; }

#c4_wrap .top a { display: block; margin:0 auto; width: 250px; height: 50px; line-height: 48px; color:#000; border:1px solid rgba(0,0,0,0.3); font-size: 14px; font-family: 'S-CoreDream-3Light'; }
#c4_wrap .top a span { display: inline-block; margin-left: 10px; width:12px; height:12px; background:url('../img/arrow_b.png') no-repeat center / contain; }

/* #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; flex-wrap: wrap; } */
.c4_list li { display: flex; line-height: 1; text-align: left; padding:20px 15px;}
.c4_list li:nth-child(odd) { background-color: #f8f8f8; }
.c4_list li:nth-child(even) { background-color: #e8e8e8; }
.c4_list li .icon { width: 60px; height: 60px; background-color: #fff !important; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.c4_list li .icon img { width:30px; }
/* .c4_list li:hover .icon { background-color: #009bdd !important; } */
.c4_list li .txt { padding-left: 15px; }
.c4_list li h2 { font-size: 20px; font-weight: bold; font-family: 'Karla', sans-serif; text-transform: uppercase; margin:0 0 10px; }
.c4_list li p { font-size: 15px; font-weight: 300; letter-spacing: -0.45px; color: #505050; line-height: 24px; }

/* .c4_list li:nth-child(1) .icon { background:url('../img/c4_icon1.png') no-repeat center; }
.c4_list li:nth-child(2) .icon { background:url('../img/c4_icon2.png') no-repeat center; }
.c4_list li:nth-child(3) .icon { background:url('../img/c4_icon3.png') no-repeat center; }
.c4_list li:nth-child(4) .icon { background:url('../img/c4_icon4.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):hover .icon { background-image:url('../img/c4_icon2_ov.png'); }
.c4_list li:nth-child(3):hover .icon { background-image:url('../img/c4_icon3_ov.png'); }
.c4_list li:nth-child(4):hover .icon { background-image:url('../img/c4_icon4_ov.png'); } */




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