/*공통*/
.sub_con_wrap {width: 100%;}
.sub_con_gray {background: #f7f7f7;}
.sub_con {width: 1280px; margin: 0 auto; padding: 100px 0;}
.sub_title_txt {text-align: center;}
.sub_title_txt h1 {font-size: 42px; font-weight: 700;font-family: 'NanumSquare', sans-serif !important; color:#000; }
.sub_t_line_w {width: 70px; height: 2px; background: #fff; margin: 0 auto 15px auto;}
.sub_t_line {width: 70px; height: 2px; background: #0068d3; margin: 0 auto 15px auto;}

/*Content CSS*/
#business1 > .sub_con > h1 {font-size: 30px; text-align: center;font-weight: 500;font-family: 'NanumSquare', sans-serif !important; color:#333; line-height: 46px;}
#business1 > .sub_con > h1 > span {color:#0068d3}
#busin1_article {margin-top: 50px;}
#busin1_article ul {display: flex; flex-direction: row; flex-wrap: wrap;}
#busin1_article ul li {width: 620px; margin-right: 40px; margin-bottom: 40px;}
#busin1_article ul li:nth-child(2n) {margin-right: 0;}
#busin1_article ul li a {display: block; width: 100%; height: 100%; position: relative;}
.busin1_img {width: 100%; overflow: hidden; border: 1px solid #ddd;}
.busin1_img img {width: 100%; transition: all 0.5s; transform: scale(1);}
.busin1_cover {width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; transition: 0.3s;}
.busin1_cover h1 {font-size:  24px; font-weight: 600; color:#fff; text-align: center; padding-top: 110px; font-family: 'NanumSquare', sans-serif !important;}

#busin1_article ul li a:hover .busin1_img img { transform: scale(1.1);}
#busin1_article ul li a:hover .busin1_cover{opacity: 1}












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



}

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



}