/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative; }

/*Content CSS*/
#business1 {padding:0 0 120px; text-align: center;}
.b1_list {display: flex; flex-wrap:wrap; justify-content: center;}
.b1_list li {width:244px; margin-right: 20px; background: #fff; border:1px solid #eee;  padding:60px 20px;  display: flex; flex-direction: column; align-items: center;
border-top:1px solid #000; margin-bottom: 30px; position: relative;z-index: 1;}
.b1_list li::after{ content: ''; display: block; width: 100%; height: 100%; z-index: -1; transition: all .3s ease; position: absolute; left:0; top:0;}
.b1_list li:hover::after { box-shadow:0 0 21px 0 rgba(0, 0, 0, 0.06);}
.b1_list li:nth-child(5n), .b1_list li:last-child {margin-right: 0;}
.b1_list li:nth-child(n+6) {margin-bottom: 0;}
.b1_list li .icon {width: 140px; height: 140px; background: #f8f8f8; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.b1_list li .icon img { transition: transform 500ms;}
.b1_list li h1 {font-size:17px; font-weight: 400; color:#333; font-family: 'paybooc-Bold'; }
.b1_list li h2 {font-size:15px; font-weight: 400; color:#1f4de5; font-family: 'paybooc-ExtraBold'; text-transform: uppercase; margin:25px 0 10px;}
.b1_list li:hover .icon img {transform: rotateY(180deg);}



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



}

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



}