:root,
[data-bs-theme="light"] {
    --falcon-font-base: "Noto Sans KR";
    --falcon-body-font-family: "Noto Sans KR", "Open Sans", -apple-system, BlinkMacSystemFont,
        "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
        "Segoe UI Emoji", "Segoe UI Symbol";
    --color-222222: #222222;
    --color-ffffff: #ffffff;
    --color-5e6e82: #5e6e82;
    --falcon-tooltip-color: #000;
    --falcon-tooltip-bg: #fff;
    --smp-tooltip-bg-for-white-bg: #edf2f9;
    --smp-bg-navbar-pb: rgba(237, 242, 249, 0.9);
    --smp-top-txt-div-bg-color: #2c7be5;
    --smp-highlight-bg-color: yellow;
    --pb-search-box-btn-color: #aeb6c0;
    --pb-search-box-btn-color-hover: #5e6e82;
    --smp-bg-cashback-btn-pb: rgba(255, 255, 255, 0.8)
}

[data-bs-theme="dark"] {
    --color-222222: #9da9bb;
    --color-ffffff: #121e2d;
    --color-5e6e82: #9da9bb;
    --falcon-tooltip-color: #fff;
    --falcon-tooltip-bg: #000;
    --smp-tooltip-bg-for-white-bg: #000;
    --smp-bg-navbar-pb: rgba(11, 23, 39, 0.9);
    --smp-top-txt-div-bg-color: #121e2d;
    --smp-highlight-bg-color: rgba(255, 255, 0, 0.8);
    --pb-search-box-btn-color: #354355;
    --pb-search-box-btn-color-hover: #5e6e82;
    --smp-bg-cashback-btn-pb: rgba(10, 30, 45, 0.8)
}

.highlight {
    background-color: var(--smp-highlight-bg-color);
    color: #000;
    padding: 2px 4px;
    border-radius: 2px;
    font-weight: 600
}

.navbar-pb {
    background-color: var(--smp-bg-navbar-pb)
}

.smp-box-shadow-nav {
    -webkit-box-shadow: 0 .5rem .5rem -.5rem rgb(0 0 0 / .2) !important;
    box-shadow: 0 .5rem .5rem -.5rem rgb(0 0 0 / .2) !important
}

@media (min-width:768px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .d-lg-block {
        display: block !important
    }

    #search_bar_main {
        display: none !important
    }
}

@media (max-width:767.5px) {
    .search_box_div {
        width: 100% !important
    }
}

#search_bar_main #search_box_close_btn_div,
#search_bar_menu #search_box_close_btn_div {
    right: 8px !important
}

.offcanvas {
    transition: transform 0.15s cubic-bezier(.165, .84, .44, 1), box-shadow 0s ease
}

.offcanvas-body::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.offcanvas-body::-webkit-scrollbar-thumb {
    background: #ccc
}

#login_register_modal_back_btn:hover {
    cursor: pointer
}

form#email_code_form input.input_code {
    letter-spacing: 1em;
    text-align: center;
    width: 100%;
    font-weight: 600;
    border-radius: .25rem
}

#country li a {
    display: flex;
    align-items: center
}

#country .filter-option-inner-inner {
    display: flex;
    align-items: center
}

.bootstrap-select>.dropdown-menu>.dropdown-menu li a {
    display: flex;
    align-items: center
}

button#inquiry_fixed_btn {
    display: flex;
    position: fixed;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.4rem;
    opacity: .85
}

.category_btn {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

div.div_cate2 .badge:hover {
    background-color: #cce5ff;
    color: #004085;
    cursor: pointer
}

#dropdown_menu_country_language_currency div.dropdown-item {
    margin-top: 8px;
    width: 300px
}

#dropdown_menu_country_language_currency div.dropdown-menu {
    left: 0rem
}

#dropdown_menu_country_language_currency {
    right: -2.9rem !important
}

#dropdown_menu_country_language_currency:after {
    right: 3.5rem !important
}

.select_picker {
    margin: 4px 0 0 0
}

input.search-input::placeholder {
    color: #9dacc4;
    font-size: .9rem
}

div.search-box-paste-btn svg:hover {
    color: var(--pb-search-box-btn-color-hover) !important
}

@media (max-width:336px) {
    #top>div>nav>a>div>span {
        font-size: .84em !important
    }

    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}