/*공통css*/
.con1300 { width: 100%; max-width: 1300px; margin: 0 auto;}
.s_title {text-align: center;}
.s_title h2 {font-size: 17px;font-family: 'NanumSquare',sans-serif; color:#ffa800; margin-bottom: 10px; font-weight: 600; }
.s_title h1 {font-size: 36px;font-family: 'NanumSquare',sans-serif; color:#333; font-weight: 600; }



/*Content CSS*/
#business {padding: 40px 0 100px;}


#business .article {display: flex; flex-wrap: wrap; margin-top: 40px;}
#business .box {width: 630px; margin-right: 40px; margin-bottom: 40px;}
#business .box:nth-child(2n) {margin-right: 0;}
#business .box:nth-child(n + 3) {margin-bottom: 0;}
#business .box .img {width: 100%; height: 250px; background: green; margin-bottom: 30px;}
#business .box:nth-child(1) .img {background: url('../img/busin_img1.jpg')no-repeat 50% 50%; background-size: cover;}
#business .box:nth-child(2) .img {background: url('../img/busin_img2.jpg')no-repeat 50% 50%; background-size: cover;}
#business .box:nth-child(3) .img {background: url('../img/busin_img3.jpg')no-repeat 50% 50%; background-size: cover;}
#business .box:nth-child(4) .img {background: url('../img/busin_img4.jpg')no-repeat 50% 50%; background-size: cover;}
#business .box h1 {font-family: 'NanumSquare',sans-serif; color:#333; font-size: 22px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #ddd; position: relative;
font-weight: 600; }
#business .box h1::after {display: block; content: ""; width: 150px; height: 2px; background: #ffa800; position: absolute; bottom: -1px; z-index: 2; left: 0;}
#business .box ul li {position: relative; padding-left: 15px; font-size: 16px; word-break: keep-all; font-weight: 300; color:#666; margin-bottom: 10px; line-height: 26px;}
#business .box ul li::before {display: block; content: ""; width: 5px; height: 5px; position: absolute; left: 0; top: 11px; transform: rotate(45deg); background: #ffa800}
#business .box ul li:last-child {margin-right: 0;}




@media screen and (max-width:1600px) {
    #business {padding: 50px 30px 100px;}
    #business .box {width: 48%; margin-right: 4%;}


}

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

}


@media screen and (max-width:1200px) {
    #business {padding: 30px 80px 80px;}


}

@media screen and (max-width: 960px) {
    #business {padding: 30px 30px 50px;}
    #about_c1 .s_title h1 { font-size: 25px; line-height: 40px;}
    #business .box ul li {font-size:14px; line-height: 24px; }
    #business .box ul li::before {top:9px; }

}

@media screen and (max-width: 640px) {
    #business {padding: 20px 20px 50px;}
    #business .article {display: block;}
    #business .box {width: 100%; margin-right: 0;}
    #business .box:nth-child(n + 3) {margin-bottom: 40px;}
    #business .box:last-child {margin-bottom: 0;}

    .s_title h2 {font-size: 14px;  margin-bottom: 5px;}
    .s_title h1 {font-size: 30px;}

}