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

/*Content CSS*/
#c1_wrap {background: transparent; text-align: center; padding:120px 0 0; position: relative; z-index: 2;}
#c1_wrap > img {position: absolute;  top:70px; z-index: -1;}
#c1_wrap > img.c1_ptn1 {left:0;}
#c1_wrap > img.c1_ptn2 {right:133px;}
.c1_line {position: absolute; z-index: -1; display: flex; justify-content: space-between; top:0; height: 100%; width: 890px; left:50%; transform:translateX(-50%);}
.c1_line > span {display: block; width: 1px; height: 100%; background: #ddd; }

.c1_list {display: flex; justify-content: space-between; margin:70px 0 -120px;}
.c1_list li {width: 410px; }
.c1_list li a {width: 100%; display: flex; position: relative; align-items: flex-end;}
.c1_list li a .cover {width: 100%; height: 100%; position: absolute; left:0; top:0; opacity: 0; transition: all .3s ease ; padding:135px 0 0; background: rgba(31,77,229,.9);
z-index: 1;}
.c1_list li a .txt {display: flex; align-items: center; justify-content: space-between;  position: absolute; width: 100%; padding: 0 40px; bottom: 60px; left:0; z-index: 2;
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:30px;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: 101px; height: 101px; transition: all .3s ease;
background: #1f4de5; }
.c1_list li a .txt span p {font-size:18px; 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: 54px; height: 1px; background: #fff; margin:10px auto 0; transition:  background-color .3s ease;}
/* hover */
.c1_list li a:hover .cover {opacity: 1;}
.c1_list li a:hover .txt span {background-color: #fff; }
.c1_list li a:hover .txt span p {color:#1f4de5;}
.c1_list li a:hover .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) {

}
