/*공통*/
.con_wrap {width: 100%;}
.con_bg {width: 100%; background: url('../img/dot_bg.jpg'); padding: 90px 0;}
.con1500 {width: 1500px; margin: 0 auto;}

.c_title h2 {font-family: 'NanumSquare',sans-serif; font-weight: 700; font-size: 17px; color:#0932a9; margin-bottom: 15px; word-break: keep-all; line-height: 30px;}
.c_title h1 {font-family: 'NanumSquare',sans-serif; font-weight: 900; font-size: 57px; color:#000;}
.c_title h3 {font-family: 'NanumSquare',sans-serif; font-size: 24px; color:#000; margin-top: 30px;}
.c_title p { font-size: 16px; font-weight: 300; color:#888; margin-top: 15px; line-height: 28px; word-break: keep-all;}

/*Content CSS*/
#business4 {overflow: hidden;}
#busin4_c1 .top {display: flex; justify-content: space-between; align-items: center;}
#busin4_c1 .top .img {width: 42%;overflow: hidden;}
#busin4_c1 .top .img img {max-width: 100%; transition: all 0.3s; transform: scale(1);}
#busin4_c1 .top .img:hover img { transform: scale(1.1);}
#busin4_c1 .top .c_title {width: 53%;}


#busin4_c1 .tt::before {width: 3px; height: 60px; background: #0932a9; display: block; content: ""; margin-bottom: 15px; position: absolute; top: -30px; left: 30px;}
#busin4_c1 .tt {width: 100%; padding:40px;font-size: 16px; font-weight: 300; color:#666; margin-top: 15px; line-height: 28px; word-break: keep-all; display: block; border: 1px solid #ddd; background: #f9f9f9;position: relative; margin-top: 60px;}

#busin4_c2 {margin-top: 80px; overflow: hidden;}
#busin4_c2 .img.pd {background: #fff; width: 100%; padding:50px 0; text-align: center;}
.busin_img { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.busin_img li{width: 480px; margin-right: 30px; margin-bottom: 30px; overflow: hidden;}
.busin_img li:nth-child(3n) {margin-right: 0;}
.busin_img li img {max-width: 100%; transition: all 0.3s; transform: scale(1);}
.busin_img li:hover img { transform: scale(1.1);}

.img_list h1 {font-size: 30px; font-weight: 700; font-family: 'NanumSquare',sans-serif; color:#000; padding-left: 20px; position: relative; margin-bottom: 30px;}
.img_list h1::before {width: 3px; height: 30px; background: #0932a9; display: block; content: "";  position:absolute; top: 10px; left: 0;}
.img_list ul {display: flex; justify-content: space-between; width: 100%;}
.img_list ul li { flex: 1; margin-right: 20px;}
.img_list ul li:last-child {margin-right: 0;}
.img_list ul li img { border: 1px solid #ddd;}
.img_list ul li p {font-size: 18px; font-family: 'NanumSquare',sans-serif; color:#000; font-weight: 700; margin-top: 20px; text-align: center;}







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



}

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



}