/* ==================== [ common ] ==================== */
/* border */
hr.border {
    border: none;
    border-bottom: 1px solid #ddd;
}
.border { border: 1px solid #ddd; }
.border-y {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/* background colors */
.bg-gray3 {
    background-color: #f6f6f6;
    color: #808080;
}


/* fonts */
.opera { color: #f82252;}
.purple { color: #7a4cb9; }
a.colored { color: #a01749; }

/* ========================= [ indexmall & bottom only ] ========================= */
.main-title {
    font-size: 28px;
    color: #242424;
    margin: 24px 0;
}
.main-title img {
    height: 28px;
    width: auto;
}


/* ========== [ footer & index-bottom ] ========== */
a.bottom-menu.arrow {
    width: 12rem;
    background-image: url(/coopmall/img/arr2_right_gray.svg);
    background-repeat: no-repeat;
    background-size: 0.5rem;
    background-position: right;
}
a.bottom-menu { color: #808080; }
a.bottom-menu:hover {
    color: #a01749;
    font-weight: 600;
}
.bottom-icon-s {
    width: 48px;
    height: 48px;
}
.bottom-title {
    color: #242424;
    margin: 8px 0;
}

/* ========================= [ footer only ] ========================= */
#site-map {
    width: 200px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #dddddd;
    font-size: 15px;
    color: #808080;
    text-align: center;
    font-weight: 500;
}

/* ========================= [ index bottom only ] ========================= */
.membership-container {
    display: grid;
    grid-template-columns: auto auto;
    width: 315px;
    gap: 8px;
}
.membership-container img {
    width: 86px;
    height: 86px;
}