/* 공통 */
#c1_wrap .c_inner {width: 1300px; margin: 0 auto;}
#c1_wrap .c_title {text-align: center;}
#c1_wrap .c_title span {display: block; width: 80px; height: 3px; position: relative; background: #005ec0; margin:0 auto 30px;}
#c1_wrap.c_title span::after {content: ''; display: block; position: absolute; top:0; right:0; width: 50%; height: 100%; background: #a1cc3a;}
#c1_wrap .c_title h1 {font-size:40px; font-weight: 700; color:#333; font-family: 'Montserrat'; text-transform: uppercase;}

/*Content CSS*/
#c1_wrap {background: #fff; padding:125px 0 135px; text-align: center;  overflow: hidden;position: relative; z-index: 1;}
/* 배경 패턴 */
#c1_wrap::before {content: ''; display: block; width: 380px; height: 389px; background: url('../img/c1_ptn1.png') 50% 50% no-repeat; position: absolute; top:115px;
left:3.5%; z-index: -1;}
#c1_wrap::after {content: ''; display: block; width: 519px; height: 520px; background: url('../img/c1_ptn2.png') 50% 50% no-repeat; position: absolute; bottom:-150px;
right:2.5%; z-index: -1;}

#c1_wrap .c_inner {display: flex; justify-content: space-between; margin-top:60px; }
.c1_box {width: 630px; height: 400px; display: flex; align-items: flex-end; justify-content: space-between; padding: 0 40px 50px 70px; z-index: 1;
 position: relative;text-align: left; transition: all .3s ease; }
.c1_box::before {content: ''; display: block; width: 100%; height: 100%; z-index: -1; background: url('../img/c1_box1.jpg') 50% 50% no-repeat; transition: all .4s ease;
position: absolute; left:0; top:0; background-size: 100%;}
.c1_box:nth-child(2)::before {background-image: url('../img/c1_box2.jpg');}
.c1_box h1 {font-size:48px; font-weight: 700; color:#fff; font-family: 'Montserrat'; position: absolute; top:40px; left:70px; z-index: 1;}
.c1_box h1 span {display: block; width: 160px; height: 8px; background: rgba(255,255,255,.42); position: absolute; z-index: -1; bottom: 20px; right:-18px;}
.c1_box h1 span::before {content: ''; position: absolute; display: block; width:100%; height: 100%; left:0; top:0; background: linear-gradient(to left, #0069d7, #a1cc3a);
transition: all .4s ease;opacity: 0;}

.c1_box h2 {font-size:16px; font-weight: 400; color:#fff; font-family: 'Montserrat'; margin-bottom: 15px;}
.c1_box h3 {font-size:36px; font-weight: 400; color:#fff; font-family: 'paybooc-Bold';}
.c1_box a {display: flex; justify-content: center; align-items: center; width: 94px; height: 94px; transition: all .4s ease; border:1px solid #fff; font-size:16px; font-weight: 400; color:#fff; font-family: 'Montserrat'; position: relative; z-index: 1; background-image: linear-gradient(145deg, #a1cc3a 0%, #0069d7 40%, transparent 45%); background-position: 100%; background-size: 300%;}
/* hover */
.c1_box:hover::before {background-size: 110%;}
.c1_box:hover h1 span::before {opacity: 1;}
.c1_box a:hover {background-position:0; background-size:445%; border-color: transparent; border-top-color:#a1cc3a;}

/* c1_line */
.c1_line {position: absolute; width: 1150px; display: flex; z-index: -2; justify-content: space-between; height: 100%; top:0; left:50%; transform:translateX(-50%);}
.c1_line > span {width: 1px; height: 100%; display: block; background: #e1e5ea;}



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

}

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

}

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

}