#content .content_area {
    width: 100%;
    margin: 0 auto 80px auto;
    position: relative;
}
#content .content_area .contlist {
    margin: 80px 0;
}


#content .content_area h4 {
    text-align: center;
}

#content .content_area .civil_work .main_text,
#content .content_area .soc .main_text{
    width: 1200px;
    margin: 0 auto 80px auto;
}

#content .housing {
    text-align: center;
}

#content .content_area .housing .main_text{
    text-align: justify;
    width: 1200px;
    margin: 50px auto 0px auto;
}

/* 사업영역 - 건설 soc 본문 내용 css */
/* 회색배경 */
#content .content_area .odd_area {
    background: #d9d9d9;
    width: 100%;
    padding: 80px 0px;
    margin: 0 auto;
}

#content .content_area .odd_area > ul {
    display: flex;
    gap: 100px;
    line-height: 1.8rem;
    justify-content: center;
}

#content .content_area .odd_area > ul .img,
#content .content_area .even_area > ul .img {
    width: 480px;
    height: 320px;
    overflow: hidden;
}

#content .content_area .odd_area > ul .img img,
#content .content_area .even_area > ul .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    /* border: 1px solid red; */
}

#content .content_area .even_area > ul {
    display: flex;
    justify-content: center;
    gap: 100px;
    line-height: 1.8rem;
}

#content .content_area .even_area > ul .list,
#content .content_area .odd_area > ul .list {
    margin-left: 105px;
}

#content .content_area > ul .list {
    margin-left: 105px;
}

#content .content_area .even_area {
    background: #fff;
    padding: 80px 0px;
    margin: 0 auto;
    width: 100%;
}

#content .content_area h5 {
    margin: 20px 0 30px 0;
    position: relative;
}

#content .content_area .odd_area h5 {
    text-align: left;
}

#content .content_area .even_area h5 {
    text-align: right;
}

#content .content_area .odd_area h5::before {
    content: "";
    position: absolute;
    width: 880px;
    border: 2px solid #007ac3;
    left: -100px;
    bottom: -20px;
}

#content .content_area .even_area h5::before {
    content: "";
    position: absolute;
    width: 880px;
    border: 2px solid #007ac3;
    right: -100px;
    bottom: -20px;
}

#content .content_area dl dt {
    font-weight: 700;
    float: left;
    width: 80px;
    margin-right: 25px;
    text-align: justify;
}

#content .content_area .architecture ul,
#content .content_area .environment ul,
#content .content_area .plants ul{
    display: flex;
    gap: 25px;
    margin: 0 auto 50px auto;
    width: 1200px;
}

#content .content_area .architecture ul li,
#content .content_area .environment ul li,
#content .content_area .plants ul li{


    width: 50%;
}

#content .content_area .architecture ul li img,
#content .content_area .environment ul li img,
#content .content_area .plants ul li img{



    width: 100%;
}


/* #content .content_area .arc_2 {
    gap: 20px;
    width: 1200px;
    display: flex;
    margin: 0 auto;
} */