/* BASIC css start */
#contentWrapper {
    background: #F4F2EF;
    padding: 0 !important;
}

.MK_total_delivery {
    display: inline-block !important;
}


.page-body {
    max-width: 876px;
    margin: 0 auto;
    padding: 40px 16px 0;
    box-sizing: border-box;
}

.page-body .title {
    display: block;
    margin-bottom: 32px;
    color: #211D1D;
    font-size: 34px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
}

.basket-empty-wrap {
    padding: 145px 16px;
    text-align: center;
    word-break: keep-all;
}

.basket-empty-wrap > h3 {
    display: block;
    margin: 16px 0 8px;
    color: var(--Primary-Almost-Black, #211D1D);
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    line-height: 34px;
}

.basket-empty-wrap > p {
    margin-bottom: 24px;
    color: #5A5858;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.basket-empty-wrap .btn-wrap {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
}

.basket-empty-wrap .btn-wrap .btn {
    display: flex;
    width: 100%;
    height: 48px;
    max-width: 300px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: var(--Primary-Almost-Black, #211D1D);
    color: var(--Primary-Pure-White, #FFF);
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.cart-wrap {
    display: flex;
    gap: 16px;
    margin-bottom: 60px;
}

.cart-wrap > .left {
    width: 100%;
    max-width: 500px;
}

.cart-wrap .right {
    max-width: 328px;
    flex: 1;
}

.cart-list-wrap .cart-list {
    position: relative;
    display: flex;
    gap: 20px;
    padding: 24px 8px;
    background: #FFFFFF;
    max-width: 500px;
    box-sizing: border-box;
}

.cart-list-wrap .cart-list.line :before {
    content: '';
    position: absolute;
    width: calc(100% - 16px);
    height: 1px;
    background: #F4F2EF;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.cart-list-wrap .cart-list .img-wrap {
    position: relative;
    display: block;
    min-width: 124px;
    height: 124px;
    overflow: hidden;
}

.cart-list-wrap .cart-list .img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cart-list-wrap .cart-list .name {
    display: inline-block;
    color: #211D1D;
    max-width: 90%;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 4px;
    word-break: keep-all;
}

.cart-list-wrap .cart-list .option-text {
    display: block;
    margin-bottom: 8px;
    color: #5A5858;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 13px;
    font-weight: 390;
    line-height: 18px;
}

.cart-list-wrap .cart-list .btn-option {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 160px;
    height: 36px;
    border-radius: 4px;
    border: 1px solid #5A5858;
    color: #5A5858;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
}

.cart-list-wrap .cart-list .price-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
}

.cart-list-wrap .cart-list .price-wrap .price-original {
    color: #5A5858;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 16px;
    font-weight: 390;
    line-height: 20px;
    text-decoration-line: line-through;
}

.cart-list-wrap .cart-list .price-wrap .price {
    color: #211D1D;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 16px;
    font-weight: 420;
    line-height: 20px;
}

.cart-list-wrap .cart-list .btn-delete {
    position: absolute;
    right: 24px;
    top: 24px;
    width: 16px;
    height: 16px;
    background: url('/design/hangso1/mallskin/pc/images/icon_basket_delete.png') no-repeat center center;
}

.cart-list-wrap .cart-list .btn-update {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30px;
    max-width: 160px;
    box-sizing: border-box;
    border: 1px solid #A6A4A4;
    border-radius: 4px;
    margin-top: 4px;
}

html.down .cart-total-wrap {
    top: 16px;
}

.cart-total-wrap {
    width: 100%;
    position: sticky;
    top: 156px;
    transition: all .5s;
}

.cart-total-wrap .inner-box {
    background: #FFFFFF;
    padding: 24px 16px;
    box-sizing: border-box;
}

.cart-total-wrap > strong {
    display: block;
    margin-bottom: 5px;
    color: #211D1D;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
}

.cart-total-wrap .item-box {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding-bottom: 16px;
}

.cart-total-wrap .item-box + .item-box {
    padding-top: 16px;
    border-top: 1px solid #DDDCD7;
}

.cart-total-wrap .item-box p {
    color: #211D1D;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}

.cart-total-wrap .item-box span {
    color: #211D1D;
    font-family: "HvDTrial Brandon Grotesque";
    font-size: 16px;
    font-weight: 420;
    line-height: 25px;
}

.cart-total-wrap .item-box.delivery p, .cart-total-wrap .item-box.delivery span {
    font-weight: 500;
    line-height: 24px;
}

.cart-total-wrap .item-box.delivery span {
    font-size: 14px;
}

.cart-total-wrap .item-box.total p {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
}

.cart-total-wrap .item-box.total span {
    font-size: 20px;
    font-weight: 450;
    line-height: 28px;
}

.cart-total-wrap .btn-wrap {
    padding: 0 16px 16px;
    background: #ffffff;
}

.cart-total-wrap .btn-wrap .btn-security {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background: #211D1D;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    transition: all .5s;
}

.cart-total-wrap .btn-wrap .btn-security:hover {
    background: var(--Primary-Moleskine-Orange, #FB663A);
}

.cart-total-wrap .btn-wrap .btn-security:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/design/hangso1/mallskin/pc/images/icon_pay.png') no-repeat center;
    background-size: cover;

}

.cart-total-wrap .pay-text {
    padding: 0 16px 16px;
    text-align: center;
    color: #211D1D;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    background: #FFFFFF;
}

.cart-total-wrap .cart-ft2 {
    padding: 0 16px 16px;
    background: #FFFFFF;
}

#nhn_btn {
    display: block;
    width: 100%;
}

#nhn_btn > div {
    width: 100% !important;
}

.wide-wrap {
    max-width: 1232px;
    margin: 0 auto;
    padding: 80px 16px 40px;
}

.wide-wrap .title {
    display: block;
    margin-bottom: 24px;
    color: #211D1D;
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
}

@media (max-width: 768px) {
    .wide-wrap {
        padding: 30px 16px 40px;
    }

    .wide-wrap .title {
        font-size: 26px;
    }

    .basket-empty-wrap > h3 {
        font-size: 26px;
    }

    .page-body {
        padding: 24px 16px 40px;
    }

    .page-body .title {
        font-size: 32px;
        margin-bottom: 24px;
    }

    .cart-wrap {
        flex-direction: column;

    }

    .cart-wrap .left {
        flex: 1;
    }

    .cart-list-wrap .cart-list {
        max-width: 100%;
    }

    .cart-total-wrap {
        position: relative;
        top: 0 !important;
        transition: none;
    }

    .cart-total-wrap .btn-wrap {
        background: transparent;
        max-width: 308px;
        margin: 24px auto 0;
    }

    .cart-total-wrap .pay-text, .cart-total-wrap .cart-ft2 {
        background: transparent;
        max-width: 308px;
        margin: 0 auto;
    }

    .cart-list-wrap .cart-list .img-wrap {
        min-width: 108px;
        height: 108px;
    }

    .cart-total-wrap .inner-box {
        padding-bottom: 8px;
    }

    .cart-wrap > .left, .cart-wrap .right {
        max-width: 100%;
    }

}

@media (max-width: 375px) {
    .basket-empty-wrap > h3 {
        font-size: 24px;
        margin: 16px 0 4px;
    }

    .basket-empty-wrap > p {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .page-body {
        padding: 0 11px;
    }

    .page-body .title {
        font-size: 28px;
    }

    .cart-list-wrap .cart-list .img-wrap {
        min-width: 64px;
        height: 64px;
    }

    .cart-list-wrap .cart-list .name {
        max-width: 80%;
    }

    .cart-total-wrap .btn-wrap {
        margin: 16px auto 0;
    }
}

/* BASIC css end */