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

/*Content CSS*/
#c1_wrap {background: transparent; text-align: center; padding:50px 20px; position: relative; z-index: 2;}

.c1_list { margin-top: 30px}
.c1_list li {width: 100%; height: 150px; margin-bottom:5px;}
.c1_list li:nth-child(1) {background: url('../img/c1_img1.jpg')no-repeat 50% 65%; background-size: cover;}
.c1_list li:nth-child(2) {background: url('../img/c1_img2.jpg')no-repeat 50% 50%; background-size: cover;}
.c1_list li:nth-child(3) {background: url('../img/c1_img3.jpg')no-repeat 50% 50%; background-size: cover;}

.c1_list li a {width: 100%; height: 100%; display: flex; position: relative; align-items: center;}

.c1_list li a .txt {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 20px; text-align: left;}
.c1_list li a .txt h2 {font-size:17px; font-weight: 400; color:#fff; font-family: 'paybooc-Light'; margin-bottom: 15px;}
.c1_list li a .txt h1 {font-size:22px;font-weight: 400; color:#fff; font-family: 'paybooc-Bold'; }
.c1_list li a .txt span {display: flex; align-items: center; justify-content: center; flex-direction: column; width: 71px; height: 71px; transition: all .3s ease;
background: #1f4de5; text-align: center;}
.c1_list li a .txt span p {font-size:13px; font-weight: 400; color:#fff; font-family: 'paybooc-Bold'; transition: color .3s ease; }
.c1_list li a .txt span p::after{ content: ''; display: block ; width: 40px; height: 1px; background: #fff; margin:10px auto 0; transition:  background-color .3s ease;}
/* hover */
.c1_list li a:active .cover {opacity: 1;}
.c1_list li a:active .txt span {background-color: #fff; }
.c1_list li a:active .txt span p {color:#1f4de5;}
.c1_list li a:active .txt span p::after {background-color: #1f4de5;}







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

}

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

}

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

}