.sub_organization .dep3{display: grid; grid-template-columns: repeat(5, 1fr);     column-gap: 30px; row-gap: 40px;}
.sub_organization .dep3 > dl{width: 100%; }
.sub_organization .dep3 > dl dt{}
.sub_organization h4{border: 25px solid #33a658;}
.sub_organization .dep dl dt{    background: #ea6b31;}
.sub_organization .dep2 dl dt{background: #254fa2;     color: #fff;}
#contents.sub_organization{padding-top: 0;     max-width: 1300px;}

.sub_organization .dep3 dl dd{padding: 0px;}
.sub_organization .dep3 dl dd ul{display: flex;}
.sub_organization .dep3 dl dd ul li{flex: 1; padding: 0px 0; min-height: 40px;}
.sub_organization .dep3 dl dd ul li:last-child{border-left: 1px solid #ddd;}
.sub_organization .dep3 dl dt{    background: #7fa1e5; color: #FFF;}
.sub_organization .dep3 dl dt{    padding: 12px 10px;} 
.sub_organization .dep3 dl>*{font-size: 17px;}
/* 감리 분과부터 (3번째 dl부터) */
.sub_organization .dep3 dl:nth-child(n+4) dt {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 87px;
    
}


@media (max-width: 767px){
    .sub_organization h4{        width: 200px; height: 200px; font-size: 24px;}
    .sub_organization .dep{padding: 30px 0;}
    .sub_organization .dep2{padding-bottom: 30px;}
    .sub_organization .dep dl dt{font-size: 16px;}
    .sub_organization .dep3{grid-template-columns: repeat(2, 1fr);     column-gap: 15px; row-gap: 20px;}
    .sub_organization .dep3 dl>*{font-size: 15px;}
}