/*공통*/
.con1600 {width: 100%; margin: 0 auto;}
.con1300 {width: 100%; margin: 0 auto;}

.c_title h2 {font-size: 16px; 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:30px; font-weight: 300; color:#222; line-height: 50px; letter-spacing: -1.9px; margin: 0 0 10px 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: 0 auto; margin-top: 30px;}
.c_btn a {width: 100%; height: 50px; line-height: 50px; border: 1px solid #dfe3ed; text-align: center; display: block; font-family: 'NanumGothic',sans-serif; font-size: 14px; 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*/
#c1_wrap { overflow: hidden; text-align: center; padding: 40px 15px;}
#c1_wrap .c_title {width: 100%;}

#c1_wrap .article {width: 100%; display: flex; flex-direction: row; flex-wrap :wrap; justify-content: center; margin-top: 30px;}
#c1_wrap .article .box {width: 50%; transition: all 0.3s;}
#c1_wrap .article .box a {display: block; width: 100%; padding: 20px 15px; }
#c1_wrap .article .box:nth-child(2), #c1_wrap .article .box:nth-child(3) {background: #edeff6}
#c1_wrap .article .box .icon {height: 70px; width: 100%; line-height: 70px;}
#c1_wrap .article .box .icon img {vertical-align:middle; transition:transform 500ms}

#c1_wrap .article .box h1 {font-size: 14px; font-weight: 400; color:#222;}
#c1_wrap .article .box h1::before {width: 30px; height: 2px; background: #3f5aab; display: block; content: ""; margin: 10px auto 15px auto;}
/* #c1_wrap .article .box p {font-size: 13px; font-weight: 300; color:#888; word-break: keep-all; line-height: 20px; margin-top: 10px;} */

#c1_wrap .more_btn {margin-top: 45px;}
#c1_wrap .more_btn a {width: 62px; height: 62px; border: 1px solid #3f5aab; text-align: center; line-height: 62px; display: block; background: url('../img/c_arrow_b.png')no-repeat 50% 48%; transition: all 0.3s;}



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

}

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

}

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

}