/* common part
-------------------------------------------------- */

html {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-family), "Apple SD Gothic Neo", Malgun Gothic, Helvetica, serif, Droid sans, sans-serif;
    font-weight: var(--font-weight_basic);
    font-size: .875rem;
    color: #222;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

body::-webkit-scrollbar {
    /*display: none;*/
}

body.search {
    /*background-color: #f8f9fa;*/
}

a:focus {
    /*color: #000;*/
    outline: none;
}

ul, li {
    list-style: none;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: #222;
}

p {
    font-size: 11px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: var(--font-weight_basic);
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

p {
    quotes: none;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: 0 auto;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #f8f8f8;
}

.pagination > .active > a,
.pagination > .active > a:hover {
    background-color: #222;
}

input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #222;
    font-weight: var(--font-weight_bold);
    margin-bottom: 0;
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
    content: '\2713';
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    margin: -1px 4px 0 0;
    padding-right: 1px;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    font-size: 11px;
    font-weight: var(--font-weight_bold);
    color: #b8b8b8;
}

input[type="checkbox"] + label:before,
input[type="checkbox"]:checked + label:before,
input[type="radio"] + label:before,
input[type="radio"]:checked + label:before {
    border: 0;
}

input[type="text"]::placeholder {
    color: #929292;
}

select:hover, select:focus {
    outline: none;
}

.btn,
.btn:focus,
.btn:hover {
    outline: none;
}

.btn_back {
    /*    position: absolute;
    top: 21px;
    left: 0;
    width: 18px;
    height: 18px;
    display: block;
    background: url(/contents/images/icon_back.png) no-repeat center;
    background-size: cover;
    z-index: 999;*/
}

.btn_basket {
    /*    position: absolute;
    top: 21px;
    right: 0;
    width: 17px;
    height: 20px;
    display: block;
    background: url(/contents/images/icon_basket.png) no-repeat center;
    background-size: cover;
    z-index: 999;*/
}

.btn_home {
    /*  position: absolute;
    top: 22px;
    right: 32px;
    width: 20px;
    height: 20px;
    display: block;
    background: url(/contents/images/icon_home.png) no-repeat center;
    background-size: cover;
    z-index: 999;*/
}

.btn-block {
    width: 100%;
    display: block;
}

.btn {
    height: 40px;
    line-height: 39px;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    color: #fff;
    padding: 0;
    border: 0;
    -webkit-transition: none;
}

.btn_type1 {
}

.btn_type2 {
    border-radius: 20px;
    /*border-radius: var(--btn_type_radius, 20px);*/
}

.btn_type3 {
    border-radius: 10px !important;
}

.btn_type4 {
    box-shadow: none !important;
}

.btn_type5 {
    box-shadow: none !important;
    border-radius: 20px;
}

.btn_type6 {
    border-radius: 10px !important;
    box-shadow: none !important;
}

.btn_type7 {
    background-color: #fff !important;
    border: 2px solid #ffca27;
    color: #ffca27;
    height: 42px;
    line-height: 39px;
    box-shadow: none !important;
}

.btn_type8 {
    background-color: #fff !important;
    border: 2px solid #ffca27;
    color: #ffca27;
    height: 42px;
    line-height: 39px;
    border-radius: 20px;
    box-shadow: none !important;
}
/*.btn.btn-black {
    background-color: #484848;
    box-shadow: 0 3px 0 #222;
}*/
.btn.btn-black {
    background-color: #484848;
    box-shadow: 0 2px 0 #222;
    -webkit-box-shadow: 0 2px 0 #222;
}

.btn.btn-gray {
    background-color: #929292;
    box-shadow: 0 3px 0 #727272;
    -webkit-box-shadow: 0px 2px #f2f2f2 !important;
}

.btn.btn-white {
    background-color: #e8e8e8;
    box-shadow: 0 3px 0 #c8c8c8;
    color: #727272;
    -webkit-box-shadow: 0px 2px #f2f2f2 !important;
}

.btn.btn-bgColor {
    background-color: #ffca27;
    border-bottom: 2px solid #e7b724;
    /*-webkit-box-shadow: 0px 2px #f2f2f2 !important;*/
}
/*.btn.btn-bgColor {
    background-color: #ffca27;
    box-shadow: 0 3px 0 #dbad21;
}*/

.btn.btn-border {
    border: 2px solid #ffca27;
    color: #ffca27 !important;
    line-height: 46px !important;
}

.btn.btn-shadow-no {
    box-shadow: none;
}

.btn_import {
    color: #e34f4e !important;
}

.border-0 {
    border: 0;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-top {
    border-top: 1px solid;
}

.bg-red {
    background-color: #ff2f2f;
}

.bg-gray_f8 {
    background-color: #f8f8f8;
}

.bg-gray_e8 {
    background-color: #e8e8e8;
}

.bg-white {
    background-color: #fff;
}

.bg-black {
    background-color: #222 !important;
}
.bg-filter {
    filter: grayscale(100%) !important;
    opacity: 0.6;
}
.bg-black_00 {
    background-color: #000 !important;
}

/** 폰트 **/
.fc-default {
    color: var(--btn_type_shopbasic2_color);
}
/*color*/
.fc-gray_424 {
    color: #424242 !important;
}
.fc-gray_727 {
    color: #727272 !important;
}
.fc-gray_929 {
    color: #929292 !important;
}
.fc-red {
    color: #ff2f2f !important;
}
.fc-black {
    color: #222222 !important;
}
.fc-white {
    color: #ffffff !important;
}
.fc-yellow_ffc {
    color: #ffc833;
}
/*size*/
.fs-11px {
    font-size: 0.688rem !important;
}
.fs-12px {
    font-size: 0.75rem !important;
}
.fs-13px {
    font-size: 0.8125rem !important;
}
.fs-14px {
    font-size: 0.875rem !important;
}
.fs-16px {
    font-size: 1rem !important;
}
@media (min-width: 768px) {
    .fs-11px {
        font-size: 0.875rem !important;
    }
    .fs-12px {
        font-size: 0.9375rem !important;
    }
    .fs-13px {
        font-size: 1rem !important;
    }
    .fs-14px {
        font-size: 1.063rem !important;
    }
}
/*weight*/
.fw_normal {
    font-weight: var(--font-weight_basic);
}
.fw_bold {
    font-weight: var(--font-weight_bold);
}
.text-danger {
    font-weight: var(--font-weight_bold);
}
/*기타*/
.text-keep {
    word-break: keep-all;
}
.text-break {
    word-break: break-all;
}
.text-preline {
    white-space: pre-line;
}
.lh-base {
    line-height: 1.4;
}
.text-decoration-linethrough {
    text-decoration: line-through;
}
.icon-reply {
    height: 16px;
}
.zindex-9 {
    z-index: 9;
}
.panel {
    border: 0;
}

.moall-wrapper {
    width: 100vw;
    height: 100%;
    /*background-color: #fff;*/
    /* overflow-y: auto;
    -webkit-overflow-scrolling: touch;*/
}

.menu-wrapper .btn_menu {
    position: absolute;
    top: 20px;
    left: 0;
    width: 19px;
    height: 19px;
    display: block;
    background: url(/contents/images/icon_menu.png) no-repeat center;
    background-size: cover;
    z-index: 999;
}

.menu-wrapper .btn_search {
    position: absolute;
    top: 19px;
    right: 32px;
    width: 20px;
    height: 20px;
    display: block;
    background: url(/contents/images/icon_search.png) no-repeat center;
    background-size: cover;
    z-index: 999;
}

.menu-wrapper .btn_basket {
    top: 19px;
}

.text-danger-color {
    color: #f3a702;
    font-weight: var(--font-weight_bold);
}

.title {
    position: relative;
}

    .title h5 {
        text-align: center;
        font-weight: var(--font-weight_bold);
        height: 100%;
        line-height: 60px;
    }

    .title .btn_close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 16px;
        height: 100%;
        line-height: 56px;
        z-index: 99;
    }

        .title .btn_close img {
            width: 18px;
            height: 18px;
        }

.navbar .sub-menu-wrapper .sub-menu-title {
    position: relative;
    width: 100%;
    /*   height: 60px;*/
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
    text-align: center;
}

.table .member .form-group {
    margin-top: 10px;
    margin-bottom: 20px;
    color: #222;
}
/* header part
-------------------------------------------------- */
.header-wrapper {
    z-index: 300;
    /*position: fixed;*/
    width: 100%;
}

    .header-wrapper .navbar {
        display: block;
        /*height: 60px;*/
    }

    .header-wrapper .navbar-header {
        width: 100%;
        border-bottom: 1px solid #ddd;
    }

        .header-wrapper .navbar-header ul {
            background: #fff;
        }

            .header-wrapper .navbar-header ul li {
                width: 20%;
            }

            .header-wrapper .navbar-header ul li {
                position: relative;
                float: left;
            }

                .header-wrapper .navbar-header ul li a {
                    display: block;
                    height: 43px;
                    font-size: 12px;
                    line-height: 43px;
                    color: #000;
                    text-align: center;
                }

        .header-wrapper .navbar-header .joinPoint {
            position: absolute;
            margin-top: 30px;
            width: 100%;
            height: 100%;
            /* border: 1px solid red; */
            -webkit-animation-name: joinPointMove;
            -webkit-animation-duration: 1.4s;
            -webkit-animation-iteration-count: infinite;
            animation-name: joinPointMove;
            animation-duration: 1.4s;
            animation-iteration-count: infinite;
        }

            .header-wrapper .navbar-header .joinPoint span.joinPointTop {
                display: none;
                float: right;
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 8px solid transparent;
                border-bottom: 5px solid #000;
            }

            .header-wrapper .navbar-header .joinPoint span.joinPointBottom {
                position: absolute;
                clear: both;
                transform: translate(-50%,50%);
                top: -10%;
                left: 50%;
                width: 45px;
                height: 19px;
                line-height: 17px;
                border: 1px solid #444444;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                background-color: #444444;
                font-size: 10px;
                color: #fff;
                text-align: center;
            }

@-webkit-keyframes joinPointMove {
    0% {
        left: 0px;
        top: 0px;
    }

    5% {
        left: 0px;
        top: 5px;
    }

    100% {
        left: 0px;
        top: 0px;
    }
}

@keyframes joinPointMove {
    0% {
        left: 0px;
        top: 0px;
    }

    50% {
        left: 0px;
        top: 5px;
    }

    100% {
        left: 0px;
        top: 0px;
    }
}

.header-wrapper .navbar-header ul:after {
    content: "";
    display: block;
    clear: both;
}

.header-wrapper .navbar navbar-fixed-top {
    z-index: 199;
    position: relative;
    text-align: center;
    vertical-align: top;
}

.header-wrapper .category {
    position: absolute;
    left: 15px;
    top: 50%;
    width: 23px;
    height: 28px;
    margin-top: -14px;
    vertical-align: middle;
}

    .header-wrapper .category a {
        display: inline-block;
        overflow: hidden;
        width: 100%;
        height: 100%;
        text-indent: 100%;
        white-space: nowrap;
        background: url(/_mplshop/images/btn_allmenu.png) no-repeat;
    }

.header-wrapper h1 {
    height: 86px;
    line-height: 86px;
    text-align: center;
    font-size: 24px;
}

    .header-wrapper h1 img {
        max-width: 100%;
        vertical-align: middle;
        font-size: 12px;
    }


.contents-wrapper {
    margin-top: 60px;
}
.contents-wrapper.view {
    margin-top: 0;
}
.contents-wrapper#newboard, .contents-wrapper#newMyboard {
    margin-top: 60px !important;
}

.contents-wrapper.terms {
    margin-top: 0;
}

    .contents-wrapper.search {
        margin-top: 60px;
    }

    .contents-wrapper.basket {
        margin-top: 58px;
    }

    .contents-wrapper.detail {
        margin-top: 70px !important;
    }

    .contents-wrapper .top-category {
        width: 100%;
        background: #774f4f;
    }

        .contents-wrapper .top-category ul {
            width: 100%;
            border-top: 1px solid #404040;
        }

            .contents-wrapper .top-category ul.grid3 li {
                width: 33.33%;
            }

            .contents-wrapper .top-category ul li {
                float: left;
                width: 33.33%;
                overflow: hidden;
            }

                .contents-wrapper .top-category ul li a {
                    display: block;
                    line-height: 34px;
                    height: 34px;
                    border: 1px solid #404040;
                    border-width: 0 1px 1px 0;
                    text-align: center;
                    font-size: 11px;
                    color: #fff;
                }

.top-category > ul > li > a.timeBG {
    background-color: #db3e42;
    border-bottom: 1px solid #db3e42 !important;
    color: #fff;
    font-weight: var(--font-weight_bold);
}

.contents-wrapper .top-category ul:after {
    content: "";
    display: block;
    clear: both;
}
/*modal css*/
.modal {
    overflow: hidden;
    z-index: 99999;
}

.modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
}

    .modal-dialog.top-half {
        top: 7%;
    }

.modal-backdrop.fade.in {
    opacity: 0;
}



.modal-dialog:not(.confirm) > .modal-content > .modal-header {
    color: #222;
    background-color: #fff;
    z-index: 1;
}

.modal-dialog.confirm > .modal-content {
    /* background-color: #484848;
    -webkit-box-shadow: none;
    margin: 0 20px;
    border-radius: 6px;
    padding: 20px;*/
}

    .modal-dialog.confirm > .modal-content > .modal-header {
        border-bottom: 0;
        padding: 15px 15px 10px;
    }

.modal-header .close {
    opacity: 1;
    color: #222;
    margin-top: -3px;
}

    .modal-header .close:focus {
        outline: none;
    }

.modal-dialog.confirm > .modal-content > .modal-header > .close {
    position: relative;
    top: -5px;
    color: #343a40;
}

.modal-header .icon-close {
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
}

.modal-dialog.confirm > .modal-content > .modal-header > .icon-close {
    font-size: 1rem;
}

.modal-title {
    font-size: 16px;
    font-weight: var(--font-weight_bold);
}

.modal-dialog.confirm > .modal-content > .modal-header > .modal-title {
    font-size: .75rem;
    text-align: center;
    color: #fff;
}

.modal-dialog.confirm > .modal-content > .modal-footer {
    border-top: 0;
    display: flex;
    flex-direction: row;
    padding: 15px 0 0 0;
}

    .modal-dialog.confirm > .modal-content > .modal-footer button {
        width: 50%;
    }

.modal-dialog:not(.confirm) > .modal-content > .modal-body {
    font-size: .875rem;
    width: 100%;
    height: calc(100% - 60px);
    /*overflow-y: auto;*/
    margin-top: 58px;
}

.modal-dialog:not(.confirm) > .modal-content > .modal-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding-top: 0;
    padding-bottom: 0;
}

    .modal-dialog:not(.confirm) > .modal-content > .modal-footer > .btn-default {
        color: #343a40;
        border-color: #929292;
    }

.modal-dialog.confirm > .modal-content > .modal-footer > .btn-default {
    color: #f2b826;
    border-color: #f2b826;
}

.modal-footer button + button {
    margin-left: 10px;
}

.modal.addDelivery .panel-body {
    padding: 0;
}

.modal.addDelivery input[type="checkbox"] + label {
    padding-left: 0;
    color: #b8b8b8;
}

.modal.addDelivery .form-group label {
    color: #727272;
    display: block;
    margin-bottom: 10px;
}

.modal.addDelivery .postnum_search {
    display: flex;
    flex-direction: row;
}

    .modal.addDelivery .postnum_search input {
        width: 35%;
    }

    .modal.addDelivery .postnum_search .form-group {
        width: 65%;
        margin-bottom: 0;
        margin-left: 12px;
    }

        .modal.addDelivery .postnum_search .form-group button {
            width: 100%;
            height: 37px;
            line-height: 39px;
            font-size: 12px;
        }

.modal.addDelivery .attrselect {
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #222;
    font-weight: var(--font-weight_bold);
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../contents/images/icon-arrow-bottom.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 95% 50%;
}

.modal.addDelivery .direct {
    margin-top: 10px;
}

.modal.addDelivery .modal-footer {
    display: flex;
    flex-direction: row;
}

    .modal.addDelivery .modal-footer button {
        width: 50%;
    }

.modal.addDelivery .modal-footer {
    border-top: 0;
    padding: 15px 0;
}

.z-depth-1 {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.scale-transition {
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
    transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
    transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
    transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}

    .scale-transition.scale-out {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: -webkit-transform .2s !important;
        transition: -webkit-transform .2s !important;
        transition: transform .2s !important;
        transition: transform .2s, -webkit-transform .2s !important;
    }

.selectbox {
    position: relative;
    width: 100%;
    height: 34px;
    margin-top: 0;
    border: 1px solid #343a40;
    background-color: #f8f9fa;
    z-index: 1;
}

.selectbox:before {
    content: "\279C";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.selectbox label {
    position: absolute;
    padding: 0 15px;
    color: #222;
    font-size: .8125rem;
    font-weight: var(--font-weight_basic);
    height: 34px;
    line-height: 34px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.selectbox select {
    display: block;
    width: 100%;
    height: 34px;
    line-height: 34px;
    font-family: inherit;
    font-size: .6875rem;
    padding: 0 15px;
    border: 0;
    opacity: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
}

.suggest-wrapper {
    padding: 0 25px;
}

.suggest-wrapper ul {
    margin-bottom: 0;
}

        .suggest-wrapper ul li {
            font-size: .725rem;
            float: left;
            padding: 0 0 5px 0;
            border: 0;
        }

            .suggest-wrapper ul li:first-child {
                padding-right: 10px;
            }

            .suggest-wrapper ul li:not(:first-child):not(:last-child):after {
                content: "|";
                padding: 0 5px;
            }

.form-control {
    font-size: .75rem;
}

    .form-control,
    .form-control:focus,
    .panel {
        box-shadow: none;
    }

.panel-footer {
    border-color: #e8e8e8;
}

.info_form tr {
    margin-top: 5px;
}

.pay_result_th {
    border: none !important;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    font-size: .6875rem;
    font-weight: var(--font-weight_basic);
    color: #727272;
    vertical-align: middle;
    border-color: #727272;
    display: block;
}

.table > tbody > tr > td .delivery-text {
    font-size: .625rem;
    font-weight: var(--font-weight_basic);
    color: #929292;
}

.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    font-weight: var(--font-weight_basic);
}

.invert {
    color: #fff !important;
    background-color: #343a40 !important;
}

.btn-invert {
    color: #fff;
    border-color: #343a40;
    background-color: #343a40;
}

    .btn-invert:focus,
    .btn-invert:hover {
        color: #fff;
        border-color: #343a40;
        background-color: #343a40;
    }

.bg-danger {
    color: #fff;
    background-color: #ffcc00 !important;
}



.text-white {
    color: #fff;
}
/* header part
-------------------------------------------------- */
.navbar {
    margin: 0;
    transition: background .5s;
    border-width: 0 0 1px 0;
    /*  position: relative;
    top: 0;*/
}

.navbar-fixed-top {
    /*background-color: #fff;*/
    z-index: 999;
    width: 100%;
}

.navbar a {
    display: inline-block;
}
.detail_wrap_moall #topBasketBtn {
    position: relative;
}
.navbar .basket-exist {
    position: absolute;
    top: -4px;
    right: 13px;
    font-size: 10px;
    text-align: center;
    width: 6px;
    height: 6px;
    line-height: 14px;
    border-radius: 50%;
    background-color: #ff0000;
    letter-spacing: -1px;
    padding-right: .5px;
}

.navbar .menu-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    height: 60px;
    line-height: 63px;
    margin: 0 15px;
}

    .navbar .menu-wrapper .logo-wrapper a {
        height: 100%;
    }

    .navbar .menu-wrapper .logo-wrapper img {
        display: flex;
        width: 150px;
    }

.navbar .sub-menu-wrapper {
    position: relative;
    display: flex;
    height: 60px;
    /*line-height: 65px;*/
    padding: 0 12px;
    align-items: center;
    /*border-bottom: 1px solid #e8e8e8;*/
}

    .navbar .sub-menu-wrapper .title {
        margin: 0 auto;
        white-space: nowrap;
    }

.navbar .back {
    height: 100%;
    line-height: 60px;
}

    .navbar .back .fontello {
        font-size: 1.25rem;
    }

.navbar .sub-menu-wrapper .fa,
.navbar .sub-menu-wrapper .fontello {
    color: #343a40;
}

.navbar .sub-menu-wrapper .home,
.navbar .sub-menu-wrapper .share,
.navbar .sub-menu-wrapper .basket {
    position: inherit;
    line-height: 68px;
}

.navbar .sub-menu-wrapper .fontello {
    font-size: 1.5rem;
}

.navbar.view {
    /*background-color: rgba(255, 255, 255, .2);*/
    /*background-color: #fff;*/
    border-color: transparent;
    transition: background .5s;
}
/* search part
-------------------------------------------------- */
.moall-search-wrapper {
    background-color: #fff;
}
.moall-search-wrapper .navbar {
    border: 0;
}
.moall-search-wrapper .contents-wrapper.search {
    padding: 15px;
}

    .moall-search-wrapper .search-wrapper h5 {
        margin-top: 30px;
    }

    .moall-search-wrapper .search-wrapper .text_search {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .moall-search-wrapper .search-wrapper .form-control {
        display: inline-block;
        border: 2px solid #000;
        background-color: #fff;
        width: 90%;
        margin: 16px 0;
    }

    .moall-search-wrapper .search-wrapper .text_search .btn {
        height: 40px;
        line-height: 40px;
        padding: 0 6px 0 12px;
    }

    .moall-search-wrapper .search-wrapper .icon-search {
        width: 20px;
    }

    .moall-search-wrapper .contents-wrapper > .panel.recently .panel-heading {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .moall-search-wrapper .contents-wrapper > .panel.popular .keyword.point {
        background-color: #ffd427;
        color: #fff;
        border: 0;
    }

    .moall-search-wrapper .contents-wrapper > .panel.search-data {
        margin: 30px 0;
    }

        .moall-search-wrapper .contents-wrapper > .panel.search-data h5 {
            padding: 16px 0 40px 0;
            font-size: 13px;
        }

        .moall-search-wrapper .contents-wrapper > .panel.search-data.not h5 {
            padding: 16px 0;
            font-size: 13px;
        }

    .moall-search-wrapper .contents-wrapper > .panel > .panel-heading {
        font-size: 14px;
        padding: 10px 0 15px 0;
    }

        .moall-search-wrapper .contents-wrapper > .panel > .panel-heading .search_delete {
            color: #b8b8b8;
            font-weight: var(--font-weight_bold);
            display: flex;
            align-items: center;
        }

            .moall-search-wrapper .contents-wrapper > .panel > .panel-heading .search_delete img {
                width: 16px;
                margin-left: 8px;
            }

    .moall-search-wrapper .contents-wrapper > .panel > .panel-body {
        padding: 0;
    }

        .moall-search-wrapper .contents-wrapper > .panel > .panel-body .list-group {
            margin-bottom: 0;
        }

            .moall-search-wrapper .contents-wrapper > .panel > .panel-body .list-group#recentlySearch {
                color: #929292;
                font-size: 12px;
                min-height: 40px;
            }

        .moall-search-wrapper .contents-wrapper > .panel > .panel-body .list-group-item {
            font-weight: var(--font-weight_bold);
            padding: 1px 0;
            border: 0;
        }

        .moall-search-wrapper .contents-wrapper > .panel > .panel-body .icon-close {
            font-size: .625rem;
            color: #b8b8b8;
            font-weight: var(--font-weight_bold);
            padding-left: 6px;
        }

        .moall-search-wrapper .contents-wrapper > .panel > .panel-body .keyword {
            display: inline-flex;
            align-items: center;
            color: #222;
            height: 32px;
            line-height: 32px;
            padding: 0 12px;
            margin: 0 4px 8px 0;
            border: 1px solid #e8e8e8;
            border-radius: 16px;
            font-size: 12px;
            font-weight: var(--font-weight_bold);
        }

            .moall-search-wrapper .contents-wrapper > .panel > .panel-body .keyword.recommend:nth-child(odd) {
                background-color: #ffd427;
                border: 1px solid #ffd427;
                color: #fff;
            }

    .moall-search-wrapper .contents-wrapper > .panel > .panel-footer {
        font-size: .6875rem;
        font-weight: var(--font-weight_bold);
        padding-top: 5px;
        padding-bottom: 5px;
        border-top-color: #efefef;
    }

        .moall-search-wrapper .contents-wrapper > .panel > .panel-footer a {
            color: #929292;
        }

    .moall-search-wrapper .contents-wrapper > .recentlylst-wrapper {
        padding: 0;
        border-bottom: 0;
    }

        .moall-search-wrapper .contents-wrapper > .recentlylst-wrapper > .title {
            font-size: 14px;
            font-weight: var(--font-weight_bold);
            margin: 0;
            padding: 10px 0;
        }

.contents-wrapper.main {
    background-color: #fff;
    /*margin-top: calc(61px + var(--gnb_size, 0px));*/ /*   106px;*/
    /*-webkit-backface-visibility: hidden;*/
}

.gnb-wrapper {
    width: 100%;
}

    .gnb-wrapper > .gnb {
        white-space: nowrap;
        display: flex;
        align-items: center;
    }

#gnb a {
    width: auto;
}


.gnb > .menu:first-child {
    margin-left: 0 !important;
}

.gnb > .menu:last-child {
    margin-right: 0 !important;
}

.contents-wrapper:not(.main) .gnb > .menu.active {
    color: #222;
    /*border-bottom: 3px solid #ffcc00;*/
    /*line-height: 32px;*/
    /*border-bottom: 3px solid #222;*/
}

.event-wrapper {
    margin-bottom: 5px;
}

.category-align-wrapper {
    position: relative;
    font-size: .8125rem;
    height: 40px;
    line-height: 40px;
    /*border-top: 1px solid #e5e5e5;*/
}

.category-popover:focus,
.align-popover:focus {
    outline: none;
}

.category-popover {
    display: inline-block;
    width: 78%;
    padding: 0 15px;
}

    .align-popover .fa,
    .category-popover .fa-list {
        float: left;
        font-size: 1.125rem;
        line-height: 40px;
        margin-right: 7px;
    }

    .category-popover .fa-angle-down,
    .category-popover .fa-angle-up {
        float: right;
        font-size: 1.25rem;
        line-height: 40px;
    }

.align-popover {
    float: right;
    font-size: .75rem;
    padding-right: 15px;
}

    .align-popover .fa {
        font-size: 1rem;
        margin-right: 3px;
    }

.scroll-prod-wrapper {
    width: 100%;
    white-space: nowrap;
    /*overflow-x: scroll;*/
    overflow-y: hidden;
}



.prod-wrapper > .col-xs-6 {
    display: inline-block;
    vertical-align: top;
}

.prod-wrapper > .col-xs-6 {
    padding: 0 4px;
}



.prod {
    /*margin-bottom: 10px;*/
    border-radius: 0;
    border: 0;
}



.prod.type4 {
    padding: 15px;
    margin-bottom: 5px;
}

.prod .wish_wrap {
    position: absolute;
    z-index: 9;
    bottom: 117px;
    right: 5px;
    width: 35px;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(141,141,141,0.5);
}

.prod .btn-like {
    font-size: 21px;
    width: 21px;
    height: 21px;
    _background: red;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    margin: 7.5px auto;
    color: red;
    cursor: pointer;
}

.prod .btn-like > i {
    position: absolute;
    top: 8px;
    left: 7px;
    cursor: pointer;
    color: #aaa;
}

.prod > .panel-heading {
    position: relative;
    padding: 0;
    border-bottom:0;
}

.prod > .panel-heading > img {
    width: 100%;
    /*border-radius: 10px;*/
    /*transform: translate3d(0, 0, 0);*/
}



.prod.type2 > .panel-heading .timesale {
    height: 40px;
    line-height: 40px;
}

.prod > .panel-heading > .timesale.deadline {
    background-color: #ffba27;
}

.prod > .panel-heading > .badge_wrap {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    margin: 5px;
    width: 95%;
    height: 28px;
}

.scroll-prod-wrapper .prod > .panel-heading > .dc-body {
    font-size: 10px;
    z-index: 999;
}

.prod > .panel-heading .dc-rate { /*할인율*/
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 28px;
    color: #fff;
    font-size: .75rem;
    font-weight: var(--font-weight_bold);
    padding: 5px;
    /*border: 1px solid #f2b826;*/
    background-color: rgba(242, 184, 38, .8);
    /*-webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.3);*/
}

.prod > .panel-heading .dc-body {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    z-index: 1;
}

.scroll-prod-wrapper .prod > .panel-heading > .dc-rate {
    font-size: 11px;
    left: 48px;
    padding: 4px;
}

.prod > .panel-heading .dc-body > .dc-feefree {
   /* padding: 4px;
    width: 28px;
    line-height: 1;
    font-weight: 400;
    white-space: normal;
    color: #fff;
    background-color: #66a529;*/
}

.prod > .panel-heading .dc-body .dc-feefree.terms {
    width: 34px;
    padding: 4px 0;
    text-align: center;
}

.prod > .panel-heading .dc-body .tag_new {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 9px;
    color: #fff;
    text-align: center;
    text-decoration: underline;
    background-color: #fd2375;
}

.prod > .panel-heading .buy_number {
    /*position: absolute;
    bottom: 0;
    right: 0;
    background-color: #ff5353;
    color: #fff;
    font-size: 9px;
    padding: 3px 4px;
    letter-spacing: -1px;*/
}

.scroll-prod-wrapper .prod {
    position: relative;
    display: inline-block;
    width: 42%;
    height: auto;
    margin-right: 8px;
    vertical-align: top;
    /*padding-bottom: 16px;*/
}

.scroll-prod-wrapper .prod + .prod {
    margin-left: -4px;
}

.prod > .panel-body {
    position: relative;
    padding: 0px;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
}



.prod.type4 > .panel-body {
    height: auto;
    padding: 10px 0 0;
}

.scroll-prod-wrapper > .prod.type1 > .panel-body {
    height: auto;
    padding: 12px 0;
    white-space: normal;
}

.contents-wrapper:not(.main) .prod.type1 > .panel-heading > .dc-rate {
    padding: 3px;
}

.prod.type2 > .panel-heading > .dc-rate {
    font-size: .875rem;
}

.prod > .panel-body .desc {
    color: #999;
    font-size: .75rem;
    /*font-weight: 600;*/
    overflow: hidden;
    margin-bottom: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prod.type1 > .panel-body .desc {
    font-size: 11px;
    margin: 0;
    max-height: 46px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    white-space: normal;
}


.prod.type4 > .panel-body .desc {
    color: #999;
    font-size: .8125rem;
    max-height: 30px;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2em;
    overflow: hidden;
    margin-bottom: 3px;
    text-overflow: ellipsis;
    white-space: normal;
}

.prod.type4 > .panel-body .prod-title {
    font-size: .8125rem;
    width: 100%;
    overflow: hidden;
    margin: 0 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prod > .panel-body .price-wrapper.default-pricewrap {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    color: #484848;
}

.prod.type4 > .panel-body .price-wrapper {
    font-size: .8125rem;
    text-align: right;
}



.prod.type4 > .panel-body .price {
    font-weight: var(--font-weight_bold);
}
.prod.type4 > .panel-body .org-price {
    color: #929292;
    font-size: .75rem;
    margin-right: 5px;
    text-decoration: line-through;
}

.scroll-prod-wrapper .prod.type1 > .panel-heading > .dc-rate {
    left: 5px;
    font-size: .75rem;
    font-weight: var(--font-weight_basic);
}

.prod.type1 > .panel-body .dc-rate.difault-rate {
    font-weight: var(--font-weight_bold);
    padding-left: 0;
    display: inline-block;
    height: 14px;
    min-height: 14px;
    letter-spacing: -0.2px;
}

.prod.type1 > .panel-body .dc-rate .unit {
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
    padding-left: 3px;
}
.prod.type1 > .panel-body .default-pricewrap .dc-rate {
    font-weight: var(--font-weight_bold);
    padding-left: 0;
    display: inline-block;
    height: 14px;
    min-height: 14px;
    letter-spacing: -0.2px;
}
.prod.type2 > .panel-body .prod-title {
    font-size: .875rem;
    /*font-weight: 600;*/
    max-height: 30px;
    overflow: hidden;
    margin: 0 0 3px;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.prod.type2 > .panel-body .price {
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
}

.prod.type2 > .panel-body .org-price {
    font-size: .75rem;
    color: #929292;
    text-decoration: line-through;
}
/*.prod.type2 > .panel-body .dc-rate {
	position: relative;
	top: -2px;
	float: right;
	font-size: 1.25rem;
	font-weight: 600;
}*/
.prod > .panel-footer {
    color: #999;
    font-size: .6875rem;
    padding: 0;
    border-top: 0;
}

    .prod > .panel-footer > .media {
        padding: 9px 0;
        border-top: 1px solid #e5e5e5;
    }

    .prod > .panel-footer .media-left,
    .prod > .panel-footer .media-body {
        vertical-align: middle;
    }

        .prod > .panel-footer .media-body > ul {
            padding-left: 0;
            margin-bottom: 0;
        }

            .prod > .panel-footer .media-body > ul > li {
                text-overflow: ellipsis;
                overflow: hidden;
                display: -webkit-box;
                word-wrap: break-word;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
            }

.section-title-wrapper {
    display: flex;
    align-items: end;
    background-color: #fff;
}

.section-title {
    position: relative;
    margin: 0;
    display: block;
}

.section-title-wrapper .section-title img {
    width: 24px;
    height: 24px;
    /* width:1.25em;
    height:1.25em;*/
    margin-right: 4px;
}



.section-title .btn {
    /*position: relative;
    top: 5px;*/
    float: right;
    font-size: .6875rem;
    font-weight: var(--font-weight_basic);
    color: #ffcc00;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    margin-left: 5px;
    border-radius: 0;
    border-color: #ffcc00;
}

    .section-title .btn:focus {
        color: #ffcc00;
        border-color: #ffcc00;
        background-color: #fff;
        box-shadow: none;
    }

#bigBannerCarousel {
    padding-bottom: 20px;
}

    #bigBannerCarousel .swiper-controller {
        display: flex;
        flex-direction: row;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
        padding: 0px 20px 0 10px;
        background-color: #333;
        color: #fff;
        font-size: 9px;
    }

        #bigBannerCarousel .swiper-controller .swiper-pagination {
            bottom: 0;
            width: auto;
            padding: 4px 10px 3px 1px;
        }

        #bigBannerCarousel .swiper-controller img {
            width: 10px;
            height: 10px;
        }

        #bigBannerCarousel .swiper-controller > span {
            width: 22px;
            height: 25px;
            background-color: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            position: absolute;
            top: 0;
            right: 0;
        }

    #bigBannerCarousel .item img,
    #eventBannerCarousel .item img {
        width: 100%;
    }

.carousel-indicators {
    left: 0;
    bottom: -14px;
    width: 100%;
    height: 24px;
    line-height: 28px;
    margin-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}




.category-wrapper {
    background-color: #fff;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

    .category-wrapper .category {
        width: 20%;
        margin-top: 7px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .category-wrapper .list-group-item {
        padding: 7px 2px;
        margin: 1px;
        border: 0;
        background-color: #fff;
        display: inline-block;
        width: 65px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        height: auto;
        text-align: center;
    }

    .category-wrapper .category:first-child {
        /*background-color: #f6f6f6;*/
    }

        .category-wrapper .category:first-child .list-group-item {
            /*background-color: #f6f6f6;*/
        }



    .category-wrapper .list-group-item:focus,
    .category-wrapper .list-group-item:hover {
        color: #a0a09f;
        background-color: #fff;
    }

    .category-wrapper .category img {
        display: block;
        margin: 0 auto;
    }

.best-wrapper,
#eventBannerCarousel,
.today-wrapper,
.timesale-wrapper {
    margin-top: 5px;
    /*padding-top: 15px;*/
    /*background-color: #fff;*/
}

.today-wrapper {
    margin-bottom: 5px;
    background-color: #fff;
}
/*.best-wrapper .scroll-prod-wrapper > .prod {
    height: auto;
}*/
/*.today-wrapper .prod {
	height: 290px;
}*/
.timesale-wrapper {
    margin-bottom: 2px;
}

.onair-wrapper {
    background-color: #fff;
}
    /*.onair-wrapper .section-title {
    color: #ffcc00;
    font-size: 1.25rem;
}*/
    .onair-wrapper .section-title .desc {
        position: relative;
        top: 1px;
        font-size: .9375rem;
        font-weight: var(--font-weight_bold);
    }
/*.onair-wrapper .section-title .btn {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}*/
#eventBannerCarousel {
    padding-bottom: 25px;
}

    #eventBannerCarousel .carousel-indicators {
        background-color: transparent;
        bottom: -3px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #eventBannerCarousel .swiper-slide {
        border-radius: 10px;
    }

        #eventBannerCarousel .swiper-slide img {
            border-radius: 10px;
        }

#onairCarousel.carousel {
    margin: 0 auto;
    padding-top: 15px;
    overflow: hidden;
}

#onairCarousel .embed-responsive .embed-responsive-item,
#onairCarousel .embed-responsive iframe {
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 190px;
}

#onairCarousel .carousel-inner > .item img {
    margin: 0 auto;
}

#onairCarousel .carousel-control {
    top: 50%;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
    opacity: 1;
    background-image: none;
}

    #onairCarousel .carousel-control .fa {
        font-size: 40px;
    }

    #onairCarousel .carousel-control.left {
        left: 0;
    }

    #onairCarousel .carousel-control.right {
        right: 0;
    }


/*메인카테고리아이콘텍스트*/
.category-view-wrapper {
    /*padding: 15px 0;*/
}

.category-view-wrapper .section-title-wrapper {
    border-top: 0;
    background-color: #fff;
}

.category-view-wrapper .section-title {
    font-size: 1.125rem;
    padding-left: 15px;
    padding-right: 15px;
}

.category-view-wrapper .section-title > .default-color {
    color: #343a40;
}

.category-view-wrapper .nav-tabs,
.category-view-wrapper-text .nav-tabs {
    overflow-x: scroll;
    white-space: nowrap;
    border: 0;
    /*padding: 0 15px;*/
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.category-view-wrapper .nav-tabs::-webkit-scrollbar,
.category-view-wrapper-text .nav-tabs::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    background: transparent;
    -webkit-appearance: none;
}

.category-view-wrapper .affix {
    width: 100%;
    background-color: #fff;
    z-index: 999 !important;
    padding: 0;
    display: flex;
    align-items: center;
    overflow-y: hidden;
}

.category-view-wrapper .affix-top {
    /* border-bottom: 0;*/
    background-color: #fff;
    margin: 0 15px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    overflow-y: hidden;
}

.category-view-wrapper .prod-wrapper > .col-xs-6:nth-child(2n-1) {
    padding-left: 0px;
}

.category-view-wrapper .prod-wrapper > .col-xs-6:nth-child(2n) {
    padding-right: 0px;
}

.category-view-wrapper .affix ~ .category-view {
    position: relative;
    top: 0;
}

.category-view-wrapper .nav-tabs > li:first-child {
    border-left-width: 1px;
}


.category-view-wrapper .nav-tabs > li > a {
    color: #929292;
    letter-spacing: -0.2px;
    padding: 10px 0;
    width: 69px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    text-align: center;
    background: #fff;
    border: 0;
    margin-right: 0;
}

.category-view-wrapper .nav-tabs > li {
    margin-bottom: 0;
    border-bottom: 2px solid #d8d8d8;
}


.category-view-wrapper .category-view {
    /*background-color: #fff;*/
    /*background:pink;*/
    margin-bottom: 0;
}

.category-view-wrapper #category1 {
    /*padding-top: 5px;*/
}

.category-view-wrapper .category-title {
    color: #222;
    padding: 0;
    z-index: 1;
    margin-left: 0;
    white-space: nowrap;
}


.category-view-wrapper .category-view .carousel hr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
    border-top: 2px solid #e8e8e8;
}

.category-view-wrapper .category-view:first-child .carousel hr {
    display: none;
}

.category-view-wrapper .category-view .more-view {
    padding-bottom: 32px !important;
    /*padding-top:32px;*/
}

.category-view-wrapper .more-view .btn > .fa {
    position: relative;
    top: 2px;
    font-size: 1.125rem;
    margin-left: 5px;
}

.category-view-wrapper #categoryTab .imgwrap {
    padding-top: 10px;
    position: relative;
    top: 1px;
}

.category-view-wrapper #categoryTab .imgwrap .category-img {
    padding: 0;
    border-bottom: 0;
}

.category-view-wrapper #categoryTab .imgwrap .category {
    padding-top: 0;
}

/*//메인카테고리아이콘텍스트*/
.prod-list-wrapper #bigBannerCarousel {
    margin-bottom: 30px;
}

.prod-list-wrapper .banner-wrapper {
    margin-bottom: 25px;
}

.no-data {
    padding: 120px 0;
    color: #727272;
    line-height: 1.6;
    text-align: center;
}

.prod-list-wrapper .no-data .keyword:before,
.prod-list-wrapper .no-data .keyword:after {
    content: "'";
}

.prod-list-wrapper .no-data img {
    width: 32px;
    height: 32px;
}

.prod-list-wrapper .no-data h6 {
    padding: 15px 0;
    font-weight: var(--font-weight_bold);
}

.prod-list-wrapper .no-data p {
    color: #929292;
}

.prod-list-wrapper .no-data .keyword {
    font-weight: var(--font-weight_bold);
}

.prod-list-wrapper .filter_box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 20px;
    height: 100%;
}
.prod-list-wrapper .filter_box .total-count {
    display: block;
    width: 100%;
    font-size: .6875rem;
    color: #929292;
}

.prod-list-wrapper .filter_box .total-count .tcount {
    /*color: #f3a702;*/
    /*padding-left: 4px;*/
}

.prod-list-wrapper .filter_box .item-filter {
    width: auto;
    height: auto;
    background-color: transparent;
    border: 0;
    color: #727272;
}

.prod-list-wrapper .filter_box .item-filter label {
    padding: 0;
    height: auto;
    line-height: inherit;
    color: #727272;
    font-weight: var(--font-weight_bold);
    margin-bottom: 0;
    top: 50%;
    left: 50%;
    transform: translate(-67%, -50%);
}

.prod-list-wrapper .filter_box .item-filter:before {
    top: 2px;
}

.prod-list-wrapper .filter_box .item-filter select {
    height: auto;
    line-height: inherit;
    cursor: pointer;
    /*opacity: 1;*/
    width: auto;
    /*text-align: right;*/
    padding: 0 16px 0 0;
    /*padding:0;*/
    /*margin-right:15px;*/
}

.prod-list-wrapper .item_filter {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
    height: 32px;
    background-color: transparent;
    border: 0;
    color: #727272;
}

    .prod-list-wrapper .item_filter label {
        padding: 0;
        height: auto;
        left: 10px;
        line-height: inherit;
        color: #727272;
        font-size: 11px;
        font-weight: var(--font-weight_bold);
        margin-bottom: 0;
    }

    .prod-list-wrapper .item_filter select {
        height: 100%;
        line-height: inherit;
        margin: -9px 0;
    }

.prod-list-wrapper .all-align-wrapper {
    height: 50px;
}

    .prod-list-wrapper .all-align-wrapper h6 {
        font-size: 11px;
        color: #929292;
        width: 100%;
    }

        .prod-list-wrapper .all-align-wrapper h6 .text-danger {
            font-size: 11px;
        }

        .prod-list-wrapper .all-align-wrapper h6 .align-popover {
            font-weight: var(--font-weight_bold);
            white-space: nowrap;
            color: #727272;
        }

            .prod-list-wrapper .all-align-wrapper h6 .align-popover .fa {
                position: relative;
                top: -1px;
                line-height: 34px;
            }

                .prod-list-wrapper .all-align-wrapper h6 .align-popover .fa:before {
                    content: "\279C";
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 0;
                    height: 0;
                    -ms-transform: rotate(90deg);
                    -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
                }

.prod-list-wrapper .more-view .btn {
    color: #ffcc00;
    font-size: .8125rem;
    font-weight: var(--font-weight_bold);
}

    .prod-list-wrapper .more-view .btn > .fa {
        position: relative;
        top: 2px;
        font-size: 1.125rem;
        margin-left: 5px;
    }


.prod-list-wrapper .row {
    /*margin-top: 15px;*/
}

.prod-list-wrapper .prod .btn_like {
    background-image: url(../../contents/images/icon_like_off.png);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    position: absolute;
    right: 4px;
    margin-top: 13px;
}

.prod-list-wrapper .prod .btn_like.active {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url(../../contents/images/icon_like_on.png);
}

.prod-list-wrapper .prod .btn_like img {
    width: 16px;
    height: 16px;
    position: absolute;
}

.prod-list-wrapper .item-slide-wrapper {
    padding: 15px;
    padding-bottom: 0;
    background-color: #f8f8f8;
    margin: -15px -15px 15px;
}

.prod-list-wrapper .item-slide-wrapper .prod.type1 > .panel-body .prod-title {
    max-height: 33px;
    min-height: inherit;
}

.prod-list-wrapper .gnb-wrapper {
    height: auto;
    padding: 0;
}

.prod-list-wrapper .gnb-wrapper .gnb {
    /*padding: 0 15px;*/
}

.prod-list-wrapper .gnb-wrapper .cateno3 {
    background-color: #f8f8f8;
}

.item-slide-wrapper .title, .best-slide-wrapper .title {
    font-size: 14px;
    font-weight: var(--font-weight_bold);
    margin: 0;
    padding: 10px 0 15px;
}

.item-slide-wrapper .scroll-prod-wrapper .prod {
    background-color: transparent;
    margin-right: 12px;
}

.item-slide-wrapper .prod.type1 .panel-heading,
.item-slide-wrapper .prod.type1 .panel-heading img {
    border-radius: 20px;
}

.item-slide-wrapper .prod.type1 > .panel-body .prod-title {
    white-space: normal;
    margin-bottom: 0;
}

.item-slide-wrapper > .title img {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

.prod-list-wrapper .best-slide-wrapper {
    margin: 0 -15px;
    padding: 0 15px;
    background-color: #f8f8f8;
}

.prod-list-wrapper .best-slide-wrapper #bestProd {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.prod-list-wrapper .best-slide-wrapper #bestProd .prod > .panel-heading .dc-body {
    height: auto;
    top: -5px;
    z-index: 999;
}

.prod-list-wrapper .best-slide-wrapper #bestProd .prod > .panel-heading .buy_number {
    top: 0;
    left: 0;
    position: relative;
}

.prod-list-wrapper .best-slide-wrapper #bestProd .col-xs-4 {
    padding: 0 4px;
}

.prod-list-wrapper .best-slide-wrapper #bestProd .col-xs-4 .prod {
    background-color: transparent;
}

.prod-list-wrapper .best-slide-wrapper #bestProd .col-xs-4 .panel-heading img {
    border-radius: 20px;
}

.prod-list-wrapper .best-slide-wrapper #bestProd .col-xs-4 .panel-heading:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, black);
    z-index: 99;
    border-radius: 20px;
    opacity: 0.6;
}

.prod-list-wrapper .best-slide-wrapper #bestProd .col-xs-4 .panel-heading .prod-title {
    position: absolute;
    bottom: 5px;
    font-size: 11px;
    color: #fff;
    line-height: 1.4;
    max-height: 32px;
    height: 32px;
    padding: 0 6px;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    z-index: 9999;
}

.prod-list-wrapper .best-slide-wrapper #bestProd .col-xs-4 .panel-body {
    text-align: center;
}
/*.prod-info-wrapper .info-wrapper .best-slide-wrapper #bestProd .swiper-slide {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
}
.prod-info-wrapper .info-wrapper .best-slide-wrapper #bestProd .swiper-slide .prod.type1 {
    width: 32%;
    float: left;
    display: inline-block;
    background-color: transparent;
}
.prod-info-wrapper .info-wrapper .best-slide-wrapper #bestProd .swiper-slide .prod.type1:nth-child(3n - 1) {
    margin-left: 6px;
    margin-right: 6px;
}
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .prod.type1 .panel-heading img {
    border-radius: 20px;
}
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .prod.type1 .panel-heading:after {
    content:""; 
    position:absolute; 
    left:0; 
    top:0;
    display:block; 
    width:100%; 
    height:100%;
    background:rgba(0,0,0,0.3); 
    z-index: 99;
    border-radius: 20px;
}
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .prod.type1 .panel-heading .dc-body {
    z-index: 9999;
    top: -4px;
}
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .prod.type1 .panel-heading .buy_number {
    position: initial;
    padding: 6px;
    border: 0;
    font-size: 10px;
    color: #fff;
    display: flex;
    align-items: center;
}
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .prod.type1 .panel-heading .prod-title {
    position: absolute;
    bottom: 5px;
    font-size: 11px;
    color: #fff;
    line-height: 1.4;
    max-height: 32px;
    height: 32px;
    padding: 0 6px;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    z-index: 9999;
}
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .panel-body {
    padding: 10px 0;
}
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .panel-body .price-wrapper {
    width: 100%;
}
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-slide .panel-body .price-wrapper .price {
    text-align: center;
    font-size: .688rem;;
}
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-pagination {
    position: relative;
    bottom: 0;
}
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    margin: 1px 4px;
    border-color: #ffd427;
    background-color: #ffd427;
}
.prod-info-wrapper .info-wrapper .best-slide-wrapper .swiper-pagination-bullet {
    margin: 1px 4px;
    width: 12px;
    height: 4px;
    border-radius: 10px;
    opacity: 1;
    border-color: #dcdcdc;
    background-color: #dcdcdc;
}*/
.prod-info-wrapper .info-wrapper #eventBannerCarousel .swiper-pagination-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
}

.event-view-list .prod .timesale {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 1.125rem;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    background-color: #343a40;
    opacity: .7;
}

    .event-view-list .prod .timesale .text {
        font-size: 1rem;
    }

    .event-view-list .prod .timesale .time-remaining {
        float: right;
    }

    .event-view-list .prod .timesale.active {
        background-color: #ffcc00;
    }
/*.prod-list-wrapper .prod .tag-list,*/
.event-view-list .prod .tag-list {
    font-size: .8125rem;
    margin-bottom: 0;
}
    /*.prod-list-wrapper .prod .tag-list .tag:before,*/
    .event-view-list .prod .tag-list .tag:before {
        content: "#";
    }
    /*.prod-list-wrapper .prod .tag-list .tag:not(:last-child):after,*/
    .event-view-list .prod .tag-list .tag:not(:last-child):after {
        content: ",";
    }
    /*.prod-list-wrapper .prod .tag-list .tag,*/
    .event-view-list .prod .tag-list .tag {
        color: #929292;
        padding-right: 3px;
    }
.prod-info-wrapper.wrap_info {
    padding-top: 60px;
}

.prod-info-wrapper .image-wrapper .timesale {
    /*    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 0;
    font-size: 12px;
    text-align: center;*/
    position: relative;
    text-align: center;
    padding: 15px 0;
}

.prod-info-wrapper .image-wrapper .timesale img {
    width: 20px;
}

.prod-info-wrapper .image-wrapper .timesale_today {
    background-color: #ffba27;
    color: #4d280f;
    font-weight: var(--font-weight_bold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    letter-spacing: -0.2px;
}

.prod-info-wrapper.wrap_info .image-wrapper > div {
    position: relative !important;
}

.prod-info-wrapper .image-wrapper .timesale_day {
    background-color: #727272;
    color: #b8b8b8;
}

.prod-info-wrapper .image-wrapper .label-timesale {
    color: #fff;
    font-size: 0.8125rem;
    padding: 0 4px;
    line-height: inherit;
}

.contents-wrapper.main .swiper-pagination {
    bottom: -3px;
}

.swiper-pagination {
    position: relative;
    bottom: -3px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
}

.contents-wrapper.view .swiper-pagination {
    bottom: 0;
}



.swiper-pagination-bullet {
    margin: 1px 4px;
    width: 12px;
    height: 4px;
    border-radius: 10px;
    opacity: 1;
    border-color: #dcdcdc;
    background-color: #dcdcdc;
}

.prod-info-wrapper .image-wrapper img {
    width: 100%;
}

.prod-info-wrapper .info-wrapper {
    position: relative;
    border: 0;
    margin-bottom: 0;
}

    .prod-info-wrapper .info-wrapper .panel-heading {
        padding-top: 0;
        padding-bottom: 0;
    }

        .prod-info-wrapper .info-wrapper .panel-heading .tag-wrapper {
            /*position: absolute;
    top: -15px;*/
            font-size: 0;
            line-height: 1.5;
            margin: 0 10px;
            /*white-space:nowrap;*/
        }

        .prod-info-wrapper .info-wrapper .panel-heading .tag {
            color: #ff7900;
            font-size: .75rem;
            padding: 2px 5px;
            border: 1px solid #ff7900;
            white-space: nowrap;
            display: inline-block;
            margin: 0 2px 5px;
        }

            .prod-info-wrapper .info-wrapper .panel-heading .tag + .tag {
                margin-left: 3px;
            }

        .prod-info-wrapper .info-wrapper .panel-heading h3 {
            position: relative;
            font-size: 1.25rem;
            font-weight: var(--font-weight_bold);
            margin: 10px 0 15px;
        }

        .prod-info-wrapper .info-wrapper .panel-heading .price-wrapper {
            position: relative;
            margin-bottom: 28px;
        }

        .prod-info-wrapper .info-wrapper .panel-heading .title {
            display: block;
            line-height: 1.2;
        }

    .prod-info-wrapper .info-wrapper .price-wrapper > div {
        margin-bottom: -2px;
    }

    .prod-info-wrapper .info-wrapper .price-wrapper .dc-price {
        display: inline-block;
        color: #b8b8b8;
        font-size: 11px;
        font-weight: var(--font-weight_basic);
        text-decoration: line-through;
    }

    .prod-info-wrapper .info-wrapper .price-wrapper .discount {
        color: #de5448;
        font-size: 11px;
        font-weight: var(--font-weight_bold);
        margin-left: 4px;
        letter-spacing: -.5px;
    }

    .prod-info-wrapper .info-wrapper .best-list-wrapper .price-wrapper .price {
        font-size: 12px;
        font-weight: var(--font-weight_bold);
    }

    .prod-info-wrapper .info-wrapper .price-wrapper .price {
        font-size: 1.375rem;
        font-weight: var(--font-weight_bold);
    }

    .prod-info-wrapper .info-wrapper .price-wrapper .like_btn {
        position: absolute;
        right: 40px;
        bottom: 0;
    }

        .prod-info-wrapper .info-wrapper .price-wrapper .like_btn img {
            width: 25px;
        }

    .prod-info-wrapper .info-wrapper .price-wrapper .share_btn {
        /*position: absolute;
        right: 0;
        bottom: 0;
        padding: 0 5px;*/
    }

    .prod-info-wrapper .info-wrapper .price-wrapper .label-timesale {
        position: absolute;
        bottom: 0;
        right: 10px;
        font-size: 1.125rem;
        padding: 5px 15px;
        background-color: #343a40;
    }

        .prod-info-wrapper .info-wrapper .price-wrapper .label-timesale.active {
            background-color: #ffcc00;
        }

.prod-info-wrapper .share-discount {
    margin-bottom: 15px;
}

    .prod-info-wrapper .share-discount .share-count {
        text-align: right;
    }

        .prod-info-wrapper .share-discount .share-count .count {
            position: relative;
            display: inline-block;
            width: 30px;
            height: 30px;
            margin: 0 2px;
            background-repeat: no-repeat;
        }

            .prod-info-wrapper .share-discount .share-count .count:not(.count-off):after {
                content: "";
                position: absolute;
                bottom: 0;
                right: -4px;
                width: 14px;
                height: 14px;
                background-image: url('/contents/images/check.png');
                background-repeat: no-repeat;
            }

        .prod-info-wrapper .share-discount .share-count .count-off {
            background-image: url('/contents/images/user_off.png');
        }

        .prod-info-wrapper .share-discount .share-count .count-1 {
            background-image: url('/contents/images/user_on1.png');
        }

        .prod-info-wrapper .share-discount .share-count .count-2 {
            background-image: url('/contents/images/user_on2.png');
        }

        .prod-info-wrapper .share-discount .share-count .count-3 {
            background-image: url('/contents/images/user_on3.png');
        }

        .prod-info-wrapper .share-discount .share-count .count-4 {
            background-image: url('/contents/images/user_on4.png');
        }

        .prod-info-wrapper .share-discount .share-count .count-5 {
            background-image: url('/contents/images/user_on5.png');
        }

        .prod-info-wrapper .share-discount .share-count .count-6 {
            background-image: url('/contents/images/user_on6.png');
        }

        .prod-info-wrapper .share-discount .share-count .count-7 {
            background-image: url('/contents/images/user_on7.png');
        }

        .prod-info-wrapper .share-discount .share-count .count-8 {
            background-image: url('/contents/images/user_on8.png');
        }

        .prod-info-wrapper .share-discount .share-count .count-9 {
            background-image: url('/contents/images/user_on9.png');
        }

        .prod-info-wrapper .share-discount .share-count .count-10 {
            background-image: url('/contents/images/user_on10.png');
        }

        .prod-info-wrapper .share-discount .share-count .count-11 {
            background-image: url('/contents/images/user_on11.png');
        }

        .prod-info-wrapper .share-discount .share-count .count-12 {
            background-image: url('/contents/images/user_on12.png');
        }

    .prod-info-wrapper .share-discount .btn-block {
        font-size: .875rem;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .prod-info-wrapper .share-discount .btn-gray {
        border-color: #c5c5c5;
        background-color: #c5c5c5;
    }

.prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper {
    font-size: 0.75rem;
    /*padding: 15px 0;*/
    padding-bottom: 20px;
}

.prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper div {
    display: flex;
    line-height: 1.7;
}

.prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper.detail p:first-child {
    color: #727272;
    width: 30%;
    font-size:0.75rem;
}
.prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper.detail p:last-child{
    width:70%;
    font-size:0.75rem;
}
.prod-info-wrapper .info-wrapper .panel-heading .buy_number {
    padding: 9px 12px;
    border-top: 1px solid #e8e8e8;
    /*border-bottom: 1px solid #e8e8e8;*/
    color: #727272;
    font-size: 0.75rem;
}

.prod-info-wrapper .info-wrapper .panel-heading .buy_number b {
    font-weight: var(--font-weight_bold);
}

.prod-info-wrapper .info-wrapper .panel-heading .buy_number .score {
    float: right;
    color: #727272;
    font-weight: var(--font-weight_bold);
    display: flex;
    justify-content: center;
}

.prod-info-wrapper .info-wrapper .panel-heading .buy_number .score i {
    color: #ffc833;
    font-size: 14px;
    margin-right: 4px;
}
.prod-info-wrapper .info-wrapper .panel-heading .buy_number .avgstar{
    font-size:0.75rem;
}
.prod-info-wrapper .info-wrapper .panel-heading .product_info {
    background-color: #f8f8f8;
    color: #727272;
    border-top: 1px solid #e8e8e8;
}

.prod-info-wrapper .info-wrapper .panel-heading .product_info div {
    padding: 20px 15px;
    border-bottom: 1px solid #e8e8e8;
}

.prod-info-wrapper .info-wrapper .panel-heading .product_info .delivery-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.prod-info-wrapper .info-wrapper .panel-heading .product_info div span {
    font-size: .75rem;
}

.prod-info-wrapper .info-wrapper .panel-heading .product_info div p {
    line-height: 1.8;
    font-size:0.75rem;
}

.prod-info-wrapper .info-wrapper .panel-heading .product_info div p span {
    color: #3c763d;
        
}

.prod-info-wrapper .info-wrapper .panel-heading .product_info h6 {
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
    color: #222;
    padding-bottom: 4px;
}

.prod-info-wrapper .info-wrapper .panel-heading .product_info a {
    font-weight: var(--font-weight_bold);
}

.prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper {
    position: relative;
}

.prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper .btn-coupon {
    font-size: 0.75rem;
    padding: 8px 12px;
    background-color: #222;
    /* height: auto;
    line-height: inherit;*/
    border-radius: 14px;
    font-weight: var(--font-weight_bold);
    color: #fff;
    display: flex;
    align-items: center;
}

.prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper .btn-coupon img {
    margin-right: 4px;
    width: 28%;
}

.prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper .btn-coupon > .fa {
    position: relative;
    top: 2px;
    padding-right: 5px;
}

.prod-info-wrapper .info-wrapper .panel-heading .delivery {
    font-size: .8125rem;
    font-weight: var(--font-weight_basic);
    padding: 0 10px;
    margin-bottom: 5px;
    max-width: 70%;
}

.producer-info-wrapper {
    position: relative;
    padding: 15px;
    margin-top: 10px;
}

    .producer-info-wrapper .title {
        display: inline-block;
        font-size: 1rem;
        font-weight: var(--font-weight_bold);
        text-combine-upright: 0;
    }

    .producer-info-wrapper .line {
        position: absolute;
        top: 35px;
        left: 105px;
        width: calc(100% - 125px);
        z-index: -1;
        border-bottom: 1px solid #929292;
    }

    .producer-info-wrapper .name {
        font-size: .8125rem;
        line-height: 1;
        margin-bottom: 0;
    }

    .producer-info-wrapper .media {
        margin-top: 8px;
    }

    .producer-info-wrapper .media-left {
        min-width: 120px;
        padding-right: 15px;
    }

    .producer-info-wrapper .media-body {
        font-size: .8125rem;
        line-height: 1.3;
    }

.prod-tab-wrapper {
    padding-top: 60px;
    /*padding-bottom: 40px;*/
    background-color: #fff;
}
/*.prod-tab-wrapper .nav-tabs.nav-justified {
	border-top: 1px solid #343a40;
}*/
.nav-tabs.nav-justified > li {
    float: left;
    width: 25%;
    position: relative;
}

.prod-tab-wrapper .nav-tabs.nav-justified > li > a {
    font-size: 0.8125rem;
    font-weight: var(--font-weight_bold);
    padding: 10px 0;
    border: 1px solid #d8d8d8;
    border-width: 0 0 2px;
    border-style: solid;
    border-color: #d8d8d8;
    color: #222;
    margin-bottom: 0;
    display: block;
}




.prod-tab-wrapper .media {
    margin-top: 0;
    padding: 25px 0;
}

.prod-tab-wrapper .panel.detail_qna .media {
    padding: 15px 0;
}

    .prod-tab-wrapper .panel.detail_qna .media:first-child {
        padding-top: 0 !important;
    }

.prod-tab-wrapper .media-body > .media {
    padding-bottom: 0;
}

.prod-tab-wrapper .media + .media {
    border-top: 1px solid #e5e5e5;
}

.prod-tab-wrapper .media-list > .media:last-child {
    border-bottom: 1px solid #e5e5e5;
}

.detail_qna .media-list > .media:last-child {
    border-bottom: 0;
}

.prod-tab-wrapper .media-body {
    position: relative;
}

.prod-tab-wrapper .media-heading {
    font-weight: var(--font-weight_bold);
    color: #929292;
    margin-bottom: 5px !important;
    /*letter-spacing: -2px;*/
    display: block;
}

    .prod-tab-wrapper .media-heading.qna {
        font-size: .875rem;
    }

        .prod-tab-wrapper .media-heading.qna .fa-lock {
            position: relative;
            top: 2px;
            padding-right: 4px;
        }

    .prod-tab-wrapper .media-heading .qna-title {
        /*display: block;*/
        color: #343a40;
        font-weight: var(--font-weight_basic);
        margin-top: 5px;
    }

    .prod-tab-wrapper .media-heading .reg-date {
        font-size: .8125rem;
        font-weight: var(--font-weight_basic);
        margin-left: 5px;
        letter-spacing: -1px;
    }

.prod-tab-wrapper .tab-pane > .panel-body {
    font-size: .8125rem;
    padding: 15px 0;
    word-break: break-word;
}

    .prod-tab-wrapper .tab-pane > .panel-body.jsImgResize {
        word-break: break-word;
    }

        .prod-tab-wrapper .tab-pane > .panel-body.jsImgResize img {
            max-width: 100%;
        }

    .prod-tab-wrapper .tab-pane > .panel-body p {
        margin-bottom: 0;
    }

.prod-tab-wrapper #prodDetail > .panel-body img {
    max-width: 100%;
}

.prod-tab-wrapper #prodDetail > .panel-body.notice > .title {
    color: #929292;
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
}

    .prod-tab-wrapper #prodDetail > .panel-body.notice > .title > .fa {
        position: relative;
        top: -3px;
        float: right;
        color: #929292;
        font-size: 1.25rem;
    }

.prod-tab-wrapper #prodDetail > .panel-body.notice .desc {
    color: #929292;
    font-size: .75rem;
    margin-bottom: 5px;
}

.prod-tab-wrapper #prodDetail > .panel-body.notice .table > tbody > tr > th {
    color: #888;
}

.prod-tab-wrapper #prodDetail > .panel-body.notice .table > tbody > tr > th,
.prod-tab-wrapper #prodDetail > .panel-body.notice .table > tbody > tr > td {
    font-size: .8125rem;
    padding-left: 15px;
    padding-right: 15px;
}

.prod-tab-wrapper #prodReview .media-left {
    vertical-align: inherit;
    display: inline-block;
    min-width: inherit;
    padding-right: 5px;
}

.prod-tab-wrapper #prodReview .panel-body .more .btn {
    padding-left: 26px;
    padding-right: 26px;
}

.prod-tab-wrapper .media-left h4 {
    margin: 0;
    font-weight: var(--font-weight_bold);
}

.prod-tab-wrapper .media-left img {
    height: 40px;
    margin: 0 auto;
}

.prod-tab-wrapper .media-left .user-name {
    font-weight: var(--font-weight_bold);
    margin-top: 5px;
    margin-bottom: 0;
}

.prod-list-wrapper.popular > .title {
    font-size: 14px;
    font-weight: var(--font-weight_bold);
    margin: 0;
    padding: 20px 0 10px;
}

    .prod-list-wrapper.popular > .title img {
        width: 20px;
        height: 20px;
        margin-right: 4px;
    }

    .prod-list-wrapper.popular > .title .category {
        font-weight: var(--font-weight_bold);
    }
/* coupon */
.coponDeactive {
    filter: grayscale(1);
    opacity: 40%;
}

.coupon-down-modal .modal-body > p {
    color: #727272;
    padding: 5px 0 20px;
    font-size: 12px;
}
.coupon-down-modal .modal-footer {
    border-top: 0;
    display: flex;
}

.coupon-down-modal .modal-footer .btn {
    width: 50%;
}

.coupon .coupon-list {
    margin: 0;
    padding: 0;
}

.coupon .coupon-list li {
    overflow: hidden;
    margin-bottom: 10px;
    border: 0;
    position: relative;
}

.coupon .coupon-list li .coupon-use {
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 20px 0;
}

.coupon .coupon-list li.coupon-use.deactive .coupon-area,
.coupon .coupon-list li.coupon-use.deactive .coupon-area .number,
.coupon .coupon-list li.coupon-use.deactive .coupon-area .condition .scope {
    color: #ddd;
    border-color: #ddd;
}

.coupon .coupon-list li.coupon-use.deactive .coupon-area .type span,
.coupon .coupon-list li.coupon-use.deactive .coupon-down,
.coupon .coupon-list li.coupon-use.deactive .coupon-down .link-app a {
    background-color: #ddd;
    border-color: #ddd;
}

.coupon .coupon-list li .coupon-area {
    letter-spacing: -.03em;
    width: 85%;
    padding:0 20px;
}

.coupon .coupon-list li .coupon-area .type {
    margin-bottom: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coupon .coupon-list li .coupon-area .type span {
    border-radius: 5px;
    background-color: #891d07;
    padding: 2px 6px 4px;
    font-size: 10px;
    color: #fff;
}

.coupon .coupon-list li .coupon-area .category {
    font-size: 0.8125rem;
    /*margin-top: 8px;*/
    color: #fff;
    font-weight: var(--font-weight_bold);
    margin-top:8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.coupon .coupon-list li .coupon-area .number {
    display: block;
    font-size: 24px;
    font-weight: var(--font-weight_bold);
    color: #fff;
}

.coupon .coupon-list li .coupon-area .number em {
    font-style: normal;
}

.coupon .coupon-list li .coupon-area .condition .scope {
    font-size: 12px;
    margin-top: 8px;
    color: #fff38e;
    word-break: keep-all;
}

.coupon .coupon-list li .coupon-area .condition .cpn-date {
    display: block;
    margin-top: 8px;
}

.coupon .coupon-list li .coupon-area .condition .cpn-date i {
    font-size: 11px;
    font-style: normal;
    color: #fff;
}

.coupon .coupon-list li .coupon-down {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    width: 13%;
}

.coupon .coupon-list li .coupon-down span {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.coupon .coupon-list li .coupon-down .link-wrap span {
    color: #fff;
    width: 34px;
}

.coupon .coupon-list li .coupon-down i {
    font-size: 25px;
    color: #fff;
}

.coupon .coupon-list li .coupon-down .link-wrap a {
    display: block;
}

.coupon .coupon-list li .coupon-down .link-wrap a img {
    width: 15px;
}

.coupon .coupon-list li .coupon-down .link-app {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px;
    display: block;
    width: 100%;
}

.coupon .coupon-list li .coupon-down .link-app a {
    border: 1px solid #2a6496;
    background-color: #337ab7;
    color: #fff;
    padding: 5px 8px;
    margin: 4px;
    font-size: 13px;
}

.coupon .coupon-list li .punch-left {
    position: absolute;
    display: flex;
    justify-content: center;
    flex-flow: column;
    padding: 0;
    top: 0;
    left: -8px;
    /*height: 100%;*/
}

.coupon .coupon-list li .punch-right {
    position: absolute;
    display: flex;
    justify-content: center;
    flex-flow: column;
    padding: 0;
    top: 0;
    right: -8px;
    /*height: 100%;*/
}

.coupon .coupon-list li .punch i {
    display: block;
    width: 18px;
    height: 18px;
    margin: 5px -5px;
    border-radius: 50%;
    background-color: #fff;
}

.coupon-wrapper {
    display: table;
    margin: 0 auto;
}

.coupon-wrapper .coupon {
    position: relative;
    display: table-cell;
    width: 170px;
    height: 195px;
    text-align: center;
    padding: 0 20px;
    vertical-align: middle;
    background-size: 170px 195px;
}

.coupon-wrapper .coupon:not(.deactive):hover {
    cursor: pointer;
}

.coupon-wrapper .coupon.deactive .price,
.coupon-wrapper .coupon.deactive .subject,
.coupon-wrapper .coupon.deactive .download {
    color: #e5e5e5;
}

.coupon-wrapper .coupon .price {
    font-size: 1.5rem;
    font-weight: var(--font-weight_bold);
    margin-bottom: 0;
}

.coupon-wrapper .coupon .subject {
    font-size: 12px;
    color: #929292;
    margin-bottom: 0;
}

.coupon-wrapper .coupon .download {
    position: absolute;
    bottom: 12px;
    left: 50%;
    color: #fff;
    margin-left: -35px;
    white-space: nowrap;
}
/* coupon use */
.modal.coupon-use .modal-content {
    height: 100%;
}

.modal.coupon-use .modal-body {
    padding: 0 15px;
}

.modal.coupon-use .coupon-item {
    padding: 20px 0;
    border-bottom: 1px solid #e8e8e8;
}

    .modal.coupon-use .coupon-item:last-child {
        border-bottom: 0;
    }

    .modal.coupon-use .coupon-item p {
        padding-bottom: 15px;
        font-size: .75rem;
        font-weight: var(--font-weight_bold);
    }

.modal.coupon-use .modal-body .attrselect {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #222;
    font-weight: var(--font-weight_bold);
    font-size: 0.75rem;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../contents/images/icon-arrow-bottom.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 95% 50%;
}

.modal.coupon-use .modal-body li {
    font-size: 12px;
    margin-bottom: 15px;
}

.modal.coupon-use .modal-body .coupon-item li:last-child {
    margin-bottom: 0;
}

.modal.coupon-use .coupon-item label {
    font-size: 0.75rem;
    margin-bottom: 8px;
}

.modal.coupon-use .modal-body li label > span {
    color: #727272;
    padding-right: 4px;
    font-weight: var(--font-weight_basic);
}

.modal.coupon-use .modal-content > .modal-footer {
    position: relative;
    height: auto;
    line-height: inherit;
    padding-top: 15px;
    padding-bottom: 15px;
}

.modal.coupon-use .modal-footer .modal-button {
    display: flex;
    width: 100%;
}

.modal.coupon-use .modal-footer .modal-button .Btn {
    width: 50%;
}

.modal.coupon-use .modal-footer .modal-button .Btn + .Btn {
    margin-left: 8px;
}

/* 쿠폰 리뉴얼 (2304) */
.coupon__item {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 135px;
    margin-bottom: 8px;
}
.coupon__content {
    display: flex;
    flex-direction: row;
    width: 100%;
/*    height: 115px;
    max-height: 115px;*/
}
.coupon-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 85%;
    padding: 0 20px;
    letter-spacing: -0.2px;
    color: #fff;
    text-align: left;
    font-weight: var(--font-weight_bold);
}

.coupon-area .coupon-discount {
    font-size: 24px;
}

.coupon-area .coupon-text {
    font-size: 13px;
    letter-spacing: -1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.coupon-area .coupon-set {
    margin: 6px 0;
}
.coupon-area .coupon-set > span {
    display: inline-block;
    padding: 3px 5px;
    margin-right: 2px;
    border-radius: 4px;
    font-size: 11px;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}
.coupon-area .coupon-date {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: var(--font-weight_basic);
}
.coupon-area .coupon-date > span + span:before {
    content: '|';
    clear: both;
    /*vertical-align: text-bottom;*/
    padding: 0 4px;
}
.coupon-line {
    border-left: 1px solid #000;
    border-right: 2px solid #fff;
    opacity: 0.2;
}
.coupon .coupon__list .punch-left {
    position: absolute;
    display: flex;
    justify-content: center;
    flex-flow: column;
    padding: 0;
    top: 0;
    left: -10px;
    height: 100%;
}
.coupon .coupon__list .punch-right {
    position: absolute;
    display: flex;
    justify-content: center;
    flex-flow: column;
    padding: 0;
    top: 0;
    right: -10px;
    height: 100%;
}
.coupon .coupon__list .punch i {
    display: block;
    width: 14px;
    height: 14px;
    margin: 4px 0;
    border-radius: 50%;
    background-color: #fff;
}

.coupon .coupon__list .typeA {
    background: #424242;
}

.coupon .coupon__list .typeB {
    background: #f55f41;
}

.coupon .coupon__list .typeC {
    background: #ef9b2e;
}

.coupon .coupon__list .typeD {
    background: #af41f5;
}

.coupon .coupon__list .typeE {
    background: #2eaee9;
}

.coupon .coupon__list .typeF {
    background: #25cf61;
}

.coupon .coupon-down {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15%;
}
.coupon .coupon-down__img {
    width: 15px;
}
/* 쿠폰 맞춤형 */
.coupon-custom {
    border: 1px solid #e8e8e8;
}
.coupon-custom .coupon__content {
    height: 100%;
}
.coupon-custom .coupon-area {
    color: #727272;
}
.coupon-custom .coupon-discount {
    color: #222;
}
.coupon-custom .coupon-line {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    border: 0;
    opacity: 1;
}
.coupon-custom .coupon-line i {
    display: inline-block;
    position: relative;
    left: 2px;
    margin: 2px 0;
    width: 3px;
    height: 7px;
    background-color: #fff;
}
.coupon-custom .coupon-down {
    background-color: #424242;
}
.coupon-custom .punch i {
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom: 0;
}
.coupon-custom .punch-left i {
    border-left: 0;
}
.coupon-custom .punch-right i {
    border-right: 0;
}
.custom-typeB {
    border-radius: 16px 0 0 16px;
}
.custom-typeC {
    border-radius: 16px;
}
.custom-typeC .coupon-down {
    border-radius: 0 16px 16px 0;
}

.payment-wrapper .panel {
    border: 0;
    margin-bottom: 0;
}

.payment-wrapper .panel.agree-wrapper {
    margin-top: 15px;
}

.payment-wrapper .panel-heading {
    padding: 0;
    border-bottom: 0;
}

.payment-wrapper .panel-heading .info-title {
    font-size: 1rem;
    font-weight: var(--font-weight_bold);

    margin: 0 15px;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #e8e8e8;
}

.payment-wrapper .panel-heading .info-title label {
    font-size: .8125rem;
    font-weight: var(--font-weight_basic);
}

.payment-wrapper .panel-heading .info-title .btn {
    float: right;
    margin-top: 10px;
}

.payment-wrapper .panel-heading .info-title.active {
    color: #fff;
    background-color: #343a40;
}

.payment-wrapper .panel.order-payment-info.gift .panel-body {
    border-top: 1px solid #e8e8e8;
    margin: 0 15px;
    padding: 15px 0;
}

.payment-wrapper .panel.order-payment-info.gift .panel-body:first-child {
    border-top: 0;
}

.payment-wrapper .panel.order-payment-info.gift .panel-body .media-list .media {
    padding-bottom: 15px;
}

.payment-wrapper .complete .message {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 110px;
    line-height: 2.5;
    padding-bottom: 0;
    background-color: #f8f9fa;
    padding: 0;
    margin: 0 15px;
    border-bottom: 1px solid #e8e8e8;
}

.payment-wrapper .complete .info {
    padding: 0;
}

.payment-wrapper .complete .message h3 {
    font-size: 13px;
    font-weight: var(--font-weight_bold);
    margin: 0;
    white-space: nowrap;
}

.payment-wrapper .complete .message p {
    color: #929292;
    font-size: 10px;
}

.wrap_orderendcont .orderEnd .oderfailtext {
    font-size: 12px !important;
    color: #e34f4d !important;
    font-weight: var(--font-weight_bold);
    line-height: 22px;
    margin-top: 20px;
}

.wrap_orderendcont .orderEnd .failitext {
    font-size: 10px !important;
    color: #929292 !important;
    font-weight: var(--font-weight_basic);
    margin-bottom: 20px;
    line-height: 16px;
    margin-top: 8px;
    padding: 0 8px;
}

.payment-wrapper .complete .message .itext {
    color: #929292;
    font-size: 11px;
    font-weight: var(--font-weight_basic);
}

.payment-wrapper .order-payment-info .panel-body {
    padding: 15px;
    padding-top: 0;
}

.payment-wrapper .order-payment-info .panel-body.order_item {
    border-bottom: 1px solid #e8e8e8;
    padding: 0;
    margin: 0 15px;
}

.payment-wrapper .order-payment-info .panel-body.order_item .order-info .media {
    border-bottom: 0;
    padding: 15px 0;
    border-bottom: 1px solid #e8e8e8;
}

.payment-wrapper .media-list .media.set_item {
    border-bottom: 0 !important;
    padding: 14px 12px !important;
    display: block !important;
}

.payment-wrapper .media-list .media.set_item .set_item_title {
    font-size: 0.875rem;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 4px;
}

.payment-wrapper .media-list .media.set_item .set_item_price b {
    color: #929292;
    font-weight: var(--font-weight_basic);
    color: #727272;
}

.payment-wrapper .media-list .media.set_item .set_item_price {
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
    color: #fb793f;
}

.payment-wrapper .media-list .media.set_item {
    border-top: 1px solid #e8e8e8;
    margin-bottom: 15px;
}

.payment-wrapper .media-list .media.set_item .set_group_item li {
    color: #929292;
    font-weight: var(--font-weight_basic);
    font-size: 0.75rem;
}

.payment-wrapper .media-list .media.set_item .set_group_item li > b {
    font-weight: var(--font-weight_bold);
    color: #222;
    padding-left: 4px;
}

.payment-wrapper .media-list .media.set_item .set_group_item button {
    margin-left: auto;
    background-color: #222;
    color: #fff;
    border-radius: 14px;
    border: 0;
    padding: 9px 15px;
}

.payment-wrapper .order-payment-info .panel-body.order_item .order-info li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    margin-left: 4px;
}
.payment-wrapper .media-list .media.set_item .set_group_item {
    margin-top: 0;
    font-size: 0.75rem;
}
.payment-wrapper .order-payment-info .panel-body .form-control.order_email {
    background-color: #fff;
    line-height: 40px;
    color: #222;
}

.payment-wrapper .order-payment-info .panel-body.get {
    border-top: 1px solid #e8e8e8;
    padding: 15px 0;
    margin: 0 15px;
}

.payment-wrapper .order-payment-info .panel-body .order_heading {
    display: flex;
    justify-content: space-between;
    color: #727272;
    font-size: 0.75rem;
    align-items: center;
}

.payment-wrapper .order-payment-info .panel-body.get .table {
    margin-top: 18px;
    border-bottom: 1px solid #e8e8e8;
}

.payment-wrapper .order-payment-info .panel-body.get .table tr:first-child label {
    float: right;
    color: #b8b8b8;
}

.payment-wrapper .order-payment-info .panel-body.get .table tr:first-child input[type="checkbox"] + label:before {
    border: 0;
    margin-right: 0;
    font-size: 13px;
}

.payment-wrapper .order-payment-info .panel-body.get .table tr:first-child input[type="checkbox"]:checked + label:before {
    border: 0;
    color: #222;
    background-color: #fff;
}

.payment-wrapper .order-payment-info .panel-body.get .table tr:first-child input[type="checkbox"]:checked + label {
    color: #222;
}

.payment-wrapper .order-payment-info .panel-body.get .form-group.ip_post div,
.payment-wrapper .order-payment-info.gift .panel-body .form-group.ip_post div {
    display: flex;
}

.payment-wrapper .order-payment-info .panel-body.get .form-group.ip_post #jsBtnPost a,
.payment-wrapper .order-payment-info.gift .panel-body .form-group.ip_post #jsBtnPost a {
    width: 75%;
}

.payment-wrapper .order-payment-info .panel-body.get .form-group.ip_post .phone,
.payment-wrapper .order-payment-info.gift .panel-body .form-group.ip_post .phone {
    width: 35%;
    margin-right: 12px;
}

.payment-wrapper .order-payment-info.gift .payment-result {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .6875rem;
    text-align: left;
    margin: 0 15px;
    padding: 15px 0;
    border-top: 1px solid #e8e8e8;
}

.payment-wrapper .order-payment-info.gift .payment-result .totalprice-color {
    font-size: 1.125rem;
    font-weight: var(--font-weight_bold);
    color: #222;
}

.payment-wrapper .order-payment-info.gift .panel-footer {
    padding: 10px 15px;
    margin-bottom: 40px;
}

.payment-wrapper .order-payment-info .panel-body.get .attrselect {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 35px 6px 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #222;
    font-weight: var(--font-weight_bold);
    font-size: 0.8125rem;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../contents/images/icon-arrow-bottom.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 95% 50%;
    cursor: pointer;
}

.payment-wrapper .order-payment-info .panel-body.get .mo_dfee_pay {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #222;
    font-weight: var(--font-weight_bold);
    font-size: 0.8125rem;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../contents/images/icon-arrow-bottom.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 95% 50%;
}

.payment-wrapper .order-payment-info .panel-body.get .direct {
    margin-top: 10px;
}

.payment-wrapper .order-payment-info .pay_heading {
    padding: 0 15px;
}

.payment-wrapper .order-payment-info .panel-body .table {
    margin-bottom: 0;
}

.payment-wrapper .complete .info .table-wrapper {
    margin: 0 15px;
}

.payment-wrapper .complete .info .table th,
.payment-wrapper .complete .info .table td {
    border-bottom: 1px solid #e8e8e8;
    padding: 12px 0;
}

.payment-wrapper .complete .info .table > thead > tr > th {
    font-size: 12px;
    color: #929292;
    padding: 10px 0;
}

.payment-wrapper .complete .info .table > thead > tr > th,
.payment-wrapper .complete .info .table > tbody > tr > th {
    font-weight: var(--font-weight_bold);
}

.payment-wrapper .complete .info .table > tbody th {
    padding-left: 15px;
    background-color: #f8f8f8;
    color: #929292;
}

.payment-wrapper .complete .info .table > tbody td {
    padding-left: 15px;
    color: #222;
    word-break: keep-all;
}

.payment-wrapper .pay_result_table thead th {
    font-size: 12px;
    color: #929292;
    padding: 10px 0;
}

.payment-wrapper .pay_result_table tbody tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    font-size: 11px;
    font-weight: var(--font-weight_basic);
    line-height: 2;
}

.payment-wrapper .pay_result_table tbody.total_pay {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
    padding: 15px 0;
    display: block;
}

.payment-wrapper .pay_result_table tbody.order_pay {
    border-bottom: 1px solid #e8e8e8;
    background-color: #f8f8f8;
}

.payment-wrapper .pay_result_table tbody.order_pay .account {
    border-top: 1px solid #e8e8e8;
    background-color: #fff;
    margin-top: 15px;
    padding: 15px 12px;
}

.payment-wrapper .pay_result_table tbody.order_pay tr:first-child {
    padding-top: 15px;
}

.payment-wrapper .pay_result_table tbody.order_pay tr:last-child {
    padding-bottom: 15px;
}

.payment-wrapper .pay_result_table tbody.total_pay tr {
    padding: 0 12px !important;
}

.payment-wrapper .pay_result_table tbody th {
    color: #222;
    font-weight: var(--font-weight_basic);
}

.payment-wrapper .pay_result_table tbody td {
    color: #222;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    text-align: right;
}

.payment-wrapper .pay_result_table tbody #price_schedule {
   /* font-size: 13px;
    font-weight: 800;
    color: #222;*/
}

.payment-wrapper .order-payment-info .panel-body.point span b {
    color: #222;
    font-weight: var(--font-weight_bold);
}

.payment-wrapper .order-payment-info .panel-body.point .form-group {
    display: flex;
    flex-direction: row;
}

.payment-wrapper .order-payment-info .panel-body.point .form-group input {
    width: 100%;
}

.payment-wrapper .order-payment-info .panel-body.point .form-group a {
    width: 30%;
    margin-left: 12px;
    font-size:0.8125rem;
}
/*.payment-wrapper .order-payment-info .panel-body .table>tbody>tr>td .selectbox {
    border-color: #ccc;
}
.payment-wrapper .order-payment-info .panel-body .table>tbody>tr>td .selectbox select {
    font-size: .75rem;
}
.payment-wrapper .order-payment-info .panel-body .table>tbody>tr>td p.desc {
    font-size: .75rem;
    color: #0075ff;
    margin: 2px 0 -4px;
}
.payment-wrapper .table>tbody>tr>td>label{
	font-weight: 400;
	min-width: 100px;
}
.payment-wrapper .table>tbody>tr>td>label>.radio-text {
	position: relative;
	top: -2px;
	padding-left: 3px;
}*/
.payment-wrapper .table > thead > tr > th {
    border-bottom: 0;
}

.payment-wrapper .complete .table > tbody > tr > th {
    width: 30%;
}

.payment-wrapper .complete .table > tbody > tr > td {
    width: 70%;
}

.payment-wrapper .panel-group {
    margin-bottom: 0;
}

    .payment-wrapper .panel-group .panel + .panel {
        margin-top: 0;
    }

    .payment-wrapper .panel-group .panel-heading > .panel-title {
        font-size: .875rem;
        padding: 12px 15px;
    }

.payment-wrapper #collapse_method1 .bank-receipt .checks {
    display: inline-block;
}

    .payment-wrapper #collapse_method1 .bank-receipt .checks + .checks {
        margin-left: 10px;
    }

.payment-wrapper .panel-body .bank-receipt .checks {
    font-size: 11px;
}
    /*.payment-wrapper .panel-body .bank-receipt .checks input[type="radio"]:checked + label:before,
.payment-wrapper .panel-body .dv_receipt1 .checks input[type="radio"]:checked + label:before {
    color: #fff;
    background-color: #222;
}*/
    .payment-wrapper .panel-body .bank-receipt .checks label,
    .payment-wrapper .panel-body .dv_receipt1 .checks label {
        color: #b8b8b8;
    }

    .payment-wrapper .panel-body .bank-receipt .checks input[type="radio"]:checked + label,
    .payment-wrapper .panel-body .dv_receipt1 .checks input[type="radio"]:checked + label {
        color: #222;
    }

.payment-wrapper .panel-body .dv_receipt1 div {
    display: flex;
    flex-direction: row;
    font-size: 11px;
}

    .payment-wrapper .panel-body .dv_receipt1 div .checks + .checks {
        margin-left: 12px;
    }

/* 가상계좌 / 에스크로 처리 */
.payment-wrapper #collapse_method4 .bank-receipt .checks {
    display: inline-block;
}

    .payment-wrapper #collapse_method4 .bank-receipt .checks + .checks {
        margin-left: 10px;
    }

.payment-wrapper .panel-body .dv_receipt41 .checks label {
    color: #b8b8b8;
}

.payment-wrapper .panel-body .dv_receipt41 .checks input[type="radio"]:checked + label {
    color: #222;
}

.payment-wrapper .panel-body .dv_receipt41 div {
    display: flex;
    flex-direction: row;
    font-size: 11px;
}

    .payment-wrapper .panel-body .dv_receipt41 div .checks + .checks {
        margin-left: 12px;
    }

.payment-wrapper #collapse_method4_1 .bank-receipt .checks {
    display: inline-block;
}

    .payment-wrapper #collapse_method4_1 .bank-receipt .checks + .checks {
        margin-left: 10px;
    }

.payment-wrapper .panel-body .dv_receipt4_11 .checks label {
    color: #b8b8b8;
}

.payment-wrapper .panel-body .dv_receipt4_11 .checks input[type="radio"]:checked + label {
    color: #222;
}

.payment-wrapper .panel-body .dv_receipt4_11 div {
    display: flex;
    flex-direction: row;
    font-size: 11px;
}

    .payment-wrapper .panel-body .dv_receipt4_11 div .checks + .checks {
        margin-left: 12px;
    }
/* 가상계좌 / 에스크로 처리 완료 */


.payment-wrapper .checks + .checks {
    margin-top: 3px;
}

.payment-wrapper .checks {
    font-size: 13px;
}

.payment-wrapper .checks input[type="radio"] + label > a {
    color: #0075ff;
    text-decoration: underline;
}

.my-wrapper #orderlist .filter-wrapper .status-filter li label:before,
.my-info-wrapper .filter-wrapper .status-filter li label:before,
.payment-wrapper .checks input[type="radio"] + label:before,
.my-wrapper.return .panel-body .radio input[type="radio"] + label:before,
#reportModal .modal-body input[type="radio"] + label:before{
    content: "";
    background-image: url(../../contents/images/icon_radio_off.svg);
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    clear: both;
}

.my-wrapper #orderlist .filter-wrapper .status-filter li input[type="radio"]:checked + label:before,
.my-info-wrapper .filter-wrapper .status-filter li input[type="radio"]:checked + label:before,
.payment-wrapper .checks input[type="radio"]:checked + label:before,
.my-wrapper.return .panel-body .radio input[type="radio"]:checked + label:before,
#reportModal .modal-body input[type="radio"]:checked + label:before{
    content: "";
    background-image: url(../../contents/images/icon_radio_on.svg);
    background-size: 100% 100%;
    width: 20px;
    height: 20px;
    clear: both;
}

.payment-wrapper .checks label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

/*.payment-wrapper .checks label > span {
    color: #929292;
    font-size: 11px;
    padding-left: 12px;
    padding-right: 6px;
}
.payment-wrapper .checks label > span a {
    color: #222;
    font-weight: 800;
    color: var(--btn_type_shopbasic2_color, #ffd800);
}*/

.payment-wrapper .panel-body.payinfo .panel-title{
    padding: 12px 0;
}

.my-wrapper #orderlist .filter-wrapper .status-filter li label {
    display: block;
}

.payment-wrapper .checks label img {
    height: 19px;
    /* margin-left: 4px;*/
    margin-right: 8px;
}

.payment-wrapper .panel-group .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
    padding: 0 15px;
}

.payment-wrapper .panel-group .panel-collapse {
    background-color: #fff;
}

.payment-wrapper .panel-group .panel-body .form-group.card_info > div,
.payment-wrapper .panel-group .panel-body .form-group.card_info > div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.payment-wrapper .panel-group .panel-body .form-group.card_info > div .desc {
    font-size: 0.75rem;
    color: #727272;
    padding-left: 14px;
}

.payment-wrapper .panel-group .panel-body .form-group.card_info .form-control {
    width: 20%;
}

.payment-wrapper .panel-group .panel-body .form-group.card_my .form-control {
    width: 45%;
}

.payment-wrapper .panel-group .panel-body .form-group > p.label {
    display: block;
    color: #727272;
    text-align: left;
    padding: 0;
    margin-bottom: 12px;
    font-weight: var(--font-weight_basic);
    font-size: 0.75rem;
}

.payment-wrapper .panel-group .panel-body .form-group > p.label > .desc {
    font-weight: var(--font-weight_basic);
    color: #0075ff;
    margin-left: 5px;
}

.payment-wrapper .panel-group .panel-body .pg_cardquota {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #222;
    font-weight: var(--font-weight_bold);
    font-size: 0.8125rem;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../contents/images/icon-arrow-bottom.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 95% 50%;
}

.payment-wrapper .panel-group .panel-body #tr_pg_cardquota selectbox:before {
    content: "";
}

.payment-wrapper .order-payment-info .panel-body.pay_result {
    padding-bottom: 15px;
    background-color: #f8f8f8;
}

.payment-wrapper .panel-body.pay_result {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin: 0 15px;
    padding: 0;
}

.payment-wrapper .panel-body.pay_result .table tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f8f8f8;
    padding: 3px 12px;
}

.payment-wrapper .panel-body.pay_result .table tr:first-child {
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
    padding: 15px 12px;
}

.payment-wrapper .panel-body.pay_result .table tr:nth-child(2) {
    padding-top: 15px;
}

.payment-wrapper .panel-body.pay_result .table tr:last-child {
    /*border-bottom: 1px solid #e8e8e8;*/
    padding-bottom: 15px;
}

.payment-wrapper .panel-body.pay_result .table th {
    color: #222;
}

.payment-wrapper .panel-body.pay_result .table td {
    color: #222;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
}

.payment-wrapper .panel-body.pay_result .table .delivery_num td {
    text-align: right;
    display: flex;
    align-items: center;
}

.payment-wrapper .panel-body.pay_result .table .delivery_num .delivery-text {
    margin-left: 4px;
    min-width: 86px;
}

.payment-wrapper .panel-body.pay_result #price_schedule {
    /*font-size: 18px;
    font-weight: 800;
    color: #222;*/
}

.payment-wrapper .btn {
    font-size: .875rem;
}

.payment-wrapper .form-control.agree-wrapper {
    font-size: 11px;
}

.payment-wrapper .form-control.email {
    width: 100%;
    font-size: 11px;
}

.payment-wrapper .form-control.card-no {
    width: 20%;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 6px;
}

    .payment-wrapper .form-control.card-no:last-child {
        margin-right: 0;
    }

.payment-wrapper .form-control.address {
    display: block;
    width: 100%;
    margin-top: 10px;
}

.payment-wrapper .order-payment-info .btn {
    font-size: .8125rem;
    height: 28px;
    line-height: 28px;
    padding: 0px 18px;
    vertical-align: top;
}

.payment-wrapper .table .req-text {
    line-height: 30px;
    width: 213px;
}

.payment-wrapper .table .btn-modify {
    position: relative;
    top: -1px;
}

.payment-wrapper .media {
    margin-top: 0;
    display: flex;
    flex-direction: row;
}

.payment-wrapper .order-info {
    padding: 0;
}

.payment-wrapper .order-info .media-body {
    width: calc(100% - 75px);
    padding: 4px 0;
}

.payment-wrapper .order-info .media-body.item_order_info p {
    font-size: 0.75rem;
    color: #929292;
    line-height: 1.5;
}

.payment-wrapper .order-info .media-body.item_order_info p.option {
    /*display: flex;
flex-direction: row;*/
}

.payment-wrapper .order-info .media-body.item_order_info p.option span {
    width: 20%;
}

.payment-wrapper .order-info .media-body.item_order_info p.option b {
    width: 80%;
}

.payment-wrapper .order-info .media-body.item_order_info p b {
    font-weight: var(--font-weight_bold);
    color: #222;
}

.payment-wrapper .media p {
    margin-bottom: 0;
}

.payment-wrapper .media .media-object {
    width: 100px;
    height: 100px;
}

.payment-wrapper .order-info .media-body.item_order_info .order_title {
    font-size: 0.8125rem;
    font-weight: var(--font-weight_bold);
    color: #222;
    margin: 0;
    padding-bottom: 8px;
}

.payment-wrapper .media .option {
    color: #929292;
}

/*.payment-wrapper .media .option:before {
    content: "·";
    padding-right: 4px;
}*/

.payment-wrapper .media .count-delivery {
    font-size: .8125rem;
    font-weight: var(--font-weight_basic);
    margin: 0;
}

    .payment-wrapper .media .count-delivery .count,
    .payment-wrapper .media .count-delivery .delivery {
        display: block;
    }

    .payment-wrapper .media .count-delivery span {
        display: block;
    }
        /*.payment-wrapper .media .count-delivery span:before {
    content:"·";
    padding-right: 4px;
}*/
        .payment-wrapper .media .count-delivery span:before
        .payment-wrapper .agree-wrapper {
            padding: 0 15px;
            margin-bottom: 50px;
        }

.payment-wrapper .agree-wrapper .panel-body {
    font-size: 11px;
    display: flex;
    flex-direction: column;
    padding: 0 15px 15px;
}

.payment-wrapper .agree-wrapper input[type="checkbox"] + label {
    color: #b8b8b8;
    font-size: 0.75rem;
    cursor: pointer;
}

.payment-wrapper .card-agree-wrapper .checks {
    display: flex;
    font-size: 11px;
    line-height: 2.2;
}

.payment-wrapper .panel-group .panel-body .mo_bank_num {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 35px 6px 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #222;
    font-weight: var(--font-weight_bold);
    font-size: 0.8125rem;
    color: #222;
    -webkit-appearance: none;
    background-image: url(../../contents/images/icon-arrow-bottom.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 95% 50%;
}

.payment-wrapper .panel-group .panel-body .form-group.inpayment_name label {
    float: right;
    color: #b8b8b8;
    cursor: pointer;
}

.payment-wrapper .panel-group .panel-body .form-group.inpayment_name input[type="checkbox"] + label:before {
    border: 0;
    margin-right: 0;
    font-size: 13px;
}

.payment-wrapper .panel-group .panel-body .form-group.inpayment_name input[type="checkbox"]:checked + label:before {
    border: 0;
    color: #222;
    background-color: #fff;
}

.payment-wrapper .panel-group .panel-body .form-group.inpayment_name input[type="checkbox"]:checked + label {
    color: #222;
}

.payment-wrapper .card-agree-wrapper .btn_import {
    padding-left: 2px;
    padding-right: 0;
}

.payment-wrapper .card-agree-wrapper .more_view {
    color: var(--btn_type_shopbasic2_color, #ffd800);
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
    text-decoration: underline;
    margin-left: 6px;
    padding-left: 0;
    white-space: nowrap;
}

.payment-wrapper .agree-wrapper .panel-body > span {
    line-height: 2.5;
    text-align: left;
    padding: 0 40px;
}

    .payment-wrapper .agree-wrapper .panel-body > span:last-child {
        text-align: center;
    }

.payment-wrapper .agree-wrapper .more_view {
    color: #0bc1cc;
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
    text-decoration: underline;
    text-decoration-color: #b1e5e9;
    margin-left: 6px;
}

.payment-wrapper .btn-agree {
    padding: 0 26px;
    width: 90%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    border: 1px solid #343a40;
    background-color: #fff;
}

    .payment-wrapper .btn-agree.active,
    .payment-wrapper .btn-agree:hover {
        color: #fff;
        background-color: #343a40;
    }

.payment-wrapper .checkbox {
    margin-top: 5px;
    margin-bottom: 0;
}

    .payment-wrapper .checkbox label {
        font-size: .875rem;
        font-weight: var(--font-weight_bold);
    }

        .payment-wrapper .checkbox label > .checkbox-text {
            position: relative;
            top: 2px;
        }

.payment-wrapper td .checkbox {
    margin-top: 0;
}

    .payment-wrapper td .checkbox label > .checkbox-text {
        font-size: .8125rem;
        font-weight: var(--font-weight_basic);
    }

.checkbox input[type="checkbox"] {
    top: -1px;
}

.payment-wrapper .panel-footer {
    border: 0;
    margin-bottom: 80px;
}

    .payment-wrapper .panel-footer .btn-pay {
        /*font-size: 1.125rem;
	font-weight: 600;
	color: #fff;
	width: 200px;
	height: 50px;
	line-height: 50px;
	padding: 0 26px;
	margin-top: 30px;
	margin-bottom: 40px;
	background-color: #ffcc00;*/
    }

.payment-wrapper .complete .btn-group {
    padding: 30px 0 0;
    margin: 0;
    border: 0;
    display: flex;
    flex-direction: row;
}

    .payment-wrapper .complete .btn-group .btn {
        width: 50%;
    }

        .payment-wrapper .complete .btn-group .btn + .btn {
            margin-left: 8px;
        }

    .payment-wrapper .complete .btn-group .btn-detail {
        border: 1px solid #343a40;
        background-color: #fff;
    }

        .payment-wrapper .complete .btn-group .btn-detail:hover {
            color: #fff;
            background-color: #343a40;
        }

#noOAuthModal1 .panel-body,
#noOAuthModal2 .panel-body,
#orderAgreeModal1 .panel-body,
#orderAgreeModal2 .panel-body,
#orderAgreeModal3 .panel-body {
    font-size: .75rem;
    background-color: #f8f9fa;
}

.basket-wrapper .basket-list {
    font-size: .875rem;
    margin-bottom: 0;
}

.basket-wrapper .basket-list .panel-heading {
    padding: 5px 0;
}

.basket-wrapper .basket-list .panel-heading .checkbox-wrapper,
.basket-wrapper .basket-list .panel-body .checkbox-wrapper.checkbox-footer {
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.basket-wrapper .basket-list .panel-heading .checkbox-wrapper label,
.basket-wrapper .basket-list .panel-body .checkbox-wrapper.checkbox-footer label {
    color: #727272;
    display: flex;
    align-items: center;
    font-size: 0.75rem;
}

.basket-wrapper .basket-list .panel-heading .checkbox-wrapper .text {
    position: relative;
    top: -3px;
    padding-left: 5px;
    color: #b8b8b8;
}

.basket-wrapper .basket-list .panel-heading .checkbox-wrapper a,
.basket-wrapper .basket-list .checkbox-wrapper.checkbox-footer a{
    color: #727272;
    font-size:0.75rem;
    font-weight: var(--font-weight_bold);
}

.basket-wrapper .basket-list .panel-heading .checkbox-wrapper a img,
.basket-wrapper .basket-list .checkbox-wrapper.checkbox-footer a img{
    width: 16px;
    margin-left: 4px;
}

.basket-wrapper .basket-list .panel-body:not(.total-price) {
    padding: 0;
    border-bottom: 1px solid #e8e8e8;
}

.basket-wrapper .basket-list .all_total_price {
    padding: 0 12px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #e8e8e8;
}



.basket-wrapper .basket-list .panel-body .total-price {
    font-size: 1rem;
    padding: 0 12px;
    height: 75px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    line-height: 1.8;
    background-color: #f8f9fa;
}

.basket-wrapper .basket-list .panel-body .total-price .price-wrapper:last-child {
    margin-bottom: 0;
}

.basket-wrapper .basket-list .panel-body .total-price .price-wrapper .price {
    float: right;
}

.basket-wrapper .basket-list .panel-body .total-price .price-wrapper span {
    font-size: .75rem;
    font-weight: var(--font-weight_bold);
}

.basket-wrapper .basket-list .panel-body .total-price .total {
    padding-top: 10px;
    border-top: 1px solid #343a40;
}

.basket-wrapper .basket-list .media {
    padding: 20px 0px 20px 20px;
    margin-top: 0;
    border-bottom: 1px solid #e8e8e8;
}

.basket-wrapper .basket-list .package-optionbox .media:last-child,
.basket-wrapper .basket-list .singleitem-wrap .media:last-child{
    border-bottom: 0;
}

.basket-wrapper .basket-list .media .item_title {
    display: flex;
    align-items: center;
    padding:16px 0;
}
.basket-wrapper .basket-list .media:nth-of-type(1) .item_title{
    padding-top:0;
}
.basket-wrapper .basket-list .media .item_title label {
    display: flex;
    align-items: center;
}
.basket-wrapper .basket-list .all_total_price .price {
    float: right;
    font-size: 1.125rem;
    font-weight: var(--font-weight_bold);
}


.payment-wrapper .card-agree-wrapper .checks input[type="checkbox"] + label {
    color: #929292;
    font-size:0.75rem;
}

.payment-wrapper .agree-wrapper input[type="checkbox"]:checked + label,
.payment-wrapper .card-agree-wrapper .checks input[type="checkbox"]:checked + label,
#addDeliveryModal .modal-body .checkbox input[type="checkbox"]:checked + label {
    color: #222;
}

.basket-wrapper .basket-list .media .subject {
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    display: flex;
    flex-direction: row;
    width: 100%;
}

    .basket-wrapper .basket-list .media .subject span:last-child {
        margin-left: auto;
    }

    .basket-wrapper .basket-list .media .subject .product-title {
        text-overflow: ellipsis;
        word-break: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-height: 1.2em;
        overflow: hidden;
    }

    .basket-wrapper .basket-list .media .subject img {
        width: 16px;
    }

.basket-wrapper .basket-list .package {
    font-size: 0.8125rem;
    font-weight: var(--font-weight_bold);
    min-width: 150px;
    height: 30px;
    background-color: #ffcc00;
    color: #fff;
}

.basket-wrapper .basket-list .package-msg {
    font-size: 10px;
    color: #929292;
    height: auto;
    line-height: inherit;
    white-space: normal;
    word-break: keep-all;
}


.payment-wrapper .media-list .media.set_item,
.basket-wrapper .basket-list .media.single_item,
.order-payment-info.gift .media-list .media.set_item {
    display: flex;
    align-items: center;
    font-size: 11px;
    font-weight: var(--font-weight_bold);
    background-color: #f8f9fa;
    padding: 14px 12px;
    border-bottom: 0;
}

.basket-wrapper .basket-list .media.set_item > div {
    width: 100%;
}

.basket-wrapper .basket-list .media.set_item span:first-child {
    font-size: .75rem;
}

.basket-wrapper .basket-list .media.set_item b,
.basket-wrapper .basket-list .media.single_item b,
.order-payment-info.gift .media-list .media.set_item b {
    color: #929292;
    font-weight: var(--font-weight_basic);
    padding-left: 10px;
}

.basket-wrapper .basket-list .media.set_item .set_group_item,
.payment-wrapper .media-list .media.set_item .set_group_item {
    display: flex;
    align-items: center;
    margin-top: 6px;
}

.basket-wrapper .basket-list .media.set_item .set_group_item li {
    color: #929292;
    font-weight: var(--font-weight_basic);
    font-size: 0.75rem;
}

.basket-wrapper .basket-list .media.set_item .set_group_item li > b {
    font-weight: var(--font-weight_bold);
    color: #222;
    padding-left: 4px;
}

.basket-wrapper .basket-list .media.set_item .set_group_item li:before {
    content: "·";
    clear: both;
    margin-right: 4px;
}
.basket-wrapper .basket-list .media.set_item .set_group_item button {
    margin-left: auto;
}
/*.basket-wrapper .basket-list .media + .media {
	border-top: 1px solid #e8e8e8;
}*/
.basket-wrapper .basket-list .media-left {
    position: relative;
    padding-right: 15px;
}

    .basket-wrapper .basket-list .media-left input {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }

.basket-wrapper .basket-list .media-object {
    width: 99px;
    height: 99px;
}

.basket-wrapper .basket-list .media-body {
    position: relative;
    font-size: .6875rem;
    line-height: 1.6;
    color: #929292;
}
    /*.basket-wrapper .basket-list .media-body>span:before {
    content:"·";
    display: inline;
    padding-right: 3px;
}*/
.basket-wrapper .basket-list .media-body .item_option {
    display: grid;
}

.basket-wrapper .basket-list .media-body .item_option em {
    font-style: normal;
    padding-right: 2px;
    width: 85px;
}

.basket-wrapper .basket-list .media-body .option {
    color: #222;
    font-weight: var(--font-weight_bold);
    white-space: pre-line;
    font-size:0.75rem;
}

.basket-wrapper .basket-list .media-body .subject {
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
    margin-top: 0;
    margin-bottom: 4px;
}

.basket-wrapper .basket-list .media-body .price {
    bottom: 0;
    width: 100%;
    font-size: 14px;
    font-weight: var(--font-weight_bold);
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.basket-wrapper .basket-list .media-body .price h7 {
    font-size: .875rem;
    color: #222;
    padding-left: 6px;
    white-space: nowrap;
}

.basket-wrapper .basket-list .media-body .price .price_num {
    display: flex;
    border-radius: 6px;
    margin-left: auto;
    align-items: center;
}

.basket-wrapper .basket-list .media-body .delivery_free {
    color: #929292;
    font-size:0.75rem;
}

.basket-wrapper .basket-list .media-body .row_goods_fee {
    font-weight: var(--font-weight_bold);
    color: #222;
}

.basket-wrapper .basket-list .price button {
    float: right;
    font-size: 1.125rem;
    width: 26px;
    height: 28px;
    /* height: 21px; */
    line-height: 27px;
    padding: 0;
    outline: none;
    color: #222;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e8e8e8;
    border-radius: 0 8px 8px 0;
}

.basket-wrapper .basket-list .price button.minus {
    font-size: 1.75rem;
    border-radius: 8px 0 0 8px;
}

.basket-wrapper .basket-list .price .form-control {
    float: right;
    width: 38px;
    height: 28px;
    padding-top: 0;
    padding-bottom: 0;
    color: #222;
    font-weight: var(--font-weight_bold);
    border: 1px solid #e8e8e8;
    border-width: 1px 0 1px 0;
    background-color: #f8f8f8;
}

.basket-wrapper .basket-list .delivery {
    margin-bottom: 0;
}

.basket-wrapper .basket-list .media-right {
    padding-left: 0;
}

.basket-wrapper .basket-list .media-right .btn {
    padding: 0;
    width: 20px;
    height: 28px;
    line-height: 18px;
    border-color: #929292;
}

.basket-wrapper .basket-list .media-right .fontello {
    font-size: .8125rem;
    color: #929292;
}

.basket-wrapper .basket-list .panel-footer {
    border-top: 0;
    padding: 0;
    margin: 32px 0;
    display: flex;
    flex-direction: row;
    padding-left: 15px;
    padding-right: 15px;
}

.basket-wrapper .basket-list .panel-footer .btn + .btn {
    margin-left: 5px;
}

.basket-wrapper .basket-list .panel-footer .btn {
    width: 100%;
}

/*.basket-wrapper .basket-list .panel-footer .btn:last-child {
    width: 60%;
}*/

.basket-wrapper .basket-list .media-list.order_list .basket_data_none p {
    min-height: 110px;
    line-height: 110px;
    font-size: 0.75rem;
}

.general-wrapper.intro {
    padding-bottom: 100px;
}

.general-wrapper .panel {
    margin-bottom: 0;
}

.general-wrapper.intro .slogon:before,
.general-wrapper.intro .slogon:after {
    content: "\"";
}

.general-wrapper.intro .slogon {
    font-size: 2.25rem;
    font-weight: var(--font-weight_bold);
    margin-top: 20px;
    margin-bottom: 30px;
}

.general-wrapper.intro .text {
    font-size: .875rem;
    margin-bottom: 10px;
    letter-spacing: -1px;
}

.general-wrapper.intro .panel-body {
    padding-top: 30px;
    padding-bottom: 30px;
}

.general-wrapper.terms .panel-body {
    font-size: 11px;
    font-weight: var(--font-weight_basic);
    color: #727272;
    margin: 10px 15px;
    background-color: #f8f9fa;
    overflow-x: hidden;
    overflow-y: auto;
}

.general-wrapper.intro > .panel > .panel-body > img {
    width: 100%;
}

.customer-wrapper.faq_layout {
    margin-top: 20px;
}

.customer-wrapper .faq .panel-group {
    border-top: 1px solid #222;
}

    .customer-wrapper .faq .panel-group .panel-heading {
        display: flex;
    }

        .customer-wrapper .faq .panel-group .panel-heading .fa {
            float: right;
            padding: 3px;
            color: #b8b8b8;
            font-size: 1.125rem;
        }

    .customer-wrapper .faq .panel-group .panel-body .title {
        font-weight: var(--font-weight_bold);
        color: #222;
    }

.customer-wrapper .notice {
    border: 0;
    padding: 0 15px;
}

.customer-wrapper .table tr {
    display: flex;
    border-bottom: 1px solid #e8e8e8;
}

.customer-wrapper .table.notice tr:first-child {
    border-top: 1px solid #e8e8e8;
}

.customer-wrapper .table.notice th {
    padding: 15px;
    /*width: 257px;*/
}

.customer-wrapper .notice-table .table.notice th {
    padding: 15px;
    /*width: 245px;*/
}

.customer-wrapper .panel.notice .subject {
    padding: 15px;
}

    .customer-wrapper .panel.notice .subject a {
        font-size: 0.75rem;
        color: #222;
    }

    .customer-wrapper .panel.notice .subject div {
        font-size: 12px;
        color: #929292;
    }

.customer-wrapper .table.notice .t itle__td a {
    font-size: 12px;
}

.customer-wrapper .table.notice .date__td {
    font-size: 0.75rem;
    color: #929292;
    white-space: nowrap;
}

.customer-wrapper .panel.notice {
    padding-bottom: 30px;
}

    .customer-wrapper .panel.notice .panel-body.content {
        background: none;
        margin: 0;
    }

    .customer-wrapper .panel.notice .panel-body .goodsbox {
        margin-top: 30px;
        background: #f8f8f8;
        padding: 25px 15px;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
    }

        .customer-wrapper .panel.notice .panel-body .goodsbox .title {
            padding: 0px;
        }

            .customer-wrapper .panel.notice .panel-body .goodsbox .title a {
                font-size: 14px;
                font-weight: var(--font-weight_bold);
            }

        .customer-wrapper .panel.notice .panel-body .goodsbox .option {
            color: #929292;
            font-size: 12px;
            margin-top: 4px;
        }

        .customer-wrapper .panel.notice .panel-body .goodsbox .media-body {
            display: flex;
            flex-direction: column;
        }

        .customer-wrapper .panel.notice .panel-body .goodsbox .price {
            margin-top: auto;
            padding-bottom: 5px;
            color: #222222;
            font-weight: var(--font-weight_bold);
        }

            .customer-wrapper .panel.notice .panel-body .goodsbox .price p {
                font-size: 14px;
            }

    .customer-wrapper .panel.notice .panel-body .btnbox {
        margin: 30px 0;
    }

    .customer-wrapper .panel.notice .panel-footer {
        margin-top: 30px;
    }

.customer-wrapper .table tr,
.customer-wrapper .table td {
    font-size: 11px;
}

.customer-wrapper .table td {
    color: #929292;
}

.customer-wrapper .table tr td:first-child {
    /* flex: auto;*/
}

.customer-wrapper .nav-tabs {
    border-bottom: 0;
}

    .customer-wrapper .nav-tabs > li {
        width: 33.33%;
    }

        .customer-wrapper .nav-tabs > li > a {
            color: #727272;
            font-size: 12px;
            font-weight: var(--font-weight_bold);
            text-align: center;
            min-width: 50px;
            height: 42px;
            line-height: 40px;
            padding: 0 6px;
            margin-right: 0;
            border: 1px solid #e8e8e8;
            /*border-bottom: 0;*/
            background-color: #f8f8f8;
        }

    .customer-wrapper .nav-tabs > .active > a,
    .customer-wrapper .nav-tabs > .active > a:hover,
    .customer-wrapper .nav-tabs > .active > a:focus {
        color: #fff;
        font-weight: var(--font-weight_bold);
        border: 1px solid #222;
        background-color: #222;
    }
/*.customer-wrapper .nav-tabs>li:not(:first-child).active>a {
	margin-left: -3px;
}
.customer-wrapper .nav-tabs>li+li>a {
	border-left: 0;
}*/

.customer-wrapper .panel-group {
    margin-top: 20px;
}

    .customer-wrapper .panel-group .panel {
        border-top: 1px solid #e5e5e5;
    }

        .customer-wrapper .panel-group .panel:first-child {
            border-top: 1px solid #222;
        }

        .customer-wrapper .panel-group .panel + .panel {
            margin-top: 0;
        }

    .customer-wrapper .panel-group .panel-heading {
        position: relative;
        padding: 12px;
    }

        .customer-wrapper .panel-group .panel-heading:hover {
            cursor: pointer;
        }

    .customer-wrapper .panel-group .panel-title {
        width: 95%;
        display: flex;
    }

        .customer-wrapper .panel-group .panel-title .title {
            font-size: 11px;
            line-height: 1;
        }

        .customer-wrapper .panel-group .panel-title .fa {
            margin-left: auto;
        }

        .customer-wrapper .panel-group .panel-title .gubun,
        .customer-wrapper .panel-group .panel-heading + .panel-collapse > .panel-body .gubun {
            font-size: 11px;
            font-weight: var(--font-weight_bold);
        }

    .customer-wrapper .panel-group .panel-heading + .panel-collapse > .panel-body {
        font-size: 11px;
        color: #666;
        padding: 10px 20px;
        border-top: 0;
        background-color: #f8f8f8;
    }

        /* 2021.10.14 김선우 수정 */
        .customer-wrapper .panel-group .panel-heading + .panel-collapse > .panel-body .answer p {
            /*display: inline-block;*/
            margin-bottom: 0;
            margin: 10px 0 !important;
            margin-bottom: 0 !important;
            color: #727272 !important;
        }


    .customer-wrapper .panel-group .panel:last-child {
        border-bottom: 1px solid #e5e5e5;
    }

.customer-wrapper .table.notice > thead > tr > th {
    text-align: center;
    border-bottom: 0;
}

.customer-wrapper .table > tbody > tr > td {
    padding: 14px 12px;
}

.customer-wrapper .table.notice > tbody > tr:last-child > td {
    /*border-bottom: 1px solid #e8e8e8;*/
}

.customer-wrapper .table.view {
    margin-bottom: 0;
}

.customer-wrapper .panel-body {
    padding-bottom: 0;
    padding: 0 15px;
}

.customer-wrapper .notice > .panel-body:not(.content) {
    padding: 0;
}

.customer-wrapper .content {
    font-size: .75rem;
    font-weight: var(--font-weight_basic);
    min-height: 150px;
    padding: 15px 10px;
    margin: 10px 15px;
    background-color: #f8f9fa;
    word-break: break-all;
}

.customer-wrapper .panel-footer {
    padding: 0;
    border: 0;
}

    .customer-wrapper .panel-footer .btn {
        padding: 0 26px;
        min-width: 100px;
        /*height: 30px;
	line-height: 30px;*/
        margin-top: 20px;
    }

.customer-wrapper.notice-view .panel-footer {
    border-top: 1px solid #e8e8e8;
}

    .customer-wrapper.notice-view .panel-footer .btn {
        height: 40px;
        line-height: 43px;
    }

#deliveryModal .not-delivery-info li {
    border: 0;
}

#deliveryModal .delivery-info {
    margin-bottom: 0;
}

    #deliveryModal .delivery-info a.list-group-item {
        margin-bottom: 15px;
    }

        #deliveryModal .delivery-info a.list-group-item:last-child {
            margin-bottom: 0;
        }

    #deliveryModal .delivery-info .panel {
        margin-bottom: 0;
    }

    #deliveryModal .delivery-info .panel,
    #deliveryModal .delivery-info li {
        background-color: transparent;
    }

    #deliveryModal .delivery-info .panel,
    #deliveryModal .delivery-info .panel-heading,
    #deliveryModal .delivery-info .panel-body,
    #deliveryModal .delivery-info .panel-footer {
        padding: 0;
    }

        #deliveryModal .delivery-info .panel-heading .label {
            float: right;
            font-size: .8125rem;
            font-weight: var(--font-weight_basic);
        }

    #deliveryModal .delivery-info .panel-body {
        font-size: .8125rem;
        padding-bottom: 10px;
    }

        #deliveryModal .delivery-info .panel-body ul {
            margin-bottom: 0;
        }

        #deliveryModal .delivery-info .panel-body li {
            font-weight: var(--font-weight_basic);
            padding: 0;
            border: 0;
        }

    #deliveryModal .delivery-info .panel-footer {
        padding-top: 10px;
    }

        #deliveryModal .delivery-info .panel-footer .btn + .btn {
            float: right;
        }

        #deliveryModal .delivery-info .panel-footer .btn {
            font-size: .8125rem;
            padding-top: 0;
            padding-bottom: 0;
            height: 30px;
        }

#deliveryModal .modal-footer .btn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

#addDeliveryModal .modal-body {
    font-weight: var(--font-weight_basic);
    max-height: 100% !important;
}

#addDeliveryModal .modal-dialog {
    height: 100% !important;
}

#addDeliveryModal .modal-body .btn-block {
    font-size: .875rem;
    text-align: left;
}

    #addDeliveryModal .modal-body .btn-block .fa {
        float: right;
        font-size: 1.5rem;
        line-height: 20px;
    }

#addDeliveryModal .modal-body .phone {
    /* display: inline-block;
        width: 30%;*/
    margin-right: 6px;
}

#addDeliveryModal .modal-body .delivery_write label:before {
    content: "";
    background-image: url(../../contents/images/icon_check_off.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
}

#addDeliveryModal .modal-body .delivery_write input[type="checkbox"]:checked + label {
    color: #222;
}

    #addDeliveryModal .modal-body .delivery_write input[type="checkbox"]:checked + label:before {
        content: "";
        background-image: url(../../contents/images/icon_check_on.svg);
        background-size: 100% 100%;
        width: 17px;
        height: 17px;
        clear: both;
    }

#addDeliveryModal .panel,
#selectDeliveryReqModal .panel {
    margin-bottom: 0;
}

#selectDeliveryReqModal .modal-body .radio input[type="radio"] {
    top: -3px;
}

#postModal .modal-body {
    padding: 0;
}

#postModal .panel.panel-body {
    padding: 0;
    margin-bottom: 0;
}

#viewDeliveryStatusModal .modal-content {
    padding: 0 15px;
}

#viewDeliveryStatusModal .modal-header {
    padding: 18px 0;
}

#viewDeliveryStatusModal .modal-body {
    padding: 15px 0;
    height: auto;
}

#viewDeliveryStatusModal .panel-heading {
    padding-left: 0;
    padding-right: 0;
}

    #viewDeliveryStatusModal .panel-heading .status-wrapper {
        position: relative;
        margin: 0 0 15px;
    }

        #viewDeliveryStatusModal .panel-heading .status-wrapper ul {
            padding: 0;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }

    #viewDeliveryStatusModal .panel-heading ul > li {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
    }

        #viewDeliveryStatusModal .panel-heading ul > li img {
            width: 33px;
            margin: 17px 0;
        }

    #viewDeliveryStatusModal .panel-heading ul li img.dy_on {
        /* display: none;*/
    }

    #viewDeliveryStatusModal .panel-heading ul li.active img.dy_on {
        display: block;
    }

    #viewDeliveryStatusModal .panel-heading ul li.active span {
        /* background-image: url(../../contents/images/icon_dot.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: 8px 8px;
        color: #222;
        font-weight: bold;*/
    }

        #viewDeliveryStatusModal .panel-heading ul li.active span.desc {
            background-image: none;
        }

    #viewDeliveryStatusModal .panel-heading ul > li span {
        color: #b8b8b8;
        font-size:11px;
    }

    #viewDeliveryStatusModal .panel-heading ul > li.active .desc {
        color: #222;
        font-weight: var(--font-weight_bold);
    }

    #viewDeliveryStatusModal .panel-heading ul > li.step {
        margin: 0 8px 0 10px;
        position: relative;
        top: -8px;
    }

    #viewDeliveryStatusModal .panel-heading ul > li > .icon-shipped {
        font-size: 1.75rem;
        line-height: 36px;
        margin: 0 5px 3px;
    }

    #viewDeliveryStatusModal .panel-heading ul > li > .fa {
        color: #e8e8e8;
        font-size: 1.25rem;
    }

    #viewDeliveryStatusModal .panel-heading ul > li > .pulse {
        color: #fff;
        border-radius: 50%;
        background-color: #999;
        cursor: pointer;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
        animation: pulse-animation 2s infinite;
    }

        #viewDeliveryStatusModal .panel-heading ul > li > .pulse + .desc {
            font-weight: var(--font-weight_bold);
        }

#viewDeliveryStatusModal .panel-body {
    font-size: 11px;
    font-weight: var(--font-weight_basic);
    line-height: 2;
    color: #929292;
    background-color: #f8f8f8;
    border-top: 1px solid #e8e8e8;
}

#viewDeliveryStatusModal .panel-body > .info-wrapper {
    display: flex;
    flex-direction: row;
}

#viewDeliveryStatusModal .panel-body > .info-wrapper > .text {
    width: 20%;
}

#viewDeliveryStatusModal .panel-body > .info-wrapper > .info {
    font-weight: var(--font-weight_bold);
    color: #222;
    width: 80%;
}

#viewDeliveryStatusModal .panel-body > .info-wrapper > .delivery-company {
    color: #222;
    font-weight: var(--font-weight_bold);
    padding-right: 2px;
}

#viewDeliveryStatusModal .table {
    border-top: 1px solid #222;
}

#viewDeliveryStatusModal .table > tbody > tr {
    display: flex;
}

#viewDeliveryStatusModal .table > tbody > tr > td {
    padding: 15px 0;
    color: #727272;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    justify-content: center;
    align-items: center;
    background:#fff;
}

#viewDeliveryStatusModal .table > tbody > tr > td:nth-child(2) {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 15px 10px;
}

#viewDeliveryStatusModal .table > tbody > tr > td:first-child {
    width: 50%;
    flex-direction:column;
}

#viewDeliveryStatusModal .table > tbody > tr > td:last-child {
    text-align: right;
}

#viewDeliveryStatusModal .table > tbody > tr > td.active { /* 배송조회active */
    color: #222;
}

#viewDeliveryStatusModal .table tbody tr td .desc {
    display: block;
}

#viewDeliveryStatusModal .table tbody tr.active td {
    color: #222;
    background-color: #fff;
    font-weight: var(--font-weight_bold);
}

#viewDeliveryStatusModal .table tbody tr.active td:first-child {
    background-image: url(../../contents/images/icon_dot.png);
    background-repeat: no-repeat;
    background-position: 76px center;
    background-size: 8px 8px;
}

#viewDeliveryStatusModal .modal-footer {
    border-top: 0;
    padding: 0;
    position: relative;
}

    #viewDeliveryStatusModal .modal-footer .btn {
        height: 40px;
        line-height: 40px;
        padding: 0;
        border: 1px solid #343a40;
    }

.event-list {
    background-color: #ddd;
}

    .event-list .panel.event {
        border: 0;
        margin-bottom: 5px;
    }

    .event-list .event .panel-body {
        padding: 0;
    }

        .event-list .event .panel-body img {
            width: 100%;
        }

    .event-list .event .panel-footer {
        padding-left: 20px;
        padding-right: 20px;
        border-top: 0;
    }

        .event-list .event .panel-footer .title {
            font-size: .875rem;
            font-weight: var(--font-weight_bold);
            margin: 5px 0 2px;
        }

        .event-list .event .panel-footer .period {
            font-size: .75rem;
            font-weight: var(--font-weight_basic);
            margin-bottom: 0;
        }
/*.event-view-list {
	margin-top: -10px;
	background-color: #fff;
}
.onair-page-wrapper {
	margin-top: 60px;
	background-color: #fff;
}*/
/*.onair-page-wrapper .view-title {
	border-bottom: 0;
}*/
.onair-view .embed-responsive {
    height: 250px;
}

.onair-view .panel {
    margin-bottom: 0;
    border: 0;
}

.onair-view .panel-heading {
    padding: 0 15px;
}

    .onair-view .panel-heading .title {
        /* position: relative;
    font-size: .875rem;
    font-weight: 600;
    margin: 15px 0 2px;*/
    }

    .onair-view .panel-heading .date-wrapper {
        font-size: .75rem;
        font-weight: var(--font-weight_basic);
        margin-bottom: 0;
    }

.onair-view .panel-body {
    font-size: .8125rem;
}

    .onair-view .panel-body.content {
        /*padding-top: 0;
padding-bottom: 0;*/
        /*padding: 0px;*/
        padding: 15px 10px;
    }

        .onair-view .panel-body.content > img {
            max-width: 100%;
        }

        .onair-view .panel-body.content > p > img {
            max-width: 100%;
        }

        .onair-view .panel-body.content > div > img {
            max-width: 100%;
        }

        .onair-view .panel-body.content img {
            max-width: 100%;
        }

.onair-page-wrapper .panel-body .tag-list {
    font-size: .75rem;
    font-weight: var(--font-weight_bold);
    color: #929292;
    margin-bottom: 10px;
}

.onair-page-wrapper .panel-body .tag:before {
    content: "#";
    padding-right: 3px;
}

.onair-page-wrapper .panel-body .tag:not(:last-child):after {
    content: ",";
}

.onair-page-wrapper .onair-view .panel-heading {
    padding-bottom: 15px;
}

    .onair-page-wrapper .onair-view .panel-heading h4 {
        font-size: 12px;
        color: #222;
    }

    .onair-page-wrapper .onair-view .panel-heading .date-wrapper {
        font-size: 12px;
        color: #929292;
    }

.onair-page-wrapper .onair-list-wrapper .panel-body .goodsbox {
    margin-top: 30px;
    background: #f8f8f8;
    padding: 25px 15px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

    .onair-page-wrapper .onair-list-wrapper .panel-body .goodsbox .title {
        font-size: 14px;
        font-weight: var(--font-weight_bold);
    }

    .onair-page-wrapper .onair-list-wrapper .panel-body .goodsbox .option {
        color: #929292;
        font-size: 12px;
        margin-top: 4px;
    }

    .onair-page-wrapper .onair-list-wrapper .panel-body .goodsbox .price {
        /*margin-top: auto;*/
        padding-bottom: 5px;
        color: #222222;
        font-weight: var(--font-weight_bold);
    }

        .onair-page-wrapper .onair-list-wrapper .panel-body .goodsbox .price p {
            font-size: 14px;
        }

    .onair-page-wrapper .onair-list-wrapper .panel-body .goodsbox .media-body {
        display: flex;
        flex-direction: column;
    }

.onair-view .panel-body > .comment {
    margin-top: 15px;
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    height: 20px;
}

    .onair-view .panel-body > .comment > .regcomment {
        float: right;
    }

.onair-view .reply-body .media-list {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 10px;
}

.onair-view .reply-body .media {
    padding: 10px;
    margin-top: 0;
}

    .onair-view .reply-body .media:not(:last-child) {
        border-bottom: 1px solid #e5e5e5;
    }

    .onair-view .reply-body .media > .media-body .media-heading {
        margin-bottom: 0;
    }

    .onair-view .reply-body .media > .media-body .writer {
        font-weight: var(--font-weight_bold);
    }

    .onair-view .reply-body .media > .media-body .date {
        color: #929292;
        font-size: .75rem;
        letter-spacing: -.5px;
        margin-left: 6px;
    }

    .onair-view .reply-body .media > .media-body .contents > .writer {
        font-weight: var(--font-weight_bold);
        margin-right: 5px;
        color: #8e8e8e;
    }

    .onair-view .reply-body .media.reply {
        position: relative;
        padding: 0 0 0 30px;
    }

        .onair-view .reply-body .media.reply > .media-body:before {
            content: "";
            position: absolute;
            top: 0px;
            left: 15px;
            width: 10px;
            height: 10px;
            border-color: #999;
            border-width: 0 0 1px 1px;
            border-style: solid;
        }

    .onair-view .reply-body .media.input > .media-body {
        font-size: 0;
    }

.onair-view .reply-form {
    font-size: 0;
    margin-bottom: 15px;
}

.onair-view .reply-input {
    display: inline-block;
    width: calc(100% - 85px);
    height: 60px;
    resize: none;
}

.onair-view .btn-reply {
    display: inline-block;
    font-size: .875rem;
    min-width: 80px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    margin-left: 5px;
    vertical-align: top;
}

.onair-view .more-reply {
    font-weight: var(--font-weight_bold);
    text-align: center;
}

.onair-view .panel-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 0;
    border-bottom: 1px solid #e5e5e5;
}
/*.onair-list {
    margin-top: 20px;
}*/
.onair-list .col-xs-6:nth-child(2n+1) {
    /*padding-left: 0;*/
    padding-right: 2px;
}

.onair-list .col-xs-6:nth-child(2n) {
    padding-left: 2px;
    /*padding-right: 0;*/
}

.onair-list .panel.onair {
    /*height: 210px;*/
    border: 0;
}

.onair-list .embed-responsive {
    height: 150px;
    padding: 0;
}

    .onair-list .embed-responsive img {
        width: 100%;
        height: 150px;
    }

    .onair-list .embed-responsive .player {
        position: absolute;
        top: 0;
        width: 100%;
        height: 150px;
        background-image: url('/contents/images/icon-onair.png');
        background-size: 30px 25px;
        background-repeat: no-repeat;
        background-position: center;
    }

.onair-list .panel-body {
    padding: 0;
}

.onair-list .panel-heading .title {
    position: relative;
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    height: 32px;
    margin: 0;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2em;
    overflow: hidden;
}

.onair-list .panel-heading .date-wrapper {
    font-size: .75rem;
    font-weight: var(--font-weight_basic);
    margin-bottom: 0;
}

.onair-list-wrapper .btnbox {
    margin-top: 30px;
    padding: 0 15px 30px 15px;
}

.onair-list-wrapper .onair-list .col-xs-6 {
    /*margin-top:30px;*/
}

    .onair-list-wrapper .onair-list .col-xs-6:nth-child(1),
    .onair-list-wrapper .onair-list .col-xs-6:nth-child(2) {
        margin-top: 0px;
    }

.my-wrapper .prod-order-wrapper#orderlist .nav-tabs li {
    width: 50%;
    border-top: 1px solid #e8e8e8;
}

    .my-wrapper .prod-order-wrapper#orderlist .nav-tabs li > a {
        font-size: 13px;
        font-weight: var(--font-weight_bold);
        color: #727272;
        margin-bottom: 0;
        padding: 10px 0;
        border-width: 0 1px 1px;
        border-style: solid;
        border-color: #e8e8e8;
        background-color: #f8f8f8;
    }

    .my-wrapper .prod-order-wrapper#orderlist .nav-tabs li.active > a {
        border-bottom-color: #fff;
        border-left-width: 1px;
        background-color: #fff;
        color: #222;
    }

    .my-wrapper .prod-order-wrapper#orderlist .nav-tabs li:first-child > a {
        border-left: 0;
    }

    .my-wrapper .prod-order-wrapper#orderlist .nav-tabs li:last-child > a {
        border-left: 0;
        border-right: 0;
    }

.my-wrapper .prod-order-wrapper#orderlist .tab-content .panel {
    padding: 0;
}

.my-wrapper .prod-order-wrapper#orderlist .panel-body {
    padding: 15px 10px 15px;
}

.my-wrapper .prod-order-wrapper#orderlist .panel-body .my-order-item {
    display: flex;
}
.my-wrapper .prod-order-wrapper#orderlist .my-order-item .media-body {
    width: 100%;
}
.my-wrapper .prod-order-wrapper#orderlist .my-order-item .option {
    word-break: break-word;
}

.my-wrapper .prod-order-wrapper#orderlist .panel-footer {
    height: 53px;
    line-height: 53px;
    border-bottom: 5px solid #f2f2f2 !important;
}

.my-wrapper .prod-order-wrapper#orderlist .panel-footer .request_text {
    font-size: .75rem;
    font-weight: var(--font-weight_bold);
    color: #ff0000;
}

.my-wrapper .prod-order-wrapper.pop_return h5 {
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: var(--font-weight_bold);
    border-bottom: 1px solid #e8e8e8;
    margin: 0 15px;
}

.my-wrapper .prod-order-wrapper.pop_return .media {
    display: flex;
    flex-direction: row;
}

.my-wrapper .prod-order-wrapper.pop_return .media {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
}

.my-wrapper .prod-order-wrapper.pop_return .media-body {
    display: flex;
    flex-direction: column;
}

    .my-wrapper .prod-order-wrapper.pop_return .media-body .price {
        margin-top: auto !important;
    }

        .my-wrapper .prod-order-wrapper.pop_return .media-body .price .count {
            color: #222 !important;
            font-weight: var(--font-weight_bold);
            margin-left: 4px;
            font-size: 12px !important;
        }

.my-wrapper .prod-order-wrapper.pop_return .panel-footer {
    border-top: 0;
}

    .my-wrapper .prod-order-wrapper.pop_return .panel-footer .image_add {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin: 0 12px;
    }

        .my-wrapper .prod-order-wrapper.pop_return .panel-footer .image_add .desc {
            color: #929292;
            font-size: 11px;
            width: 70%;
            margin-top: 3px;
        }

        .my-wrapper .prod-order-wrapper.pop_return .panel-footer .image_add .btn {
            /*width: 30%;*/
        }

    .my-wrapper .prod-order-wrapper.pop_return .panel-footer .imgs_wrap {
        padding: 15px 0;
    }

        .my-wrapper .prod-order-wrapper.pop_return .panel-footer .imgs_wrap img {
            width: 100%;
            height: 100%;
        }

        .my-wrapper .prod-order-wrapper.pop_return .panel-footer .imgs_wrap .remove img {
            width: 16px;
            height: 16px;
            margin: 15px 0 20px;
        }

        .my-wrapper .prod-order-wrapper.pop_return .panel-footer .imgs_wrap .cs_img {
            text-align: center;
        }

.my-wrapper .prod-order-wrapper.pop_return .return_send {
    margin: 0 15px;
}

.my-wrapper .panel {
    border: 0;
    margin-bottom: 0;
}

.my-wrapper .panel-heading {
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
}

    .my-wrapper .panel-heading .title {
        position: relative;
        height: 60px;
        line-height: 60px;
        margin: 0;
    }

    .my-wrapper .panel-heading .user-info,
    .my-wrapper .panel-heading .filter-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        white-space: nowrap;
    }

    .my-wrapper .panel-heading .img-circle {
        width: 40px;
        height: 40px;
    }

    .my-wrapper .panel-heading .user-name {
        font-size: .875rem;
        margin-left: 5px;
    }

.my-wrapper .filter-wrapper .selectbox {
    display: inline-block;
    width: 80px;
}

    .my-wrapper .filter-wrapper .selectbox.qna {
        width: 115px;
    }

    .my-wrapper .filter-wrapper .selectbox label,
    .my-wrapper .filter-wrapper .selectbox select {
        padding-left: 10px;
        padding-right: 10px;
    }

    .my-wrapper .filter-wrapper .selectbox.status-filter:before {
        border-top-color: #f2b826;
    }

    .my-wrapper .filter-wrapper .selectbox.status-filter {
        border-color: #f2b826;
        background-color: #fff;
    }

        .my-wrapper .filter-wrapper .selectbox.status-filter label {
            color: #f2b826;
        }

    .my-wrapper .filter-wrapper .selectbox.year-filter:before {
        border-top-color: #fff;
    }

    .my-wrapper .filter-wrapper .selectbox.year-filter {
        background-color: #343a40;
    }

        .my-wrapper .filter-wrapper .selectbox.year-filter label {
            color: #fff;
        }

.my-wrapper .panel-heading.summary-info {
    padding-left: 0;
    padding-right: 0;
}

.my-wrapper .panel-heading .table,
.my-wrapper .panel-heading ul {
    margin-bottom: 0;
}

.my-wrapper .panel-heading.summary-info .table {
    border-bottom: 1px solid #929292;
}

.my-wrapper .panel-heading .table > tbody > tr > th,
.my-wrapper .panel-heading .table > tbody > tr > td {
    text-align: center;
    padding: 8px 15px;
    border-color: #929292;
    background-color: #eaedf2;
}

.my-wrapper .panel-heading.myindex-info {
    padding: 15px 0;
    border-bottom: 1px solid #929292;
    background-color: #eaedf2;
}

    .my-wrapper .panel-heading.myindex-info .list-group {
        margin-bottom: 0;
    }

    .my-wrapper .panel-heading.myindex-info .list-group-item {
        float: left;
        font-weight: var(--font-weight_bold);
        width: 33%;
        text-align: center;
        padding: 15px;
        border: 0;
        background-color: #eaedf2;
    }


        .my-wrapper .panel-heading.myindex-info .list-group-item:nth-child(2) {
            border-right: 1px solid #929292;
            border-left: 1px solid #929292;
        }

        .my-wrapper .panel-heading.myindex-info .list-group-item .count {
            display: block;
            font-size: 1.5rem;
        }

        .my-wrapper .panel-heading.myindex-info .list-group-item .unit {
            font-size: .875rem;
            color: #343a40;
            padding-left: 2px;
        }

        .my-wrapper .panel-heading.myindex-info .list-group-item .text {
            /*font-size: 1rem;*/
        }

            .my-wrapper .panel-heading.myindex-info .list-group-item .text .fa {
                position: relative;
                top: 1px;
                /*font-size: 1.0625rem;*/
                font-size: 0.99rem;
                margin-right: 5px;
            }

            .my-wrapper .panel-heading.myindex-info .list-group-item .text .fa-truck {
                font-size: 1.125rem;
            }

            .my-wrapper .panel-heading.myindex-info .list-group-item .text .fa-angle-right {
                top: 2px;
                font-size: 1.25rem;
                margin-left: 5px;
                margin-right: 0;
            }
/*.my-wrapper .panel-heading.summary-info .table>tbody>tr>td.myindex-info {
	font-weight: 600;
}
.my-wrapper .panel-heading.summary-info .table>tbody>tr>td.myindex-info .count {
    display: block;
}
.my-wrapper .panel-heading.summary-info .table>tbody>tr>th .fa {
	position: relative;
	font-size: 1.125rem;
	margin-right: 7px;
}
.my-wrapper .panel-heading.summary-info .table>tbody>tr>th .fa-tag {
	top: 2px;
}
.my-wrapper .panel-heading.summary-info .table>tbody>tr>th .fa-truck {
	top: 1px;
}
.my-wrapper .panel-heading.summary-info .table>tbody>tr>td .fa {
	position: relative;
	top: 2px;
	font-size: 1.5rem;
	margin: 0 10px;
}*/
.my-wrapper .panel-heading .table > tbody > tr > td + td {
    border-left: 1px solid #343a40;
}

.my-wrapper .panel-heading .item-title {
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
    margin-bottom: 0;
}

.my-wrapper .panel-heading .table > tbody > tr > td li {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}

    .my-wrapper .panel-heading .table > tbody > tr > td li > .item-title {
        font-size: 1rem;
    }

.my-wrapper .panel-heading .table > tbody > tr > td .count-wrapper {
    position: absolute;
    top: 0;
    right: 10px;
}

.my-wrapper .panel-heading .table > tbody > tr > td li + li {
    margin-top: 7px;
}

.my-wrapper .panel-heading .table > tbody > tr > td.coupon > .item-title {
    margin-bottom: 10px;
}

.my-wrapper .panel-heading .count {
    font-size: 1.5rem;
    font-weight: var(--font-weight_bold);
}

.my-wrapper .panel-body.order {
    padding: 0;
}

.my-wrapper .prod-order-wrapper {
    margin-bottom: 20px;
}

    .my-wrapper .prod-order-wrapper.detail {
        margin-bottom: 20px;
    }

    .my-wrapper .prod-order-wrapper #orderTab {
        padding: 0 15px;
    }

.my-wrapper .prod-order > .panel-heading {
    color: #929292;
    font-size: .75rem;
    padding: 15px 12px 0 12px;
}

.my-wrapper .tab-content .prod-order .panel-heading div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.my-wrapper .tab-content .prod-order .panel-heading p .order_detail {
    margin-left: auto;
    color: #222;
    font-weight: var(--font-weight_bold);
}

    .my-wrapper .tab-content .prod-order .panel-heading p .order_detail a {
        padding-right: 0;
    }

.my-wrapper .prod-order > .panel-heading .date {
    letter-spacing: -1px;
    color: #222;
    padding-left: 4px;
    font-weight: var(--font-weight_bold);
    font-size: 13px;
}

.my-wrapper .prod-order > .panel-heading a {
    position: relative;
    top: -4px;
    float: right;
    font-weight: var(--font-weight_basic);
    padding-right: 15px;
}

    .my-wrapper .prod-order > .panel-heading a .fa {
        position: relative;
        top: 2px;
        color: #929292;
        font-size: 1.25rem;
        padding-left: 5px;
    }

.my-wrapper .prod-order > .panel-body {
    padding: 0;
}

    .my-wrapper .prod-order > .panel-body > .price-wrapper {
        font-weight: var(--font-weight_bold);
        margin: 10px 15px;
    }

        .my-wrapper .prod-order > .panel-body > .price-wrapper .price {
            font-size: 1.25rem;
            padding: 0 15px 0 7px;
        }

        .my-wrapper .prod-order > .panel-body > .price-wrapper .status {
            float: right;
            line-height: 30px;
        }

.my-wrapper .prod-order .status-41,
.my-wrapper .prod-order .status-43 {
    color: #0491e2;
}

.my-wrapper .prod-order .status-42 {
    color: #074686;
}

.my-wrapper .prod-order .status-70 {
    color: #ff0000;
}

.my-wrapper .prod-order .status-51,
.my-wrapper .prod-order .status-52 {
    color: #02cb31;
}

.my-wrapper .prod-order .status-61,
.my-wrapper .prod-order .status-62 {
    color: #8503d8;
}

.my-wrapper .prod-order > .panel-body > .panel {
    margin-bottom: 10px;
}

.my-wrapper .prod-order:last-child > .panel-body > .panel {
    margin-bottom: 0;
}

.my-wrapper .prod-order .panel .panel-heading {
    font-weight: var(--font-weight_bold);
    padding: 10px 15px 0;
}

    .my-wrapper .prod-order .panel .panel-heading .text-danger {
        float: right;
    }

.my-wrapper .prod-order .panel .media-object {
    width: 99px;
    height: 99px;
}

.my-wrapper .prod-order .panel .media-left {
    padding-right: 15px;
}

.my-wrapper .prod-order .panel .media-body {
    position: relative;
    padding: 4px 0;
}

    .my-wrapper .prod-order .panel .media-body .subject {
        font-size: 12px;
        font-weight: var(--font-weight_bold);
        color: #222;
        margin: 0;
        line-height: 1.4;
        padding-bottom: 2px;
    }

        .my-wrapper .prod-order .panel .media-body .subject > a {
            word-break: break-all;
        }

    .my-wrapper .prod-order .panel .media-body .option {
        font-size: 11px;
        color: #929292;
        margin-bottom: 0;
        line-height: 1.4;
    }

    .my-wrapper .prod-order .panel .media-body .price {
        color: #222;
        font-size: 12px;
        font-weight: var(--font-weight_bold);
        margin: 10px 0 5px 0;
    }

        .my-wrapper .prod-order .panel .media-body .price .status {
            float: right;
            font-size: 11px;
            color: #b8b8b8;
            position: absolute;
            bottom: 0;
            right: 0;
        }

        .my-wrapper .prod-order .panel .media-body .price .count:before {
            content: "(";
        }

        .my-wrapper .prod-order .panel .media-body .price .count:after {
            content: ")";
        }

    .my-wrapper .prod-order .panel .media-body .count {
        font-size: 12px;
        font-weight: var(--font-weight_basic);
        color: #727272;
        padding-left: 2px;
    }

    .my-wrapper .prod-order .panel .media-body .count2 {
        padding-left: 0;
    }

.my-wrapper #orderlist .filter-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 12px;
    border-bottom: 1px solid #222;
    margin: 0 15px;
}

    .my-wrapper #orderlist .filter-wrapper .status-filter {
        display: flex;
        flex-direction: row;
    }

        .my-wrapper #orderlist .filter-wrapper .status-filter li {
            font-size: 11px;
            padding-right: 16px;
        }

            .my-wrapper #orderlist .filter-wrapper .status-filter li input[type="checkbox"] + label {
                color: #727272;
            }

            .my-wrapper #orderlist .filter-wrapper .status-filter li.active input[type="checkbox"] + label {
                color: #222;
            }

    .my-wrapper #orderlist .filter-wrapper .year-filter {
        width: auto;
        height: auto;
        background-color: transparent;
        border: 0;
        color: #727272;
    }

        .my-wrapper #orderlist .filter-wrapper .year-filter label {
            padding: 0;
            height: auto;
            line-height: inherit;
            color: #727272;
            font-size: 11px;
            font-weight: var(--font-weight_bold);
            margin-bottom: 0;
        }

        .my-wrapper #orderlist .filter-wrapper .year-filter select {
            height: auto;
            line-height: inherit;
        }

.my-wrapper #orderlist .tab-content {
    margin: 0 15px;
    border-bottom: 1px solid #e8e8e8 !important;
}

.my-wrapper .prod-order .panel .panel-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    line-height: 50px;
    /*background-color: #f8f8f8;*/
    border: 0 !important;
}

    .my-wrapper .prod-order .panel .panel-footer .btn {
        font-size: 11px;
        font-weight: var(--font-weight_bold);
        height: 26px;
        line-height: 28px;
        padding: 0 12px;
        margin: 0 2px;
        box-shadow: 0 3px 0 #727272 !important;
    }

    .my-wrapper .prod-order .panel .panel-footer .btn-default {
        /*border-color: #343a40;*/
        margin-left: -2px;
    }

    .my-wrapper .prod-order .panel .panel-footer.return p {
        /*font-size: 1rem;*/
        font-weight: var(--font-weight_bold);
        margin-bottom: 0;
    }

    .my-wrapper .prod-order .panel .panel-footer.return .btn {
        float: right;
        padding: 0 26px;
    }

.my-wrapper .order > .more-view {
    margin-bottom: 20px;
    margin: 0 15px;
}

.delivery-step-wrapper {
    padding: 0 15px;
}

    .delivery-step-wrapper h6 {
        font-size: .688rem;
        font-weight: var(--font-weight_bold);
        color: #b8b8b8;
        margin: 45px 0 10px;
    }

    .delivery-step-wrapper .desc {
        padding: 15px 15px 15px 35px;
        /*border-bottom: 1px solid #929292;*/
    }

.my-wrapper .panel-body .delivery-step-wrapper .desc {
    margin: 10px 0 40px;
    padding: 15px 12px;
    background-color: #f8f8f8;
}

    .my-wrapper .panel-body .delivery-step-wrapper .desc p {
        color: #929292;
        font-size: .625rem;
        line-height: 1.7;
        word-break: keep-all;
    }

        .my-wrapper .panel-body .delivery-step-wrapper .desc p:before {
            content: "·";
            margin-right: 4px;
        }

.my-wrapper .panel-body.index {
    padding: 0 0 25px 0;
}

.my-wrapper .panel-body .menu-wrapper {
    border-bottom: 1px solid #929292;
}

.my-wrapper .panel-body .menu-title {
    font-size: 1.125rem;
    font-weight: var(--font-weight_bold);
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin: 15px 0 0;
    border-bottom: 1px solid #e5e5e5;
}

.my-wrapper .panel-body ul {
    margin-bottom: 0;
}

.my-wrapper .panel-body .menu {
    height: 34px;
    line-height: 36px;
    padding: 0;
    background-color: #f8f9fa;
}

    .my-wrapper .panel-body .menu a {
        float: left;
        color: #929292;
        /*font-size: .8125rem;*/
        font-size: .76rem;
        font-weight: var(--font-weight_basic);
        width: 49%;
        padding: 0 15px;
    }

        .my-wrapper .panel-body .menu a .fa {
            float: right;
            font-size: 1.125rem;
            line-height: 32px;
        }


        .my-wrapper .panel-body .menu a:first-child {
            border-right: 1px solid #e5e5e5;
        }

    .my-wrapper .panel-body .menu:first-child {
        border-right: 1px solid #e5e5e5;
    }

.my-wrapper .sub-title {
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin: 0;
}

.my-wrapper .info-wrapper .sub-title {
    color: #929292;
    font-size: 12px;
    padding: 10px 0;
    height: auto;
    line-height: inherit;
}

.my-wrapper .info-wrapper {
    margin: 0 15px;
}

    .my-wrapper .info-wrapper .table > tbody > tr {
        display: flex;
    }

.table-wrapper .table > tbody > tr {
    display: flex;
}

.my-wrapper .info-wrapper .table > tbody > tr > th {
    padding-left: 15px !important;
    background-color: #f8f8f8;
    color: #929292;
    width: 38%;
}

.my-wrapper .info-wrapper .table > tbody > tr > td {
    padding-left: 15px !important;
    width: 100%;
    color: #222;
}

.my-wrapper .info-wrapper .table > tbody > tr:first-child th,
.my-wrapper .info-wrapper .table > tbody > tr:first-child td {
    border-top: 1px solid #e8e8e8;
}

.my-wrapper .info-wrapper .table > tbody > tr > th,
.my-wrapper .info-wrapper .table > tbody > tr > td {
    padding: 12px 0;
    border-bottom: 1px solid #e8e8e8;
}

.my-wrapper .info-wrapper .table > tbody > tr > td {
    padding-left: 15px;
    padding-right: 15px;
}

.my-wrapper .info-wrapper.recipient-info .table {
    margin-bottom: 15px;
}

.my-wrapper .info-wrapper.recipient-info .btn {
    padding: 0 22px;
}

.my-wrapper .info-wrapper.payment-info {
    margin-top: 15px;
}

    .my-wrapper .info-wrapper.payment-info .pay_option tr th,
    .my-wrapper .info-wrapper.payment-info .pay_option tr td {
        padding: 0;
        background-color: #fff;
        border-bottom: 0;
        line-height: 2;
        color: #222;
    }

    .my-wrapper .info-wrapper.payment-info .pay_option tr:first-child th,
    .my-wrapper .info-wrapper.payment-info .pay_option tr:first-child td {
        padding-top: 12px;
    }

    .my-wrapper .info-wrapper.payment-info .pay_option tr:last-child th,
    .my-wrapper .info-wrapper.payment-info .pay_option tr:last-child td {
        padding-bottom: 12px;
    }

    .my-wrapper .info-wrapper.payment-info .pay_option tr td {
        font-weight: var(--font-weight_bold);
        font-size: 12px;
        text-align: right;
        padding-right: 12px;
        padding-left: 0 !important;
    }

        .my-wrapper .info-wrapper.payment-info .pay_option tr td.bank_num {
            letter-spacing: -1px;
        }

    .my-wrapper .info-wrapper.payment-info .pay_result {
        border-top: 0;
    }

        .my-wrapper .info-wrapper.payment-info .pay_result tr th,
        .my-wrapper .info-wrapper.payment-info .pay_result tr td {
            color: #222;
            background-color: #fff;
            padding: 0;
            border-bottom: 0;
            line-height: 2;
            background-color: #f8f8f8;
        }

        .my-wrapper .info-wrapper.payment-info .pay_result tr:first-child th,
        .my-wrapper .info-wrapper.payment-info .pay_result tr:first-child td {
            border-bottom: 1px solid #e8e8e8;
            height: 70px;
            line-height: 70px;
            background-color: #fff;
        }

        .my-wrapper .info-wrapper.payment-info .pay_result tr:nth-child(2) th,
        .my-wrapper .info-wrapper.payment-info .pay_result tr:nth-child(2) td {
            padding-top: 12px;
        }

        .my-wrapper .info-wrapper.payment-info .pay_result tr:last-child th,
        .my-wrapper .info-wrapper.payment-info .pay_result tr:last-child td {
            border-bottom: 1px solid #e8e8e8;
            padding-bottom: 12px;
        }

        .my-wrapper .info-wrapper.payment-info .pay_result tr td {
            padding-right: 12px;
            font-size: 12px;
            font-weight: var(--font-weight_bold);
        }

        .my-wrapper .info-wrapper.payment-info .pay_result tr:first-child td {
            padding-right: 12px;
            font-weight: var(--font-weight_bold);
            font-size: 12px;
        }

.my-wrapper .info-wrapper h6 {
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    text-align: center;
    padding: 20px 15px;
    border-top: 1px solid #343a40;
    border-bottom: 1px solid #343a40;
}

    .my-wrapper .info-wrapper h6 .btn {
        font-size: .875rem;
        font-weight: var(--font-weight_bold);
        margin-top: 15px;
    }

.my-wrapper .go-list {
    margin-bottom: 30px;
}

.my-wrapper .my-info.delivery .nav-tabs > li.active > a {
    border-top-color: transparent;
}

.my-wrapper .my-info.delivery .nav-tabs > li:first-child.active > a {
    border-left: 0;
    border-right: 1px solid #e8e8e8;
}

.my-wrapper .my-info.delivery .nav-tabs > li:last-child.active > a {
    border-right: 0;
    border-left: 1px solid #e8e8e8;
}

.my-wrapper .my-info.delivery .panel-heading,
#deliveryModal .panel-heading {
    padding: 15px 0;
    color: #727272;
    border-bottom: 1px solid #e8e8e8;
}

.my-wrapper .my-info.delivery input[type="checkbox"] + label:before {
    border-radius: 50%;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border: 2px solid #b8b8b8;
}

.my-wrapper .my-info.delivery input[type="checkbox"]:checked + label:before {
    color: #222;
    background-color: #fff;
    border: 2px solid #222;
}

.my-wrapper .my-info.delivery .delivery-list .delivery_chk,
#deliveryModal .delivery-list .delivery_chk {
    display: inline-block;
}

.my-wrapper .my-info.delivery .delivery-list .delivery_title,
#deliveryModal .delivery-list .delivery_title {
    display: block;
    color: #222;
    font-weight: var(--font-weight_bold);
    font-size: 12px;
}

    .my-wrapper .my-info.delivery .delivery-list .delivery_title span:first-child:after,
    #deliveryModal .delivery-list .delivery_title span:first-child:after {
        content: '|';
        clear: both;
        padding: 0 6px;
        color: #b8b8b8;
    }

#deliveryModal .delivery-list .delivery_title {
    display: block;
}

.my-wrapper .my-info.delivery .delivery-list li,
#deliveryModal .delivery-list li {
    padding: 20px 12px;
    border-top: 1px solid #e8e8e8;
}

    .my-wrapper .my-info.delivery .delivery-list li:last-child,
    #deliveryModal .delivery-list li:last-child {
        border-bottom: 1px solid #e8e8e8;
    }

.my-wrapper .my-info.delivery .delivery_basic,
#deliveryModal .delivery_basic {
    background-color: #222;
    color: #fff;
    border-radius: 6px;
    font-size: 9px;
    padding: 4px 6px;
    margin-left: 5px;
}

.my-wrapper .my-info.delivery .delivery-list .delivery_cont,
#deliveryModal .delivery-list .delivery_cont {
    padding: 10px 0;
}

    .my-wrapper .my-info.delivery .delivery-list .delivery_cont p,
    #deliveryModal .delivery-list .delivery_cont p {
        padding: 4px 0;
    }

.my-wrapper .my-info.delivery .delivery-list a,
#deliveryModal .delivery-list a {
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    padding: 0 29px;
}

.my-wrapper .my-info.delivery .panel-footer,
#deliveryModal .panel-footer {
    border-top: 0;
    padding: 32px 0;
}

.my-wrapper .my-info .panel-body {
    padding: 20px 15px 0;
}

.my-wrapper .my-info .table {
    margin-bottom: 0;
}

    .my-wrapper .my-info .table .user-name {
        font-weight: var(--font-weight_bold);
        color: #ff9c00;
    }

    .my-wrapper .my-info .table > thead > tr > th.active {
        font-weight: var(--font-weight_bold);
        height: 40px;
        padding: 10px 20px;
        border-bottom: 0;
    }

    .my-wrapper .my-info .table .checkbox_wrapper {
        display: flex;
        flex-direction: row;
        padding: 21px 0;
    }

        .my-wrapper .my-info .table .checkbox_wrapper .check_list {
            margin-right: 16px;
            white-space: nowrap;
        }

            .my-wrapper .my-info .table .checkbox_wrapper .check_list label {
                /*display: block;*/
                margin-right: 5px;
            }

            .my-wrapper .my-info .table .checkbox_wrapper .check_list a {
                font-weight: var(--font-weight_bold);
                color: #222;
            }

    .my-wrapper .my-info .table .member .myinfo_text {
        text-align: center;
    }

        .my-wrapper .my-info .table .member .myinfo_text td {
            padding: 20px 0 40px;
            color: #929292;
        }
/*
.my-wrapper .my-info .text_box {
    background-color: #f8f8f8;
    padding: 20px 12px;
}

    .my-wrapper .my-info .text_box em {
        color: #ff8827;
        font-style: normal;
    }
*/
.my-wrapper .my-info.delivery .nav-tabs,
#deliveryModal .nav-tabs {
    display: flex;
    flex-direction: row;
}

    .my-wrapper .my-info.delivery .nav-tabs > li,
    #deliveryModal .nav-tabs > li {
        width: 100%;
        text-align: center;
        background-color: #f8f8f8;
        border-top: 1px solid #e8e8e8;
    }

        .my-wrapper .my-info.delivery .nav-tabs > li.active,
        #deliveryModal .nav-tabs > li.active {
            background-color: #fff;
        }

        .my-wrapper .my-info.delivery .nav-tabs > li > a,
        #deliveryModal .nav-tabs > li > a {
            margin: 0;
            color: #727272;
            font-weight: var(--font-weight_bold);
            border-right: 0;
            border-left: 0;
        }

            #deliveryModal .nav-tabs > li > a:hover,
            #deliveryModal .nav-tabs > li > a:focus {
                border-bottom: 0;
            }

    #deliveryModal .nav-tabs li {
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
        height: 42px;
    }

        #deliveryModal .nav-tabs li.active:nth-child(1) {
            border-right: 1px solid #e8e8e8;
            border-top: 0;
            border-bottom: 0;
        }

        #deliveryModal .nav-tabs li.active:nth-child(2) {
            border-left: 1px solid #e8e8e8;
            border-top: 0;
            border-bottom: 0;
        }

#deliveryModal .list-group.not-delivery-info .non-text {
    padding: 60px 0 28px 0;
    text-align: center;
    color: #727272;
}

#deliveryModal .modal-dialog {
    height: 100% !important;
}

#deliveryModal .modal-header {
    border-bottom: 0;
}

#deliveryModal .modal-body {
    padding: 0 15px 0 15px;
    max-height: 100% !important;
    height: calc(100% - 60px);
    margin-top: 62px;
}

.my-wrapper .my-info .table > tbody > tr > td p {
    line-height: 1.7;
    word-break: keep-all;
}

.my-wrapper .my-info .table > tbody > tr > td .form-group {
    margin-bottom: 10px;
}

.my-wrapper .my-info .table > tbody > tr > td .form-group.ip_newcpw {
    margin-bottom: 20px !important;
}

.my-wrapper .my-info .table > tbody > tr > td .form-group:last-child {
    margin-bottom: 0;
}

.my-wrapper .my-info .table > tbody > tr > td.phone-wrapper .form-control {
    /*  display: inline-block;
    width: 31.9%;*/
    margin-right: 6px;
}

.my-wrapper .my-info .table > tbody > tr > td .mail,
.my-wrapper .my-info .table > tbody > tr > td .sms {
    padding-left: 0;
}

.my-wrapper .my-info .table > tfoot > tr > td {
    font-size: .75rem;
    padding-left: 15px;
    padding-right: 15px;
}

.my-wrapper .my-info .panel-footer {
    font-size: 11px;
    color: #929292;
    border-top: 0;
}

    .my-wrapper .my-info .panel-footer p {
        line-height: 1.7;
    }

        .my-wrapper .my-info .panel-footer p a {
            font-weight: var(--font-weight_bold);
        }

.my-wrapper .my-info-table.table > thead > tr > th {
    font-weight: var(--font-weight_bold);
    text-align: center;
    vertical-align: middle;
    border-bottom: 0;
    border: 1px solid #343a40;
}

.my-wrapper .my-info-table.table > tbody > tr > td {
    text-align: left;
    vertical-align: middle;
}

.my-wrapper .my-info .panel-body.modify table tr,
.my-wrapper .my-info .panel-body.modify table th,
.my-wrapper .my-info .panel-body.modify table td {
    border: none;
    padding: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
}

    .my-wrapper .my-info .panel-body.modify table th.active {
        background-color: transparent;
    }

    .my-wrapper .my-info .panel-body.modify table td.email {
        font-size: 12px;
        margin: 25px 0 35px 0;
    }

    .my-wrapper .my-info .panel-body.modify table tr.agree {
        margin-top: 35px;
    }

.my-wrapper .my-info .panel-body.modify .info_inform {
    margin: 32px 0 12px 0;
}

.my-wrapper .qna-info {
    /*margin-bottom: 100px;*/
}

.my-wrapper .prodqna {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .my-wrapper .prodqna .btn {
        width: 100px;
        height: 34px;
        line-height: 36px;
    }

.my-wrapper .prodreview {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.my-wrapper .qna-info.table > tbody > tr > td {
    border-bottom-color: #343a40;
}

    .my-wrapper .qna-info.table > tbody > tr > td.detail {
        padding: 0;
    }

        .my-wrapper .qna-info.table > tbody > tr > td.detail ul {
            margin-bottom: 0;
        }

        .my-wrapper .qna-info.table > tbody > tr > td.detail li {
            text-align: left;
            padding: 15px;
            border: 0;
        }

    .my-wrapper .qna-info.table > tbody > tr > td.review-detail li {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .my-wrapper .qna-info.table > tbody > tr > td.detail li .media-left {
        padding-right: 15px;
    }

    .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .media-object {
        width: 65px;
        height: 65px;
    }

    .my-wrapper .qna-info.table > tbody > tr > td.review-detail li .media-object {
        width: 65px;
        height: 65px;
    }

    .my-wrapper .qna-info.table > tbody > tr > td.detail li .media-body {
        position: relative;
    }

        .my-wrapper .qna-info.table > tbody > tr > td.detail li .media-body .subject {
            font-size: 1rem;
            font-weight: var(--font-weight_bold);
            margin-top: 0;
            margin-bottom: 5px;
        }

        .my-wrapper .qna-info.table > tbody > tr > td.detail li .media-body .option {
            color: #929292;
            font-size: .8125rem;
            font-weight: var(--font-weight_basic);
            letter-spacing: -2px;
            margin-bottom: 10px;
        }

    .my-wrapper .qna-info.table > tbody > tr > td.review-detail li .media-body .date {
        font-size: .875rem;
        font-weight: var(--font-weight_bold);
        margin-bottom: 0;
    }

    .my-wrapper .qna-info.table > tbody > tr > td.review-detail li .media-body .date span {
        margin-left: 10px;
    }

    .my-wrapper .qna-info.table > tbody > tr > td.detail li .media-right {
        font-weight: var(--font-weight_bold);
        min-width: 65px;
    }

    .my-wrapper .qna-info.table > tbody > tr > td.review-status {
        font-weight: var(--font-weight_bold);
        text-align: center;
        vertical-align: middle;
    }

        .my-wrapper .qna-info.table > tbody > tr > td.review-status .btn {
            font-size: .875rem;
            min-width: 70px;
            height: 30px;
            line-height: 30px;
            padding: 0 10px;
            margin-bottom: 5px;
            border-color: #999;
            background-color: #999;
        }

        .my-wrapper .qna-info.table > tbody > tr > td.review-status .util {
            margin-bottom: 0;
        }

            .my-wrapper .qna-info.table > tbody > tr > td.review-status .util a:focus,
            .my-wrapper .qna-info.table > tbody > tr > td.review-status .util a:hover {
                color: #ffcc00;
            }

    .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li.q,
    .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li.a {
        border-top: 1px solid #e5e5e5;
    }

    .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li.a {
        background-color: #eaedf2;
    }

    .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .question:before {
        content: "Q.";
    }

    .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .answer:before {
        content: "A.";
    }

    .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .question,
    .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .answer {
        font-size: 1rem;
        font-weight: var(--font-weight_bold);
        margin-bottom: 5px;
    }

    .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li.q .user-name:after {
        content: "|";
        padding: 0 2px 0 5px;
    }

    .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .question .date,
    .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .answer .date {
        font-size: .875rem;
        padding-left: 10px;
        letter-spacing: -1px;
    }

    .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .review {
        margin-bottom: 5px;
    }

        .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .review .date {
            font-weight: var(--font-weight_bold);
            margin-bottom: 0;
        }

    .my-wrapper .qna-info.table > tbody > tr > td.qna-detail li .text {
        margin-bottom: 0;
    }

.my-wrapper .qna-info.table > tbody > tr.review > td {
    border-bottom-color: #e5e5e5;
}

    .my-wrapper .qna-info.table > tbody > tr.review > td.qna-detail li.a {
        border-top-color: #e5e5e5;
    }
/*coupon,point page*/
.my-info-wrapper {
    padding: 0 15px;
}

    .my-info-wrapper .panel-heading {
        padding: 16px 0;
    }

    .my-info-wrapper .mytotal_num {
        background-color: #222;
        color: #fff;
        border-radius: 12px;
    }

        .my-info-wrapper .mytotal_num ul {
            display: flex;
            flex-direction: row;
        }

        .my-info-wrapper .mytotal_num li {
            width: 50%;
            text-align: center;
            padding: 16px 0;
            font-size: 11px;
            font-weight: var(--font-weight_bold);
            color: #929292;
        }

            .my-info-wrapper .mytotal_num li img {
                width: 19px;
                margin-right: 4px;
                margin-left: -15px;
            }

            .my-info-wrapper .mytotal_num li strong {
                color: #fff;
                font-weight: var(--font-weight_bold);
                font-size: 14px;
            }

        .my-info-wrapper .mytotal_num.point_total li {
            text-align: inherit;
            padding: 16px 20px;
        }

            .my-info-wrapper .mytotal_num.point_total li img {
                margin-left: 0;
            }

            .my-info-wrapper .mytotal_num.point_total li:last-child {
                text-align: right;
            }

    .my-info-wrapper .summary-coupon {
        padding: 0;
        margin-bottom: 10px;
    }

        .my-info-wrapper .summary-coupon li {
            position: relative;
            float: left;
            font-size: .875rem;
            width: 50%;
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            border-color: #343a40;
            letter-spacing: -2px;
        }

            .my-info-wrapper .summary-coupon li + li {
                border-left: 0;
            }

            .my-info-wrapper .summary-coupon li.not-use {
                background-color: #eaedf2;
            }

            .my-info-wrapper .summary-coupon li .title {
                margin-bottom: 0;
            }

            .my-info-wrapper .summary-coupon li a {
                position: absolute;
                top: -3px;
                right: 15px;
            }

                .my-info-wrapper .summary-coupon li a .count {
                    font-size: 1.375rem;
                    padding-right: 5px;
                }

    .my-info-wrapper .filter-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 28px;
        padding: 0 5px 0 12px;
    }

        .my-info-wrapper .filter-wrapper .status-filter {
            display: flex;
            flex-direction: row;
        }

            .my-info-wrapper .filter-wrapper .status-filter li {
                font-size: 11px;
                padding-right: 16px;
            }

                .my-info-wrapper .filter-wrapper .status-filter li label {
                    display: block;
                }

                .my-info-wrapper .filter-wrapper .status-filter li.active input[type="checkbox"] + label {
                    color: #222;
                }

                .my-info-wrapper .filter-wrapper .status-filter li input[type="checkbox"] + label {
                    color: #727272;
                }

                    .my-info-wrapper .filter-wrapper .status-filter li input[type="checkbox"] + label:before {
                        border-radius: 50%;
                    }

        .my-info-wrapper .filter-wrapper .year-filter {
            width: auto;
            height: auto;
            background-color: transparent;
            border: 0;
            color: #727272;
        }

            .my-info-wrapper .filter-wrapper .year-filter label {
                padding: 0;
                height: auto;
                line-height: inherit;
                color: #727272;
                font-size: 11px;
                font-weight: var(--font-weight_bold);
                margin-bottom: 0;
            }

            .my-info-wrapper .filter-wrapper .year-filter select {
                height: auto;
                line-height: inherit;
            }

    .my-info-wrapper .discount-info {
        border-top: 1px solid #222;
        padding: 0;
    }

        .my-info-wrapper .discount-info li {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 15px 12px;
            border-bottom: 1px solid #e8e8e8;
        }

            .my-info-wrapper .discount-info li.notuse p,
            .my-info-wrapper .discount-info li.notuse h6 {
                color: #b8b8b8;
            }

            .my-info-wrapper .discount-info li div {
                line-height: 2;
            }

            .my-info-wrapper .discount-info li.point_group div {
                line-height: inherit;
            }

                .my-info-wrapper .discount-info li.point_group div p:first-child {
                    margin-bottom: 2px;
                }

            .my-info-wrapper .discount-info li div:first-child {
                width: 80%;
            }

            .my-info-wrapper .discount-info li div:last-child {
                width: 20%;
                text-align: center;
                font-weight: var(--font-weight_bold);
                font-size: 12px;
            }

        .my-info-wrapper .discount-info .point_group div:last-child {
            text-align: right;
        }

        .my-info-wrapper .discount-info li .use {
            color: #222;
        }

.my-info-wrapper .discount-info li .notuse {
    background-color: #e8e8e8;
    padding: 7px 0;
    color: #fff !important;
    border-radius: 8px;
}

.my-info-wrapper .discount-info li .discount {
    color: #3ba5ff !important;
}

.my-info-wrapper .discount-info li p {
    color: #929292;
    font-size: 12px;
}

.my-info-wrapper .discount-info .point_group p {
    color: #222;
}

.my-info-wrapper .discount-info .point_group b {
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 28px;
    overflow: hidden;*/
    font-size: 12px;
    line-height: 1.3;
}

.my-info-wrapper .discount-info li h6 {
    font-size: 13px;
}

.my-coupon-wrapper .discount-info li h6 b {
    padding-right: 5px;
    font-size: 14px;
    word-break: break-word;
}

.my-wrapper .coupon-info .table > thead > tr > th {
    border: 1px solid #343a40;
}

.my-wrapper .coupon-info .table > thead > tr > th,
.my-wrapper .coupon-info .table > tbody > tr > td {
    text-align: center;
}

.my-wrapper .coupon-info .table > tbody > tr > td {
    font-size: .8125rem;
}

    .my-wrapper .coupon-info .table > tbody > tr > td .btn {
        font-size: .6875rem;
    }

    .my-wrapper .coupon-info .table > tbody > tr > td .desc {
        margin-bottom: 0;
    }

    .my-wrapper .coupon-info .table > tbody > tr > td .btn {
        padding: 1px 3px;
    }

.my-wrapper.return .panel-heading {
    /*font-weight: 600;
padding: 10px 0 8px;
border-color: #e8e8e8;
background-color: #eaedf2;*/
}

    .my-wrapper.return .panel-heading p {
        font-size: .8125rem;
        margin-bottom: 0;
    }

    .my-wrapper.return .panel-heading .label-date {
        padding: 0 5px 0 15px;
    }

    .my-wrapper.return .panel-heading .date {
        margin-right: 5px;
    }

    .my-wrapper.return .panel-heading .number {
        float: right;
        font-size: .75rem;
        line-height: 18px;
        padding-right: 15px;
    }

.my-wrapper.return .prod-info-wrapper {
    margin: 0 15px;
    margin-bottom: 15px;
}

.my-wrapper.return .panel-body {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 12px;
}

    .my-wrapper.return .panel-body .point-wrapper {
        padding: 12px 0;
        margin-bottom: 0;
        color: #929292;
    }

        .my-wrapper.return .panel-body .point-wrapper .btn {
            font-size: .875rem;
            height: 30px;
            line-height: 30px;
            padding: 0 10px;
            border-color: #929292;
        }

    .my-wrapper.return .panel-body .text {
        padding: 15px 0;
    }

    .my-wrapper.return .panel-body .point {
        font-weight: var(--font-weight_bold);
        margin-left: 3px;
    }

    .my-wrapper.return .panel-body .media {
        display: flex;
        margin: 0;
    }

    .my-wrapper.return .panel-body .media-body {
        display: flex;
        flex-direction: column;
        padding: 5px 0;
    }

    .my-wrapper.return .panel-body .media-object {
        width: 99px;
        height: 99px;
    }

    .my-wrapper.return .panel-body .subject {
        font-size: .75rem;
        font-weight: var(--font-weight_bold);
        margin-top: 0;
        margin-bottom: 5px;
    }

    .my-wrapper.return .panel-body .option {
        font-size: .688rem;
        color: #929292;
        margin-bottom: 0;
    }

    .my-wrapper.return .panel-body .price {
        color: #222;
        font-size: .75rem;
        font-weight: var(--font-weight_bold);
        margin: 5px 0;
        margin-top: auto;
    }

        .my-wrapper .return .panel-body .price .count:before {
            content: "(";
        }

        .my-wrapper .return .panel-body .price .count {
            padding-left: 3px;
        }

            .my-wrapper .return .panel-body .price .count:after {
                content: ")";
            }

    .my-wrapper.return .panel-body .selectbox-wrapper,
    .my-wrapper.return .panel-body .form-group,
    .my-wrapper.return .panel-body .desc,
    .my-wrapper.return .panel-body .radio-wrapper {
        margin: 0 15px 10px;
    }

    .my-wrapper.return .panel-body .selectbox {
        margin-bottom: 10px;
        border-color: #ccc;
        background-color: transparent;
    }

    .my-wrapper.return .panel-body .title {
        font-size: .75rem;
        font-weight: var(--font-weight_bold);
        padding: 10px 0;
        margin: 15px;
        color: #929292;
        border-bottom: 1px solid #e8e8e8;
    }

        .my-wrapper.return .panel-body .title a {
            float: right;
            color: #0075ff;
            font-size: .875rem;
            font-weight: var(--font-weight_basic);
            line-height: 1.3;
        }

        .my-wrapper.return .panel-body .title .fa {
            position: relative;
            top: 1px;
            color: #0075ff;
            font-size: 1.125rem;
            margin: 0 5px;
        }

    .my-wrapper.return .panel-body.reason {
        padding: 0;
    }

.my-wrapper.return .panel-body.reason .returnselect,
.my-wrapper.return .panel-body.ing-yn .moc_bank select {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #222;
    font-weight: var(--font-weight_bold);
    font-size: 0.75rem;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../contents/images/icon-arrow-bottom.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 95% 50%;
    cursor: pointer;
}

    .my-wrapper.return .panel-body.ing-yn .moc_bank .selectbox-wrapper {
        margin: 0;
    }

    .my-wrapper.return .panel-body.ing-yn .moc_bank_name label,
    .my-wrapper.return .panel-body.ing-yn .moc_bank_num label,
    .my-wrapper.return .panel-body.address .table th {
        font-size: .688rem;
        font-weight: var(--font-weight_basic);
        color: #727272;
    }

    .my-wrapper.return .panel-body.reason .desc {
        font-size: .75rem;
        font-weight: var(--font-weight_bold);
        text-align: left;
    }

        .my-wrapper.return .panel-body.reason .desc p {
            margin-bottom: 0;
        }

            .my-wrapper.return .panel-body.reason .desc p:last-child {
                padding-left: 18px;
            }

        .my-wrapper.return .panel-body.reason .desc .fa {
            color: #929292;
            padding-right: 7px;
        }

    .my-wrapper.return .panel-body .image-upload {
        text-align: center;
        margin-bottom: 20px;
    }

        .my-wrapper.return .panel-body .image-upload .btn {
            font-size: .875rem;
            font-weight: var(--font-weight_bold);
            width: 180px;
            height: 34px;
            line-height: 34px;
            padding: 0 26px;
            margin: 15px 0;
        }

    .my-wrapper.return .panel-body .image-wrapper {
        color: #929292;
        text-align: center;
        min-height: 50px;
        margin-top: 10px;
    }

    .my-wrapper.return .panel-body .image {
        display: inline-block;
        width: 200px;
    }

    .my-wrapper.return .panel-body.ing-yn,
    .my-wrapper.return .panel-body.address {
        padding: 0;
    }

        .my-wrapper.return .panel-body.ing-yn .desc {
            font-size: .8125rem;
            font-weight: var(--font-weight_bold);
        }

        .my-wrapper.return .panel-body.address .table {
            margin-bottom: 0;
        }

            .my-wrapper.return .panel-body.address .table td {
                padding: 0;
                margin-top: 10px;
            }

    .my-wrapper.return .panel-body .radio {
        padding-left: 10px;
    }

        .my-wrapper.return .panel-body .radio label {
            font-size: .813rem;
            line-height: 26px;
            padding: 0;
        }

        .my-wrapper.return .panel-body .radio input[type="radio"] + label {
            color: #b8b8b8;
        }

    .my-wrapper.return .panel-body .table > tbody > tr > th,
    .my-wrapper.return .panel-body .table > tbody > tr > td {
        font-size: .8125rem;
        padding-left: 15px;
        padding-right: 15px;
    }

    .my-wrapper.return .panel-body .table .list-group {
        margin-bottom: 0;
    }

    .my-wrapper.return .panel-body .table .list-group-item {
        padding: 2px 0;
        border: 0;
        background-color: transparent;
    }

    .my-wrapper.return .panel-body .table .total-price {
        font-weight: var(--font-weight_bold);
        text-align: right;
    }

    .my-wrapper.return .panel-body .table .form-group.ip_phone {
        display: flex;
        flex-direction: row;
    }

        .my-wrapper.return .panel-body .table .form-group.ip_phone .form-control {
            margin-right: 6px;
        }

            .my-wrapper.return .panel-body .table .form-group.ip_phone .form-control:last-child {
                margin-right: 0;
            }

    .my-wrapper.return .panel-body .table .form-group.ip_post div {
        display: flex;
    }

    .my-wrapper.return .panel-body .table .form-group.ip_post .phone {
        width: 35%;
    }

    .my-wrapper.return .panel-body .table .form-group.ip_post #jsBtnPost {
        width: 65%;
        margin-left: 12px;
    }

    .my-wrapper.return .panel-body.total {
        padding: 0;
    }

        .my-wrapper.return .panel-body.total .desc {
            padding: 0 12px;
        }

        .my-wrapper.return .panel-body.total .return_total {
            padding: 12px;
            margin: 0 15px;
            font-size: .688rem;
            background-color: #f8f8f8;
            border-top: 1px solid #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
            display: flex;
            justify-content: space-between;
            margin-bottom: 32px;
        }

            .my-wrapper.return .panel-body.total .return_total .total-price {
                font-size: .75rem;
            }

    .my-wrapper.return .panel-body .btn-wrapper {
        text-align: center;
        margin: 0 15px 40px;
    }

        .my-wrapper.return .panel-body .btn-wrapper .btn {
            font-size: .875rem;
            font-weight: var(--font-weight_bold);
            width: 49%;
            height: 40px;
            line-height: 40px;
            padding: 0 26px;
        }

.my-wrapper.return .panel-footer {
    border-top: 0;
    padding: 0;
    border-bottom: 1px solid #e8e8e8;
}

    .my-wrapper.return .panel-footer .media {
        padding: 15px 12px;
        margin-top: 0;
    }

        .my-wrapper.return .panel-footer .media.add_item {
            background-color: #f8f8f8;
        }

            .my-wrapper.return .panel-footer .media.add_item .text {
                color: #929292;
                font-size: .688rem;
                font-weight: var(--font-weight_basic);
            }

    .my-wrapper.return .panel-footer .media-body .btn.return {
        width: 65px;
        height: 26px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .my-wrapper.return .panel-footer .media-body {
        display: flex;
        width: 100%;
        align-items: center;
    }

        .my-wrapper.return .panel-footer .media-body .item_eq {
            margin-left: auto;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .my-wrapper.return .panel-footer .media-body .item_eq a {
                width: 30px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                border-radius: 8px;
                background-color: #b8b8b8;
                color: #fff;
                font-weight: var(--font-weight_bold);
            }

    .my-wrapper.return .panel-footer .text {
        float: left;
        font-size: .8125rem;
        font-weight: var(--font-weight_bold);
        width: 60%;
        line-height: 1.5;
        margin-right: 5px;
    }

    .my-wrapper.return .panel-footer .form-control {
        float: right;
        font-weight: var(--font-weight_bold);
        width: 50px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
        margin-left: -1px;
        background-color: #fff;
        border: 1px solid #b8b8b8;
        margin: 0 4px;
    }

.purchase-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
}

.purchase-option .btn_type_shopbasic {
    width: 80px;
    height: 24px;
    line-height: 32px;
    margin: 0 auto;
    border-radius: 8px 8px 0 0;
    border-width: 1px 1px 0 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -23%);
}
.purchase-wrapper.detail-purchasewrapper .btnwrap {
    position: relative;
    top: -12px;
}
.purchase-option .btn_type_shopbasic .fa {
    font-size: 1.5rem;
    color: #fff;
    font-weight: var(--font-weight_bold);
}

.purchase-option .selectbox,
.payment-wrapper .selectbox {
    background-color: #fff;
    height: 40px;
    border: 1px solid #b8b8b8;
    border-radius: 8px;
}

.purchase-option .selectbox:before,
.payment-wrapper .selectbox:before {
    content: "";
}

.purchase-option .selectbox .fa,
.payment-wrapper .selectbox .fa {
    float: right;
    font-size: 24px;
    color: #b8b8b8;
    padding: 7px 12px;
}

.purchase-option .selectbox label,
.payment-wrapper .selectbox label {
    height: 40px;
    line-height: 38px;
    font-size: 13px;
    padding: 0 12px;
}

.purchase-option .selectbox select,
.payment-wrapper .selectbox select {
    height: 40px;
    line-height: 38px;
    padding: 0 12px;
    position: absolute;
    top: 0;
}

.purchase-option .selectbox-wrapper select {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #b8b8b8;
    font-size: .8125rem;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../contents/images/icon-arrow-bottom_gray.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 95% 50%;
}

select::-ms-expand {
    display: none;
}

.purchase-option .option .form-group {
    margin-bottom: 10px !important;
}

.purchase-option .option .form-group.option_input .ip_basic {
    display: inline-block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #b8b8b8;
    font-size: 13px;
    color: #222;
}

.purchase-option .option .form-group.option_input label {
    display: block;
    font-size: .688rem;
    color: #929292;
    padding-left: 2px;
}

.purchase-option .option .form-group.option_input .option_value {
    display: flex;
}

        .purchase-option .option .form-group.option_input .option_value .btn {
            margin-left: 6px;
            height: 37px;
            line-height: 40px;
        }

.purchase-option .panel {
    margin-bottom: 0;
    /*border-color: #ffc000;*/
    border-width: 2px 0 0 0;
    box-shadow: 0px 0px 18px 3px rgba(1, 1, 1, 0.2);
}

.purchase-option .panel-footer {
    display: flex;
    padding: 8px;
    border-top: 0;
}

.purchase-option .panel-footer > .btn {
    width: 100%;
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
    height: 48px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.purchase-option .panel-footer > .btn + .btn {
    margin-left: 5px;
}

.purchase-option .option {
    padding: 15px 15px 0 15px;
}

.purchase-option .option .desc,
.payment-wrapper .option .desc {
    font-size: 11px;
    font-weight: var(--font-weight_bold);
    margin-bottom: 15px;
    color: #929292;
}

    
.payment-wrapper .option .form-group {
    margin-bottom: 5px;
}


.payment-wrapper .option .form-group:last-child {
    margin-bottom: 0;
}
.purchase-option .option .form-group:last-child {
    margin-bottom: 0 !important;
}
.payment-wrapper .result {
    padding: 0 15px !important;
}

.payment-wrapper .result .panel-body {
    background-color: #f8f8f8;
}

.purchase-option .result {
    padding: 0 15px;
    max-height: 139px;
    /*overflow-y: auto;*/
    margin-bottom: 2px;
}

.purchase-option .result .panel-body,
.payment-wrapper .result .panel-body {
    font-size: .8125rem;
    padding: 0;
}

.purchase-option .result .panel-body .jsReqTr,
.payment-wrapper .result .panel-body .jsReqTr {
    border-bottom: 1px solid #e8e8e8;
}

.purchase-option .result .panel-body .jsReqTr {
    border-top: 1px solid #e8e8e8;
    border-bottom: 0;
}

.purchase-option .result .panel-body .jsReqTr:first-child {
    border-top: 0;
}

.purchase-option .result .media,
.payment-wrapper .result .media {
    padding: 10px 15px 12px;
}
.purchase-option .result .media{
    padding: 8px 15px 8px;
}
.purchase-option .result .media-body,
.payment-wrapper .result .media-body {
    font-weight: var(--font-weight_basic);
    position: relative;
    vertical-align: middle;
}

.purchase-option .result .media-body .option-title,
.payment-wrapper .result .media-body .option-title {
    font-size: .75rem;
}

.purchase-option .result .media-body .option-title {
    width: 90%;
}

.purchase-option .result .media-body .option_value,
.payment-wrapper .media-body .option_value {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}

.purchase-option .result .media-body .count-wrapper,
.payment-wrapper .media-body .count-wrapper {
    margin-bottom: 0;
}

.purchase-option .result .media-body .count-wrapper .btn:hover,
.purchase-option .result .media-body .count-wrapper .btn:focus,
.payment-wrapper .media-body .count-wrapper .btn:hover,
.payment-wrapper .media-body .count-wrapper .btn:focus {
    color: #fff;
}

.purchase-option .result .media-body .count-wrapper .btn,
.payment-wrapper .result .media-body .count-wrapper .btn {
    float: left;
    font-weight: var(--font-weight_bold);
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    border-radius: 8px;
    background-color: #b8b8b8;
    outline: none;
}

.purchase-option .result .media-body .count-wrapper .btn.minus,
.payment-wrapper .result .media-body .count-wrapper .btn.minus {
    font-size: 1.25rem;
}

.purchase-option .result .media-body .count-wrapper .btn.plus,
.payment-wrapper .result .media-body .count-wrapper .btn.plus {
    font-size: 1.25rem;
}

.purchase-option .result .media-body .count-wrapper .form-control,
.payment-wrapper .result .media-body .count-wrapper .form-control {
    float: left;
    font-weight: var(--font-weight_bold);
    width: 48px;
    height: 28px;
    line-height: 28px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 4px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #b8b8b8;
}

.purchase-option .result .media-body .price,
.payment-wrapper .result .media-body .price {
    float: right;
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    line-height: 28px;
}

.purchase-option .result .media-body .price:after,
.payment-wrapper .result .media-body .price:after {
    content: "원";
    font-size: 14px;
}

.purchase-option .result .media-body .close,
.payment-wrapper .result .media-body .close {
    opacity: 1;
}

.purchase-option .result .media-body .close img,
.payment-wrapper .result .media-body .close img {
    width: 16px;
}

.purchase-option .goods-price {
    padding: 12px 25px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background-color: #f8f8f8;
    font-size: .75rem;
    margin: 5px 12px 0;
}

.purchase-option .total-price {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: var(--font-weight_bold);
    padding: 15px 30px 18px;
    border-top: 0;
    color: #424242;
    background-color: #fff;
}

    .purchase-option .total-price .text {
        font-size: .75rem;
        font-weight: var(--font-weight_basic);
        color: #222;
    }

    .purchase-option .total-price span.total {
        margin-left: auto;
        color: #424242;
        font-size: 1rem;
        font-weight: var(--font-weight_bold);
        padding-right: 2px;
    }

.purchase-option .btn-pay,
.purchase-option .btn-cart {
    color: #fff;
    width: 50%;
}

.purchase-option .btn-pay {
    float: right;
    color: #343a40;
    background-color: #f2b826;
    border-color: #f2b826;
}

.purchase-option .btn-cart {
    background-color: #343a40;
    border-color: #343a40;
}

.purchase-wrapper > .panel {
    margin-bottom: 0;
    border: 0;
}

.purchase-wrapper > .panel > .panel-footer {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 64px;
    line-height: 64px;
}

.purchase-wrapper > .panel > .panel-footer > .btn-like {
    position: relative;
    width: 72px;
}

.purchase-wrapper > .panel > .panel-footer > .btn-like .likeOn {
    display: none;
}

.purchase-wrapper > .panel > .panel-footer > .btn-like.active .likeOn {
    display: inline-block;
}

.purchase-wrapper > .panel > .panel-footer > .btn-like.active {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.purchase-wrapper > .panel > .panel-footer > .btn-like:active {
    box-shadow: none;
}

.purchase-wrapper > .panel > .panel-footer > .btn-like.active .likeOff {
    display: none;
}

.purchase-wrapper > .panel > .panel-footer > .btn-like img {
    width: 32px;
}

.purchase-wrapper > .panel > .panel-footer > .btn_type_purchase {
    position: relative;
    float: right;
    width: calc(100% - 72px);
    height: 48px;
    line-height: 46px;
    font-size: 1rem;
}

.purchase-wrapper .panel .panel-footer.soldout {
    background-color: #e8e8e8;
}

.purchase-wrapper .panel .panel-footer.soldout .btn {
    color: #929292;
    font-size: 1rem;
}

.footer-menu {
    position: relative;
    height: 60px;
    transition: opacity 5s;
    opacity: 0;
    /*height: calc(env(safe-area-inset-bottom) + 60px);*/
    /*   position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0px 0px 18px 3px rgba(1, 1, 1, 0.2);
    z-index: 1000;
    background-color: #fff;*/
}

.footer-menu.active {
    opacity: 1;
    transition: opacity 0.5s;
}

.footer-menu > ul {
    display: flex;
    width: 100%;
    margin-bottom: 0;
    display: flex;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 1000;
    max-width: 640px;
    margin: 0px auto;
    box-shadow: 0px 0px 18px 3px rgba(1, 1, 1, 0.2);
}

.footer-menu > ul > li {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    /*width: 20%;*/
    height: 60px;
    /*line-height: 60px;*/
/*    text-align: center;
    vertical-align: middle;*/
    padding: 0;
    border: 0;
    /*background-color: #fff;*/
}
.footer-menu > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.footer-menu > ul > li .fa,
.footer-menu > ul > li .fontello {
    display: block;
    font-size: 1.25rem;
}

.footer-menu > ul > li .menu {
    font-size: .6125rem;
}

.footer-menu > ul > li img {
    width: 32px;
    height: 32px;
}

.footer-menu > ul > li:nth-child(4) img,
.footer-menu > ul > li:nth-child(5) img {
    /*width: 27px;*/
}

.footer-menu > ul > li > .active > .fa,
.footer-menu > ul > li > .active > .fontello,
.footer-menu > ul > li > .active > .menu {
    color: #ffcc00;
}

.footer-info-wrapper .panel {
    margin-bottom: 0;
    border: none;
}

.footer-info-wrapper .panel-body {
    /*padding: 0 20px;*/
    padding: 0;
}

.footer-info-wrapper .panel-body .kakao_wrapper,
.footer-info-wrapper .panel-body .inshop_wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    /*border-bottom: 1px solid #eee;*/
    padding: 22px 15px;
}

.footer-info-wrapper .panel-body div:last-child {
    border-bottom: 0;
}

.footer-info-wrapper .panel-body .counsel-wrapper {
    display: flex;
    flex-direction: column;
    padding-top: 0;
}

.footer-info-wrapper .panel-body .counsel-wrapper li {
    text-align: center;
}

.footer-info-wrapper .panel-body .counsel-wrapper ul:last-child {
    display: flex;
}

.footer-info-wrapper .panel-body .counsel-wrapper ul:last-child {
    margin-top: 20px;
}

.footer-info-wrapper .panel-body .counsel-wrapper ul:last-child li + li {
    padding-left: 8px;
}

.footer-info-wrapper .panel-body div li {
    text-align: center;
}

.footer-info-wrapper .panel-body div li h5 {
    font-size: 12px;
    font-weight: var(--font-weight_bold);
}

.footer-info-wrapper .panel-body div li p {
    font-size: .8125rem;
    color: #727272;
}

  /*  .footer-info-wrapper .panel-body div ul:first-child li:first-child {
        padding-bottom: 12px;
    }*/

.footer-info-wrapper .panel-body div li img {
    /*width: 50%;*/
    height: 28px;
}
/*.kakao-wrapper .panel-body .title {
    font-size: .875rem;
    font-weight: 600;
}
.kakao-wrapper .panel-body .desc {
    font-size: .8125rem;
}
.kakao-wrapper .panel-body .btn {
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    min-width: 200px;
    height: 34px;
    line-height: 32px;
    padding: 0 26px;
    margin: 5px 0;
    border-radius: 16px;
    border-color: #372b13;
    background-color: #372b13;
}*/
.footer-wrapper {
    background-color: #fff;
    margin-top: 32px;
}

.footer-wrapper.show-detail {
    margin-bottom: 51px;
}

.footer-wrapper .customrer-account {
    position: relative;
    /*height: 224px;*/
    margin-top: 40px;
}

.footer-wrapper .customrer-content {
    position: relative;
    left: 0;
    width: 100%;
    height: 70px;
    /*margin-bottom: 20px;*/
}

.footer-wrapper .customrer-content a:last-child {
    margin-left: 5px;
}

.footer-wrapper .customrer-content a:nth-child(2) {
    margin-left: 5px;
}

.footer-wrapper .customrer-content a {
    position: relative;
    border: 1px solid #828282c7;
    display: inline-block;
    width: 30%;
    height: 100%;
    margin-left: 2.5%;
}

.footer-wrapper .customrer-content img {
    position: absolute;
    top: 7px;
    margin-left: 38%;
    /* margin: 10px 35px; */
    width: auto;
    height: 25px;
}

.footer-wrapper .customrer-content span {
    color: #424242;
}

.footer-wrapper .customrer-content .fa {
    position: absolute;
    left: 38%;
    bottom: 0;
    color: #c3c3c3;
    /* border: 1px solid red; */
    width: 40px;
    height: 40px;
    font-size: 2rem;
}

.footer-wrapper .customrer-content span {
    position: absolute;
    width: 100%;
    transform: translate(-50%,50%);
    left: 50%;
    top: 40%;
    text-align: center;
}

.footer-wrapper .customrer-image {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    /* border: 1px solid red; */
}

.footer-wrapper .customrer-image > img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.footer-wrapper .customrer-account h5 {
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
    text-align: center;
    margin-bottom: 10px;
    color: #774f4f;
}

.footer-wrapper .customrer-account .customer {
    position: relative;
    width: 100%;
    height: 40px;
    margin-top: 5%;
    margin-bottom: 5%;
    left: 0;
}

.footer-wrapper .customrer-account .qna {
    position: absolute;
    /* margin-left: 10px; */
    /* margin-right: 10px; */
    width: 45%;
    height: 100%;
    /* border: 1px solid red; */
}

.footer-wrapper .customrer-account .qna:first-child {
    margin-left: 2.5%;
}

.footer-wrapper .customrer-account .qna:last-child {
    margin-right: 2.5%;
}

.footer-wrapper .customrer-account .row {
    margin-left: 0;
    margin-right: 0;
}

.footer-wrapper .customrer-account .qna a {
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border: 1px solid #f5bc3a;
    background-color: #ffc84c;
    font-size: .75rem;
    text-align: center;
    line-height: 35px;
    color: #774f4f;
}

.footer-wrapper .customrer-account .qna:first-child {
    left: 0;
}

.footer-wrapper .customrer-account .qna:last-child {
    right: 0;
}



.footer-wrapper .customrer-account ul {
    margin-bottom: 0;
}

.footer-wrapper .customrer-account ul li {
    font-size: .6875rem;
    font-weight: var(--font-weight_basic);
    padding: 2px 0;
    border: 0;
}

.footer-wrapper .menu-wrapper {
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #eee;
    background-color: #f8f8f8;
}

.footer-wrapper .menu-wrapper .menu {
    font-size: .75rem;
    color: #222;
}

.footer-wrapper .menu-wrapper .menu:not(:first-child):before {
    content: "·";
    font-size: 12px;
    padding-right: 5px;
    padding-left: 5px;
}

.footer-wrapper .company {
    background-color: #f8f8f8;
    padding: 0 5px;
}

.footer-wrapper .company .info {
    line-height: 20px;
}

.footer-wrapper .company .info ul {
    padding: 12px 0;
    margin-bottom: 0;
}

.footer-wrapper .company ul li {
    font-size: 0.75rem;
    font-weight: var(--font-weight_basic);
    padding: 1px 0;
    border: 0;
    background-color: #f8f8f8;
    letter-spacing: -.3px;
}

.footer-wrapper .company ul li.inicis {
    position: relative;
}

.footer-wrapper .company ul li.inicis img {
    cursor: pointer;
    width: 38px;
    height: 38px;
    position: absolute;
    top: -15px;
    z-index: 1;
    margin-left: 65px;
}

.footer-icon-wrapper .link--app-download {
    padding-top: 28px;
}

.footer-icon-wrapper .link--sns-url {
    padding-top: 20px;
    padding-bottom: 100px;
}

/*.footer-icon-wrapper {
    margin: 28px 0 100px 0;
}*/
.footer-icon-wrapper a + a {
    padding-left: 20px;
}

.footer-icon-wrapper .appdown {
    padding: 6px 16px;
    font-size: 0.75rem;
    background-color: #222;
    color: #929292;
    font-weight: var(--font-weight_bold);
    border-radius: 15px;
    margin-top: -1px;
}

.footer-icon-wrapper .appdown b {
    color: #fff;
}

.footer-icon-wrapper img {
    width: 24px;
    image-rendering: -webkit-optimize-contrast;

}

.footer-icon-wrapper div {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.footer-icon-wrapper div:last-child {
    margin-top: 20px;
}*/

.copyright {
    font-size: 0.75rem;
    margin-bottom: 47px;
}

.back-to-top {
    /*position: fixed;
	right: 15px;
	bottom: 70px;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background-color: #343a40;
	opacity: 0;
	transition: opacity 0.5s;
	z-index: 1000;*/
}

.back-to-top.active {
    /*opacity: .7;*/
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);*/
    transition: opacity 0.5s;
}

.back-to-kakao {
    /*position: fixed;
        right: 15px;
        bottom: 175px;*/
    /* width: 50px;
        height: 50px;*/
    text-align: center;
    border-radius: 50%;
    display: none;
    transition: display 0.5s;
    z-index: 1000;
}

.back-to-kakao.active {
    display: block;
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5);*/
    transition: display 0.5s;
}

#backTop {
    display: none;
}

#backTop.active {
    display: block;
    transition: display 0.5s;
}

.fixed_btn .fixed_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*position: fixed;
            right: 15px;
            bottom: 70px;*/
    /* width: 48px;
            height: 96px;*/
    /*background-color: #222;*/
    border-radius: 24px;
    transition: display 0.5s;
    z-index: 1000;
}

.fixed_btn .fixed_box div {
    display: flex;
    flex-direction: column;
    color: #929292;
    font-size: 8px;
    justify-content: center;
    align-items: center;
    margin-top: 4px;
    /*width: 100%;
            height: 48px;*/
}

.fixed_btn .fixed_box div + div {
    /* border-top: 1px groove #999;
            width: 34px;*/
}

.fixed_btn .fixed_box div:first-child img {
    /* width: 21px;
            height: 16px;*/
    /*margin: 4px auto 3px;*/
}

.fixed_btn .fixed_box .back-to-left {
    width: 38px;
    height: 38px;
}

.fixed_btn .fixed_box .back-to-top img {
    /*width: 21px;
    height: 16px;
    margin: 2px auto 3px;
    width: auto;
    height: 16px;
    max-width: 100%;
    max-height: 100%;*/
}

.fixed_btn .fixed_box div span {
    letter-spacing: -1px;
}

.back-to-top a {
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    color: #fff;
    line-height: 24px;
}

.back-to-top a .fa {
    display: block;
    position: relative;
    top: 3px;
    font-size: 1.5rem;
}

.back-to-left {
    transition: opacity 0.5s;
    z-index: 1000;
}
.back-to-left.active {
    display :flex !important;
    transition: opacity 0.5s;
}

.back-to-left a {
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    color: #fff;
    line-height: 24px;
}

.back-to-left a .fa {
    display: block;
    position: relative;
    top: -1px;
    font-size: 1.5rem;
    letter-spacing: 2px !important;
}

#slideCateList h2 {
    position: relative;
    padding: 0 34px 0 0;
    border-bottom: 1px solid #aaa;
    line-height: 39px;
    font-weight: var(--font-weight_bold);
    font-size: 14px;
    cursor: pointer;
    padding-left: 16px;
}

#slideCateList h2.selected .icoCategory {
    background-image: url(/_mplshop/images/menucategory_arrow_on2.png);
}

#slideCateList h2 .icoCategory {
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    padding: 0;
    border: 0;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    background: url(/_mplshop/images/menucategory_arrow_on.png) no-repeat;
}

.menu-wrapper .plus {
    position: absolute;
    top: 0;
    right: 10px;
    margin: 14px 0;
    width: 12px;
    height: 12px;
    z-index: 99999;
    border: 1px solid #fff;
}

.menu-wrapper .plus span {
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
}

.menu-wrapper .no-plus {
    position: absolute;
    top: 0;
    right: 10px;
    width: 10.5px;
    height: 10.5px;
    z-index: 99999;
}

.menu-wrapper .no-plus span {
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    /* background-color: #000; */
}

.menu-wrapper .plus span:first-child {
    top: 50%;
    background-color: #929292;
}

.menu-wrapper .plus span:last-child {
    top: 50%;
    background-color: #929292;
    transform: rotate(-90deg);
    transition: transform .2s;
}

/*** 좌측슬라이드 업그레이드 ***/
#sidemenu .sidemenu-close-wrapper {
    /*position: fixed;*/
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: 60px;
    z-index: 9;
    background-color: #fff;
}

#sidemenu .sidemenu-close-wrapper.fixed-top {
    z-index: 99;
}

#sidemenu .close-inner {
    position: absolute;
    top: 0;
    /*right: 0;*/
    width: 100%;
    height: 60px;
    /*background-color: #fff;*/
}
#sidemenu .sidemenu-top-notcharea {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
#sidemenu .sidemenu-close-wrapper.fixed-top .close-inner {
    position: relative;
    background-color: #fff;
}

/*#sidemenu .sidemenu-layout {
    margin-top: 60px;
}*/

#sidemenu #sideClose {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 15px;
}

#sidemenu #sideClose.sideshow {
    display: block !important;
    position: fixed !important;
}

/*로그인영역*/
#sidemenu .login-out-wrapper {
    min-height: 60px;
    display: inline-flex;
    align-items: center;
    /*height: 60px;*/
}

    #sidemenu .login-out-wrapper a {
        text-align: center;
    }

#sidemenu .login-out-wrapper .logout {
    display: inline-block;
    padding: 6px 9px;
    background-color: #222;
    color: #fff;
    border-radius: 14px;
    white-space: nowrap;
    /*margin-left:12px;*/
}

#sidemenu .login-out-wrapper a .login_balloon {
    position: relative;
    background-color: #ff9600;
    font-size: 8px;
    color: #fff;
    padding: 6px 10px;
    border-radius: 16px;
    margin-left: 12px;
}

#sidemenu .login-out-wrapper a .login_balloon:before {
    content: "";
    position: absolute;
    top: 1px;
    left: -4px;
    border-left: 13px solid #ff9600;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 0 solid transparent;
    transform: rotate(180deg);
}

#sidemenu .login-out-wrapper a .login_balloon b {
    color: #fffd55;
}

#sidemenu .login-out-wrapper .btn {
    display: inline-block;
    width: 100%;
    height: 16px;
    line-height: 16px;
    padding: 10px 0;
    color: #fff;
    /*font-size: 12px;*/
    vertical-align: middle;
    text-align: center;
    float: left;
    margin-left: 0.5px;
    width: calc(50% - 0.5px);
}

#sidemenu .login-out-wrapper .my_login b {
    color: #929292;
    padding-left: 7px;
    font-weight: var(--font-weight_basic);
}

#sidemenu .login-out-wrapper a.my_login:after {
    content: "";
}

#sidemenu .login-out-wrapper img {
    height: 30px;
}

/*카테고리*/
#sidemenu .categoryList li {
    position: relative;
    display: block;
    line-height: 39px;
    word-wrap: break-word;
    /*border-top: 1px solid #eee;*/
    padding: 0 16px;
}

#sidemenu .categoryList li a {
    /*color: #929292;*/
    display: block;
    /*font-size: 13px;*/
    /*font-weight: bold;*/
    display: flex;
    align-items: center;
}

#sidemenu .categoryList li a img,
#sidemenu #categoryMenu li img{
    width: 24px;
    height: 24px;
    transform: translate3d(0, 0, 0);
    margin-right: 8px;
}

.side-category .addview:before {
    content: '＋';
}

.side-category.subCategoryShow .addview:before,
.side-category.subBoardShow .addview:before {
    content: '－';
}

/*퀵메뉴*/
#sidemenu .side-quick-menu {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1px;
}

#sidemenu .side-quick-menu a {
    display: inline-block;
    text-align: center;
    padding: 12px 0;
    color: #929292;
    border-width: 1px;
    border-left: 0;
    margin-bottom: -1px;
}

#sidemenu .side-quick-menu span {
    line-height: 22px;
    display: block;
    margin: 4px auto 0;
}

#sidemenu .shop-info .company img {
    height: 28px;
}

#sidemenu .sidemenu-footer .content,
#sidemenu .sidemenu-footer .content2 {
    margin-bottom: 2px;
    color: #222;
    font-size: 11px;
    line-height: 18px;
}

#sidemenu .sidemenu-footer .content:after {
    content: "";
    display: block;
    clear: both;
}

#sidemenu .sidemenu-footer .company-info {
    padding: 20px 0;
}

#sidemenu .sidemenu-footer .company-info.account_number {
    padding-bottom: 0;
    padding-top: 15px;
}

#sidemenu .sidemenu-footer .company-info.account_number ul {
    margin-top: 20px;
    display: flex;
    flex-direction: column !important;
}

#sidemenu .sidemenu-footer .company-info .title {
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    padding-bottom: 10px;
}

#sidemenu .sidemenu-footer .company-info ul:last-child {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#sidemenu .sidemenu-footer .company-info ul:last-child li img {
    width: 92px;
}

#sidemenu .sidemenu-footer .emphasis {
    margin-right: 5px;
    color: #727272;
}

#sidemenu .sidemenu-footer .emphasis:before {
    content: "·";
    padding-right: 4px;
}

#sidemenu .copyright {
    margin-top: 40px;
}

#sidemenu .btnClose {
    display: block;
    padding: 12px;
}

#sidemenu .btnClose {
    position: absolute;
    top: 0;
    right: 0;
}

/*** 배너 ***/
#sidemenu .bigBannerCarousel_olcasein {
    margin-bottom: 0;
}
/*공통 좌우버튼*/
#sidemenu .swiper.banner.barOutline .swiper-button-next,
#sidemenu .swiper.banner.barOutline .swiper-button-prev {
    top: calc(50% - 6%);
}
/*공통 - barNone(페이징 없음)*/
#sidemenu .swiper.banner.barNone ol {
    position: absolute !important;
}
#sidemenu .swiper.banner.barNone li {
    background-color: transparent !important;
    border: 0 !important;
}
/*공통 - 세로 + barNone */
#sidemenu .swiper.banner.vertical.barNone img.img-responsive {
    padding-bottom: 0;
}
/*공통ol - barOut */
#sidemenu .swiper.banner.vertical_Outline .bigBannerCarousel_olcasebottom {
    position: relative;
    background-color: #fff;
}
/*공통 - 가로 + barOut */
#sidemenu .swiper.banner .bigBannerCarousel_olcasebottom {
    position: relative;
}
/*공통ol - 세로 + barIn */
#sidemenu .swiper.banner.vertical .bigBannerCarousel_olcasein {
    top: -24px;
}
/*공통 - 세로 img */
#sidemenu .swiper.banner.vertical img.img-responsive {
    padding-bottom: 24px;
}
/*공통ol - barOut */
/*#sidemenu .swiper.banner.slide .bigBannerCarousel_olcasebottom,
#sidemenu .swiper.banner.cover .bigBannerCarousel_olcasebottom,
#sidemenu .swiper.banner.backfade.vertical .bigBannerCarousel_olcasebottom {
    background-color: #fff;
}*/
#sidemenu .swiper.banner.vertical.slide img.img-responsive,
#sidemenu .swiper.banner.vertical.cover img.img-responsive,
#sidemenu .swiper.banner.backfade img.img-responsive,
#sidemenu .swiper.banner.slide img.img-responsive,
#sidemenu .swiper.banner.fold.vertical.barInline img.img-responsive {
    padding-bottom: 0;
}
/* ol(slide,coverflow,backfade) - barIn */
#sidemenu .swiper.banner.slide .bigBannerCarousel_olcasein,
#sidemenu .swiper.banner.coverflow .bigBannerCarousel_olcasein,
#sidemenu .swiper.banner.vertical.backfade .bigBannerCarousel_olcasein {
    position: absolute !important;
    top: inherit;
}
/* ol(slide,cover,flip,rolling,fold) - 세로 + barIn */
#sidemenu .swiper.banner.vertical.slide .bigBannerCarousel_olcasein,
#sidemenu .swiper.banner.vertical.cover .bigBannerCarousel_olcasein,
#sidemenu .swiper.banner.vertical.flip .bigBannerCarousel_olcasein,
#sidemenu .swiper.banner.vertical.rolling .bigBannerCarousel_olcasein,
#sidemenu .swiper.banner.vertical.fold .bigBannerCarousel_olcasein {
    top: inherit;
    position: absolute !important;
}
/*filp*/
#sidemenu .swiper.banner.flip img.img-responsive {
    padding-bottom: 0;
}
#sidemenu .swiper.banner.flip {
    overflow: hidden !important;
}
#sidemenu .swiper.banner.flip.barOutline .bigBannerCarousel_olcasebottom {
    z-index: 99;
}
/*file barOut */
#sidemenu .swiper.banner.flip.vertical.barOutline img.img-responsive {
    padding-bottom: 24px;
}
/*slide, cover*/
/*barNone*/
#sidemenu .swiper.banner.slide.barNone,
#sidemenu .swiper.banner.cover.barNone {
    margin-bottom: 0;
    padding-bottom: 0;
}
#sidemenu .swiper.banner.slide.barNone .bigBannerCarousel_olcasebottom,
#sidemenu .swiper.banner.cover.barNone .bigBannerCarousel_olcasebottom{
    background-color: transparent;
    position: absolute !important;
}
/*barIn*/
#sidemenu .swiper.banner.slide.barInline,
#sidemenu .swiper.banner.cover.barInline {
    padding-bottom: 0;
}

/*slide*/
/*slide 세로 + barOut */
#sidemenu .swiper.banner.slide.vertical.barOutline {
    padding-bottom: 24px;
}
#sidemenu .swiper.banner.slide.vertical.barOutline .swiper-wrapper {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: transparent;
    margin-top: -1px;
}
/*ol barOut */
#sidemenu .swiper.banner.slide .bigBannerCarousel_olcasebottom {
    /*position: absolute;*/
    position: relative;
}
#sidemenu .swiper.banner.slide.vertical.barOutline img.img-responsive {
    position: relative !important;
}
/*cover*/
/*cover 세로 + barOut */
#sidemenu .swiper.banner.cover.vertical.barOutline img.img-responsive {
    padding-bottom: 24px;
}
/*coverflow*/
#sidemenu .swiper.banner.coverflow img.img-responsive {
    padding-bottom: 0;
}
/*coverflow 세로 - barOut */
#sidemenu .swiper.banner.coverflow.vertical.barOutline img.img-responsive {
    padding-bottom: 24px;
}
#sidemenu .swiper.banner.coverflow.vertical.barOutline .bigBannerCarousel_olcasebottom {
    background-color: #fff;
}
/*fade*/
#sidemenu .swiper.banner.fade {
    opacity: 1;
}
#sidemenu .swiper.banner.fade.vertical.barInline {
    margin-bottom: -24px;
}
/*backfade*/
/*barOut*/
#sidemenu .swiper.banner.backfade.vertical.barOutline img.img-responsive {
    padding-bottom: 24px;
}
/*barNone*/
#sidemenu .swiper.banner.backfade.vertical.barNone .bigBannerCarousel_olcasebottom {
    background-color: transparent;
}
/*rolling*/
#sidemenu .swiper.banner.vertical.rolling .swiper-wrapper {
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: transparent;
}
#sidemenu .swiper.banner.vertical.rolling.barOutline ol {
    position: relative !important;
    background-color: #fff;
}
#sidemenu .swiper.banner.vertical.rolling.barInline img.img-responsive {
    padding-bottom: 0;
}
/*공통 barInline , barNone */
#sidemenu .swiper.banner.vertical.barInline .swiper-wrapper,
#sidemenu .swiper.banner.vertical.barNone .swiper-wrapper {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: transparent;
}
/*넘길때 이미지 숨기기*/
/*coverflow*/
/*#sidemenu .swiper.banner.coverflow .swiper-slide,*/
#sidemenu .swiper.banner.vertical.rolling .swiper-slide {
    opacity: 0 !important;
}
/*#sidemenu .swiper.banner.coverflow .swiper-slide-active,*/
#sidemenu .swiper.banner.vertical.rolling .swiper-slide-active {
    opacity: 1 !important;
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    top: inherit;
    transform: none;
    right: 0;
}

/*swiper 버전 업 기본 좌측버튼 지우기*/
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '';
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-controller, .swiper-button-next, .swiper-button-prev {
    z-index: 99;
}

.swiper.banner .swiper-slide-active img {
    padding-bottom: 0;
}

/* app 설정 */
#sidemenu .menu_app {
    position: relative;
    margin-bottom: 32px;
    padding: 0 16px;
    line-height: 39px;
    font-weight: var(--font-weight_bold);
    font-size: 14px;
    cursor: pointer;
    border-top: 1px solid #727272;
    border-bottom: 1px solid #727272;
    margin-top: 40px;
    margin-bottom: 56px;
}
/*** // 좌측슬라이드 업그레이드 ***/


/*-------------------------------------------------------------------*/
#sidemenu {
    background-color: #fff;
    z-index: 99999;
    overflow-y: scroll;
    overflow-x: hidden;
}

#sidemenu .menu-wrapper {
    overflow-x: hidden;
    /*padding: 0 15px;*/
}

/*#sidemenu .asideContent .sideCs {
    width: 100%;
    padding: 20px 0 0;
}*/

#sidemenu .asideContent > div > ul {
    padding: 0;
}

#sidemenu .asideContent .title {
    margin-bottom: 15px;
    color: #222;
    font-size: 14px;
    font-weight: var(--font-weight_bold);
}

#sidemenu .asideContent .num {
    margin-bottom: 12px;
}

#sidemenu .asideContent .num a {
    font-weight: var(--font-weight_bold);
    color: #454545;
    font-size: 18px;
}

#sidemenu .asideContent .content {
    margin-bottom: 2px;
    color: #a1a1a1;
    line-height: 18px;
}

#sidemenu .asideContent .content::after {
    content: "";
    display: block;
    clear: both;
}

/* HTML source pc-mobile login common part
-------------------------------------------------- */
.common-wrapper .title {
    width: 100%;
    height: 60px;
    padding: 15px 15px;
}

.common-wrapper .btn_back {
    position: relative;
    top: 0;
    left: 0;
}

.common-wrapper .logo {
    display: block;
    text-align: center;
}

    .common-wrapper .logo > img {
        width: 200px;
    }

.common-wrapper .not-found-wrapper .logo {
    margin-left: 0;
    margin-right: 0;
}

.common-wrapper .not-found-wrapper .panel-heading {
    border-bottom: 2px solid #ffcc00;
}

.common-wrapper .not-found-wrapper .panel-body {
    margin-bottom: 30px;
}

    .common-wrapper .not-found-wrapper .panel-body h4 {
        font-weight: var(--font-weight_bold);
        margin-bottom: 40px;
    }

    .common-wrapper .not-found-wrapper .panel-body .desc {
        font-weight: var(--font-weight_basic);
        margin-bottom: 0;
    }

/*.common-wrapper .btn-block + .btn-block {
    margin-top: 10px;
}*/

.common-wrapper .naver {
    background-color: #37cc66;
    color: #fff;
    box-shadow: 0 3px 0 #15ab44;
}

.common-wrapper .kakao {
    background-color: #ffe800;
    color: #3b3b3b;
    box-shadow: 0 3px 0 #f1c252;
}

.common-wrapper .facebook {
    background-color: #3b5998;
    color: #fff;
}

.common-wrapper table tr,
.common-wrapper table th,
.common-wrapper table td {
    border: none;
    padding-left: 0;
    padding-right: 0;
    display: block;
}
.common-wrapper table th {
    font-size: 11px;
    color: #727272;
}

.common-wrapper .divider {
    position: relative;
    margin: 2px auto 18px;
    font-weight: var(--font-weight_basic);
    width: 40px;
    height: 1px;
    background-color: #e8e8e8;
}

.common-wrapper .ip_phone {
    display: flex;
    flex-direction: row;
}

    .common-wrapper .ip_phone .form-control {
        margin-right: 6px;
    }

        .common-wrapper .ip_phone .form-control:last-child {
            margin: 0;
        }

.common-wrapper .btn.getnum {
    font-size: 11px;
    height: 37px;
    line-height: 40px;
    padding: 0 14px;
}

.common-wrapper .form-group.get_phone_num {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

.common-wrapper .get_phone_num .form-control {
    margin-right: 6px;
}

.common-wrapper .form-group.phone-token {
    position: relative;
    display: flex;
    flex-direction: row;
}

    .common-wrapper .form-group.phone-token > div {
        position: relative;
        width: 100%;
        margin-right: 6px;
    }

        .common-wrapper .form-group.phone-token > div span {
            position: absolute;
            top: 0;
            right: 0;
            padding: 12px;
            font-size: 11px;
            color: #ff9c00;
        }

    .common-wrapper .form-group.phone-token a {
        text-align: center;
        width: 92px;
        font-size: 12px;
        margin-left: 4px;
    }

.common-wrapper .form-group a {
    text-align: center;
    min-width: 92px;
    font-size: 12px;
}

.common-wrapper .login-wrapper .form-control + .form-control {
    margin-left: 11px;
}

.not-found-wrapper .btn {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 26px;
}

.not-found-wrapper .btn-empty {
    color: #ffcc00;
    border-color: #ffcc00;
    margin-bottom: 5px;
}

.not-found-wrapper .btn-home {
    background-color: #ffcc00;
    color: #fff;
}

.common-wrapper .form-group {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.common-wrapper .login-wrapper .form-group {
    margin-top: 0;
    margin-bottom: 10px;
}

.common-wrapper .panel-footer {
    border-width: 0;
    font-weight: var(--font-weight_basic);
}

    .common-wrapper .panel-footer .policy {
        font-size: 11px;
        text-align: left;
        margin-bottom: 20px;
        color: #727272;
    }

.common-wrapper .tab-content > .tab-pane {
    padding: 20px 0;
}

.common-wrapper .nav-tabs {
    display: flex;
    flex-direction: row;
}

    .common-wrapper .nav-tabs > li {
        width: 100%;
        text-align: center;
        background-color: #f8f8f8;
    }

        .common-wrapper .nav-tabs > li.active {
            background-color: #fff;
        }

        .common-wrapper .nav-tabs > li > a {
            border: 1px solid #ddd;
            margin: 0;
            color: #727272;
            font-weight: var(--font-weight_bold);
        }

        .common-wrapper .nav-tabs > li:first-child.active > a {
            border-left: 0;
        }

        .common-wrapper .nav-tabs > li:nth-child(2) a {
            border-left: 0;
            border-right: 0;
        }

        .common-wrapper .nav-tabs > li:last-child.active > a {
            border-right: 0;
        }

        .common-wrapper .nav-tabs > li.active > a {
            border-bottom-color: transparent !important;
            color: #222;
        }

.common-wrapper .panel-heading p {
    font-size: .6875rem;
    color: #929292;
    text-align: center;
    line-height: 1.5;
}

.common-wrapper .panel-heading b {
    color: #222;
}

.login-wrapper {
    padding: 0 20px 0 20px;
}

#loginModal .login-wrapper.panel {
    padding: 0;
}

#loginModal .sns.join_wrap {
    padding-top: 0;
}

.login-wrapper .panel-body p {
    font-size: 11px;
    text-align: center;
    color: #929292;
}

    .login-wrapper .panel-body p b {
        color: #727272;
    }

.login-wrapper .panel-body .sns-login {
    display: flex;
    flex-direction: row;
    padding: 16px 0;
}

    .login-wrapper .panel-body .sns-login li + li {
        margin-left: 8px;
    }

    .login-wrapper .panel-body .sns-login li,
    .login-wrapper .panel-body .sns-login li a {
        width: 100%;
    }

    .login-wrapper .panel-body .sns-login img {
        max-width: 100%;
    }

.login-wrapper .panel-footer.util > ul > li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 11px;
    color: #929292;
    border: 0;
    padding: 20px 15px;
}

    .login-wrapper .panel-footer.util > ul > li:first-child {
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 0;
    }

    .login-wrapper .panel-footer.util > ul > li.guest {
        justify-content: center;
    }

    .login-wrapper .panel-footer.util > ul > li > a {
        font-weight: var(--font-weight_bold);
    }

    .login-wrapper .panel-footer.util > ul > li.guest img {
        padding-right: 5px;
    }

.login-wrapper .gojoin {
    font-weight: var(--font-weight_bold);
    font-size: 11px;
    text-align: center;
    padding: 12px 0;
    color: #929292;
    background-color: #f8f8f8;
}

.login-wrapper .nav-tabs {
    display: flex;
    flex-direction: row;
    border-bottom: 2px solid #ddd;
}

    .login-wrapper .nav-tabs li {
        width: 100%;
        background-color: #fff;
    }

        .login-wrapper .nav-tabs li a {
            text-align: center;
            margin: 0;
            color: #929292;
            font-weight: var(--font-weight_bold);
            border: 0;
        }

    .login-wrapper .nav-tabs > li.active > a {
        border-color: transparent;
        border-bottom: 2px solid #222 !important;
        margin: 0;
        color: #222;
    }
/*.login-wrapper .panel-footer.util > ul > li > .btn-gray,
.login-wrapper .panel-footer.util > ul > li > .btn-gray:focus,
.login-wrapper .panel-footer.util > ul > li > .btn-gray:hover {
    border-color: #999;
    background-color: #999;
}
.login-wrapper .panel-footer.util > ul > li > .btn-black,
.login-wrapper .panel-footer.util > ul > li > .btn-black:focus
.login-wrapper .panel-footer.util > ul > li > .btn-black:hover {
    border-color: #f2b826;
    background-color: #f2b826;
}
.login-wrapper .panel-footer.util > ul > li > .btn-empty,
.login-wrapper .panel-footer.util > ul > li > .btn-empty:focus
.login-wrapper .panel-footer.util > ul > li > .btn-empty:hover {
    color: #f2b826;
    border-color: #f2b826;
    background-color: #fff;
}*/
.join-wrapper .panel-heading {
    padding: 17px 15px 29px 15px;
}

.joinselect .join-wrapper .panel-heading {
    padding: 17px 15px;
}

.user-find-wrapper {
    margin-top: 20px;
}

    .user-find-wrapper .panel-heading {
        padding-bottom: 20px;
        border-bottom: 1px solid #e8e8e8;
    }

@media (max-width: 340px) {
    .login-wrapper .panel-footer.util > ul > li > .btn {
        font-size: .75rem;
        width: 130px;
    }
}

.common-wrapper .panel-footer.copyright p {
    font-size: 12px;
    margin-bottom: 0;
}
/*.popover {
	border: 1px solid #343a40;
	box-shadow:none;
}*/
.popover .popover-title .fontello {
    float: right;
}
/*.popover.sns .popover-content a > img {
	height: 40px;
}*/
.popover.category {
    max-width: 100%;
    width: 78%;
    margin-top: 0;
}

    .popover.category .col-xs-6:nth-child(2n-1) {
        padding-left: 0;
    }

    .popover.category .col-xs-6:nth-child(2n) {
        padding-right: 0;
    }

    .popover.align .list-group,
    .popover.category .list-group {
        margin-bottom: 0;
    }

    .popover.align .list-group-item,
    .popover.category .list-group-item {
        font-size: .8125rem;
        color: #343a40;
        padding: 3px 0;
        border: 0;
    }

        .popover.align .list-group-item.active,
        .popover.category .list-group-item.active {
            color: #ffcc00;
        }

.popover.align {
    width: 100px;
    margin-top: 0;
}

.coupon-wrapper {
    display: table;
    margin: 0 auto;
}

    .coupon-wrapper .coupon {
        position: relative;
        display: table-cell;
        width: 170px;
        height: 195px;
        text-align: center;
        padding: 0 20px;
        vertical-align: middle;
        background-size: 170px 195px;
    }

        .coupon-wrapper .coupon:not(.deactive):hover {
            cursor: pointer;
        }

        .coupon-wrapper .coupon.deactive .price,
        .coupon-wrapper .coupon.deactive .subject,
        .coupon-wrapper .coupon.deactive .download {
            color: #e5e5e5;
        }

        .coupon-wrapper .coupon .price {
            font-size: 1.5rem;
            font-weight: var(--font-weight_bold);
            margin-bottom: 0;
        }

        .coupon-wrapper .coupon .subject {
            font-size: 12px;
            color: #929292;
            margin-bottom: 0;
        }

        .coupon-wrapper .coupon .download {
            position: absolute;
            bottom: 12px;
            left: 50%;
            color: #fff;
            margin-left: -35px;
            white-space: nowrap;
        }

            .coupon-wrapper .coupon .download .fa {
                position: relative;
                top: 2px;
                padding-left: 7px;
            }

        .coupon-wrapper .coupon.typeA {
            background-image: url('/contents/images/coupon1.png');
        }

        .coupon-wrapper .coupon.typeB {
            background-image: url('/contents/images/coupon2.png');
        }

        .coupon-wrapper .coupon.typeC {
            background-image: url('/contents/images/coupon3.png');
        }

        .coupon-wrapper .coupon.typeD {
            background-image: url('/contents/images/coupon4.png');
        }

        .coupon-wrapper .coupon.typeE {
            background-image: url('/contents/images/coupon5.png');
        }

        .coupon-wrapper .coupon.deactive {
            background-image: url('/contents/images/coupon-deactive.png');
        }

@media (min-width: 768px) {
    .coupon-wrapper .coupon {
        width: 207px;
        height: 203px;
        background-size: 207px 203px;
    }
}

@-webkit-keyframes pulse-animation {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

@keyframes pulse-animation {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

#snsShareModal .modal-dialog {
    width: 100%;
    height: 100%;
    margin-top: 0 !important;
}

#snsShareModal .modal-content {
    border: 0;
}

#snsShareModal .modal-header {
    text-align: center;
    border: 0;
    color: #222;
}

    #snsShareModal .modal-header > .modal-title {
        font-weight: var(--font-weight_bold);
    }

#snsShareModal .modal-body {
    padding-top: 30px;
    padding-bottom: 30px;
}

    #snsShareModal .modal-body .panel-heading {
        border-bottom: 1px solid #e8e8e8;
        line-height: 1.8;
        font-weight: var(--font-weight_bold);
    }

        #snsShareModal .modal-body .panel-heading p:first-child {
            color: #929292;
            font-weight: var(--font-weight_basic);
        }

    #snsShareModal .modal-body .select-sns-wrapper {
        margin: 40px 0;
    }

    #snsShareModal .modal-body .sns {
        display: inline-block;
        margin: 0 8px;
    }

        #snsShareModal .modal-body .sns > img {
            width: 40px;
        }

    #snsShareModal .modal-body .url-copy-wrapper {
        font-size: 0;
        margin-top: 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        #snsShareModal .modal-body .url-copy-wrapper .form-control {
            display: inline-block;
            width: calc(100% - 100px);
            height: 40px;
            border-radius: 8px;
            background-image: url(../../contents/images/icon_url.png);
            background-repeat: no-repeat;
            background-size: 16px 17px;
            background-position: 12px center;
            padding-left: 38px;
        }

        #snsShareModal .modal-body .url-copy-wrapper .btn {
            width: 85px;
            height: 38px;
            line-height: 40px;
            vertical-align: top;
            padding: 0;
            margin-top: 15px;
        }

.popup-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
}

.popup-wrapper > .popup-contents {
    display: table;
    width: 100%;
    height: 100%;
}

.popup-contents > .contents {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 25px;
}

    .popup-contents > .contents > .img-wrapper {
        position: relative;
        /*margin-bottom: 15px;*/
    }

.popup-contents > .contents > .img-wrapper > .close {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    text-shadow: none;
    text-shadow: 0 1px 0 #000;
}

.popup-contents > .contents > .img-wrapper > .close > .fontello {
    color: #000;
    font-weight: var(--font-weight_bold);
    font-size: 1rem;
    padding: 15px;
}

.popup-contents .contents  .title {
    color: #fff;
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
    text-decoration: underline;
}

.best-wrapper .more-view .btn {
    color: #ffcc00;
    font-size: .9375rem;
    font-weight: var(--font-weight_bold);
}

.best-wrapper .panel-footer {
    padding-top: 10px;
}

.today-wrapper .more-view .btn {
    color: #ffcc00;
    font-size: .9375rem;
    font-weight: var(--font-weight_bold);
}

.basket-wrapper .panel-body.gift-wrapper {
    background-color: #f8f8f8;
    padding: 20px 16px !important;
    display: flex;
    flex-direction: column;
    margin:0 15px 20px 15px;
}

.basket-wrapper .panel-body.gift-wrapper .title {
    height: auto;
}

.basket-wrapper .panel-body.gift-wrapper > .Btn {
    margin: 0 86px;
}

.basket-wrapper .panel-body.gift-wrapper > .title {
    font-weight: var(--font-weight_bold);
}

.basket-wrapper .panel-body.gift-wrapper > .desc {
    padding: 11px 0;
}

.basket-wrapper .panel-body.gift-wrapper > .desc p {
    font-size: .6875rem;
    letter-spacing: -1.5px;
    margin-bottom: 0;
    color: #727272;
    line-height: 1.6;
}

.payment-wrapper .order-payment-info .giftnow {
    font-size: 1.125rem;
    font-weight: var(--font-weight_bold);
    color: #fff;
    width: 200px;
    height: 50px;
    line-height: 50px;
    padding: 0 26px;
    margin-top: 30px;
    margin-bottom: 40px;
    background-color: #ffcc00;
}

.payment-wrapper .panel-heading p {
    text-align: left;
}

    .payment-wrapper .panel-heading p .totalprice-color {
        color: red;
    }

.payment-wrapper .order-payment-info .giftend-text {
    margin: 50px 0;
    font-size: 17px;
    font-weight: var(--font-weight_bold);
}


#orderend-goods-table .panel-body {
    padding: 15px 0;
}

    #orderend-goods-table .panel-body .media {
        border-bottom: 1px solid #e8e8e8;
        padding: 15px 0;
        margin: 0 15px;
    }

    #orderend-goods-table .panel-body .media-footer,
    #orderend-goods-table .panel-body .media-side {
        padding: 5px;
    }

        #orderend-goods-table .panel-body .media-footer a,
        #orderend-goods-table .panel-body .media-side a {
            padding: 0 12px;
            height: 26px;
            line-height: 28px;
            font-size: 11px;
        }

    #orderend-goods-table .panel-body .media-side {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

        #orderend-goods-table .panel-body .media-side a + a {
            margin-left: 6px;
        }

#orderend-goods-table > .panel-body > .media > .media-body > .subject {
    font-size: 13px;
    font-weight: var(--font-weight_bold);
    margin-top: 0;
    margin-bottom: 2px;
    padding: 5px 0;
}

#orderend-goods-table > .panel-body > .media > .media-body > .price {
    color: #222;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    margin: 5px 0;
}

#orderend-goods-table > .panel-body > .media > .media-body > .option {
    font-size: 11px;
    color: #929292;
    letter-spacing: -1px;
    margin-bottom: 0;
}

#orderend-goods-table .media-body .price .count {
    font-size: 11px;
    font-weight: var(--font-weight_basic);
    color: #929292;
}

#orderend-goods-table .media .media-object {
    width: 99px;
    height: 99px;
}

#orderend-goods-table .media-body .price .count:before {
    content: "(";
}

#orderend-goods-table .media-body .price .count:after {
    content: ")";
}

#orderend-goods-table .media .media-left {
    padding-right: 15px;
    padding-left: 15px;
}

.center-modal .modal-dialog {
    width: 90%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.center-modal .common-wrapper .panel-heading > .close {
    font-size: 1rem;
    opacity: 1;
}

.center-modal .common-wrapper .panel-heading > h4 {
    font-weight: var(--font-weight_bold);
    text-align: center;
    margin: 0;
}

.center-modal .common-wrapper .divider .or {
    color: #343a40;
}

.center-modal .common-wrapper .panel-body > form {
    position: relative;
}

.center-modal .common-wrapper .form-group {
    width: calc(100% - 100px);
}

    .center-modal .common-wrapper .form-group > .form-control {
        border-radius: 4px;
    }

.center-modal .common-wrapper .panel-body.member .btn-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: table;
    width: 90px;
    height: 90px;
}

.center-modal .common-wrapper .panel-body.member .btn {
    display: table-cell;
    text-align: center;
    padding: 0;
    border-radius: 4px;
    vertical-align: middle;
}

.center-modal .modal-body .panel-footer {
    text-align: center;
    padding: 0;
}

    .center-modal .modal-body .panel-footer > ul {
        margin-bottom: 0;
    }

        .center-modal .modal-body .panel-footer > ul > li {
            display: inline-block;
            font-weight: var(--font-weight_bold);
            padding: 0;
            border: 0;
        }

            .center-modal .modal-body .panel-footer > ul > li:not(:last-child):after {
                content: "|";
                color: #ffcc00;
                padding: 0 7px;
            }

.popup-wrapper-detail {
    position: absolute;
}

    .popup-wrapper-detail > a.close {
        position: absolute;
        top: 0px;
        right: 0px;
        display: block;
        font-size: 0;
        padding: 15px;
        opacity: 1;
    }

    .popup-wrapper-detail > a > .fontello {
        color: #fff;
        font-size: 12px;
        font-weight: var(--font-weight_bold);
    }

.runapp-wrapper.panel {
    border: 0;
}

.runapp-wrapper > .panel-heading {
    padding: 0;
}

.runapp-wrapper > .panel-body {
    font-size: 1.25rem;
    padding-top: 30px;
}

    .runapp-wrapper > .panel-body > .guide {
        color: #666;
        font-size: .8125rem;
        margin-bottom: 0;
    }

.app-end .panel-heading {
    padding-top: 20px;
    font-size: 1.5rem;
}

.app-end .row {
    margin: 0px !important;
}

.app-end .container {
    padding-left: 15px;
    padding-right: 15px;
}

.app-end .prod-wrapper > .col-xs-6:nth-child(2n-1) {
    padding-left: 5px;
    padding-right: 15px;
}

.app-end .prod-wrapper > .col-xs-6:nth-child(2n) {
    padding-left: 15px;
    padding-right: 5px;
}

.reply-nodata {
    margin-top: 40px;
    text-align: center;
}

#kakaoShareConfirm .modal-content {
    border: 0;
}

#kakaoShareConfirm .modal-header {
    text-align: center;
    border: 0;
    background-color: #fff;
}

    #kakaoShareConfirm .modal-header > .modal-title {
        font-weight: var(--font-weight_basic);
        color: black;
    }

        #kakaoShareConfirm .modal-header > .modal-title > .inline-text {
            display: inline-block;
        }

#kakaoShareConfirm .modal-footer {
    text-align: center;
    border-top: 0px;
}

#kakaoShareConfirm > .modal-dialog:not(.confirm) > .modal-content > .modal-footer {
    position: inherit;
    bottom: 0;
    width: 100%;
    height: 55px;
    line-height: 45px;
    padding-top: 0;
    padding-bottom: 0;
}

#mainBanner .swiper-pagination-bullet-active {
    background-color: #ffcc00;
}

#bestProd {
    padding-top: 4px;
    margin-bottom: 40px;
}

    #bestProd .swiper-slide {
        width: 70%;
    }

.single-swiper .prod.type1 {
    border-width: 0 0 1px;
    margin-bottom: 0;
}

.swiper-button-prev,
.swiper-button-next {
    width: auto;
    height: auto;
    background-image: none;
    background-color: rgba(0, 0, 0, .1);
    outline: none;
}

.swiper-button-prev {
    left: 0;
    padding: 3px 5px 3px 3px;
}

.swiper-button-next {
    right: 0;
    padding: 3px 3px 3px 5px;
}

    .swiper-button-prev > i,
    .swiper-button-next > i {
        color: #fff;
    }

/* 이용후기 */
#reviewWriteModal .modal-content {
    font-size: .875rem;
    width: 100%;
    height: calc(100% - 0px);
    overflow-y: auto;
}



#reviewWriteModal .modal-header .close {
    color: #222;
    top: 0;
}

#reviewWriteModal .modal-title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 16px;
    font-weight: var(--font-weight_bold);
    color: #222;
}


#reviewWriteModal hr {
    margin-top: 10px;
    margin-bottom: 10px;
    /*border-color: #ddd;*/
}

#reviewWriteModal dl {
    position: relative;
    margin-bottom: 0;
    font-size: 11px;
    display: flex;
    align-items: center;
}

#reviewWriteModal .media-left .media-object {
    width: 75px;
    height: 75px;
}

#reviewWriteModal .purchase-info .media-body .title {
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    margin-bottom: 0;
}

#reviewWriteModal .purchase-info .media-body .option {
    color: #929292;
    font-size: .75rem;
    display: block;
}

#reviewWriteModal .review-score dt {
    position: absolute;
}

#reviewWriteModal .review-score dd {
    margin-left: 65px;
    display: flex;
    align-items: center;
}

#reviewWriteModal .review-score .star-comment {
    display: inline-block;
    margin-left: 10px;
    font-weight: var(--font-weight_bold);
}

#reviewWriteModal .review-score .score-wrapper .fa {
    color: #ffc833;
    font-size: 1.25rem;
    letter-spacing: 2px;
    cursor: pointer;
}

#reviewWriteModal .form-group {
    margin-bottom: 10px;
}

#reviewWriteModal .form-group.image {
    position: relative;
    margin-bottom: 0;
}

#reviewWriteModal .form-group.image .btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.75rem;
    padding: 0 12px;
    height: 30px;
    line-height: 32px;
    outline: none;
}

#reviewWriteModal .form-group.image .desc {
    display: inline-block;
    color: #929292;
    font-size: 0.75rem;
    width: calc(100% - 115px);
    line-height: 1.4;
    letter-spacing: -1px;
    word-break: keep-all;
}

#reviewWriteModal .form-group.image .panel-body {
    font-size: 0;
    padding: 20px 0 10px 0;
    display: flex;
}

            #reviewWriteModal .form-group.image .panel-body .image {
                position: relative;
                display: inline-block;
                margin: 1px;
                cursor: pointer;
                margin-right: 4px;
                width: 25%;
                height: 100px;
            }

                #reviewWriteModal .form-group.image .panel-body .image:last-child {
                    margin-right: 0;
                }

                #reviewWriteModal .form-group.image .panel-body .image img {
                    height: 100%;
                }

                #reviewWriteModal .form-group.image .panel-body .image > .remove {
                    position: absolute;
                    right: 0;
                    top: -7px;
                    color: #fff;
                    width: 14px;
                    height: 14px;
                    line-height: 12px;
                    text-align: center;
                    font-size: .75rem;
                    background: #343a40;
                    border-radius: 50%;
                    z-index: 1;
                }

#reviewWriteModal .modal-footer {
    text-align: center;
}

    #reviewWriteModal .modal-footer button {
        font-size: .875rem;
    }

.reviewCateNodata {
    text-align: center;
    margin-bottom: 85px;
    margin-top: 40px;
}

.no-data-review {
    margin-top: 90px;
    margin-bottom: 40px;
    padding: 0 25px;
}

.photo-gallery-wrapper {
    font-size: 0;
    padding-top: 1px;
}

    .photo-gallery-wrapper > img {
        width: 33.1%;
        margin-bottom: 1px;
    }

        .photo-gallery-wrapper > img:nth-child(3n-1) {
            margin-left: 1px;
            margin-right: 1px;
        }

.popup-review_count {
    z-index: 9999;
    width: 100%;
    background-color: black;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    text-align: center;
    opacity: 0.7;
}

.prod-tab-wrapper .nav-tabs.nav-justified li a .count {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0 6px;
    border-radius: 12px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    font-size: .5625rem;
    font-weight: var(--font-weight_bold);
}

.prod-tab-wrapper .nav-tabs.nav-justified li a.reviewTab > .count {
    background-color: #ff0000;
}

.prod-tab-wrapper .nav-tabs.nav-justified li a.qnaTab > .count {
    background-color: #ff0000;
}

.prod-tab-wrapper .tab-content #prodQna .panel-heading,
.review-detail-list-wrapper .panel-heading {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e8e8e8;
    padding: 12px 15px 15px;
}

.review-detail-list-wrapper .prod-review .panel-heading {
    background-color: #fff;
    border-bottom: 0;
    padding: 0;
}

.review-detail-list-wrapper .prod-review .panel-heading span {
    font-size: 0.75rem;
}
.review-detail-list-wrapper .panel .panel-footer .review-reply-del {
    float: right;
}
.review-detail-list-wrapper .panel.prod-review .panel-body {
    padding:16px 0 0;
}
.review-detail-list-wrapper .panel .panel-footer .review-reply-del img {
    width: 16px;
}

.review-detail-wrapper .media-body .photo-reply-del {
    margin-left: auto;
}

.review-detail-wrapper .media-body .photo-reply-del img {
    width: 16px;
    height: 16px;
}

.review-detail-list-wrapper .panel .panel-footer .review-reply-date {
    color: #999;
    font-size: 0.75rem;
    display: inline-block;
}

.my-wrapper #qnatype .nav-tabs li {
    width: 50%;
    border-top: 1px solid #e8e8e8;
}

.my-wrapper #qnatype .nav-tabs > li > a {
    font-size: 13px;
    font-weight: var(--font-weight_bold);
    color: #727272;
    margin-bottom: 0;
    padding: 10px 0;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e8e8e8;
    background-color: #f8f8f8;
}

.my-wrapper #qnatype .nav-tabs > li.active > a {
    border-bottom-color: #fff;
    border-left-width: 1px;
    background-color: #fff;
    color: #222;
}

.my-wrapper #qnatype .nav-tabs > li:last-child > a {
    border-left: 0;
    border-right: 0;
}

.my-wrapper #qnatype .nav-tabs > li:first-child > a {
    border-left: 0;
}

.my-wrapper #qnatype .panel-heading {
    text-align: center;
    padding: 15px 0;
    font-size: 11px;
    color: #727272;
    border-bottom: 1px solid #e8e8e8;
}

.my-wrapper #qnatype .media-list {
    padding-left: 0;
    list-style: none;
}

.my-wrapper #qnatype .tab-content .panel-body {
    padding: 15px 0;
}

.my-wrapper #qnatype .media {
    padding: 15px 0;
    border-bottom: 1px solid #e8e8e8;
}

.my-wrapper #qnatype .media:first-child {
    padding-top: 0 !important;
}

.my-wrapper #qnatype .media-left {
    display: flex;
    align-items: center;
    padding-right: 0;
    /*padding: 0 0 0 5px;*/
}

.my-wrapper #qnatype .media-left .comment {
    display: inline-block;
    /*width: 48px;
    height: 19px;*/
    line-height: 16px;
    border-radius: 4px;
    color: #fff;
    padding: 2px;
    font-size: 0.75rem;
    white-space: nowrap;
}

.my-wrapper #qnatype .media-left .comment.uncall { /*답변대기*/
    background-color: #eb2121;
}

.my-wrapper #qnatype .media-left .comment.call { /*답변완료*/
    background-color: #b8b8b8;
}

/* 마이페이지 - 문의하기*/
.my-wrapper #qnatype .media-left .qna_user_info {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    margin-left: 5px;
}

.my-wrapper #qnatype .qna_user_info .qna-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.my-wrapper #qnatype .go-link-item {
    cursor: pointer;
    font-weight: var(--font-weight_bold);
}
.my-wrapper #qnatype .qna_user_info,
.my-wrapper #qnatype .qna-date {
    padding-right: 6px;
    color: #929292;
    font-size: 0.75rem;
}

.my-wrapper #qnatype .qna-title {
    font-weight: var(--font-weight_bold);
}

/*.my-wrapper #qnatype .media-left .qna_icon {
    display: flex;
}*/

.my-wrapper #qnatype .media-left div:last-child {
    margin-left: auto;
}

/*.my-wrapper #qnatype .media-left .qna_icon a + a {
    margin-left: 6px;
}*/

.my-wrapper #qnatype .media-left div:last-child img {
    width: 16px;
    height: 16px;
}

.my-wrapper #qnatype .media-body {
    position: relative;
}

    .my-wrapper #qnatype .media-body .media_text {
        color: #222;
        font-size: 12px;
        padding: 10px 5px;
        width: 95%;
        word-break: break-all;
    }
        /*2021-11-15 김선우 수정 마이페이지 상품문의,1:1문의 글 줄바꿈*/
        .my-wrapper #qnatype .media-body .media_text span {
            font-weight: var(--font-weight_basic);
            word-break: break-all;
            white-space: pre-line;
        }

        .my-wrapper #qnatype .media-body .media_text .fadebox {
            float: right;
            letter-spacing: 0;
            position: absolute;
            top: 0;
            right: 0;
            padding: 9px 2px;
        }

            .my-wrapper #qnatype .media-body .media_text .fadebox .fa {
                font-size: 18px;
                font-weight: var(--font-weight_bold);
                color: #b8b8b8;
            }

    .my-wrapper #qnatype .media-body .admin_comment {
        background-color: #f8f8f8;
        padding: 15px 12px !important;
        border-bottom: 0;
    }

        .my-wrapper #qnatype .media-body .admin_comment .media-left {
            color: #929292;
            padding: 0;
        }

.my-wrapper #qnatype .tab-pane > .panel-body p {
    margin-bottom: 0;
}

.my-wrapper #qnatype .media-body .admin_comment .media-body {
    /*padding-top: 12px;*/
    font-size: 11px;
}

.my-wrapper #qnatype .panel-side {
    background-color: #f8f8f8;
    border-bottom: 1px solid #e8e8e8;
    padding: 12px 15px 15px;
}

.my-wrapper #qnatype .no-data {
    min-height: 200px;
    line-height: 2.5;
}

.my-wrapper .no-data p {
    font-size: 10px;
    color: #929292;
}

/*.my-wrapper .no-data,
.my-info-wrapper .no-data,
.mypage-wrapper .no-data,
#noitemList .no-data,
.Lastitem .no-data {
    text-align: center;
    min-height: 200px;
    line-height: 2.5;
    font-size: 0.75rem;
    font-weight: bold;
}*/

.my-wrapper #qnatype .review-regist-text {
    word-break: keep-all;
}

.my-wrapper.review-wrapper .tab-pane .review-regist-text {
    text-align: center;
    padding: 15px 0;
    font-size: 0.75rem;
    color: #727272;
    border-bottom: 1px solid #e8e8e8;
}

.my-wrapper.review-wrapper .review_bottom_text {
    font-size: 12px;
    color: #727272;
    text-align: center;
    padding: 20px 0;
}

.my-wrapper.review-wrapper .tab-pane .review-regist-text b {
    color: #222;
}

.my-wrapper.review-wrapper .tab-pane .review-regist-text .review-regist-point {
    color: #ff7900;
}

.my-wrapper.review-wrapper .more-view {
    text-align: center;
    padding: 15px 0;
}

    .my-wrapper.review-wrapper .more-view > .btn {
        font-size: .875rem;
        font-weight: var(--font-weight_bold);
    }

.my-wrapper.review-wrapper .nav-tabs > li {
    float: left;
    width: 50%;
    border-top: 1px solid #e8e8e8;
}

    .my-wrapper.review-wrapper .nav-tabs > li > a {
        font-size: 13px;
        font-weight: var(--font-weight_bold);
        color: #727272;
        margin-bottom: 0;
        padding: 10px 0;
        border-width: 0 1px 1px;
        border-style: solid;
        border-color: #e8e8e8;
        background-color: #f8f8f8;
    }

        .my-wrapper.review-wrapper .nav-tabs > li > a .review_num {
            padding: 0 0 2px;
            background-color: #ff0000;
            border-radius: 50%;
            margin: 0 7px;
        }

        .my-wrapper.review-wrapper .nav-tabs > li > a i {
            color: #fff;
            font-weight: var(--font-weight_bold);
            font-style: normal;
            display: inline-block;
            font-size: 11px;
            width: 15px;
            height: 15px;
            line-height: 15px;
            margin: 0 1px;
        }

    .my-wrapper.review-wrapper .nav-tabs > li.active > a {
        /*border: 1px solid #e8e8e8;*/
        border-bottom-color: #fff;
        border-left-width: 1px;
        background-color: #fff;
        color: #222;
    }

    .my-wrapper.review-wrapper .nav-tabs > li:first-child > a {
        border-left: 0;
    }

    .my-wrapper.review-wrapper .nav-tabs > li:last-child > a {
        border-left: 0;
        border-right: 0;
    }

.my-wrapper.review-wrapper .tab-pane {
    background-color: transparent;
}

    .my-wrapper.review-wrapper .tab-pane .media-list {
        padding: 0;
    }

        .my-wrapper.review-wrapper .tab-pane .media-list .image-wrapper {
            /*margin-left: -15px;
    margin-right: -15px;*/
            margin-top: 10px;
        }

            .my-wrapper.review-wrapper .tab-pane .media-list .image-wrapper .col-xs-3 {
                position: relative;
                padding: 1px;
            }

.my-wrapper.review-wrapper .tab-pane .media-list .image-wrapper .col-xs-3 .image {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.my-wrapper.review-wrapper .tab-pane .media-list .image-wrapper .col-xs-3 .image .media-object {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 100%;
}

.my-wrapper.review-wrapper .tab-pane .media-list .image-wrapper .col-xs-3.myreview {
   padding:3px;
}

    .my-wrapper.review-wrapper .tab-pane .media {
        position: relative;
        margin: 0;
        padding: 10px 0;
        background-color: #fff;
        border-bottom: 1px solid #e8e8e8;
    }

        .my-wrapper.review-wrapper .tab-pane .media .order-date {
            color: #929292;
            font-size: .75rem;
            line-height: 1;
            margin-bottom: 10px;
            padding: 10px 0;
        }

.my-wrapper.review-wrapper .tab-pane .media .order-date .btn-group {
    display: flex;
    float: right;
    margin-top: -2px;
}

.my-wrapper.review-wrapper .tab-pane .media .order-date .btn-group a {
    padding: 0 4px;
}

.my-wrapper.review-wrapper .tab-pane .media .order-date .goitem {
    font-weight: var(--font-weight_bold);
    color: #222;
    cursor: pointer;
}

.my-wrapper.review-wrapper .tab-pane .media .order-date .date {
    letter-spacing: -1px;
    color: #929292;
}

.my-wrapper.review-wrapper .tab-pane .media .order-date .score-wrapper .fa {
    color: #ffc833;
    font-size: .75rem;
    letter-spacing: 2px;
}

    .my-wrapper.review-wrapper .tab-pane#writtenReview .btn-group img {
        width: 16px;
        height: 16px;
    }

    .my-wrapper.review-wrapper .tab-pane .media:last-child {
        margin-bottom: 10px;
    }

    .my-wrapper.review-wrapper .tab-pane .media-left {
        padding-right: 15px;
    }

    .my-wrapper.review-wrapper .tab-pane .media-left .media-object {
        width: 75px;
        height: 75px;
    }

.my-wrapper.review-wrapper .tab-pane .media-body {
    padding: 4px 0;
}

.my-wrapper.review-wrapper .tab-pane .media-heading {
    font-size: 12px;
    font-weight: var(--font-weight_bold);
}

.my-wrapper.review-wrapper .tab-pane .media-body > .options {
    color: #929292;
    font-size: 11px;
    line-height: 1.2;
    margin-bottom: 15px;
}

.my-wrapper.review-wrapper .tab-pane .media-footer {
    height: 53px;
    margin-top: 12px;
    margin-bottom: -11px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-wrapper.review-wrapper .tab-pane .media-footer button {
    height: 28px;
    line-height: 30px;
    line-height: inherit;
    padding: 0 10px;
    font-size: 0.75rem;
    outline: none;
}

.my-wrapper.review-wrapper .tab-pane .review_order {
    display: flex;
    justify-content: space-between;
}

.my-wrapper.review-wrapper .tab-pane .review_order .price {
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    line-height: 1;
    margin-bottom: 0;
}

.my-wrapper.review-wrapper .tab-pane .review_order p:last-child {
    color: #b8b8b8;
}

.my-wrapper.review-wrapper .tab-pane .media .contents {
    padding: 0;
}

.my-wrapper.review-wrapper .tab-pane .media .contents p {
    color: #222;
    font-size: 12px;
    overflow: hidden;
    margin: 0 0 10px;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.my-wrapper.review-wrapper .tab-pane .media .contents .text_more {
    font-size: 0.75rem;
    color: #b8b8b8;
    display: flex;
    justify-content: center;
    align-items: center;
}

.my-wrapper.review-wrapper .tab-pane .media .myreview_comment {
    font-size: 0.75rem;
    color: #929292;
    margin: 18px 0 15px 0;
}

.my-wrapper.review-wrapper .tab-pane .media .myreview_comment span {
    display: block;
    text-align: right;
}

.my-wrapper.review-wrapper .tab-pane .media .myreview_comment .comment_num {
    color: #727272;
    font-weight: var(--font-weight_bold);
}

.my-wrapper.review-wrapper .tab-pane .media .myreview_comment img {
    width: 18px;
}

.my-wrapper.review-wrapper .tab-pane .media .admin_comment {
    /*padding: 12px;*/
    background-color: #f8f8f8;
    border-bottom: 1px solid #e8e8e8
}
.my-wrapper.review-wrapper .tab-pane .image-wrapper {
    display: flex;
}

.my-wrapper.review-wrapper .tab-pane .image-wrapper > img {
    width: 25%;
    height: 100px;
}

.my-wrapper.review-wrapper .tab-pane .image-wrapper > img + img {
    margin-left: 1px;
}

.my-wrapper.review-wrapper #notWrittenReview .data_none {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 150px;
    font-size: 0.75rem;
    color: #929292;
}

.my-wrapper.review-wrapper #notWrittenReview .data_none td {
    text-align: center;
    line-height: 1.7;
}

.my-wrapper.review-wrapper #notWrittenReview .data_none td b {
    color: #222;
    font-size: 12px;
}

.my-wrapper.review-wrapper #writtenReview .data_none {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 150px;
    font-size: 11px;
    color: #929292;
    /*margin-left: 14%;*/
}
.my-wrapper.review-wrapper #writtenReview .data_none tr {
    display: flex;
    align-items: center;
    justify-content: center;
}
.my-wrapper.review-wrapper #writtenReview .data_none td {
    text-align: center;
    line-height: 1.7;
}

.my-wrapper.review-wrapper #writtenReview .data_none td b {
    color: #222;
    font-size: 12px;
}

.review-detail-list-wrapper .panel:not(:last-child) {
    margin-bottom: 0;
    border-bottom: 1px solid #e8e8e8;
}

.review-detail-list-wrapper .panel .panel-heading .info {
    margin: 16px 0px 0;
}

.review-detail-list-wrapper .panel .panel-heading .writer {
    color: #999;
    font-weight: var(--font-weight_bold);
}

.review-detail-list-wrapper .panel .panel-heading .name {
    color: #929292;
    margin-left: 10px;
    margin-right: 4px;
}

.review-detail-list-wrapper .panel .panel-heading .score-wrapper .fa {
    color: #ffc833;
    letter-spacing: -1px;
}

.review-detail-list-wrapper .panel .panel-heading .writer-date {
    color: #929292;
}

.review-detail-list-wrapper .panel .panel-heading .count-wrapper {
    margin-bottom: 0;
}

.review-detail-list-wrapper .panel .panel-heading .count-wrapper .count {
    font-weight: var(--font-weight_bold);
}

.review-detail-list-wrapper .panel.main-review-photo .panel-body {
    padding: 16px 0;
}

.review-detail-list-wrapper .panel .panel-body .filter_option {
    font-size: 0.75rem;
    color: #727272;
    display: flex;
    width: 100%;
}

.review-detail-list-wrapper .panel .panel-body .filter_option .align-wrapper {
    display: flex;
}

.review-detail-list-wrapper .panel .panel-body .total-score {
    display: flex;
    align-items: center;
}

.review-detail-list-wrapper .panel .panel-body .total-score div {
    display: flex;
}

.review-detail-list-wrapper .panel .panel-body .total-score div:first-child {
    padding-right: 15px;
}

.review-detail-list-wrapper .panel .panel-body .total-score .score {
    padding-left: 4px;
}

.review-detail-list-wrapper .panel .panel-body .filter_option > div:last-child {
    margin-left: auto;
    display: flex;
}

.review-detail-list-wrapper .panel .panel-body .review-total-score .fa {
    color: #ff9700;
}

.review-detail-list-wrapper .panel .panel-body .review-total-score > .title {
    padding-right: 10px;
    font-weight: var(--font-weight_bold);
}

.review-detail-list-wrapper .panel .panel-body .review-total-score > .score {
    padding-left: 10px;
    font-weight: var(--font-weight_bold);
}

.review-detail-list-wrapper .panel .panel-body .align-wrapper > a {
    font-size: 0.75rem;
    text-align: center;
    padding: 4px 6px;
    border-radius: 20px;
}

.review-detail-list-wrapper .panel .panel-body .align-wrapper > a.text-danger {
    background-color: #222;
    color: #fff;
}

.review-detail-list-wrapper .panel .panel-body .align-wrapper > .text-danger:hover {
    background-color: #222;
    color: #fff;
}

.review-detail-list-wrapper .panel .panel-body .col-xs-3 {
    position: relative;
    padding: 3px;
}
/*.review-detail-list-wrapper .panel .panel-body .col-xs-3 .more-view {
position: absolute;
top: 2px;
color: #fff;
font-weight: 600;
display: flex;
width: 98%;
height: 98%;
justify-content: center;
align-items: center;
background-color: rgba(0,0,0,.5);
}*/
.review-detail-list-wrapper .panel .panel-body .photo-list {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    width: 100%;
    padding: 15px 0;
    justify-content: center;
    align-items: center;
}

.review-detail-list-wrapper .panel .panel-body .photo-list > .photo {
    position: relative;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    margin: 0 6px;
    overflow: hidden;
    width: 25%;
    border-radius: 50%;
}

.review-detail-list-wrapper .panel .panel-body .photo-list > .photo > .image {
    vertical-align: top;
}

.review-detail-list-wrapper .panel .panel-body .photo-list > .photo > .more-view {
    position: absolute;
    color: #fff;
    font-weight: var(--font-weight_bold);
    font-size: 11px;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.5);
}

.review-detail-list-wrapper .panel .panel-body .image {
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    /*border-radius: 50%;*/
}

.review-detail-list-wrapper .panel .panel-body .image .img-responsive {
     /*border-radius: 50%;*/
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 100%;
}

.review-detail-list-wrapper .panel .panel-body .review-desc {
    /*margin-top: 10px;*/
    margin-bottom: 0;
    white-space: pre-line;
    /*max-height: 47px;
    overflow: hidden;*/
    margin: 0 0 16px;
    color: #222;
    /*text-overflow: ellipsis;*/
    word-break: break-word;
    /*display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;*/
    line-height: 1.5em;
    display: inline-block;
    font-size:0.75rem;
}

.review-detail-list-wrapper .panel .panel-body .text_more {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b8b8b8;
    font-size: 11px;
    cursor: pointer;
}

.review-detail-list-wrapper .panel .panel-body .text_more .fa {
    font-size: 14px;
    padding-left: 4px;
}

.review-detail-list-wrapper .panel .panel-footer {
    border-top: 0;
    padding: 0;
    /*padding-bottom: 20px;*/
    padding-top: 15px;
}

.review-detail-list-wrapper .panel .panel-footer .divider {
    color: #999;
    font-weight: var(--font-weight_bold);
}

.review-detail-list-wrapper .panel .panel-footer .text-danger {
    font-weight: var(--font-weight_bold);
}

.review-detail-list-wrapper .panel .panel-footer .text-danger:hover,
.review-detail-list-wrapper .panel .panel-footer .text-danger:focus {
    color: #929292;
}

.review-detail-list-wrapper .panel .panel-footer .help-yn {
    line-height: 34px;
    text-align: center;
    color: #727272;
    font-size:0.75rem;
}

.review-detail-list-wrapper .panel .panel-footer .help-yn {
    margin-bottom: 0;
}

.review-detail-list-wrapper .panel .panel-footer .help-yn .btn-wrapper {
    margin-left: 6px;
}

.review-detail-list-wrapper .panel .panel-footer .help {
    display: flex;
    padding: 18px 0;
}

.review-detail-list-wrapper .panel .panel-footer .help a {
    color: #929292;
}

    .review-detail-list-wrapper .panel .panel-footer .help a:first-child {
        display: flex;
    }

.review-detail-list-wrapper .panel .panel-footer .help .count-wrapper {
    display: flex;
    width: 100%;
    text-align: right;
}

.review-detail-list-wrapper .panel .panel-footer .help a .count {
    color: #929292;
    width: 100%;
    font-size:0.75rem;
}

.review-detail-list-wrapper .panel .panel-footer .help .openReply,
.review-detail-list-wrapper .panel .panel-footer .help .closeReply {
    margin-right: 4px;
}

.review-detail-list-wrapper .panel .panel-footer .help img {
    width: 18px;
}

.review-detail-list-wrapper .panel .panel-footer .btn-wrapper a {
    font-size: 0.75rem;
    border: 0;
    color: #fff;
    width: 48px;
    height: 24px;
    line-height: 25px;
    border-radius: 20px;
    display: inline-block;
    background-color: #b8b8b8;
}
    /*.review-detail-list-wrapper .panel .panel-footer .btn-wrapper  {
    background-color: #b8b8b8;
}
.review-detail-list-wrapper .panel .panel-footer .btn-wrapper a:last-child {
    background-color: #222;
}*/
        .review-detail-list-wrapper .panel .panel-footer .btn-wrapper a + a {
            margin-left: 2px;
        }

.review-like-css {
    background-color: #222 !important;
}

.review-detail-list-wrapper .panel .panel-footer .reply-wrapper {
    background-color: #f8f8f8;
}

.review-detail-list-wrapper .panel .panel-footer .input-group {
    margin: 20px 12px;
}

    .review-detail-list-wrapper .panel .panel-footer .input-group .btn {
        font-size: .875rem;
        padding-left: 20px;
        padding-right: 20px;
    }

    .review-detail-list-wrapper .panel .panel-footer .input-group .form-control {
        font-size: .8125rem;
        resize: none;
    }

    .review-detail-list-wrapper .panel .panel-footer .input-group .form-control,
    .review-detail-list-wrapper .panel .panel-footer .input-group .btn {
        height: 55px;
    }

.review-detail-list-wrapper .panel .panel-footer .media-list {
    margin-bottom: 0;
}

.review-detail-list-wrapper .panel .panel-footer .media {
    padding: 12px;
}

    .review-detail-list-wrapper .panel .panel-footer .media + .media {
        border-top: 1px solid #e5e5e5;
    }

    .review-detail-list-wrapper .panel .panel-footer .media:last-child {
        border-bottom: 0;
    }

.review-detail-list-wrapper .panel .panel-footer .media-left {
    min-width: 75px;
    font-size: 0.75rem;
    color: #929292;
}
.review-detail-list-wrapper .panel .panel-footer .media-body {
    font-size: .75rem;
    line-height: 1.2;
    word-break: break-all;
    white-space: pre-line;
    padding-top: 4px;
}

.review-detail-list-wrapper .prod-review .panel-heading .review-del {
    float: right
}

    .review-detail-list-wrapper .prod-review .panel-heading .review-del img {
        width: 16px;
    }

.detail_qna .media-left {
    display: flex;
    align-items: center;
    padding-right: 0;
    padding: 0 5px;
}

.detail_qna .media-left .comment {
    display: inline-block;
    width: 51px;
    height: 17px;
    line-height: 16px;
    border-radius: 4px;
    color: #fff;
    padding: 0;
    font-size: 0.75rem;
}

.detail_qna .media-left .comment.uncall {
    background-color: #eb2121;
    font-size:0.75rem;
}

.detail_qna .media-left .comment.call {
    background-color: #b8b8b8;
}

.detail_qna .media-left .qna_user_info {
    margin-left: 10px;
    display: flex;
}

.detail_qna .media-left .qna_user_info span {
    padding-right: 6px;
    color: #929292;
    font-weight: var(--font-weight_bold);
    font-size: 0.75rem;
}

.detail_qna .media-left .qna_user_info span:last-child {
    font-weight: var(--font-weight_basic);
}
    /*.detail_qna .media-left div:last-child {
    margin-left: auto;
}*/
.detail_qna .media-left div:last-child a {
    margin-left: 4px;
}

.detail_qna .media-left div:last-child img {
    width: 16px;
    height: 16px;
}

.detail_qna .media-body .secret_text {
    color: #222;
    font-size: 12px;
    padding: 10px 5px;
}

    .detail_qna .media-body .secret_text img {
        width: 14px;
        margin-right: 4px;
    }

    .detail_qna .media-body .secret_text span {
        font-weight: var(--font-weight_basic);
    }

    .detail_qna .media-body .secret_text .fadebox {
        float: right;
        letter-spacing: 0;
    }

        .detail_qna .media-body .secret_text .fadebox .fa {
            font-size: 18px;
            font-weight: var(--font-weight_bold);
            color: #b8b8b8;
        }

.detail_qna .media-body .icon_lock img {
    width: 14px;
}

.detail_qna .media-body .qnaHold {
    padding: 20px;
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .detail_qna .media-body .qnaHold input {
        border: 1px solid #ddd;
        height: 40px;
        padding: 0 6px;
        border-radius: 8px;
        font-size: 0.75rem;
        border: 1px solid #b8b8b8;
        outline: none;
    }

    .detail_qna .media-body .qnaHold a {
        height: 36px;
        padding: 0 25px;
        margin-left: 8px;
    }

.detail_qna .media-body .qna_content {
    padding: 10px 5px;
    word-break: break-all;
    white-space: pre-line;
}

.detail_qna .media-body .admin_comment {
    background-color: #f8f8f8;
    padding: 10px 5px !important;
    border-bottom: 1px solid #e8e8e8;
}

.detail_qna .media-body .admin_comment .media-left {
    color: #929292;
    padding: 0;
}

.detail_qna .media-body .admin_comment .media-body {
    padding-top: 12px;
    font-size: 0.75rem;
    word-break: break-all;
}

#qnaModal .modal-header {
    display: flex;
    width: auto;
    /*height: 60px;*/
    line-height: 65px;
    margin: 0 15px;
    padding: 0;
}

    #qnaModal .modal-header .modal-title {
        position: relative;
        width: 100%;
        height: 60px;
        font-size: 16px;
        font-weight: var(--font-weight_bold);
        display: flex;
        justify-content: center;
        align-items: center;
    }

#qnaModal .modal-body .form-group {
    color: #727272;
    font-size: 0.75rem;
}

    #qnaModal .modal-body .form-group label {
        font-weight: var(--font-weight_basic);
    }

    #qnaModal .modal-body .form-group.content label {
        display: flex;
    }

    #qnaModal .modal-body .form-group .text_count {
        margin-left: auto;
    }

    #qnaModal .modal-body .form-group.member {
        display: flex;
        flex-direction: column;
    }

        #qnaModal .modal-body .form-group.member .member_data {
            display: block;
            width: 100%;
            height: 40px;
            line-height: 30px;
            padding: 6px 0;
        }

        #qnaModal .modal-body .form-group.member input,
        #qnaModal .modal-body .member.form-group[readonly] {
            background-color: #fff;
        }

#qnaModal .modal-footer {
    display: flex;
    flex-direction: row;
    border-top: 0;
}

    #qnaModal .modal-footer .Btn {
        width: 50%;
    }

#reviewModal .modal-content,
#QnaModal .modal-content {
    background-color: #222;
}

#reviewModal .modal-content .close,
#QnaModal .modal-content .close{
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px;
    opacity: 1;
    color: #fff;
    margin-top: 0;
    z-index: 9;
}

#reviewModal .modal-content .score-wrapper {
    position: absolute;
    top: -42px;
    left: 15px;
}

#reviewModal .modal-content .score-wrapper span {
    color: #fff;
    font-size: 1.125rem;
}

#reviewModal .modal-content .score-wrapper .title {
    padding-right: 5px;
}

#reviewModal .modal-content .score-wrapper .score {
    padding-left: 5px;
}

#reviewModal .modal-content .score-wrapper .fa {
    color: #fdb913;
    font-size: 1.25rem;
    letter-spacing: -1px;
}

#reviewModal .modal-content .swiper-container {
    /*padding: 60px 0 0px;*/
}

#reviewModal .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0px;
}

#reviewModal .modal-content .panel-body {
    position: fixed;
    bottom: -100px;
    /*font-size: 12px;*/
    height: 100px;
    overflow-y: scroll;
    padding: 7px 15px;
    z-index: 10;
    background-color: rgba(0, 0, 0, .05);
    width: 100%;
}

#reviewModal .modal-content .review-desc {
    color: #fff;
    margin-bottom: 0;
    white-space: pre-line;
}

#reviewModal .swiper-pagination-bullet-active {
    background-color: #dc3545;
}

#sidemenu .login-out-wrapper .col-xs-6 .mycount {
    display: inline;
    color: #2f9d9c;
    font-size: 1.25rem;
    font-weight: var(--font-weight_bold);
    margin-bottom: 0;
}

.main-review-wrapper {
    /*    border-top: 2px solid #e8e8e8;
      padding-top: 17px;
    padding-bottom: 20px;
    margin: 15px 15px 0 15px;
    margin-top: 15px;*/
}

.main-review-wrapper .container {
    /*padding: 0;*/
}



.main-review-wrapper .review {
    /*width: 50%;*/
}

.main-review-wrapper .section-title-wrapper {
    padding: 16px 15px;
}

.main-review-wrapper .btn {
    margin-top: 20px;
}

.review-category-wrapper {
    position: relative;
    overflow: hidden;
}

    .review-category-wrapper .category-list.image {
        font-size: 0;
        overflow-x: auto;
        white-space: nowrap;
        padding-top: 5px;
    }

        .review-category-wrapper .category-list.image .all-view {
            position: absolute;
            top: 0;
            right: 0;
            width: 30px;
            height: 100%;
            color: #000;
            font-size: 1rem;
            border: 0;
            background-color: #fff;
            -webkit-box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.2);
            box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.2);
        }

            .review-category-wrapper .category-list.image .all-view .fa {
                color: #cb1516;
                font-size: 1.5rem;
            }

        .review-category-wrapper .category-list.image .category {
            display: inline-block;
            text-align: center;
            width: 20%;
            vertical-align: top;
        }

            .review-category-wrapper .category-list.image .category > a {
                display: block;
                color: #929292;
                font-size: 11px;
                font-weight: var(--font-weight_bold);
                /*margin: 0 1px;*/
                padding: 10px;
                border: 0;
                background-color: #fff;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }

    .review-category-wrapper .category-list.text {
        display: flex;
        flex-wrap: wrap;
        padding: 20px 12px;
    }

        .review-category-wrapper .category-list.text .category {
            padding-right: 16px;
        }

.review-category-wrapper .category-list.text .category > a {
    color: #929292;
    font-weight: var(--font-weight_bold);
    display: flex;
    align-items: center;
}

.review-category-wrapper .category-list.text .category > a img {
    display: none;
    padding-right: 4px;
}

.review-category-wrapper .category-list.image .active > a > .text {
    color: #222;
}

.review-category-wrapper .category-list.text .active > a {
    color: #222;
    font-weight: var(--font-weight_bold);
}

.review-category-wrapper .category-list.text .category.active .chk_on,
.review-category-wrapper .category-list.text .category .chk_off {
    display: block;
}

.review-category-wrapper .category-list.text .category .chk_on,
.review-category-wrapper .category-list.text .category.active .chk_off {
    display: none;
}

.review-list-container .pagination-wrapper {
    border-top: 0;
    text-align: center;
}

.review-list-wrapper {
    margin: -2.5px;
}

.review {
    /*width: calc(50% - 10px);*/
    margin-bottom: 10px;
}



    .review > .panel-heading {
        padding: 0;
    }

    .review > .panel-body {
        padding: 14px 0 4px;
    }

        .review > .panel-body .desc {
            color: #666;
            font-size: .6875rem;
            overflow: hidden;
            margin-bottom: 10px;
            white-space: pre-line;
        }

.review > .panel-body .prod-title {
    font-size: 0.8125rem;
    height: 57px;
    max-height: 48px;
    overflow: hidden;
    margin: 0 0 3px;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.2em;
}

.review > .panel-footer {
    border: 0;
    padding: 0;
    /*height: 42px;*/
    min-height: 55px;
}

.review > .panel-footer .byname {
    display: inline-block;
    padding-right: 12px;
}

.review > .panel-footer .score-wrapper div {
    display: flex;
    flex-direction: row;
    padding-top: 6px;
}

.review > .panel-footer .score-wrapper div p:last-child {
    color: #929292;
}



.review > .panel-footer .score-wrapper .score {
    position: absolute;
    top: 28px;
    right: 0;
    font-size: .75rem;
}


#reviewCategoryModal .modal-dialog {
    height: auto;
}

#reviewCategoryModal .modal-content {
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

#reviewCategoryModal .modal-body {
    height: auto;
    padding: 0;
    overflow: initial;
    background-color: #fff;
}

#reviewCategoryModal .category-list {
    display: flex;
    flex-wrap: wrap;
    padding: 1px 0 0 1px;
}

    #reviewCategoryModal .category-list > .category {
        width: 20.24%;
        text-align: center;
        margin-top: -1px;
        margin-left: -1px;
        border: 1px solid #e5e5e5;
    }

        #reviewCategoryModal .category-list > .category > a {
            display: block;
            color: #929292;
            font-size: 11px;
            font-weight: var(--font-weight_basic);
            padding: 10px;
            background-color: #fff;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        #reviewCategoryModal .category-list > .category img {
            display: block;
            width: 50%;
            margin: 0 auto 5px;
        }

#reviewCategoryModal .modal-footer {
    position: relative;
    height: auto;
    padding: 0;
    margin-top: -1px;
    line-height: 1;
}

    #reviewCategoryModal .modal-footer > button {
        border: 0;
        background-color: #fff;
        box-shadow: 0 3px 9px rgba(0,0,0,5%);
    }

        #reviewCategoryModal .modal-footer > button .fa {
            color: #cb1516;
            font-size: 1.5rem;
        }

.pagination > li > a:focus,
.pagination > li > a:hover {
    background-color: transparent;
    color: #b8b8b8;
}

.pagination > li > a {
    color: #b8b8b8;
    border: 0;
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
}

.pagination > li.active > a {
    color: #fff;
    background-color: #222;
    border-radius: 10px;
}

.pagination .fa {
    position: relative;
    top: -2px;
    font-size: 1.25rem;
}

.review-detail-wrapper {
    margin: 0 15px;
}

.review-detail-wrapper .panel {
    border: 0;
    padding-bottom: 20px;
}

.review-detail-wrapper .panel-heading,
.review-detail-wrapper .panel-body {
    padding-left: 0;
    padding-right: 0;
}

.review-detail-wrapper .score-wrapper .fa {
    color: #ffc833;
    font-size: 1.75rem;
}

/*.review-detail-wrapper .panel-heading {
    padding: 40px 0;
}*/

.review-detail-wrapper .panel-heading .title {
    font-size: 14px;
    font-weight: var(--font-weight_bold);
    margin: 14px 0 10px;
}

.review-detail-wrapper .panel-heading .option {
    color: #929292;
    font-size: 0.75rem;
    margin-bottom: 16px;
}



.review-detail-wrapper .panel-heading .btn > .fontello {
    font-size: 10px;
}

.review-detail-wrapper .panel-heading .btn:focus {
    border-color: #999;
    background-color: #999;
}

.review-detail-wrapper .panel-body {
padding-bottom: 10px;
}

.review-detail-wrapper .media-left {
padding-left: 15px;
vertical-align: middle;
}

.review-detail-wrapper .media-left .img-circle {
    color: #fff;
    font-size: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #666;
}

.review-detail-wrapper .panel-footer {
    border-top: 0;
    padding: 0;
}

.review-detail-wrapper .panel-footer > .media > .media-left .img-circle {
    background-color: #ffae00;
}

.review-detail-wrapper .media {
    position: relative;
}

.review-detail-wrapper .media-list .media {
    position: relative;
    padding: 0;
    margin-top: 0;
    /*border-bottom: 1px solid #e8e8e8;*/
}
.review-detail-wrapper .media-list .media:last-child{
    border-bottom:0;
}
.review-detail-wrapper .media-list .media{
    border-top: 1px solid #e8e8e8;
}

.review-detail-wrapper .media-body {
    font-size: 11px;
    padding: 15px 12px;
}

.review-detail-wrapper .media-body .contents {
    white-space: pre-line;
    border-radius: 4px;
    font-size: 0.75rem;
}

.review-detail-wrapper .media-body .review_info {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 15px;
}

.review-detail-wrapper .media-body .review_info .name {
    font-weight: var(--font-weight_bold);
    font-size:0.75rem;
}

.review-detail-wrapper .media-body .review_info .name_first {
    padding: 6px 7px;
    background-color: #ffca27;
    color: #fff;
    border-radius: 50%;
    font-weight: var(--font-weight_bold);
    margin-right: 4px;
}

.review-detail-wrapper .media-list.reply-list .review_info .name_first {
    background-color: #b8b8b8;
}

.review-detail-wrapper .media-list .media > .media-body .contents:after {
    left: 52px;
    border-color: rgba(221, 221, 221, .3) transparent transparent transparent;
}

.review-detail-wrapper .prod-info {
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px;
    border-top: 1px solid #e8e8e8;
    position:relative;
    display: flex;
    align-items: center;
}

.review-detail-wrapper .prod-info > .panel-heading {
   display: inline-block;
   padding: 0;
}

.review-detail-wrapper .prod-info > .panel-heading > img {
    width: 60px;
    height: 60px;
}

.review-detail-wrapper .prod-info > .panel-body {
    display: inline-block;
    padding: 0 0 0 18px;
}

.review-detail-wrapper .prod-info > .panel-body > .title {
    font-size: 0.75rem;
    /*font-weight: 600;*/
    margin: 0 0 5px;
}

.review-detail-wrapper .prod-info > .panel-body > .option {
    color: #666;
    font-size: 12px;
    margin-bottom: 5px;
}

.review-detail-wrapper .prod-info > .panel-body > .price {
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
    margin-bottom: 0;
}

.review-detail-wrapper .prod-info > .panel-footer {
    padding: 0;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.review-detail-wrapper .panel-footer.item_detail {
    text-align: center;
    padding-top: 0;
    padding-bottom: 40px;
    padding-top: 20px;
    border-top: 1px solid #e8e8e8;
}
.review-detail-wrapper .prod-info > .panel-footer > .btn {
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    min-width: 150px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-top: 10px;
    border-radius: 18px;
    border-color: #ffca27;
    background-color: #ffca27;
}

.review-detail-wrapper .prod-info > .panel-footer > .btn > .fontello {
    font-size: 10px;
}

.review-detail-wrapper .media-body .date {
    color: #929292;
    font-size: 0.75rem;
    padding: 5px 0;
    margin-left: 8px;
}

.review-detail-wrapper .input-wrapper {
   /* position: fixed;
    left: 0;
    right: 0;
    bottom: 0;*/
    z-index: 1000;
    font-size: 0;
    height: 60px;
    display: flex;
    align-items: center;
    background-color: #f6f6f6;
}

.review-detail-wrapper .input-wrapper .form-control {
    display: inline-block;
    font-size: .75rem;
    resize: none;
    box-shadow: none;
}

.review-detail-wrapper .input-wrapper .btn {
    color: #fff;
    font-size: 0.75rem;
    width: 94px;
    height: 38px;
    line-height: 40px;
    padding: 0;
    background-color: #666;
    margin-right: 6px;
}
.swiper-button-next {
    right: 0;
    border-radius: 50% 0 0 50%;
}

.swiper-button-prev {
    left: 0;
    border-radius: 0 50% 50% 0;
}

    .swiper-button-next .fontello,
    .swiper-button-prev .fontello {
        color: #fff;
        font-size: 1.375rem;
        line-height: 44px;
    }

.my-wrapper.index {
    background-color: #fff;
    padding: 0 15px;
}

.my-wrapper .user-info-wrapper {
    padding: 0 10px;
}

.my-wrapper.index .myinfo {
    display: flex;
    flex-direction: row;
}

    .my-wrapper.index .myinfo img {
        margin-right: 4px;
    }

    .my-wrapper.index .myinfo .mypoint img {
        width: 16px;
    }

    .my-wrapper.index .myinfo .mycoupon img {
        width: 19px;
    }

    .my-wrapper.index .myinfo i {
        font-size: 20px;
        padding-left: 7px;
        font-weight: var(--font-weight_bold);
    }

    .my-wrapper.index .myinfo > div {
        font-weight: var(--font-weight_bold);
        width: 50%;
        padding: 10px;
    }

    .my-wrapper.index .myinfo .point_num,
    .my-wrapper.index .myinfo .coupon_num {
        font-size: 16px;
        font-weight: var(--font-weight_bold);
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .my-wrapper.index .myinfo:first-child div:last-child a {
        display: flex;
        align-items: center;
        float: right;
        white-space: nowrap;
    }

    .my-wrapper.index .myinfo:last-child span:first-child {
        color: #929292;
        font-size: 11px;
    }

    .my-wrapper.index .myinfo:last-child {
        line-height: 2;
    }

        .my-wrapper.index .myinfo:last-child > div {
            display: flex;
            flex-direction: column;
        }

    .my-wrapper.index .myinfo .my-name {
        font-size: 14px;
    }

    .my-wrapper.index .myinfo .myclass {
        background-color: #222;
        color: #fff;
        padding: 4px 6px;
        border-radius: 6px;
        font-size: 10px !important;
    }

.my-wrapper.index > .menu-wrapper > a {
    position: relative;
    display: flex;
    align-items: center;
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    padding: 0 26px;
    width: calc(50% - 1px);
    height: 50px;
    background-color: #fff;
}

    .my-wrapper.index > .menu-wrapper > a:nth-child(2n) {
        margin-bottom: 1px;
    }

    .my-wrapper.index > .menu-wrapper > a:nth-child(2n+1) {
        margin: 0 1px 1px 0;
    }

    .my-wrapper.index > .menu-wrapper > a > .count {
        color: #f2b826;
        font-size: 1rem;
        font-weight: var(--font-weight_bold);
        margin-left: 5px;
    }

    .my-wrapper.index > .menu-wrapper > a > .fa {
        position: absolute;
        top: 15px;
        right: 20px;
        color: #999;
        font-size: 1.25rem;
    }

.my-wrapper.index > .reward-wrapper {
    background-color: #f8f8f8;
    border-top: 1px solid #e8e8e8;
    margin-bottom: 30px;
}

    .my-wrapper.index > .reward-wrapper .my-info-detail {
        padding-top: 30px;
    }

    .my-wrapper.index > .reward-wrapper label {
        color: #727272;
        font-size: 11px;
        padding: 0 10px;
    }

.my-wrapper.index .my-info-detail a {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    color: #222;
    padding: 0 10px;
    height: 44px;
    line-height: 1;
    border-left: 0;
    border-right: 0;
    border-color: #e8e8e8;
    white-space: nowrap;
}

    .my-wrapper.index .my-info-detail a img {
        width: 20px;
        margin-right: 8px;
    }

    .my-wrapper.index .my-info-detail a .reward {
        padding-right: 10px;
        font-weight: var(--font-weight_bold);
    }

        .my-wrapper.index .my-info-detail a .reward .desc {
            color: #929292;
        }

    .my-wrapper.index .my-info-detail a .mycount {
        display: flex;
        align-items: center;
    }

.my-wrapper.index .my-info-detail .fa {
    color: #b8b8b8;
    font-size: 14px;
    font-weight: var(--font-weight_bold);
}

.my-wrapper.index > .reward-wrapper > .list-group-item {
    position: relative;
    display: flex;
    align-items: center;
    font-size: .875rem;
    padding: 0 15px;
    height: 50px;
    line-height: 1;
}

    .my-wrapper.index > .reward-wrapper > .list-group-item > .text {
        font-weight: var(--font-weight_bold);
    }

    .my-wrapper.index > .reward-wrapper > .list-group-item > .reward {
        position: absolute;
        top: 15px;
        right: 50px;
    }

        .my-wrapper.index > .reward-wrapper > .list-group-item > .reward > .desc {
            color: #666;
            font-weight: var(--font-weight_bold);
            margin-right: 10px;
        }

        .my-wrapper.index > .reward-wrapper > .list-group-item > .reward > .count {
            color: #f2b826;
            font-size: 1rem;
            font-weight: var(--font-weight_bold);
        }

        .my-wrapper.index > .reward-wrapper > .list-group-item > .reward > .unit {
            font-weight: var(--font-weight_bold);
        }

    .my-wrapper.index > .reward-wrapper > .list-group-item > .fa {
        position: absolute;
        top: 13px;
        right: 15px;
        color: #999;
        font-size: 1.25rem;
    }

.my-wrapper.index > .btn-wrapper {
    display: flex;
    padding-bottom: 20px;
}

    .my-wrapper.index > .btn-wrapper > .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: .875rem;
        width: 33%;
        padding: 0;
        height: 50px;
    }

        .my-wrapper.index > .btn-wrapper > .btn:nth-child(3n+2) {
            border-color: #ddd;
            border-width: 0 1px;
        }

        .my-wrapper.index > .btn-wrapper > .btn > .fa {
            font-size: 1.25rem;
            margin-left: 5px;
        }

.my-wrapper.baljusms .baljusms-logo {
    text-align: center;
}

    .my-wrapper.baljusms .baljusms-logo img {
        width: 120px;
    }

.my-wrapper.baljusms {
    padding: 15px;
}

    .my-wrapper.baljusms .section-title-wrapper {
        padding: 20px 0 15px;
    }

        .my-wrapper.baljusms .section-title-wrapper h4 {
            font-weight: var(--font-weight_bold);
        }

        .my-wrapper.baljusms .section-title-wrapper p {
            font-size: 14px;
        }

    .my-wrapper.baljusms .section-desc-title {
        padding: 10px;
    }

        .my-wrapper.baljusms .section-desc-title h3 {
            padding: 10px 0;
            margin: 0;
            border-bottom: 1px solid #e5e5e5;
            font-size: 20px;
            font-weight: var(--font-weight_bold);
            color: #484848;
        }

        .my-wrapper.baljusms .section-desc-title p {
            font-size: 13px;
            color: #727272;
            margin: 0;
            padding: 4px 0;
        }

            .my-wrapper.baljusms .section-desc-title p:nth-child(2) {
                margin-bottom: 0;
                margin-top: 10px;
            }

    .my-wrapper.baljusms .pop_cnt table {
        width: 100%;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        font-size: 13px;
        margin-bottom: 20px;
    }

    .my-wrapper.baljusms .pop_cnt .tb_basic th {
        background-color: #f1f2f3;
        font-weight: var(--font-weight_bold);
        word-break: keep-all;
        padding: 9px 3px;
        border-right: solid 1px #e5e5e5;
        text-align: center;
    }

        .my-wrapper.baljusms .pop_cnt .tb_basic th:last-child {
            border-right: 0;
        }

    .my-wrapper.baljusms .pop_cnt .tb_basic td {
        padding: 7px 3px;
        border-right: solid 1px #e5e5e5;
        border-bottom: solid 1px #e9e9e9;
        text-align: center;
    }

        .my-wrapper.baljusms .pop_cnt .tb_basic td:last-child {
            border-right: 0;
        }

.swiper-button-next, .swiper-button-prev {
    width: 40px;
    text-align: center;
    background-color: rgba(0, 0, 0, .3);
    background-image: none;
}

.swiper-button-next .fa,
.swiper-button-prev .fa {
    color: #fff;
    font-size: 2.375rem;
}

#reviewWriteModal .modal-body .review-point-text {
    text-align: center;
}

#reviewWriteModal .modal-body .review-point-text .review-point-color {
    font-weight: var(--font-weight_bold);
    color: #ffc833;
}

#reviewWriteModal .modal-dialog {
    height: 100%;
}



#reviewWriteModal .modal-footer {
    border-top: 0;
    display: flex;
    padding: 15px 15px;
}

#reviewWriteModal .modal-body {
    padding: 20px 15px;
}

#reviewWriteModal .modal-footer button {
    width: 50%;
    margin-top: 0;
    margin-left: 4px;
}

.hashtag-banner-wrapper,
.prod-banner-wrapper {
    background-color: #fff;
}

    .hashtag-banner-wrapper > .banner-wrapper,
    .prod-banner-wrapper > .banner-wrapper {
        display: flex;
    }

        .hashtag-banner-wrapper > .banner-wrapper:nth-child(1) {
            height: 86px;
            line-height: 86px;
            align-items: center;
        }


        .hashtag-banner-wrapper > .banner-wrapper:nth-child(2) {
            height: 70px;
            line-height: 70px;
        }

        .prod-banner-wrapper > .banner-wrapper > a:nth-child(1) {
            padding: 0 2px 4px 4px;
        }

        .prod-banner-wrapper > .banner-wrapper > a:nth-child(2) {
            padding: 0 4px 4px 2px;
        }

.prod-event-banner-wrapper {
    padding: 30px 0;
    background-color: #fff;
}

    .prod-event-banner-wrapper > .banner-wrapper > a {
        display: block;
        margin-bottom: 2px;
    }

.modal-dialog.confirm > .modal-content > .modal-footer > .btn-review-default {
    color: #343a40;
    border-color: #343a40;
    background-color: #fff;
}

.category-view-wrapper .nav-tabs > li > a > img {
    display: block;
    margin: 0 auto 9px;
}

.game-event-list > .event .prod-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}

    .game-event-list > .event .prod-overlay > .title {
        color: #fff;
        font-size: 1.45rem;
        font-weight: var(--font-weight_bold);
        text-align: center;
        margin-top: calc(21% - 20px)
    }

#blockAllLayer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999999;
    zoom: 1
}

#putin_basket:hover {
    outline: none;
}

#prodDetail .panel-body.notice {
    padding: 15px 0;
}

#prodDetail .panel-body.notice .title {
    font-weight: var(--font-weight_bold);
    padding-bottom: 5px;
}

#prodDetail .panel-body.notice .desc {
    color: #929292;
}

#prodDetail .panel-body.notice .desc_b {
    padding: 10px 0;
}

#collapseNotice .table {
    border-top: 1px solid #e8e8e8;
}

#collapseNotice .table tr {
    display: flex;
}

#collapseNotice .table th,
#collapseNotice .table td {
    padding: 12px 15px;
    border-bottom: 1px solid #e8e8e8;
}

#collapseNotice .table th {
    width: 45%;
    background-color: #f8f8f8;
    color: #929292;
    word-break: break-all;
}

#collapseNotice .table td {
    width: 55%;
   word-break: break-all;
}

.modal .banner_list .modal-content {
    position: relative;
    top: 0;
    left: 0;
    padding: 0 20px 20px;
    background-color: rgba(0,0,0,0.9);
}

    .modal .banner_list .modal-content .modal-header {
        position: relative;
        text-align: center;
        background-color: transparent;
        border-bottom: 0;
    }

        .modal .banner_list .modal-content .modal-header .close {
            font-size: 36px;
            font-weight: var(--font-weight_basic);
            color: #fff;
            float: inherit;
        }

#couponUseModal .modal-backdrop, #noOAuthModal1 .modal-backdrop, #viewDeliveryStatusModal .modal-backdrop {
    height: 100% !important;
}

#couponUseModal .coupon_list {
    min-height: calc(100% - 80px);
}



#myFullsizeModal .modal-dialog:not(.confirm) > .modal-content {
    min-height: 100%;
    /*height: auto;*/
}
/*회원등급*/
.section-title.myclass {
    margin: 30px 10px 15px;
}

.benefit_group {
    border-top: 1px solid #c2c2c2;
    padding: 10px;
}

    .benefit_group p {
        margin: 0;
        line-height: 1.5;
    }

.benefit_group_heading {
    padding-top: 10px;
}

    .benefit_group_heading p {
        color: #555;
        font-size: 13px;
    }
    .benefit_group_heading .class_member {
        margin: 15px 0;
    }
        .benefit_group_heading .class_member ul li {
            display: inline-block;
            font-size: 12px;
            color: #727272;
        }

            .benefit_group_heading .class_member ul li:last-child {
                float: right;
            }

 
        .benefit_group_heading .class_member .progress {
            margin: 6px 0;
            height: 20px;
        }

            .benefit_group_heading .class_member .progress .progress-bar {
                line-height: 16px;
                font-size: 0;
            }

            .benefit_group_heading .class_member .progress .my_price span {
                position: relative;
                bottom: 2px;
                margin-left: -50px;
                color: #fff;
                font-size: 0.75rem;
            }

        .benefit_group_heading .class_member .next_class_price {
            text-align: right;
            color: #727272;
            font-size: 12px;
        }

.benefit_group_body {
    margin-top: 20px;
}

    .benefit_group_body .class_option {
        padding-top: 10px;
    }

        .benefit_group_body .class_option b {
            padding: 10px;
            letter-spacing: -1px;
        }

        .benefit_group_body .class_option ul {
            background-color: #f5f5f5;
            padding: 5px 0 5px 25px;
            margin: 10px 0;
            font-size: 12px;
        }

        .benefit_group_body .class_option li {
            padding: 10px 0;
        }

.myclass_footer {
    border-top: 1px solid #c2c2c2;
    padding: 15px 5px;
}

    .myclass_footer p {
        font-size: 11px;
        color: #a5a5a5;
        margin: 0;
        line-height: 1.9;
    }

.membericon {
    width: 20px;
    margin-right: 8px;
}

.Myclass_member {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    color: #222;
    padding: 0 10px !important;
    height: 44px;
    line-height: 1;
    border-top: 1px solid #e8e8e8 !important;
}

.Myclass_member {
    padding: 0;
    border: 0;
}

.memberline .text .count {
    color: #222222;
}

.membermodal .modal-body {
    padding: 0;
    margin-top: 58px;
}

.membermodal .benefit_group {
    border-top: 0;
}

.member_header {
    display: flex !important;
    align-items: center !important;
}

.myclass {
    margin: 0 auto !important;
}

.member_footer > button {
    width: 100% !important;
}


.prod > .panel-heading > video {
    width: 100%;
    display: block;
    /*border-radius:10px;*/
}

.membermodal2 {
    /*height: auto !important;*/
    padding:15px;
}

.modal-dialog > .membermodal2 .container {
    /*height:100%;*/
}
/*리뉴얼 샵 수정*/
/*리뉴얼 정렬*/
.position-fixed {
    position: fixed;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-absolute-center {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}

.flex-order1 {
    order: 1;
}

.flex-order2 {
    order: 2;
    text-align: center;
}

.flex-order3 {
    order: 3;
    text-align: right;
}

.align_items_center {
    align-items: center;
}

.align_items_baseline {
    align-items: baseline;
}

.align_items_end {
    align-items: end !important;
}

.flex_wrap_wrap {
    flex-wrap: wrap;
}

.justify-content-between {
    justify-content: space-between;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-basis-100 {
    flex-basis: 100% !important;
}

.flex-column {
    flex-direction: column;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: end;
}

.justify-content-start {
    justify-content: flex-start;
}

.d_flex {
    display: flex;
}

.d-flex {
    display: flex;
}

.d_block {
    display: block;
}

.d_inline_block {
    display: inline-block;
}

.d_inline {
    display: inline;
}

.flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.flex_direction_column {
    flex-direction: column !important;
}

.justify_content_space_between {
    justify-content: space-between;
}

.justify_content_center {
    justify-content: center;
}

.arrayline {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.arrayline2 {
    display: flex;
    flex-direction: column;
}

.arrayline3 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.arrayline4 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.arrayline5 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.arrayline6 {
    display: flex;
    flex-direction: row;
    align-items: end;
}

.arrayline7 {
    display: flex;
    flex-direction: row;
}

.arrayline8 {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.arrayline9 {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
}

.arrayline10 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.arrayline11 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 48px;
    border: 1px solid;
}

.arrayline12 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrayline13 {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.arrayline14 {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.arrayline15 {
    margin-left: auto;
}

.arrayline16 {
    margin-right: auto;
}

.letter-spacing-1 {
    letter-spacing: -1px;
}

.rounded-12 {
    border-radius: 12px;
}

.bottom-0 {
    bottom: 0;
}

/*리뉴얼 여백*/
.px-6 {
    padding: 0 6px;
}
.px-12 {
    padding: 0 12px;
}
.px-15 {
    padding: 0 15px;
}
.px-20 {
    padding: 0 20px;
}
.py-8 {
    padding: 8px 0;
}
.py-12 {
    padding: 12px 0;
}
.py-15 {
    padding: 15px 0;
}
.m-0 {
    margin: 0 !important;
}
.p-0 {
    padding: 0 !important;
}
.p-16 {
    padding: 16px;
}
.p-20 {
    padding: 20px;
}
.pl-0 {
    padding-left: 0;
}
.mx-2 {
    margin: 0 2px !important;
}
.mx-16 {
    margin: 0 16px !important;
}
.my-15 {
    margin: 15px 0 !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.mr-2 {
    margin-right: 2px;
}
.mr-4 {
    margin-right: 4px;
}

.mr-6 {
    margin-right: 6px;
}

.mr-8 {
    margin-right: 8px;
}

.mr-10 {
    margin-right: 10px;
}
.mr-16 {
    margin-right: 16px;
}
.mr-20 {
    margin-right: 20px;
}
.ml-auto {
    margin-left: auto;
}

.ml-4 {
    margin-left: 4px;
}

.ml-8 {
    margin-left: 8px;
}

.ml-12 {
    margin-left: 12px;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-24 {
    margin-left: 24px;
}

.mb-2 {
    margin-bottom: 2px !important;
}
.mb-4 {
    margin-bottom: 4px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mt-auto {
    margin-top: auto;
}

.mt-4 {
    margin-top: 4px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-12 {
    margin-top: 12px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-60 {
    margin-top: 60px !important;
}

.pt-8 {
    padding-top: 8px;
}

.null_gap1 {
    padding: 0 !important;
}

.gap_1m {
    margin-left: 24px !important;
}

.gap_2m {
    margin: 0 10px;
}

.gap_3m {
    margin: 0 7px;
}

.gap_4m {
    margin-left: 14px;
}

.gap_5m {
    margin: 24px;
}

.gap_6m {
    margin-bottom: 16px;
}

.gap_7m {
    margin-top: 16px;
}

.gap_8m {
    margin-top: 10px;
}

.gap_9m {
    margin-top: 20px;
}

.gap_10m {
    margin-left: 16px;
}

.gap_11m {
    margin-left: 40px;
}

.gap_12m {
    margin-left: 8px;
}

.gap_13m {
    margin-left: 4px;
}

.gap_14m {
    margin-right: 4px;
}

.gap_15m {
    margin-top: 26px;
}

.gap_16m {
    margin-right: 24px;
}

.gap_17m {
    margin: 2px 2px;
}

.gap_18m {
    margin-top: 13px;
}

.gap_19m {
    margin-top: 8px;
}

.gap_20m {
    margin-top: 4px;
}

.gap_21m {
    margin-bottom: 8px;
}

.gap_22m {
    margin-bottom: 6px;
}

.gap_23m {
    margin-top: 32px;
}

.gap_24m {
    margin-left: 6px;
}

.gap_25m {
    margin: 0px 15px;
}

.gap_26m {
    margin: 0px -15px;
}

.gap_27m {
    margin: 0px -30px;
}

.gap_28m {
    margin: 0px;
}

.gap_29m {
    margin-bottom: 32px !important;
}

.gap_30m {
    margin-bottom: 64px;
}

.gap_31m {
    margin-bottom: 35px;
}

.gap_32m {
    margin-bottom: 25px;
}

.gap_2p {
    padding: 16px;
}

.gap_3p {
    padding-top: 16px !important;
}

.gap_4p {
    padding-top: 23px;
}

.gap_5p {
    padding-bottom: 16px !important;
}

.gap_6p {
    padding-bottom: 11px;
}

.gap_7p {
    padding-top: 7px !important;
}

.gap_8p {
    padding-left: 16px;
}

.gap_9p {
    padding-top: 20px !important;
}

.gap_10p {
    padding-top: 32px;
}

.gap_11p {
    padding-bottom: 20px !important;
}

.gap_12p {
    padding-bottom: 32px !important;
}

.gap_13p {
    padding-bottom: 30px;
}

.gap_14p {
    padding-top: 52px !important;
}

.gap_15p {
    padding: 0 16px;
}

.gap_16p {
    padding: 8px 16px;
}

.gap_17p {
    padding-left: 4px;
}

.gap_18p {
    padding: 0 10px;
}

.gap_19p {
    padding: 0 1px;
}

.gap_20p {
    padding: 10px;
}

.gap_22p {
    padding: 0px 15px;
}

.gap_23p {
    padding-bottom: 32px;
}
/*//리뉴얼 여백*/

/*리뉴얼 인풋 셀렉트*/
.basic_input {
    line-height: 30px;
    color: #424242;
    font-size: 12px;
    border: 1px solid #d7d6d6;
    border-radius: 4px;
    outline: none;
    padding: 0 8px !important;
    background: #fff;
}

.basic_select {
    background: #fff;
    border: 1px solid #d7d6d6;
    color: #424242;
    outline: none;
    border-radius: 4px;
    padding: 0 8px;
    font-size: 12px;
}

.bs_1 {
    width: 280px;
    height: 30px;
}

.bs_2 {
    width: 480px;
    height: 30px;
}

.bs_3 {
    width: 160px;
    height: 30px;
}

.bs_4 {
    width: 240px;
    height: 30px;
}

.bs_5 {
    width: 450px;
    height: 30px;
}

.bs_6 {
    width: 180px;
    height: 30px;
}

.bs_7 {
    width: 380px;
    height: 30px;
}

.bs_8 {
    width: 250px;
    height: 30px;
}

.bs_9 {
    width: 120px;
    height: 30px;
}

.bs_10 {
    width: 168px;
    height: 30px;
}

.bs_11 {
    width: 1100px;
    height: 30px;
}

.bs_12 {
    width: 80px;
    height: 30px;
}

.bs_13 {
    width: 220px;
    height: 30px;
}

.bs_14 {
    width: 1500px;
    height: 30px;
}

.bs_15 {
    width: 320px;
    height: 30px;
}

.bs_16 {
    width: 200px;
    height: 30px;
}

.bs_17 {
    width: 360px;
    height: 30px;
}

.bs_18 {
    width: 340px;
    height: 30px;
}

.bs_19 {
    width: 260px;
    height: 30px;
}

.bs_20 {
    width: 270px;
    height: 30px;
}

.bs_21 {
    width: 64px;
    height: 30px;
}

.bs_22 {
    width: 440px;
    height: 30px;
}

.bs_23 {
    width: 65px;
    height: 30px;
}

.bs_24 {
    width: 110px;
    height: 30px
}

.bs_25 {
    width: 140px;
    height: 30px;
}

.bs_26 {
    width: 100px;
    height: 30px;
}

.bs_27 {
    width: 56px;
    height: 30px;
}

.bs_28 {
    width: 154px;
    height: 30px;
}

.bs_29 {
    width: 60px;
    height: 30px;
}

.bs_30 {
    width: 40px;
    height: 30px;
}

.bs_31 {
    width: 500px;
    height: 30px;
}

.bs_32 {
    width: 1200px;
    height: 30px;
}

.bs_33 {
    width: 300px;
    height: 30px;
}

.bs_34 {
    width: 1180px;
    height: 30px;
}

.bs_35 {
    width: 92px;
    height: 30px;
}

.bs_36 {
    width: 114px;
    height: 30px;
}

.bs_37 {
    width: 400px;
    height: 30px;
}

.bs_38 {
    width: 411px;
    height: 30px;
}

.bs_39 {
    width: 600px;
    height: 30px;
}

.bs_40 {
    width: 50px;
    height: 30px;
}

.bs_41 {
    width: 190px;
    height: 30px;
}

.inputstyle1 {
    margin: 0 4px 1px 17px !important;
}

.inputstyle2 {
    margin-left: 0 !important;
}
/*//리뉴얼 인풋 셀렉트*/

/*리뉴얼 기타*/
.cursor_pointer {
    cursor: pointer;
}

.text1 {
    text-align: center;
}

.text2 {
    text-align: right;
}

.text3 {
    text-align: left;
}

.text-normal {
    font-style: normal;
}

.font_w {
    font-weight: var(--font-weight_bold);
}

.font_w_500 {
    font-weight: var(--font-weight_basic);
}
.line-h-initial{
    line-height:initial !important;
}
.line-h-inherit {
    line-height:inherit !important;
}
.text-overflow {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}
/*//리뉴얼 기타*/

/*리뉴얼 border*/
.list_null {
    border-bottom: none;
}

.list_null2 {
    border-right: none !important;
}

.td_border1 {
    border-top: 1px solid #e8e8e8;
}

.td_border2 {
    border-bottom: 1px solid #e8e8e8;
}

.td_border3 {
    border-top: 1px solid #dddddd;
}

.td_border4 {
    border-bottom: 1px solid #ddd;
}

.basic_border {
    border: 1px solid;
}

.border-bottom {
    border-bottom: 1px solid;
}
/*//리뉴얼 border*/



.menu_wrapperleft,
.menu_wrappercenter {
    height: 60px;
    padding: 0 10px;
    display: flex;
    align-items: center;
}

.logo_wrapper img {
    width: 150px;
}

.menu_wrappercenter .menu_icon img,
.menu_wrappercenter .mypage_icon img,
.menu_wrappercenter .search_icon img,
.menu_wrappercenter .basket_icon img,
.menu_wrappercenter .delivery_icon img,
.menu_wrappercenter .share_icon img,
.menu_wrapperleft .menu_icon img,
.menu_wrapperleft .mypage_icon img,
.menu_wrapperleft .search_icon img,
.menu_wrapperleft .basket_icon img,
.menu_wrapperleft .delivery_icon img,
.menu_wrapperleft .share_icon img {
    width: 32px;
}

.menu_wrappercenter .logo_wrapper {
    margin: 0 auto;
}

.menu_wrappercenter .lefttype {
    /*width: 30%;*/
    width: 19%;
    display: flex;
    z-index: 9;
}
.menu_wrappercenter .lefttype a + a {
    margin-left: 4px;
}

.menu_wrappercenter .righttype {
    /*width: 30%;*/
    width: 19%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 9;
}

.menu_wrappercenter .righttype a + a {
    margin-left: 4px;
}

.menu_wrapperleft .logo_wrapper {
    margin-left: 5px;
}

.main-review-wrapper .panel-body {
    padding: 12px 0 0 0;
}


#reviewCarousel .section-title-wrapper {
    padding: 15px 15px;
}

/*배너 */
.bigBannerCarousel_olcasebottom {
    /*margin-top: 4px;*/
    bottom: 0 !important;
    margin-top: 0;
}

.bigBannerCarousel_olcasein {
    bottom: 0px !important;
    margin-bottom: 4px;
}

/*.bbc_pagination {
    bottom: 0 !important;
    width: auto;
    padding: 4px 10px 3px 1px;
}*/

.slidetype4 {
    position: absolute;
    top: 0;
    right: 0;
    /*width: 66px;*/
    height: 25px;
    z-index: 9;
    /*padding: 0px 20px 0 10px;*/
    background-color: #333;
    color: #fff;
    font-size: 9px;
}

.slidetype4 .swiper-pagination {
    display: inline;
    padding: 0 6px 0 9px;
    bottom: -2px !important;
    /*width: 44px;*/
}
.slidetype4 .swiper-pagination .swiper-pagination-current, 
.slidetype4 .swiper-pagination .swiper-pagination-total {
    /*width: 10px;*/
    font-size: 0.6875rem;
}

/*.slidetype4 .swiper-pagination .swiper-pagination-current {
    text-align: left;
}

.slidetype4 .swiper-pagination .swiper-pagination-total {
    text-align: right;
}*/

.slidetype4box > div > span {
    border-top: 1px solid #fff;
    width: 10px;
    margin-top: 2px;
}

.slidetype4box > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1px;
}

.arrowimgbox {
  /*  position: absolute;
    top: 0;
    right: 0;*/
    display: inline-block;
    width: 22px;
    height: 25px;
    line-height: 23px;
    text-align: center;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
    background-color: #000;
}

    .arrowimgbox img {
        width: 10px;
        height: 10px;
    }

/*.bbc_pagination .swiper-pagination-current,
.bbc_pagination .swiper-pagination-total {
    font-size: 0.6875rem
}*/

/*배너 클*/
.footer-info-wrapper .kakao_imgsize,
.footer-info-wrapper .inshop_imgsize {
    width: 100%;
}

.counsel-wrapper .customerinfo_call {
    padding-bottom: 12px;
    font-size: 0.875rem;
    font-weight: var(--font-weight_bold);
}

/*.customerinfo {
    line-height: 20px;
}*/

.footer-info-wrapper .kakao_wrapper,
.footer-info-wrapper .inshop_wrapper {
    padding: 0 !important;
}

.footer-info-wrapper .bankaccountinfo {
    margin-top: 12px;
}

.footer-info-wrapper .bankaccountinfo li {
    line-height: 20px;
}

.footer-info-wrapper .bankaccount {
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
}

.body_panel .summary {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #727272;
}

.body_panel .default-benefit > p,
.sliding4 .benefit .pay_coupon {
    border: 1px solid #929292;
    border-radius: 4px;
    padding: 3px;
    margin-top: 4px;
    background: #fff;
    color: #929292;
    font-weight: var(--font-weight_bold);
    letter-spacing: -0.2px;
    max-height: 21px;
}

.body_panel .benefit,
.sliding4 .benefit {
    height: 25px;
}
.benefit.custom-benefit{
    height:21px;
}
.fixtype3 .body_panel .benefit {
    width: 100%;
}
.col-xs-4 .custom-benefit p,
.col-xs-12 .custom-benefit p,
.col-xs-6 .custom-benefit p,
.swiper-wrapper .custom-benefit p {
    border-radius: 4px;
    padding: 3px;
    font-weight: var(--font-weight_bold);
    letter-spacing: -0.2px;
    border: 1px solid;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 21px;
}


.footer_panel.default-footerpanel .orderCount {
    color: #727272;
    min-height: 14px;
    letter-spacing: -0.2px;
    display: flex;
}

.footer_panel .avgstar i {
    margin-left: 1px;
    color: #ffc833;
    margin-top: 4px;
    
}
.avgstar span {
    margin-left: 4px;
}

.footer_panel .avgstarnum i {
    color: #ffc833;
}

.footer_panel .avgstar i:last-child {
    margin-right: 2px;
}

.footer_panel .avgstarnum i:last-child {
    margin-right: 2px;
}

.footer_panel .avgstar {
    color: #727272;
    font-weight: var(--font-weight_bold);
    min-height: 14px;
    display: flex;
    align-items: baseline;
    letter-spacing: -0.2px;
}

.footer_panel .avgstar .none,
.orderinfor .avgstarnum .none{
    color: #e8e8e8;
}

.wrapper_prod .body_panel .summary_fix2 {
    color: #727272;
}

.fixtype1row .panel-heading img {
    min-width: 150px;
    height: 150px;
}

.h5style {
    color: blue;
    font-weight: var(--font-weight_bold);
}

.wrapper_moall,
.detail_wrap_moall {
    overflow-x: hidden;
}

.slidetype1 {
    width: 100% !important;
}

.fixtype2 .col-xs-6:nth-child(2n-1),
.fixtype2col .col-xs-6:nth-child(2n-1) {
    padding-left: 15px;
}

.fixtype2 .col-xs-6:nth-child(2n),
.fixtype2col .col-xs-6:nth-child(2n) {
    padding-right: 15px;
}

.fixtype3 .col-xs-4 {
    padding: 0 4px;
}

.fixtype3col .col-xs-4 {
    padding: 0 4px;
}


.fixtype2col .panel-heading img {
    height: 200px;
}

.fixtype3col .panel-heading img {
    height: 150px;
}

.main-review-wrapper .review img {
    /*border-radius:10px;*/
}

.more-view a {
    letter-spacing: -0.2px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 6px;
}

.common-moreview-btn a {
    letter-spacing: -0.2px;
    padding: 0 6px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.common-moreview-btn span {
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    display: flex;
    align-items: center;
}

.common-moreview-btn {
    padding-bottom: 16px !important;
}

#categoryView .more-view a i {
    margin-left: 4px;
}

.more-view a object {
    display: flex;
    align-items: center;
    justify-content: center;
}

.goodswant {
    width: 139px;
}

/*컬러버튼*/
/*공통*/
.Btn {
    padding: 0;
    border: 0;
    text-align: center;
    height: 40px;
    line-height: 39px;
    font-size: .75rem;
    font-weight: var(--font-weight_bold);
    cursor: pointer;
}
/* //공통*/

/*구매하기*/
.btn_type_purchase {
    border-radius: var(--btn_type_purchase_radius, 26px);
    background-color: var(--btn_type_purchase_bacground, #1e7efa);
    border: var(--btn_type_purchase_border, none);
    border-bottom: var(--btn_type_purchase_border-bottom, 6px solid rgba(0,0,0,0.14));
    color: var(--btn_type_purchase_color, #ffd800);
    box-shadow: 0px var(--btn_type_purchase_shadow_px, 0px) var(--btn_type_purchase_box-shadow);
}
/*장바구니*/
.btn_type_cart {
    border-radius: var(--btn_type_cart_radius, 26px);
    background-color: var(--btn_type_cart_bacground, #13afed);
    border: var(--btn_type_cart_border, none);
    border-bottom: var(--btn_type_cart_border-bottom, 6px solid rgba(0,0,0,0.14));
    color: var(--btn_type_cart_color, #ffd800);
    box-shadow: 0px var(--btn_type_cart_shadow_px, 0px) var(--btn_type_cart_box-shadow);
}
/*쇼핑몰대표색상*/
.btn_type_shopbasic {
    background-color: var(--btn_type_shopbasic_background, #000) !important;
}
/*Goods/List 총몇개의상품(숫자)*/
.btn_type_shopbasic2 {
    color: var(--btn_type_shopbasic2_color, #0e16f0);
}
/*배너ol active, 마이페이지배송조회 active, 검색 background*/
.btn_type_shopbasic3 {
    background-color: var(--btn_type_shopbasic3_background, #0e16f0);
}

/*쇼핑몰대표색상 border*/
.btn_type_sbasicborder {
    border-top: var(--btn_type_sbasicborder_border-top, 1px solid #0e16f0);
}
/*카테고리 active, 상세정보 active*/
.btn_type_sbasicborder2 {
    border-bottom: var(--btn_type_sbasicborder2_border-bottom, 2px solid #0e16f0);
}

.btn_type_sbasicborderfont {
    border-bottom: var(--btn_type_sbasicborderfont_color,#0e16f0);
}

/*주요버튼*/
.btn_type_basic {
    border-radius: var(--btn_type_basic_radius, 26px);
    background-color: var(--btn_type_basic_bacground, #13afed) !important;
    border: var(--btn_type_basic_border, none);
    border-bottom: var(--btn_type_basic_border-bottom, 6px solid rgba(0,0,0,0.14));
    color: var(--btn_type_basic_color, #ffd800);
    box-shadow: 0px var(--btn_type_basic_shadow_px,0px) var(--btn_type_basic_box-shadow);
}
/*보조 버튼 스타일*/
.btn_type_sub {
    border-radius: var(--btn_type_sub_radius, 26px);
    background-color: var(--btn_type_sub_bacground, #1565b0);
    border: var(--btn_type_sub_border, none);
    border-bottom: var(--btn_type_sub_border-bottom, 6px solid rgba(0,0,0,0.14));
    color: var(--btn_type_sub_color, #ffd800);
    box-shadow: 0px var(--btn_type_sub_shadow_px,0px) var(--btn_type_sub_box-shadow);
}
/*메인상단배경색*/
.btn_type_maintop {
    background-color: var(--btn_type_maintop_background, #ed1774);
    color: var(--btn_type_maintop_textColor, #ffd800);
}
/*하단더보기버튼*/
.btn-type-moreview-box {
    border: 0;
    box-shadow: 0;
}

.btn-type-moreview-box2 {
    border: 0;
    box-shadow: 0;
    border-radius: 9px;
}

.btn-type-moreview-box3 {
    border: 0;
    box-shadow: 0;
    border-radius: 26px;
}

.btn-type-moreview-border {
    box-shadow: 0 !important;
}

.btn-type-moreview-border2 {
    box-shadow: 0;
    border-radius: 9px;
}

.btn-type-moreview-border3 {
    box-shadow: 0;
    border-radius: 26px;
}

.btn-type-moreview-shadow {
    border-bottom: 4px solid rgba(0,0,0,0.14) !important;
    -webkit-box-shadow: 0px 4px rgba(0,0,0,0.1) !important;
    box-shadow: 0px 4px rgba(0,0,0,5%) !important;
    width: 100%;
    /*line-height: 33px;*/
}

.btn-type-moreview-shadow2 {
    border-bottom: 4px solid rgba(0,0,0,0.14) !important;
    -webkit-box-shadow: 0px 4px rgba(0,0,0,0.1) !important;
    box-shadow: 0px 4px rgba(0,0,0,5%) !important;
    border-radius: 9px;
    width: 100%;
    /*line-height: 33px;*/
}

.btn-type-moreview-shadow3 {
    border-bottom: 4px solid rgba(0,0,0,0.14) !important;
    -webkit-box-shadow: 0px 4px rgba(0,0,0,0.1) !important;
    box-shadow: 0px 4px rgba(0,0,0,5%) !important;
    border-radius: 26px;
    width: 100%;
    /*line-height: 33px;*/
}

/* 탭 상품 버튼 추가 2408 */
.btn-type-tab-box {
    border: 0;
    box-shadow: 0;
}

.btn-type-tab-box2 {
    border: 0;
    box-shadow: 0;
    border-radius: 9px;
}

.btn-type-tab-box3 {
    border: 0;
    box-shadow: 0;
    border-radius: 26px;
}

.btn-type-tab-border {
    box-shadow: 0 !important;
    background-color: #fff !important;
}

.btn-type-tab-border2 {
    box-shadow: 0;
    border-radius: 9px;
    background-color: #fff !important;
}

.btn-type-tab-border3 {
    box-shadow: 0;
    border-radius: 26px;
    background-color: #fff !important;
}

.btn-type-tab-shadow {
    border-bottom: 4px solid rgba(0,0,0,0.14) !important;
    -webkit-box-shadow: 0px 4px rgba(0,0,0,0.1) !important;
    box-shadow: 0px 4px rgba(0,0,0,5%) !important;
    /*width: 100%;*/
}

.btn-type-tab-shadow2 {
    border-bottom: 4px solid rgba(0,0,0,0.14) !important;
    -webkit-box-shadow: 0px 4px rgba(0,0,0,0.1) !important;
    box-shadow: 0px 4px rgba(0,0,0,5%) !important;
    border-radius: 9px;
    /*width: 100%;*/
}

.btn-type-tab-shadow3 {
    border-bottom: 4px solid rgba(0,0,0,0.14) !important;
    -webkit-box-shadow: 0px 4px rgba(0,0,0,0.1) !important;
    box-shadow: 0px 4px rgba(0,0,0,5%) !important;
    border-radius: 26px;
    /*width: 100%;*/
}

/*버튼(컬러버튼x)*/
.btn_type_white {
    background: none;
    outline: none;
    color: #222;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    padding: 9px;
    border: 2px solid #222;
    border-radius: 14px;
}
.btn_type_black {
    background-color: #222;
    color: #fff;
    border-radius: 14px;
    border: 0;
    padding: 8px 15px;
    font-size: 0.75rem;
}
.btn_type_gray {
    background-color: #b8b8b8;
    color: #fff;
    border-radius: 14px;
    border: 0;
    padding: 8px 15px;
    font-size: 0.75rem;
}
/*고정폰트*/
.fix-font {
    font-size: calc(var(--fix-font) + 0px);
}
/*고정폰트*/
/*textstyle*/
.text-deco-under {
    text-decoration: underline;
}
.text-deco-under2 {
    text-decoration: underline;
    text-underline-position: under;
}

.text-deco-line {
    text-decoration: line-through;
}
.text-deco-under:hover,
.text-deco-under:focus {
    text-decoration: underline !important;
    /*text-underline-position: from-font !important;*/
}
.text-deco-under2:hover,
.text-deco-under2:focus {
    text-decoration: underline !important;
}
.font-style-italic {
    font-style: italic;
}

.font-weight-bold {
    font-weight: var(--font-weight_bold);
}
/*textstyle*/
/*리뉴얼기타*/
.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: 1;
}

.d-none {
    display: none;
}

.btn-moreview {
    padding-bottom: 32px;
}

.w-50 {
    width: 50%;
}

.w-100 {
    width: 100%;
}

.mw-100 {
    max-width: 100%;
}

.mh-100vh {
    min-height: 100vh;
}

.h-100 {
    height: 100%;
}

.h-auto {
    height: auto;
}

.white-sp-nowrap {
    white-space: nowrap;
}

/*배너라인*/

/* 검색 추천검색어 */
.homeSearchDiv .Btn {
    width: auto;
    height: 32px;
    margin: 4px;
    padding: 0 15px;
    border-radius: 26px !important;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*.rcmsortablebox .typeBlack {
    width: auto;
    height: 32px;
    margin: 4px;
    padding: 0 15px;
    border-radius: 26px !important;
    line-height: 30px;
}

.rcmsortablebox .typeWhite {
    width: auto;
    height: 32px;
    margin: 4px;
    padding: 0 15px;
    border-radius: 26px !important;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}*/

/*Goods/Detail 상세정보 active*/
.prod-tab-wrapper .nav-tabs.nav-justified > .active > a,
.prod-tab-wrapper .nav-tabs.nav-justified > .active > a:hover,
.prod-tab-wrapper .nav-tabs.nav-justified > .active > a:focus {
    border-width: 0 0 2px;
    border-bottom: var(--btn_type_sbasicborder2_border-bottom, 2px solid #0e16f0);
}
/*카테고리active*/
.category-view-wrapper .nav-tabs > li.active > a,
.category-view-wrapper .nav-tabs > li:focus > a {
    /*  border-bottom: 2px solid;*/
    border-width: 0 0 2px 0;
    font-weight: var(--font-weight_bold);
    border-bottom: var(--btn_type_sbasicborder2_border-bottom);
    margin: 0;
    border-width: inherit;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    position: relative;
    top: 1px;
    width: 70px;
}
.category-view-wrapper-text .nav-tabs > li.active > a,
.category-view-wrapper-text .nav-tabs > li:focus > a {
    border-width: 0 0 2px 0;
    font-weight: var(--font-weight_bold);
    border-bottom: var(--btn_type_sbasicborder2_border-bottom, 2px solid #0e16f0);
    margin: 0;
    border-width: inherit;
    border-right: 0;
    border-top: 0;
    border-left: 0;
    position: relative;
    top: 1px;
}

.category-view-wrapper .nav-tabs > li.active > .category-img {
    border: 0 !important;
}
/*배너ol active*/
.carousel-indicators .btn_type_shopbasic3.active {
    width: 8px;
    height: 8px;
    margin: 1px 4px;
    background-color: var(--btn_type_shopbasic3_background, #0e16f0);
}

.carousel-indicators li {
    margin: 1px 4px;
    width: 12px;
    height: 4px;
    border-color: #dcdcdc; /**/
    background-color: #dcdcdc;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
    margin: 1px 4px;
    background-color: var(--btn_type_shopbasic3_background);
}

.swiper-pagination-current {
    padding: 0 1px;
    color: var(--btn_type_shopbasic3_background);
}

.swiper-pagination-total {
    padding: 0 1px;
}

.swiper-pagination-fraction {
    color: #929292;
}

/*마이페이지 배송조회 dot*/
#viewDeliveryStatusModal .panel-heading ul > li.active .dot {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: var(--btn_type_shopbasic3_background, #0e16f0);
}

.table > tbody > tr > td.active .dot {
    background-color: var(--btn_type_shopbasic3_background, #0e16f0);
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
/**/
.Login_page .idpwwrap {
    padding: 20px 20px;
}

.Login_page .idpwwrap input {
    height: 45px;
    background: #f6f6f6;
    border: none;
    border-radius: 8px;
    color: #222;
}

.Login_page .idpwwrap .btn_type_sub {
    width: 100%;
}

.Login_page .idpwwrap p {
    color: #929292;
    font-size: 12px;
}

.Login_page .idpwwrap .idpwfind {
    color: #222222;
    font-weight: var(--font-weight_bold);
}

.Login_page .loginhr {
    color: #e8e8e8;
    margin-bottom: 0;
}

.Login_page .guestwrap p,
#loginModal .guestwrap a,
.Login_select .guestwrap a {
    color: #222222;
    font-weight: var(--font-weight_bold);
}

.Login_page .letjoin {
    margin-top: 50px;
    padding: 0 18px;
}

    .Login_page .letjoin div {
        text-align: center;
        background: #f8f8f8;
        padding: 15px 30px;
    }

    .Login_page .letjoin p {
        color: #929292;
    }

        .Login_page .letjoin p > a {
            color: #222222;
            font-weight: var(--font-weight_bold);
        }

#loginModal .join_wrap .katalk,
.Login_select .join_wrap .katalk,
.joinselect .member_wrap .katalk {
    border-radius: 8px;
    height: 45px;
    background: #fbe300;
    width: 100%;
    color: #3b1e1e;
    box-shadow: 0 3px 0 #f1c252;
    font-weight: var(--font-weight_bold);
    font-size: 12px;
    display: flex;
    align-items: center;
    border: none;
    padding-top: 8px;
    padding-bottom: 6px;
    margin-top: 8px;
    justify-content: center;
}

#loginModal .join_wrap .Naver,
.Login_select .join_wrap .Naver,
.joinselect .member_wrap .Naver {
    border-radius: 8px;
    height: 45px;
    background: #37cc66;
    width: 100%;
    color: #fff;
    box-shadow: 0 3px 0 #15ab44;
    font-weight: var(--font-weight_bold);
    font-size: 12px;
    display: flex;
    align-items: center;
    border: none;
    padding-top: 8px;
    padding-bottom: 6px;
    margin-top: 8px;
    justify-content: center;
}

#loginModal .join_wrap .Apple,
.Login_select .join_wrap .Apple,
.joinselect .member_wrap .Apple {
    border-radius: 8px;
    height: 45px;
    background: #222222;
    width: 100%;
    color: #fff;
    box-shadow: 0 3px 0 #000;
    font-weight: var(--font-weight_bold);
    font-size: 12px;
    display: flex;
    align-items: center;
    border: none;
    padding-top: 8px;
    padding-bottom: 6px;
    margin-top: 8px;
    justify-content: center;
}

    #loginModal .join_wrap .katalk img,
    #loginModal .join_wrap .Naver img,
    #loginModal .join_wrap .Apple img,
    .Login_select .join_wrap .katalk img,
    .Login_select .join_wrap .Naver img,
    .Login_select .join_wrap .Apple img,
    .joinselect .member_wrap .Apple img,
    .joinselect .member_wrap .katalk img,
    .joinselect .member_wrap .Naver img {
        width: 34px;
    }

#loginModal .join_wrap .ID,
#loginModal .join_wrap .email,
#loginModal .join_wrap .phone {
    border-radius: 8px;
    height: 45px;
    background: #484848;
    width: 100%;
    color: #fff;
    box-shadow: 0 3px 0 #222222;
    font-weight: var(--font-weight_bold);
    font-size: 12px;
    display: flex;
    align-items: center;
    border: none;
    padding-top: 8px;
    padding-bottom: 6px;
    justify-content: center;
    margin-top: 8px;
}

.joinselect .member_wrap .ID,
.joinselect .member_wrap .email,
.joinselect .member_wrap .phone,
.Login_select .join_wrap .ID,
.Login_select .join_wrap .email,
.Login_select .join_wrap .phone {
    height: 45px;
    width: 100%;
    font-weight: var(--font-weight_bold);
    font-size: 12px;
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 6px;
    justify-content: center;
    margin-top: 8px;
}

/* .Login_select .join_wrap .katalk img,
    .Login_select .join_wrap .Naver img{
        margin-right: 38px;
    }
        .Login_select .join_wrap .Apple img{
            margin-right: 42px;
        }*/
#loginModal .guestwrap,
.Login_select .guestwrap {
    margin-top: 20px;
}

    #loginModal .guestwrap a,
    .Login_select .guestwrap a {
        font-size: 12px;
    }

.common-wrapper .phone-wrapper .form-control {
    display: inline-block;
    /*width: 22%;*/
}

.buy_number .likecount img {
    width: 20px;
    transform: translate3d(0, 0, 0);
}

.buy_number .likecount p {
    color: #727272;
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
}

.buy_number .avgstar i {
    font-size: 15px;
    color: #ffc833;
}


.footer-wrapper .notify-wrapper {
    height: 42px;
    line-height: 42px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #f8f8f8;
    font-size: 12px;
    padding: 0 15px;
}
.footer-wrapper .notify-wrapper .notifytitle{
    font-size:0.75rem;
}
.footer-wrapper .notify-wrapper a {
    position: relative;
    width: 100%;
    display: block;
}

.footer-wrapper .notify-wrapper a div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-wrapper .notify-wrapper b {
    width: 19%;
    padding-right: 6px;
}

.footer-wrapper .notify-wrapper span {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 84%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 42px;
    display: -webkit-box;
    text-align: left;
}

.footer-wrapper .notify-wrapper span i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    line-height: 42px;
    margin-left: 7px;
    color: #a6a6a6;
}

.tabFixed {
    position: fixed;
    top: 60px;
    z-index: 1030;
    background-color: #fff;
    width: 100% !important;
    left: 0px;
}

.tab_1_width {
    width: 100% !important;
}

.tab_2_width {
    width: 50% !important;
}

.tab_3_width {
    width: 33.3% !important;
}

#navbar .menu_wrapperleft .MainNav,
#navbar .menu_wrappercenter .MainNav {
    width: 32px;
    height: 32px;
}

.panel {
    margin-bottom: 0;
}


.summary_fix3 {
    color: #727272;
    /*border: 1px solid;*/
    min-height: 19px;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border: 1px solid pink;*/
    letter-spacing: -0.2px;
}



.moall-wrapper .prod-list-wrapper .col-xs-12 .panel-heading {
    /*margin: 0 -15px !important;*/
}


.col-xs-12 .panel-heading {
    margin: 0 -15px;
}

.moall-wrapper .prod-list-wrapper .section-title-wrapper {
    margin: 0px;
}

.moall-wrapper .prod-list-wrapper .fixtype2 .col-xs-12 .prod.type1 {
    /*margin:0 0 20px 0 !important;*/
    margin: 0 !important;
}


.moall-wrapper .prod-list-wrapper .rcmm_slide_title {
    padding: 15px 15px 15px 0px;
    background: #f8f8f8;
    /*background:#000;*/
}

.moall-wrapper .prod-list-wrapper .rcmm_1wrap {
    background: #f8f8f8;
    margin-left: -15px;
    margin-right: -15px;
    /*background-color: black;*/
    /*margin: 0px -15px 32px;*/
    /*border: 1px solid blue;*/
}

.moall-wrapper .prod-list-wrapper .rcmm_2wrapslide,
.moall-wrapper .prod-list-wrapper .rcmm_2wrap_2div,
.moall-wrapper .prod-list-wrapper .rcmm_2wrap_3div {
    margin: 0 15px !important;
}

.moall-wrapper .prod-list-wrapper .rcmm_2wrap {
    margin: 0 30px;
}

    .moall-wrapper .prod-list-wrapper .rcmm_2wrap .rcmm_slide_title {
        margin: 0 -15px;
    }

.moall-wrapper .prod-list-wrapper .rcmm_2wrapslide .rcmm_slide_title
.moall-wrapper .prod-list-wrapper .rcmm_2wrap_2div .rcmm_slide_title,
.moall-wrapper .prod-list-wrapper .rcmm_2wrap_3div .rcmm_slide_title {
    padding-left: 15px;
}

.moall-wrapper .prod-list-wrapper .rcmm_1wrap .panel {
    background: none;
}


.wrapper_moall .main .gnb-wrapper {
    padding: 0 15px;
}
.wrapper_moall .main .swiper-container,
#sidemenu .swiper-container.sliding1 {
    display: flex;
    align-items: center;
    overflow: visible;
    white-space: normal;
}
/* 슬라이딩 4단 */
.wrapper_moall .swiper-container.sliding4,
.detail_wrap_moall .swiper-container.sliding4 {
    display: block;
    width: 100%;
    overflow: hidden;
}

.wrapper_moall .swiper-container.sliding4 .prod,
.detail_wrap_moall .swiper-container.sliding4 .prod{
    display: flex;
    width: 100%;
    padding-bottom: 16px;
}

.wrapper_moall .swiper-container.sliding4 .prod + .prod,
.detail_wrap_moall .swiper-container.sliding4 .prod + .prod{
    margin-left: 0;
}

.wrapper_moall .swiper-container.sliding4 .prod .panel-heading,
.detail_wrap_moall .swiper-container.sliding4 .prod .panel-heading{
    position: relative;
    padding: 0;
    width: 35%;
}

.wrapper_moall .swiper-container.sliding4 .prod .panel-body,
.detail_wrap_moall .swiper-container.sliding4 .prod .panel-body{
    width: 65%;
    padding: 4px 12px 0 12px;
}

.wrapper_moall .swiper-container.sliding4 .prod .panel-heading .prod-overlay .title,
.detail_wrap_moall .swiper-container.sliding4 .prod .panel-heading .prod-overlay .title{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    color: #fff;
}

.wrapper_moall .prod .panel-heading .dc-rank {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    width: 28px;
    height: 28px;
    line-height: 1;
    font-size: .75rem;
    font-weight: var(--font-weight_bold);
    color: #fff;
    background-color: #929292;
    border-radius: 0;
}

.wrapper_moall .swiper-container.sliding4 .prod .footer_panel,
.detail_wrap_moall .swiper-container.sliding4 .prod .footer_panel{
    padding-top: 10px;
}



.wrapper_moall .swiper-container.sliding4 .price-wrapper .dc-rate,
.detail_wrap_moall .swiper-container.sliding4 .price-wrapper .dc-rate {
    margin-left: 4px;
    min-height: inherit;
    display: flex;
    align-items: center;
}

.wrapper_moall .swiper-container.sliding4 .prod-overlay,
.detail_wrap_moall .swiper-container.sliding4 .prod-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4);
}

.wrapper_moall .swiper-container.sliding4 .swiper-pagination,
.detail_wrap_moall .swiper-container.sliding4 .swiper-pagination {
    bottom: 10px;
}

.Wrapper_Line {
    margin: 0;
    margin-bottom: 32px;
    border-top: 8px solid #f2f2f2;
    /* border-top: 8px Dashed #f2f2f2;
    border-top: 8px dotted #f2f2f2; 
    border-top: 8px double #f2f2f2;*/
}

.PRTreview_ol {
    position: inherit;
    bottom: 0;
    margin-top: 12px;
}

.Wrapper_Line_category {
    margin: 0;
    margin-bottom: 16px;
    border-bottom: 1px solid #f2f2f2;
}

.List_bnslide {
    padding-bottom: 32px;
}

/*.container{
    border:1px solid pink;
}*/
/*리스트 추천영역 여백*/
.gap_top {
    margin: 0 0 32px 0;
}

.gap_middle {
    margin: 32px 0px;
}

.gap_bottom {
    margin-top: 32px;
    margin-bottom: 0;
}

.BigWrap {
    padding: 0 15px 32px 15px;
}

/*메인카테고리텍스트*/
.category-view-wrapper-text {
    /*padding: 15px 0;*/
}

.category-view-wrapper-text .nav-tabs > li > a {
    padding: 10px;
}

.category-view-wrapper-text .nav-tabs > li {
    width: auto !important;
}

.category-view-wrapper-text .affix li a {
    padding: 10px;
}

.category-view-wrapper-text .affix li {
    width: auto;
}

.category-view-wrapper-text .section-title-wrapper {
    border-top: 0;
    background-color: #fff;
}

.category-view-wrapper-text .section-title {
    font-size: 1.125rem;
    padding-left: 15px;
    padding-right: 15px;
}

.category-view-wrapper-text .section-title > .default-color {
    color: #343a40;
}

.category-view-wrapper-text .nav-tabs {
    /*font-size: 0;*/
    overflow-x: scroll;
    white-space: nowrap;
    border: 0;
    /*padding: 0 15px;*/
}

.category-view-wrapper-text .affix {
    width: 100%;
    background-color: #fff;
    z-index: 999 !important;
    padding: 0;
    display: flex;
    align-items: center;
    overflow-y: hidden;
    /*border-bottom:2px solid #d8d8d8;*/
}

.category-view-wrapper-text .affix-top {
    border-bottom: 0;
    background-color: #fff;
    margin: 0 15px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    overflow-y: hidden;
}

.category-view-wrapper-text .prod-wrapper > .col-xs-6:nth-child(2n-1) {
    padding-left: 0px;
}

.category-view-wrapper-text .prod-wrapper > .col-xs-6:nth-child(2n) {
    padding-right: 0px;
}

.category-view-wrapper-text .affix ~ .category-view {
    position: relative;
    top: 0;
}

    /*.category-view-wrapper-text .nav-tabs > li:first-child {
    border-left-width: 1px;
}*/




.category-view-wrapper-text .nav-tabs > li > a {
    color: #929292;
    margin-right: 0;
    letter-spacing: -0.2px;
    border: 0;
    background-color: #fff;
    /* position:relative;
top:1px;*/
}

.category-view-wrapper-text .nav-tabs > li {
    border-bottom: 2px solid #d8d8d8;
}


.category-view-wrapper-text .category-view {
    /*background-color: #fff;*/
    /*background:pink;*/
    margin-bottom: 0;
}

.category-view-wrapper-text #category1 {
    /*padding-top: 5px;*/
}

.category-view-wrapper-text .category-title {
    color: #222;
    font-size: .9375rem;
    /*font-weight: 600;*/
    padding: 0;
    /*height: 90px;
line-height: 160px;*/
    /*padding-bottom: 16px;*/
    z-index: 1;
    margin-left: 0;
    /*letter-spacing: -0.2px;*/
    width: 100%;
    /*white-space: nowrap;*/
}


.category-view-wrapper-text .category-view .carousel hr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
    border-top: 2px solid #e8e8e8;
}

.category-view-wrapper-text .category-view:first-child .carousel hr {
    display: none;
}

.category-view-wrapper-text .common-moreview-btn {
    border: 0;
    padding: 0;
    position: relative;
    padding-bottom: 32px;
    /*padding-top:32px;*/
}

.category-view-wrapper-text .more-view .btn > .fa {
    position: relative;
    top: 2px;
    font-size: 1.125rem;
    margin-left: 5px;
}

.prod-list-wrapper .filter_lastltem {
    margin: 0 5px !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.my_qna button {
    /*width: 50%;*/
}

    .my_qna button + button {
        margin-left: 10px;
    }

.numcheckbtn {
    height: 38px;
    line-height: 39px;
    vertical-align: top;
    font-weight: var(--font-weight_bold);
}

.rcmsortablebox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


.myorder_return .checkbox {
    position: relative;
}

.myorder_return input[type=checkbox] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

    .myorder_return input[type=checkbox] + label {
        cursor: pointer;
        padding-left: 0;
    }

        .myorder_return input[type=checkbox] + label:before {
            content: "";
            background-image: url(../../contents/images/icon_check_off.svg);
            background-size: 100% 100%;
            width: 17px;
            height: 17px;
            clear: both;
        }

.myorder_return input[type="checkbox"]:checked + label:before {
    content: "";
    background-image: url(../../contents/images/icon_check_on.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
}

.myorder_return .modal-footer .Btn {
    width: 50%;
}

.myorder_return .checkbox .my_orderchk {
    display: flex;
    align-items: center;
    /*margin-left: -20px;*/
}

.myorder_return .checkbox p {
    font-size: 14px;
}

.myorder_return .selectbox,
#orderCanceReqModal .selectbox {
    display: block;
    width: 100%;
    height: 40px;
    /*padding: 6px 12px;*/
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #222;
    font-weight: var(--font-weight_bold);
    font-size: 11px;
    color: #222;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(../../contents/images/icon-arrow-bottom.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 95% 50%;
    line-height: 34px;
}

    .myorder_return .selectbox:before,
    #orderCanceReqModal .selectbox:before {
        content: none !important;
    }


.basket-wrapper .basket-list .panel-heading .checkbox-wrapper label:before,
.basket-wrapper .basket-list .panel-body .checkbox-wrapper.checkbox-footer label:before,
.basket-wrapper .basket-list .media .item_title label:before,
.payment-wrapper .agree-wrapper input[type="checkbox"] + label:before,
.my-wrapper .my-info .table .checkbox_wrapper .check_list input[type="checkbox"] + label:before,
.payment-wrapper .card-agree-wrapper .checks input[type="checkbox"] + label:before,
#addDeliveryModal .modal-body .checkboxinput[type="checkbox"] + label:before
/*.myorder_return .moc_reqItem .checkbox input[type="checkbox"] + label:before */ {
    content: "";
    background-image: url(../../contents/images/icon_check_off.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
}


.basket-wrapper .basket-list .panel-heading .checkbox-wrapper input[type="checkbox"]:checked + label:before,
.basket-wrapper .basket-list .panel-body .checkbox-wrapper.checkbox-footer input[type="checkbox"]:checked + label:before,
.basket-wrapper .basket-list .media .item_title input[type="checkbox"]:checked + label:before,
.payment-wrapper .agree-wrapper input[type="checkbox"]:checked + label:before,
.my-wrapper .my-info .table .checkbox_wrapper .check_list input[type="checkbox"]:checked + label:before,
.payment-wrapper .card-agree-wrapper .checks input[type="checkbox"]:checked + label:before,
#addDeliveryModal .modal-body .checkbox input[type="checkbox"]:checked + label:before
/*.myorder_return .moc_reqItem .checkbox input[type="checkbox"]:checked + label:before*/ {
    content: "";
    background-image: url(../../contents/images/icon_check_on.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
}

/* checkbox 공통 */
.checkbox-row {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-bottom: 6px;
}
@media (min-width: 768px) {
    .checkbox-row {
        font-size: 15px;
    }
}
.checkbox-row--size-small {
    display: flex;
    align-items: center;
    font-size: 11px;
}
@media (min-width: 768px) {
    .checkbox-row--size-small {
        font-size: 14px;
    }
}
.checkbox-row input[type="checkbox"] + label:before {
    vertical-align: sub;
}
.checkbox-row label {
    padding-left: 0;
}
/* off */
.checkbox-row input[type="checkbox"] + label {
    color: #b8b8b8;
}
.checkbox-row input[type="checkbox"] .checkbox-title {
    color: #b8b8b8;
}

.checkbox-row input[type="checkbox"] + label:before {
    content: "";
    background-image: url(../../contents/images/icon_check_off.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
}
@media (min-width: 768px) {
    .checkbox-row input[type="checkbox"] + label:before {
        content: "";
        background-image: url(../../contents/images/icon_check_off.svg);
        background-size: 100% 100%;
        width: 19px;
        height: 19px;
        clear: both;
    }
}

.checkbox-row--size-small input[type="checkbox"] + label:before {
    width: 14px;
    height: 14px;
}
@media (min-width: 768px) {
    .checkbox-row--size-small input[type="checkbox"] + label:before {
        width: 17px;
        height: 17px;
    }
}

/* on */
.checkbox-row input[type="checkbox"]:checked + label {
    color: #222;
}
.checkbox-row input[type="checkbox"]:checked + .checkbox-title {
    color: red;
    border: 1px solid red;
}

.checkbox-row input[type="checkbox"]:checked + label:before {
    content: "";
    background-image: url(../../contents/images/icon_check_on.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
}
@media (min-width: 768px) {
    .checkbox-row input[type="checkbox"]:checked + label:before {
        content: "";
        background-image: url(../../contents/images/icon_check_on.svg);
        background-size: 100% 100%;
        width: 19px;
        height: 19px;
        clear: both;
    }
}

.checkbox-row--size-small input[type="checkbox"]:checked + label:before {
    width: 14px;
    height: 14px;
}
@media (min-width: 768px) {
    .checkbox-row--size-small input[type="checkbox"]:checked + label:before {
        width: 17px;
        height: 17px;
    }
}
/**/

.review-detail-wrapper .panel-heading .Btn {
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    height: 40px;
    line-height: 40px;
    padding: 10px 55px;
}

.my_return .total .btn-wrapper a,
.review-detail-wrapper .panel-footer.item_detail a {
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    height: 40px;
    line-height: 40px;
    padding: 10px 65px;
}


.modal-dialog:not(.confirm) > .modal-content {
    font-size: .875rem;
    width: 100%;
    height: calc(100% - 0px);
    overflow-y: auto;
}

.main-review-wrapper .prod-wrapper > .col-xs-6 {
    padding-bottom: 16px;
    background: none;
}

.review > .panel-footer .score-wrapper i {
    color: #ffc833;
    letter-spacing: -2px;
    font-size: 14px;
}

.review_slide > .panel-footer {
    border: 0 !important;
    padding: 0 !important;
    color: none !important;
}

.review_slide .score-wrapper i {
    color: #ffc833;
    letter-spacing: -2px;
    /*   font-size: 14px;*/
}

.swiper-button-next, .swiper-button-prev {
    /*top: 38%;*/
}

/*라인*/
.LINE .Wrapper_Line1 {
    border-top: 8px solid #929292;
    margin: 0;
}

.LINE .Wrapper_Line2 {
    border-top: 8px Dashed #929292;
    margin: 0;
}

.LINE .Wrapper_Line3 {
    border-top: 8px dotted #929292;
    margin: 0;
}

.LINE .Wrapper_Line4 {
    border-top: 8px double #929292;
    margin: 0;
}
/*//라인*/

#ImgDetail > video {
    width: 100%;
}

/**/
.panel-heading {
    /*  position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;*/
}

.prod > .panel-heading > video {
    /*position: absolute;*/
}

.prod > .panel-heading > img {
    /*   position: absolute;*/
}

/* 메인 장바구니 카운트*/
.main-cartcnt {
    /*   top: -2px !important;
    right: -2px !important;*/
    z-index: 999;
}

.main-basket {
    position: relative;
}


.search_panel {
    margin-bottom: 22px;
}

.photoreview_list .col-xs-6:nth-child(2n-1) {
    padding: 0 4px 16px 0px;
}

.photoreview_list .col-xs-6:nth-child(2n) {
    padding: 0 0px 16px 4px;
}
/**/
.common-wrapper .idsearch {
    position: relative;
    font-weight: var(--font-weight_basic);
    height: 90px;
    line-height: 30px;
    text-align: center;
    margin: auto;
}

.common-wrapper .login-wrapper .findbox {
    margin-top: 30px;
}

    .common-wrapper .login-wrapper .findbox .id-check {
        background-color: #f5f5f5;
        color: #1e1e1e;
        text-align: center;
        padding-top: 13px;
        padding-bottom: 13px;
        margin-bottom: 15px;
    }

.common-wrapper .pwsearch {
    position: relative;
    font-weight: var(--font-weight_basic);
    line-height: 30px;
    padding: 20px 15px;
    text-align: center;
}

.common-wrapper .login-wrapper .findbox div:last-child {
    margin-top: 50px;
    text-align: center;
}

.login-wrapper .panel-body .loginfot {
    position: relative;
    margin-top: -20px;
    display: flex;
    width: 100%;
}

.common-wrapper .login-wrapper .findbox div:last-child > a {
    margin-top: 15px;
    color: #000;
}

.login-wrapper .panel-body .loginfot > a {
    margin: 0 auto;
    color: #000;
}

.icon-arrow:before {
    content: '\e807';
}

.common-wrapper .findpwd {
    padding: 0px;
}

.common-wrapper .login-wrapper .form-group {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 20px;
}

.search_panel {
    margin-bottom: 22px;
}

.swiper-pagination-bullet-active {
    background: none;
}

.orderEnd .btn-group a {
    width: 50%;
}

.wrap_orderendcont {
    margin-top: 58px;
}



.Login_select .join_wrap .Apple,
.Login_select .join_wrap .katalk,
.Login_select .join_wrap .Naver {
    position: relative;
    justify-content: center;
}

.footer_panel_type1 {
    /*width:100%;*/
}

.gnb_list a {
    color: #929292;
}

/*.footer-menu.ios.active > ul > li {
    height: 80px;
    padding-bottom: 20px;
}*/



/*item em*/
.font_s_default {
    font-size: 16px;
}

.Pfont_s_default {
    font-size: 16px;
}

.prod.type1 > .panel-body .prod-title {
}

.sliding1 .prod-title.default-title,
.sliding4 .prod-title {
    max-height: 2.4em;
    width: 100%;
    overflow: hidden;
    margin: 0;
    margin-bottom: 4px;
    text-overflow: ellipsis;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 2.4em;
    letter-spacing: -0.2px;
    line-height: 1.25em;
    word-break: break-word;
}

.col-xs-4 .prod-title.default-title {
    width: 100%;
    overflow: hidden;
    margin: 0;
    margin-bottom: 4px;
    text-overflow: ellipsis;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -0.2px;
    line-height: 1.25em;
    min-height: 2.4em;
    max-height: 2.4em;
    word-break: break-word;
}
.col-xs-6 .prod-title.default-title {
    width: 100%;
    overflow: hidden;
    margin: 0;
    margin-bottom: 4px;
    text-overflow: ellipsis;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: -0.2px;
    height: 42px;
    max-height: 2.6em;
    line-height: 1.29em;
    min-height: 2.6em;
    word-break: break-word;
}

.col-xs-12 .T_default1_div {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 19px;
    letter-spacing: -0.2px;
    line-height: 1.25em;
    margin-bottom: 4px;
    min-height: 1.4em;
    max-height: 1.4em;
}

.sliding1 .summary_fix2 {
    min-height: 1.35em;
    max-height: 1.35em;
}

.sliding4 .summary_fix2 {
    min-height: 1.32em;
    max-height: 1.32em;
}

.summary_fix2 {
    color: #727272;
    min-height: 1.2em;
    max-height: 1.19em;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.2px;
}

.price-wrapper.default-pricewrap .org-price {
    display: inline-block;
    color: #cbcbcb;
    height: 16px;
    text-decoration: line-through;
    letter-spacing: -0.2px;
}
.prod.type1 > .panel-body .price.default-price {
    display: block;
    font-size: 1em;
    font-weight: var(--font-weight_bold);
    line-height: 1.25em;
    color: #484848;
    min-height: 14px;
    letter-spacing: -0.2px;
}

.scroll-prod-wrapper .prod.type1 > .panel-body .org-price {
    min-height: 14px;
}


.fixtype1 .col-xs-6 .summary_fix2 {
    margin-bottom: 4px;
}

/* 재고수량 */
.stock-default {
    height: 32px;
    margin-bottom: 10px;
}
.stock-default.slide4 .stock-default-option {
    background-color: #fff;
    display: inline-block;
}
.stock-default-option {
    background-color: rgba(0,0,0,3%);
    border-radius: 16px;
    padding: 6px 0;
    color: #727272;
    text-align: center;
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
@media (min-width: 768px) {
    .stock-default-option {
        font-size: 14px;
    }
}
.stock-default-color {
    color: #ff9900;
}
.stock-custom {
    height: 32px;
}
.stock-custom-option {
    height: 32px;
    line-height: 32px;
    border-style: solid;
    border-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.categoryList .addview {
    margin-left: auto;
    padding-bottom: 2px;
    /*font-size: 20px;*/
    /*padding-right: 10px;*/
}

.item_category {
    padding: 8px 50px;
    /*height: 40px;*/
    display: flex !important;
    align-items: center;
    background: #f8f8f8 !important;
    border: 0;
    color: #929292;
}

/*.couponbookpage p {
    color: #727272;
    font-size: 14px;
}*/


#floatingActionShare {
    font-weight: var(--font-weight_bold);
}

    #floatingActionShare .modal-dialog {
        width: 100%;
        height: 100%;
        margin-top: 0 !important;
    }

    #floatingActionShare .modal-content {
        border: 0;
    }

    #floatingActionShare .modal-header {
        text-align: center;
        border: 0;
        color: #222;
    }

    #floatingActionShare .modal-body {
        padding-top: 15px;
        padding-bottom: 30px;
    }

        #floatingActionShare .modal-body .panel-heading {
            border-bottom: 1px solid #e8e8e8;
            line-height: 1.8;
        }

            #floatingActionShare .modal-body .panel-heading p:first-child {
                color: #929292;
                font-weight: var(--font-weight_basic);
            }

        #floatingActionShare .modal-body .select-sns-wrapper {
            margin: 40px 0;
        }

        #floatingActionShare .modal-body .sns {
            display: inline-block;
            margin: 0 8px;
        }

        #floatingActionShare .modal-body .url-copy-wrapper {
            font-size: 0;
            margin-top: 15px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            #floatingActionShare .modal-body .url-copy-wrapper .form-control {
                display: inline-block;
                width: calc(100% - 100px);
                height: 40px;
                border-radius: 8px;
                background-image: url(../../contents/images/icon_url.png);
                background-repeat: no-repeat;
                background-size: 16px 17px;
                background-position: 12px center;
                padding-left: 38px;
            }

            #floatingActionShare .modal-body .url-copy-wrapper .btn {
                width: 85px;
                height: 38px;
                line-height: 40px;
                vertical-align: top;
                padding: 0;
                margin-top: 15px;
            }

        #floatingActionShare .modal-body .sns > img {
            width: 40px;
        }

.couponbookpage .textbox {
    margin: 15px 0;
}

.couponbookpage .coupon-area .type span {
    margin-right: 2px;
}

.couponbookpage .deactive {
    filter: grayscale(1);
    opacity: 70%;
}

.btnbox_couponbook .btn_type_sub {
    width: 45%;
}

.btnbox_couponbook .btn_type_basic {
    width: 50%;
}

.btnbox_couponbook {
    margin-top: 30px;
}

.footer-wrapper.show {
    /*margin-bottom: 90px;*/
}

.floatingInfo {
    background-color: #f8f8f8;
    color: #727272;
    padding: 20px 15px;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
    font-weight: var(--font-weight_basic);
}

    .floatingInfo p {
        line-height: 1.8;
    }

.floatingContentsImg {
    margin: 25px 10px 25px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.rewardPointIcon {
    width: 19px;
    height: 21px;
    /*margin-bottom: 3px;*/
    margin-right: 5px;
}

.wrap_info .info-wrapper .panel-heading .title {
    line-height: 1.25;
}

.wrap_info .info-wrapper .panel-heading h3 {
    margin: 32px 0 16px;
}

.wrap_info .info-wrapper .price-wrapper .dc-price,
.wrap_info .info-wrapper .price-wrapper .discount {
    font-size: 0.875rem;
}

.new_join_wrap .panel-heading,
.pwsearch_reset .panel-heading,
.idsearch_list .panel-heading,
.guestinfo_form .panel-heading,
.idpw_search .panel-heading {
    display: flex;
    align-items: center;
}

    .new_join_wrap .panel-heading h4,
    .pwsearch_reset .panel-heading h4,
    .idsearch_list .panel-heading h4,
    .guestinfo_form .panel-heading h4,
    .idpw_search .panel-heading h4 {
        margin: 0 auto;
        font-size: 1rem;
    }

    .new_join_wrap .panel-heading,
    .pwsearch_reset .panel-heading,
    .idsearch_list .panel-heading
    .guestinfo_form .panel-heading,
    .idpw_search .panel-heading {
        padding-top: 20px !important;
        padding-bottom: 0 !important;
    }

        .new_join_wrap .panel-heading .btn_close,
        .pwsearch_reset .panel-heading .btn_close,
        .idsearch_list .panel-heading .btn_close,
        .guestinfo_form .panel-heading .btn_close,
        .idpw_search .panel-heading .btn_close {
            font-size: 24px;
            font-weight: var(--font-weight_bold);
            line-height: 1;
            color: #000;
            border: none;
            background: none;
            outline: none;
        }

.new_join_wrap .title_input,
.pwsearch_reset .title_input,
.idpw_search .title_input {
    color: #727272;
    font-size: 12px;
}

    .new_join_wrap .title_input span,
    .pwsearch_reset .title_input span,
    .idpw_search .title_input span {
        color: #e34f4e;
        font-weight: var(--font-weight_bold);
    }

.new_join_wrap .phone-wrapper {
    display: flex;
    align-items: center;
}

.new_join_wrap .phone-token a {
    width: 130px !important;
}

.rewardPoint {
    color: var(--btn_type_basic_color, #ffd800);
}

.floatingInfoTitle {
    color: #222222;
    /* text-shadow: 0 0 black; */
    font-size: 0.75rem;
    line-height: 1.8;
    font-weight: var(--font-weight_bold);
}

.new_join_wrap .chkwrap input[type=checkbox] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

    .new_join_wrap .chkwrap input[type=checkbox] + label {
        cursor: pointer;
        padding-left: 15px;
        color: #727272;
        font-weight: var(--font-weight_basic);
        font-size: 12px;
        display: initial;
        align-items: center;
        margin-right: 5px;
    }

.new_join_wrap .chkwrap a {
    color: #727272;
    font-weight: var(--font-weight_basic);
    font-size: 12px;
}

.new_join_wrap .chkwrap input[type=checkbox] + label:before {
    content: "";
    background-image: url(../../contents/images/icon_check_off.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
    margin-right: 8px;
}

.new_join_wrap .chkwrap input[type="checkbox"]:checked + label:before {
    content: "";
    background-image: url(../../contents/images/icon_check_on.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
}

.new_join_wrap .Btn {
    margin: 30px 0 20px;
}

.new_join_wrap .chkwrap label span {
    color: #222222;
    font-weight: var(--font-weight_bold);
    margin-left: 8px;
}

.pwsearch_reset .pwsearch p:first-child,
.idsearch_list .idsearch p:first-child,
.guestinfo_form .guesttext p:first-child,
.idpw_search .idpwsearch p:first-child {
    color: #929292;
    font-size: 12px;
}

.guestinfo_form .guesttext {
    text-align: center;
    padding-top: 20px;
}

    .pwsearch_reset .pwsearch p:last-child,
    .idsearch_list .idsearch p:last-child,
    .guestinfo_form .guesttext p:last-child,
    .idpw_search .idpwsearch p:last-child {
        color: #222222;
        font-weight: var(--font-weight_bold);
        font-size: 12px;
    }

.pwsearch_reset .pwsearch,
.pwsearch_reset .guesttext {
    line-height: 17px !important;
    padding: 30px 0 10px;
}

.idsearch_list .idsearch {
    line-height: 17px !important;
    padding: 30px 0 0;
}

.idpw_search .idpwsearch {
    padding: 20px;
    line-height: 17px;
    text-align: center;
}

.pwsearch_reset hr,
.guestinfo_form hr {
    border-top: 1px solid #e8e8e8;
}

.idsearch_list .login-wrapper .findbox a {
    background-color: #f5f5f5;
    color: #1e1e1e;
    text-align: center;
    /* padding-top: 13px; */
    /* padding-bottom: 13px; */
    margin-bottom: 15px;
    width: 100%;
    height: 40px;
    padding: 6px 12px !important;
    border-radius: 10px !important;
    line-height: 25px !important;
}

.idsearch_list .login-wrapper .findbox {
    padding-top: 5px !important;
    margin-top: 0 !important;
}

.guestinfo_form .panel-heading {
    border-bottom: 0;
}

.idpw_search ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    /* border-top: 1px solid #e8e8e8; */
    width: 100%;
    display: flex;
    align-items: center;
}

    .idpw_search ul li {
        color: #222;
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
        width: 50%;
        text-align: center;
        background: #f8f8f8;
        border: 1px solid #e8e8e8;
        border-left: none;
    }

.idpw_search .current {
    color: #222;
    background: #fff;
    border-bottom: none;
}

.idpw_search .tab_content {
    display: none;
    padding: 15px;
}

    .idpw_search .tab_content.current {
        display: inherit;
    }

.idpw_search .phone-wrapper {
    display: flex;
    align-items: center;
}

.idpw_search .sms-btn {
    width: 42% !important;
}

.new_join_wrap .panel-heading {
    padding: 20px 15px !important;
}

.fixtype1 .pricewrap {
    /*display: flex;*/
    height: auto;
    position: relative;
}

.coupon-down-modal .modal-footer .Btn {
    width: 50%;
}

.wrap_customer .table tr {
    border: none;
}

.wrap_customer .table {
    border-bottom: 1px solid #e8e8e8;
}

.wrap_my_delivery .nav-tabs > li > a {
    font-size: 13px;
    font-weight: var(--font-weight_bold);
    color: #727272;
    margin-bottom: 0;
    padding: 10px 0;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #e8e8e8;
    background-color: #f8f8f8;
}

.wrap_my_delivery .nav-tabs li.active > a {
    border-bottom-color: #fff;
    border-left-width: 1px;
    background-color: #fff;
    color: #222;
}

#orderCanceReqModal .Btn {
    width: 50%;
}

#orderCanceReqModal .modal-footer {
    display: flex;
    align-items: center;
}



.dontget2 {
    color: #cb1516;
    font-weight: var(--font-weight_bold);
}
/*버튼hover */
#main_menu_area a {
    width: auto;
    display: flex;
    align-items: center;
    margin: 15px 10px;
    position: relative;
    top: 2px;
}

.Goods_wrapper .swiper-wrapper .slidebasic:last-child {
    margin-right: 0px;
}

.deliverymodal_address {
    padding: 0 16px;
    font-size:0.8125rem;
}

.contents-wrapper .return .btn-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 15px;
}

    .contents-wrapper .return .btn-wrapper a {
        width: 50%;
    }

#reviewWriteModal .modal-header {
    color: #222;
    background-color: #fff;
    z-index: 1;
}



.footerfixedwrap {
    position: fixed;
    bottom: 85px;
    right: 10px;
    z-index: 999;
}

    .footerfixedwrap ul li {
        /*margin-bottom:2px;*/
    }

    .footerfixedwrap ul {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .footerfixedwrap img {
        max-width: 40px;
        height: 40px;
        transform: translate3d(0, 0, 0);
        cursor: pointer;
    }

.rewardbtn {
    height: 40px;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    border: none;
    outline: none;
    color: #929292;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    white-space: nowrap;
}

.floatinginfosub {
    font-size: 0.75rem;
}

.url-copy-wrapper a {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 리워드 2407 */
.reward_share {
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-end;
}
.reward_share .shareimg {
    width: 32px;
    height: 32px;
}

.wrap_info .share_btn {
    margin-left: auto;
    padding-right: 8px;
}

/*.wrap_info .reward_share {
    display: flex;
    align-items: center;
    position: relative;
}*/

.wrap_info .sharebarimg {
    width: 181px;
}

.wrap_info .reward_share p {
    color: #be7000;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    position: absolute;
    /* border: 1px solid; */
    top: 11px;
    left: -2px;
    z-index: 9;
}

.wrap_info .reward_share span {
    color: #fff;
}

.floatingContentsImg .section img {
    width: 48px;
    margin-left: 17px;
}

.floatingContentsImg .section2 img {
    width: 50px;
}

.floatingContentsImg .section3 img {
    width: 56px;
}

.floatingContentsImg .section,
.floatingContentsImg .section2,
.floatingContentsImg .section3 {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.floatingContentsImg .section span,
.floatingContentsImg .section2 span,
.floatingContentsImg .section3 span {
    border-radius: 8px;
    background: #000;
    color: #fff;
    padding: 3px 8px;
    font-size: 0.75rem;
    position: absolute;
    bottom: -12px;
    width: 52px;
    height: 23px;
    left: calc(50% - 30px);
    font-weight: var(--font-weight_basic);
    top: 58px;
}

.floatingContentsImg .section3 span {
    top: 50px !important;
}

.floatingContentsImg .section ul,
.floatingContentsImg .section2 ul {
    margin-top: 30px;
}

.floatingContentsImg .section3 ul {
    margin-top: 45px;
}

.floatingContentsImg .section2,
.floatingContentsImg .section3 {
    margin-top: 30px;
}

.floatingContentsImg .section ul li:first-child,
.floatingContentsImg .section2 ul li:first-child,
.floatingContentsImg .section3 ul li:first-child {
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
    color: #222;
}

.floatingContentsImg .section ul li:last-child,
.floatingContentsImg .section2 ul li:last-child,
.floatingContentsImg .section3 ul li:last-child {
    font-size: 0.75rem;
    font-weight: var(--font-weight_basic);
    color: #727272;
}

.urlcopy_wrap a {
    width: 100%;
    line-height: 40px;
    vertical-align: top;
    padding: 0;
}

.floatinginfosub span {
    color: #ff9c00;
    font-weight: var(--font-weight_bold);
}

.phonesearchmodal {
    top: 25%;
}

    .phonesearchmodal .modal-body .panel-heading {
        border-bottom: 0 !important;
    }

    .phonesearchmodal .modal-body .numcheckbtn {
        text-align: center;
        width: 71%;
        font-size: 12px;
    }

    .phonesearchmodal .modal-body .phone-wrapper .form-control {
        width: 23%;
    }

    .phonesearchmodal .modal-body .phone-token .form-control {
        width: 100%;
    }

    .phonesearchmodal .registrationbtn {
        width: 100%;
    }

    .phonesearchmodal .numcheckbtnclear {
        background: #b8b8b8;
        width: 71%;
        font-size: 12px;
        font-weight: var(--font-weight_bold);
    }

    .phonesearchmodal .numcheckbtnrq {
        width: 150px;
    }

#phoneAuth > .modal-backdrop {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    background-color: #000 !important;
    opacity: 0.7;
    display: block !important;
}

.timerPhoneAuth {
    position: absolute;
    right: 44%;
    color: #F69F35;
}

.phonesearchmodal .panel_heading p:first-child {
    color: #929292;
    font-weight: var(--font-weight_basic);
    font-size: 12px;
}

.phonesearchmodal .panel_heading p:last-child {
    color: #222;
    font-weight: var(--font-weight_bold);
    font-size: 12px;
}

.phonesearchmodal .title_input span {
    color: #e34f4e;
}

.orderhead_panel {
    border-bottom: 1px solid #e8e8e8 !important;
    padding-bottom: 15px !important;
}

.orderbody_media .status,
.body_pane_orderdetail .status {
    color: #222;
    font-weight: var(--font-weight_bold);
    font-size: 14px;
    margin-bottom: 8px;
}

    .orderbody_media .status a,
    .body_pane_orderdetail .status a {
        font-weight: var(--font-weight_basic);
    }

.orderfooterhr {
    border-bottom: 5px solid #f2f2f2 !important;
}

.tab-pane,
.tab-content {
    border-bottom: 0 !important;
}

.orderbody_media .buyreviewbtn,
.body_pane_orderdetail .buyreviewbtn {
    line-height: 0;
    height: 30px;
    padding: 10px 10px;
    display: flex;
    align-items: center;
    border-radius: 8px !important;
}

.myorder_return .refundtext,
.modal_my_orderdetail .refundtext {
    color: #929292;
    font-weight: var(--font-weight_bold);
    font-size: 14px;
    margin-top: 40px;
}

.myorder_return .refundtexthr
.modal_my_orderdetail .refundtexthr {
    margin-top: 8px;
    border-top: 2px solid #eee;
}

.helptext {
    color: #929292;
}

.media_body_chgrq .media {
    margin-top: 0;
}

.media_body_chgrq .media-left img,
.modal_my_orderdetail .media-left img {
    width: 99px;
    height: 99px;
}

.media_body_chgrq .media-body {
    margin-top: 6px;
}

.media_body_chgrq .subject,
.modal_my_orderdetail .subject {
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    color: #222;
    margin: 0;
    line-height: 1.4;
    padding-bottom: 2px;
}

.media_body_chgrq .option,
.modal_my_orderdetail .option {
    font-size: 11px;
    color: #929292;
    margin-bottom: 0;
    line-height: 1.4;
}

.media_body_chgrq .price,
.modal_my_orderdetail .price {
    color: #222;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    margin: 10px 0 5px 0;
}


.media_body_chgrq .line,
.modal_my_orderdetail .line {
    border-top: 1px solid #e8e8e8;
    margin: 20px 0;
}

.modal_my_orderdetail input[type=checkbox] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.modal_my_orderdetail .checkbox .my_orderchk {
    display: flex;
    align-items: center;
    /* margin-left: -20px; */
}

.modal_my_orderdetail input[type=checkbox] + label {
    cursor: pointer;
    padding-left: 0;
}

    .modal_my_orderdetail input[type=checkbox] + label:before {
        content: "";
        background-image: url(../../contents/images/icon_check_off.svg);
        background-size: 100% 100%;
        width: 17px;
        height: 17px;
        clear: both;
    }

.modal_my_orderdetail input[type="checkbox"]:checked + label:before {
    content: "";
    background-image: url(../../contents/images/icon_check_on.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
}

.body_pane_orderdetail .thinline {
    border-bottom: 1px solid #e8e8e8;
    margin-top: 20px;
}

.wrap_maypage .prod-order > .panel-body > .panel {
    margin-bottom: 0;
}

.rewardPmodal .panel-heading p:first-child {
    color: #929292;
    font-size: 0.75rem;
}

.rewardPmodal .panel-heading p:last-child {
    color: #222;
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
}

.rewardPmodal .modal-header {
    border-bottom: 0;
}

.rewardPmodal .panel-heading {
    border-bottom: 1px solid #e8e8e8;
}

.rewardPmodal .select-sns-wrapper {
    margin: 40px 0;
}

.rewardPmodal .sns {
    display: inline-block;
    margin: 0 8px;
}

.rewardPmodal .sns img {
    width: 40px;
}

#rewardP {
    z-index: 1060;
}

.rewardlogin {
    background-color: #484848;
    -webkit-box-shadow: none;
    border-radius: 6px;
    padding: 20px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: 33%;
}

    .rewardlogin .closebtn {
        margin-left: auto;
        outline: none;
        background: none;
        border: none;
        color: #fff;
        /* font-size: 41px; */
        font-weight: var(--font-weight_bold);
    }

    .rewardlogin li {
        color: #fff;
        font-weight: var(--font-weight_bold);
    }

    .rewardlogin .modal-footer {
        border-top: 0;
    }

.rewardlogin {
    top: 33%;
}

    .rewardlogin .fontello {
        font-weight: var(--font-weight_bold);
    }

#footDeliveryBtn {
    display: none;
}

    #footDeliveryBtn.active {
        display: block;
    }

#rewarPLoginModal .modal-backdrop {
    background: none;
}

/*#footerMenu .list-group {
    height: 56px;
}*/

#rewardShare {
    position: relative;
}

.info-wrapper.wrap_info .reward_share .pgnotice {
    background-color: #ffc833;
    border-radius: 21px;
    display: inline-block;
    padding: 15px 18px;
    position: relative;
    vertical-align: top;
    width: 75px;
    position: relative;
    left: -9px;
}

.info-wrapper.wrap_info .reward_share .pgnotice:after {
    background-color: #ffc833;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 7px;
    right: 0px;
    /*border-radius: 4px;*/
    transform: rotate( 29deg ) skew( -35deg );
    -moz-transform: rotate( 29deg ) skew( -35deg );
    -ms-transform: rotate( 29deg ) skew( -35deg );
    -o-transform: rotate( 29deg ) skew( -35deg );
    -webkit-transform: rotate( 29deg ) skew( -35deg );
    width: 20px;
}

#myFullsizeModal_holder {
    overflow-y: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

    #myFullsizeModal_holder::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera*/
    }

.search_wrap .container {
    margin: 0 -15px;
    overflow: hidden;
}

.moall-search-wrapper.search_wrap .recommend.main-recommend-item {
    padding-left: 13px;
}

.search_wrap .fixtype1 .panel.gap_22p {
    padding: 0 0 24px 0;
}

.search_wrap .default1_DIV {
    margin: 0 -15px;
}


.search_wrap .swiper-container {
    display: flex;
    align-items: center;
    overflow: visible !important;
    white-space: normal;
    margin: inherit !important;
}

.search_wrap .section-title-wrapper {
    padding-left: 0;
}

.rewardtext_img {
    width: 145px;
    cursor: pointer;
}

#myCoupons .coupon-list .typeA {
    background: #424242;
}

#myCoupons .coupon-list .typeB {
    background: #f55f41;
}

#myCoupons .coupon-list .typeC {
    background: #ef9b2e;
}

#myCoupons .coupon-list .typeD {
    background: #af41f5;
}

#myCoupons .coupon-list .typeE {
    background: #2eaee9;
}

#myCoupons .coupon-list .typeF {
    background: #25cf61;
}

.rewardPmodal .modal-header,
#couponDownloadModal .modal-header,
#qnaModal .modal-header,
#deliveryModal .modal-header,
#addDeliveryModal .modal-header,
#postModal .modal-header,
#userclass-modal .modal-header,
#reviewWriteModal .modal-header,
#floatingActionShare .modal-header,
#loginModal .modal-header,
#snsShareModal .modal-header,
#noOAuthModal1 .modal-header,
#noOAuthModal2 .modal-header,
#halbuInfo .modal-header,
#orderAgreeModal1 .modal-header,
#orderAgreeModal2 .modal-header,
#viewDeliveryStatusModal .modal-header,
#phoneAuth .modal-header,
#Npaydetail .modal-header,
#orderCanceReqModal .modal-header,
.myorder_return#orderCanceReqModal .modal-header,
#reportModal .modal-header,
#orderAgreeModal3 .modal-header,
#postModalFLEXG .modal-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 15px;
    top: 0 !important;
    border-bottom: 1px solid #e8e8e8;
}

.rewardPmodal .modal-header .modal-title,
#couponDownloadModal .modal-header .modal-title,
#qnaModal .modal-header .modal-title,
#deliveryModal .modal-header .modal-title,
#addDeliveryModal .modal-header .modal-title,
#postModal .modal-header .modal-title,
#userclass-modal .modal-header .modal-title,
#reviewWriteModal .modal-header .modal-title,
#floatingActionShare .modal-header .modal-title,
#loginModal .modal-header .modal-title,
#snsShareModal .modal-header .modal-title,
#noOAuthModal1 .modal-header .modal-title,
#noOAuthModal2 .modal-header .modal-title,
#halbuInfo .modal-header .modal-title,
#orderAgreeModal1 .modal-header .modal-title,
#orderAgreeModal2 .modal-header .modal-title,
#viewDeliveryStatusModal .modal-header .modal-title,
#phoneAuth .modal-header .modal-title,
#Npaydetail .modal-header .modal-title,
#orderCanceReqModal .modal-header .modal-title,
.myorder_return#orderCanceReqModal .modal-header .modal-title,
#reportModal .modal-header .modal-title,
#orderAgreeModal3 .modal-header .modal-title,
#postModalFLEXG .modal-header .modal-title{
    width: 100%;
    margin-left: 20px;
}

#orderCanceReqModal .modal-header .modal-title {
    text-align: center;
}

.myorder_return#orderCanceReqModal .modal-header {
    z-index: 1050;
}

#loginModal .modal-header,
#phoneAuth .modal-header {
    border-bottom: none;
}

.myorder_return#orderCanceReqModal .refundtext.moc_bank_title {
    margin-top: 0;
}

#phoneAuth .modal-dialog:not(.confirm) > .modal-content > .modal-body {
    margin-top: 0;
}

#orderCanceReqModal .modal-body {
    height: auto;
}

#orderCanceReqModal .modal-footer {
    position: relative;
}

.coupon .coupon-list li .border {
    border-left: 1px solid #000;
    border-right: 2px solid #fff;
    opacity: 0.2;
}

.myorderdetailinfo {
    padding: 0 16px;
}

.wrap_maypage .prod-order-wrapper .body_pane_orderdetail {
    padding-bottom: 10px;
}

.wrap_maypage .prod-order-wrapper .panel-footer {
    padding-top: 0;
}

#myFullsizeModal .modal-header {
    margin: 0;
    border-left: none;
    border-right: none;
}

.wrap_cont_popcs_img {
    margin-top: 0 !important;
}

    .wrap_cont_popcs_img .pop_return .image_add button {
        padding: 0 16px;
    }


/*주문자검색*/
.modal.order-search .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
}

.modal.order-search .modal-content {
    height: 100%;
}

    .modal.order-search .modal-content .modal-body {
        height: 100%;
        padding: 20px;
    }

.tb_row {
    width: 100%;
    margin-top: 10px;
    border-top: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9
}

    .tb_row th, .tb_row td {
        background-color: #f1f2f3
    }

    .tb_row th {
        color: #484848;
        font-weight: var(--font-weight_bold);
        text-align: left;
        vertical-align: top;
        word-break: keep-all;
        padding-left: 15px;
        padding: 9px 0 0 15px;
    }

        .tb_row th.tc {
            text-align: center
        }

    .tb_row td {
        height: 40px;
        color: #929292;
        word-break: keep-all;
        vertical-align: middle;
        padding: 0 10px;
    }

        .tb_row td span, .tb_row td ul {
            font-weight: var(--font-weight_basic);
        }

        .tb_row td span {
            margin-right: 5px
        }

        .tb_row td a {
            color: #929292
        }

        .tb_row td .period {
            display: inline-block;
            margin: 4px 0 4px 15px
        }

            .tb_row td .period a {
                margin: 0 1px
            }

        .tb_row td .info_popbill {
            color: #929292
        }

            .tb_row td .info_popbill dt, .tb_row td .info_popbill dd {
                display: inline-block;
                font-weight: var(--font-weight_bold);
            }

            .tb_row td .info_popbill dd {
                margin: 0 20px 0 3px;
                color: #484848
            }

        .tb_row td.state_select label {
            display: inline-block;
            margin: 2px 16px 2px 0
        }

        .tb_row td .selectBox, .tb_row td input[type=text], .tb_row td button, .tb_row td a {
            margin-right: 3px
        }

        .tb_row td .txt_gap {
            margin: 0 10px 0 7px
        }

        .tb_row td .info_block {
            display: block;
            margin-top: 5px
        }

        .tb_row td select.form-control {
            position: relative;
            top: 1px;
        }

    .tb_row .line_top th, .tb_row .line_top td {
        padding-bottom: 20px;
        border-bottom: solid 1px #e2e2e2
    }

    .tb_row .line_bottom th:before, .line_bottom td:before {
        content: '';
        display: block;
        height: 0px
    }

    .tb_row .last_gap th, .tb_row .last_gap td {
        padding-bottom: 15px
    }

.btn_box_c {
    margin-top: 20px;
    text-align: center
}

.btn_t2 {
    display: inline-block;
    position: relative;
    width: 90px;
    height: 28px;
    line-height: 27px;
    color: #fff;
    font-weight: var(--font-weight_bold);
    vertical-align: middle
}

.btn_gray_deep {
    border: 2px outset #697280;
    background-color: #505a68;
    margin-bottom: 2px;
    border-radius: 4px;
}

.ip_basic {
    height: 28px;
    line-height: 30px;
    padding: 0 4px !important;
    border: solid 1px #ccc;
    border-radius: 4px;
    background-color: #fff;
    color: #484848;
    vertical-align: middle;
    font-size: 11px;
}

    .ip_basic:focus {
        outline: none;
    }
/***** table *****/
.tb_basic {
    width: 100%;
    margin-top: 15px;
    border-top: solid 1px #d9d9d9;
}

    .tb_basic th {
        padding: 8px 15px;
        border-right: solid 1px #e5e5e5;
        border-bottom: solid 1px #e5e5e5;
        background-color: #f1f2f3;
        color: #333;
        font-weight: var(--font-weight_bold);
        word-break: keep-all
    }

    .tb_basic td {
        position: relative;
        padding: 9px 6px;
        border-right: solid 1px #e5e5e5;
        border-bottom: solid 1px #e5e5e5;
        text-align: center;
        word-break: keep-all
    }

    .tb_basic .calc_total {
        color: #484848;
        font-weight: var(--font-weight_bold);
    }

    .tb_basic.custom td {
        padding-top: 8px;
        padding-bottom: 8px;
        text-align: left;
    }

        .tb_basic.custom td .ip_basic {
            margin-bottom: 5px;
        }

        .tb_basic.custom td .gap_l {
            color: #59a9ae;
        }

            .tb_basic.custom td .gap_l strong {
                color: #e53935;
            }

    .tb_basic td.img-fixed {
        width: 82px;
        padding-left: 0;
        padding-right: 0;
    }

        .tb_basic td.img-fixed img {
            width: 80px;
            height: 80px;
        }

    .tb_basic tr th:first-child, .tb_basic tr td:first-child {
        border-right: 0
    }

    .tb_basic td.align_left {
        text-align: left
    }

    .tb_basic td.align_right {
        text-align: right
    }

    .tb_basic td.pd_none {
        padding: 10px 5px 10px
    }

    .tb_basic td.delivery_select {
        position: relative;
        min-width: 120px
    }

        .tb_basic td.delivery_select .pop_delivery_select {
            display: none;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            padding-top: 30px;
            background-color: #ececec
        }

            .tb_basic td.delivery_select .pop_delivery_select .pop_delivery_close {
                position: absolute;
                top: 10px;
                right: 10px;
                width: 10px;
                height: 10px;
                background: url(/contents/images/bg/bg_close.gif) no-repeat
            }

        .tb_basic td.delivery_select select {
            width: 128px
        }

        .tb_basic td.delivery_select input[type=text] {
            width: 110px;
            margin: 2px 0
        }

    .tb_basic td .btn_memo {
        display: block;
        width: 26px;
        margin: 0px auto;
        padding-top: 5px;
    }

    .tb_basic td .btn_calc {
        display: block;
        border: 1px solid #c8c8c8;
        padding: 2px;
        border-radius: 5px;
        margin-top: 5px;
    }

    .tb_basic td .memo_box_prev {
        display: block;
        position: relative;
        right: 2px;
        bottom: 2px;
        left: 0;
        height: 35px;
        background: url(/contents/images/bg/bg_memo_arr.gif) no-repeat 11px 0
    }

        .tb_basic td .memo_box_prev span {
            display: block;
            overflow: hidden;
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            height: 28px;
            line-height: 28px;
            padding: 0 5px 0 28px;
            background: #505a68 url(/contents/images/bg/bg_memo_prev.gif) no-repeat;
            color: #fff;
            font-size: 12px;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal
        }

    .tb_basic td .memo_box_prev2 {
        display: block;
        right: 2px;
        bottom: 2px;
        left: 2px;
        height: 35px;
    }

        .tb_basic td .memo_box_prev2 span {
            display: block;
            overflow: hidden;
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            height: 28px;
            line-height: 28px;
            padding: 0 5px 0 28px;
            background: #59a9ae url(/contents/images/bg/bg_memo_prev.gif) no-repeat;
            color: #fff;
            font-size: 12px;
            text-overflow: ellipsis;
            white-space: nowrap;
            word-wrap: normal
        }

    .tb_basic td .goods_link {
        color: #5c7df8
    }

    .tb_basic td .order_name {
        display: inline-block;
        margin-top: 5px
    }

    .tb_basic td .delivery_info {
        margin-bottom: 5px;
        color: #669947
    }

    .tb_basic td .delivery_tie {
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 10px;
        padding-left: 25px;
        background: url(/contents/images/icon/ic_delivery_tie.gif) no-repeat 0 50%;
        color: #669947
    }

    .tb_basic td .timesale-movie-wrapper {
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .tb_basic td .movie {
        float: left;
        display: inline-block;
        padding-left: 25px;
        background: url(/contents/images/icon/ic_movie2.png) no-repeat 0 50%;
        color: #588ddb;
    }

    .tb_basic td .timesale {
        float: left;
        display: inline-block;
        margin-right: 7px;
        padding-left: 25px;
        background: url(/contents/images/icon/timesale.jpg) no-repeat 0 50%;
        color: #e53935;
    }

    .tb_basic td .receipt_info {
        color: #bb8b30
    }

    .tb_basic td .info_gap {
        margin-top: 5px
    }

    .tb_basic td .manage_btn {
        margin: 1px 0
    }

        .tb_basic td .manage_btn .fa {
            padding-right: 3px;
            font-size: 13px;
        }

    .tb_basic td .define_list {
        *zoom: 1
    }

        .tb_basic td .define_list:after {
            content: '';
            display: block;
            clear: both
        }

        .tb_basic td .define_list dt {
            clear: both;
            float: left;
            margin-top: 2px
        }

        .tb_basic td .define_list dd {
            float: right;
            margin-top: 2px
        }

    .tb_basic td .option_info {
        margin-top: 7px
    }

        .tb_basic td .option_info a {
            margin-left: 10px
        }

    .tb_basic td .txt_line {
        margin-top: 5px;
        padding: 5px 10px 0;
        border-top: solid 1px #e5e5e5
    }

    .tb_basic td .box_select {
        margin: 11px 0
    }

        .tb_basic td .box_select label {
            margin: 0 3px
        }

    .tb_basic td .gap_top {
        margin-top: 7px
    }

    .tb_basic th span, .tb_basic td span {
        display: block
    }

    .tb_basic input {
        vertical-align: middle
    }

    .tb_basic tr th:last-child, .tb_basic tr td:last-child {
        border-right: 0
    }

    .tb_basic tr.join_list td {
        border-bottom: 0
    }

    .tb_basic .calc_info {
        color: #484848;
        font-weight: var(--font-weight_bold);
    }

    .tb_basic.basic_line th, .tb_basic.basic_line td {
        border-right: 0
    }

    .tb_basic.basic_line tr th:first-child, .tb_basic.basic_line tr td:first-child {
        border-right: solid 1px #e5e5e5
    }

    .tb_basic.basic_line tr th:last-child, .tb_basic.basic_line tr td:last-child {
        border-left: solid 1px #e5e5e5
    }

    .tb_basic.basic_fl tr th:first-child, .tb_basic.basic_fl tr td:first-child {
        border-right: solid 1px #e5e5e5
    }

.btn_sky {
    border: 2px outset #1e88e5;
    background-color: #1e88e5;
    margin-bottom: 2px;
    border-radius: 4px;
}

.btn_t1 {
    display: inline-block;
    position: relative;
    height: 28px;
    line-height: 27px;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    vertical-align: middle
}

.btn_black {
    border: 2px groove #c6bfad;
    background-color: #a59f90;
    margin-bottom: 2px;
    border-radius: 4px;
}

.modal-header {
    color: #fff;
    background-color: #343a40;
}

.modal-bodyy {
    overflow-x: hidden;
    overflow-y: auto;
}

/*주문자 검색 END*/

.contents-wrapper.view .section-title-wrapper {
    padding-left: 0;
    padding-right: 0;
}
/*아이콘*/
.Icon_Home img,
.Icon_Cart img,
.Icon_Back img,
.Icon_Share img,
.Icon_Close img,
.Icon_Search img {
    width: 32px;
    height: 32px;
}

button.Icon_Close {
    outline: none;
    border: none;
    background: none;
}

#sidemenu .Icon_Close img {
    height: 32px !important;
}
/**/
#confirm-mi-modal .modal-header.confirm {
    background: none;
}

.guestinfo_form .panel-heading {
    padding-top: 15px;
    background: #fff;
}

.orderbody_media .media-body .price p {
    color: #222;
    font-size: 12px;
    font-weight: var(--font-weight_basic);
}

.my-wrapper .prod-order > .panel-heading .date2 {
    letter-spacing: -1px;
    color: #222;
    padding-left: 4px;
    font-size: 13px;
}

#qnaModal_txt_contents,
#modal_txt_contents {
    resize: none;
}

.wrap_sub_menu div:nth-child(1),
.wrap_sub_menu div:nth-child(3),
.wrap_sub_menu2 div:nth-child(1),
.wrap_sub_menu2 div:nth-child(3),
.wrap_sub_menu3 div:nth-child(1),
.wrap_sub_menu3 div:nth-child(3) {
    width: 29%;
}

.wrap_sub_menu div:nth-child(2) {
    margin: 0 auto;
}

.wrap_sub_menu div:nth-child(3),
.wrap_sub_menu2 div:nth-child(3),
.wrap_sub_menu3 div:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.wrap_sub_menu div a + a {
    margin-left: 4px;
}

#sidemenu .categoryList li .empty_img {
    width: 24px;
    height: 24px;
    /*margin-left: 8px;*/
}
.reward {
    cursor: pointer;
}

.review_btn:hover,
.review_btn:focus {
    border: none;
    border-radius: 10px;
}

.termstitle,
.privacytitle {
    text-align: center;
    margin-left: 24px;
}

#sidemenu .categoryList li .empty_img .title {
    margin-left: 8px;
}

#subOrderBtn {
    margin-left: 4px;
}

.form-group.info_num {
    display: flex !important;
    align-items: center;
}
.wrap_customer .titlebox {
    border-bottom: 1px solid #e8e8e8;
    margin: 0 15px;
    padding: 0 8px;
}

.wrap_customer .titlebox p {
    width: 50%;
    padding-bottom: 10px;
}

.wrap_customer .titlebox .subject {
    color: #222;
    font-size: 11px;
}

.wrap_customer .titlebox .date {
    color: #929292;
    font-size: 11px;
}



.number_td,
.title_td,
.title__td {
    width: 100px;
}





.scroll-prod-wrapper .slide_text {
    width: 100%;
    display: flex;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 15px;
    justify-content: space-between;
}

    .scroll-prod-wrapper .slide_text .panel-heading img {
        width: 100%;
        border-radius: 12px;
        /*margin: inherit;*/
    }

    .scroll-prod-wrapper .slide_text .panel-heading {
        width: 120px;
    }

.scroll-prod-wrapper .slide_text i {
    color: #ffc833;
    letter-spacing: -3px;
    font-size: 0.875rem;
}

.scroll-prod-wrapper .slide_text .panel-body {
    padding: 0;
}

.scroll-prod-wrapper .slide_text + .slide_text {
    margin-left: 0;
}
.review_slide .prod.type1 > .panel-body .prod-title {
    font-size: 0.8125rem;
    width: 165px;
    line-height: 1.2;
    margin: 6px 0px 4px 0px;
    text-overflow: ellipsis;
    color: #222;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 60px;
}
.main-review-slide .review_slide .prod-title{
    width:100% !important;
    margin-top:0 !important;
}
.container.good-review .Goods_wrapper.review_slide .writeinfo p {
    font-size: 0.75rem;
}
.wrap_login_out {
    display: flex !important;
    align-content: center;
}

.navbar .logo {
    /*font-size: 22px;*/
    color: #222;
    font-weight: var(--font-weight_bold);
}

#onair_replyinput {
    background: #f6f6f6;
    padding: 5px;
}

.onair-view .panel-body.content p {
    width: 100%;
    height: 22px;
    display: inline-block;
    word-wrap: break-word;
}

#commentCount img {
    width: 20px;
    margin-right: 4px;
}

#commentCount {
    color: #727272;
    font-weight: var(--font-weight_bold);
}

.onair-list-wrapper .onair-view .reply-body .writer > .lastname {
    background: #b8b8b8;
    border-radius: 50%;
    color: #fff;
    padding: 3px 5px;
    margin-right: 4px;
}

.onair-list-wrapper .onair-view .reply-body .contents {
    margin-bottom: 10px;
}

.onair-list-wrapper .onair-view .reply-body .media-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 21px;
}

.onair-list-wrapper .onair-view .reply-body .media-heading .modify img {
    margin-right: 10px;
    width: 16px;
}

.onair-list-wrapper .onair-view .reply-body .media-heading .del img {
    width: 16px;
}

.onair-list-wrapper .onair-view .rereplyfrm {
    background: #f6f6f6;
    display: flex;
    align-items: center;
    width: 100%;
    height: 102px;
}

    .onair-list-wrapper .onair-view .rereplyfrm .changeinput {
        width: 71%;
        height: 102px;
    }

    .onair-list-wrapper .onair-view .rereplyfrm .changebox {
        display: flex;
        flex-direction: column;
    }

        .onair-list-wrapper .onair-view .rereplyfrm .changebox a {
            width: 100px;
        }

            .onair-list-wrapper .onair-view .rereplyfrm .changebox a:first-child {
                margin-bottom: 4px;
            }

    .onair-list-wrapper .onair-view .rereplyfrm .media-body {
        display: flex;
        align-items: center;
        height: auto;
    }

.panel.notice .panel-body p {
    display: flex;
    align-items: center;
    justify-content: center;
}

.panel.detail_normal .panel-body p { /* 게시판 공지사항 일반 상세*/
    display: block;
}

#sidemenu .login-out-wrapper .my_login {
    width: 100%;
}

#couponDownloadModal,
#qnaModal {
    z-index: 9999;
}

#rewardP .modal-header {
    position: fixed;
    width: 100%;
    right: 0;
    left: 0;
}

#reviewWriteModal .modal-body {
    background: #fff;
    font-size: .875rem;
    width: 100%;
    height: calc(100% - 60px);
    /* overflow-y: auto; */
    margin-top: 58px;
}

#deliveryModal .modal-header {
    border-bottom: 0;
}

#noOAuthModal2 .panel-body {
    word-break: break-word;
}

#loginModal .modal-body.common-wrapper {
    margin-top: 0;
}

.consent_home .sub-menu-title {
    margin-left: 20px;
}

.member_wrap .Apple,
.member_wrap .Naver,
.member_wrap .katalk {
    position: relative;
    justify-content: center;
}




#rewardP .modal-header,
#floatingActionShare .modal-header,
#snsShareModal .modal-header {
    border-bottom: 0;
}

#loginModal {
    z-index: 99999;
}

.guestinfo_form .user-find-wrapper.panel {
    margin-top: 0;
}

.guestinfo_form .col-xs-12 {
    margin-top: 58px;
}

.faq .answer p img {
    width: 100%;
}

.panel.notice .title__td {
    width: 225px;
}

.TopGnb ul {
    display: flex;
    width: 100%;
    justify-content: center;
}

.TopGnb ul > li {
    display: flex;
    align-items: center;
    position: relative;
    width: 20%;
    justify-content: center;
}

.TopGnb {
    border-bottom: 1px solid #e8e8e8;
/*    position: fixed;*/
    right: 0;
    left: 0;
    z-index: 1030;
    display: flex;
    align-items: center;
    border: 0;
}

    .TopGnb ul > li:nth-of-type(2) > a {
        text-align: center;
    }

    .TopGnb .animationGnb {
        display: inline-block;
        -webkit-animation: animationGnb 5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        z-index: 1;
    }

    .TopGnb .animationGnbnum {
        display: inline-block;
        -webkit-animation: animationGnbnum 5s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
    }

@-webkit-keyframes animationGnb {
    0% {
        z-index: 2;
        -webkit-transform: rotateX( 0deg );
    }

    40% {
        z-index: 2;
        -webkit-transform: rotateX( 0deg );
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX( 0deg );
    }

    50% {
        z-index: 1;
        -webkit-transform: rotateX( -180deg );
        -ms-transform: rotateX(-180deg);
        -moz-transform: rotateX(-180deg);
        transform: rotateX( -180deg );
    }

    90% {
        z-index: 2;
        -webkit-transform: rotateX( -180deg );
        -ms-transform: rotateX(-180deg);
        -moz-transform: rotateX(-180deg);
        transform: rotateX( -180deg );
    }

    100% {
        z-index: 2;
        -webkit-transform: rotateX( 0deg );
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX( 0deg );
    }
}

@-webkit-keyframes animationGnbnum {
    0% {
        z-index: 2;
        -webkit-transform: rotateX( -180deg );
        -ms-transform: rotateX(-180deg);
        -moz-transform: rotateX(-180deg);
        transform: rotateX( -180deg );
    }

    40% {
        z-index: 2;
        -webkit-transform: rotateX( -180deg );
        -ms-transform: rotateX(-180deg);
        -moz-transform: rotateX(-180deg);
        transform: rotateX( -180deg );
    }

    50% {
        z-index: 1;
        -webkit-transform: rotateX( 0deg );
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX( 0deg );
    }

    90% {
        z-index: 2;
        -webkit-transform: rotateX( 0deg );
        -ms-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX( 0deg );
    }

    100% {
        z-index: 2;
        -webkit-transform: rotateX( -180deg );
        -ms-transform: rotateX(-180deg);
        -moz-transform: rotateX(-180deg);
        transform: rotateX( -180deg );
    }
}


.TopGnb .join,
.TopGnb .pointnum {
    width: 100%;
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0px;
    color: #727272;
    font-size: 11px;
}

.mainShopinfo ul {
    display: flex;
    padding: 15px;
}

.mainShopinfo ul > li {
    display: flex;
    flex-flow: column wrap;
    width: 300px;
    align-items: center;
    letter-spacing: -0.2px;
    text-align: center;
    white-space: nowrap;
}

.mainShopinfo ul > li:last-child {
    border-right: none;
}

.mainShopinfo ul > li > span {
    font-family: Roboto;
    margin-bottom: 4px;
}

#Npaydetail .panel.panel-body {
    background: #f8f8f8;
}

#Npaydetail .Npaybody ul {
    font-size: 12px;
    line-height: 19px;
}

#Npaydetail .Npaybody ul > li {
    margin-top: 7px;
}

#Npaydetail .Npaybody ul > li:first-child {
    margin-top: 0;
}

.footer-info-wrapper .footerblock {
    display: block !important;
}



.join_wrap .guestwrap img,
.Login_page .guestwrap img {
    width: 20px;
    transform: translate3d(0, 0, 0);
}

.goods-items-container .section-title-wrapper .moretext,
.main-recommend-item .section-title-wrapper .moretext,
.main-review-wrapper .section-title-wrapper .moretext,
.main-review-slide .section-title-wrapper .moretext,
.category-view .title_category .moretext {
    position: relative;
    top: 5px;
    flex-shrink: 0;
    /*width: 74px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category-view .title_category .moretext,
.main-review-slide .section-title-wrapper .moretext {
    text-align: center;
}

.goods-items-container .section-title-wrapper img,
.good-unlimited .section-title-wrapper img,
.main-recommend-item .section-title-wrapper img {
    width: 24px;
    margin-right: 4px;
}
.fixtype1 .benefitbox span {
    height: auto;
    width: 200px;
}

.fixtype1 .col-xs-12 .default-benefit {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    /*width: 200px;*/
    margin-left: 0;
    /*padding-top: 4px;*/
}

.BigWrap .col-xs-6.itemrows .body_panel .benefit {
    margin-top: 0;
    margin-left: 0;
    width: 100%;
}

    .BigWrap .col-xs-6.itemrows .body_panel .benefit p {
        margin-left: 0;
    }

        .BigWrap .col-xs-6.itemrows .body_panel .benefit p:first-child {
            margin-right: 2px;
        }

.fixtype2 .col-xs-6 .benefit {
    width: 100%;
}

.wrap_my_delivery .delivery-list.addedList a.btn.btn_type3.btn-white {
    box-shadow: 0 3px 0 #c8c8c8 !important;
}

.common-wrapper.guestinfo_form .panel-heading.navbar-fixed-top p,
.common-wrapper.access.join.new_join_wrap .panel-heading p,
.common-wrapper.access.join.idpw_search .panel-heading p,
.common-wrapper.idsearch_list .panel-heading p,
.common-wrapper.pwsearch_reset .panel-heading p {
    width: 10%;
}

.event-page-wrapper.couponbookpage .text-center {
    font-size: 12px;
}

#purchase-wrapper .panel-footer.sellersoldout,
#purchase-wrapper .panel-footer.sellerplan {
    box-shadow: 0 -5px 10px 0px #d3d3d3;
    background: #424242;
}

#purchase-wrapper .panel-footer.sellersoldout a,
#purchase-wrapper .panel-footer.sellerplan a {
    color: #929292;
    font-size: 1rem;
}

#purchase-wrapper .panel-footer.sellerplan a span {
    color: #fff;
    font-size: 1rem;
}

.common-wrapper.access.join.idpw_search .member {
    margin-top: 70px;
}

.common-wrapper.idsearch_list .idsearch,
.common-wrapper.pwsearch_reset .pwsearch {
    margin-top: 58px;
}
.common-wrapper.access.join.new_join_wrap .member.joinmember {
    margin-top: 73px;
}

.common-wrapper.access.join.idpw_search .phone-token_chk {
    margin-bottom: 20px;
    text-align: center;
}

.col-xs-12 .prod.type1,
.col-xs-6 .prod.type1,
.col-xs-4 .prod.type1,
.Goods_wrapper .sliding1 .prod.slidebasic,
.main-review-slide .prod.type1,
.moall-wrapper .prod-list-wrapper .rcmm_1wrap .panel,
.recommend .sliding1 .prod.slidebasic,
#newboard .img-type#imgTypeLine2 .col-xs-6,
#newboard #imgTypeLine1 .panel-list li,
#newboard.main-slide .swiper-slide {
    margin-bottom: calc(var(--goods-interval) + 0px) !important;
}


.col-xs-12 .prod.type1 > .panel-body,
.col-xs-6 .prod.type1 > .panel-body,
.col-xs-4 .prod.type1 > .panel-body,
.Goods_wrapper .sliding1 .prod.type1 > .panel-body,
.Goods_wrapper.review_slide .prod.type1 > .panel-body,
.photoreview_list .panel-body,
.moall-wrapper .prod-list-wrapper .rcmm_1wrap .prod.type1 > .panel-body,
.container.recommend .sliding1 .panel-body.body_panel,
.scroll-prod-wrapper.sliding1 .panel-body.body_panel{
    padding: 12px 0 0 0;
}

.col-xs-12 .prod.type1 > .footer_panel,
.col-xs-6 .prod.type1 > .footer_panel,
.col-xs-4 .prod.type1 > .footer_panel,
.Goods_wrapper .sliding1 .footer_panel.default-footerpanel,
.Goods_wrapper.review_slide .prod.type1 > .panel-footer,
.main-review-wrapper .panel-footer,
.photoreview_list .panel-footer,
.moall-wrapper .prod-list-wrapper .rcmm_1wrap .footer_panel,
.recommend .sliding1 .prod.type1 > .footer_panel{
    padding-top: 10px;
}


.btn_type_maintop.view div:last-child .basket-exist {
    top: 9px;
}

.sellerfootpartial .company {
    margin-bottom: 64px;
}

.contents-wrapper.wrap_orderendcont .payment-wrapper {
    margin-top: 80px;
}

.panel.info-wrapper.wrap_info .detail-summary {
    font-size: 0.875rem;
    color: #727272;
    word-wrap: break-word;
    display: inline-block;
    width: 342px;
    margin-top: 32px;
    padding-bottom: 4px;
}

.panel.info-wrapper.wrap_info .panel-heading h3 {
    margin-top: 0;
}

.my-wrapper .media-body.orderbody_media .media-head > p > a {
    float: right;
}

.panel-body.body_pane_orderdetail .madia-head a {
    float: right;
}

.my-wrapper .media-body.orderbody_media .request_text {
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    color: #ff0000;
}

.moall-wrapper .prod-list-wrapper .rcmm_2wrap.rcmm_2wrapslide .rcmm_slide_title {
    padding-left: 15px;
}

.moall-wrapper .prod-list-wrapper .rcmm_2wrap.rcmm_2wrap_2div .rcmm_slide_title {
    padding-left: 15px;
}

.Goods_wrapper.goods-items-container .section-title-wrapper,
.main-review-wrapper .section-title-wrapper.titlewrapper,
.container.main-review-slide .section-title-wrapper,
.main-recommend-item .section-title-wrapper,
.main-review-slide .section-title-wrapper,
.good-unlimited .section-title-wrapper,
.category-view .title_category {
    padding: 16px 15px;
}

.btn-moreview div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-moreview a {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 6px;
}
/*신규배너라인*/
.bigBannerCarousel_olcaseline li,
.bigBannerCarousel_olcaseinline li {
    height: 4px;
    width: 18px;
    margin: 0;
    border-color: #dcdcdc;
    background-color: #dcdcdc;
    border-radius: 0;
}

.bigBannerCarousel_olcaseline .swiper-pagination-bullet.swiper-pagination-bullet-active,
.bigBannerCarousel_olcaseinline .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 4px;
    width: 18px;
    margin: 0;
    border-radius: 0;
    background-color: var(--btn_type_shopbasic3_background, #0e16f0);
    border: 0;
}

.bigBannerCarousel_olcaseline .swiper-pagination-bullet,
.bigBannerCarousel_olcaseinline .swiper-pagination-bullet {
    margin: 0 !important;
    height: 4px;
    width: 18px;
    border-radius: 0;
    opacity: 1;
    border-color: #dcdcdc;
    background-color: #dcdcdc;
}
/*//신규배너라인*/
.category-view .title_category {
    display: flex;
}

.Goods_wrapper.good-unlimited .prod-wrapper.fixtype1,
.Goods_wrapper.good-unlimited .prod-wrapper.fixtype3 {
    margin-left: 0;
    margin-right: 0;
}

.Goods_wrapper.good-unlimited .textwrap {
    width: 100%;
}

.main-recommend-item .iconsize,
.main-review-slide .iconsize,
.main-review-wrapper .iconsize {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.good-unlimited .fixtype1 {
    padding-right: 15px;
    padding-left: 15px;
}

    .good-unlimited .fixtype1 .col-xs-6:nth-child(2n+1) {
        padding-left: 0;
    }

    .good-unlimited .fixtype1 .col-xs-6:nth-child(2n) {
        padding-right: 0;
    }

.good-unlimited .prod-wrapper.fixtype3 {
    padding-right: 15px;
    padding-left: 15px;
}

.panel {
    background: none;
}

#purchase-wrapper {
    background: #fff;
}

.prod-list-wrapper.prod_list_wrap .gnb-wrapper {
    font-size: .8125rem;
    font-weight: var(--font-weight_bold);
    width: 100%;
    height: 42px;
    line-height: 43px;
    background-color: #fff;
}

.prod-list-wrapper.prod_list_wrap .gnb > .menu:first-child {
    margin-left: 15px !important;
}

.prod-list-wrapper.prod_list_wrap .gnb > .menu:last-child {
    margin-right: 15px !important;
}

.prod-list-wrapper.prod_list_wrap .gnb > .menu {
    margin: 0 10px;
    font-size: .8125rem;
}

.contents-wrapper.myqna.my-qna .more-view a,
#prodOrder_btn {
    width: 100%;
}

.contents-wrapper.view .recommend.main-recommend-item .section-title-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

.contents-wrapper.view .good-review .section-title-wrapper {
    padding-bottom: 16px;
}

.quick-category {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.payment-wrapper .checks .paycoimg {
    height: 13px;
}

.panel-body.sns.join_wrap a {
    white-space: nowrap;
}

.contents-wrapper.wrap_orderendcont .orderendbanner {
    margin-bottom: 80px;
}

.payment-wrapper.common-wrapper .orderbanner {
    padding-top: 15px;
}

.contents-wrapper.view .sliding1 .prod-title {
    white-space: normal;
}

.contents-wrapper.view .Goods_wrapper.review_slide .panel-body {
    padding-top: 0;
}

.footer-wrapper .notify-wrapper .notifytitle {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.panel.faq {
    margin-top: 70px;
}

#purchase_first .golinkbtn {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 8px;
}

.info-wrapper.payment-info .pay-cancel {
    color: #ff0000;
}

.home-termswrap .home-terms-navbar,
.privacywrap .home-parivacy-navbar {
    background-color: #fff !important;
}

.home-termswrap .contents-wrapper.terms,
.privacywrap .contents-wrapper.terms.home-parivacy {
    margin-top: 58px;
}

@media (max-width: 768px) {
    .modal-terms-table {
        white-space: nowrap;
    }
}
.sub-menu-wrapper.wrap_sub_menu.submenu-wrap-1 .sub-menu-title {
    width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 320px) {
    .sub-menu-wrapper.wrap_sub_menu.submenu-wrap-1 .sub-menu-title {
        width: auto;
    }
}

#paymentMethod .paycomethod img {
    height: 11px;
    margin-left: 2px;
}

#postModal .modal-body {
    margin-top: 63px;
}

.onair-page-wrapper.img-board-list .goodsbox .media-object {
    width: 100px;
    height: 100px;
}

.text-success.success-text {
    color: #3c763d !important;
}

#sidemenu #categoryAccordion .sideClose.sidetext {
    display: inline-block;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel.notice.notice-table .text-center {
    padding: 14px;
}

.panel.notice.detail_normal .subject.textbox a {
    width: 200px;
}
/*현금영수증수정*/
.contents-wrapper.detail .panel.order-payment-info .receiptselect,
.contents-wrapper.detail .panel.order-payment-info .receiptselect2,
.contents-wrapper.detail .panel.order-payment-info .receiptselect3 {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #222;
    font-weight: var(--font-weight_bold);
    font-size: 0.8125rem;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../contents/images/icon-arrow-bottom.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 95% 50%;
    cursor: pointer;
}

.contents-wrapper.detail .agree_chk a, .payment-wrapper .order-payment-info .pay_heading a {
    color: var(--btn_type_shopbasic2_color, #ffd800);
    text-decoration-color: var(--btn_type_shopbasic2_color, #ffd800);
}
/*//현금영수증수정*/
.customer-wrapper .panel.notice.notice-table {
    margin-top: 61px;
}

.customer-wrapper .panel.notice.notice-table tr {
    justify-content: space-between;
}
/*#paymentMethod .NpayModal,
#paymentMethod .halbuModal {
    text-decoration: underline;
}*/
.pay_heading .NpayModal,
.pay_heading .halbuModal {
    text-decoration: underline;
}
.form-group.card-agree-wrapper .checks label {
    white-space: nowrap;
}
.form-group.card-agree-wrapper .checks a {
    width: 26px;
}
.contents-wrapper.terms.consent-terms{
    margin-top:58px;
}
.sub-menu-wrapper.consent_home {
    border-bottom: 1px solid #e8e8e8;
}

.prod-wrapper > .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}
.col-xs-12 .panel-body.custom-panelbody{
    padding-left:15px !important;
    padding-right:15px !important;
}

.col-xs-12 .panel-body,
.col-xs-12 .footer_panel.default-footer {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.wrapper_moall .main .default1_DIV,
#sidemenu .default1_DIV {
    margin: 0 !important;
}
.BigWrap.default-list .col-xs-12 .prod.type1 {
    margin: 0 -15px;
}
.BigWrap.default-list .col-xs-12 .panel-heading{
    margin:0 !important;
 }
.BigWrap .panel-body.body_panel {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.rcmm_2wrap.rcmm_2wrapslide .prod-title.default-title {
    white-space: normal;
    max-height: 2.4em;
    width: 100%;
    overflow: hidden;
    margin: 0;
    margin-bottom: 4px;
    text-overflow: ellipsis;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 2.4em;
    letter-spacing: -0.2px;
    line-height: 1.25em;
}
.rcmm_2wrap.rcmm_2wrapslide .prod-title,
.rcmm_2wrap .prod.type1.slidebasic .custom-summary {
    white-space: normal;
    text-overflow: ellipsis;
}
.BigWrap .rcmm_2wrap .col-xs-12 .panel-body{
    /*padding-left:0 !important;
    padding-right:0 !important;*/
}
.BigWrap .rcmm_2wrap .col-xs-12 .footer_panel {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.footer_panel.default-footer .orderCount {
    color: #727272;
    font-size: .6875rem;
    min-height: 14px;
    letter-spacing: -0.2px;
}

/*커스텀*/
/*.BigWrap.custom-list .col-xs-12 .prod.type1 {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
.BigWrap.custom-list .col-xs-12 .panel-heading {
    margin: 0 !important;
}
.BigWrap.default-list .col-xs-12 .panel-body {
    padding-left: 15px !important;
    padding-right: 15px !important
}*/
.col-xs-6 .goodssellimg img,
.col-xs-12 .goodssellimg img,
.col-xs-4 .goodssellimg img,
.scroll-prod-wrapper.sliding1 .goodssellimg img,
.scroll-prod-wrapper.sliding4 .goodssellimg img,
.rcmm_2wrap.rcmm_2wrapslide .goodssellimg img {
    width: 80px;
    height: 32px;
}
.col-xs-12 .goodssell-filter,
.col-xs-6 .goodssell-filter,
.col-xs-4 .goodssell-filter,
.scroll-prod-wrapper.sliding1 .goodssell-filter,
.scroll-prod-wrapper.sliding4 .goodssell-filter {
   /* filter: grayscale(1);
    opacity: 70%;*/
}

.col-xs-6 .goods-free,
.col-xs-12 .goods-free,
.col-xs-4 .goods-free,
.scroll-prod-wrapper.sliding1 .goods-free,
.scroll-prod-wrapper.sliding4 .goods-free  {
    width: 32px;
    height: 32px;
}
.col-xs-6 .godossellcustom img,
.col-xs-4 .godossellcustom img,
.col-xs-12 .godossellcustom img,
.scroll-prod-wrapper.sliding1 .godossellcustom img,
.scroll-prod-wrapper.sliding4 .godossellcustom img,
.rcmm_2wrap .godossellcustom img {
    width: 32px;
    height: 32px;
}

.col-xs-6 .godossellcustom img:nth-of-type(5),
.col-xs-12 .godossellcustom img:nth-of-type(11){
    margin-left:0;
}

/*.col-xs-6 .goods-timesale-label,
.col-xs-12 .goods-timesale-label,*/
.scroll-prod-wrapper .goods-timesale-label {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding:5px;
}

.sliding4 .goods-timesale-label {
    position: relative;
    bottom: 29px;
}
.col-xs-6 .goods-custom-Line p,
.col-xs-12 .goods-custom-Line p,
.col-xs-4 .goods-custom-Line p,
.scroll-prod-wrapper.sliding1 .goods-custom-Line p,
.scroll-prod-wrapper.sliding4 .goods-custom-Line p {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}
.main-recommend-item .col-xs-12 .prod.type1{
    margin:0 15px;
}
.col-xs-6 .footer_panel .avgstar span,
.col-xs-12 .footer_panel .avgstar span,
.col-xs-4 .footer_panel .avgstar span,
.scroll-prod-wrapper.sliding1 .footer_panel .avgstar span,
.scroll-prod-wrapper.sliding4 .footer_panel .avgstar span {
    margin-left: 4px;
}
.goods-timesale-label .time-remaining {
    margin-right:2px;
}
.goods-timesale-label .timesale {
    white-space: nowrap;
}
.goods-timesale-label .timesaletext {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.fixtype1 .col-xs-12 .benefitbox .box {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
}
.col-xs-12 .smfix_dft1_div {
    color: #727272;
    min-height: 18px;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.2px;
    margin-bottom: 2px;
    min-height: 1.37em;
    max-height: 1.37em;
}
.fixtype2 .col-xs-6 .summary_fix2,
.fixtype3 .col-xs-4 .summary_fix2 {
    margin-bottom: 2px;
}
.col-xs-6 .summary_fix2 {
    min-height: 1.33em;
    max-height: 1.33em;
}
.footer_panel > .orderCount > span {
    color: #ff7e00;
    font-size: .6875rem;
    font-weight: var(--font-weight_bold);
    margin-right: 2px;
}

.wrapper_moall .swiper-container.sliding4 .price-wrapper {
    padding-top: 4px;
}
.col-xs-4 .default-pricewrap,
.sliding1 .default-pricewrap,
.col-xs-6 .default-pricewrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.sliding1 .default-pricewrap .dc-rate,
.col-xs-12 .default-pricewrap .dc-rate,
.col-xs-6 .default-pricewrap .dc-rate,
.col-xs-4 .default-pricewrap .dc-rate,
.brd-recommen.brd-recommen-listL .dc-rate,
.brd-recommen.brd-recommen-listR .dc-rate,
.rcmm_2wrap.rcmm_2wrapslide .dc-rate{
    margin-left:4px;
}
.sliding4 .default-pricewrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
}
.col-xs-12 .default-pricewrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.col-xs-6 .goodssellimg,
.col-xs-12 .goodssellimg,
.col-xs-4 .goodssellimg,
.sliding1 .goodssellimg {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.sliding4 .goodssellimg,
.rcmm_2wrap .goodssellimg {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}

/*가격정보*/
.price-bigbox .price-wrapper .org-price {
    display: inline-block;
    /*height: 16px;*/
    letter-spacing: -0.2px;
}
.price-bigbox .price-wrapper .dc-rate {
    padding-left: 0;
    display: inline-block;
    height: 14px;
    letter-spacing: -0.2px;
}
.custom-textdeco {
    text-decoration: none;
}

.price-bigbox .price-wrapper p {
    letter-spacing: -0.2px;
}

.price-bigbox .price-wrapper.type-Fcolumncenter {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.price-bigbox .price-wrapper.type-Fcolumnend {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.price-bigbox .price-wrapper.type-Fcolumn {
    display: flex;
    flex-direction: column;
}
.price-bigbox .price-wrapper.type-Fjustifycenter {
    display: flex;
    justify-content: center;
    align-items:center;
}
.price-bigbox .price-wrapper.type-fjustifyspace {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.price-bigbox .price-wrapper .setml {
    margin-left: 8px;
}
.price-bigbox .price-wrapper .setfbasecenter {
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.price-bigbox .price-wrapper .setfbase {
    display: flex;
}
.price-bigbox .price-wrapper.type42 {
    display: flex;
    justify-content: center;
}
.price-bigbox .price-wrapper.type43 {
    display: flex;
    justify-content: end;
}
.price-bigbox .price-wrapper.type27 .setfbase{
    width:100%;
    justify-content:end;
}
.price-bigbox .price-wrapper.type30{
    width:100%;
}

.price-bigbox .price-wrapper.type31{
    width:100%;
    text-align:right;
}
.price-bigbox .price-wrapper.type31 .org-price{
    width:100%;
}
.price-bigbox .price-wrapper.type32 .org-price{
    width:100%;
    text-align:right;
}
.price-wrapper.type23 {
    text-align: right;
    width: 100% !important;
}
.price-wrapper.type24 {
    width: 100%;
}
.price-wrapper.type25 {
    width: 100%;
}
.price-wrapper.type26 .price {
    display: inline-block !important;
}
.price-wrapper.type9 .dc-rate {
    display: flex !important;
    align-items: center;
}
.price-bigbox .price-wrapper.type7 .setmlR {
    margin-left: 8px;
    text-align: right;
}
.price-bigbox .price-wrapper {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.price-wrapper.type22 {
    justify-content: center;
}
.col-xs-6 .price-bigbox .price-wrapper.type2 .setfbasecenter,
.col-xs-6 .price-bigbox .price-wrapper.type3 .setfbase,
.col-xs-6 .price-bigbox .price-wrapper.type6 .setfbasecenter,
.col-xs-6 .price-bigbox .price-wrapper.type26 .setfbase,
.col-xs-6 .price-bigbox .price-wrapper.type27 .setfbase {
    width: 100%;
}
.col-xs-6 .price-bigbox .price-wrapper.type3 .setfbase,
.col-xs-6 .price-bigbox .price-wrapper.type27 .setfbase {
    justify-content: flex-end;
}
.col-xs-6 .price-bigbox .price-wrapper.type26 .setfbase {
    justify-content: center;
}
.col-xs-6 .price-bigbox .price-wrapper.type5 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type6 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type26 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type30 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type35 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type37 .dc-rate {
    line-height: 0 !important;
    min-height: 0 !important;
}
.col-xs-6 .price-bigbox .price-wrapper.type6 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type30 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type35 .dc-rate,
.col-xs-6 .price-bigbox .price-wrapper.type37 .dc-rate {
    height: 0;
}
.col-xs-6 .price-bigbox .price-wrapper.type23 .setR,
.col-xs-6 .price-bigbox .price-wrapper.type31 .setR {
    margin-left: 8px;
}
.col-xs-6 .price-bigbox .price-wrapper.type34,
.col-xs-6 .price-bigbox .price-wrapper.type35,
.col-xs-6 .price-bigbox .price-wrapper.type37 {
    align-items: center;
}
.col-xs-6 .price-wrapper.type1 div {
    align-items: baseline;
}
.col-xs-6 .price-wrapper.type2 div {
    align-items: baseline;
}
.col-xs-4 .price-bigbox .price-wrapper.type-F {
    display: flex;
}
.col-xs-4 .price-wrapper.type5 .setfbase {
    align-items: center;
}
.col-xs-12 .price-bigbox .price-wrapper.type-F,
.col-xs-6 .price-bigbox .price-wrapper.type-F {
    display: flex;
    align-items: baseline;
}
.col-xs-12 .price-wrapper .setfbase,
.col-xs-6 .price-wrapper .setfbase {
    display: flex;
    align-items: baseline;
}
.col-xs-12 .price-bigbox .price-wrapper.type-justifyend,
.col-xs-6 .price-bigbox .price-wrapper.type-justifyend {
    display: flex;
    justify-content: end;
    align-items: center;
}
.col-xs-4 .price-bigbox .price-wrapper.type-justifyend,
.sliding1 .price-bigbox .price-wrapper.type-justifyend {
    display: flex;
    justify-content: end;
}
.col-xs-4 .price-wrapper.type6 .setfbasecenter {
    align-items: center;
}
.col-xs-4 .price-wrapper.type32 div {
    align-items: center;
}
.col-xs-4 .price-wrapper.type1 div{
    align-items:center;
}
.slidebasic .summary_fix2 {
    margin-bottom: 2px;
    min-height: 1.35em;
    max-height: 1.35em;
}
.sliding1 .price-wrapper.type1 div {
    align-items: baseline;
}
.sliding1 .price-wrapper.type5 div {
    align-items: center;
}
.sliding1 .price-wrapper.type10 div,
.sliding1 .price-wrapper.type11 div,
.sliding1 .price-wrapper.type12 div,
.sliding1 .price-wrapper.type13 div,
.sliding1 .price-wrapper.type14 div,
.sliding1 .price-wrapper.type17 div,
.sliding1 .price-wrapper.type18 div,
.sliding1 .price-wrapper.type19 div,
.sliding1 .price-wrapper.type21 div {
    align-items: baseline;
}
.sliding1 .price-wrapper.type24 .price{
    text-align:right;
}
.sliding1 .price-wrapper.type33,
.sliding1 .price-wrapper.type37,
.sliding1 .price-wrapper.type39 {
    display: flex;
    align-items: center;
}
.sliding1 .price-wrapper.type6 div {
    align-items: center;
}
.col-xs-4 .type13 div,
.col-xs-4 .type14 div {
    align-items: baseline;
}
.col-xs-4 .type15 div{
    align-items: center;
}
.col-xs-4 .price-bigbox .price {
    letter-spacing: -0.2px;
}
.col-xs-4 .type10 div,
.col-xs-4 .type18 div,
.col-xs-4 .type19 div,
.col-xs-4 .type21 div,
.col-xs-4 .type11 div {
    align-items: baseline;
}
.col-xs-12 .price-wrapper.type1 div {
    align-items: baseline;
}
.col-xs-12 .price-wrapper.type28 {
    width: 100%;
}
.col-xs-12 .price-wrapper.type6 .dc-rate {
    text-align: right;
}
.col-xs-12 .price-wrapper.type3 div {
    align-items: baseline;
}
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type10 .setfbase,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type11 .setfbase,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type13 .setfbase,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type14 .setfbase,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type18 .setfbase,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type19 .setfbase,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type21 .setfbase {
    align-items: center !important;
}
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type33,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type37 {
    display: flex;
    align-items: center;
}
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type35,
.rcmm_2wrap.rcmm_2wrapslide .price-wrapper.type39 {
    display: flex;
    align-items: center;
    justify-content: end;
}
/*//가격정보*/
/*구매정보*/
.orderinfor.footer_panel .orderCount {
    min-height: 14px;
    letter-spacing: -0.2px;
}
.orderinfor.footer_panel.type2 {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.orderinfor.footer_panel.type3 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.orderinfor.footer_panel.type5 {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.orderinfor.footer_panel.type6 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.orderinfor.footer_panel.type7 {
    display: flex;
    justify-content:space-between;
    align-items:center;
}
.orderinfor.footer_panel.type7 .orderCount{
    white-space:nowrap;
    margin-right:4px;
}
.orderinfor.footer_panel.type9{
    display:flex;
    align-items:center;
    justify-content:center;
}
.orderinfor.footer_panel.type10 {
    display: flex;
    justify-content: end;
}
.orderinfor.footer_panel.type11 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.orderinfor.footer_panel.type11 .orderCount{
    white-space: nowrap;
    margin-left: 4px;
}
.orderinfor.footer_panel.type13 {
    display: flex;
    justify-content: center;
}
.orderinfor.footer_panel.type14 {
    display: flex;
    justify-content: end;
}
.col-xs-12 .footer_panel.type7 .orderCount,
.scroll-prod-wrapper.sliding1 .footer_panel.type7 .orderCount,
.scroll-prod-wrapper.sliding4 .footer_panel.type7 .orderCount {
    margin-right: 16px;
}
.col-xs-12 .footer_panel.type11 .orderCount,
.scroll-prod-wrapper.sliding1 .footer_panel.type11 .orderCount,
.scroll-prod-wrapper.sliding4 .footer_panel.type11 .orderCount {
    margin-left: 16px;
}
.col-xs-12 .footer_panel.type7{
    justify-content:space-between;
}
.col-xs-12 .footer_panel.type11{
    justify-content:space-between;
}
.orderinfor.footer_panel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.orderinfor.footer_panel .orderCount p{
    display:flex;
}
.orderinfor.footer_panel .orderCount p .text{
    margin-left:2px;
}
.orderinfor.footer_panel .avgstarnum {
    display: flex;
    align-items:center;
}
.orderinfor.footer_panel .avgstarnum span{
    margin-left:2px;
}
.orderinfor.footer_panel.type1 .avgstarnum,
.col-xs-6 .orderinfor.footer_panel.type2 .avgstarnum,
.col-xs-6 .orderinfor.footer_panel.type7 .avgstarnum{
    display: flex;
    align-items: baseline;
}
/*//구매정보*/
/*//커스텀*/
/*구매후기신고기능*/
.main-review-wrapper .reviewreportbtn,
.main-review-slide .reviewreportbtn,
.review-list-container .reviewreportbtn,
.review-detail-wrapper.photoreivewdetail .reviewreportbtn,
#prodReview .reviewreportbtn,
.container.good-review .reviewreportbtn {
    border: none;
    background: none;
    outline: none;
    padding-left: 12px;
    font-size: 0.75rem;
    color: #929292;
}
.main-review-wrapper .reviewdate,
.review-list-container .reviewdate {
    color: #929292;
}
.main-review-wrapper .byname,
.main-review-slide .byname {
    color: #282828;
}
.review-detail-wrapper.photoreivewdetail .reviewreportbtn,
#prodReview .reviewreportbtn {
    margin-left: auto;
}
#reportModal .panel-title label {
    font-size: 13px;
    cursor: pointer;
}
#reportModal .panel-title{
    padding:4px 0;
}
#reportModal .modal-body .text{
    margin:16px 0;
}
#reportModal .modal-body .form-group.content{
    margin-top:24px;
}
#reportModal .modal-body .form-group.content textarea{
    resize: none;
}
#reportModal .modal-footer {
    display: flex;
    align-items: center;
    border-top:0;
}
#reportModal .modal-footer button{
    width:50%;
}
#reportModal {
    padding-right: 0 !important;
    z-index: 9999;
}
.payment-wrapper.common-wrapper.oder .form-control {
    color:#222;
    font-size:0.8125rem;
}
.footer_panel.default-footerpanel .orderCount {
    align-items: center;
}
.common-wrapper.join.new_join_wrap .panel-heading{
    background:#fff;
}
.section-title.main-title {
    word-break: break-all;
}
.moall-wrapper.wrapper_moall .navbar.home-consent{
    background:#fff;
}
.panel.agree-wrapper.agree-align .agreewrap-box {
    display: flex;
    flex-direction: column;
    line-height: 2.5;
}
#orderlist .mo_order_num {
    color: #727272;
    font-size:12px;
}
.payment-wrapper .agree-wrapper .allchk input[type="checkbox"] + label {
    color: #b8b8b8;
}
.payment-wrapper .agree-wrapper .allchk input[type="checkbox"] + label:before {
    content: "";
    background-image: url(../../contents/images/icon_check_off.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
}
.payment-wrapper .agree-wrapper .allchk input[type="checkbox"]:checked + label{
    color:#222;
}
.payment-wrapper .agree-wrapper .allchk input[type="checkbox"]:checked + label:before {
    content: "";
    background-image: url(../../contents/images/icon_check_on.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
}
.payment-wrapper.common-wrapper.oder .info_form tr:first-child {
    margin-top: 15px;
}
/*혜택/총결제금액*/
.contents-wrapper.basket .basket-pricewrap table tr,
.payment-wrapper.common-wrapper .order-pricewrap table tr,
.contents-wrapper.wrap_orderendcont .orderend-pricewrap table tr,
.my-wrapper.wrap_maypage .orderdetail-priceline,
.my-wrapper.wrap_maypage .orderdetail-totatable tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
} 
.payment-wrapper.common-wrapper .order-pricewrap {
    margin: 0 15px 15px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
} 
.contents-wrapper.wrap_orderendcont .payinfo {
    margin: 15px;
    color: #929292;
    font-size: 0.75rem;
} 
.contents-wrapper.basket .basket-pricewrap .basket-totalline, .payment-wrapper.common-wrapper .order-pricewrap .order-totalline{
    padding: 16px 15px;
    border-bottom: 1px solid #e8e8e8;
} 
.contents-wrapper.wrap_orderendcont .payinfo {
    margin-left: 0;
    margin-right: 0;
}
.payment-wrapper.common-wrapper .order-pricewrap table th,
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-totatable th,
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-pricetable th,
.my-wrapper.wrap_maypage .orderdetail-payinfo th,
.my-wrapper.wrap_maypage .orderend-priceline th,
.my-wrapper.wrap_maypage .orderdetail-payinfo th,
.my-wrapper.wrap_maypage .orderdetail-totatable th,
.my-wrapper.wrap_maypage .orderdetail-priceline th,
.contents-wrapper.basket .basket-pricewrap .basket-totalline th,
.contents-wrapper.basket .basket-pricewrap .basket-priceline th {
    font-size: 0.75rem;
    color: #222;
}
.contents-wrapper.basket .basket-pricewrap .basket-totalline td,
.payment-wrapper.common-wrapper .order-pricewrap .order-totalline td {
    font-size: 1.1875rem;
}

.contents-wrapper.basket .basket-pricewrap .basket-priceline,
.payment-wrapper.common-wrapper .order-pricewrap .order-priceline:not(.order-pricefistline),
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-priceline,
.my-wrapper.wrap_maypage .orderdetail-priceline {
    padding: 4px 15px 0;
}
.payment-wrapper.common-wrapper .order-pricewrap .order-priceline,
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-pricetable,
.my-wrapper.wrap_maypage .orderdetail-pricetable {
    background: #f8f8f8;
} 
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-pricetable .account{
    background:#fff;
    border-top:1px solid #e8e8e8;
}
.contents-wrapper.basket .basket-pricewrap .basket-pricefistline,
.payment-wrapper.common-wrapper .order-pricewrap .order-pricefistline,
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .order-pricefistline,
.my-wrapper.wrap_maypage .orderdetail-pricefistline {
    padding: 11px 15px 0;
}
.payment-wrapper.common-wrapper .order-pricewrap .order-pricealstline,
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-pricealstline,
.my-wrapper.wrap_maypage .orderend-pricealstline {
    padding: 0px 15px 11px !important;
} 
.payment-wrapper.common-wrapper .order-pricewrap .order-pointline{
    padding:16px 15px;
    border-top:1px solid #e8e8e8;
}
.payment-wrapper.common-wrapper .order-pricewrap .order-priceline th,
.contents-wrapper.basket .basket-pricewrap .basket-priceline th,
.contents-wrapper.wrap_orderendcont .orderend-pricewrap th,
.my-wrapper.wrap_maypage .orderdetail-totatable th,
.my-wrapper.wrap_maypage .orderdetail-priceline th,
.payment-wrapper.common-wrapper .order-pointline th {
    font-weight: var(--font-weight_basic);
}

.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-totalline,
.my-wrapper.wrap_maypage .orderdetail-totalline th,
.my-wrapper.wrap_maypage .orderdetail-totalline td {
    padding: 16px 15px 0;
}
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-pointline,
.my-wrapper.wrap_maypage .orderdetail-pointline th,
.my-wrapper.wrap_maypage .orderdetail-pointline td {
    padding: 0px 15px;
}
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-totallast,
.my-wrapper.wrap_maypage .orderdetail-totallast,
.my-wrapper.wrap_maypage .orderdetail-totallast {
    padding: 0 0 16px;
}
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-totatable{
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.contents-wrapper.wrap_orderendcont .orderend-accountline{
    padding:16px 15px;
    border-bottom:1px solid #e8e8e8;
}
.contents-wrapper.wrap_orderendcont .orderend-accountline td {
    font-size: 0.75rem;
}
.my-wrapper.wrap_maypage .orderdetail-payinfo {
    border-top: 1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
    margin-bottom:0px;
}
.my-wrapper.wrap_maypage .table.orderdetail-payinfo th,
.my-wrapper.wrap_maypage .table.orderdetail-payinfo td {
    border-top: 0 !important;
}
.my-wrapper.wrap_maypage .orderdetail-wrap,
.my-wrapper.wrap_maypage .orderdetail-totatable {
    border-bottom: 1px solid #e8e8e8;
}
/*혜택/상품상세*/
.prod-info-wrapper.wrap_info .benefitbtn{
    padding:0 !important;
    border-bottom:0 !important;
}
.prod-info-wrapper.wrap_info .btn_type_white {
    width: 50%;
    margin-top: 18px;
}
.prod-info-wrapper.wrap_info .btn_type_white:first-child {
    margin-right: 12px;
}
.prod-info-wrapper.wrap_info .benefit-cont p {
    color: #727272;
    font-size: 0.75rem;
    font-weight: var(--font-weight_basic);
}
.modal.fade #basketConfirm {
    -webkit-transform: translate(0, -15%) !important;
    -ms-transform: translate(0, -15%) !important;
    -o-transform: translate(0, -15%) !important;
    transform: translate(0, -15%) !important;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
}
.modal.in #basketConfirm {
    -webkit-transform: translate(0, 0%) !important;
    -ms-transform: translate(0, 0%) !important;
    -o-transform: translate(0, 0%) !important;
    transform: translate(0, 0%) !important;
}
/*혜택/상세구매옵션*/
.purchase-wrapper.detail-purchasewrapper .appline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 15px 0 15px;
}
.purchase-wrapper.detail-purchasewrapper .appline .appbtn {
    border: none;
    outline: none;
    background: none;
    color: #222;
    font-weight: var(--font-weight_bold);
    font-size: 0.75rem;
}
.purchase-wrapper.detail-purchasewrapper .appline p{
    font-size:0.75rem;
    color:#727272;
    font-weight:var(--font-weight_bold);
}
.purchase-wrapper.detail-purchasewrapper .panel-footer #putin_basket {
    position: relative;
}
.purchase-wrapper.detail-purchasewrapper .popup-freedelivery {
    position: absolute;
    background: #484848;
    border-radius: 10px;
    top: 50%;
    padding: 8px 14px;
    left: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    -webkit-animation: bounce-top 3s infinite alternate;
    animation: bounce-top 3s infinite alternate;
}
.purchase-wrapper.detail-purchasewrapper .popup-freedelivery:hover {
    animation-play-state: paused;
    cursor:pointer;
}
@keyframes bounce-top {
    0% {
        transform: translate(-33%, -53px);
        animation-timing-function: ease;
    }

    22% {
        transform: translate(-33%, -45px);
        animation-timing-function: ease;
    }

    42% {
        transform: translate(-33%, -53px);
        animation-timing-function: ease;
    }

    62% {
        transform: translate(-33%, -45px);
        animation-timing-function: ease;
    }

    82% {
        transform: translate(-33%, -53px);
        animation-timing-function: ease;
    }

    100% {
        transform: translate(-33%, -45px);
        animation-timing-function: ease;
    }
}
.purchase-wrapper.detail-purchasewrapper .popup-freedeliverypay {
    position: absolute;
    background: #484848;
    border-radius: 10px;
    top: 50%;
    padding: 8px 14px;
    left: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    -webkit-animation: btn-purchase-bounce 3s infinite alternate;
    animation: btn-purchase-bounce 3s infinite alternate;
}

.purchase-wrapper.detail-purchasewrapper .popup-freedeliverypay:hover {
    animation-play-state: paused;
    cursor: pointer;
}

@keyframes paybounce-top {
    0% {
        transform: translate(-33%, -53px);
        animation-timing-function: ease;
    }

    22% {
        transform: translate(-33%, -45px);
        animation-timing-function: ease;
    }

    42% {
        transform: translate(-33%, -53px);
        animation-timing-function: ease;
    }

    62% {
        transform: translate(-33%, -45px);
        animation-timing-function: ease;
    }

    82% {
        transform: translate(-33%, -53px);
        animation-timing-function: ease;
    }

    100% {
        transform: translate(-33%, -45px);
        animation-timing-function: ease;
    }
}
.purchase-wrapper.detail-purchasewrapper .popup-freedelivery p,
.purchase-wrapper.detail-purchasewrapper .popup-basketfree p,
.purchase-wrapper.detail-purchasewrapper .popup-freedeliverypay p {
    line-height: initial;
    font-size: 0.75rem;
}
.purchase-wrapper.detail-purchasewrapper .popup-freedelivery p:before{
    background-color: #484848;
    content: "\00a0";
    display: block;
    height: 9px;
    position: absolute;
    top: 26px;
    right: 84px;
    transform: rotate( 120deg ) skew( 334deg );
    -moz-transform: rotate( 120deg ) skew( 334deg );
    -ms-transform: rotate( 120deg ) skew( 334deg );
    -o-transform: rotate( 120deg ) skew( 334deg );
    -webkit-transform: rotate( 120deg ) skew( 334deg );
    width: 7px;
}
.purchase-wrapper.detail-purchasewrapper .popup-basketfree p:before{
    background-color: #484848;
    content: "\00a0";
    display: block;
    height: 9px;
    position: absolute;
    top: 24px;
    /*right: 73px;*/
    left: 50%;
    transform: rotate( 120deg ) skew( 334deg );
    -moz-transform: rotate( 120deg ) skew( 334deg );
    -ms-transform: rotate( 120deg ) skew( 334deg );
    -o-transform: rotate( 120deg ) skew( 334deg );
    -webkit-transform: rotate( 120deg ) skew( 334deg );
    width: 7px;
}
.purchase-wrapper.detail-purchasewrapper .popup-freedeliverypay p:before {
    background-color: #484848;
    content: "\00a0";
    display: block;
    height: 9px;
    position: absolute;
    top: 24px;
    right: 102px;
    transform: rotate( 120deg ) skew( 334deg );
    -moz-transform: rotate( 120deg ) skew( 334deg );
    -ms-transform: rotate( 120deg ) skew( 334deg );
    -o-transform: rotate( 120deg ) skew( 334deg );
    -webkit-transform: rotate( 120deg ) skew( 334deg );
    width: 7px;
}
.purchase-wrapper.detail-purchasewrapper .popup-basketfree {
    position: absolute;
    background: #484848;
    border-radius: 10px;
    top: 50%;
    padding: 8px 14px;
    left: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    -webkit-animation: btn-purchase-bounce 3s infinite alternate;
    animation: btn-purchase-bounce 3s infinite alternate;
}
.purchase-wrapper.detail-purchasewrapper .popup-app {
    position: absolute;
    background: #484848;
    border-radius: 10px;
    top: 50%;
    padding: 8px 14px;
    left: 50%;
    color: #fff;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    transform: translate(-27%, -151%);
    white-space: nowrap;
    -webkit-animation: appbounce-top 3s infinite alternate;
    animation: appbounce-top 3s infinite alternate;
    z-index: 9;
}

.purchase-wrapper.detail-purchasewrapper .popup-app:hover {
    animation-play-state: paused;
    cursor: pointer;
}

@keyframes appbounce-top {
    0% {
        transform: translate(-27%, -53px);
        animation-timing-function: ease;
    }

    22% {
        transform: translate(-27%, -45px);
        animation-timing-function: ease;
    }

    42% {
        transform: translate(-27%, -53px);
        animation-timing-function: ease;
    }

    62% {
        transform: translate(-27%, -45px);
        animation-timing-function: ease;
    }

    82% {
        transform: translate(-27%, -53px);
        animation-timing-function: ease;
    }

    100% {
        transform: translate(-27%, -45px);
        animation-timing-function: ease;
    }
}
@keyframes btn-purchase-bounce {
    0% {
        transform: translate(-50%, -53px);
        animation-timing-function: ease;
    }

    22% {
        transform: translate(-50%, -45px);
        animation-timing-function: ease;
    }

    42% {
        transform: translate(-50%, -53px);
        animation-timing-function: ease;
    }

    62% {
        transform: translate(-50%, -45px);
        animation-timing-function: ease;
    }

    82% {
        transform: translate(-50%, -53px);
        animation-timing-function: ease;
    }

    100% {
        transform: translate(-50%, -45px);
        animation-timing-function: ease;
    }
}

.purchase-wrapper.detail-purchasewrapper .popup-app p {
    line-height: initial;
    font-size: 0.75rem;
}

.purchase-wrapper.detail-purchasewrapper .popup-app p:before {
    background-color: #484848;
    content: "\00a0";
    display: block;
    height: 9px;
    position: absolute;
    top: 26px;
    right: 74px;
    transform: rotate( 120deg ) skew( 334deg );
    -moz-transform: rotate( 120deg ) skew( 334deg );
    -ms-transform: rotate( 120deg ) skew( 334deg );
    -o-transform: rotate( 120deg ) skew( 334deg );
    -webkit-transform: rotate( 120deg ) skew( 334deg );
    width: 7px;
}

.modal-content.detail-basket {
    background-color: #484848;
    -webkit-box-shadow: none;
    margin: 0 20px;
    border-radius: 6px;
    padding: 20px;
    /*margin-top: 180%;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    margin-bottom: 74px;
}
.modal-content.detail-basket .modal-header,
.modal-content.detail-basket .modal-footer{
    padding: 0 !important;
}
.modal-content.detail-basket .modal-footer{
    padding-top:0 !important;
}
.modal-content.detail-basket .modal-footer button {
    width: 100% !important;
    background: none;
    color: #b8b8b8;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    line-height: 0;
    height: 13px
}

/*혜택/장바구니*/
.basket-wrapper .basket-list .panel-heading .checkbox-wrapper a:first-child:after,
.basket-wrapper .basket-list .checkbox-wrapper.checkbox-footer a:first-child:after {
    content: "|";
    color: #e9e9e9;
    font-weight: var(--font-weight_basic);
    padding: 0 10px;
}
.basket-wrapper .basket-list .package-cont .freedelivery-text,
.basket-wrapper .basket-list .package-cont .packagecont-text {
    color: #727272;
    font-size: 0.75rem;
    font-weight: var(--font-weight_basic);
    text-align: center;
    padding-top: 15px;
}
.basket-wrapper .basket-list .package-cont .freedelivery-text{
    padding-top:0;
}
.basket-wrapper .basket-list .package-cont .freedelivery-text span {
    color: #fb793f;
    font-size: 0.75rem;
    font-weight:var(--font-weight_bold);
}
.basket-wrapper .basket-list .singleitem-wrap{
    padding: 17px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    box-shadow: 1px 1px 14px 0px rgba(0,0,0,0.12);
    background: #fff;
}
.basket-wrapper .basket-list .package-wrap {
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    box-shadow: 1px 1px 14px 0px rgba(0,0,0,0.12);
    background: #fff;
    margin-bottom:16px;
}
.basket-wrapper .basket-list .singleitem-wrap .media,
.basket-wrapper .basket-list .package-wrap .package-optionbox .media {
    padding: 0;
    padding-bottom: 16px;
}
.basket-wrapper .basket-list .singleitem-wrap .media:last-child,
.basket-wrapper .basket-list .package-wrap .package-optionbox .media:last-child {
    padding-bottom: 0;
}
.basket-wrapper .basket-list .impossiblegoods {
    color: #ff2f2f;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
}
.basket-wrapper .basket-list .singleitem-wrap .checkbox-wrapper,
.basket-wrapper .basket-list .package-wrap .checkbox-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom:1px solid #e8e8e8;
    padding-bottom:16px;
}
.basket-wrapper .basket-list .singleitem-wrap .checkbox-wrapper img,
.basket-wrapper .basket-list .package-wrap .checkbox-wrapper img{
    width:16px;
}
.basket-wrapper .basket-list .singleitem-wrap .checkbox-wrapper label:before,
.basket-wrapper .basket-list .package-wrap .checkbox-wrapper label:before{
    content: "";
    background-image: url(../../contents/images/icon_check_off.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
}
.basket-wrapper .basket-list .singleitem-wrap .checkbox-wrapper input[type="checkbox"]:checked + label:before,
.basket-wrapper .basket-list .package-wrap .checkbox-wrapper input[type="checkbox"]:checked + label:before{
    content: "";
    background-image: url(../../contents/images/icon_check_on.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
}

.basket-wrapper .basket-list .package-wrap .checkbox-wrapper label,
.basket-wrapper .basket-list .package-wrap .checkbox-wrapper a{
    display: flex;
    align-items: center;
}
.basket-wrapper .basket-list .package-wrap .checkbox-wrapper p {
    font-size: 0.875rem;
    text-overflow: ellipsis;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: var(--font-weight_bold);
    color: #222;
}
.basket-wrapper .basket-list .packageset-item .goorderbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #222;
    color: #fff;
    border-radius: 14px;
    border: 0;
    padding: 8px 15px;
    font-size: 0.75rem;
    margin-top: 17px;
}
.basket-wrapper .basket-list .packageset-item .goorderbtn span {
    color: #fb793f;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
}
.basket-wrapper .basket-list .dontget {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.basket-wrapper .basket-list .package-wrap .package-optionbox{
    padding:17px;
}
.basket-wrapper .basket-list .package-wrap .set_item {
    background: #f6f6f6;
    padding: 0 17px 17px 17px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.basket-wrapper .basket-list .package-wrap .savebtn{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:17px;
}
.basket-wrapper .basket-list .package-wrap .savebtn span {
    color: #fb793f;
    font-weight:var(--font-weight_bold);
}
.basket-wrapper .basket-list .checkbox-wrapper.checkbox-footer{
   margin:5px 0 !important;
}
.basket-wrapper .basket-list .basket-list-option {
    background: #f8f8f8;
}
.basket-wrapper .basket-list .basket-pricewrap .deliverysavetext {
    padding: 16px 0 30px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    color: #727272;
    font-size: 0.75rem;
}
.basket-wrapper .basket-list .basket-pricewrap .deliverysavetext span {
    color: #222222;
    font-weight: var(--font-weight_bold);
    text-decoration: underline;
    text-underline-position: under;
}
.basket-wrapper .basket-list .basket-pricewrap .dontget{
    font-size:0.688rem;
    margin-top:33px;
}
.basket-wrapper .basket-list .panel-body .checkbox-wrapper.checkbox-footer{
    width:100%;
}
.basket #AppinfoPopup {
    position: fixed;
    z-index: 1040;
    margin: 0 auto;
    border-radius: 50px;
    border: 1px solid #fb793f;
    background: #fff;
    padding: 8px;
    width: 90%;
    box-shadow: 1px 1px 14px 0px rgba(0,0,0,0.12);
    height: 98px;
    bottom: 109px;
    left: 0;
    right: 0;
}
.basket #AppinfoPopup .appinfo-position {
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.basket #AppinfoPopup .appinfo-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}
.basket #AppinfoPopup .appinfo-wrap ul{
    margin-left:12px;
}
.basket #AppinfoPopup .appinfo-wrap li:first-child{
    color: #727272;
    font-size: 0.75rem;
    font-weight: var(--font-weight_basic);
}
.basket #AppinfoPopup .appinfo-wrap li:last-child {
    color: #222;
    font-size: 0.813rem;
    font-weight: var(--font-weight_bold);
    word-break: break-word;
    width: 90%;
}
.basket #AppinfoPopup .appinfo-wrap li:last-child span {
    color: #fb793f;
}
.basket #AppinfoPopup .circle-wrap .circle {
    width: 58px;
    height: 58px;
    position: relative;
}
.basket #AppinfoPopup .circle-wrap .circle .bar,
.basket #AppinfoPopup .circle-wrap .circle .fillprogress {
    width: 58px;
    height: 58px;
    position: absolute;
    border-radius: 50%;
}

.basket #AppinfoPopup .circle-wrap .circle .bar {
    clip: rect(0px, 58px, 58px, 29px);
}
.basket #AppinfoPopup .bar .fillprogress {
    clip: rect(0px, 29px, 58px, 0px);
    border: 4px solid #fb793f;
}
.basket #AppinfoPopup .circle-wrap .inside-circle {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #222;
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color:#fff;
    font-size: 1.563rem;
}
.basket #AppinfoPopup .circle-wrap .inside-circle img{
    height:28px;
}

.basket #AppinfoPopup .bar.right,
.basket #AppinfoPopup .bar .fillprogress {
    animation: fill ease-in-out 5s;
    transform: rotate(180deg);
}
@keyframes fill {
    0% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(180deg);
    }
}
.basket #AppinfoPopup button {
    margin-left: auto;
    border:none;
    outline:none;
    background:none;
}
.basket #AppinfoPopup button img{
    width:20px;
    height:20px;
}
.payment-wrapper.common-wrapper.oder .set-title {
    font-size: 0.75rem;
}
.payment-wrapper.common-wrapper.oder #jsBtnPost a{
    font-size:0.8125rem;
}
.payment-wrapper .card-agree-wrapper .checks input[type="checkbox"]:checked + label,
.payment-wrapper.common-wrapper.oder .panel-group.panel-body.point th,
.payment-wrapper.common-wrapper.oder .halbuModal,
#snsShareModal .modal-body .panel-heading p {
    font-size: 0.75rem;
}
.basket-wrapper .basket-pricewrap p {
    color: #727272;
    font-size: 0.75rem;
    text-align: center;
    margin-top: 30px;
}
.basket-wrapper .basket-pricewrap p span {
    color: #fb793f;
    font-weight: var(--font-weight_bold);
}
/*혜택/주문결제*/
.payment-wrapper.common-wrapper.oder #paymentMethod_zero_info {
    padding: 0 15px 35px;
}
.payment-wrapper.common-wrapper.oder #paymentMethod_zero_info li {
    color: #222;
    font-weight: var(--font-weight_bold);
    font-size: 12px;
}
/*같이보면좋은상품*/
.view-packageitem{
    background:#fff;
}
.view-packageitem .section-title-wrapper {
    padding: 16px 15px;
}
.view-packageitem .section-title {
    width: 100%;
}
.view-packageitem .section-title p:first-child {
    font-size: 0.875rem;
}
.view-packageitem .section-title p:last-child {
    font-size: 0.75rem;
    color: #929292;
    cursor:pointer;
}
.view-packageitem .swiper-container {
    display: flex;
    align-items: center;
    overflow: visible;
    white-space: normal;
    padding-right:30px;
}
.view-packageitem .godossellcustom {
    width: 32px;
    height: 32px;
}
.view-packageitem .panel-body {
    padding: 12px 0 0 0;
}
.view-packageitem .panel-body .summary_fix2{
    font-size:0.75rem;
}
.view-packageitem .panel-body .prod-title{
    font-size:0.8125rem;
    max-height: 2.5em;
    width: 100%;
    overflow: hidden;
    margin: 0;
    margin-bottom: 4px;
    text-overflow: ellipsis;
    color: #222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 2.5em;
    letter-spacing: -0.2px;
    line-height: 1.25em;
}
.view-packageitem .panel-body .org-price{
    font-size: 0.8125rem;
    max-height: 14px;
}
.view-packageitem .panel-body .price {
    font-size: 0.9375rem;
    font-weight: var(--font-weight_bold);
    color: #484848;
    display: block;
}
.view-packageitem .panel-body .dc-rate {
    font-size: 0.9375rem;
    font-weight: var(--font-weight_bold);
    color: #ff7e00;
    display: inline-block;
    margin-left:8px;
}
.modal-content.detail-basketpackageitem {
    background-color: #484848;
    -webkit-box-shadow: none;
    padding: 20px;
    display: flex;
    align-items: center;
    padding: 15px;
    justify-content: space-between;
}
.modal-content.detail-basketpackageitem #modal-btn-no1{
    background: none;
    color: #ffc833;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    line-height: 0;
    height: 13px;
    display: flex;
    align-items: center;
}
.modal-content.detail-basketpackageitem #modal-btn-no1 i{
    font-size: 1.25rem;
    margin-left: 4px;
}
.modal-content.detail-basketpackageitem .modal-header{
    display: flex;
    align-items: center;
}
.modal-content.detail-basketpackageitem .modal-header,
.modal-content.detail-basketpackageitem .modal-footer{
    padding:0 !important;
}
.modal-content.detail-basketpackageitem .modal-footer .Icon_Close{
    width: 100% !important;
}
.modal-content.detail-basketpackageitem .modal-footer .Icon_Close img{
    width: 18px;
    height: 18px;
}
.view-packageitem .panel {
    margin-bottom: calc(var(--goods-interval) + 0px) !important;
}
.modal.fade .modal-dialog.basketpackmodal {
     -webkit-transform: translate(0, 99%) !important;
    -ms-transform: translate(0, 99%) !important;
    -o-transform: translate(0, 99%) !important;
    transform: translate(0, 99%) !important;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
}
.modal.in .modal-dialog.basketpackmodal {
    -webkit-transform: translate(0, 0%) !important;
    -ms-transform: translate(0, 0%) !important;
    -o-transform: translate(0, 0%) !important;
    transform: translate(0, 0%) !important;
}
/*구매후기 모달*/
#reviewModal .modal-content.detailreviewmodal {
    background: #fff;
}
.modal-content.detailreviewmodal .modal-title {
    width: 100%;
    margin-left: 20px;
}
.modal-content.detailreviewmodal .modal-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 15px;
    top: 0 !important;
    position: fixed;
    width: 100%;
    right: 0;
    left: 0;
    z-index: 999 !important;
}
.modal-content.detailreviewmodal .panel-heading {
    padding: 25px 0 40px;
}
.modal-content.detailreviewmodal .score-wrapper .fa {
    color: #ffc833 !important;
    font-size: 1.75rem !important;
}
.modal-content.detailreviewmodal .panel-heading .title {
    font-size: 14px;
    font-weight: var(--font-weight_bold);
    margin: 14px 0 10px;
}
.modal-content.detailreviewmodal .score-wrapper{
    position:inherit !important;
}
.modal-content.detailreviewmodal .panel-heading .title {
    font-size: 0.875rem;
    font-weight: var(--font-weight_bold);
    margin: 14px 0 10px;
}
.modal-content.detailreviewmodal .panel-heading .option {
    color: #929292;
    font-size: 11px;
    margin-bottom: 16px;
}
.modal-content.detailreviewmodal .panel-heading .Btn {
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    height: 40px;
    line-height: 40px;
    padding: 10px 55px;
}
.modal-content.detailreviewmodal .swiper-container {
    padding: 0px !important;
}
.modal-content.detailreviewmodal .reviewmodalpic{
    padding:10px 0;
}
.modal-content.detailreviewmodal .swiper-button-next {
    right: 15px !important;
    top: 52% !important;
}
.modal-content.detailreviewmodal .swiper-button-prev {
    left: 15px !important;
    top:52% !important;
}
.modal-content.detailreviewmodal .media-body {
    font-size: 0.6875rem;
    padding: 15px 12px;
}
.modal-content.detailreviewmodal .media-body .contents {
    white-space: pre-line;
    border-radius: 4px;
    font-size: 0.75rem;
}
.modal-content.detailreviewmodal .media-body .review_info {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 15px;
}
.modal-content.detailreviewmodal .reviewreportbtn,
.modal-content.detailreviewmodal .reviewreportdelet {
    margin-left: auto;
    border: none;
    background: none;
    outline: none;
    padding-left: 12px;
    font-size: 11px;
    color: #929292;
}
.modal-content.detailreviewmodal .reviewreportdelet img{
    width: 18px;
    height: 18px;
    image-rendering: -webkit-optimize-contrast;
}
.modal-content.detailreviewmodal .media-body .date {
    color: #929292;
    font-size: 11px;
    padding: 5px 0;
    margin-left: 8px;
}
.modal-content.detailreviewmodal .panel-footer {
    border-top: 0;
    padding: 0;
}
.modal-content.detailreviewmodal .media-list li:first-child {
    border-top: 1px solid #e8e8e8;
}

.modal-content.detailreviewmodal .media-list .media {
    position: relative;
    padding: 0;
    margin-top: 0;
    border-bottom: 1px solid #e8e8e8;
}
.modal-content.detailreviewmodal .prod-info {
    margin-top: 0;
    padding: 20px 12px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
}
.modal-content.detailreviewmodal .prod-info > .panel-heading {
    position: absolute;
    padding: 0;
    border: 0;
}
.modal-content.detailreviewmodal .prod-info > .panel-heading > img {
    width: 60px;
    height: 60px;
}
.modal-content.detailreviewmodal .prod-info > .cont {
    height: 60px;
    padding: 0 0 0 90px;
}
.modal-content.detailreviewmodal .prod-info > .cont > .title {
    font-size: 0.75rem;
    margin: 0 0 5px;
}
.modal-content.detailreviewmodal .prod-info > .cont > .price {
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    margin-bottom: 0;
}
.modal-content.detailreviewmodal .panel-footer.item_detail {
    text-align: center;
    padding-top: 0;
    padding-bottom: 80px;
}
.modal-content.detailreviewmodal .panel-footer.item_detail a {
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    height: 40px;
    line-height: 40px;
    padding: 10px 65px;
}
.modal-content.detailreviewmodal .input-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    font-size: 0;
    display: flex;
    align-items: center;
    background-color: #f6f6f6;
}
.modal-content.detailreviewmodal .input-wrapper .form-control {
    display: inline-block;
    font-size: .75rem;
    width: calc(100% - 50px);
    resize: none;
    border-width: 1px 0 0;
    height: 48px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: none;
}
.modal-content.detailreviewmodal .input-wrapper .btn {
    color: #fff;
    font-size: 11px;
    width: 94px;
    height: 38px;
    line-height: 40px;
    padding: 0;
    background-color: #666;
    vertical-align: top;
}
.modal-content.detailreviewmodal::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
/**/
.prod-list-wrapper.prod_list_wrap .total-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.review-category-wrapper.prod-list-wrapper .filter_box {
    margin: 0 5px 0 0 !important;
}
.review-category-wrapper.prod-list-wrapper .total-count {
    display: flex;
    justify-content: space-between;
}
#reviewModal .swiperWrap,
#QnaModal .swiperWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
#reviewModal .swiperWrap #r_modal_photo {
    display: flex;
    align-items: center;
}
.modal.detailreview button,
.modal.my-review button {
    font-size: 18px;
    border-radius: 50%;
    background: rgba(34,34,34,0.4);
    padding: 12px !important;
    margin: 8px !important;
}
.review-category-wrapper.prod-list-wrapper .category .chk_on,
.review-category-wrapper.prod-list-wrapper .category .chk_off {
    /*width:23px;*/
    height:20px;
}
#viewDeliveryStatusModal .modal-body .panel-body .info-wrapper.flex .text{
    width:20%;
}
#viewDeliveryStatusModal .modal-body .panel-body .info-wrapper.flex .info {
    width: 80%;
    font-weight: var(--font-weight_bold);
    color: #222;
}
#viewDeliveryStatusModal .modal-body .panel-body .info-wrapper.flex .delivery-company {
    font-weight: var(--font-weight_bold);
    color: #222;
    padding-right: 2px;
}
#viewDeliveryStatusModal #deliveryinfo td div{
    max-width:132px;
    width:132px;
}
/*폰트사이즈 리스트*/
.prod-list-wrapper.prod_list_wrap .total-count p {
    font-size: 0.75rem;
}
/*폰트사이즈 리스트-필터(공통)*/
.selectbox select,
.selectbox:before,
.prod-list-wrapper .filter_box .item-filter label {
    font-size: 0.75rem;
}
/*폰트사이즈 검색*/
.prod-list-wrapper .no-data p {
    font-size: 0.75rem;
}
/*폰트사이즈 리스트-구매후기*/
.review-category-wrapper .category-list.text .category > a,
.review > .panel-footer .byname,
.review-list-container .reviewdate {
    font-size: 0.75rem;
}
/*폰트사이즈 디테일*/
#prodDetail .panel-body.notice .title,
#prodDetail .panel-body.notice .desc,
#prodDetail .panel-body.notice .desc_b,
#collapseNotice .table th,
#collapseNotice .table td,
.review-detail-list-wrapper .no-data-review p,
#prodQna.detail_qna .media.admin_comment p span{
    font-size: 0.75rem;
}
/*폰트사이즈 로그인*/
.Login_page .guestwrap p,
.Login_page .letjoin p {
    font-size:0.75rem;
}
/*폰트사이즈 비회원주문배송조회*/
.common-wrapper.guestinfo_form .panel-body.member th{
    font-size:0.75rem;
}
/*폰트사이즈 메인-구매후기*/
.main-review-wrapper .reviewdate,
.main-review-slide .byname,
.main-review-slide .date {
    font-size: 0.75rem;
}
.review_slide .score-wrapper i{
    font-size:0.875rem;
}
/*폰트사이즈 타임세일*/
.goods-timesale-label .time-remaining,
.goods-timesale-label .timesaletext {
    font-size: 0.8125rem;
}
/*폰트사이즈 마이페이지*/
.my-wrapper.index.mobile_my_index > .reward-wrapper label,
.my-wrapper.index.mobile_my_index .myinfo:last-child span:first-child{
    font-size: 0.75rem;
}
/*폰트사이즈 마이페이지-적립급*/
.my-info-wrapper.my-point-wrapper .mytotal_num li,
.my-info-wrapper.my-point-wrapper .filter-wrapper .status-filter li label,
.my-info-wrapper.my-point-wrapper .filter-wrapper .year-filter label {
    font-size: 0.75rem;
}
.my-info-wrapper .filter-wrapper .status-filter li label{
    display:flex !important;
}
.my-info-wrapper.my-point-wrapper .filter-wrapper .year-filter::before{
    top:2px;
}
/*폰트사이즈 마이페이지-보유쿠폰*/
.my-info-wrapper.my-coupon-wrapper .mytotal_num.coupon_total li,
.my-info-wrapper.my-coupon-wrapper .coupon_chk label,
.my-info-wrapper.my-coupon-wrapper .coupontbox p {
    font-size: 0.75rem;
}
/*폰트사이즈 마이페이지-회원등급*/
.modal.userclass-modal .benefit_point p,
.modal.userclass-modal .benefit_coupon p,
.modal.userclass-modal .myclass_footer p {
    font-size: 0.75rem;
}
/*폰트사이즈 마이페이지-주문목록배송조회*/
.contents-wrapper.mypage-myorder .delivery_chk label,
.contents-wrapper.mypage-myorder .orderbody_media .media-body .option:nth-of-type(1){
    font-size: 0.75rem;
}
.contents-wrapper.mypage-myorder .selectbox.year-filter label,
.contents-wrapper.mypage-myorder .orderbody_media .btn{
    font-size:0.75rem !important;
}
.contents-wrapper.mypage-myorder .selectbox.year-filter::before {
    top:2px;
}
/*폰트사이즈 마이페이지-배송조회*/
#viewDeliveryStatusModal #deliveryinfo td,
#viewDeliveryStatusModal #deliveryinfo td:nth-of-type(1) p,
#viewDeliveryStatusModal .panel-heading ul > li.active .desc,
#viewDeliveryStatusModal .info-wrapper {
    font-size: 0.75rem;
}
.contents-wrapper.mypage-myorder .media-body .count.count2,
.contents-wrapper .my-wrapper.wrap_maypage .count.count2 {
    color: #ff0000;
}
/*폰트사이즈 마이페이지-주문상세*/
.my-wrapper.wrap_maypage .prod-order .panel .media-body .option,
.my-wrapper.wrap_maypage .body_pane_orderdetail .media-body .price p,
.my-wrapper.wrap_maypage .prod-order .panel .panel-footer .btn,
.my-wrapper.wrap_maypage .info-wrapper.order-info .table th,
.my-wrapper.wrap_maypage .info-wrapper.order-info .table td,
.my-wrapper.wrap_maypage .info-wrapper.recipient-info .table th,
.my-wrapper.wrap_maypage .info-wrapper.recipient-info .table td {
    font-size: 0.75rem;
}
/*폰트사이즈 마이페이지-배송지관리*/
.my-wrapper .my-info.delivery .panel-heading p,
.my-wrapper .my-info.delivery .no-data p,
.my-wrapper .my-info.delivery .delivery_basic,
.my-wrapper .my-info.delivery .delivery-list .delivery_cont p {
    font-size: 0.75rem;
}
/*폰트사이즈 마이페이지-배송지등록*/
.modal.addDelivery input[type="checkbox"] + label,
.modal.addDelivery .form-group label,
.modal.addDelivery .attrselect {
    font-size: 0.75rem;
}
/*폰트사이즈 마이페이지-최근본상품*/
.prod-list-wrapper.Lastitem .total-count{
    font-size:0.75rem;
}
/*폰트사이즈 마이페이지-구매후기*/
.my-wrapper.review-wrapper #writtenReview .data_none td,
.my-wrapper.review-wrapper .tab-pane .review_order p:last-child,
.my-wrapper.review-wrapper .admin_comment p{
    font-size: 0.75rem;
}
/*폰트사이즈 마이페이지-구매후기모달*/
#reviewWriteModal .media-body .price,
#reviewWriteModal .modal-body .review-score dt {
    font-size: 0.75rem;
}
/*폰트사이즈 마이페이지-게시판*/
.contents-wrapper#newMyboard .select-arrow select,
#newMyboard .pagination > li > a {
    font-size: 0.75rem;
}
/*폰트사이즈 마이페이지-개인정보관리*/
.my-wrapper.my-info table td p,
.my-wrapper.my-info table th,
.my-wrapper.my-info-modify table th,
.my-wrapper.my-info-modify .checkbox_wrapper label,
.my-wrapper.my-info-modify .checkbox_wrapper a,
.my-wrapper.my-info-modify table .text_box p,
.my-wrapper.my-info-modify .panel-footer p{
    font-size: 0.75rem;
}
/*폰트사이즈 마이페이지-교환반품*/
.my-wrapper.return .prod-info-wrapper.my_return_wrap .point-wrapper span,
.my-wrapper.return .order-info th,
.my-wrapper.return .order-info td,
.my-wrapper.return .panel-body.reason .desc p{
    font-size: 0.75rem;
}
.my-wrapper.return label,
.my-wrapper.return .order-payment-info th {
    font-size: 0.75rem !important;
}
/*폰트사이즈 마이페이지-문의내역*/
.my-wrapper #qnatype .review-regist-text,
.my-wrapper #qnatype .media-body .admin_comment .media-body {
    font-size: 0.75rem;
}
/*폰트사이즈 마이페이지-쇼핑정보수신동의모달*/
.contents-wrapper.terms.consent-terms .panel-body p {
    font-size: 0.75rem !important;
}
/*폰트사이즈 faq*/
.customer-wrapper.faqlist .panel-title.faq span,
.customer-wrapper.faqlist .panel-body.faq span,
.customer-wrapper.faqlist .panel-body.faq span p {
    font-size: 0.75rem !important;
}
/*폰트사이즈 공지사항*/
.panel.notice.detail_normal .table td,
.panel.notice.detail_normal .table td a {
    font-size: 0.75rem;
}
/*폰트사이즈 주문결제-배송지관리*/
.modal-dialog.order .panel-heading p,
.modal-dialog.order .user-post1 {
    font-size: 0.75rem;
}
/*쿠폰 리뉴얼*/
.coupon.detailcoupon .coupon-use .category span {
    word-break: break-word;
}
.coupon.detailcoupon .coupon-area .choice p,
.event-page-wrapper.couponbookpage .coupon-area .choice p {
    border-radius: 8px;
    padding: 4px 6px;
    color: #fff;
    background: rgba(0,0,0,0.33);
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
    margin-right: 3px;
}
.coupon.detailcoupon .coupon-area .choice,
.event-page-wrapper.couponbookpage .coupon-area .choice {
    flex-wrap: wrap;
}
.coupon.detailcoupon .coupon-area .cpn-date span::after,
.event-page-wrapper.couponbookpage .cpn-date span::after {
    content: "|";
    color: #fff;
    font-weight: var(--font-weight_basic);
    padding: 0 4px;
}
/*타임세일 3열,4단슬라이드수정*/
.col-xs-4 .timesale.deadline img,
.sliding4 .timesale.deadline img {
    width: 32px;
    height: 32px;
    margin-right: 0;
}
.col-xs-12 .timesale img,
.col-xs-6 .timesale img,
.sliding1 .timesale img,
.rcmm_1wrap .rcmm_2wrapslide .timesale img {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

/*.col-xs-12 .timesale,*/
/*.col-xs-6 .timesale,*/
.sliding1 .timesale,
.rcmm_1wrap .rcmm_2wrapslide .timesale {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    /*color: #fff;*/
    font-size: 11px;
    font-weight: var(--font-weight_bold);
    padding: 7px;
    background-color: #727272;
}
/*swiper버전업그레이드css수정*/
.rcmm_1wrap .swiper-container,
.recommend.main-recommend-item .swiper-container,
.Goods_wrapper.goods-items-container .swiper-container.sliding1,
#reviewPhoto.swiper-container,
.modal.detailreview .swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.Goods_wrapper.goods-items-container .swiper-container.sliding4,
.Goods_wrapper.review_slide.swiper-container{
    margin: 0 auto;
    position: relative;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.wrapper_moall .main .recommend.main-recommend-item .swiper-container,
.wrapper_moall .main .Goods_wrapper.goods-items-container .swiper-container.sliding1 {
    overflow: visible;
}
.modal.detailreview .swiper-pagination {
    bottom: 0;
    left: 0;
}
.modal.my-review .swiper-pagination {
    position: relative;
    bottom: -3px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
}
.Goods_wrapper.goods-items-container .prod-wrapper.fixtype1,
.Goods_wrapper.goods-items-container .prod-wrapper.fixtype2,
.Goods_wrapper.goods-items-container .prod-wrapper.fixtype3 {
    position: relative;
    z-index: 1;
}
/*리스트장바구니기능+타임세일리뉴얼*/
.col-xs-12 .timelabelcartbtnWrap {
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*z-index: 1;*/
    padding: 5px;
}
/*.col-xs-12 .goods-timesale-label.not(#imgTypeLine1 .col-xs-12 .goods-timesale-label){
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}*/
.moall-search-wrapper.search_wrap .col-xs-12 .goods-timesale-label,
.BigWrap .col-xs-12 .goods-timesale-label,
.contents-wrapper.main .col-xs-12 .goods-timesale-label,
.default.bootsidemenu-left .sidemenu-wrapper .col-xs-12 .goods-timesale-label,
#imgTypeLine1 .col-xs-12 .panel-heading.default1_DIV .goods-timesale-label {
    width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
.col-xs-6 .goods-timesale-label {
    position: absolute;
    bottom: 0px;
    left: 0px;
    /*z-index: 1;*/
    width: 100%;
    padding: 5px;
}
.col-xs-12 .goods-timesale-label .timesaleWrap,
.col-xs-6 .goods-timesale-label .timesaleWrap,
.scroll-prod-wrapper.sliding1 .goods-timesale-label .timesaleWrap,
.rcmm_1wrap .rcmm_2wrapslide .goods-timesale-label .timesaleWrap,
#viewpackageitem .goods-timesale-label .timesaleWrap {
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.col-xs-12 .goods-timesale-label .timesale,
.col-xs-6 .goods-timesale-label .timesale,
.scroll-prod-wrapper.sliding1 .goods-timesale-label .timesale,
.rcmm_1wrap .rcmm_2wrapslide .goods-timesale-label .timesale,
#viewpackageitem .goods-timesale-label .timesale{
    padding: 7px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}
.col-xs-12 .timesale img,
.col-xs-6 .timesale img,
.scroll-prod-wrapper.sliding1 .timesale img,
.rcmm_1wrap .rcmm_2wrapslide .timesale img,
#viewpackageitem .timesale img {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}
.col-xs-4 .timesale.deadline img,
.sliding4 .timesale.deadline img {
    width: 32px;
    height: 32px;
    margin-right: 0;
}
.col-xs-12 .goods-timesale-label .timesaleWrap .datetime-wrapper,
.col-xs-12 .goods-timesale-label .timesaleWrap .time-remaining,
.col-xs-6 .goods-timesale-label .timesaleWrap .datetime-wrapper,
.col-xs-6 .goods-timesale-label .timesaleWrap .time-remaining,
.scroll-prod-wrapper.sliding1 .goods-timesale-label .timesaleWrap .datetime-wrapper,
.scroll-prod-wrapper.sliding1 .goods-timesale-label .timesaleWrap .time-remaining,
.rcmm_1wrap .rcmm_2wrapslide .goods-timesale-label .timesaleWrap .datetime-wrapper,
.rcmm_1wrap .rcmm_2wrapslide .goods-timesale-label .timesaleWrap .time-remaining,
#viewpackageitem .goods-timesale-label .timesaleWrap .datetime-wrapper,
#viewpackageitem .goods-timesale-label .timesaleWrap .time-remaining {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.8125rem;
    font-weight: var(--font-weight_bold);
}

.goodslabel-CartButton,
.CartButton {
    outline: none;
    border: none;
    background: none;
    z-index:1;
}
/*.sliding1 .CartButton,
.col-xs-6 .CartButton:not(.brd-recommen .CartButton),
.col-xs-12 .CartButton:not(#imgTypeLine1 .CartButton),*/
.rcmm_2wrapslide .CartButton,
#viewpackageitem .CartButton {
    margin-left: 4px;
}
.goodslabel-CartButton img,
.CartButton img{
    width: 32px;
    height: 32px;
    z-index:999999;
}
.col-xs-4 .CartButton {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    padding: 5px;
}
.scroll-prod-wrapper.sliding4 .CartButton {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    padding:5px;
}
.col-xs-4 .CartButton img,
.scroll-prod-wrapper.sliding4 .CartButton img {
    /*margin-left: auto;*/
}
.goods-timesale-label .timesale {
    border-radius: 16px;
}
.col-xs-6 .allWrap,
.col-xs-4 .allWrap,
.col-xs-12 .allWrap,
.scroll-prod-wrapper.sliding1 .allWrap,
.scroll-prod-wrapper.sliding4 .allWrap,
.rcmm_1wrap .rcmm_2wrap .allWrap,
.brd-recommen .allWrap,
.BigWrap .allWrap,
#viewpackageitem .allWrap {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
/*좌측슬라이드-장바구니기능옵션수정*/
.purchase-wrapper.detail-purchasewrapper#cartPurchase-wrapper {
    z-index: 100000;
}
/*게시판-장바구니기능수정*/
.board-main-listtype1 .icon-basketwrap {
    z-index: 99;
}
#cart-confirm-mi-modal .modal-header.confirm{
    background:none !important;
}
/*게시판-상품노출여백수정*/
#imgTypeLine1 .board-mixgoods .col-xs-4 .custom-panelbody,
#imgTypeLine1 .board-mixgoods .col-xs-6 .custom-panelbody,
#imgTypeLine1 .board-mixgoods .sliding1 .body_panel,
#imgTypeLine1 .board-mixgoods .sliding1 .default-footerpanel,
#imgTypeLine1 .board-mixgoods .col-xs-4 .body_panel,
#imgTypeLine1 .board-mixgoods .col-xs-4 .default-footer,
#imgTypeLine1 .board-mixgoods .col-xs-6 .body_panel,
#imgTypeLine1 .board-mixgoods .col-xs-6 .default-footer {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/*앱뒤로가기버튼수정*/
.backLeft-wrap {
    position: fixed;
    bottom: 85px;
    right: 10px;
    z-index: 999;
}
.backLeft-wrap img {
    max-width: 40px;
    height: 40px;
    transform: translate3d(0, 0, 0);
    cursor: pointer;
}
#backLeft{
    display:none;
}
/*더보기유형수정*/
.Btn-moreview {
    padding: 0;
    border: 0;
    text-align: center;
    height: 40px;
    line-height: 39px;
    font-size: .75rem;
    cursor: pointer;
}
/*상세-구매후기스크롤없애기*/
.scroll-prod-wrapper.Goods_wrapper.review_slide {
    scrollbar-width: none; 
}
.scroll-prod-wrapper.Goods_wrapper.review_slide::-webkit-scrollbar {
    display: none !important;
}
/*공지사항-흰색빼기*/
.sub-menu-wrapper.wrap_sub_menu.submenu-wrap-1{
    border-bottom:0;
}
/*메인-팝업수정*/
.popup-wrapper.mainPopup {
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.popup-wrapper.mainPopup::-webkit-scrollbar {
    display: none;
}
.popup-wrapper.mainPopup #mainBannerPopup .swiper-slide {
    position: relative;
    overflow: hidden;
}
.popup-wrapper.mainPopup #mainBannerPopup .swiper-slide img {
    display: block;
    width: 100%;
    max-width: 100%;
   /* height:100%;*/
}
.popup-wrapper.mainPopup .mainBPopup-contents {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 25px;
}
.popup-wrapper.mainPopup .mainBPopup-text a,
.popup-wrapper.mainPopup .mainoneBPopup-text a {
    color: #fff;
    font-weight: var(--font-weight_bold);
    font-size: 1rem;
}
.popup-wrapper.mainPopup .mainBPopup-text,
.popup-wrapper.mainPopup .mainoneBPopup-text {
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-wrapper.mainPopup #mainBPopupCarousel {
    bottom: 0;
    height: auto;
}
.popup-wrapper.mainPopup #mainBPopupCarousel span {
    margin: 0;
    height: 4px;
    width: 100%;
    border-radius: 0;
    opacity: 1;
    background-color: #dcdcdc;
}
.popup-wrapper.mainPopup #mainBPopupCarousel .swiper-pagination-bullet-active {
    background-color: var(--btn_type_shopbasic3_background);
}
.popup-wrapper.mainPopup {
    display: block;
}
.popup-wrapper.mainPopup .popup-contents {
    overflow-y: auto;
}
.popup-wrapper.mainPopup .popup-contents > .contents {
    /*display: flex;*/
/*    flex-direction: column;
    justify-content: center;*/
    width: 100%;
    padding: 25px 25px 0 25px;
}
@media (orientation: landscape) { /*가로*/
    /* Landscape 모드일 때 적용할 CSS */
    .popup-wrapper.mainPopup .popup-contents > .contents {
        padding: 0;
    }
}
.popup-wrapper.mainPopup .popup-contents::-webkit-scrollbar {
    display: none;
}
/*#detailImgSwiper .swiper-scrollbar {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
}*/
/*옵션 닫는 영역수정*/
.purchase-wrapper.detail-purchasewrapper#purchase-wrapper .closebuyhelp,
.purchase-wrapper.detail-purchasewrapper#cartPurchase-wrapper .closebuyhelp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    width: 50%;
    height: 62px;
    cursor: pointer;
}
/*장바구니바로담기팝업 open 스크롤-좌측 슬라이드*/
.sideCartCnfmModal {
    height: 48px;
    bottom: 0;
    margin-bottom: 93px !important;
    top:auto !important;
}
.basketCnfm{
    top:0 !important;
}

/* 회원가입,로그인,아이디비번찾기,비회원배송조회 */
.common-wrapper.guestinfo_form .panel-heading,
.common-wrapper .join-wrapper .panel-heading {
    /*height: 60px;*/
    line-height: 60px;
    border-bottom: 0;
    padding: 0 15px !important;
}
/*회원가입 상단바*/
.common-wrapper.access.join.new_join_wrap .panel-heading {
    margin: 0 auto;
}
/*아이디비번찾기 상단바*/
.common-wrapper.access.join.idpw_search .panel-heading {
    margin: 0 auto;
}
/*비밀번호재설정 상단바*/
.common-wrapper.pwsearch_reset {
    margin: 0 auto;
}
/*아이디찾기 결과*/
.common-wrapper.idsearch_list {
    margin: 0 auto;
}
/*마이페이지-구매후기-댓글*/
.my-wrapper.review-wrapper .admin_comment .contents {
    color: #222;
    padding: 0 12px 16px !important;
    border-bottom: 1px solid #e8e8e8;
    word-break: break-word;
}
.my-wrapper.review-wrapper .admin_comment .contents:last-child{
    border-bottom: 0;
}
.my-wrapper.review-wrapper .admin_comment .writer {
    padding: 16px 12px 12px;
    color: #929292;
}
/*구매후기상세-댓글*/
.review-detail-wrapper.photoreivewdetail .reply-list.panel-footer .contents,
.review-detail-wrapper.photoreivewdetail .contents.reviewCont {
    word-break: break-word;
}
/*구매후기리스트-내용노출수정*/
.review-list-container .panel-body .prod-title {
    max-height: 48px;
    min-height: 48px;
    line-height: 1.25em;
}
/*메인-구매후기 내용노출 수정*/
.main-review-slide .review_slide .prod-title {
    line-height: 1.25 !important;
    max-height:64px;
    height:64px;
}
.main-review-wrapper .col-xs-6.review .prod-title {
    line-height: 1.25em;
}
/*메인-구매후기-리스트형식-이미지수정*/
.main-review-wrapper .col-xs-6.review img {
    /*height: 200px;*/
    object-fit: cover;
    aspect-ratio: 1;
}
/*상세-탭*/
#prodTab.fixed-top {
    position: fixed;
    top: 60px;
    z-index: 1030;
    background-color: #fff;
    width: 100% !important;
    left: 0px;
}
/*좌측메뉴-리스트에서 하단바로 이동시-넘버링*/
.detail_wrap_moall .prod .panel-heading .dc-rank {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    width: 28px;
    height: 28px;
    line-height: 1;
    font-size: .75rem;
    font-weight: var(--font-weight_bold);
    color: #fff;
    background-color: #929292;
    border-radius: 0;
}
/*카카오톡 대체 우편번호*/
#postModalFLEXG #_flexgPostSearch::placeholder {
    color: #222;
    font-size: 0.875rem;
}
#postModalFLEXG #_flexgPostSearch {
    font-size: 0.875rem;
}
#postModalFLEXG .flexgSearchhelp {
    color: #727272;
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
}
#postModalFLEXG .posthelpExemple {
    color: #727272;
    font-size: 0.75rem;
}
#postModalFLEXG .posthelpExemple span {
    color: #222;
    font-size: 0.75rem;
}
#postModalFLEXG .flexgSearchhelp,
#postModalFLEXG .posthelpExemple {
    line-height: 1.5;
}
#postModalFLEXG ul{
    margin-top:36px;
}
#postModalFLEXG .noSearchbox li {
    line-height: 1.5
}
#postModalFLEXG .noSearch {
    color: #222;
    font-size: 0.875rem;
    font-weight: var(--font-weight_bold);
}
#postModalFLEXG .noSearchcheck {
    color: #929292;
    font-size:0.75rem;
}
#postModalFLEXG .postListtable tr{
    border-bottom: 1px solid #e8e8e8;
    padding:15px 0;
}
#postModalFLEXG .postListtable td:nth-child(1) {
    color: #222222;
    font-weight: var(--font-weight_bold);
    font-size: 1rem;
}
#postModalFLEXG .postListtable td:nth-child(2n){
    color: #222222;
    font-size: 0.875rem;
    padding: 4px 0;
}
#postModalFLEXG .postListtable td:nth-child(2n) p{
    font-size: 0.875rem;
}
#postModalFLEXG .postListtable td .title {
    background: #b8b8b8;
    border-radius: 6px;
    padding: 2px 6px;
    color: #fff;
    font-weight: var(--font-weight_bold);
    font-size: 0.75rem;
    width: 18%;
    text-align: center;
    white-space: nowrap;
}
#postModalFLEXG .modal-content {
    -ms-overflow-style: none;
}
#postModalFLEXG .modal-content::-webkit-scrollbar {
    display: none;
}
#postModalFLEXG {
    z-index: 999999;
}
#postModalFLEXG .roadAddrwrap,
#postModalFLEXG .jibunAddrwrap{
    display: flex;
    align-items: baseline;
}
#postModalFLEXG .roadAddrwrap .roadName,
#postModalFLEXG .jibunAddrwrap .jibunName{
    width: 82%;
    padding-left:6px;
}
#postModalFLEXG .jibunAddrwrap .jibunName {
    color:#727272;
}
/*기존 우편번호*/
#jsDaumPostSearch div:nth-of-type(1) {
    height: 88vh !important;
}
/*회원등급제개편*/
#userclass-modal .my__index--userclass .benefit__group__H--level img {
    height: 40px;
}
#userclass-modal .my__index--userclass .benefit__group__H--level li:last-child {
    font-size: 0.875rem;
}
#userclass-modal .my__index--userclass .class_member--order {
    font-size: 0.75rem;
}
#userclass-modal .my__index--userclass .text__target {
    font-size: 1rem;
}
#userclass-modal .my__index--userclass .benefit_group_heading .class_member {
    margin-top: 40px;
}
#userclass-modal .my__index--userclass .benefit_group_heading {
    /*margin-top: 40px;*/
    padding-top:0;
}
#userclass-modal .my__index--userclass .benefit_group_heading .progress {
    border-radius: 16px;
    margin: 12px 0;
}
#userclass-modal .my__index--userclass .benefit_group_heading .progress .progress-bar {
    border-radius: 16px;
    background: var(--btn_type_shopbasic2_color) !important;
}
#userclass-modal .my__index--userclass .class_option--benefit {
    margin: 12px 0 30px;
    padding: 20px;
}
#userclass-modal .my__index--userclass .benefit_group_body .class_option {
    padding-top: 0px;
}
#userclass-modal .my__index--userclass .benefit_group_body .class_option .title {
    font-size: 0.875rem;
}
#userclass-modal .my__index--userclass .benefit_group_body .class_option ul {
    font-size: 0.75rem;
}
#userclass-modal .my__index--userclass .benefit_group_body .benefit_point--subtitle {
    margin-top: 15px !important;
    font-weight: var(--font-weight_bold);
}
#userclass-modal .my__index--userclass .myclass_footer {
    border-top: 0;
    padding-top:0;
}
#userclass-modal .my__index--userclass .myclass_footer p {
    color: #727272;
}
#userclass-modal .membermodal2 .member_footer {
    border-top: 0;
}
#userclass-modal .my__index--userclass .benefit_point{
   padding: 0;
}
#userclass-modal .my__index--userclass {
    /*min-height: 100vh;*/
}
#userclass-modal{
    padding-right:0 !important;
}
/*마이페이지-회원등급*/
#userclass .reward {
    width: 70%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    overflow: hidden;
}
#userclass .reward .count{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align:right;
    line-height:1.5;
}
#userclass .reward i{
    color: #b8b8b8;
    font-size: 14px;
    font-weight:var(--font-weight_bold);
    margin-left: 10px;
}
/*마이페이지-이벤트 참여*/
.my-info-wrapper.my-event {
    margin-top: 68px;
}
/*마이페이지-회원등급아이콘추가*/
.my-wrapper.index.mobile_my_index .memberlevel {
    height: 20px;
    margin:0 4px;
}
/*좌측메뉴-회원등급아이콘*/
#sidemenu .login-out-wrapper img{
    height:30px;
}
/*회사소개페이지-전화문의이미지*/
.footer-info-wrapper .panel-body .container li .telImg {
    width: inherit;
}
/*마이페이지-개인정보관리-폰트사이즈*/
.my-wrapper.my-info-modify .panel-footer a {
    font-size: 0.75rem;
}
/*회원가입-폰트사이즈*/
.common-wrapper.join.new_join_wrap .basic-select {
    font-size: 0.75rem;
}
/*좌측메뉴-리워드팝업-폰트사이즈*/
#floatingActionShare .panel-heading p {
    font-size: 0.75rem;
}
/*플렉스지-우편번호개편 placeholder수정*/
#postModalFLEXG #_flexgPostSearch::placeholder{
    color:#969696;
}
/*리스트 nav와 section 간격*/
.navbar.detailhead{
    /*border:0;*/
}
.contents-wrapper.listcontents {
    margin-top: 60px !important;
}
.contents-wrapper.listcontents .prod_list_wrap{
    margin-top:60px;
}
/*구게시판 타이틀 정렬*/
.customer-wrapper.faqlist .panel-title.faq{
    align-items:center;
}
.customer-wrapper.faqlist .panel-title.faq .title{
   line-height: inherit;
}
/*상품2열 부연설명 가려지는 증상*/
.col-xs-4 .summary_fix2 {
    min-height: 1.35em;
    max-height: 1.35em;
}
/*최근본상품-부연설명 가려지는 증상*/
.prod-list-wrapper.Lastitem .col-xs-6 .summary_fix2 {
    min-height: 1.35em;
    max-height: 1.35em;
}
/*리스트-1열 기타정보표시*/
.BigWrap .footer_panel.default-footer{
    padding-left:0 !important;
}
/*미디어쿼리*/
@media (max-width: 320px) {
    .fixtype2 .col-xs-6 .default-benefit {
        width: 155px;
    }

    .BigWrap .col-xs-6.itemrows .body_panel .benefit p {
        padding: 2px 0px;
    }

    .my-wrapper #orderlist .filter-wrapper .status-filter li {
        padding-right: 4px;
    }

    #reviewWriteModal .modal-content .panel-body imgs_wrap .image {
        height: auto !important;
    }

    .my-wrapper .panel-body .menu a {
        font-size: .75rem;
        padding-left: 8px;
        padding-right: 8px;
    }

        .my-wrapper .panel-body .menu a .fa {
            font-size: 1rem;
            line-height: 34px;
        }

    .basket-wrapper .basket-list .price .form-control {
        width: 33px;
    }

    .basket-wrapper .basket-list .price button {
        width: 23px;
    }


    .fixtype1 .pricewrap {
        display: block !important;
    }

    .scroll-prod-wrapper .slide_text .prod-title {
        display: inline-block !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
        line-height: 1.2 !important;
        min-height: 62px !important;
        text-align: left !important;
        word-wrap: break-word !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        margin-top: 6px !important;
    }

    .my-wrapper .panel-heading.myindex-info .list-group-item {
        padding: 8px;
    }

    .customer-wrapper .panel.notice.notice-table .title__td {
        width: 170px;
    }

    .customer-wrapper .panel.notice.detail_normal .subject.textbox a {
        width: 180px;
    }

    .basket #AppinfoPopup .appinfo-wrap ul {
        margin-left: 8px;
    }
}
@media (max-width: 280px) {
    .basket #AppinfoPopup .appinfo-wrap {
        width: 100%;
    }
}
/*WEB 시작 팝업 flod 펼칠때 닫기,하루그만보기 수정+팝업수정*/
@media (min-width: 715px)and (max-width:767px) {
   /* .popup-wrapper.mainPopup.fold .popup-contents {
        height: 100vh;
        display: initial !important;
    }
    .popup-wrapper.mainPopup.fold .popup-contents .contents {
        height: calc(100% - 40px);
        text-align: center;
        vertical-align: middle;
        padding: 0 25px;
        display: flex;
        flex-direction: column;
    }
    .popup-wrapper.mainPopup.fold .popup-contents .contents .img-wrapper {
        margin-bottom: 0 !important;
    }
    .popup-wrapper.mainPopup.fold .popup-contents .contents .img-wrapper,
    .popup-wrapper.mainPopup.fold .popup-contents .contents .img-wrapper img {
        height: 100%;
    }*/
    /*메인-팝업수정*/
   /* .popup-wrapper.mainPopup .mainBPopup-contents {
        height: calc(100% - 40px);
        text-align: center;
        vertical-align: middle;
        padding: 0 25px;
        display: flex;
        flex-direction: column;
    }
    .popup-wrapper.mainPopup #mainBannerPopup .swiper-slide img,
    .popup-wrapper.mainPopup #mainBannerPopup .swiper-slide{
        height: 100%;
    }*/
}
.no-data h6 {
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
}
.my-wrapper .no-data {
    line-height: 2.3;
    text-align: center;
}
.my-info-wrapper .no-data p,
.my-wrapper .no-data p,
.mypage-wrapper .no-data p,
.prod-list-wrapper .no-data p {
    font-size: 0.625rem;
    text-align: center;
}
/*샵 웹버전*/
@media (min-width: 768px) {
    .no-data h6 {
        font-size: 0.938rem;
    }
    .my-info-wrapper .no-data p,
    .my-wrapper .no-data p,
    .mypage-wrapper .no-data p,
    .prod-list-wrapper .no-data p {
        font-size: 0.813rem !important;
    }
    .btn-cart--nbsp {
        min-width: 32px;
    }
    .purchase-wrapper.detail-purchasewrapper .popup-freedelivery p:before {
        height: 10px;
        top: 28px;
        right: 101px;
        transform: rotate( 120deg ) skew( 334deg );
        -moz-transform: rotate( 120deg ) skew( 334deg );
        -ms-transform: rotate( 120deg ) skew( 334deg );
        -o-transform: rotate( 120deg ) skew( 334deg );
        -webkit-transform: rotate( 120deg ) skew( 334deg );
        width: 10px;
    }

    .purchase-wrapper.detail-purchasewrapper .popup-freedelivery {
        -webkit-animation: bounce-top 3s infinite alternate;
        animation: bounce-top 3s infinite alternate;
    }

    

    .purchase-wrapper.detail-purchasewrapper .popup-app p:before {
        height: 10px;
        top: 29px;
        right: 88px;
        transform: rotate( 120deg ) skew( 334deg );
        -moz-transform: rotate( 120deg ) skew( 334deg );
        -ms-transform: rotate( 120deg ) skew( 334deg );
        -o-transform: rotate( 120deg ) skew( 334deg );
        -webkit-transform: rotate( 120deg ) skew( 334deg );
        width: 10px;
    }

    .purchase-wrapper.detail-purchasewrapper .popup-app {
        position: absolute;
        background: #484848;
        border-radius: 10px;
        top: 50%;
        padding: 8px 14px;
        left: 50%;
        color: #fff;
        font-size: 12px;
        font-weight: var(--font-weight_bold);
        transform: translate(-27%, -151%);
        white-space: nowrap;
        -webkit-animation: appbounce-top 3s infinite alternate;
        animation: appbounce-top 3s infinite alternate;
    }

    

    .purchase-wrapper.detail-purchasewrapper .popup-basketfree p:before {
        background-color: #484848;
        content: "\00a0";
        display: block;
        height: 10px;
        position: absolute;
        top: 24px;
        right: 73px;
        transform: rotate( 120deg ) skew( 334deg );
        -moz-transform: rotate( 120deg ) skew( 334deg );
        -ms-transform: rotate( 120deg ) skew( 334deg );
        -o-transform: rotate( 120deg ) skew( 334deg );
        -webkit-transform: rotate( 120deg ) skew( 334deg );
        width: 7px;
    }

   /* .purchase-wrapper.detail-purchasewrapper .popup-basketfree {
        -webkit-animation: basketbounce-top 3s infinite alternate;
        animation: basketbounce-top 3s infinite alternate;
    }*/
/*
    @keyframes basketbounce-top {
        0% {
            transform: translate(-33%, -55px);
            animation-timing-function: ease;
        }

        22% {
            transform: translate(-33%, -48px);
            animation-timing-function: ease;
        }

        42% {
            transform: translate(-33%, -55px);
            animation-timing-function: ease;
        }

        62% {
            transform: translate(-33%, -48px);
            animation-timing-function: ease;
        }

        82% {
            transform: translate(-33%, -55px);
            animation-timing-function: ease;
        }

        100% {
            transform: translate(-33%, -48px);
            animation-timing-function: ease;
        }
    }*/

    .purchase-wrapper.detail-purchasewrapper .popup-freedeliverypay p:before {
        position: absolute;
        top: 27px;
        right: 105px;
    }

    .purchase-wrapper.detail-purchasewrapper .popup-basketfree p:before {
        top: 29px;
        right: 100px;
    }

    .wrapper_moall .prod .panel-heading .dc-rank {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .col-xs-6 .goodssellimg img,
    .col-xs-12 .goodssellimg img,
    .col-xs-4 .goodssellimg img,
    .scroll-prod-wrapper.sliding1 .goodssellimg img,
    .scroll-prod-wrapper.sliding4 .goodssellimg img,
    .rcmm_2wrap.rcmm_2wrapslide .goodssellimg img {
        width: 120px;
        height: 48px;
    }

    .col-xs-6 .godossellcustom img,
    .col-xs-4 .godossellcustom img,
    .col-xs-12 .godossellcustom img,
    .scroll-prod-wrapper.sliding1 .godossellcustom img,
    .scroll-prod-wrapper.sliding4 .godossellcustom img,
    .rcmm_2wrap .godossellcustom img {
        width: 48px;
        height: 48px;
    }

    .orderinfor.footer_panel.type6 .avgstarnum,
    .col-xs-6 .orderinfor.footer_panel.type4 .avgstarnum,
    .col-xs-6 .orderinfor.footer_panel.type5 .avgstarnum,
    .col-xs-6 .orderinfor.footer_panel.type7 .avgstarnum,
    .col-xs-6 .orderinfor.footer_panel.type11 .avgstarnum,
    .col-xs-6 .orderinfor.footer_panel.type12 .avgstarnum,
    .col-xs-6 .orderinfor.footer_panel.type13 .avgstarnum,
    .col-xs-6 .orderinfor.footer_panel.type14 .avgstarnum,
    .col-xs-4 .orderinfor.footer_panel.type14 .avgstarnum,
    .col-xs-4 .orderinfor.footer_panel.type13 .avgstarnum,
    .col-xs-4 .orderinfor.footer_panel.type12 .avgstarnum {
        display: flex;
        align-items: baseline;
    }

    .footer_panel .orderCount {
        align-items: center;
    }

    .sliding4 .goods-timesale-label {
        position: relative;
        bottom: 34px;
    }

    .price-bigbox .price-wrapper {
        width: 100% !important;
    }

    .goods-timesale-label .timesale {
        font-size: 14px !important;
    }

    .panel.order-payment-info .info_form .ordername-order {
        justify-content: space-between;
    }

        .panel.order-payment-info .info_form .ordername-order button {
            padding: 0px 10px;
        }

    #sidemenu #categoryAccordion .sideClose.sidetext {
        width: 500px;
    }

    .delivery.delivery-type b {
        color: #222;
    }

    #postModal .modal-content {
        /*overflow: overlay;*/
        overflow-y:hidden;
    }

    .onair-page-wrapper.img-board-list .embed-responsive.embed-responsive-4by3,
    .onair-page-wrapper.img-board-list .embed-responsive.embed-responsive-4by3 img {
        height: 200px;
    }

    .review-banner-wrapper {
        margin-top: 60px;
    }

    #collapseNotice .table th,
    #collapseNotice .table td {
        font-size: 12px;
    }

    .modal-content.membermodal.membermodal2 {
        /*overflow: hidden;
        overflow-y: auto;*/
    }

    .home-useterms {
        width: 640px;
        margin: 0 auto;
    }

    .panel.order-payment-info.gift.order_payment_info_gift .media-right.hidden-xs {
        font-size: 12px;
    }
    /*브랜드2차작업*/
    .brd-recommen .price-wrapper.default-pricewrap {
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

    .brd-recommen .pricebox {
        margin-top: 4px;
    }

    .brd-recommen-listL {
        position: absolute;
        margin-right: 40px;
        margin-left: 0 !important;
    }

    .brd-recommen-thumR {
        margin-left: 40px;
        position: absolute;
    }

    .brd-recommen {
        -webkit-animation: up-down 1.4s infinite ease-in-out alternate;
        animation: up-down 1.4s infinite ease-in-out alternate;
    }

        .brd-recommen:hover {
            animation-play-state: paused;
        }

   

    .brd-recommen-thumL .panel.prod,
    .brd-recommen-thumR .panel.prod {
        padding-bottom: 16px;
    }

    .brd-recommen-thumL .col-xs-6,
    .brd-recommen-thumR .col-xs-6 {
        padding: 0 4px;
    }

    .brd-recommen-thumL .dc-rate,
    .brd-recommen-thumR .dc-rate,
    .brd-recommen-listL .dc-rate,
    .brd-recommen-listR .dc-rate {
        font-size: 16px;
        font-weight: var(--font-weight_bold);
        color: #ff7e00;
        display: inline-block;
    }

    .brd-recommen-thumL .price,
    .brd-recommen-thumR .price,
    .brd-recommen-listL .price,
    .brd-recommen-listR .price {
        font-size: 16px;
        font-weight: var(--font-weight_bold);
        color: #484848;
        display: block;
    }

    .brd-recommen-thumL .org-price,
    .brd-recommen-thumR .org-price,
    .brd-recommen-listL .org-price,
    .brd-recommen-listR .org-price {
        font-size: 13px;
        color: #c8c8c8;
        text-decoration: line-through;
        min-height: 14px;
        max-height: 14px;
        height: 14px;
        display: inline-block;
    }

    .brd-recommen-thumL .section-title,
    .brd-recommen-thumR .section-title {
        font-size: 18px;
    }

    .brd-recommen-thumL,
    .brd-recommen-thumR,
    .brd-recommen-listL,
    .brd-recommen-listR {
        width: 360px;
        height: auto;
        background: #fff;
        border-radius: 13px;
        padding: 15px;
    }

        .brd-recommen-thumL .itembox,
        .brd-recommen-thumR .itembox {
            width: 100%;
            margin-top: 15px;
        }

        .brd-recommen-thumL .section-title-wrapper,
        .brd-recommen-thumR .section-title-wrapper,
        .brd-recommen-listL .section-title-wrapper,
        .brd-recommen-listR .section-title-wrapper {
            padding: 5px 0 10px;
            display: flex;
            align-items: center;
        }

        .brd-recommen-thumL .recommenclosebtn,
        .brd-recommen-thumR .recommenclosebtn,
        .brd-recommen-listL .recommenclosebtn,
        .brd-recommen-listR .recommenclosebtn {
            margin-left: auto;
            border: none;
            background: none;
        }

        .brd-recommen-thumL .dc-rank,
        .brd-recommen-thumR .dc-rank,
        .brd-recommen-listL .dc-rank,
        .brd-recommen-listR .dc-rank {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 4px;
            width: 28px;
            height: 28px;
            line-height: 1;
            font-size: .75rem;
            font-weight: var(--font-weight_bold);
            color: #fff;
            background-color: #929292;
            border-radius: 0;
        }

        .brd-recommen-thumL .prod-title,
        .brd-recommen-thumR .prod-title,
        .brd-recommen-listL .prod-title,
        .brd-recommen-listR .prod-title {
            font-size: 14px;
        }

    .brd-recommen-listL,
    .brd-recommen-listR {
        margin-left: 40px;
    }

        .brd-recommen-listL .itemprod,
        .brd-recommen-listR .itemprod {
            padding: 5px 0;
        }

            .brd-recommen-listR .itemprod:first-child,
            .brd-recommen-listL .itemprod:first-child {
                padding-top: 0;
            }

        .brd-recommen-listL .panel-heading,
        .brd-recommen-listR .panel-heading {
            position: relative;
            padding: 0;
        }

    .brd-recommen .panel.prod {
        width: 100%;
        padding: 5px 0;
    }

    .brd-recommen-thumR .panel-body,
    .brd-recommen-thumL .panel-body {
        padding: 12px 0px 0px !important;
    }

    .brd-recommen .panel-body {
        width: 100%;
        padding: 7px 15px;
    }

    .brd-recommen .section-title {
        line-height: 27px;
    }

    .brand-search .recommend_search p {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .brand-search {
        width: 320px;
    }

        .brand-search .Icon_Search {
            margin-left: 8px;
        }

        .brand-search .custom-search {
            width: auto;
            height: 38px;
            margin: 2px;
            border-radius: 26px !important;
            font-size: 13px;
            font-weight: var(--font-weight_bold);
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-left: 8px;
            padding: 8px 15px;
            line-height: 19px;
        }

        .brand-search .form-control {
            background-color: #fff;
            width: 276px;
            font-size: 14px;
            font-weight: var(--font-weight_bold);
        }

    .brd-recommen-listL .prod-title,
    .brd-recommen-listR .prod-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        text-align: left;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        min-height: 38px;
        max-height: 38px;
        line-height: 19px;
    }

    .brd-recommen-thumR .prod-title,
    .brd-recommen-thumL .prod-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        text-align: left;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        min-height: 38px;
        max-height: 38px;
        line-height: 19px;
    }

    .brd-recommen-listR .itembox,
    .brd-recommen-listL .itembox {
        margin-top: 15px;
    }

    .brd-recommen .price-box {
        min-height: 42px;
        width: 100%;
    }

    .general-wrapper.terms.home-terms,
    .navbar.home-terms-navbar,
    .navbar.home-parivacy-navbar,
    .contents-wrapper.terms.home-parivacy {
        background-color: #fff !important;
    }

    .contents-wrapper.basket,
    .my-info-wrapper.my-point-wrapper,
    .contents-wrapper.search,
    .my-wrapper.my-info,
    .contents-wrapper.terms.consent-terms,
    .panel.notice.detail_normal,
    .panel.notice.notice-table,
    .panel.faq,
    .onair-page-wrapper.img-board-list,
    .common-wrapper.idsearch_list,
    .common-wrapper.pwsearch_reset,
    .common-wrapper.mypage-resetpassword,
    .common-wrapper.mypage-searchpassword,
    .review-detail-wrapper.photoreivewdetail,
    .order-payment-info.gift.order_payment_info_gift,
    .contents-wrapper.wrap_orderendcont,
    .my-wrapper.review-wrapper,
    .contents-wrapper.mypage-myorder,
    .my-wrapper.wrap_my_delivery,
    .mypage-wrapper.list-type,
    .prod-list-wrapper.prod_list_wrap,
    .prod-list-wrapper.Lastitem,
    .contents-wrapper.myqna.my-qna,
    .general-wrapper.intro.homeintro,
    .moall-wrapper.detail_wrap_moall {
        min-height: 100vh;
    }

    .container.Login_select,
    .common-wrapper.guestinfo_form,
    .common-wrapper.access.join.joinselect,
    .common-wrapper.access.join.new_join_wrap,
    .common-wrapper.Login_page,
    .common-wrapper.access.join.idpw_search {
        min-height: 100vh;
        background-color: #fff;
    }

    .panel.faq {
        margin-top: 70px;
    }

    .payment-wrapper.common-wrapper.giftorder,
    .contents-wrapper.terms.home-parivacy,
    .general-wrapper.terms.home-terms,
    .contents-wrapper.terms.consent-terms .general-wrapper.terms {
        margin-top: 58px;
    }

    .moall-wrapper,
    .sub-menu-wrapper.consent_home {
        background: #fff;
    }

    body {
        background-attachment: fixed !important;
    }

    .finalLineR {
        border-top-width: 0;
        border-bottom-width: 0;
        border-right-width: 0;
        width: 400px;
        height: 100%;
        position: fixed;
        bottom: 0%;
        left: calc(50% + 320px);
        display: flex;
        align-items: center;
        /*border-left: 1px solid #e8e8e8;*/
    }

    .finalLineL {
        border-top-width: 0;
        border-bottom-width: 0;
        border-left-width: 0;
        width: 400px;
        height: 100%;
        position: fixed;
        bottom: 0%;
        left: calc(50% - 720px);
        display: flex;
        align-items: center;
        /*border-right: 1px solid #e8e8e8;*/
    }

    .sub-menu-wrapper.wrap_sub_menu.submenu-wrap-1 .sub-menu-title {
        width: 335px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /* //브랜드2차작업*/
    /*장바구니기능-브랜드*/
    .brd-recommen .icon-basketwrap {
        z-index: 9999;
    }

    .brd-recommen .icon-basket {
        width: 32px;
        height: 32px;
    }

    .brd-recommen .Cart-label {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        display: flex;
        padding: 5px;
    }
    /*//장바구니기능-브랜드*/
    .payment-wrapper .order-payment-info .pay_heading {
        font-size: 16px;
    }

    .panel-body.order_item .media-right.hidden-xs {
        padding-left: 0;
    }

        .panel-body.order_item .media-right.hidden-xs span {
            font-size: 11px;
            color: #929292;
        }

            .panel-body.order_item .media-right.hidden-xs span span {
                font-weight: var(--font-weight_bold);
                color: #222;
            }

    .contents-wrapper, detail {
        margin-top: 70px;
    }

    .basket-wrapper .basket-list .media-body .price .price_num {
        align-items: initial;
    }

    #categoryView .container.prod-wrapper.fixtype2,
    #categoryView .container.prod-wrapper.fixtype3 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .moall-wrapper .prod-list-wrapper .rcmm_1wrap > .rcmm_2wrap > .rcmm_slide_title {
        padding-left: 30px;
    }

    .moall-wrapper .prod-list-wrapper .rcmm_1wrap {
        margin-top: 15px;
    }

    .moall-wrapper .prod-list-wrapper .rcmm_2wrap {
        margin: 0;
    }

    .moall-wrapper .prod-list-wrapper .rcmm_2wrap_2div .rcmm_slide_title {
        padding-left: 30px !important;
        margin: 0;
    }

    .moall-wrapper .prod-list-wrapper .rcmm_2wrapslide .rcmm_slide_title {
        padding-left: 15px !important;
    }

    .moall-wrapper .prod-list-wrapper .rcmm_2wrap_2div,
    .moall-wrapper .prod-list-wrapper .rcmm_2wrap_3div {
        margin: -15px !important;
    }

        .moall-wrapper .prod-list-wrapper .rcmm_2wrap_3div .rcmm_slide_title {
            margin-left: 0;
            padding-left: 30px;
        }

    .my-wrapper .media-body.orderbody_media .request_text {
        font-size: .75rem;
        font-weight: var(--font-weight_bold);
        color: #ff0000;
    }

    .my-wrapper .media-body.orderbody_media .media-head > p > a {
        float: right;
    }

    .panel-body.body_pane_orderdetail .madia-head a {
        float: right;
    }

    .panel.info-wrapper.wrap_info .detail-summary {
        width: 609px;
    }

    #prodReview .review-detail-list-wrapper .panel.prod-review .container {
        padding: 0 30px;
        margin: 0 -17px;
    }

    .event-page-wrapper.couponbookpage {
        margin-top: 78px;
    }

    .common-wrapper.guestinfo_form .panel-heading.navbar-fixed-top p,
    .common-wrapper.access.join.new_join_wrap .panel-heading p,
    .common-wrapper.access.join.idpw_search .panel-heading p,
    .common-wrapper.idsearch_list .panel-heading p,
    .common-wrapper.pwsearch_reset .panel-heading p {
        width: 7%;
    }

    .prod-list-wrapper.Lastitem .col-xs-6 .benefit {
        margin-top: 0;
        margin-left: 0;
        width: 100%;
    }


    .category-wrapper .list-group-item img {
        width: 48%;
        height: 55px;
    }

    .BigWrap .col-xs-6.itemrows .body_panel .benefit p {
        padding: 2px 3px;
    }

    .col-xs-12 .default-benefit p,
    .col-xs-12 .custom-benefit p,
    .col-xs-6 .default-benefit p,
    .col-xs-6 .custom-benefit p,
    .col-xs-4 .default-benefit p,
    .col-xs-4 .custom-benefit p,
    .scroll-prod-wrapper .default-benefit p,
    .scroll-prod-wrapper .custom-benefit p {
        padding: 2px 3px;
    }

    .prod-info-wrapper .image-wrapper .timesale_today {
        width: 640px;
        margin: 0 auto;
        right: 0;
    }

    .header-wrapper {
        width: 640px;
        margin: 0 auto;
    }

    #Npaydetail .modal-header {
        width: 640px;
        margin: 0 auto;
    }


    .review-detail-wrapper,
    .my-wrapper.my-info {
        margin-top: 60px;
    }

    .guestinfo_form .panel-heading,
    .common-wrapper.access.join.idpw_search .panel-heading,
    .common-wrapper.idsearch_list .panel-heading,
    .common-wrapper.access.join.new_join_wrap .panel-heading,
    .common-wrapper.pwsearch_reset .panel-heading {
        width: 640px;
        margin: 0 auto;
    }

    .back-to-left {
        width: 65px;
        height: 65px;
    }

        .back-to-left a {
            font-size: 1.125rem;
        }

            .back-to-left a .fa {
                top: 5px;
                font-size: 2rem;
            }

    .back-to-top a {
        font-size: 1.125rem;
    }

        .back-to-top a .fa {
            top: 5px;
            font-size: 2rem;
        }

    .footer-wrapper .company ul li {
        padding: 3px 0;
    }

    .footer-wrapper .company ul li {
        font-size: 0.8125rem;
        padding: 3px 0;
    }

    .footer-wrapper .customrer-account {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .footer-wrapper .customrer-account h5 {
            font-size: 1.875rem;
            margin-top: 30px;
            margin-bottom: 22px;
            color: #000;
        }

        .footer-wrapper .customrer-account .tel {
            font-size: 1.25rem;
            margin-bottom: 15px;
        }

        .footer-wrapper .customrer-account ul li {
            font-size: 1rem;
            padding: 4px 0;
        }

    .footer-wrapper .menu-wrapper {
        height: 64px;
        line-height: 60px;
    }

        .footer-wrapper .menu-wrapper .menu:not(:first-child):before {
            font-size: 1.25rem;
            padding-right: 15px;
            padding-left: 15px;
        }

    .footer-wrapper .company .info {
        position: relative;
    }

    .modal-header,
    .modal-body,
    .modal-footer {
        padding-right: 25px;
        padding-left: 25px;
    }

        .modal-body,
        .modal-footer .btn,
        .selectbox label,
        .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
            font-size: 1rem;
        }

    #halbuInfo .modal-header {
        width: 640px;
        margin: 0 auto;
    }

    .my-wrapper.review-wrapper .nav-tabs > li.active:hover,
    .my-wrapper.review-wrapper .nav-tabs > li.active:focus {
        border-top: 0 !important;
    }

    #rewardP .modal-content.rewardPmodal {
        height: 100%;
    }

    .moall-search-wrapper .contents-wrapper.search {
        padding: 15px;
    }

    .wrap_orderendcont
    .payment-wrapper.common-wrapper,
    .my-wrapper.wrap_my_delivery {
        margin-top: 58px !important;
    }

    .mypage-wrapper.list-type {
        margin-top: 60px !important;
    }

    .onair-page-wrapper {
        margin-top: 58px !important;
    }

    .onair-list-wrapper .onair-view .rereplyfrm .changeinput {
        width: 82%;
    }

    .panel.notice .panel-body p img {
        max-width: 100%;
    }

    .customer-wrapper .table.notice th {
        width: 100%;
    }

    .customer-wrapper .table > tbody > tr > td {
        margin-left: auto;
    }


    .scroll-prod-wrapper .slide_text {
        width: 60%;
    }

        .scroll-prod-wrapper .slide_text .prod-title {
            width: 195px !important;
        }

        .scroll-prod-wrapper .slide_text + .slide_text {
            margin-left: 4px;
        }

    .basket_total_price .price-wrapper {
        font-size: 12px;
    }

    .dontget {
        font-size: 11px;
    }

    #confirm-mi-modal {
        z-index: 1052;
    }

#reviewModal, 
#QnaModal {
    z-index: 1051;
    padding-right: 0 !important;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

#reviewModal .swiper-slide.swiper-slide-active,
QnaModal .swiper-slide.swiper-slide-active {
    width: 100% !important;
}

    .reviewModal {
        padding-right: 0 !important;
        z-index: 1051;
    }

    .panel.complete.orderEnd .total_pay th,
    .payment-wrapper .pay_result_table tbody th {
        font-size: 13px;
    }

    .payment-wrapper .pay_result_table tbody td {
        font-size: 13px;
    }

    .number_td,
    .title_td,
    .title__td {
        width: 209px;
    }

    .panel.notice.notice-table .title__td {
        width: 100%;
    }

    .category-wrapper .list-group-item {
        width: 118px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }

    .wrap_cont_popcs_img {
        margin-top: -58px !important;
    }

    #couponDownloadModal {
        padding-right: 0 !important;
        z-index: 9999;
    }

    .search_wrap .wrap_scroll {
        padding-right: 15px !important;
    }

    .search_wrap .fixtype1 .panel.gap_22p {
        padding: 0 0 24px 0;
    }

    .search_wrap .default1_DIV {
        margin: 0 -13px 0 -15px !important;
    }

    .search_wrap .swiper-container {
        /*overflow: hidden !important;*/
        width: 100%;
    }

    .search_wrap .fixtype2 .col-xs-6:nth-child(2n) {
        padding-right: 15px;
    }

    #notWritereview-data-list li:first-child {
        font-weight: var(--font-weight_bold);
    }

    #notWritereview-data-list li {
        font-size: 0.9375rem;
    }

    .modal.addDelivery .postnum_search .form-group button {
        line-height: 33px;
    }

    .deliverymodal_address {
        padding: 0 16px;
    }

    .payment-wrapper .order-payment-info .panel-body.get .table tr:first-child label {
        cursor: pointer;
    }

    #reviewWriteModal .modal-content {
        width: 100% !important;
    }

    .my-info-wrapper,
    .Lastitem,
    .panel-body.modify,
    .my_return,
    .panel-body.order,
    .prod_list_wrap,
    .general-wrapper.intro,
    .review-wrapper,
    .user-info-wrapper,
    #qnatype,
    .customer-wrapper {
        margin-top: 60px;
    }

    .my_return_wrap {
        margin-top: 60px !important;
    }

    .panel-body.modify .phone-wrapper input {
        margin-right: 6px;
    }

    .order_navbar {
        border-left: 0 !important;
    }

    .basket-wrapper .basket-list .price button {
        line-height: 20px;
    }

    .search_wrap .recentlylst-wrapper .col-xs-6:nth-child(2n-1), .fixtype2col .col-xs-6:nth-child(2n-1) {
        padding-left: 15px;
    }

    .search_wrap .recentlylst-wrapper .col-xs-6:nth-child(2n), .fixtype2col .col-xs-6:nth-child(2n) {
        padding-right: 15px;
    }

    .payment-wrapper .order-info .media-body {
        width: calc(100% - 326px);
    }

    .order_payment_info_gift .media-body {
        width: calc(100% - 266px) !important;
    }

    .order_item .media-right,
    .order_payment_info_gift .media-right {
        display: flex;
        flex-direction: column;
    }

    .prod-tab-wrapper .nav-tabs a:hover,
    .prod-tab-wrapper .nav-tabs a:focus,
    #deliveryModal .panel-tab .nav-tabs a:hover,
    #deliveryModal .panel-tab .nav-tabs a:focus {
        background: none !important;
    }

    .search_wrap .navbar {
        border: 0 !important;
    }

    .my-wrapper.review-wrapper .tab-pane .review_order p:last-child {
        cursor: pointer;
    }

    .modal-dialog.confirm > .modal-content:not(.detail-basket) {
        width: 90% !important;
        margin: 0 auto !important;
    }

    .rewardlogin {
        width: 90% !important;
        margin: 0 auto !important;
        top: 33% !important;
        position: relative !important;
    }

    .wrap_maypage {
        margin-top: 60px;
    }

    .phonesearchmodal {
        top: 34% !important;
    }

    .modal-backdrop.in {
        display: none !important;
    }

    .modal-content {
        width: 100% !important;
    }

    .moall-wrapper,
    .moall-search-wrapper,
    .gnb.text-center,
    .navbar,
    .modal,
    .footer-menu,
    .purchase-wrapper,
    .common-wrapper,
    .scroll-prod-wrapper,
    .popup-wrapper-detail,
    .container,
    .prod-tab-wrapper,
    .contents-wrapper,
    .board-search-view {
        /*width: 720px;*/
        width: 640px;
        margin: 0 auto;
    }

    #prodTab {
        margin: 0 auto !important;
    }

    #sidemenu {
        /*width: 720px !important;*/
        width: 640px !important;
    }



    .tabFixed {
        position: fixed;
        display: flex;
        top: 60px;
        z-index: 1030;
        background-color: #fff;
        width: 640px !important;
        left: 0px;
        right: 0px;
    }

    .footer-menu ul {
        box-shadow: none;
    }

    .modal-dialog:not(.confirm) > .modal-content {
        width: 60%;
        margin: 0 auto;
    }

    .modal-open {
        /*width: 720px;*/
        width: 640px;
        margin: 0 auto;
    }

    .new_join_wrap .col-xs-12,
    .Login_select .col-xs-12,
    .idpw_search .col-xs-12 {
        width: 100%;
        margin-left: 0;
    }

    .new_join_wrap .chkwrap .rule {
        display: flex;
        align-items: center;
    }

        .new_join_wrap .chkwrap .rule span {
            margin-left: 8px;
        }

    .new_join_wrap .phone-wrapper .form-control {
        width: 30%;
    }

    .new_join_wrap .phone-token .form-control {
        width: 80% !important;
    }

    .wrap_scroll {
        padding-right: 30px !important;
    }

    .BigWrap {
        padding: 0 !important;
    }

        .BigWrap .container {
            padding: 0 !important;
        }

        .BigWrap .prod-wrapper {
            padding-left: 30px !important;
            padding-right: 30px !important;
        }

    .rcmm_2wrapslide .scroll-prod-wrapper {
        padding-right: 30px;
        white-space: normal;
    }

    .mainPopup .img-responsive {
        width: auto !important;
    }

    .img-responsive {
        width: 100%;
        cursor: pointer;
    }

    .rewardActionBtn img {
        max-width: 40px;
        height: 40px;
    }

    #main_menu_area a:hover {
        color: #222;
    }

    #categoryTab.affix {
        overflow-x: auto;
        /*width: 720px;*/
        width: 640px;
    }

    .category-view-wrapper-text .nav-tabs {
        overflow-x: auto;
        /*        display: flex;
        align-items: center;
        justify-content: center;*/
    }

    .membermodal2 {
        width: 100% !important;
    }

    #modal_moc_content,
    #qnaModal_txt_contents,
    #modal_txt_contents {
        resize: none;
    }

    #writereview-data-list {
        margin-left: 0 !important;
        display: flex;
        align-items: center;
    }

    #reviewWriteModal {
        padding-right: 0 !important;
    }

    .review-detail-list-wrapper .panel .panel-body .photo-list > .photo {
        display: inline-block;
    }

    .navbar a {
        cursor: pointer;
    }
    /*스크롤바 전체*/
    #categoryTab::-webkit-scrollbar,
    #categoryTab.affix::-webkit-scrollbar,
    .scroll-prod-wrapper::-webkit-scrollbar {
        display: block !important;
        width: 100%;
        /*background:#000;*/
        height: 8px;
    }
    /*스크롤막대*/
    #categoryTab::-webkit-scrollbar-thumb,
    #categoryTab.affix::-webkit-scrollbar-thumb,
    .scroll-prod-wrapper::-webkit-scrollbar-thumb {
        background-color: #e8e8e8;
        border-radius: 10px;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    /*스크롤막대외부*/
    #categoryTab::-webkit-scrollbar-track,
    #categoryTab.affix::-webkit-scrollbar-track,
    .scroll-prod-wrapper::-webkit-scrollbar-track {
        background-color: #f8f8f8;
        border-radius: 10px;
        height: 32px;
        box-shadow: inset 0px 0px 5px white;
    }

    .prod-info-wrapper .info-wrapper .price-wrapper .like_btn img, .prod-info-wrapper .info-wrapper .price-wrapper .share_btn img {
        cursor: pointer;
    }

    .footerfixedwrap {
        position: absolute !important;
        bottom: 300px !important;
        left: calc(50% - 395px);
    }

        .footerfixedwrap ul {
            position: fixed;
            z-index: 999999;
        }

    .panel.notice.detail_normal .subject.textbox a {
        width: 480px;
    }

    #viewDeliveryStatusModal .table > tbody > tr > td:last-child {
        width: 36%;
    }

    #viewDeliveryStatusModal .table > tbody > tr > td:nth-child(2) {
        width: 45%;
    }

    #viewDeliveryStatusModal .table > tbody > tr > td:first-child {
        width: 50%;
    }

  /*  .Lastitem .container {
        padding-right: 45px !important;
    }*/

    .modal.fade.in {
        padding-right: 0 !important;
        overflow-y: hidden;
    }

    .modal-content {
        margin: 0 !important;
    }

    #snsShareModal,
    #deliveryModal,
    #addDeliveryModal,
    #postModal,
    #orderCanceReqModal,
    #viewDeliveryStatusModal,
    #qnaModal,
    .floatingActionModal,
    .modal.center-modal.in,
    .phoneAuthModal,
    #rewardP,
    #noOAuthModal1,
    #noOAuthModal2,
    #orderAgreeModal1,
    #orderAgreeModal2,
    #orderAgreeModal3 {
        padding-right: 0 !important;
    }

    .footerfixedwrap {
        position: absolute !important;
        bottom: 300px !important;
        right: auto !important;
        margin-left: 655px;
    }

    .payment-wrapper .card-agree-wrapper .checks {
        align-items: center;
    }

    .moall-wrapper.sellerlayout .contents-wrapper.detail {
        margin-top: 62px !important;
        min-height: 100vh;
    }

    .moall-wrapper.sellerlayout .payment-wrapper.common-wrapper.oder {
        background: #fff;
    }

    .moall-wrapper.sellerlayout .payment-wrapper .panel-footer {
        padding-bottom: 28px;
    }

    .moall-wrapper.sellerlayout .contents-wrapper.wrap_orderendcont .payment-wrapper {
        /*margin-top:60px;*/
    }

    .modal-content.detail-basket {
        width: 90% !important;
        margin: 0 auto !important;
    }

    .basket #AppinfoPopup {
        width: 420px;
        margin: 0 auto;
    }

    .wrap_info .reward_share p {
        top: 9px;
    }

    .modal.in .modal-dialog.basketpackmodal {
        -webkit-transform: translate(0, 0%) !important;
        -ms-transform: translate(0, 0%) !important;
        -o-transform: translate(0, 0%) !important;
        transform: translate(0, 0%) !important;
    }

    .detail_qna .media-left .comment {
        width: 64px;
        height: 19px;
        line-height: 18px;
    }

    .detail_qna .media-body .secret_text img {
        width: 17px;
    }
    /*pc폰트사이즈*/
    /*장바구니*/
    .basket-wrapper .basket-list .media .subject,
    .basket-wrapper .basket-list .media-body .price h7,
    .contents-wrapper.basket .basket-pricewrap .basket-price,
    .basket-wrapper .panel-body.gift-wrapper > .title,
    .basket-wrapper .basket-list .singleitem-wrap label,
    .basket-wrapper .basket-list .package-wrap .checkbox-wrapper p {
        font-size: 1.0625rem;
    }

    .basket-wrapper .basket-list .media.set_item span:first-child,
    .basket-wrapper .basket-list .media.set_item span:nth-of-type(2),
    .basket-wrapper .basket-list .media.set_item .set_group_item button {
        font-size: 0.875rem;
    }

    .basket-wrapper .basket-list .media.set_item .set_group_item li {
        font-size: 0.813rem;
    }

    .basket-wrapper .basket-list .panel-footer a,
    .basket .gift-wrapper a,
    .basket_total_price .price-wrapper,
    .basket-wrapper .basket-list .panel-body .total-price .price-wrapper .price,
    .basket-wrapper .basket-list .panel-heading .checkbox-wrapper label,
    .basket-wrapper .basket-list .panel-heading .checkbox-wrapper a,
    .basket-wrapper .basket-list .singleitem-wrap .impossiblegoods,
    .basket-wrapper .basket-list .media-body .option,
    .basket-wrapper .basket-list .package-cont .freedelivery-text,
    .basket-wrapper .basket-list .media.set_item .set_group_item li,
    .basket-wrapper .basket-list .media.set_item .set_group_item button,
    .basket-wrapper .basket-list .package-wrap .savebtn,
    .basket-wrapper .basket-list .panel-body .checkbox-wrapper.checkbox-footer label,
    .basket-wrapper .basket-list .checkbox-wrapper.checkbox-footer a,
    .basket-wrapper .basket-list .basket-pricewrap .deliverysavetext,
    .basket-wrapper .basket-list .media-list.order_list .basket_data_none p,
    .basket-wrapper .basket-list .package-cont .packagecont-text,
    .basket-wrapper .basket-pricewrap p,
    .basket-wrapper .basket-list .media-body .delivery_free {
        font-size: 0.9375rem;
    }

    .contents-wrapper.basket .basket-pricewrap table th {
        font-size: 0.9375rem !important;
    }

    .contents-wrapper.basket .basket-pricewrap .basket-totalline td {
        font-size: 1.375rem;
    }

    .basket-wrapper .panel-body.gift-wrapper > .desc p,
    .contents-wrapper.basket .basket-list .total.price-wrapper,
    .basket-wrapper .basket-list .media-body span,
    .basket-wrapper .basket-list .basket-pricewrap .dontget {
        font-size: 0.875rem;
    }

    .basket-wrapper .basket-list .singleitem-wrap .checkbox-wrapper img,
    .basket-wrapper .basket-list .media .subject img {
        width: 19px;
    }

    .basket-wrapper .basket-list .singleitem-wrap .checkbox-wrapper input[type="checkbox"]:checked + label:before,
    .basket-wrapper .basket-list .panel-body .checkbox-wrapper.checkbox-footer input[type="checkbox"]:checked + label:before {
        width: 17px;
        height: 17px;
    }
    /*주문결제*/
    .payment-wrapper.common-wrapper.oder .order-pricewrap .order-price,
    .payment-wrapper.common-wrapper.oder .order-pricewrap .order-point,
    .payment-wrapper .media-list .media.set_item .set_item_title {
        font-size: 1.0625rem;
    }

    .payment-wrapper.common-wrapper .order-pricewrap table th,
    .payment-wrapper.common-wrapper.oder .agree-wrapper a,
    .payment-wrapper .order-payment-info .btn,
    .payment-wrapper .media-list .media.set_item .set_item_price,
    .payment-wrapper .media-list .media.set_item .set_group_item li,
    .panel-body.order_item .media-right.hidden-xs span,
    .payment-wrapper .order-info .media-body.item_order_info p,
    .payment-wrapper .media-list .media.set_item .set_group_item,
    .payment-wrapper.common-wrapper.oder .halbuModal,
    #paymentMethod .pay-benefit,
    .payment-wrapper .panel-group .panel-body .form-group > p.label,
    .payment-wrapper .order-payment-info .panel-body .order_heading,
    .payment-wrapper .order-payment-info .panel-body.get .table tr:first-child label,
    .payment-wrapper.common-wrapper.oder .panel-group.panel-body.point th,
    .payment-wrapper .panel-group .panel-body .form-group.card_info > div .desc,
    .payment-wrapper .card-agree-wrapper .checks input[type="checkbox"]:checked + label,
    .payment-wrapper .card-agree-wrapper .checks input[type="checkbox"] + label,
    .payment-wrapper .card-agree-wrapper .more_view,
    .payment-wrapper.common-wrapper.oder #paymentMethod_zero_info li {
        font-size: 0.9375rem;
    }

    .payment-wrapper.common-wrapper.oder .set-title {
        font-size: 0.9375rem !important;
    }

    .payment-wrapper.common-wrapper .order-pricewrap .order-totalline td {
        font-size: 1.375rem;
    }

    .payment-wrapper.common-wrapper.oder .orderrequest,
    .payment-wrapper .agree-wrapper input[type="checkbox"] + label,
    .contents-wrapper.detail .agree_chk a,
    .payment-wrapper.common-wrapper.oder .panel-body.get th {
        font-size: 0.875rem;
    }

    .payment-wrapper .order-payment-info .pay_heading {
        font-size: 0.875rem !important;
    }

    .payment-wrapper .checks label,
    .payment-wrapper.common-wrapper.oder .form-control,
    .payment-wrapper .order-payment-info .panel-body.get .form-group.ip_post #jsBtnPost a,
    .payment-wrapper .order-payment-info .panel-body.get .attrselect,
    .payment-wrapper .order-payment-info .panel-body.get .mo_dfee_pay,
    .contents-wrapper.detail .panel.order-payment-info .receiptselect,
    .contents-wrapper.detail .panel.order-payment-info .receiptselect2,
    .payment-wrapper .order-info .media-body.item_order_info .order_title,
    .deliverymodal_address,
    .payment-wrapper.common-wrapper.oder .form-group.couponuse .couponUseModal,
    .payment-wrapper .panel-group .panel-body .pg_cardquota,
    .payment-wrapper .panel-group .panel-body .mo_bank_num,
    .contents-wrapper.detail .panel.order-payment-info .receiptselect3,
    .contents-wrapper.detail .panel.order-payment-info .receiptselect,
    .payment-wrapper .order-payment-info .panel-body.point .form-group a {
        font-size: 1rem;
    }
    /*주문결제-쿠폰모달*/
    .modal-body.orderCouponModalBody .coupon-item p,
    .modal.coupon-use .coupon-item label,
    .modal.coupon-use .modal-body .attrselect,
    .modal.coupon-use .modal-footer .modal-button .Btn {
        font-size: 0.9375rem;
    }
    /*주문결제-배송지관리모달*/
    .modal-dialog.order .panel-heading p,
    .modal-dialog.order .user-post1,
    .modal-dialog.order .user-name,
    .modal-dialog.order .user-htel,
    .modal-dialog.order .panel-footer a {
        font-size: 0.9375rem;
    }
    .modal-dialog.order .delivery-list .btn {
        font-size: 0.9375rem !important;
    }
    /*주문결제-카드무이자할부*/
    #halbuInfo .modal-footer button {
        font-size: 0.9375rem;
    }
    /*주문완료*/
    .contents-wrapper.wrap_orderendcont .orderend-totatable td,
    .contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-pricetable td {
        font-size: 1.063rem;
    }

    .payment-wrapper .complete .message p {
        font-size: 0.813rem;
    }

    #orderend-goods-table > .panel-body > .media > .media-body > .price,
    .payment-wrapper .complete .info .table > thead > tr > th,
    .contents-wrapper.wrap_orderendcont .payinfo,
    .contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-totatable th,
    .contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-pricetable th,
    .contents-wrapper.wrap_orderendcont .btn-wrapper a {
        font-size: 0.9375rem;
    }

    #orderend-goods-table .media-body .price .count,
    .payment-wrapper .complete .info .table > tbody th,
    .payment-wrapper .complete .info .table > tbody td,
    #orderend-goods-table > .panel-body > .media > .media-body > .option {
        font-size: 0.875rem;
    }

    .payment-wrapper .complete .message h3,
    #orderend-goods-table > .panel-body > .media > .media-body > .subject {
        font-size: 1rem;
    }
    /*주문상세*/
    .my-wrapper.wrap_maypage .body_pane_orderdetail .status,
    .my-wrapper.wrap_maypage .orderdetail-pricetable .orderdetail-price {
        font-size: 1.0625rem;
    }

    .my-wrapper.wrap_maypage .orderdetail-totatable td {
        font-size: 1.0625rem !important;
    }

    .my-wrapper.wrap_maypage .body_pane_orderdetail .media-body .subject,
    .my-wrapper.wrap_maypage .body_pane_orderdetail .price .count,
    .my-wrapper.wrap_maypage .info-wrapper .sub-title,
    .my-wrapper.wrap_maypage .info-wrapper button,
    .my-wrapper.wrap_maypage .go-list a,
    .my-wrapper.wrap_maypage .info-wrapper.order-info .table th,
    .my-wrapper.wrap_maypage .info-wrapper.order-info .table td,
    .my-wrapper.wrap_maypage .info-wrapper.recipient-info .table th,
    .my-wrapper.wrap_maypage .info-wrapper.recipient-info .table td,
    .my-wrapper.wrap_maypage .info-wrapper table th {
        font-size: 0.9375rem;
    }

    .my-wrapper.wrap_maypage .orderdetail-payinfo td,
    .my-wrapper.wrap_maypage .body_pane_orderdetail .media-body .option,
    .my-wrapper.wrap_maypage .body_pane_orderdetail .price p,
    .my-wrapper.wrap_maypage .prod-order-wrapper .panel-footer a {
        font-size: 0.9375rem !important;
    }

    .my-wrapper.wrap_maypage .info-wrapper table td {
        font-size: 0.875rem;
    }
    /*상품상세*/
    .panel.info-wrapper.wrap_info .detail-summary,
    .wrap_info .info-wrapper .price-wrapper .dc-price,
    .wrap_info .info-wrapper .price-wrapper .discount,
    .purchase-option .result .media-body .price,
    .view-packageitem .section-title p:first-child,
    .scroll-prod-wrapper .slide_text i {
        font-size: 1.0625rem;
    }

    .prod-info-wrapper .info-wrapper .detail-heading .price {
        font-size: 1.5625rem;
    }

    .prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper,
    .prod-info-wrapper.wrap_info .benefit-cont p,
    .prod-info-wrapper.wrap_info .btn_type_white,
    .prod-info-wrapper .info-wrapper .panel-heading .product_info h6,
    #prodQna .panel-heading a,
    .wrap_info .reward_share p,
    .purchase-option .total-price .text,
    .purchase-wrapper.detail-purchasewrapper .appline p,
    .purchase-wrapper.detail-purchasewrapper .appline .appbtn,
    .purchase-wrapper.detail-purchasewrapper .popup-freedelivery p,
    .purchase-option .result .media-body .option-title,
    .purchase-option .goods-price,
    .purchase-option .option .form-group.option_input .option_value .btn,
    .prod-info-wrapper .info-wrapper .panel-heading .buy_number,
    .buy_number .likecount p,
    .prod-info-wrapper .info-wrapper .panel-heading .buy_number .avgstar,
    .prod-info-wrapper .info-wrapper .panel-heading .delivery-wrapper .btn-coupon,
    .prod-info-wrapper .info-wrapper .panel-heading .product_info div span,
    .prod-info-wrapper .info-wrapper .panel-heading .product_info div p,
    .purchase-wrapper.detail-purchasewrapper .popup-app p,
    .view-packageitem .section-title p:last-child,
    .detail_qna .media-left .comment.uncall,
    .detail_qna .media-left .qna_user_info span,
    .detail_qna .media-body .secret_text,
    .detail_qna .media-body .admin_comment .media-body,
    #prodQna_btn,
    .purchase-wrapper.detail-purchasewrapper .popup-basketfree p,
    .prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper.detail p:first-child,
    .prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper.detail p:last-child,
    #prodDetail .panel-body.notice .title,
    #prodDetail .panel-body.notice .desc,
    #prodDetail .panel-body.notice .desc_b,
    #collapseNotice .table th,
    #collapseNotice .table td,
    .container.good-review .Goods_wrapper.review_slide .writeinfo p,
    .review-detail-list-wrapper .prod-review .panel-heading span,
    .review-detail-list-wrapper .panel .panel-body .review-desc,
    .review-detail-list-wrapper .panel .panel-footer .btn-wrapper a,
    .review-detail-list-wrapper .panel .panel-footer .help-yn,
    .review-detail-list-wrapper .panel .panel-footer .help a .count,
    .detail_qna .media-body .qnaHold input,
    .detail_qna .media-left .comment,
    .review-detail-list-wrapper .no-data-review p,
    #prodQna.detail_qna .media.admin_comment p span,
    #prodQna.detail_qna .qnaHold a {
        font-size: 0.9375rem;
    }

    .prod-info-wrapper.wrap_info .benefit-cont p,
    .modal-content.detail-basketpackageitem .modal-title,
    .modal-content.detail-basketpackageitem button {
        font-size: 0.9375rem !important;
    }

    .review-detail-list-wrapper .panel .panel-body .filter_option,
    .review-detail-list-wrapper .panel .panel-body .align-wrapper > a,
    #prodReview .reviewreportbtn,
    #prodReview #prodReview_btn,
    .detail_qna .media-list p {
        font-size: 0.875rem;
    }

    .review-detail-list-wrapper .panel .panel-footer .btn-wrapper a {
        width: 51px;
        height: 27px;
        line-height: 28px;
    }

    .info-wrapper.wrap_info .reward_share .pgnotice {
        width: 100px;
    }

    .prod-tab-wrapper .nav-tabs.nav-justified li a .count {
        font-size: 0.8125rem;
    }

    .prod-info-wrapper.wrap_info .detail-heading .title {
        font-size: 1.4375rem;
    }

    .purchase-option .selectbox-wrapper select,
    .prod-info-wrapper .image-wrapper .label-timesale,
    .prod-info-wrapper .image-wrapper .timesale span,
    .prod-tab-wrapper .nav-tabs.nav-justified > li > a,
    .view-packageitem .panel-body .org-price,
    .view-packageitem .panel-body .prod-title,
    .detail_qna .media-body .qna_content,
    .review_slide .prod.type1 > .panel-body .prod-title {
        font-size: 1rem;
    }

    .purchase-option .total-price span.total,
    .purchase-option .panel-footer > .btn,
    .purchase-option .total-price {
        font-size: 1.188rem;
    }

/*    .footer-info-wrapper .panel-body div li img {
        width: 72%;
    }*/

    .footer-icon-wrapper img {
        width: 32px;
    }

    .view-packageitem .panel-body .price,
    .view-packageitem .panel-body .dc-rate {
        font-size: 1.125rem;
    }
    /*상세/모달*/
    .rewardPmodal .panel-heading p,
    .floatingContentsImg .section ul li,
    .floatingContentsImg .section2 ul li,
    .floatingContentsImg .section3 ul li {
        font-size: 0.9375rem !important;
    }

    .rewardPmodal.rewardPointIcon {
        width: 22px;
        height: 24px;
    }

    .rewardPmodal .floatingContentsImg .section img {
        width: 51px;
    }

    .rewardPmodal .floatingContentsImg .section span,
    .rewardPmodal .floatingContentsImg .section2 span,
    .rewardPmodal .floatingContentsImg .section3 span,
    .rewardPmodal .floatingInfoTitle,
    .rewardPmodal .floatinginfosub,
    #snsShareModal .modal-body .url-copy-wrapper .btn,
    .coupon-down-modal .modal-body .coupontext,
    #couponDownloadModal .modal-footer.detailfooter button,
    #reportModal .form-control,
    #qnaModal .form-control,
    #qnaModal .modal-footer button,
    #reportModal .modal-footer button,
    .rewardPmodal .urlcopy_wrap a,
    #snsShareModal .modal-body .panel-heading p,
    #snsShareModal .modal-body .url-copy-wrapper .form-control,
    #qnaModal .modal-body .form-group label {
        font-size: 0.9375rem;
    }

    .rewardPmodal .floatingContentsImg .section span,
    .rewardPmodal .floatingContentsImg .section2 span,
    .rewardPmodal .floatingContentsImg .section3 span {
        padding: 0;
    }

    .rewardPmodal .floatingContentsImg .section2 img {
        width: 53px;
    }

    .rewardPmodal .floatingContentsImg .section3 img {
        width: 59px;
    }

    #reportModal .modal-body .text {
        font-size: 0.875rem;
    }

    .coupon.detailcoupon .condition i {
        font-size: 0.875rem !important;
    }

    #snsShareModal .modal-body .sns > img {
        width: 43px;
    }

    #couponDownloadModal .coupon.detailcoupon .coupon-down img {
        width: 18px;
    }

    #reportModal .panel-title label,
    .coupon.detailcoupon .category span {
        font-size: 1rem;
    }
    /*푸터 공지사항*/
    .footer-wrapper .notify-wrapper .notifytitle {
        font-size: 0.9375rem;
    }
    /*푸터*/
    .footer-info-wrapper .bankaccount,
    .counsel-wrapper .customerinfo_call {
        font-size: 1.0625rem;
    }

    .footer-info-wrapper .panel-body div li p {
        font-size: 1rem;
    }

    .footer-wrapper .menu-wrapper .menu,
    .footer-icon-wrapper .appdown,
    .footer-wrapper .company ul li,
    .copyright {
        font-size: 0.9375rem;
    }
    /*구매후기상세모달*/
    .review-detail-wrapper .panel-heading .title,
    .review-detail-wrapper .panel-heading .Btn,
    .review-detail-wrapper .panel-footer.item_detail a {
        font-size: 1.0625rem;
    }

    .review-detail-wrapper .media-body .contents,
    .review-detail-wrapper .media-body .review_info .name,
    .review-detail-wrapper .media-body .date,
    .review-detail-wrapper .prod-info > .panel-body > .title,
    .review-detail-wrapper .prod-info > .panel-body > .price,
    .review-detail-wrapper .input-wrapper .btn,
    .review-detail-wrapper .input-wrapper .form-control,
    .review-detail-wrapper .panel-heading .option,
    .review-detail-wrapper .prod-info > .panel-body > .option {
        font-size: 0.9375rem;
    }
    /*구매후기신고버튼*/
    .main-review-wrapper .reviewreportbtn,
    .main-review-slide .reviewreportbtn,
    .review-list-container .reviewreportbtn,
    .review-detail-wrapper.photoreivewdetail .reviewreportbtn,
    #prodReview .reviewreportbtn,
    .container.good-review .reviewreportbtn {
        font-size: 0.9375rem;
    }
    /**** 폰트사이즈 게시판 ****/
    /*11*/
    #newboard .icon-list,
    #newboard .no-data p,
    #replyPwdModal p,
    .board-modal .fs-11px {
        font-size: 0.875rem !important;
    }
    /*12*/
    #newboard .category-wrapper li a,
    #newboard .filter-wrapper,
    #newboard .board-desc,
    #newboard .board-writer,
    #newboard .tag-list,
    #newboard .board-info,
    #newboard .date,
    #newboard .icon-label,
    #newboard .board-view-wrapper .panel-heading,
    #newboard .board-view-wrapper .board-reply,
    #newboard .board-view-wrapper .reply-name,
    #newboard .board-view-wrapper .nbr_content,
    #newboard .board-view-wrapper .select-arrow select,
    .board-listtype1 .default-price text,
    .board-main-listtype1 .board-title,
    .board-modal .fs-12px {
        font-size: 0.9375rem !important;
    }
    /*14*/
    #newboard .list-type .board-title,
    #newboard .board-view-wrapper .board-category,
    #newboard .board-view-wrapper .board-info,
    #newboard .board-view-wrapper .icon-list,
    #newboard .board-view-wrapper .tag-list {
        font-size: 1.0625rem !important;
    }
    /*16*/
    #newboard .img-type .board-title,
    #newboard .board-view-wrapper .board-title,
    .board-main-listtype1 .default-price text {
        font-size: 1.1875rem !important;
    }
    /**** //폰트사이즈 게시판 ****/

    /**** 폰트사이즈 로그인 ****/
    /*16*/
    .modal-login .fs-16px {
        font-size: 1.1875rem !important;
    }
    /**** 폰트사이즈 로그인 ****/

    /*리스트*/
    .prod-list-wrapper.prod_list_wrap .total-count p {
        font-size: 0.9375rem;
    }
    /*리스트-필터(공통)*/
    .selectbox select,
    .selectbox:before,
    .prod-list-wrapper .filter_box .item-filter label {
        font-size: 0.9375rem;
    }
    /*검색*/
    .prod-list-wrapper .no-data p,
    .moall-search-wrapper .contents-wrapper > .panel > .panel-body .keyword {
        font-size: 0.9375rem;
    }

    .moall-search-wrapper .contents-wrapper > .panel > .panel-heading .search_delete {
        font-size: 1.0625rem;
    }
    /*리스트-구매후기*/
    .review-category-wrapper .category-list.text .category > a,
    .review > .panel-footer .byname,
    .review-list-container .reviewdate,
    .main-review-wrapper .reviewdate,
    .main-review-slide .byname,
    .main-review-slide .date {
        font-size: 0.9375rem;
    }

    .prod-list-wrapper .no-data img {
        width: 35px;
        height: 35px;
    }

    .review > .panel-body .prod-title {
        font-size: 1rem;
        max-height: 100px;
        height: 60px;
    }

    .review > .panel-footer .score-wrapper i,
    .main-review-wrapper .review > .panel-footer .score-wrapper i,
    .main-review-slide .review_slide .score-wrapper i {
        font-size: 1.0625rem;
    }
    /*로그인*/
    .Login_page .guestwrap p,
    .Login_page .letjoin p,
    .Login_page .idpwwrap p,
    .Login_page .idpwwrap button,
    .Login_page .idpwwrap input,
    .Login_select .join_wrap .ID,
    .Login_select .join_wrap .email,
    .Login_select .join_wrap .phone,
    .Login_select .join_wrap .katalk,
    .Login_select .join_wrap .Naver,
    .Login_select .guestwrap a,
    .Login_select .join_wrap .Apple {
        font-size: 0.9375rem;
    }

    .Login_page .guestwrap img,
    .join_wrap .guestwrap img {
        width: 23px;
    }
    /*아이디비번찾기*/
    .common-wrapper.idpw_search .panel-body.member .tab_link {
        font-size: 1.0625rem;
    }

    .common-wrapper.idpw_search .idpwsearch p,
    .common-wrapper.idpw_search .title_input,
    .common-wrapper.idpw_search .form-group.phone-wrapper input,
    .common-wrapper.idpw_search .form-group.phone-wrapper .numcheckbtn,
    .common-wrapper.idpw_search .panel-body.member .Btn,
    .common-wrapper.idpw_search .id-comment input,
    .common-wrapper.idpw_search #token-div span,
    .common-wrapper.idpw_search #pwdTokenTime,
    .common-wrapper.idpw_search .form-group.phone-token input,
    .common-wrapper.idpw_search .form-group.phone-token .sms-btn,
    .common-wrapper.access.join.idpw_search .phone-token_chk {
        font-size: 0.9375rem;
    }

    .common-wrapper.idpw_search #id-notcomment,
    .common-wrapper.idpw_search #pw-sms-token-comment {
        font-size: 0.9375rem !important;
    }

    .common-wrapper.idpw_search .idpwsearch {
        line-height: 1.3;
    }

    .common-wrapper.idpw_search .phone-wrapper .form-control {
        width: 27%;
    }

    .common-wrapper.idpw_search .form-group .numcheckbtn {
        width: 105px;
    }
    /*아이디찾기 결과*/
    .common-wrapper.idsearch_list .idsearch p {
        font-size: 0.9375rem;
    }

    .common-wrapper.idsearch_list .panel-body.findbox a {
        font-size: 1.0625rem;
    }
    /*비밀번호재설정*/
    .common-wrapper.pwsearch_reset .pwsearch,
    .common-wrapper.pwsearch_reset .title_input,
    .common-wrapper.pwsearch_reset .form-group input,
    .common-wrapper.pwsearch_reset .login {
        font-size: 0.9375rem;
    }
    /*비회원주문배송조회*/
    .common-wrapper.guestinfo_form .panel-body.member th {
        font-size: 0.9375rem;
    }

    .common-wrapper.guestinfo_form .guesttext p,
    .common-wrapper.guestinfo_form .form-group input,
    .common-wrapper.guestinfo_form .Btn {
        font-size: 0.9375rem;
    }
    /*푸터-카피라이트*/
    .common-wrapper .panel-footer.copyright p {
        font-size: 0.9375rem;
    }
    /*회원가입*/
    .common-wrapper.new_join_wrap .title_input,
    .common-wrapper.new_join_wrap .form-group input,
    .common-wrapper.new_join_wrap #changeNum,
    .common-wrapper.new_join_wrap #myInfoSmstime,
    .common-wrapper.new_join_wrap #sms_token_check,
    .common-wrapper.new_join_wrap .chkwrap input[type=checkbox] + label,
    .common-wrapper.new_join_wrap .member.joinmember .Btn,
    .common-wrapper.joinselect .member_wrap .katalk,
    .common-wrapper.joinselect .member_wrap .phone,
    .common-wrapper.joinselect .member_wrap .email,
    .common-wrapper.joinselect .member_wrap .Apple,
    .common-wrapper.joinselect .member_wrap .ID,
    .common-wrapper.joinselect .member_wrap .Naver {
        font-size: 0.9375rem;
    }

    .common-wrapper.new_join_wrap .ip_id.id-comment .id-comment-text,
    .common-wrapper.new_join_wrap #sms-token-comment {
        font-size: 0.9375rem !important;
    }

    .common-wrapper.new_join_wrap .phone-wrapper .form-control {
        width: 27%;
    }

    .common-wrapper.new_join_wrap #changeNum {
        min-width: 105px;
    }

    .new_join_wrap .chkwrap input[type=checkbox] + label:before {
        width: 20px;
        height: 20px;
    }
    /*메인-타임세일*/
    .goods-timesale-label .time-remaining,
    .goods-timesale-label .timesaletext {
        font-size: 1rem;
    }

    /*마이페이지*/
    .my-wrapper.index.mobile_my_index .my-name,
    .my-wrapper.index.mobile_my_index .myinfo:first-child div:last-child a {
        font-size: 1.0625rem !important;
    }

    .my-wrapper.index.mobile_my_index .myinfo:last-child span:first-child,
    .my-wrapper.index.mobile_my_index .text,
    .my-wrapper.index.mobile_my_index > .reward-wrapper label,
    .my-wrapper.index.mobile_my_index .count,
    .my-wrapper.index.mobile_my_index .unit,
    .my-wrapper.index.mobile_my_index .desc {
        font-size: 0.9375rem;
    }

    .my-wrapper.index.mobile_my_index .point_num a,
    .my-wrapper.index.mobile_my_index .coupon_num a {
        font-size: 1.1875rem;
    }
    /*마이페이지-보유적립금*/
    .my-info-wrapper.my-point-wrapper .mytotal_num li,
    .my-info-wrapper.my-point-wrapper .filter-wrapper .status-filter li label,
    .my-info-wrapper.my-point-wrapper .filter-wrapper .year-filter label,
    .my-info-wrapper.my-point-wrapper .point-list.point_group p,
    .my-info-wrapper.my-point-wrapper .point-list.point_group h6 > b,
    .my-info-wrapper.my-point-wrapper #prodCash_btn,
    .my-info-wrapper.my-coupon-wrapper .mytotal_num.coupon_total li, .my-info-wrapper.my-coupon-wrapper .coupon_chk label {
        font-size: 0.9375rem;
    }

    .my-info-wrapper.my-point-wrapper .mytotal_num li strong {
        font-size: 1.0625rem;
    }

    .my-info-wrapper.my-point-wrapper .filter-wrapper .status-filter li label {
        align-items: center;
    }
    /*마이페이지-보유쿠폰*/
    .my-info-wrapper.my-coupon-wrapper .mytotal_num li strong {
        font-size: 1.0625rem;
    }

    .my-info-wrapper.my-coupon-wrapper .panel-heading .coupontbox p,
    .my-info-wrapper.my-coupon-wrapper .panel-heading .coupontbox .form-control,
    .my-info-wrapper.my-coupon-wrapper .panel-heading .coupontbox button,
    .my-info-wrapper.my-coupon-wrapper .coupon-list p {
        font-size: 0.9375rem;
    }

    .my-info-wrapper.my-coupon-wrapper .coupon-list h6 b {
        font-size: 1.0625rem;
    }

    .my-info-wrapper.my-coupon-wrapper .coupon-list h6 {
        font-size: 1rem;
    }
    /*마이페이지-회원등급*/
    .modal.userclass-modal .benefit_group_heading b,
    .modal.userclass-modal .benefit_group_body .class_option b {
        font-size: 1.0625rem;
    }

    .modal.userclass-modal .class_member b,
    .modal.userclass-modal .class_member li,
    .modal.userclass-modal .class_member .next_class_price,
    .modal.userclass-modal .benefit_point p,
    .modal.userclass-modal .benefit_coupon p,
    .modal.userclass-modal .myclass_footer p,
    .modal.userclass-modal .member_footer button,
    .benefit_group_heading .class_member .progress .my_price span {
        font-size: 0.9375rem;
    }

    .modal.userclass-modal .class_member .text {
        font-size: 1rem;
    }
    /*마이페이지-주문목록배송조회*/
    .contents-wrapper.mypage-myorder .prod-order-wrapper li a {
        font-size: 1rem !important;
    }

    .contents-wrapper.mypage-myorder .orderhead_panel .date,
    .contents-wrapper.mypage-myorder .orderhead_panel .date2 {
        font-size: 1rem;
    }

    .contents-wrapper.mypage-myorder .delivery_chk label,
    .contents-wrapper.mypage-myorder .media-body,
    #viewDeliveryStatusModal .info-wrapper,
    #viewDeliveryStatusModal #deliveryinfo td,
    #viewDeliveryStatusModal #deliveryinfo td:nth-of-type(1) p,
    #viewDeliveryStatusModal .modal-content .modal-footer button,
    #viewDeliveryStatusModal .panel-heading ul > li.active .desc {
        font-size: 0.9375rem;
    }

        .contents-wrapper.mypage-myorder .selectbox.year-filter label,
        .contents-wrapper.mypage-myorder .orderbody_media .media-head span,
        .contents-wrapper.mypage-myorder .media-body .subject,
        .contents-wrapper.mypage-myorder .media-body .option,
        .contents-wrapper.mypage-myorder .media-body .count.count2,
        .contents-wrapper.mypage-myorder .media-body .price p,
        .contents-wrapper.mypage-myorder .orderfooterhr .btn,
        .contents-wrapper.mypage-myorder .orderbody_media .btn,
        .contents-wrapper.mypage-myorder #prodOrder_btn {
            font-size: 0.9375rem !important;
        }

    .contents-wrapper.mypage-myorder .orderbody_media .media-head p {
        font-size: 1.0625rem;
    }

    .contents-wrapper.mypage-myorder .delivery_chk label {
        display: flex !important;
        align-items: center;
    }

    #viewDeliveryStatusModal .panel-heading ul > li span {
        font-size: 0.875rem;
    }

    #viewDeliveryStatusModal #deliveryinfo td div {
        max-width: 200px;
        width: 200px;
    }
    /*마이페이지-배송지관리*/
    .wrap_my_delivery .nav-tabs > li > a {
        font-size: 1rem;
    }

    .my-wrapper .my-info.delivery .panel-heading p,
    .my-wrapper .my-info.delivery .delivery-list .delivery_title,
    .my-wrapper .my-info.delivery .delivery-list .delivery_cont p,
    .my-wrapper .my-info.delivery .delivery-list a,
    .my-wrapper.wrap_my_delivery .panel-footer a,
    .my-wrapper .my-info.delivery .delivery_basic,
    .my-wrapper .my-info.delivery .no-data p {
        font-size: 0.9375rem;
    }
    /*마이페이지-배송지등록*/
    .modal.addDelivery input[type="checkbox"] + label,
    .modal.addDelivery .form-group label,
    .modal.addDelivery .attrselect,
    .modal.addDelivery .form-control,
    .modal.addDelivery .postnum_search .form-group button,
    .modal.addDelivery .modal-footer button {
        font-size: 0.9375rem;
    }
    /*마이페이지-이벤트참여*/
    .my-info-wrapper.my-event .panel-heading p,
    .my-info-wrapper.my-event .mypage-list span {
        font-size: 0.9375rem !important;
    }

    .my-info-wrapper.my-event #eventData p,
    .my-info-wrapper .mypage-list li#eventEnd b,
    .my-info-wrapper.my-event .panel-footer button {
        font-size: 0.9375rem;
    }
    /*마이페이지-최근본상품*/
    .prod-list-wrapper.Lastitem .total-count {
        font-size: 0.9375rem;
    }
    /*마이페이지-구매후기*/
    .my-wrapper.review-wrapper .nav-tabs > li > a {
        font-size: 1rem;
    }

        .my-wrapper.review-wrapper .nav-tabs > li > a i {
            font-size: 0.875rem;
            width: 18px;
            height: 18px;
        }

    .my-wrapper.review-wrapper .tab-pane .review-regist-text,
    .my-wrapper.review-wrapper .tab-pane .media .order-date .score-wrapper .fa,
    .my-wrapper.review-wrapper .tab-pane .media .order-date,
    .my-wrapper.review-wrapper .tab-pane .media .contents p,
    .my-wrapper.review-wrapper .tab-pane .media .contents .text_more,
    .my-wrapper.review-wrapper .tab-pane .media-heading,
    .my-wrapper.review-wrapper .tab-pane .review_order .price,
    .my-wrapper.review-wrapper .tab-pane .review_order p:last-child,
    .my-wrapper.review-wrapper .tab-pane .media-footer button,
    .my-wrapper.review-wrapper #writtenReview .data_none td,
    .my-wrapper.review-wrapper #writtenReview .data_none td b,
    #reviewWriteModal .media-body .price,
    #reviewWriteModal .review-score dt,
    #reviewWriteModal .form-group .form-control,
    #reviewWriteModal .form-group.image .desc,
    #reviewWriteModal .form-group.image .btn,
    .my-wrapper.review-wrapper .tab-pane .media .myreview_comment span,
    .my-wrapper.review-wrapper .admin_comment p {
        font-size: 0.9375rem;
    }

    #reviewWriteModal .purchase-info .media-body .title,
    #reviewWriteModal button {
        font-size: 1.0625rem;
    }
    /*마이페이지-게시판*/
    #newMyboard .mypage-wrapper.list-type .nav-tabs li a {
        font-size: 1rem;
    }

    #newMyboard #writtenBoard .panel-heading span,
    .contents-wrapper#newMyboard .select-arrow select,
    #newMyboard #writtenComment .panel-heading span,
    #newMyboard .pagination > li > a {
        font-size: 0.9375rem;
    }

    #newMyboard #writtenBoard .panel-body .panel-list li p,
    #newMyboard #writtenBoard .panel-body .panel-list li div,
    #newMyboard #writtenComment .panel-body .panel-list span,
    #newMyboard #writtenComment .panel-body .panel-list li p,
    #newMyboard #writtenComment .panel-body .panel-list li a {
        font-size: 0.9375rem !important;
    }

    #newMyboard #writtenBoard .no-data h6,
    #newMyboard #writtenComment .no-data h6 {
        font-size: 1.0625rem;
    }

    #newMyboard #writtenBoard .panel-body .panel-list li b {
        font-size: 1.0625rem !important;
    }
    /*마이페이지-스크랩*/
    #newMyboard .icon-label {
        font-size: 0.9375rem !important;
    }

    #newMyboard .icon-label {
        padding: 0 10px !important;
    }
    /*마이페이지-개인정보관리*/
    .my-wrapper.my-info-modify table th,
    .my-wrapper.my-info-modify table .form-control,
    .my-wrapper.my-info-modify .form-group.phone-wrapper a,
    .my-wrapper.my-info-modify .checkbox_wrapper label,
    .my-wrapper.my-info-modify .checkbox_wrapper a,
    .my-wrapper.my-info-modify table .text_box p,
    .my-wrapper.my-info-modify .info_inform a,
    .my-wrapper.my-info-modify .panel-footer p,
    .my-wrapper.my-info .myinfo_text p,
    .my-wrapper.my-info table th,
    .my-wrapper.my-info table .form-control,
    .my-wrapper.my-info .panel-footer a {
        font-size: 0.9375rem;
    }
    /*마이페이지-반품교환*/
    .my-wrapper.return .prod-info-wrapper.my_return_wrap .point-wrapper span,
    .my-wrapper.return .order-info th, .my-wrapper.return .order-info td,
    .my-wrapper.return .panel-body .subject,
    .my-wrapper.return .panel-body .price,
    .my-wrapper.return .panel-footer .media-body .btn.return,
    .my-wrapper.return .panel-footer .media-body .item_eq a,
    .my-wrapper.return .panel-footer .form-control,
    .my-wrapper .info-wrapper .sub-title,
    .my-wrapper.return .panel-body .title,
    .my-wrapper.return .panel-body.reason .returnselect,
    .my-wrapper.return .panel-body.ing-yn .moc_bank select,
    .my-wrapper.return .form-control,
    .my-wrapper.return .panel-body .table .form-group.ip_post #jsBtnPost,
    .my-wrapper.return .btn-wrapper a,
    .my-wrapper.return .panel-body.reason .desc p {
        font-size: 0.9375rem;
    }

    .my-wrapper.return label,
    .my-wrapper.return .order-payment-info th {
        font-size: 0.9375rem !important;
    }

    .my-wrapper.return .panel-footer .media-body .btn.return {
        width: 68px;
        height: 29px;
    }
    /*마이페이지-문의내역*/
    .my-wrapper #qnatype .nav-tabs > li > a {
        font-size: 1rem;
    }

    .my-wrapper #qnatype .review-regist-text,
    .my-wrapper #qnatype .media-left .comment,
    .my-wrapper #qnatype .media-left .qna_user_info,
    .my-wrapper #qnatype .media-left .qna-title,
    .my-wrapper #qnatype .media-left .qna-date,
    .my-wrapper #qnatype .media-body .media_text span,
    .my-wrapper #qnatype .panel-side .Btn,
    .my-wrapper #qnatype .media-body .admin_comment .media-body {
        font-size: 0.9375rem;
    }
    /*마이페이지-주문상세*/
    .contents-wrapper .my-wrapper.wrap_maypage .count.count2 {
        font-size: 0.9375rem;
    }
    /*마이페이지-쇼핑정보수신동의모달*/
    .contents-wrapper.terms.consent-terms .panel-body p {
        font-size: 0.9375rem !important;
    }

    /*쿠폰*/
    .coupon.detailcoupon .coupon-area .number {
        font-size: 1.6875rem !important;
    }

    .coupon.detailcoupon .coupon-area .choice p {
        font-size: 0.9375rem;
    }
    /*쿠폰북*/
    .event-page-wrapper.couponbookpage .text-center,
    .event-page-wrapper.couponbookpage .coupon-area .choice p,
    .btnbox_couponbook .btn_type_basic {
        font-size: 0.9375rem;
    }

    .coupon .coupon-list li .coupon-area .number {
        font-size: 1.6875rem;
    }

    .coupon .coupon-list li .coupon-area .category {
        font-size: 1rem;
    }

    .coupon .coupon-list li .coupon-area .condition .cpn-date i {
        font-size: 0.875rem;
    }
    /*검색*/
    .contents-wrapper.search .search-wrapper h5 {
        font-size: 1.1875rem;
    }

    .contents-wrapper.search .search-wrapper .text_search .form-control,
    .contents-wrapper.search .homeSearchDiv a {
        font-size: 0.9375rem;
    }

    .contents-wrapper.search .panel-body .list-group {
        font-size: 0.9375rem !important;
    }

    .contents-wrapper.search .recently .panel-heading b,
    .contents-wrapper.search .search_panel b {
        font-size: 1.0625rem;
    }
    /*페이징번호*/
    .pagination > li > a {
        font-size: 0.9375rem;
    }
    /*하단faq*/
    .customer-wrapper.faqlist #progressTab a {
        font-size: 0.9375rem;
    }

    .customer-wrapper.faqlist .panel-title.faq span,
    .customer-wrapper.faqlist .panel-body.faq span,
    .customer-wrapper.faqlist .panel-body.faq span p,
    .panel.notice.detail_normal .subject div,
    .panel.notice.detail_normal .panel-body.content {
        font-size: 0.9375rem !important;
    }

    .customer-wrapper.faqlist .panel-group div {
        font-size: 1.0625rem;
    }
    /*공지사항*/
    .customer-wrapper .panel.notice.notice-table .title__td a,
    .customer-wrapper .table.notice .date__td,
    .panel.notice.detail_normal .subject.textbox a,
    .panel.notice.detail_normal .panel-footer a,
    .panel.notice.detail_normal .table td,
    .panel.notice.detail_normal .table td a {
        font-size: 0.9375rem;
    }

    .panel.notice.detail_normal .price a {
        font-size: 0.9375rem !important;
    }

    .panel.notice.detail_normal .subject.title a,
    .panel.notice.detail_normal .price p {
        font-size: 1.0625rem !important;
    }
    /*좌측메뉴*/
    /*12*/
    .footer-info-wrapper .fs-12px,
    #sidemenu .side-event .fs-12px,
    #sidemenu .side-reward .fs-12px,
    #sidemenu .shop-info .fs-12px {
        font-size: 0.9375rem !important;
    }
    /*14*/
    .footer-info-wrapper .fs-14px,
    #sidemenu .shop-info .fs-14px {
        font-size: 1.0625rem !important;
    }
    #sidemenu .shop-info .company img,
    .footer-info-wrapper .panel-body div li img {
        height: 40px;
    }
    /*//폰트사이즈*/
    /* 게시판 pc 사이즈 */
    #newboard .icon-label.newLabel {
        padding: 0 5px !important;
    }

    #newboard .img-type#imgTypeLine1 .date,
    #newboard .img-type#imgTypeLine2 .date {
        min-height: 22px !important;
    }

    #newboard .icon-label.newLabel {
        width: 20px !important;
        height: 20px !important;
        line-height: 19px !important;
    }

    .board-listtype1 .board-title {
        max-height: 54px !important;
    }

    .board-listtype1 .icon-basket {
        width: auto !important;
        height: auto !important;
    }

    .board-main-listtype1 .icon-basket {
        width: 32px !important;
        height: 32px !important;
    }

    #newboard.main-slide .img-type#imgTypeLine2 .board-title-box {
        min-height: auto !important;
    }

    #newboard .img-type#imgTypeLine2 .board-title-box {
        min-height: 49px !important;
        line-height: 1.2 !important;
    }

    #newboard .img-type#imgTypeLine2 .board-desc {
        min-height: 65px !important;
    }

    #newboard .board-view-wrapper .user-content {
        font-size: 1rem !important;
    }

    #newboard .img-type .tag-list {
        min-height: 25px !important;
    }
    /* //게시판 pc 사이즈 */
    .panel.notice.detail_normal .table td {
        margin-left: inherit;
    }

    .col-xs-4 .timesale.deadline img,
    .sliding4 .timesale.deadline img {
        width: 48px;
        height: 48px;
    }
    /*상세-구매후기스크롤없애기*/
    .scroll-prod-wrapper.Goods_wrapper.review_slide {
        scrollbar-width: none;
    }
    .scroll-prod-wrapper.Goods_wrapper.review_slide::-webkit-scrollbar {
        display: none !important;
    }
    /*메인-팝업수정*/
    .popup-contents.mainBP {
        width: 640px;
        margin: 0 auto;
    }
    .popup-wrapper.mainPopup #mainBannerPopup .swiper-slide img {
        width: 100% !important;
    }
    .popup-wrapper.mainPopup .mainBPopup-text a,
    .popup-wrapper.mainPopup .mainoneBPopup-text a {
        font-size: 1.1875rem;
    }
    .popup-wrapper.mainPopup .mainBPopup-contents {
        padding: 0 45px;
    }
    /*마이페이지-구매후기(리뉴얼221026)*/
    #reviewWriteModal .review-evaluate > p,
    #reviewWriteModal .review-evaluate .review-point-text,
    #reviewWriteModal p.title {
        font-size: .875rem;
    }
    #reviewWriteModal .review-evaluate #starScore .fa {
        font-size: 1.563rem !important;
    }
    /*상품상세-다중이미지*/
    .swiper-pagination .progressbar,
    .swiper-pagination .progressbar.swiper-pagination-bullet-active {
        height: 8px !important;
    }
    /*메인-구매후기내용노출수정*/
    .main-review-slide .review_slide .prod-title {
        max-height: 80px;
        min-height: 80px !important;
    }
    .main-review-wrapper .col-xs-6.review .prod-title {
        max-height: 60px;
        height: 60px;
    }
    /*상세-탭*/
    #prodTab.fixed-top {
        position: fixed;
        top: 60px;
        z-index: 1030;
        background-color: #fff;
        width: 640px !important;
        left: 0px;
        right: 0px;
    }
    /*좌측메뉴-리스트에서 하단바로 이동시-넘버링*/
    .detail_wrap_moall .prod .panel-heading .dc-rank {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }
    /*좌측 로그인*/
    #sidemenu .login-out-wrapper {
        min-height: 60px;
    }
    /*카카오톡 대체 우편번호*/
    #postModalFLEXG{
        padding-right:0 !important;
    }
    #postModalFLEXG #_flexgPostSearch::placeholder,
    #postModalFLEXG #_flexgPostSearch{
        font-size: 1.0625rem;
    }
    #postModalFLEXG .flexgSearchhelp,
    #postModalFLEXG .posthelpExemple,
    #postModalFLEXG .posthelpExemple span{
        font-size: 0.9375rem;
    }
    #postModalFLEXG .flexgSearchhelp,
    #postModalFLEXG .posthelpExemple{
        line-height:1.5;
    }
    #postModalFLEXG .noSearch{
        font-size:1.125rem;
    }
    #postModalFLEXG .noSearchcheck{
        font-size: 0.9375rem;
    }
    #postModalFLEXG .postListtable td:nth-child(1){
        font-size:1.1875rem;
    }
    #postModalFLEXG .postListtable td .title{
        font-size:0.9375rem;
        width: 15%;
    }
    #postModalFLEXG .postListtable td:nth-child(2n){
        font-size: 1.0625rem;
    }
    /*기존 우편번호*/
    #jsDaumPostSearch div:nth-of-type(1) {
        height: 95vh !important;
    }
    /*로그인*/
    .login-logo .logo-img {
        width: 300px !important;
    }
    .login-type__button a.fs-12px {
        font-size: 0.9375rem !important;
    }
    .copyright p {
        font-size: 0.875rem !important;
    }
    /*회원등급제개편*/
    #userclass-modal .benefit__group__H--level li:last-child {
        font-size: 1.0625rem !important;
    }
    #userclass-modal .text__target {
        font-size: 1.1875rem;
    }
    #userclass-modal .my__index--userclass .class_member li.text {
        font-size: 0.9375rem;
    }
    #userclass-modal .benefit_group_body .class_option .title {
        font-size: 1.0625rem !important;
    }
    /*마이페이지-개인정보관리*/
    .my-wrapper.my-info-modify .panel-footer a {
        font-size: 0.9375rem;
    }
    .my-wrapper.my-info-modify .basic-select {
        font-size: 1rem;
    }
    /*회원가입-폰트사이즈*/
    .common-wrapper.join.new_join_wrap .basic-select {
        font-size: 0.9375rem;
    }
    /*좌측메뉴-리워드팝업-폰트사이즈*/
    #floatingActionShare .panel-heading p,
    #floatingActionShare .urlcopy_wrap a{
        font-size: 0.9375rem;
    }
    #floatingActionShare .floatingContentsImg .section span,
    #floatingActionShare .floatingContentsImg .section2 span,
    #floatingActionShare .floatingContentsImg .section3 span {
        font-size: 0.9375rem;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    #floatingActionShare .floatingInfoTitle,
    #floatingActionShare .floatinginfosub {
        font-size: 0.9375rem;
    }
}
/*//샵 웹버전*/
@media (max-width: 1079px) {
    .BrandLeft,
    .BrandRight,
    .brd-recommen {
        display: none;
    }
}
@media (min-width: 1080px) {
    #couponDownloadModal {
        padding-right: 0 !important;
    }

    .modal.fade.in {
        padding-right: 0 !important;
        overflow-y: hidden;
    }

    .modal-content {
        margin: 0 !important;
    }

    .modal-open {
        /*width: 1200px !important;*/
        padding-right: 0 !important;
        overflow-y: auto;
    }



    .delivery_inquiry #deliveryinfo colgroup {
        width: 100% !important;
    }

    .footerfixedwrap ul {
        position: fixed;
        z-index: 999;
    }


    .mobile_my_index {
        margin-top: 60px;
    }

    .col-md-4 {
        width: 100%;
        margin-left: 0;
    }

    .Main_Wrap {
        display: flex;
        justify-content: center;
        /*margin: 0 auto;*/
    }

    /*브랜드*/
    .BrandRight {
        position: fixed;
        bottom: 0%;
        left: calc(50% + 320px);
        /*background: pink;*/
    }

    .BrandLeft {
        position: fixed;
        bottom: 0%;
        left: calc(50% - 720px);
    }

    .BrandLeft {
        width: 400px;
        height: 100%;
    }

    .BrandRight {
        width: 400px;
        /*width:150px;*/
        height: 100%;
    }

    .BLfixed {
        height: 100%;
        position: fixed;
        display: flex;
        flex-direction: column;
        width: 400px;
        align-items: center;
        justify-content: center;
    }

    .BRfixed {
        height: 100%;
        position: fixed;
        display: flex;
        flex-direction: column;
        width: 180px;
        align-items: center;
        justify-content: center;
        padding-left: 30px;
    }

    .BLfixed .brandimgbox img {
        border-radius: 16px;
        width: 320px;
    }

    .BLfixed .brandimgbox {
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .BLfixed .brimg {
        margin-bottom: 24px;
    }

    .BrandLeft .BLfixed .recentlyview {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 320px;
    }

        .BrandLeft .BLfixed .recentlyview p {
            font-size: 14px;
            /*font-weight: bold;*/
            margin-bottom: 25px;
            width: 100%;
        }

        .BrandLeft .BLfixed .recentlyview .imgbox img {
            height: 64px;
            width: 64px;
            border-radius: 50%;
            margin-right: 8px;
            cursor: pointer;
        }

    .BrandRight .BRfixed .recentlyview {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .BrandRight .BRfixed .recentlyview p {
            color: #727272;
            font-size: 13px;
        }

        .BrandRight .BRfixed .recentlyview span {
            border-bottom: 2px solid #b8b8b8;
            width: 30px;
            margin: 5px 0;
        }

        .BrandRight .BRfixed .recentlyview .imgbox img {
            width: 75px;
            height: 75px;
            border-radius: 50%;
            margin-bottom: 4px;
        }

        .BrandRight .BRfixed .recentlyview .imgbox {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

    .BrandLeft .APP {
        display: flex;
    }

        .BrandLeft .APP a {
            cursor: pointer;
            width: 186px;
            height: 50px;
        }

        .BrandLeft .APP img {
            width: 100%;
            height: 100%;
        }

    .BrandLeft .BLfixed .recentlyview .norecentlyimg {
        height: 75px;
        border-radius: 50%;
        margin-right: 4px;
        background: #e8e8e8;
        width: 75px;
        border-bottom: 0;
    }


    /**/
    .joinselect .panel-heading a,
    .joinselect .title a,
    .Login_select .panel-heading a,
    .Login_select .title a {
        cursor: pointer;
    }

    .joinselect .member_wrap a,
    #loginModal .join_wrap a {
        position: relative;
        justify-content: center;
    }
}
/*김선우 추가*/
.onair-page-wrapper {
    /*margin-top:-17px;*/
} 
.onair-page-wrapper .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
} 
.runapp-wrapper .app_close {
    position: absolute;
    top: 0;
    right: 0;
    margin: .5rem;
    padding: 1.25rem;
} 
.runapp-wrapper .panel-footer {
    border-top: 0;
    padding-top: 24px;
    display: flex;
} 
.runapp-wrapper .panel-footer .btn {
    position: relative;
    color: #fff;
    font-size: .875rem;
    font-weight: var(--font-weight_bold);
    width: 50%;
    padding: 0;
    border-radius: 8px;
} 
.runapp-wrapper .panel-footer .btn:after {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    box-shadow: 0 2px 0 rgba(0,0,0,0.1);
} 
.runapp-wrapper .panel-footer .btn + .btn {
    margin-left: 8px;
} 
.runapp-wrapper .panel-footer .btn_install, .runapp-wrapper .panel-footer .btn_runapp {
    width: 50%;
} 
.runapp-wrapper .panel-footer .btn_runapp {
    margin-left: 4px;
} 
.contents-wrapper.app-push-setting {
}
.app-push-setting .categoryList li {
    display: flex;
    border-top: 1px solid #e8e8e8;
    padding: 12px;
    font-size: .75rem;
    font-weight: var(--font-weight_bold);
} 
.app-push-setting .categoryList li .app_menu_detail {
    position: relative;
    margin-left: auto;
} 
.app-push-setting .categoryList li .app_menu_detail select {
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    border: 0;
    text-align-last: right;
    padding: 0 1.125rem 0 .625rem;
    background-color: #fff;
} 
.app-push-setting .categoryList li .app_menu_detail i {
    position: absolute;
    right: 0;
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
    color: #b8b8b8;
} 
.app-push-setting .categoryList .ver_name {
    padding-left: 6px;
    color: #929292;
} 
.app-push-setting .categoryList .url_text {
    padding-right: 1.125rem;
} 
.orderCouponModalBody {
    height: calc(100% - 110px) !important;
    margin-top: 0 !important;
} 
#couponUseModal {
    padding-right: 0 !important;
} 
.modal.success .modal-dialog.top-half {
    top: 0;
} 
.modal.success .modal-content {
    background-color: #484848;
    box-shadow: none;
    margin: 74px 20px 0;
    border-radius: 6px;
    padding: 20px;
} 
.modal.success .modal-header {
    background-color: transparent;
} 
.modal.success .modal-footer button {
    width: 100% !important;
} 
.payment-wrapper .complete .failmessage {
    height: calc(100vh - 58px);
    margin: 0 16px;
} 
.payment-wrapper .complete .failmessage .panel-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 3px;
    min-height: 300px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background-color: #f8f8f8;
} 
.payment-wrapper .complete .failmessage .panel-body .oderfailtext {
    margin-top: 0;
} 
.payment-wrapper .complete .failmessage .panel-footer {
    padding: 0;
} 
.payment-wrapper .agree-wrapper.agree-align .panel-body {
    align-items: center;
} 
.payment-wrapper .agree-wrapper.agree-align .panel-body span {
    min-width: 257px;
    padding: 0;
    text-align: left;
} 
.payment-wrapper .agree-wrapper.agree-align .panel-body span:last-child {
    text-align: center;
}
/* 구매후기 상품 */
.main-review-wrapper .review .panel-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
} 
.scroll-prod-wrapper.review_slide .panel-heading {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 100%;
    overflow: hidden;
} 
.main-review-wrapper .review .panel-heading {
    position: relative;
} 
.scroll-prod-wrapper.review_slide .panel-heading img, .main-review-wrapper .review .panel-heading img {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    width: 100%;
} 
.scroll-prod-wrapper.review_slide.goods_detail .panel-heading {
    padding-top: 0;
} 
.panel.detail_normal .panel-body p {
    flex-direction: column;
}
.panel.notice.detail_normal .panel-body p img {
    max-width: 100% !important;
}
/** 추첨이벤트 **/
/* 사이드메뉴 */
.raffle_text {
    padding: 12px 0;
    background-color: #3bcdb0;
    color: #fff;
}
/* 마이페이지 */
#eventtype .panel-heading {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background-color: #f8f8f8;
} 
.my-info-wrapper .mypage-list li {
    padding: 20px 12px;
    border-bottom: 1px solid #e8e8e8;
} 
.my-info-wrapper .mypage-list li .grid-layout:first-child {
    width: 90%;
} 
.my-info-wrapper .mypage-list li .grid-layout:last-child {
    width: 10%;
} 
.my-info-wrapper .mypage-list li#eventEnd span, .my-info-wrapper .mypage-list li#eventEnd b {
    color: #b8b8b8 !important;
}
/* 배너 */
.raffle-event-wrapper .panel {
    margin: 0 16px;
    padding-bottom: 6px;
} 
.raffle-event-wrapper .panel-footer {
    padding: 12px 0;
} 
.raffle-event-wrapper #eventDateEnd img {
    -webkit-filter: grayscale(100%);
    filter: gray;
} 
.raffle-event-wrapper #eventDateEnd .panel-footer span, .raffle-event-wrapper #eventDateEnd .panel-footer p {
    color: #929292 !important;
} 
.raffle-event-wrapper ol li:before {
    content: '·';
} 
.raffle-event-wrapper .winner-list {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} 
.raffle-event-wrapper.detail .panel-body, .raffle-event-wrapper.detail .panel-footer {
    background-color: #f8f8f8;
} 
.raffle-event-wrapper.detail .panel-footer {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
} 
.raffle-event-wrapper.detail .panel-footer > div {
    padding: 16px;
} 
.raffle-event-wrapper.detail .panel-footer > div + div {
    border-top: 1px solid #e8e8e8;
} 
.raffle-event-wrapper.detail .panel-footer ol li:before {
    margin-right: 6px;
}
.panel-body.raffle-img {
    padding: 0;
}
/*.raffle-img {
    position: relative;
    width: 100%;
    padding-bottom: 50%;
    overflow: hidden;
} 
.raffle-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */
#token-div span {
    position: absolute;
    top: 0;
    right: 0;
    color: #ff9c00;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-size: .75rem;
} 
.btn.bg-gray {
    background-color: #b8b8b8;
    box-shadow: 0 2px 0 #b8b8b8;
    -webkit-box-shadow: 0 2px 0 #b8b8b8;
}
/* 메인 fade 팝업 */
.popup-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 99999;
    opacity: .5;
}
.main-popup .container {
    left: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
} 
.main-popup .pop-header {
    padding: 12px 16px;
} 
.main-popup .pop-body {
    word-break: keep-all;
    padding: 30px;
    min-height: 200px;
    border-radius: 16px 16px 0 0;
} 
.main-popup .pop-body h5 {
    padding: 12px 0;
} 
.main-popup .pop-body a {
    margin: 20px auto 0;
    padding: 0 26px;
    border-radius: 20px;
    background-color: #222;
} 
@keyframes fadeInUp {
    from {
        opacity: 0;
        margin-bottom: -100px;
    }
    to {
        opacity: 1;
        margin-bottom: 0;
    }
} 
.main_popup .container .pop-body {
    animation-name: fadeInUp;
    animation-duration: 2s;
}
/* toast popup */
.toast-popup {
    position: fixed;
    left: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    animation-name: fadeInUp;
    animation-duration: 2s;
}
.toast-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
}
.toast-popup-header__button {
    color: #fff;
    font-weight: var(--font-weight_bold);
}
.toast-popup-body {
    padding: 16px;
    border-radius: 16px 16px 0 0;
    color: #727272;
    background-color: #fff;
}
.toast-popup-body__title {
    padding: 16px;
    text-align: center;
    word-break: keep-all;
}
.toast-popup-body__title .title {
    color: #222;
    font-weight: var(--font-weight_bold);
    padding-bottom: 8px;
}
.toast-popup-body__title .desc {
    color: #929292;
}
.toast-popup-body__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    margin-top: 8px;
    border-radius: 8px;
    gap: 16px;
    background-color: #f8f8f8;
}
.toast-popup-body__content .delivery {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 8px;
}
.toast-popup-body__content .delivery .title {
    color: #fff;
    padding: 2px 4px;
    border-radius: 4px;
    background-color: #b8b8b8;
}
.toast-popup-body__content .delivery .content {
    color: #222;
}
.toast-popup-footer {
    display: flex;
    align-items: center;
    padding: 16px 0 16px;
    margin-top: 8px;
}
.toast-popup-footer .btn {
    width: 50%;
}
@media (min-width: 768px) {
    .toast-popup , .top-toast-popup {
        width: 640px;
        margin: 0 auto;
    }
}
/* 메인 최상단배너 */
.main-topbanner-wrapper {
    /*position: fixed;*/
    position: relative;
    top: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
}
.main-topbanner-wrapper img {
    width: 100%;
}
.main-topbanner-wrapper > a {
    border-radius: 0 0 0 16px;
    background-color: rgba(0,0,0,0.4);
} 
.main-topbanner-wrapper > a.close {
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 1;
    color: #fff;
    font-size: 10px;
    padding: 6px 7px 9px 9px;
    text-shadow:none;
} 
@media (min-width: 768px) {
    .main-topbanner-wrapper {
        width: 640px;
        margin: 0 auto;
    }
}
/*결제수단*/
.pay-benefit {
    border-radius: 100px;
    color: #fff;
    font-size: 0.688rem !important;
    font-weight: var(--font-weight_bold);
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    background-color: #ffae00;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#paymentMethod .npay .pay-benefit {
    background-color: #1E1E23;
    color: #00DE5A;
}
#paymentMethod .kakaopay .pay-benefit {
    background-color: #ffeb00;
} 
#paymentMethod .payco .pay-benefit {
    background-color: #e10129;
}
#paymentMethod .tosspay .pay-benefit {
    background-color: #3588FF;
}
/*#paymentMethod .tosspay .checks label img {
    height: auto;
}*/
/*마이페이지 탭 디자인 (공통)*/
.mypage-wrapper .nav-tabs li {
    width: 50%;
    border-top: 1px solid #e8e8e8;
    background-color: #f8f8f8;
}
.mypage-wrapper .nav-tabs li a {
    border-width: 0 1px 1px !important;
    border-style: solid !important;
    border-color: #e8e8e8 !important;
    margin-bottom: 0;
    padding: 10px 0;
    font-size: 13px;
    font-weight: var(--font-weight_bold);
    color: #727272;
}
.mypage-wrapper .nav-tabs li.active > a {
    border-bottom-color: #fff !important;
    border-left-width: 1px !important;
    background-color: #fff;
    color: #222;
}
.mypage-wrapper .nav-tabs li:first-child > a {
    border-left: 0 !important;
}
.mypage-wrapper .nav-tabs li:last-child > a {
    border-left: 0 !important;
    border-right: 0 !important;
}
.mypage-wrapper .panel-heading {
    /*border-bottom: 1px solid #e8e8e8;*/
}
.mypage-wrapper .panel-body .panel-list li {
    padding: 15px;
    border-top: 1px solid #e8e8e8;
}
.mypage-wrapper .filter-wrapper {
    font-size: 0.75rem;
}
.mypage-wrapper .select-arrow,
.board-view-wrapper .select-arrow {
    position: relative;
    color: #727272;
    /*font-weight: bold;*/
}
.mypage-wrapper .select-arrow:before,
.board-view-wrapper .select-arrow:before {
    content: "\279C";
    position: absolute;
    top: 2px;
    right: 0;
    width: 0;
    height: 0;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.mypage-wrapper .select-arrow select,
.board-view-wrapper .select-arrow select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 16px;
    border: 0;
    text-align: right;
    font-size: .6875rem;
    background-color: transparent;
}
.mypage-wrapper .select-arrow select::-ms-expand,
.board-view-wrapper .select-arrow select::-ms-expand {
    display: none;
}
/**게시판강화**/
#newboard {
    letter-spacing: -0.2px; 
}
#newMyboard .icon-list img,
#newboard .icon-list img {
    height: 16px;
}
#newboard .board-view-wrapper .icon-list img {
    height: 18px;
}
#newMyboard .icon-label,
#newboard .icon-label{
    padding: 0 7px;
    border-radius: 16px;
    color: #fff;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: var(--font-weight_bold);
    letter-spacing: -0.2px;
    /*font-family: 'Roboto Mono';*/
}
#newboard .icon-label.newLabel {
    border-radius: 50%;
    display: inline-block;
    padding: 0 4px !important;
    position: relative;
    /*top: -1px;*/
    width: 17px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-weight: var(--font-weight_bold);
}
#newboard .label-list {
    bottom:0;
    z-index: 99;
    padding: 8px;
}
#newboard .date {
    color: #fb793f;
    font-weight: var(--font-weight_bold);
    min-height: 18px;
}
#newboard .list-type .pagination > li.active > a {
    border-radius: 50%;
}
#newboard .list-type .pagination > li > a:hover {
    background-color: transparent;
    border-color: transparent;
    color: #222;
}
#newboard .list-type .panel-body .panel-list li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 15px 12px;
    border-top: 1px solid #e8e8e8;
    min-height: 85px;
}
#newboard .list-type .panel-body .panel-list li:first-child {
    border-top: 1px solid #222;
}
#newboard .list-type .tag-list,
#newboard .img-type .tag-list,
#newMyboard .list-type .tag-list{
    margin-top: 12px;
}
#newboard .list-type .notice {
    background-color: #f8f8f8;
}
#newboard .list-type .layout-img {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    right: -18px;
}
#newboard .listimg-type .layout-list,
#newboard .listimg-type .tag-list {
    max-width: 78%;
}
@media (max-width: 320px) {
    #newboard .img-type#imgTypeLine2 .board-title {
        letter-spacing: -1px;
    }
}
#newboard .img-type#imgTypeLine2 .col-xs-6:nth-child(odd) {
    padding-right: 4px !important;
}
#newboard .img-type#imgTypeLine2 .col-xs-6:nth-child(even) {
    padding-left: 4px !important;
}
#newboard .img-type#imgTypeLine2 .board-title-box > .icon-label {
    position: relative;
    top: -1px;
}
#newboard .img-type#imgTypeLine2 .board-title-box {
    word-break: break-all;
    min-height: 42px;
    line-height: 1.3;
}
#newboard.main-slide .img-type#imgTypeLine2 .board-title {
    min-height: auto;
}
#newboard .img-type#imgTypeLine2 .board-desc,
#newboard.main-slide .img-type .board-desc {
    min-height: 52px;
}
#newboard .img-type#imgTypeLine2 .board-info {
    min-height: 32px;
}
#newboard .img-type#imgTypeLine2 .icon-list {
    min-height: 18px;
}
#newboard .img-type .board-title.textover {
    max-height: 45px;
    overflow: hidden;
}
#newboard .img-type .board-desc {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 65px;
}
#newboard .img-type .tag-list {
    min-height: 22px;
}
#newboard .category-wrapper ul {
    display: flex;
    white-space: nowrap;
/*    overflow-y: hidden;
    padding-bottom: 1px;
    -ms-overflow-style: none;
    scrollbar-width: none;*/
}
#newboard .category-wrapper li {
    width: auto !important;
}
#newboard .category-wrapper li a {
    padding: 8px 10px;
    border: 0;
    border-radius: 32px;
    color: #929292;
}
#newboard .category-wrapper li a:focus,
#newboard .category-wrapper li a:hover {
    background-color: transparent;
}
@media (max-width: 768px) {
    #newboard .category-wrapper ul::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
        background: transparent;
        -webkit-appearance: none;
    }
    .board-search-view {
        width: 100%;
    }
}
#newboard .category-wrapper li.active a {
    background-color: #222;
    color: #fff;
}
.board-search-view {
    position: fixed;
    top: 60px;
    z-index: 999;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    padding: 16px 15px 8px;
}
.board-search-view .search-box {
    position: relative;
    width: 100%;
}
.board-search-view input {
    padding: 6px 30px 6px 12px;
}
.icon-clear {
    border: 0;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}
.icon-clear:after {
    content: "X";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    border-radius: 50%;
    background-color: #e8e8e8;
    font-style: normal;
    color: #fff;
    padding: 0 4px;
    text-align: center;
    margin: 13px 10px;
    cursor: pointer;
}
.search-box input:not(:valid) ~ .icon-clear {
    display: none;
}
.board-search-view a {
    font-size: .75rem;
    color: #727272;
    white-space: nowrap;
    margin: 0 12px 0 15px;
    cursor: pointer;
}
#newboard .board-view-wrapper .icon-label {
    padding: 3px 7px 4px;
}
#newboard .board-title {
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
}
#newboard .board-view-wrapper .panel-heading {
    /*border-bottom: 1px solid #e8e8e8;*/
}
#newboard .board-view-wrapper .panel-footer {
    border-top: 8px solid #f2f2f2;
}
#newboard .board-view-wrapper .head-btn {
    padding: 10px 0 16px;
}
#newboard .board-view-wrapper .reply-wrapper .panel-list li {
    padding: 15px 12px;
    border-top: 1px solid #e8e8e8;
}
#newboard .board-view-wrapper .reply-wrapper .panel-list li:last-child {
    border-bottom: 1px solid #e8e8e8;
}
#newboard .board-view-wrapper .reply-wrapper .reply-re {
    background-color: #f8f8f8;
}
.reply.modal .modal-content {
    border-radius: 10px;
    width: 90% !important;
}
.reply.modal .modal-footer {
    border-top: 0;
    padding-top: 0;
}
.modal-dialog-centered {
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    height: 100%;
}
#replyModal input[type=checkbox] + label:before,
#writeModal input[type=checkbox] + label:before {
    content: "";
    background-image: url(/contents/images/icon_check_off.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
    margin-right: 0;
}
#replyModal input[type=checkbox]:checked + label:before,
#writeModal input[type=checkbox]:checked + label:before {
    content: "";
    background-image: url(../../contents/images/icon_check_on.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
}
#replyModal input[type=checkbox]:checked + label span,
#writeModal input[type=checkbox]:checked + label span {
    color: #222 !important;
}
.board-mixgoods,
.margin-base {
    margin: 0 -16px;
}
.board-mixgoods {
    margin-top: 32px;
}
.board-mixgoods .panel-heading {
    margin: 0;
}
.board-mixgoods .swiper-container {
    overflow: visible !important;
    white-space: normal;
}
/*.board-mixgoods .prod-wrapper .board-title {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 40px;
}*/
.board-mixgoods .prod-wrapper .board-desc {
    min-height: 18px;
}
#newboard .search-result {
    min-height: calc(100vh - 60px);
}
#writeModal #boardImgList {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    display: -webkit-inline-box;
}
#writeModal #boardImg:last-child {
    margin-right: 0;
}
.new-modal.modal .modal-header {
    border-bottom: 1px solid #e8e8e8;
    /*margin: 0 15px;*/
    padding: 0 15px;
    width: auto;
 /*   height: 60px;
    line-height: 65px;*/
}
.new-modal.modal .modal-header .Icon_Close {
    position: absolute;
    right: 15px;
}
.new-modal.modal .modal-header .modal-title {
    height: 60px;
    line-height: 60px;
}
.enddate-label {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.enddate-label img {
    width: 100%;
    height: 100%;
}
.board-img {
    position: relative;
}
.editor-frame iframe {
    width: 100%;
}
.editor-frame img {
    max-width: 100%;
    /*display:block;*/
    /*margin-bottom: 20px;*/
}
#newboard .board-view-wrapper .editor-frame p:nth-child(n+2) img, #newboard .board-view-wrapper .editor-frame p img:nth-child(n+2) {
    margin-top: -1px;
}
.board-file-list li {
    display: inline-block;
    background-color: #f8f8f8;
    padding: 12px;
    border-radius: 20px;
    margin: 4px 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .privacywrap {
        height: auto;
    }
}
#newMyboard .pagination > li > a,
#newboard .pagination > li > a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
}
#newMyboard .pagination > li.active > a,
#newboard .pagination > li.active > a {
    border-radius: 50%;
}
#newMyboard .pagination .fa,
#newboard .pagination .fa {
    top: 2px;
}
@media (max-width: 380px) {
    #newMyboard .pagination > li > a,
    #newboard .pagination > li > a {
        width: 26px;
        height: 26px;
        line-height: 26px;
    }
}
@media (max-width:480px) {
    .default2_DIV .timesale--nbsp, .default_slide .timesale--nbsp, .custom-timesale .timesale--nbsp, .custom_div1 .cart-N .timesale--nbsp {
        min-width: 0;
        display: none;
    }
    .default2_DIV .CartButton, .default_slide .CartButton, .custom-timesale .CartButton {
        min-width: 32px;
    }
    .col-xs-6 .cart-Y .timesaleWrap, .default_slide .cart-Y .timesaleWrap, .custom-timesale .cart-Y .timesaleWrap { /* 2열,슬라이드,커스텀(1열제외) */
        margin-right: 4px;
        justify-content: flex-start !important;
    }
   /* #newboard .board-view-wrapper .editor-frame img {
        float: left;
    }*/
}
@media (max-width: 320px) {
    #newMyboard .pagination > li > a,
    #newboard .pagination > li > a {
        width: 24px;
        height: 24px;
        line-height: 24px;
    }
}
#writeModal textarea {
    resize: none;
}
#newboard .filter-wrapper .select-arrow select {
    padding-right: 20px !important;
    text-align: center;
    font-weight: var(--font-weight_bold);
}
.detail_wrap_moall::-webkit-scrollbar {
    display: none;
}
#newboard .board-view-wrapper .user-content {
    font-size: 0.813rem;
}
/* 메인레이아웃[게시판] - 상품리스트 */
.board-main-listtype1 {
    /*margin: 0 15px;*/
    padding: 0 15px;
}
.board-main-listtype1 .panel-heading {
    padding: 0;
}
.board-main-listtype1 .panel-body {
    padding: 4px;
    padding-right: 0 !important;
}
.board-main-listtype1 .dc-body {
    position: absolute;
    top: 0;
    left: 0;
}
.board-main-listtype1 .default-price text {
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
}
.board-main-listtype1 .icon-basket {
    width: 24px;
    height: 24px;
}
.board-main-listtype1 .panel-heading > img {
    width: 100%;
}
.board-main-listtype1 .panel-heading .timesale {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    font-size: 11px;
    font-weight: var(--font-weight_bold);
    padding: 7px;
    background-color: #727272;
}
.board-main-listtype1 .panel-heading .timesale img {
    width: 15px;
    height: 15px;
    margin-right: 3px;
}
#newboard .swiper-wrapper .col-xs-12 {
    width: 90% !important;
}
.board-mixgoods.main {
    margin: 0;
    margin-top: 32px !important;
}
.board-mixgoods .prod-wrapper a:first-child .board-main-listtype1 {
    border-top: 1px solid #eee;
    padding-top: 15px;
}
#newboard.main-slide .swiper-slide {
    overflow: hidden;
    margin-right: 10px;
    flex: 0 0 80%;
}
#newboard #imgTypeLine1.list-type .panel-list li {
    margin-bottom: 0 !important;
}
#newboard.main-slide #imgTypeLine2 .swiper-slide {
    flex: 0 0 45%;
}
.main-recommend-item #newboard .list-type .panel-body .panel-list li {
    min-height: auto;
}
.main-recommend-item #newboard .list-type .panel-body .panel-list li:first-child {
    border-top: 0;
}
#newboard.main-slide .img-type .board-title-box {
    min-height: auto !important;
}
#newboard.main-slide .panel,
#newboard .panel#imgTypeLine1 {
    border: 0;
}
/*메인 배너전환효과*/
/*** 배너 ***/
.swiper.banner.vertical {
    margin-top: -1px;
}
.swiper.banner .bigBannerCarousel_olcasein {
    margin-bottom: 0;
}
/*공통 - 좌우버튼 */
.swiper.banner.barOutline .swiper-button-next,
.swiper.banner.barOutline .swiper-button-prev {
    top: calc(50% - 6%);
}
/*공통 - barNone(페이징 없음)*/
.swiper.banner.barNone ol {
    position: absolute !important;
}

.swiper.banner.barNone li {
    background-color: transparent !important;
    border: 0 !important;
}
/*공통 - 세로 + barNone */
.swiper.banner.vertical.barNone img.img-responsive {
    padding-bottom: 0;
}
/*공통ol - barOut */
.swiper.banner.vertical_Outline .bigBannerCarousel_olcasebottom {
    position: relative;
    background-color: #fff;
}
/*공통 - 가로 + barOut */
.swiper.banner .bigBannerCarousel_olcasebottom {
    position: relative;
}
/*공통ol - 세로 + barIn */
.swiper.banner.vertical .bigBannerCarousel_olcasein {
    top: -24px;
}
/*공통 - 세로 img */
.swiper.banner.vertical img.img-responsive {
    padding-bottom: 24px;
}
/*공통ol - barOut */
/*.swiper.banner.slide .bigBannerCarousel_olcasebottom,
.swiper.banner.cover .bigBannerCarousel_olcasebottom,
.swiper.banner.backfade.vertical .bigBannerCarousel_olcasebottom {
    background-color: #fff;
}*/

.swiper.banner.vertical.slide img.img-responsive,
.swiper.banner.vertical.cover img.img-responsive,
.swiper.banner.backfade img.img-responsive,
.swiper.banner.slide img.img-responsive,
.swiper.banner.fold.vertical.barInline img.img-responsive {
    padding-bottom: 0;
}
/* ol(slide,coverflow,backfade) - barIn */
.swiper.banner.slide .bigBannerCarousel_olcasein,
.swiper.banner.coverflow .bigBannerCarousel_olcasein,
.swiper.banner.vertical.backfade .bigBannerCarousel_olcasein {
    position: absolute !important;
    top: inherit;
}
/* ol(slide,cover,flip,rolling,fold) - 세로 + barIn */
.swiper.banner.vertical.slide .bigBannerCarousel_olcasein,
.swiper.banner.vertical.cover .bigBannerCarousel_olcasein,
.swiper.banner.vertical.flip .bigBannerCarousel_olcasein,
.swiper.banner.vertical.rolling .bigBannerCarousel_olcasein,
.swiper.banner.vertical.fold .bigBannerCarousel_olcasein {
    top: inherit;
    position: absolute !important;
}
.swiper.banner.vertical.barInline .swiper-wrapper,
.swiper.banner.vertical.barNone .swiper-wrapper {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: transparent;
}
/*filp*/
.swiper.banner.flip img.img-responsive {
    padding-bottom: 0;
}

.swiper.banner.flip {
    overflow: hidden !important;
}

.swiper.banner.flip.barOutline .bigBannerCarousel_olcasebottom {
    z-index: 99;
}
/*file barOut */
.swiper.banner.flip.vertical.barOutline img.img-responsive {
    padding-bottom: 24px;
}
/*slide, cover*/
/*barNone*/
.swiper.banner.slide.barNone,
.swiper.banner.cover.barNone {
    margin-bottom: 0;
    padding-bottom: 0;
}

.swiper.banner.slide.barNone .bigBannerCarousel_olcasebottom,
.swiper.banner.cover.barNone .bigBannerCarousel_olcasebottom {
    background-color: transparent;
    position: absolute !important;
}
.swiper.banner.barNone .bigBannerCarousel_olcasebottom {
    height: 0;
}
/*barIn*/
.swiper.banner.slide.barInline,
.swiper.banner.cover.barInline {
    padding-bottom: 0;
}

/*slide*/
/*slide 세로 + barOut */
.swiper.banner.slide.vertical.barOutline {
    padding-bottom: 24px;
}
.swiper.banner.slide.vertical.barOutline .swiper-wrapper {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: transparent;
    margin-top: -1px;
}
/*ol 세로 + barOut */
.swiper.banner.slide.vertical .bigBannerCarousel_olcasebottom {
    position: absolute;
}

.swiper.banner.slide.vertical.barOutline img.img-responsive {
    position: relative !important;
}
/*cover*/
/*cover 세로 + barOut */
.swiper.banner.cover.vertical.barOutline img.img-responsive {
    padding-bottom: 24px;
}
/*coverflow*/
.swiper.banner.coverflow img.img-responsive {
    padding-bottom: 0;
}
/*coverflow 세로 - barOut */
.swiper.banner.coverflow.vertical.barOutline img.img-responsive {
    padding-bottom: 24px;
}

.swiper.banner.coverflow.vertical.barOutline .bigBannerCarousel_olcasebottom {
    background-color: #fff;
}
/*fade*/
.swiper.banner.fade {
    opacity: 1;
}

.swiper.banner.fade.vertical.barInline {
    margin-bottom: -24px;
}
/*backfade*/
/*barOut*/
.swiper.banner.backfade.vertical.barOutline img.img-responsive {
    padding-bottom: 24px;
}
/*barNone*/
.swiper.banner.backfade.vertical.barNone .bigBannerCarousel_olcasebottom {
    background-color: transparent;
}
/*rolling*/
.swiper.banner.vertical.rolling .swiper-wrapper {
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: transparent;
}

.swiper.banner.vertical.rolling.barOutline ol {
    position: relative !important;
    background-color: #fff;
}

.swiper.banner.vertical.rolling.barInline img.img-responsive {
    padding-bottom: 0;
}
/*공통 barInline , barNone */
.swiper.banner.vertical.barInline .swiper-wrapper,
.swiper.banner.vertical.barNone .swiper-wrapper {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: transparent;
}
/*넘길때 이미지 숨기기*/
/*coverflow*/
/*.swiper.banner.coverflow .swiper-slide,*/
.swiper.banner.vertical.rolling .swiper-slide {
    opacity: 0 !important;
}
/*.swiper.banner.coverflow .swiper-slide-active,*/
.swiper.banner.vertical.rolling .swiper-slide-active {
    opacity: 1 !important;
}

@media (max-width: 360px) {
    .swiper.banner.slide.vertical.barOutline .swiper-wrapper {
        margin-top: -2px;
    }
}

/* pc화면 미디어쿼리 */
@media (min-width: 768px) {
    .categoryList .addview {
        width: 16px;
        display: flex;
        justify-content: center;
    }

    .modal .banner_list {
        width: 640px;
    }

    #sidemenu .sidemenu-close-wrapper {
        width: 640px;
        /*top: inherit;*/
        right: inherit;
    }
    #sidemenu .sidemenu-top-notcharea {
        width: 640px;
    }
    
}
@media (max-width: 768px) {
    #sidemenu {
        min-width: 100% !important;
    }
}
.basic-select {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #222;
    font-weight: var(--font-weight_bold);
    font-size: .6875rem;
    color: #222;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../contents/images/icon-arrow-bottom.svg);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 95% 50%;
}
/*modal 리뉴얼*/
/*modal*/
.renew-modal .modal-content {
    width: 90%;
    -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.15);
    border-radius: 10px;
}
.renew-modal .modal-header {
    background-color: #fff;
    color: #222;
    border-radius: 10px 10px 0 0;
}
.renew-modal .modal-header .modal-title {
    letter-spacing: -1px;
    word-break: keep-all;
}
.renew-modal .common-wrapper .form-group {
    width: auto;
}
.renew-modal .modal-footer {
    border-top: 0;
    padding-top: 0;
}
.renew-modal .smstime {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px;
    font-size: 12px;
    color: #ff9c00;
}
/*알림*/
.renew-confirm {
    top: auto !important;
/*    min-height: 48px;
    position: fixed;
    top: calc(100% - 139px);*/
}
.renew-confirm .modal-dialog {
    top: 0 !important;
}
.renew-confirm .modal-header {
    background-color: transparent;
}
@media (min-width: 768px) {
    .renew-confirm .modal-content {
        margin-bottom: 74px !important;
    }
}
/* 리뉴얼 popup - slideup */
/*상품알림*/
.modal-sm .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 99999;
    opacity: .5;
}
.modal-sm .modal-inner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    animation-name: fadeInUp;
    animation-duration: 2s;
}
.modal-sm .modal__header {
    padding: 26px 0;
    line-height: 1.4;
}
.modal-sm .modal__body .common-wrapper {
    width: inherit;
}
.modal-sm .modal__title {
    font-size: 14px;
    font-weight: var(--font-weight_bold);
}
.modal-sm .modal__close {
    padding: 12px 16px;
    text-align: right;
}
.modal-sm .modal__close a {
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    color: #fff;
}
.modal-sm .modal__content {
    padding: 16px 16px 30px;
    text-align: center;
    border-radius: 16px 16px 0 0;
    background-color: #fff;
}
.alarm-phone-token {
    margin-bottom: 12px !important;
}
.alarm-phone-token input {
    padding-right: 50px;
}
.alarm-phone-token .smstime {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-size: 12px;
    color: #ff9c00;
}
.modal__button-go {
    display: block;
    border-radius: 20px;
    color: #fff;
    background-color: #222;
}
@media (min-width: 768px) {
    .modal-sm .modal-inner {
        width: 640px;
        margin: 0 auto;
    }
}
/* modal 가운데정렬*/
.center-modal .modal-dialog-centered .modal-content {
    width: 90% !important;
    display: flex;
    flex-direction: column;
    padding: 15px;
    border-radius: 8px;
}
.center-modal .modal-dialog-centered .modal-header {
    color: #222;
    background-color: #fff;
    line-height: inherit;
    padding: 0;
}
.center-modal .modal-dialog-centered .modal-header .Icon_Close {
    float: right;
}
.center-modal .modal-dialog-centered .modal-body {
    margin-top: 0 !important;
    padding: 10px 0 !important;
}
.center-modal .modal-dialog-centered .modal-footer {
    border-top: 0;
    padding: 0 20px;
    margin: 20px 0 10px;
}
.center-modal .modal-dialog-centered .modal-footer button {
    width: 95%;
}
/**/
#orderSmsModal .common-wrapper {
    width: 100%;
}
/*상품상세-대표이미지 swiper bar*/
#detailImgSwiper .swiper-pagination {
    position: absolute;
}
#detailImgSwiper .swiper-pagination-fraction {
    width: auto;
    transform: translate(-50%,-50%);
    left: 50%;
    width: 48px;
    height: 24px;
    line-height: 24px;
    border-radius: 20px;
    font-size: 12px;
    color: #fff;
    background-color: rgba(140,140,140,0.8);
}
#detailImgSwiper .swiper-pagination-bullet:only-child {
    display: block !important;
}

/*<!-- 개인정보실태 css start -->*/
#orderPrivacy .privacy-agreewrap,
#orderPrivacy .privacy-infowrap {
    width: 100%;
}

    #orderPrivacy .privacy-agreewrap table th {
        color: #b8b8b8;
        font-weight: var(--font-weight_bold);
        font-size: 0.75rem;
        display: flex;
        align-items: center;
    }

    #orderPrivacy .privacy-agreewrap table tr {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 4px 0;
    }

    #orderPrivacy .privacy-agreewrap table td {
        display: flex;
        align-items: center;
    }

#orderPrivacy .privacy-moreView {
    color: var(--btn_type_shopbasic2_color);
    white-space: nowrap;
    text-decoration: underline;
    /* @*position: relative;
    top: 1px;
    *@*/
}

#orderPrivacy .privacy-agreewrap .agreeChk {
    color: #222;
    font-weight: var(--font-weight_bold);
    font-size: 0.75rem;
    white-space: nowrap;
}

#orderPrivacy .privacy-agreewrap input[type="checkbox"] + label {
    color: #b8b8b8;
    font-size: 0.75rem;
    cursor: pointer;
}

    #orderPrivacy .privacy-agreewrap input[type="checkbox"] + label:before {
        content: "";
        background-image: url(../../contents/images/icon_check_off.svg);
        background-size: 100% 100%;
        width: 17px;
        height: 17px;
        clear: both;
    }

#orderPrivacy .privacy-agreewrap input[type="checkbox"]:checked + label {
    color: #222;
}

    #orderPrivacy .privacy-agreewrap input[type="checkbox"]:checked + label:before {
        content: "";
        background-image: url(../../contents/images/icon_check_on.svg);
        background-size: 100% 100%;
        width: 17px;
        height: 17px;
        clear: both;
    }

#orderPrivacy .privacy-infowrap {
    margin-top: 12px;
    margin-bottom: 20px;
}

    #orderPrivacy .privacy-infowrap table {
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
    }

        #orderPrivacy .privacy-infowrap table tbody tr {
            border-top: 1px solid #e8e8e8;
            /*          @*border-bottom: 1px solid #e8e8e8;
            *@*/
        }

        #orderPrivacy .privacy-infowrap table thead {
            background: #f8f8f8;
        }

            #orderPrivacy .privacy-infowrap table thead th {
                color: #727272;
                font-size: 0.75rem;
                width: 33.3%;
                padding: 8px;
                display: flex;
                justify-content: center;
            }

    #orderPrivacy .privacy-infowrap th:nth-child(2) {
        border-right: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
    }

    #orderPrivacy .privacy-infowrap td:nth-child(2) {
        border-right: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
    }

    #orderPrivacy .privacy-infowrap td {
        padding: 8px;
        color: #727272;
        font-size: 0.75rem;
        word-break: break-all;
        display: flex;
        width: 33.3%;
    }

    #orderPrivacy .privacy-infowrap td {
        padding: 8px;
        color: #727272;
        font-size: 0.75rem;
        word-break: break-all;
    }

    #orderPrivacy .privacy-infowrap tr {
        display: flex;
    }

@media (min-width: 768px) {
    #orderPrivacy .privacy-agreewrap th {
        font-size: 0.9375rem !important;
    }

    #orderPrivacy .privacy-infowrap table thead th,
    #orderPrivacy .privacy-infowrap td,
    #orderPrivacy .privacy-agreewrap .agreeChk {
        font-size: 0.9375rem;
    }
}

/*<!-- 개인정보실태 css end -->*/


/*<!-- 개인정보실태 css start 회원가입 -->*/
#newjoinPrivacy .privacy-agreewrap,
#newjoinPrivacy .privacy-infowrap {
    width: 100%;
}

    #newjoinPrivacy .privacy-agreewrap table th {
        color: #b8b8b8;
        font-weight: var(--font-weight_bold);
        font-size: 0.75rem;
        display: flex;
        align-items: center;
    }

    #newjoinPrivacy .privacy-agreewrap table tr {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 4px 0;
    }

    #newjoinPrivacy .privacy-agreewrap table td {
        display: flex;
        align-items: center;
    }

#newjoinPrivacy .privacy-moreView {
    color: #31c0c5;
    white-space: nowrap;
    font-weight: var(--font-weight_bold);
    /*@*position: relative;
    top: 1px;
    *@*/
}

#newjoinPrivacy .privacy-agreewrap .agreeChk {
    color: #222;
    font-weight: var(--font-weight_bold);
    font-size: 0.75rem;
    white-space: nowrap;
}

#newjoinPrivacy .privacy-agreewrap input[type="checkbox"] + label {
    color: #b8b8b8;
    font-size: 0.75rem;
    cursor: pointer;
}

    #newjoinPrivacy .privacy-agreewrap input[type="checkbox"] + label:before {
        content: "";
        background-image: url(../../contents/images/icon_check_off.svg);
        background-size: 100% 100%;
        width: 17px;
        height: 17px;
        clear: both;
    }

#newjoinPrivacy .privacy-agreewrap input[type="checkbox"]:checked + label {
    color: #222;
}

    #newjoinPrivacy .privacy-agreewrap input[type="checkbox"]:checked + label:before {
        content: "";
        background-image: url(../../contents/images/icon_check_on.svg);
        background-size: 100% 100%;
        width: 17px;
        height: 17px;
        clear: both;
    }

#newjoinPrivacy .privacy-infowrap {
    margin-top: 12px;
    margin-bottom: 20px;
}

    #newjoinPrivacy .privacy-infowrap table {
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
    }

        #newjoinPrivacy .privacy-infowrap table tbody tr {
            border-top: 1px solid #e8e8e8;
            /* @*border-bottom: 1px solid #e8e8e8;
            *@*/
        }

        #newjoinPrivacy .privacy-infowrap table thead {
            background: #f8f8f8;
        }

            #newjoinPrivacy .privacy-infowrap table thead th {
                color: #727272;
                font-size: 0.75rem;
                width: 33.3%;
                padding: 8px;
                display: flex;
                justify-content: center;
            }

    #newjoinPrivacy .privacy-infowrap th:nth-child(2) {
        border-right: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
    }

    #newjoinPrivacy .privacy-infowrap td:nth-child(2) {
        border-right: 1px solid #e8e8e8;
        border-left: 1px solid #e8e8e8;
    }

    #newjoinPrivacy .privacy-infowrap td {
        padding: 8px;
        color: #727272;
        font-size: 0.75rem;
        word-break: break-all;
        display: flex;
        width: 33.3%;
    }

    #newjoinPrivacy .privacy-infowrap td {
        padding: 8px;
        color: #727272;
        font-size: 0.75rem;
        word-break: break-all;
    }

    #newjoinPrivacy .privacy-infowrap tr {
        display: flex;
    }

@media (min-width: 768px) {
    #newjoinPrivacy .privacy-agreewrap th {
        font-size: 0.9375rem !important;
    }

    #newjoinPrivacy .privacy-infowrap table thead th,
    #newjoinPrivacy .privacy-infowrap td,
    #newjoinPrivacy .privacy-agreewrap .agreeChk {
        font-size: 0.9375rem;
    }

    #newjoinPrivacy .privacy-moreView {
        font-size: 0.9375rem !important;
    }
}

/*<!-- 개인정보실태 css 회원가입 end -->*/

/* 마이페이지 구매후기 (renew-review 리뉴얼 22-10-25) */
#reviewWriteModal .review-point-text {
    display: inline-block;
    border-radius: 16px;
    background-color: #f6f6f6;
    color: #929292;
    padding: 10px 15px;
    font-size: 0.688rem;
    margin-top: 32px;
}
#reviewWriteModal .review-evaluate {
    text-align: center;
    padding: 22px 0;
}
#reviewWriteModal .review-evaluate #starScore .fa {
    font-size: 1.375rem;
    cursor: pointer;
}
#reviewWriteModal .panel-body {
    padding: 0;
}
/* 별점 디자인 (공통) */
.fa-star-o:before {
    content: "\f005" !important;
}
.fa-star-o {
    color: #e8e8e8 !important;
}
.fa-star {
    color: #ffc833;
}
/* swiper - scrollbar 디자인 */
.swiper-scrollbar-drag {
    border-radius: 0;
    background-color: var(--btn_type_shopbasic3_background);
}
/* swiper - progressbar 디자인 커스텀 */
.swiper-pagination .progressbar {
    width: 100%;
    margin: 0 !important;
    border-radius: 0;
    height: 4px;
    background-color: #d2d2d2;
}
.swiper-pagination .progressbar.swiper-pagination-bullet-active {
    height: 4px;
    background-color: var(--btn_type_shopbasic3_background);
}
/*모아보기 상단 닫기버튼 고정*/
.modal.img-collection .navbar-fixed-top {
    top: 0 !important;
}
/* 로그인,회원가입 커스텀 리뉴얼 */
.login-box {
    height: 100vh;
    background-color: #fff;
}
.login-bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100vh;
    z-index: 1;
    object-fit: cover;
    object-position: top;
    background-color: #000;
}
.login-close .login-close__back {
    width: 32px;
    height: 32px;
}
.login-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.login-logo .logo-img {
    width: 200px;
}
.login-type__button a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 45px;
    line-height: 44px;
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    /*  padding-top: 8px;
    padding-bottom: 6px;*/
    margin-top: 8px;
    border-radius: var(--btn_type_sub_radius, 26px);
}
.login-type__button .Naver {
    background: #37cc66;
    color: #fff;
    /*box-shadow: 0 3px 0 #15ab44;*/
}
.login-type__button .Kakao {
    background: #fbe300;
    color: #3b1e1e;
    /*box-shadow: 0 3px 0 #f1c252*/
}
.login-type__button .Apple {
    background: #222222;
    color: #fff;
    /*box-shadow: 0 3px 0 #000*/
}
.login-type__button img {
    width: 34px;
}
.login-type__icon {
    margin: 34px 0;
    text-align: center;
}
.login-type__icon li {
    display: inline-block;
    margin: 0 3px;
}
.login-type__icon img {
    width: 40px;
    height: 40px;
}
.login-guest {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 47px;
    text-align: center;
    font-weight: var(--font-weight_bold);
}
.login-guest a {
    font-size: var(--fix-font);
    white-space: nowrap;
}
.login-guest a + a:before {
    content: '|';
    position: relative;
    top: -1px;
    padding: 0px 6px;
    cursor: auto;
}
.login-guest .login-guest__text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.input-smstoken-box {
    position: relative;
    width: 100%;
    margin-right: 6px;
}
.input-smstoken-box .count {
    position: absolute;
    top: 0;
    right: 0;
    color: #ff9c00;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
}
.tr-token .token-text {
    color: #dc3545;
    margin-top: 12px;
}
/* 로그인타입 sns버튼 */
.login-type__button .sns-boxshadow {
    box-shadow: 0px var(--btn_type_sub_shadow_px,0px) var(--btn_type_sub_box-shadow);
}
.login-type__button .Naver.sns-boxshadow {
    border-bottom: 6px solid #2eab56;
}
.login-type__button .Kakao.sns-boxshadow {
    border-bottom: 6px solid #d3bf00;
}
.login-type__button .Apple.sns-boxshadow {
    border-bottom: 6px solid #1d1d1d;
}
/* 로그인 모달 리뉴얼 */
.modal-login .modal-content {
    padding: 15px;
    border-radius: 16px;
}
.modal-login .modal-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
}
.modal-login .modal-title {
    height: 32px;
    line-height: 32px;
}
.modal-login .login-banner {
    margin-top: 30px;
    text-align: center;
}
.modal-login .login-banner img {
    max-width: 100%;
}
.modal-login .login-guest {
    margin: 20px 0;
}
/* pc mediaQuery */
@media (min-width: 768px) {
    .pc-size {
        position: relative;
        width: 640px;
        margin: 0 auto;
    }
}

/*이벤트효과*/
/** 눈내리기 효과 **/
.snowflake {
    color: #fff;
    font-size: 1em;
    font-family: Arial;
    text-shadow: 0 0 1px #f8f8f8;
}

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@-webkit-keyframes snowflakes-shake {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }

    50% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@keyframes snowflakes-shake {
    0% {
        transform: translateX(0px)
    }

    50% {
        transform: translateX(80px)
    }

    100% {
        transform: translateX(0px)
    }
}

.snowflake:nth-of-type(0) {
    left: 1%;
    -webkit-animation-delay: 0s,0s;
    animation-delay: 0s,0s
}

.snowflake:nth-of-type(1) {
    left: 10%;
    -webkit-animation-delay: 1s,1s;
    animation-delay: 1s,1s
}

.snowflake:nth-of-type(2) {
    left: 20%;
    -webkit-animation-delay: 6s,.5s;
    animation-delay: 6s,.5s
}

.snowflake:nth-of-type(3) {
    left: 30%;
    -webkit-animation-delay: 4s,2s;
    animation-delay: 4s,2s
}

.snowflake:nth-of-type(4) {
    left: 40%;
    -webkit-animation-delay: 2s,2s;
    animation-delay: 2s,2s
}

.snowflake:nth-of-type(5) {
    left: 50%;
    -webkit-animation-delay: 8s,3s;
    animation-delay: 8s,3s
}

.snowflake:nth-of-type(6) {
    left: 60%;
    -webkit-animation-delay: 6s,2s;
    animation-delay: 6s,2s
}

.snowflake:nth-of-type(7) {
    left: 70%;
    -webkit-animation-delay: 2.5s,1s;
    animation-delay: 2.5s,1s
}

.snowflake:nth-of-type(8) {
    left: 80%;
    -webkit-animation-delay: 1s,0s;
    animation-delay: 1s,0s
}

.snowflake:nth-of-type(9) {
    left: 90%;
    -webkit-animation-delay: 3s,1.5s;
    animation-delay: 3s,1.5s
}

.snowflake, .blossom {
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall,snowflakes-shake;
    -webkit-animation-duration: 10s,3s;
    -webkit-animation-timing-function: linear,ease-in-out;
    -webkit-animation-iteration-count: infinite,infinite;
    -webkit-animation-play-state: running,running;
    animation-name: snowflakes-fall,snowflakes-shake;
    animation-duration: 10s,3s;
    animation-timing-function: linear,ease-in-out;
    animation-iteration-count: infinite,infinite;
    animation-play-state: running,running
}
/** 벚꽃날리기 효과 **/
.blossom {
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
}
.blossom:nth-of-type(0) {
    left: 1%;
    -webkit-animation-delay: 0s,0s;
    animation-delay: 0s,0s
}

.blossom:nth-of-type(1) {
    left: 10%;
    -webkit-animation-delay: 1s,1s;
    animation-delay: 1s,1s
}

.blossom:nth-of-type(2) {
    left: 90%;
    -webkit-animation-delay: 6s,.5s;
    animation-delay: 6s,.5s
}

.blossom:nth-of-type(3) {
    left: 20%;
    -webkit-animation-delay: 4s,2s;
    animation-delay: 4s,2s
}

.blossom:nth-of-type(4) {
    left: 80%;
    -webkit-animation-delay: 2s,2s;
    animation-delay: 2s,2s
}

.blossom:nth-of-type(5) {
    left: 30%;
    -webkit-animation-delay: 8s,3s;
    animation-delay: 8s,3s
}

.blossom:nth-of-type(6) {
    left: 70%;
    -webkit-animation-delay: 6s,2s;
    animation-delay: 6s,2s
}

.blossom:nth-of-type(7) {
    left: 40%;
    -webkit-animation-delay: 2.5s,1s;
    animation-delay: 2.5s,1s
}

.blossom:nth-of-type(8) {
    left: 60%;
    -webkit-animation-delay: 5s,0s;
    animation-delay: 5s,0s
}

.blossom:nth-of-type(9) {
    left: 1%;
    -webkit-animation-delay: 15s,10s;
    animation-delay: 15s,10s
}

.blossom:nth-of-type(10) {
    left: 10%;
   -webkit-animation-delay: 10s,10s;
    animation-delay: 10s,10s;
}

.blossom:nth-of-type(11) {
    left: 90%;
   -webkit-animation-delay: 14s,2s;
    animation-delay: 14s,2s
}

.blossom:nth-of-type(12) {
    left: 20%;
    -webkit-animation-delay: 4s,2s;
    animation-delay: 4s,2s
}

.blossom:nth-of-type(13) {
    left: 80%;
    -webkit-animation-delay: 12s,2s;
    animation-delay: 18s,3s;
}

.blossom:nth-of-type(14) {
    left: 30%;
    -webkit-animation-delay: 8s,3s;
    animation-delay: 8s,3s
}

.blossom:nth-of-type(15) {
    left: 10%;
    -webkit-animation-delay: 12s,6s;
    animation-delay: 12s,6s;
}

.blossom:nth-of-type(16) {
    left: 40%;
    -webkit-animation-delay: 9s,5s;
    animation-delay: 9s,5s;
}

.blossom:nth-of-type(17) {
    left: 60%;
    -webkit-animation-delay: 6s,.5s;
    animation-delay: 6s,.5s;
}

.blossom:nth-of-type(18) {
    left: 50%;
    -webkit-animation-delay: 11s,1.5s;
    animation-delay: 11s,1.5s
}

.blossom:nth-of-type(19) {
    left: 100%;
    -webkit-animation-delay: 20s,20s;
    animation-delay: 20s,20s
}

.blossom:nth-of-type(20) {
    left: 1%;
    -webkit-animation-delay: 16s,.5s;
    animation-delay: 16s,.5s;
}
@-webkit-keyframes transparent {
    0% {
        opacity: 0.9;
        top: 0;
        text-shadow: 0 0 1px #f8f8f8;
    }

    100% {
        opacity: 0.2;
        top: 100%;
    }
}
@keyframes flower1 {
    0% {
        top: 0;
        margin-left: 0%;
    }

    40% {
        margin-left: 100%;
    }

    100% {
        top: 100%;
        margin-left: -50%;
    }
}
@keyframes flower2 {
    0% {
        top: 0;
        margin-left: 0%;
    }

    50% {
        margin-left: -50%;
    }

    100% {
        top: 100%;
        margin-left: 0%;
    }
}
@keyframes blow1 {
    0% {
        transform: rotate(72deg)
    }

    40% {
        transform: rotate(118deg)
    }

    100% {
        transform: rotate(68deg)
    }
}
@keyframes blow2 {
    0% {
        transform: rotate(94deg)
    }

    40% {
        transform: rotate(136deg)
    }

    100% {
        transform: rotate(82deg)
    }
}
.blossom:nth-child(even) {
    -webkit-animation-name: flower1, blow1, transparent;
    animation-name: flower1, blow1,transparent;
}
.blossom:nth-child(odd) {
    -webkit-animation-name: flower2, blow2, transparent;
    animation-name: flower2, blow2, transparent;
}
.blossom {
    background: -webkit-linear-gradient(120deg, rgba(255, 150, 170, 0.9), rgba(255, 197, 208, 0.9));
    background: -o-linear-gradient(120deg, rgba(255, 150, 170, 0.9), rgba(255, 197, 208, 0.9));
    background: -ms-linear-gradient(120deg, rgba(255, 150, 170, 0.9), rgba(255, 197, 208, 0.9));
    background: -moz-linear-gradient(120deg, rgba(255, 150, 170, 0.9), rgba(255, 197, 208, 0.9));
    background: linear-gradient(120deg, rgba(255, 150, 170, 0.9), rgba(255, 197, 208, 0.9));
    -webkit-border-radius: 36px 7px 26px 14px;
    -o-border-radius: 36px 7px 26px 14px;
    -ms-border-radius: 36px 7px 26px 14px;
    -moz-border-radius: 36px 7px 26px 14px;
    border-radius: 36px 7px 26px 14px;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    -ms-pointer-events: none;
    -o-pointer-events: none;
    pointer-events: none;
    /*position: absolute;*/
    width: 10px;
    height: 15px;
}

/**************************/
/*ios 노치대응*/
.notcharea-padding--top {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}
.notcharea-margin--top {
    margin-top: constant(safe-area-inset-top);
    margin-top: env(safe-area-inset-top);
}
/*body {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}
body.notcharea .header-wrapper {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    background-color: rgba(0,0,0,0.9);
}
body.notcharea .gnb-wrapper {
    padding-top: constant(safe-area-inset-top) !important;
    padding-top: env(safe-area-inset-top) !important;
    margin-top: constant(safe-area-inset-top)!important;
    margin-top: env(safe-area-inset-top) !important;
}
.notcharea {
    padding-top: 0 !important;
}
.header-wrapper .navbar-fixed-top {
    top: constant(safe-area-inset-top) !important;
    top: env(safe-area-inset-top) !important;
    background-color: rgba(0,0,0,0.9);
}
.header-wrapper.no-mainBanner .navbar-fixed-top {
    padding-top: constant(safe-area-inset-top);
    background-color: transparent;
}
.main.contents-wrapper.notch2 {
    position: relative;
    top: constant(safe-area-inset-top);
    top: env(safe-area-inset-top);
}
.main.contents-wrapper.notch2 .gnb-wrapper {
    padding-top: 0 !important;
}

.main.contents-wrapper.no-mainBanner {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    
}
.main.contents-wrapper.no-mainBanner .gnb-wrapper {
    margin-top: 0 !important;
}
*/
/*.moall-search-wrapper .header-wrapper .navbar-fixed-top {
    top: 0 !important;
    background-color: rgba(0,0,0,0.9);
    border-bottom-width: 0;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}*/
#footerMenu > ul {
    padding-bottom: calc(env(safe-area-inset-bottom) + 0px);
    padding-bottom: calc(constant(safe-area-inset-bottom) + 0px);
}
/*카테고리*/
.category-view-wrapper .affix {
    margin-top: constant(safe-area-inset-top) !important;
    margin-top: env(safe-area-inset-top) !important;
}
#categoryView.no-topBanner {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}

/*구매후기*/
.review-detail-wrapper .input-wrapper {
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
}

.purchase-wrapper#purchase-wrapper { /*상세 구매하기*/
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.purchase-wrapper.notch { /*상세 구매하기*/
    padding: 0 !important;
}

.purchase-wrapper.notch {
    padding-bottom: 0;
}

.purchase-option .panel {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.login-bgimg {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}
.login-box .login-close {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}
.popup-wrapper-detail {
    background-color: rgba(0,0,0,0.9);
}
.notch-line-bg {
    display: block;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    background-color: #000;
}

.popup-wrapper-detail #popup_detail_banner {
    margin-top: constant(safe-area-inset-top);
    margin-top: env(safe-area-inset-top);
}

.popup-wrapper-detail a.close {
    margin-top: constant(safe-area-inset-top);
    margin-top: env(safe-area-inset-top);
}

/*#bannerImg {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}
#mainTopBanner {
    background-color: rgba(0,0,0,0.9);
}
#mainTopBanner a.close {
    top: constant(safe-area-inset-top) !important;
    top: env(safe-area-inset-top) !important;
}*/

/*#sidemenu {
    padding-top: constant(safe-area-inset-top);
}
#sidemenu .sidemenu-top-notcharea {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    background-color: #000;
}*/
/*#sidemenu .sidemenu-wrapper {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    background-color: #fff;
}

#sidemenu .close-inner {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}*/

.detail_wrap_moall .navbar {
    background-color: rgba(0,0,0,0.9);
    border-bottom-width: 0;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}

/*로그인관련*/
.common-wrapper .join-wrapper .panel-heading,
.common-wrapper.guestinfo_form .panel-heading {
    height: calc(60px + constant(safe-area-inset-top));
    height: calc(60px + env(safe-area-inset-top));
}
.common-wrapper .join-wrapper .panel-heading,
.common-wrapper.guestinfo_form .panel-heading {
    padding-top: constant(safe-area-inset-top) !important;
    padding-top: env(safe-area-inset-top) !important;
}
.common-wrapper.access.join.idpw_search .member {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}
/*알림*/
.renew-confirm {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}

.footerfixedwrap {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}
/*#prodTab {
    margin-top: constant(safe-area-inset-top);
    margin-top: env(safe-area-inset-top);
}*/
/*.prod-tab-wrapper {
    margin-top: constant(safe-area-inset-top);
    margin-top: env(safe-area-inset-top);
}*/
#loginModal {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    margin-top: constant(safe-area-inset-top);
    margin-top: env(safe-area-inset-top);
}

#loginModal .modal-backdrop {
    background-color: transparent;
}

#loginModal {
    background-color: rgba(000,000,000,0.5);
}
/*modal*/
.new-modal.modal .modal-header,
.modal .modal-header {
    padding-top: constant(safe-area-inset-top) !important;
    padding-top: env(safe-area-inset-top) !important;
}
.new-modal.modal .modal-body,
.modal .modal-body {
    padding-top: constant(safe-area-inset-top) !important;
    padding-top: env(safe-area-inset-top) !important;
}
/**************************/
/*modal 230126 최신*/
.modal .modal-header {
    line-height: 60px;
    padding: 0 15px;
}
.modal .modal-body {
    margin-top: 75px !important;
}
.modal .modal-body.orderCouponModalBody {
    margin-top: 0 !important;
}
.modal.reply .modal-body {
    padding-top: 15px !important;
    margin-top: 0 !important;
}
.modal .modal-title {
    height: 60px;
    line-height: 60px;
}
.modal .confirm .modal-title {
    height: auto;
    line-height: initial;
}

/* keyframes */
@keyframes bounce-top {
    0% {
        transform: translate(-33%, -55px);
        animation-timing-function: ease;
    }

    22% {
        transform: translate(-33%, -48px);
        animation-timing-function: ease;
    }

    42% {
        transform: translate(-33%, -55px);
        animation-timing-function: ease;
    }

    62% {
        transform: translate(-33%, -48px);
        animation-timing-function: ease;
    }

    82% {
        transform: translate(-33%, -55px);
        animation-timing-function: ease;
    }

    100% {
        transform: translate(-33%, -48px);
        animation-timing-function: ease;
    }
}
@keyframes appbounce-top {
    0% {
        transform: translate(-27%, -55px);
        animation-timing-function: ease;
    }

    22% {
        transform: translate(-27%, -48px);
        animation-timing-function: ease;
    }

    42% {
        transform: translate(-27%, -55px);
        animation-timing-function: ease;
    }

    62% {
        transform: translate(-27%, -48px);
        animation-timing-function: ease;
    }

    82% {
        transform: translate(-27%, -55px);
        animation-timing-function: ease;
    }

    100% {
        transform: translate(-27%, -48px);
        animation-timing-function: ease;
    }
}
@keyframes up-down {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-8px);
    }
}
.applepay-img, .kbpay-img {
    height: 24px !important;
}
input[name=mo_payment_method]:disabled + label:before {
    background-image: url(/contents/images/icon_radio_off.png) !important;
}
input[name=mo_payment_method]:disabled + label,
input[name=mo_payment_method]:disabled + span {
    -webkit-filter: grayscale(100%);
    filter: gray;
    cursor: auto;
    color: #929292;
}
input[name=mo_payment_method]:disabled + label > img {
    -webkit-filter: grayscale(100%) !important;
    filter: gray !important;
    opacity: 0.5;
}
.pay-desc {
    font-size: 13px;
    letter-spacing: -1px;
}
/* KB pay */
.kb-pay-textbox {
    background-color: #f8f8f8;
    color: #727272;
    padding: 15px;
    margin: 0 15px;
}
.kb-pay-textbox > h5 {
    font-size: 12px;
    font-weight: var(--font-weight_bold);
    margin-bottom: 8px;
}
.kb-pay-textbox p:last-child {
    padding-left: 4px;
}
@media (min-width: 768px) {
    .pay-desc {
        font-size: 16px;
    }

    .kb-pay-textbox > h5 {
        font-size: 15px;
    }

    .kb-pay-textbox p {
        font-size: 14px;
    }
}
.row-gab--N { /* 상품 상세 여백 YN */
    margin-left: -15px;
    margin-right: -15px;
}
/* 1:1문의 */
.inquiry-photo .inquiry-photo__item {
    padding: 3px;
    cursor: pointer;
}
.inquiry-photo .inquiry-photo__img {
    width: 100%;
}
/* modal 파일첨부 레이아웃 (공통) */
.modal .file__images__button {
    height: 30px;
    line-height: 32px;
    padding: 0 10px;
    vertical-align: top;
}
.modal .file__images__desc {
    display: inline-block;
    /*width: calc(100% - 120px);*/
    word-break: keep-all;
    letter-spacing: -1.5px;
    color: #929292;
}
.modal .file__images__list {
    display: flex;
    align-items: center;
    padding: 20px 0 0;
}
.modal .file__images__list .image {
    position: relative;
    display: inline-block;
    margin: 1px;
    cursor: pointer;
    margin-right: 4px;
    width: 25%;
    height: 100px;
}
.modal .file__images__list .image img {
    height: 100%;
}
.modal .file__images__list .remove {
    position: absolute;
    right: 0;
    top: -6px;
    color: #fff;
    width: 15px;
    height: 15px;
    /*line-height: 12px;*/
    text-align: center;
    font-size: 10px;
    background: #343a40;
    border-radius: 50%;
    z-index: 1;
}
/* 동의 */
/* 기타(선택사항) */
.view-agree {
    color: #31c0c5;
    font-weight: var(--font-weight_bold);
    white-space: nowrap;
    margin-left: 6px;
    vertical-align: middle;
}
.agree-box, agree-all {
    margin-top: 20px;
}
.agree-ever-user__text {
    color: #727272;
    word-break: keep-all;
}
/* 휴면해제 */
.dormant-release {
    padding: 20px 15px;
}
.dormant-release__text-title {
    text-align: center;
}
.dormant-release__text-agree {
    word-break: keep-all;
    font-weight: var(--font-weight_bold);
}
.dormant-release .agree-all {
    color: #727272;
    font-weight: var(--font-weight_bold);
}
.checkbox-title {
    color: #b8b8b8;
}
.checkbox-title.agreeChk {
    color: #222;
    font-weight: var(--font-weight_bold);
}
.marketing-choice {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    /*padding: 8px 0;*/
    background-color: #f6f6f6;
    border-radius: 6px;
}
.desc-box {
    padding: 12px 16px;
    background-color: #f6f6f6;
    border-radius: 6px;
}
.dormant-join-agree .panel-heading {
    position: relative;
    height: 60px;
    line-height: 60px;
    padding: 0;
    padding-top: constant(safe-area-inset-top) !important;
    padding-top: env(safe-area-inset-top) !important;
}
.panel-heading__title {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    font-size: 1rem;
}
.panel-heading__button {
    position: absolute;
    right: 15px;
}
.dormant-join-agree .panel-footer {
    border-top: 0;
}
.item-lazy--blur {
    filter: blur(20px);
}
.left-item-lazy--blur { /*좌측메뉴*/
    filter: blur(20px);
}
.timesale--nbsp {
    min-width: 32px;
}
.btn-cart--nbsp {
    z-index: 99;
}
/* 미디어쿼리 768px 미만 전체 수정 231016 */
@media (max-width: 767px) {
    body {
        background: none !important;
        background-color: #fff !important;
    }
    .moall-wrapper {
        width: 100%;
    }
    .finalLineL, .finalLineR {
        display: none;
    }
    .popup-wrapper-detail {
        width: 100%;
    }
    .popup-wrapper-detail img {
        width: 100%;
    }
    body.modal-open::-webkit-scrollbar {
        display: none;
    }
    .default1_DIV .btn-cart--nbsp, .custom {
        min-width: 32px;
    }
}
.modal-open {
    padding-right: 0 !important;
}
.modal-open .modal {
    padding-right: 0 !important;
}
.scroll-prod-wrapper .slide_text {
    display: flex;
    justify-content: space-between;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    padding: 15px;
    margin-right: 0;
}

/* 팬덤 - 홈 */
.fandom-home {
    width: 640px;
    margin: 60px auto 0;
}
.fandom-home .fandom-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 60px;
}
/*.fandom-home .prod-wrapper {
    margin: 0;
    padding-left: 15px !important;
    padding-right: 15px !important;
}*/
.fandom-icon {
    width: 32px;
    height: 32px;
}
.fandom-cover {
    position: relative;
    width: 100%;
    height: 180px;
    background-color: #fff;
}
.fandom-cover-bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fandom-cover:before {
    content: '';
    opacity: 0.2;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000;
}
.fandom-cover-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: calc(100% - 70px);
    text-align: center;
    word-wrap: break-word;
    color: #fff;
}
.fandom-join .fandom-name,
.fandom-home .fandom-name {
    font-size: 1.75rem;
    font-weight: var(--font-weight_bold);
    letter-spacing: -1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fandom-join .fandom-desc,
.fandom-home .fandom-desc {
    font-size: 0.75rem;
    letter-spacing: -0.5px;
    white-space: pre-line;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}
.fandom-home .fandom-user {
    position: relative;
    text-align: center;
    margin-top: -50px;
}
.fandom-user-img {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    background-color: #cecece;
}
.fandom-home .fandom-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0 30px;
    margin: 0 20px;
    border-bottom: 1px solid #e8e8e8;
}
.fandom-home .fandom-link--left, .fandom-home .fandom-link--right {
    display: flex;
    align-items: center;
}
.fandom-home .fandom-share {
    cursor: pointer;
}
.fandom-home .fandom-bookmark {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 32px;
    line-height: 32px;
    border-radius: 8px;
    margin-left: 6px;
    cursor: pointer;
    background-color: #fff;
    border: 0;
}
.fandom-home .fandom-bookmark.before {
    color: #222;
    border: 2px solid #222;
}
.fandom-home .fandom-bookmark.after {
    color: #fff;
    background-color: #f13915;
}
.fandom-home .fandom-bookmark .bookmark-icon {
    width: 17px;
    margin-right: 1px;
}
.fandom-home .bookmark-num {
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
    letter-spacing: -1px;
    min-width: 28px;
    max-width: 34px;
}
.fandom-home .fandom-link-sns {
    margin: 0 6px;
}
.fandom-home .fandom-goods {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 20px 16px;
    padding-top: 20px;
    border-top: 1px solid #e8e8e8;
}
.fandom-home .fandom-goods .col-xs-12 .panel-heading {
    margin: 0;
}
.fandom-home .fandom-goods .col-xs-12, .fandom-home .fandom-goods .col-xs-6, .fandom-home .fandom-goods .col-xs-4  {
    padding: 0 4px !important;
}
/* 팬덤 - 가입 */
 .fandom-join {
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.fandom-join__header {
    position: relative;
    display: flex;
    height: 60px;
    line-height: 60px;
    padding: 0 12px;
    align-items: center;
}
.fandom-join__header .header-left, .fandom-join__header .header-right {
    width: 80px;
}
.fandom-join__header .title {
    width: calc(100% - 120px);
    text-align: center;
}
.fandom-join__header .sub-menu-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1rem;
    font-weight: var(--font-weight_bold);
}
.fandom-join-body {
    text-align: center;
    margin-top: 60px;
}
.fandom-join-select {
    padding: 50px 0;
}
.fandom-join .fandom-desc {
    margin: 20px 0;
    color: #727272;
}
.fandom-join-user {
    padding-top: 30px;
}
.btn-go-moall {
    background-color: #fff;
    color: #222;
    margin-top: 12px !important;
    box-shadow: 0 -2px 4px var(--btn_type_sub_bacground);
    border-bottom: 6px solid var(--btn_type_sub_bacground);
}
/* 마이페이지 - 팬덤 즐겨찾기 */
.my-fandom .side-icon {
    display: flex;
    align-items: center;
    min-width: 70px;
}
.my-fandom .side-icon.left {
    justify-content: flex-start;
}
.my-fandom .side-icon.right {
    justify-content: flex-end;
}
.my-fandom .title {
    width: calc(100% - 140px);
}
.my-fandom .title .sub-menu-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 팬덤 - 전체보기 */
.contents-wrapper#myBookmark {
    margin-top: 60px !important;
}
.mypage-wrapper .nav-tabs .tab {
    font-size: 1rem;
}
#myBookmark .search-box {
    display: flex;
    align-items: center;
    padding: 0;
    margin-top: 16px;
}
#myBookmark .search-box .Icon_Search {
    margin-left: 6px;
    background-color: transparent;
}
#myBookmark .search-box .Icon_Search img {
    margin-bottom: 2px;
}
.search-input-box {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}
.search-input {
    width: 100%;
    height: 40px;
    padding: 6px 30px 6px 12px;
    border-radius: 10px;
    border: 2px solid #222;
    background-color: #fff;
}
.no-search-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 80px 0;
}
.no-data-img {
    width: 35px;
    height: 35px;
}
.no-result-text {
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
    padding: 8px 0 14px;
}
.result-text {
    padding-top: 16px;
    text-align: center;
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
    color: #222;
    /*border-bottom: 1px solid #e8e8e8;*/
}
/* 팬덤 - 전체보기 */
#myBookmark .fandom {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px 8px;
    border-bottom: 1px solid #e8e8e8;
}
#myBookmark .ranking-list {
    margin-top: 16px;
    border-top: 1px solid #e8e8e8;
}
#myBookmark .bookmark-img {
    width: 24px;
    height: 23px;
}
#myBookmark .fandom-go-link {
    display: flex;
    align-items: center;
    width: calc(100% - 104px);
}
#myBookmark .fandom__user {
    display: inline-block;
    margin: 0 12px 0 8px;
    cursor: pointer;
}
#myBookmark .user-img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background-color: #cecece;
}
#myBookmark .fandom__info {
    width: calc(100% - 0px);
}
#myBookmark .fandom__info.item-active {
    width: calc(100% - 56px);
}
#myBookmark .ranking-box {
    display: flex;
    align-items: flex-end;
    margin-bottom: 6px;
}
#myBookmark .ranking-box .ranking-num {
    font-size: 0.75rem;
    margin-right: 4px;
}
    #myBookmark .ranking-box .name {
        font-size: 0.875rem;
        font-weight: var(--font-weight_bold);
        color: #222;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }
#myBookmark .bookmark-box {
    display: flex;
    align-items: center;
}
#myBookmark .bookmark-box img {
    width: 14px;
    height: 13px;
    margin-right: 5px;
}
#myBookmark .bookmark-num {
    color: #929292;
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
}
#myBookmark .float--right {
    display: flex;
    align-items: center;
    margin-left: auto;
}
#myBookmark .fandom-item {
    cursor: pointer;
}
#myBookmark .fandom-item-img {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 10px;
}
#myBookmark .fandom-items .fandom-item {
    margin-right: 8px;
}
#myBookmark .fandom-items .fandom-item-img {
    width: 72px;
    height: 72px;
    border-radius: 10px;
}
#myBookmark .fandom-items .item-no-data {
    width: 100%;
    height: 72px;
    line-height: 72px;
    text-align: center;
    color: #222;
    border-radius: 6px;
    background-color: #f8f8f8;
}
#myBookmark .arrow {
    padding-left: 8px;
    cursor: pointer;
}
#myBookmark .arrow > .fa {
    font-size: 1.25rem;
    font-weight: var(--font-weight_bold);
    color: #b8b8b8;
}
#myBookmark .fandom-bookmark {
    background-color: transparent;
    border: 0;
}
#myBookmark .fandom__label {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#myBookmark .ranking-img {
    position: absolute;
    top: 0;
    width: 22px;
}
/* 팬덤 - 전체보기(랭킹) */
#fandomRanking .fandom.ranking {
    align-items: flex-start;
    flex-direction: column;
}
#fandomRanking .fandom.ranking .fandom-go-link {
    flex-direction: column;
    align-items: flex-start;
}
#fandomRanking .fandom.ranking .fandom-items {
    display: flex;
    align-items: center;
    margin-top: 20px;
    width: 100%;
    justify-content: center;
}
/* 팬덤 - 전체보기(즐겨찾기) */
#fandomBookmark .bookmark-delete {
    padding: 16px 12px;
    text-align: right;
    border-bottom: 1px solid #e8e8e8;
}
#fandomBookmark .bookmark-delete > a {
    color: #727272;
    font-size: 0.75rem;
    font-weight: var(--font-weight_bold);
    letter-spacing: -1px;
}
@media (max-width: 767px) {
    .fandom-home {
        width: 100%;
    }
    .mypage-wrapper .nav-tabs .tab {
        font-size: 0.813rem;
    }
}

@media (max-width: 360px) {
    .fandom-icon {
        width: 26px;
        height: 26px;
    }
    .fandom-bookmark {
        height: 26px;
    }
    .fandom-cover-content {
        height: calc(100% - 60px);
    }
}
/* 판매상품 라벨 - 팬덤 */
.goodssellimg.fandom {
    width: 80%;
}
.goodssellimg.fandom .fandom-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    font-size: 0.875rem;
    font-weight: var(--font-weight_bold);
    padding: 6px 8px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.60);
}
/* 포틀릿 */
.portlet .section-title-wrapper {
    padding: 16px 15px;
}
/* 포틀릿 - 검색 */
.portlet-search {
    display: flex;
    align-items: center;
    padding: 12px 15px;
}
.portlet-search .portlet-search__input {
    width: 100%;
    height: 40px;
    font-weight: var(--font-weight_bold);
    padding: 3px 86px 3px 10px;
    outline: none;
    border: 1px solid;
}
.portlet-search__icon {
    display: flex;
    align-items: center;
    position: absolute;
    right: 10px;
}
.portlet-search__icon .icon-search-close-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 34px;
    height: 34px;
}
.portlet-search__icon .icon-search-box {
    padding: 0 4px;
}
.portlet-search__icon .icon-search-box img {
    width: 24px;
    height: 24px;
}
.portlet-search__icon img {
    cursor: pointer;
}
/* 포틀릿 - 랭킹 */
.portlet-ranking .prod-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 15px;
    padding-right: 15px;
}
.portlet-ranking .panel {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 8px 12px 16px;
    border-bottom: 1px solid #f2f2f2;
}
.portlet-ranking .prod-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.portlet-ranking .panel-heading {
    padding: 0;
}
.portlet-ranking .ranking-num {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 30px;
    height: 20px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: var(--font-weight_bold);
    border-radius: 2px;
}
.portlet-ranking .panel-heading .img-box {
    width: 100px;
    height: 100px;
    border-radius: 10px;
}
.portlet-ranking .panel-heading .img-box img,
.portlet-ranking .panel-heading .img-box video {
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 10px;
}
.portlet-ranking .panel-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}
.portlet-ranking .panel-body .prod-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.875rem;
    height: 50px;
    letter-spacing: -0.2px;
    line-height: 180%;
}
.portlet-ranking .panel-footer {
    border: 0;
    padding: 0;
    z-index: 9;
}
.portlet-ranking .panel-footer .CartButton {
    z-index: 9;
}
.portlet-ranking .panel-footer .icon-basket {
    width: 30px;
    height: 30px;
}
.portlet-ranking .org-price {
    color: #b8b8b8;
    text-decoration: line-through;
    font-size: 0.875rem;
    height: 20px;
}
.portlet-ranking .price-box {
    font-weight: var(--font-weight_bold);
    height: 20px;
}
/* 포틀릿 - 탭상품 */
.portlet-tabgoods .tab-list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    padding: 0px 16px;
    gap: 8px;
    border-bottom: 0;
}
.portlet-tabgoods .tab-list .tab {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*.portlet-tabgoods .tab-list .Btn-tab {
    height: 33px;
    line-height: 31px;
}*/
.portlet-tabgoods .tab-list .Btn-tab > a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8125rem;
    padding: 0 12px;
    width: 100%;
    height: 33px;
    line-height: 29px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 0;
}
.tab-goods-list {
    margin-top: 30px;
}
/*네이버페이*/
.purchase-option .btn.pay {
    position: relative;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.purchase-option .btn.pay img {
    height: 20px;
}
.purchase-option .btn.pay .pay-balloon {
    position: absolute;
    border-radius: 100px;
    min-width: 90px;
    max-width: 200px;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
    bottom: 103%;
    left: 70%;
    transform: translateX(-50%);
}
.purchase-option .pay--npay .pay-balloon {
    background-color: #1E1E23;
}
.purchase-option .pay--tosspay .pay-balloon {
    border: 1px solid #3182F6;
    background-color: #fff;
}
.purchase-option .pay--npay .pay-balloon:after {
    content: '';
    position: absolute;
    top: 75%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #1E1E23 transparent transparent transparent;
}
.purchase-option .pay .pay-balloon .balloon-tail {
    position: absolute;
    bottom: -6px;
}
.purchase-option .pay--tosspay {
    border-color: var(--btn_type_purchase_pay_toss);
    border-bottom: var(--btn_type_purchase_border-bottom);
    border-bottom-color: rgba(0,0,0,0.14);
}
.purchase-option .pay--npay {
    border-color: var(--btn_type_purchase_pay_naver);
    border-bottom: var(--btn_type_purchase_border-bottom);
    border-bottom-color: rgba(0,0,0,0.14);
}
.purchase-option .btn.pay .pay-balloon__text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.688rem;
}
.purchase-option .pay--npay .pay-balloon__text {
    color: #00DE5A;
}
.purchase-option .pay--tosspay .pay-balloon__text {
    color: #3182F6;
}
/* 주문/결제 - 네이버페이 */
.payment-alone {
    padding: 0 15px;
    margin-bottom: 14px;
}
.payment-alone .npay {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 48px;
    gap: 8px;
    font-size: 16px;
    border-radius: 8px;
    background-color: #00ed5a;
}
.payment-alone .npay.pay-disable {
    filter: grayscale(1);
    cursor: pointer;
}
.payment-alone .npay .pay-benefit {
    background-color: #1E1E23;
    color: #00DE5A;
}
.payment-alone .payment-order-select {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    color: #727272;
    cursor: pointer;
}
.payment-alone .icon-arrow_bottom {
    display: inline-flex;
    margin-left: 6px;
}
.payment-alone .icon-arrow_bottom img {
    width: 12px;
    transform: rotate(180deg);
}
.payment-alone .accordion-active .icon-arrow_bottom img {
    transform: rotate(0deg);
}
/* 주문/결제 - 토스페이 */
.payment-alone .tosspay {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 48px;
    gap: 8px;
    font-size: 16px;
    border-radius: 8px;
    /*border: 1px solid #3182F6;*/
    background-color: #0064FF;
}
.payment-alone .npay img,
.payment-alone .tosspay img {
    height: 20px;
}
.payment-alone .tosspay .pay-benefit {
    background-color: #3182F6;
    color: #fff;
}
.payment-alone .tosspay.pay-disable {
    filter: grayscale(1);
    border: 0;
    opacity: 0.6;
    background-color: #ccc;
    cursor: pointer;
}
/* 플로팅 액션 - 이미지 확대 */
#imageZoom {
    display: none;
}
#imageZoom.active {
    display: block;
}
/* 이미지 확대 */
.detailcontent-wrapper {
    overflow: inherit;
    min-height: calc(100vh - 60px) !important;
}
.detailcontent-wrapper .item-content img {
    max-width: 100%;
}
.detailcontent-wrapper .contents-wrapper {
    background-color: #fff;
}
/* header 상단메뉴 영역 */
#topStyle {
    margin-top: 0;
}
/* 주문 > 할인코드 */
.discount-code-success {
    margin-left: 4px;
    color: #222;
}
.discount-code-success > img {
    margin-left: 4px;
    vertical-align: baseline;
}
.discount-code-error {
    margin-left: 4px;
    color: #ff2f2f;
    font-weight: var(--font-weight_basic);
}
/* modal - PG심사상태 */
.modal.pg-status {
    position: fixed;
    left: 0;
    right: 0;
}
.modal.pg-status .modal-content,
.modal.pg-status .modal-dialog:not(.confirm) > .modal-content > .modal-header {
    color: #fff;
    background-color: #FF2F2F;
}
.modal.pg-status .modal-dialog {
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal.pg-status .modal-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 320px !important; 
    height: 200px;
    padding: 16px;
    border-radius: 16px;
}
.modal.pg-status .modal-header .close > img {
    width: 20px;
    height: 20px;
}
.modal.pg-status .modal-header {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 32px;
    padding: 0;
}
.modal.pg-status .modal-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 0 !important;
    padding: 16px 0 !important;
    text-align: center;
}
/*할인코드*/
.code-delete {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    color: #929292;
    font-size: 11px;
    vertical-align: text-bottom;
    cursor: pointer;
}
.code-delete .code-delete__image {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}


/*온사이트 팝업*/
.OnSite-popup-body {
    border-radius: 16px 16px 0 0;
    color: #727272;
    background-color: #fff;
    padding:40px 0px 24px;
}


.OnSite-popup-body-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}

.OnSite-popup-body__title .title {
    text-align: center;
    word-break: keep-all;
    font-weight: 600;
    color: #333;
    line-height:140%;
}
.OnSite-popup-body__subtitle .sub_title{
    color:#727272;
}

.OnSite-popup-body__img{
    width:148px;
    height: 148px;
    margin-bottom:16px;
}
.OnSite-popup-slide {
    width: 100%;
    height: 148px;
    margin-bottom: 16px;
    padding: 0px 16px;
}


.OnSite-popup-slide .swiper-slide {
    width: 148px !important;
    height: 148px !important;
}
/*.OnSite-popup-slide .swiper-slide:last-child {
    margin-right: 32px;
}*/
.OnSite-popup-body-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.label_red {
    position: absolute;
    background: #FF1F1F;
    color: #fff;
    padding: 4px 8px;
    border-radius: 100px;
    margin: 8px 7px;
    font-size: 12px;
}


.OnSitePopup-coupon__info {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    align-items: center;
    text-align: center;
}
.OnSitePopup-coupon-custom {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    height: 70px;
    margin-top: 8px;
}



.OnSitePopup-coupon-area {
    width: auto;
    padding: 15px 10px 15px 15px;
}
 .OnSitePopup-coupon-down {
    background: #FF1F1F;
    height: 100%;
    width: 40px;
}
.OnSitePopup-coupon-down a {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
}
.OnSitePopup-coupon-down img {
    width: 20px;
    height: 20px;
    transform: translateY(110%);
}
.OnSitePopup-coupon-custom {
    border: 1px solid #FF1F1F;
}

.OnSitePopup-coupon-line {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 2px;
    height: 100%;
    border: 0;
    opacity: 1;
}

.OnSitePopup-coupon-line i {
    display: inline-block;
    position: relative;
    left: 2px;
    margin: 2px 0;
    width: 1px;
    height: 7px;
    background-color: #fff;
}
.OnSitePopup-punch i {
    display: block;
    width: 7px;
    height: 100%;
    margin: 2px 1px;
    border-radius: 50%;
    background-color: #fff;
}

.OnSitePopup-punch-left {
    position: absolute;
    display: flex;
    justify-content: center;
    flex-flow: column;
    padding: 0;
    top: 0;
    left: -6px;
    height: 100%;
}

.OnSitePopup-punch-right {
    position: absolute;
    display: flex;
    justify-content: center;
    flex-flow: column;
    padding: 0;
    top: 0;
    right: -6px;
    height: 100%;
}


.OnSitePopup-coupon-custom .OnSitePopup-punch-left i {
    border: 1px solid #FF1F1F;
    border-top: 0;
    border-bottom: 0;
    border-left: 0 !important;
}
.OnSitePopup-coupon-custom .OnSitePopup-punch-right i {
    border: 1px solid #FF1F1F;
    border-top: 0;
    border-bottom: 0;
    border-right: 0 !important;
}

.OnSitePopup-coupon-text {
    font-size: 12px;
    color:#727272;
    text-align:center;

}
.OnSitePopup-coupon-type{
    font-size:20px;
    color:#222222;
    font-weight:700;
    letter-spacing: -0.5px;
}



.OnSitePopup-discount-custom {
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
    height: 70px;
    margin: 8px auto 0px;
}
.OnSitePopup-discount__info {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    align-items: center;
    text-align: center;
    border: 1.5px solid #FF1F1F;
    background: #FF1F1F;
}
.OnSitePopup-discount-area {
    width: 100%;
}

.OnSitePopup-discount-area span {
    display: block;
}
.OnSitePopup-discount-text {
    font-size: 12px;
    color: #fff;
    text-align: center;
    word-break: break-all;
    font-weight: 400;
    line-height: 170%;
    padding: 15px 18px;
}
.OnSitePopup-discount-type {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}



.top-toast-popup {
    position: fixed;
    left: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    animation-name: fadeInUp;
    padding: 16px;
    animation-duration: 2s;
}

.OnSite-popup-top-boby {
    width: 100%;
    padding: 24px 16px 16px;
    background: #fff;
    border-radius: 16px;
    text-align: center;
}
.OnSite-popup-top-body-title{
    font-size: 16px;
    word-break:break-all;
    font-weight:600;
}
.OnSite-popup-top-body-sub_title{
    color:#727272;
}
.OnSite-popup-footer {
    width: 100%;
    background: #fff;
    padding: 0px 16px 40px 16px;
}
.OnSite-popup-body-btn {
    display: block;
    width: 100%;
    padding: 12px 24px;
    background: #222;
    border-radius: 100px;
    color: #fff;
    text-align: center;
}
.OnSite-popup-body-btn a {
    display: block;
    color: #fff;
    cursor:pointer;
}