/* 공통 */
#c3_wrap .c_inner {width: 100%; margin:0 auto; position: relative;}
#c3_wrap .c_title h1 {font-size: 30px; font-weight: 400; color:#000; font-family: 'paybooc-ExtraBold';}

/*Content CSS*/
#c3_wrap {padding: 60px 20px; background: #fff; }
#c3_wrap .c3_top { text-align: center;}
#c3_wrap .c_title p {font-size:16px; font-weight: 300; color:#646464; margin:15px 0 0; word-break: keep-all;}


.c3_btn {}
.c3_btn > a { width: 100%; transition: all .3s ease; background: #ddd; padding: 7px; display: block; text-align: center; margin: 0 auto; margin-top: 30px;}
.c3_btn > a p {font-size:15px; font-weight: 400; color:#fff; font-family: 'paybooc-Bold'; transition: color .3s ease; }
/* hover */
.c3_btn > a:hover {background: #fff; }
.c3_btn > a:hover p {color:#1f4de5;}
.c3_btn > a:hover p::after {background-color: #1f4de5;}

/* tab btn */
.c3_tab_btn ul {display: flex ; align-items: center; justify-content: center; margin-top: 20px; width: 100%;}
.c3_tab_btn ul li a {font-size:18px; font-weight: 400; color:#333; font-family: 'paybooc-Bold'; transition: all .3s ease; cursor: pointer;}
.c3_tab_btn ul li a.active {color:#1f4de5;}
.c3_tab_btn ul li:first-child a::after {content: ''; display: inline-block; width: 1px; height:18px; background: #c4c6cf; margin:0 24px; position: relative; top:3px;}

/* c3_bo_list */
.c3_bo_list {margin: 30px 0 0;}
.c3_bo_list li {width: 100%; margin-bottom: 20px;}
.c3_bo_list li a {display: block ;width: 100%; height: 100%; position: relative; background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07); padding: 70px 30px 30px;}
.c3_bo_list li a h2 {width: 120px; height: 20px; line-height: 20px; background: #333; text-align: center; position: absolute; top:27px; left:-6px; font-size: 13px;
font-weight: 400; color:#fff; transition: all .3s ease;}
.c3_bo_list li a h1 {font-size: 17px; color:#333; line-height: 28px; font-family: 'paybooc-Bold'; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;  word-break: keep-all; -webkit-box-orient: vertical; display: -webkit-box}
.c3_bo_list li a p {font-size:14px; font-weight: 300; color:#9c9c9c; line-height: 24px; margin: 10px 0;  min-height: 48px; text-overflow: ellipsis; overflow: hidden;
word-break: keep-all;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}
.c3_bo_list li a span {font-size: 14px; font-weight: 300; color:#cbcbcb;}
.c3_bo_list li a:hover h2 {background: #1f4de5;}



















@media screen and (max-width:100%) {

}

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

}

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

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

}