/* 공통 */
#c4_wrap .c_inner {width:1300px; margin:0 auto;}

/*Content CSS*/
#c4_wrap {background: #fff; text-align: center;}
#c4_wrap .c_inner {display: flex; }
.c4_btn {padding:140px 0 135px; transition: all .3s ease; border-left: 1px solid #cfdcdc; width: 50%; display: block ; position: relative; z-index: 1;}
.c4_btn::before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: -1; transition: background-color .3s ease; background-color: #fff;}
#c4_wrap .c_inner > .c4_btn:last-child {border-right: 1px solid #cfdcdc; }
.c4_btn h1 {font-size:24px; font-weight: 800; color:#e1e6e7; position: relative; font-family: 'NanumSquare',sans-serif; transition: color .3s ease ;}
.c4_btn h1::before{ content: ''; display: block; width: 250px; height: 3px; background: #e1e6e7; position: absolute; left:-22px;  transition: background-color .3s ease;
top:9px;}
.c4_btn .icon {height: 85px; line-height: 85px; margin:60px auto 45px; }
.c4_btn .icon img {transition: transform 500ms;}
.c4_btn h2 {font-size:22px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif;}
.c4_btn span {display: block; margin:22px auto 0; width: 140px; height: 40px; line-height: 40px; font-size:14px; font-weight: 700; color:#bad5d6;
font-family: 'NanumSquare',sans-serif; border-top:1px solid #dee6e6; border-bottom: 1px solid #dee6e6; transition: all .3s ease; }

/* hover */
.c4_btn:hover::before {background-color: #f4f8f9; }
.c4_btn:hover .icon img {transform: rotateY(180deg);}
.c4_btn:hover h1 {color:#1f9fae; }
.c4_btn:hover h1::before {background-color: #1f9fae; }
.c4_btn:hover span {background: #1f9fae; border-color: #1f9fae; color:#fff; }



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

}

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

}

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

}