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

/*Content CSS*/
#c3_wrap {padding:155px 0 120px; background: #fff; }
#c3_wrap .c3_top {display: flex; justify-content: space-between; align-items: flex-end;}
#c3_wrap .c_title p {font-size:18px; font-weight: 300; color:#646464; margin:15px 0 0;}
.c3_btn {display: flex; align-items: flex-end; }
.c3_btn > a {    display: flex;align-items: center;justify-content: center;flex-direction: column; width: 101px; height: 101px; transition: all .3s ease; background: #1f4de5;
margin-left:48px; border:1px solid #1f4de5;}
.c3_btn > a p {font-size:18px; font-weight: 400; color:#fff; font-family: 'paybooc-Bold'; transition: color .3s ease; }
.c3_btn > a p::after{ content: ''; display: block ; width: 54px; height: 1px; background: #fff; margin:10px auto 0; transition:  background-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_btn ul {display: flex ; align-items: center;}
.c3_btn ul li a {font-size:18px; font-weight: 400; color:#333; font-family: 'paybooc-Bold'; transition: all .3s ease; cursor: pointer;}
.c3_btn ul li a.active {color:#1f4de5;}
.c3_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 {display: flex; justify-content: space-between; margin:66px 0 0;}
.c3_bo_list li {width: 410px; height: 300px;}
.c3_bo_list li a {display: block ;width: 100%; height: 100%; position: relative; background: #fff; box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.07); padding:86px 46px 0;}
.c3_bo_list li a h2 {width: 120px; height: 30px; line-height: 30px; background: #333; text-align: center; position: absolute; top:27px; left:-6px; font-size: 18px;
font-weight: 400; color:#fff; font-family: 'paybooc-Light'; transition: all .3s ease;}
.c3_bo_list li a h1 {font-size:20px; font-weight: 400; color:#333; line-height: 33px; font-family: 'paybooc-Bold'; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2;  word-break: keep-all;  min-height: 66px; -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:15px 0 25px;  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:1300px) {

}

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

}

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

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

}