.main { height: var(--twoHeight); background-color: var(--bgColor); .one { display: flex; flex-direction: row; width: 96vw; padding: 2vw; .one_1 { flex-grow: 1; input { padding: 1vw 2vw 2vw 2vw; border-radius: 2px; font-size: var(--txtSize); background-color: var(--f1Color); } } .one_2 { width: 15vw; button { width: 100%; font-size: var(--btnSize); padding: 2vw; } } } .two { flex-grow: 1; position: relative; width: 100vw; .list { background-color: var(--f9Color); padding: 2vw; margin: 0 2vw 2vw 2vw; .name { font-size: var(--titleSize); font-weight: bold; margin: 0 0 1vw 0; } .other { margin: 0 0 1vw 0; .other_1 { font-size: var(--txtSize); margin: 0 0 1vw 0; text { color: var(--labelColor); } text:last-child { color: var(--txtColor); } } } .btn { display: flex; flex-direction: row; justify-content: center; text-align: center; flex-wrap: wrap; .btn_1 { width: 20vw; margin: 0 1vw 1vw 1vw; button { width: 100%; font-size: var(--btnSize); padding: 2vw; } } } } } } .scroll-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; .list-scroll-view { display: flex; flex-direction: column; } }