/*공통*/
.con1280 {width: 100%; padding:0 15px;}
.c_title h2 {font-size: 13px; font-family: 'Roboto',sans-serif; font-weight: 500; color:#0053dd; text-transform: uppercase; letter-spacing: 3px;}
.c_title h1 {font-size: 22px; font-family: 'NanumSquare',sans-serif; font-weight: 900; color:#000; margin: 15px 0;}
.c_title p {font-size: 14px; font-weight: 300; color:#777; line-height: 25px; 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; padding:0 15px;}
.business .c_title .logo img {max-width: 100%;}
.business .c_title .logo::after {display: block; content: ""; width: 50px; height: 1px; background: #000; margin: 25px auto;}

.business .article {display: flex; flex-direction: column; position: relative; z-index: 3; margin-top: 40px;}
.business .article .box {width: 100%; margin-left: -1px;  background: #fff; padding: 15px 15px; text-align: center; border-bottom: 1px solid #ddd;
display: block; display: flex; align-items: center;}
.business .article .box:first-child {border-top: 3px solid #0053dd; }
.business .article .box .icon {font-size: 24px; color:#333; transition: all 0.5s; }
.business .article .box h1 {font-size: 15px; font-family: 'Roboto',sans-serif; font-weight: 700; margin:0 15px;}
.business .article .box p {font-size: 14px; font-weight: 300; color:#777; word-break: keep-all; text-align: left;}
.business .article .box a {font-size: 14px; font-weight: 300; color:#777; word-break: keep-all; text-align: left;}
.business .article .box:hover .icon {color: #0053dd; transform: rotateY(180deg);}


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

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



}

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



}