The design process of ecological and environmental detention system located in the housing district of Sinjeong 3-jigu in Seoul are as follows. At stage one, a new dispersal detention was created in the neighborhood park located near the originally planned detention. From this, the amount of storage of this dispersal detention system was enlarged from $28,337m^3/d$, the initial storage amount, to $33,606m^3/d$ as the post storage amount, responsible to the amount of rainfall which happens every 100 years. In particular, the SSB (Sustainable Structured wetland Biotop) system, which was the New Excellent Technology verified by the Ministry of Environment (No. 258) was applied to enhance ecological functioning and water quality with the detention as a constructed wetland. At stage two, the treatment plans for non-point pollutant source occurred at the initial period of rain, flowing into the detention system were built for purifying the water of the retention pond at the base of the detentions, and the water-circulation system was designed at the dispersal detentions on the period of regular rainfalls. The non-point pollutant source flowing into detention site was calculated as $11,699m^3/d$ flowing down from seven small watersheds, which occurred at the initial period of rain. In particular the SSB systems improved the average efficiency of the water processing performance to BOD 60%, SS 90%, T-N 30%, T-P 60%. At stage three, the ecological network and biological diversity were strongly considered so that it brought the residents with amenity places. In particular, the dispersal detentions were successfully designed to restore the ecological habitat of endangered plant and animal species such as narrow-mouthed.