/*공통*/
.con1280 {width: 1280px; margin: 0 auto;}
.c_title h2 {font-size: 15px; font-family: 'Roboto',sans-serif; font-weight: 500; color:#0053dd; text-transform: uppercase; letter-spacing: 3px;}
.c_title h1 {font-size: 36px; font-family: 'NanumSquare',sans-serif; font-weight: 900; color:#000; margin: 15px 0;}
.c_title p {font-size: 15px; font-weight: 300; color:#777; line-height: 26px; word-break: keep-all;}
.pd_con_wrap {width: 100%;}
.sub_h1 {font-size: 18px; color:#333; font-weight: 700; font-family: 'NanumSquare',sans-serif; position: relative; padding-left: 25px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}

/*Content CSS*/
.business {text-align: center;}
.business .c_title {text-align: center;}
.business .c_title .logo {}
.business .c_title .logo::after {display: block; content: ""; width: 50px; height: 1px; background: #000; margin: 30px auto;}

.business .article {display: flex; justify-content: center; position: relative; z-index: 3; margin-top: 40px;}
.business .article .box {width: 25%; margin-left: -1px; border: 1px solid #ddd; background: #fff; padding: 50px 20px; border-top: 3px solid #0053dd; text-align: center;
display: block;}
.business .article .box:nth-child(2n) {border-top: 3px solid #333}
.business .article .box .icon {font-size: 30px; color:#333; transition: all 0.5s; margin-bottom: 15px;}
.business .article .box h1 {font-size: 18px; font-family: 'Roboto',sans-serif; font-weight: 700;}
.business .article .box p {font-size: 14px; font-weight: 300; color:#777; margin-top: 7px; word-break: keep-all; line-height: 26px;}
.business .article .box p a {font-size: 14px; font-weight: 300; color:#777; margin-top: 7px;}
.business .article .box:hover .icon {color: #0053dd; transform: rotateY(180deg);}

.map_box_wrap { margin-top: -70px; font-size: 0;}

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



}

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



}