.main { height: 80.8vh; } .main .zero { width: 96vw; margin: 0 0 2vw 0; } .main .zero:nth-child(2) { margin: 0; } .main .one { display: flex; flex-direction: row; justify-content: space-between; padding: 2vw; width: 92vw; background-color: #f1f1f1; } .main .one input { font-size: 14px; } .main .two { flex-grow: 1; position: relative; width: 96vw; } .main .two .scroll-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .main .two .scroll-view .list-scroll-view { display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; } .main .two .scroll-view .list-scroll-view .list { background-color: #ffffff; margin: 0 0 2vw 0; padding: 2vw; display: flex; flex-direction: column; width: 96vw; } .main .two .scroll-view .list-scroll-view .list .list_1 { display: flex; flex-direction: row; justify-content: space-between; font-size: 10px; margin: 0 0 1vw 0; color: #858585; } .main .two .scroll-view .list-scroll-view .list .list_2 { margin: 0 0 3vw 0; font-size: 16px; font-weight: bold; } .main .two .scroll-view .list-scroll-view .list .list_3 { display: flex; flex-direction: row; justify-content: space-between; font-size: 12px; color: #858585; } .main .two .scroll-view .list-scroll-view .list .list_3 .btn button { font-size: 12px; background-color: transparent; color: #334790; } .main .two .scroll-view .list-scroll-view .list:last-child { margin: 0; }