.main { height: 80.8vh; .zero { width: 96vw; margin: 0 0 2vw 0; } .one { position: relative; width: 96vw; height: 120px; .one_1 { height: 80px; background-color: #216EC7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: transparent; } .one_2 { position: absolute; top: 5vw; width: 86vw; height: 86px; margin: 0 2vw; padding: 2vw; background-color: #ffffff; display: flex; justify-content: space-between; .l { display: flex; justify-content: start; width: 72vw; .l_1 { padding: 3vw 0; .icon { width: 60px; height: 60px; border-radius: 90px; } } .l_2 { width: 56vw; padding: 4vw 0 0 0; .info { margin: 0 0 2vw 0; padding: 0 2vw; font-size: 15px; } .info:nth-child(1) { font-weight: bold; } .info:nth-child(2) { color: #858585; font-size: 12px; } } } .r { padding: 8vw 0; font-size: 14px; color: #858585; } } } .two { display: flex; flex-direction: column; .list { display: flex; flex-direction: row; justify-content: space-between; background-color: #fff; margin: 0 0 2vw 0; border-bottom: 1px solid #858585; padding: 2vw; .list_1 { .icon { margin: 0 2vw 0 0; } .title { font-size: 14px; } } .list_2 { color: #858585; } } } }