/*공통*/
.con1600 {width: 1600px; margin: 0 auto;}
.con1300 {width: 1300px; margin: 0 auto;}

.c_title h2 {font-size: 18px; font-family: 'Poppins',sans-serif; font-weight: 600; color:#bcc0cf; letter-spacing: 1.8px;}
.c_title h2 span {color:#3f5aab;}
.c_title h1 {font-size:38px; font-weight: 300; color:#222; line-height: 50px; letter-spacing: -1.9px; margin: 20px 0 30px 0;}
.c_title h1 span {font-weight: 700;}
.c_title p {font-size: 14px; font-weight: 300; color: rgba(34, 34, 34, 0.5); line-height: 26px; word-break: keep-all;}

.c_btn {width: 300px; margin-top: 55px;}
.c_btn a {width: 100%; height: 70px; line-height: 70px; border: 1px solid #dfe3ed; text-align: center; display: block; font-family: 'NanumGothic',sans-serif; font-size: 16px; color:#333; transition: all 0.3s;}
.c_btn a span {padding-left: 15px; transition: all 0.3s;}
.c_btn a:hover {border: 1px solid #3f5aab; color: #fff; background: #3f5aab;}
.c_btn a:hover span { padding-left: 20px; color:#fff;}

/*Content CSS*/
#c3_wrap {width: 100%; background: #ecf1f4; padding: 90px 0; text-align: center; overflow: hidden;}

#c3_wrap .article ul {width: 100%; display: flex; flex-wrap: wrap; }
#c3_wrap .article ul li {width: 302px; margin-right: 30px; margin-top: 30px; background: #fff;}
#c3_wrap .article ul li:nth-child(4n) {margin-right: 0;}
/* #c3_wrap .article ul li:nth-child(n+9){margin-bottom: 0;} */
#c3_wrap .article ul li .img {width: 100%; font-size: 0; padding: 15px 0; overflow: hidden;} 
#c3_wrap .article ul li p {width :100%; font-size: 16px; padding: 10px; text-align: center; border-top: 1px solid #dfe3ed; font-weight: 400;}







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

}

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

}

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

}