.main { height: var(--twoHeight); .one { width: 96vw; padding: 0 2vw 2vw 2vw; .tab { margin: 0 0 2vw 0; } .input { input { padding: 2vw; background-color: var(--f1Color); border-radius: 5px; } } } .two { flex-grow: 1; position: relative; width: 96vw; margin: 0 2vw 2vw 2vw; .list { display: flex; flex-direction: column; padding: 2vw; margin: 0 0 2vw 0; background-color: var(--mainColor); .list_1 { .name { font-size: var(--font16Size); font-weight: bold; margin: 0 0 1vw 0; text-align: center; } .other { display: flex; flex-direction: column; width: 90vw; justify-content: space-between; border-top: 1px dashed var(--f1Color); border-bottom: 1px dashed var(--f1Color); padding: 1vw; font-size: var(--font14Size); margin: 0 0 1vw 0; .other_1 { padding: 0 0 1vw 0; } .other_1 text:nth-child(1) { color: #666; } } } .btn { width: 92vw; text-align: center; margin: 2vw 0 0 0; button { font-size: var(--font14Size); margin: 0 0 0 2vw; background: -webkit-linear-gradient(right, lightblue, #53C9F8); } } } } } .scroll-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; .list-scroll-view { display: flex; flex-direction: column; } }