/* main skin */
@import "../../functions";
@import "../../variables";
@import "../../custom";
@import "../../maps";
@import "../../mixins";
@import "../../utilities";

.main-common {

    /* 인기 상품 */
    .item-title {
        text-align: center;

        a {
            color: $gray-700;
            font-family: 'Nanum Gothic', sans-serif;
        }
    }

    .item-price {
        text-align: center;
        font-weight: 600;
        color: $blue-500;
    }

    .item-it_id {
        font-size: .75rem;
        font-weight: 600;
        color: $gray-100;
        text-shadow: 1px 1px 1px rgba($color: #000000, $alpha: .5);
        left: 0;
        top: 0;
    }

    .item-star {
        bottom: .1rem;
        right: .1rem;

        img {
            height: .75rem;
            width: auto;
        }
    }

    .item-icons-wrap {
        bottom: 0;
    }

    .discount-price {
        font-size: .75rem;
    }

    .soldout-text {
        text-shadow: 2px 2px 5px rgba($color: #000000, $alpha: .5);
    }

    .dc-price-percent {
        font-size: .875rem;
        color: $red-600;
        font-weight: 600;
    }

    .inner-wrap {
        &:hover {
            box-shadow: 2px 2px 20px rgba($color: #000000, $alpha: .1);
            border-color: transparent !important;
        }
    }

    .item-basic {
        font-size: .75rem;
        color: $gray-600;
        padding: .25rem .5rem;
    }

    .shop_icon {
        display: inline-block;
        color: #fff;
        padding: 0 5px;
        margin: 1px;
        font-size: .5rem;
        font-family: "Noto Sans KR", sans-serif;
        font-weight: 400;
    }

    .shop_icon_1 {
        background: #3ec1d3;
    }

    .shop_icon_2 {
        background: #ffb722;
    }

    .shop_icon_3 {
        background: #2dd49f;
    }

    .shop_icon_4 {
        background: #556ee6;
    }

    .shop_icon_5 {
        background: #ff5081;
    }

    .star-wrap {
        img {
            width: auto;
            height: .75rem;
        }
    }
    .inner-wrap{
        border-color: $gray-200 !important;
    }
}