header {
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    padding: 0 1.5rem;
    z-index: 7777;
    background: #006c43;
}
header h1 {
    width: 6rem;
}
header h1 a {
    width: 100%;
}
header h1 a img {
    width: 100%;
}
header #menuBtn {
    width: 3rem;
}
header #menuBtn img {
    width: 100%;
}

.navBg {
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 8888;
}
nav {
    background-color: #fff;
    display: flex;
    flex-flow: column nowrap;
    width: 70%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
nav .navHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #006c43;
    height: 7rem;
    padding: 0 1.5rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}
nav .navHeader h1 {
    width: 6rem;
}
nav .navHeader h1 a {
    width: 100%;
}
nav .navHeader h1 a img {
    width: 100%;
}
nav .navHeader button {
    width: 2rem;
}
nav .navHeader button img {
    width: 100%;
}
nav > a {
    font-size: 1.8rem;
    font-weight: 800;
    padding: 2rem 3rem;
    position: relative;
    border-top: 1px solid #eff2f8;
}
nav > a:nth-of-type(1) {
    border-bottom: 1px solid #eff2f8;
}
nav > a::before {
    content: '';
    display: inline-block;
    background: #f6d171;
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}
nav > a:nth-of-type(1)::before {
    background: #f6d171;
}
nav > a:nth-of-type(2)::before {
    background: #006c43;
}
nav > a:nth-of-type(3)::before {
    background: #36ba5f;
}
nav > a:nth-of-type(4)::before {
    background: #489bff;
}
nav > a:nth-of-type(5)::before {
    background: #ff912e;
}
nav .sub {
    padding: 1.5rem 3rem;
    display: flex;
    flex-flow: column nowrap;
    gap: 3.5rem;
}
nav .sub a {
    font-size: 1.6rem;
    position: relative;
    font-weight: 600;
    padding-left: 2rem;
}
nav .sub a::before {
    content: '';
    display: inline-block;
    background: #6d6d6d;
    width: 1rem;
    height: 0.1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
nav .sub a::after {
    content: '';
    display: inline-block;
    background: #6d6d6d;
    width: 0.1rem;
    height: 5rem;
    position: absolute;
    left: 0;
    top: 50%;
}
nav .sub a:last-child::after {
    display: none;
}
.bottomNav {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 7rem;
    background: #fff;
    z-index: 7777;
    display: flex;
    justify-content: space-between;
}
.bottomNav a {
    width: 20%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}
.bottomNav a img {
    height: 2rem;
    margin-bottom: 1rem;
}
.bottomNav a span {
    font-size: 1.4rem;
    font-weight: 600;
}

main {
    padding: 0 1.5rem 10rem;
}
#main {
    padding: 0 0 10rem 0;
}
.simpleBg {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 7777;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.5rem;
}
.simpleBg .simpleBox {
    width: 100%;
    height: 50%;
    background-color: #fff;
    border-radius: 1.5rem;
}
.simpleBg .simpleBox .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 5rem;
    padding: 0 1.5rem;
    border-bottom: 1px solid #dee4f0;
}
.simpleBg .simpleBox .title h2 {
    font-size: 1.6rem;
    font-weight: 800;
    display: flex;
    align-items: center;
}
.simpleBg .simpleBox .title h2 img {
    width: 2rem;
    margin-right: 0.5rem;
}
.simpleBg .simpleBox .title button {
    width: 2rem;
}
.simpleBg .simpleBox .title button img {
    width: 100%;
}
.simpleBg .simpleBox .simpleShortcut {
    display: flex;
    flex-flow: column nowrap;
    padding: 0 1.5rem;
    height: calc(100% - 5rem);
    overflow: scroll;
}
.simpleBg .simpleBox .simpleShortcut a {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 2rem 2rem 2rem 0;
    font-size: 1.6rem;
    font-weight: 800;
    background-image: url(../img/arrow-1.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 2rem;
    gap: 0.5rem;
    line-height: 1.4;
    border-bottom: 1px solid #e2e7f2;
}
.simpleBg .simpleBox .simpleShortcut a:last-child {
    border: none;
}
.simpleBg .simpleBox .simpleShortcut a span {
    font-size: 1.4rem;
    line-height: 1.4;
}
main .simpleWrap {
    background: #e2e7f2;
    padding-bottom: 2rem;
}
main .simpleWrap p {
    background: #006c43;
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem;
    padding: 2rem 1.5rem;
    font-size: 1.8rem;
    color: #fff;
    font-weight: 600;
    line-height: 1.4;
}
main .simpleWrap p span {
    font-size: 1.8rem;
    color: #fcd372;
    font-weight: 800;
}
main .simpleWrap .simple {
    background: #fff;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
    border-radius: 1.5rem;
    margin: 2rem 1.5rem 0;
    padding: 1.5rem;
}
main .simpleWrap .simple h2 {
    font-size: 1.6rem;
    font-weight: 800;
    color: #006c43;
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}
main .simpleWrap .simple h2 img {
    width: 2rem;
    margin-right: 0.5rem;
}
main .simpleWrap .simple a {
    padding: 1rem 0 1rem 1.5rem;
    font-size: 1.6rem;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eff1f8;
    position: relative;
}
main .simpleWrap .simple a::before {
    content: '';
    display: inline-block;
    background: #f6d171;
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
main .simpleWrap .simple a:nth-of-type(2)::before {
    background: #006c43;
}
main .simpleWrap .simple a:nth-of-type(3)::before {
    background: #36ba5f;
}
main .simpleWrap .simple a:last-child {
    border: none;
}
main .simpleWrap .simple a span {
    font-size: 1.6rem;
    font-weight: 800;
}
main > a {
    margin: 1.5rem;
    padding: 2rem;
    display: flex;
    justify-content: space-between;
    flex-flow: column nowrap;
    gap: 1rem;
    width: calc(100% - 3rem);
    border-radius: 1.5rem;
    border: 1px solid #e2e2e2;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
    background-image: url(../img/main-btn-1.png);
    background-size: 5rem;
    background-position: right 2rem center;
    background-repeat: no-repeat;
}
main > a h2 {
    font-size: 1.6rem;
    font-weight: 800;
    color: #006c43;
}
main > a p {
    font-size: 1.6rem;
}
main .rankWrap {
    padding: 1.5rem;
}
main .rankWrap h2 {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    font-weight: 800;
}
main .rankWrap .rankSwiper {
    height: 30rem;
    overflow: scroll;
    border-top: 1px solid #e3e8f3;
    border-bottom: 1px solid #e3e8f3;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
}
main .rankWrap .rankSwiper p {
    font-size: 1.6rem;
    font-weight: 800;
    text-align: center;
}
main .rankWrap .rankSwiper a {
    display: flex;
    padding: 1.5rem 4rem 1.5rem 1.5rem;
    flex-flow: column nowrap;
    justify-content: center;
    gap: 0.5rem;
    background-image: url(../img/arrow-1.png);
    background-repeat: no-repeat;
    background-position: right 1.5rem center;
    background-size: 2rem;
    font-size: 1.6rem;
    font-weight: 800;
    border-bottom: 1px solid #e3e8f3;
}
main .rankWrap .rankSwiper a:last-child {
    border: none;
}
main .rankWrap .rankSwiper a span {
    font-size: 1.4rem;
    line-height: 1.4;
}
main .shortcut {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
}
main .shortcutSub {
    padding: 4rem 0 0 0;
}
main .shortcut .top {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}
main .shortcut .top a {
    width: 50%;
    padding: 2rem 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    border-radius: 1.5rem;
    border: 1px solid #e2e2e2;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}
main .shortcut .top a img {
    height: 5rem;
    margin-bottom: 1.5rem;
}
main .shortcut .top a span {
    font-size: 1.8rem;
    font-weight: 800;
}
main .shortcut > a {
    padding: 2rem 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-radius: 1.5rem;
    border: 1px solid #e2e2e2;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}
main .shortcut > a span {
    font-size: 1.8rem;
    font-weight: 800;
}
main .shortcut > a img {
    width: 5rem;
}

/* 자주 묻는 질문 */
main > h2 {
    font-size: 1.8rem;
    font-weight: 900;
    padding: 2rem 1.5rem;
    position: relative;
}
main > h2::before {
    content: '';
    display: inline-block;
    background: #ff912e;
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
main h2.orange::before {
    background: #f6d171;
}
main h2.green::before {
    background: #006a40;
}
main h2.lightGreen::before {
    background: #36ba5f;
}
main h2.blue::before {
    background: #489bff;
}
main .contents {}
main .contents .open {
    border-top: 1px solid #e2e7f2;
}
main .contents .open:last-child {
    border-bottom: 1px solid #e2e7f2;
}
main .contents .open h3 {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.4;
    padding: 2rem 1.5rem;
}
main .contents .open pre {
    font-size: 1.6rem;
    line-height: 1.4;
    padding: 2rem 1.5rem;
}
main .guide {}
main .guide h2 {
    font-size: 1.8rem;
    font-weight: 900;
    padding: 2rem 1.5rem;
    position: relative;
}
main .guide h2::before {
    content: '';
    display: inline-block;
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
main .guide .open {
    border-top: 1px solid #e2e7f2;
}
main .guide .open:last-child {
    border-bottom: 1px solid #e2e7f2;
}
main .guide .open h3 {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.4;
    padding: 2rem 1.5rem;
    display: flex;
    align-items: center;
}
main .guide .open h3 img {
    width: 2rem;
    margin-right: 0.5rem;
}
main .guide .open .bottom {}
main .guide .open .bottom pre {
    font-size: 1.6rem;
    line-height: 1.4;
    padding: 0 1.5rem 2.5rem;
}
main .guide .open .bottom pre b {
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 600;
}
main .guide .open .bottom pre img {
    width: 100%;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
    border-radius: 1.5rem;
}

/* 청약줍줍 공고 */
main .searchSelect {}
main .searchSelect #searchFrm {
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #006c43;
    padding: 0.5rem 1.5rem 0.5rem 0;
    margin-bottom: 2rem;
}
main .searchSelect #searchFrm input {
    font-size: 1.4rem;
    padding: 0 1.5rem;
    width: calc(100% - 2.5rem);
}
main .searchSelect #searchFrm button {
    width: 2.5rem;
}
main .searchSelect #searchFrm button img {
    width: 100%;
}
main .searchSelect .select {
    position: relative;
}
main .searchSelect .select > a {
    font-size: 1.6rem;
    font-weight: 600;
    border-radius: 2rem;
    border: 2px solid #006c43;
    padding: 1.5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
main .searchSelect .select > a img {
    width: 1.5rem;
}
main .searchSelect .select > a span {
    font-size: 1.6rem;
    font-weight: 800;
    width: calc(100% - 3rem);
    padding: 0 1rem;
}
main .searchSelect .select .option {
    border-radius: 2rem;
    border: 2px solid #006c43;
    display: none;
    flex-flow: column nowrap;
    overflow: scroll;
    height: 40vh;
    width: 100%;
    position: absolute;
    top: 6.5rem;
    background: #fff;
}
main .searchSelect .select .option a {
    font-size: 1.6rem;
    font-weight: 600;
    padding: 2rem 1.5rem;
}
main .resultWrap {
    padding: 3rem 0;
}
main .resultWrap h3 {
    font-size: 1.6rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
}
main .resultWrap h3 span {
    font-size: 1.6rem;
    font-weight: 800;
    color: #006c43;
}
main .resultWrap .result {
    border-top: 1.5px solid #dfe4f0;
    border-bottom: 1.5px solid #dfe4f0;
}
main .resultWrap .result a {
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e2e7f2;
}
main .resultWrap .result a .title {}
main .resultWrap .result a .title .regionDeveloper {
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: #6d6d6d;
}
main .resultWrap .result a .title .regionDeveloper span {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.4;
    color: #6d6d6d;
    word-break: break-all;
}
main .resultWrap .result a .title h4 {
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.4;
}
main .resultWrap .result a .status {
    font-size: 1.4rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    color: #fff;
}
main .resultWrap .result a .status-계약중 {
    background-color: #f6d171;
}
main .resultWrap .result a .status-청약마감 {
    background-color: #006c43;
}
main .resultWrap .result a .status-계약예정 {
    background-color: #36ba5f;
}
main .pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 3rem;
}
main .pagination a {
    font-size: 1.6rem;
    font-weight: 800;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e2e7f2;
    border-radius: 0.5rem;
}
main .pagination a img {
    width: 1rem;
}
main .pagination a.active {
    background: #006a40;
    color: #fff;
}

/* 공고 상세페이지 */
main .info {
    padding: 2.5rem 1.5rem;
    border-top: 1px solid #dfe5f1;
}
main .info h3 {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
}
main .info h3 img {
    width: 3rem;
}
main .info h4 {
    font-size: 1.6rem;
    font-weight: 800;
    color: #006c43;
    line-height: 1.4;
    margin-bottom: 2rem;
}
main .info p {
    font-size: 1.6rem;
    line-height: 1.4;
}
main .info p span {
    font-size: 1.6rem;
    line-height: 1.4;
}
main #infoTable {
    border-radius: 1.5rem;
    height: auto;
    border: 1px solid #e7e7e7;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
main #infoTable thead {}
main #infoTable thead tr {}
main #infoTable thead tr th {
    width: 50%;
    font-size: 1.6rem;
    font-weight: 600;
    background: #e2e7f2;
    padding: 2rem 0;
    border-right: 1px solid #fff;
}
main #infoTable tbody {}
main #infoTable tbody tr {}
main #infoTable tbody tr td {
    font-size: 1.6rem;
    border-bottom: 1px solid #e2e7f2;
    border-right: 1px solid #e2e7f2;
    height: max-content;
    padding: 1.5rem 0;
}
main #noticeBtn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    border-radius: 1.5rem;
    margin: 2rem 0 0 0;
    width: 100%;
    padding: 2rem 4rem;
    background-image: none;
}
main #noticeBtn span {
    font-size: 1.6rem;
    font-weight: 800;
}
main #noticeBtn img {
    width: 6rem;
}

/* 공고 일정 */
main .date {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid #e2e7f2;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
}
main .date > button {
    width: 1.5rem;
}
main .date > button img {
    width: 100%;
}
main .date .select {
    border: 1px solid #006c43;
    border-radius: 1rem;
    padding: 1.5rem 1rem;
    background-image: url(../img/arrow-4.png);
    background-size: 1.5rem;
    background-position: right 1rem center;
    background-repeat: no-repeat;
    position: relative;
}
main .date .select > a {
    font-size: 1.6rem;
    font-weight: 600;
}
main .date .select:nth-of-type(1) {
    width: 40%;
}
main .date .select:nth-of-type(2) {
    width: 35%;
}
main .date .select .option {
    position: absolute;
    top: 5.5rem;
    left: 0;
    border: 1px solid #006c43;
    border-radius: 1rem;
    background: #fff;
    display: none;
    flex-flow: column nowrap;
    width: 100%;
    overflow: scroll;
    height: 15rem;
}
main .date .select .option a {
    font-size: 1.6rem;
    font-weight: 600;
    padding: 1.5rem 1rem;
    z-index: 6666;
    background: #fff;
}
main .date .select .option a.sel {
    background-color: #e2e7f2;
}
main .date > a {
    width: 25%;
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
    background: #006c43;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
main .filterTop {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}
main .filterTop a {
    width: calc(100% / 3);
    padding: 1.5rem 0;
    border: 1px solid #e2e7f2;
    border-radius: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}
main .filterTop a.selected {
    background: #006c43;
    color: #fff;
}
main .filterBottom {
    display: flex;
    justify-content: space-between;
    position: relative;
    gap: 1rem;
    padding-bottom: 4rem;
}
main .filterBottom > a {
    width: 25%;
    padding: 1.5rem 0;
    border: 1px solid #e2e7f2;
    border-radius: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}
main .filterBottom .gnb {
    width: 25%;
}
main .filterBottom .gnb > a {
    width: 100%;
    padding: 1.5rem 0;
    border: 1px solid #e2e7f2;
    border-radius: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}
main .filterBottom .sub {
    display: none;
    flex-flow: row wrap;
    gap: 1.5rem;
    width: 100%;
    background: #fff;
    border-radius: 1.5rem;
    border: 1px solid #006c43;
    padding: 1.5rem;
    position: absolute;
    top: 6rem;
    left: 0;
    z-index: 6666;
}
main .filterBottom .sub a {
    width: calc(100% / 3 - 1rem);
    padding: 1.5rem 0;
    border: 1px solid #e2e7f2;
    border-radius: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
}
main .filterBottom a.selected {
    background: #006c43;
    color: #fff;
}
main .filterBottom .sub button {
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    width: calc(100% / 3 - 1rem);
    padding: 1.5rem 0;
    background: #006c43;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
main .filterBottom .sub button img {
    width: 2rem;
    margin-right: 1rem;
}
main .filterBottom .do .sub button {
    width: calc(50% - 1rem);
}
main .head {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 0 1.5rem;
}
main .head > span {
    font-size: 1.6rem;
    font-weight: 600;
    width: 20%;
    text-align: center;
    padding: 1.5rem 0;
}
main .head p {
    width: 20%;
    font-size: 1.6rem;
    font-weight: 600;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    gap: 1rem;
    align-items: center;
}
main .head p span {
    font-size: 1.6rem;
}
main .head button {
    width: 1rem;
}
main .head #prevBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
main .head #nextBtn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
main .head button img {
    width: 100%;
}
main table {
    text-align: center;
    width: 100%;
    height: 60%;
    border-collapse: collapse;
}
main table tbody {
    width: 100%;
}
main table tbody tr {
    border-top: 1px solid #e2e7f2;
}
main table tbody tr td {
    height: 8rem;
}
main table tbody tr td span {
    font-size: 1.6rem;
    display: block;
    margin-bottom: 1rem;
}
main table tbody tr td em {
    font-size: 1.6rem;
    background: #e2e7f2;
    border-radius: 2rem;
    padding: 0.5rem 1rem;
    display: inline-block;
}
.listBg {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: flex-end;
    background: rgba(0, 0, 0, 0.5);
    z-index: 7777;
}
.listBg .titleList {
    width: 100%;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    background: #fff;
}
.listBg .titleList .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
}
.listBg .titleList .title h2 {
    font-size: 1.6rem;
    font-weight: 800;
    color: #006c43;
    display: flex;
    align-items: center;
}
.listBg .titleList .title h2 img {
    width: 2rem;
    margin-right: 0.5rem;
}
.listBg .titleList .title button {
    width: 2rem;
}
.listBg .titleList .title button img {
    width: 100%;
}
.listBg .titleList .list {
    display: flex;
    flex-flow: column nowrap;
    padding: 0 1.5rem;
}
.listBg .titleList .list a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 0;
    border-bottom: 1px solid #eff2f8;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: right;
    line-height: 1.4;
}
.listBg .titleList .list a:last-child {
    border: none;
}
.listBg .titleList .list a span {
    font-size: 1.6rem;
    width: 50%;
    text-align: left;
    position: relative;
    padding-left: 1.5rem;
    color: #636363;
    font-weight: 600;
}
.listBg .titleList .list a span::before {
    content: '';
    display: inline-block;
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.listBg .titleList .list a .green::before {
    background: #006c43;
}
.listBg .titleList .list a .yellow::before {
    background: #f6d171;
}
.listBg .titleList .list a .lightGreen::before {
    background: #36ba5f;
}
main .result {
    margin-top: 2rem;
    border-top: 1px solid #e2e7f2;
    border-bottom: 1px solid #e2e7f2;
}
main .result .day {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e2e7f2;
    border-bottom: 1px solid #fff;
    min-height: 8rem;
    align-items: stretch;
}
main .result .day .left {
    font-size: 1.6rem;
    font-weight: 800;
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
}
main .result .day .right {
    width: 70%;
    background: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    color: #636363;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
main .result .day .right a {
    border-bottom: 1px solid #e2e7f2;
    text-align: right;
    height: 100%;
    padding: 1.5rem 0.5rem;
    background: #fff;
    font-size: 1.6rem;
    font-weight: 800;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.4;
}
main .result .day .right a span {
    font-size: 1.6rem;
    text-align: left;
    color: #636363;
    font-weight: 600;
    position: relative;
    padding-left: 1.5rem;
}
main .result .day .right a span::before {
    content: '';
    display: inline-block;
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
main .result .day .right a .yellow::before {
    background: #f6d171;
}
main .result .day .right a .green::before {
    background: #006c43;
}
main .result .day .right a .lightGreen::before {
    background: #36ba5f;
}