@charset "utf-8";
#st-ol { padding: 5px; border: 0px solid #ddd; border-radius: 4px; margin-bottom: 10px; }
#st-ol .input-group { width: 100%; margin-bottom: 5px; }
#st-ol .input-group-addon {
    color: #999;
    background-color: #fff;
    border-radius: 0;
}
#st-ol .mb_name .fa { position: relative; top: -1px; }
#st-ol .mb_name .mb_icon { position: relative; top: -2px; }

/* ==========================================================================
   Header & Topbar Common Styles
   ========================================================================== */
.affix {
    z-index: 99;
    top: 0;
    width: 100%;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.affix + .container-fluid {
    padding-top: 70px;
}
.navbar-nav {
    width: 100%;
    font-size: 14px;
    text-align: center;
}
.navbar-nav .dropdown-menu {
    font-size: 13px;
}
.event_q_display {
    position: fixed;
    top: 180px;
    right: 5px;
    border-radius: 5px;
    color: #ffffff;
    text-align: center;
    width: 70px;
    padding: 6px;
    font-size: 12px;
    font-weight: bold;
    background-color: #323232;
    opacity: 0.7;
    filter: alpha(opacity=70);
    z-index: 999;
}

/* Toastr override */
#toast-container > div {
    opacity: .9 !important;
}
.toast-message a:hover {
    color: #FFEB3B;
}

/* Favorite Star Icon (명시도 방어) */
.at-title .star {
    display: inline-block;
    vertical-align: bottom;
    width: 25px;
    height: 25px;
    background: url(/img/chk_off.png) no-repeat 0 0;
    cursor: pointer;
}
.at-title .star.added,
.at-title .added {
    background: url(/img/chk_on.png) no-repeat 0 0;
}

/* Topbar Typography & Notice */
.top-user-name {
    color: royalblue;
    font-weight: 900;
}
.top-partner-profile {
    color: darkorange;
}
.top-notice-title {
    color: #555555;
}
.top-notice-badge {
    color: #ffff00;
}

/* ==========================================================================
   Mobile Footer (#foot_menu) Semantic Styles
   ========================================================================== */
.btn_a_ { display: inline-block; }
#foot_menu .foot-btn-auth { background-color: #374050; color: #ffffff; }
#foot_menu .foot-btn-contact { background-color: #3dbf62; color: #ffffff; }
#foot_menu .foot-btn-info { background-color: #448da3; color: #ffffff; }
#foot_menu .foot-btn-alliance { background-color: #a3a3a3; color: #ffffff; }
#foot_menu .foot-btn-mode { background-color: #ff5c1f; color: #ffffff; }
#foot_menu .item:active {
    filter: brightness(0.85);
}

/* ==========================================================================
   Category Scroll Navigation Guard (Non-Board Pages & Desktop)
   ========================================================================== */
.list-category .category-scroll-btn {
    display: none;
}