economy/Views/SCSS/style.scss

html {
    height: 100%;
}

header {
    nav {
        > div {
            > div {
                cursor: grab;
                overflow-x: auto;
                overflow-y: hidden;
                white-space: nowrap;
                -webkit-overflow-scrolling: touch;
                -ms-overflow-style: none;
                scrollbar-width: none;
                overflow: visible;

                > ul {
                    > li {
                        display: inline-block;

                        a {
                            user-select: none; /* 텍스트 선택 방지 */
                            -webkit-user-drag: none; /* 드래그 방지 (웹킷 브라우저용) */
                            -moz-user-select: none; /* 파이어폭스용 */
                            -ms-user-select: none; /* IE/엣지용 */

                            &:hover {
                                color: chocolate !important;
                                text-decoration: underline;
                            }
                        }
                    }
                }
            }
        }
    }
}

body {
    display: flex;
    flex-direction: column;
    height: 100vh;

    main {
        flex: 1;
        margin-bottom: 70px;
    }
}

footer {
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;

    iframe {
        width: inherit;
    }

    small {
        display: block;
        line-height: initial;
    }
}

#priceItemList, #priceItemInfo, #goldPriceInfo, #oilPriceInfo, #emissionPriceInfo, #flowerPrice, #dayHoliday, #dayAnniversary, #daySeasonal, #daySundry, #financialExchange, #globalPriceList {
    min-width: 740px;

    thead {
        tr {
            th {
                text-align: center;
                background-color: #eee;
                vertical-align: middle;
            }
        }
    }

    tbody {
        tr {
            td {
                text-align: center;
                vertical-align: middle;

                span[data-bs-toggle="tooltip"] {
                    color: blue;
                    cursor: pointer;
                    font-weight: bold;
                }
            }
        }
    }
}

#financialInterest, #fifaRanks {
    thead {
        tr {
            th {
                text-align: center;
                background-color: #eee;
                vertical-align: middle;
            }
        }
    }

    tbody {
        tr {
            td {
                text-align: center;
                vertical-align: middle;

                img {
                    width: 60%;
                    max-width: 140px;
                }
            }
        }
    }
}

#financialInternational {
    table {
        thead {
            tr {
                th {
                    text-align: center;
                    background-color: #eee;
                    vertical-align: middle;
                }
            }
        }

        tbody {
            tr {
                td {
                    text-align: center;
                    vertical-align: middle;
                }
            }
        }
    }
}
 
.lotto {
    thead, tfoot {
        th {
            text-align: center;
            background-color: #eee;
            vertical-align: middle;
        }
    }
}

#whois, #businessNumber {
    .no-data, .result {
        background-color: #eee;
        border: 1px solid #bbb;
        border-radius: 5px;
        margin-top: 10px;
        padding: 20px;
    }

    .no-data {
        text-align: center;
    }

    .result {
        text-align: left;
    }
}

#pagination {
    justify-items: center;
}

.navbar-nav .dropdown-menu {
    padding-left: 10px;
}

@media (min-width: 576px) {
  
    .navbar-expand-sm .navbar-nav .dropdown-menu {
        padding-left: 0;
    }
}

@media (max-width: 767.98px) {
    a.navbar-brand {
        display: block !important;
    }
}

@media (max-width: 991.98px) {
    a.navbar-brand {
        display: none;
    }

    footer {
        position: relative !important;
        text-align: center;
    }
}