.main { height: 88.8vh; } .main .zero { width: 96vw; margin: 0 0 2vw 0; } .main .zero:nth-child(2) { margin: 0; } .main .one { width: 92vw; padding: 2vw; background-color: #f1f1f1; } .main .one input { font-size: 16px; } .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 .name { font-size: 18px; font-weight: bold; margin: 0 0 1vw 0; } .main .two .scroll-view .list-scroll-view .list .other { margin: 0 0 1vw 0; } .main .two .scroll-view .list-scroll-view .list .other .other_1 { color: #858585; font-size: 15px; margin: 0 0 1vw 0; } .main .two .scroll-view .list-scroll-view .list .other .other_1 text:nth-child(1) { color: #000000; } .main .two .scroll-view .list-scroll-view .list .btn { text-align: center; } .main .two .scroll-view .list-scroll-view .list .btn button { margin: 0 2vw; font-size: 14px; } .main .two .scroll-view .list-scroll-view .list:last-child { margin: 0; } .dialog_one { display: flex; flex-direction: column; } .dialog_one .one_1 { border-bottom: 1px solid #ccc; padding: 2vw 0; } .dialog_one .one_1 text { font-size: 16px; color: #858585; } .dialog_one .one_1 text:nth-child(1) { color: #000000; } .dialog_one .one_1 .list { border: 1px solid #ccc; font-size: 16px; color: #858585; padding: 2vw; margin: 1vw 0 0 0; } .dialog_one .one_1 .list .name text { color: #000000; }