

/*공통*/
.sub_h1 {font-family: 'NanumSquare', sans-serif !important; color:#000; font-size: 1.7em; font-weight: 700; margin-bottom: 15px;}
.sub_h1 span {color:#fc0303;}
.sub_h1_line {display: inline-block; width: 2px; height: 50px; background: #fc0303;word-break: keep-all}
.sub_p {font-size: 0.8em; font-weight: 300; line-height:  26px; color: #666; letter-spacing: -0.5px; word-break: keep-all}
.business {font-size:20px;}
.sub_h2 {font-size: 1.3em; font-weight: 700; font-family: 'NanumSquare', sans-serif !important; color:#000; border-left: 3px solid #fc0303; padding-left: 20px; margin-bottom: 30px;}

/*Content CSS*/
.busin1 {text-align: center; width: 100%; margin: 0 auto 40px; padding:0 4%;}
.busin1_img {margin-bottom:40px;}
.busin1_img img {max-width:100%;}
.busin_title_box {margin-bottom: 30px;}

.busin2_wrap {width: 100%; margin: 0 0 0 0; padding: 40px 4%; background: #f7f7f7}
.busin2 {width: 100%; margin: 0 auto;display: flex; flex-direction: column; justify-content: space-between; }
.busin2:nth-child(2) {margin-top: 80px;}
.busin2_box {width: 100%; }
.busin2_img {width: 100%; padding:30px 20px; border: 1px solid #ddd; background: #fff; text-align: center;margin-bottom: 15px; transition: all 0.3s;}
.busin2_img  img {max-width:100%;}
.busin2_img:hover {border: 1px solid #fc0303;}
.busin2_box2 {width: 100%;}
.busin_img_wrap {display: flex; flex-direction: column; flex-wrap:wrap;}
.busin2_img2 {width: 100%;}
.busin2_img2 ul li  {width: 100%; margin-bottom: 30px;}
.busin2_img2 ul li img {max-width:100%;}
.busin2_img2 ul li div {width: 100%;  background: #fff; border: 1px solid #ddd;text-align: center; transition: all 0.3s;  padding:30px 20px;}
.busin2_img2 ul li:last-child {margin-bottom: 0}
.busin2_img2 ul li:hover div {border: 1px solid #fc0303;}

.busin2_img3 {width: 100%; margin-top:30px;}
.busin2_img3 div {width: 100%;  padding:30px 15px;background: #fff; border: 1px solid #ddd; text-align: center;  transition: all 0.3s;}
.busin2_img3 div img {max-width:100%;}
.busin2_img3:hover div {border: 1px solid #fc0303;}
.busin2:nth-child(2) p {font-size: 16px; font-weight: 400; color:333; margin: 15px 0 0 0; line-height: 20px!important; padding-left: 15px;}

.busin3 {width: 100%; margin: 0 auto; padding:40px 4%;}
.busin3_img {font-size: 0;}
.busin3_img ul li {display: inline-block; margin-bottom: 25px; border: 1px solid #ddd; transition: all 0.3s; width:100%; background: #fff;
 text-align:center;}
.busin3_img ul li img {max-width: 100%}
/* .busin3_img ul li:nth-child(1) {width: 845px;}
.busin3_img ul li:nth-child(2) {width: 410px; }
.busin3_img ul li:nth-child(3) {width: 410px; }
.busin3_img ul li:nth-child(4) {width: 410px; }
.busin3_img ul li:nth-child(5) {width: 410px; }
.busin3_img ul li:nth-child(6) {width: 253px; }
.busin3_img ul li:nth-child(7) {width: 253px; }
.busin3_img ul li:nth-child(8) {width: 724px; } */
.busin3_img ul li:hover {border: 1px solid #fc0303;}

.busin4_wrap {width: 100%; margin: 0 0 0 0; padding: 40px 4%; background: #f7f7f7}
.busin4 {width: 100%; margin: 0 auto; }
.busin4_article ul{ font-size: 0;}
.busin4_article ul li {display: inline-block; margin-right: 4%; width: 48%; margin-bottom: 30px; }
.busin4_article ul li div { overflow: hidden; width: 100%;}
.busin4_article ul li div img {max-width: 100%; transition: all 0.3s; transform: scale(1); border:1px solid #efefef;}
.busin4_article ul li:nth-child(even) {margin-right: 0;}
.busin4_article ul li p {font-size: 15px; font-weight: 400; color:333; margin: 15px 0 0 0; line-height: 20px!important; padding-left: 15px;}
.busin4_article ul li:hover div img { transform: scale(1.1);}

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



}

@media screen and (max-width:375px){
    .business {font-size:18px}
}
