/* 공통 */
.sub_con {width:1280px; margin:0 auto;}
/* 인사말에서의  .apos_ment와 조금 다름. */
.apos_ment {display: block; position: relative; text-align: center; width:880px; }
.apos_ment h1 {font-size:22px; font-weight: 400; color:#434343; letter-spacing: -.2px; line-height: 34px; }
.apos_ment > img {position: absolute; top:-5px;}
.apos_ment .apos1 {left:0;}
.apos_ment .apos2 {right:0;}
.sub_title {text-align: center;}
.sub_title h1 {font-size:36px; font-weight: 400; color:#2d2d2d; letter-spacing: .35px;font-family: 'NEXONFootballGothicLA1';}
.sub_title h2 {font-size:15px; font-weight: 400; color:#0064b6; margin-top:5px;}

/*Content CSS*/
#business4 {padding:100px 0 130px;}
#business4 .apos_ment {margin:40px auto 60px; width:1100px;}
.busin_img {margin-bottom: 50px;}
.busin_img h2 {font-size:14px; font-weight: 300; color:#888; letter-spacing: -.5px; margin-top:15px; text-align: center;}

/* busin_list */
.busin_list {display: flex; text-align: center;}
.busin_list li {display: flex; flex-direction: column; align-items: center; width:25%;}
.busin_list li > div {width:160px; height: 160px; line-height: 155px; text-align: center; border:4px solid #f5f5f5; border-radius: 50%; transition: all .3s ease;}
.busin_list li h2 {font-size:20px; font-weight: 500; color:#333; line-height: 26px;}
.busin_list li h3 {font-size:20px; font-weight: 400; color:#333; line-height: 26px; }
.busin_list li h2::before, .busin_list li h3::before {content: ''; display: block; width: 20px; height: 2px; background: #0064b6; margin:20px auto;}

.business hr {display: block; width: 100%; height: 1px; background: #ececec; margin:60px 0; border:none;}
.busin_list li:hover > div {border-color: #0064b6;}



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



}

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



}