﻿/* common part
-------------------------------------------------- */
html {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

body {
    font-size: .875rem;
    color: #222;
    /*-ms-overflow-style: none;*/ /* IE and Edge */
    /*scrollbar-width: none;*/ /* Firefox */
    touch-action: pan-x pan-y;
}

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;
}

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: 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: 800;
    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;
}

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: bold;
    color: #fff;
    padding: 0;
    border: 0;
    -webkit-transition: none;
}

.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 2px 0 #222;
    -webkit-box-shadow: 0 2px 0 #222;
}

.btn.btn-gray {
    background-color: #929292;
    box-shadow: 0 3px 0 #727272 !important;
}

.btn.btn-white {
    background-color: #e8e8e8;
    box-shadow: 0 3px 0 #c8c8c8;
    color: #727272;
    -webkit-box-shadow: 0px 2px #f2f2f2 !important;
}

.btn-white-p2x15-r5 {
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    padding: 2px 15px;
    justify-content: space-between;
    background-color: #fff;
}

.btn.btn-bgColor {
    background-color: #ffca27;
    border-bottom: 2px solid #e7b724;
    /*-webkit-box-shadow: 0px 2px #f2f2f2 !important;*/
}

.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;
}

.bg-filter {
    filter: grayscale(100%) !important;
    opacity: 0.6;
}

/* 폰트 */
/*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-14px {
    font-size: 0.875rem !important;
}

.fs-16px {
    font-size: 1rem !important;
}

/*weight*/
.fw_normal {
    font-weight: normal !important;
}

.fw_bold {
    font-weight: bold !important;
}

/*기타*/
.text-keep {
    word-break: keep-all;
}

.text-break {
    word-break: break-word;
}

.text-preline {
    white-space: pre-line;
}

.lh-base {
    line-height: 1.4;
}

.text-decoration-linethrough {
    text-decoration: line-through;
}

.moall-wrapper {
    width: 100vw;
    height: 100%;
    /* 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: bold;
}

.title {
    position: relative;
}

.title h5 {
    text-align: center;
    font-weight: 800;
    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: bold;
    text-align: center;
}

.table .member .form-group {
    margin-top: 10px;
    margin-bottom: 20px;
    color: #222;
}



/**************************/
/*ios 노치대응*/
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 {
    /*top: 0 !important;*/
    padding-top: constant(safe-area-inset-top);
    /*padding-top: env(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);
}

/*.review-detail-wrapper .panel {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-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);
}

.popup-wrapper-detail {
    background-color: rgba(0,0,0,0.9);
    /*padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);*/
}

.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);
}

/*#detail_popup {
    padding-top: constant(safe-area-inset-top);
    padding-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);
    /* margin-top: constant(safe-area-inset-top);
    margin-top: env(safe-area-inset-top);*/
}

#mainTopBanner a.close {
    top: constant(safe-area-inset-top) !important;
    top: env(safe-area-inset-top) !important;
}

.header-wrapper .navbar-fixed-top {
    /*   top: 0;
    padding: 0;*/
    /*    margin-top: constant(safe-area-inset-top);
    margin-top: env(safe-area-inset-top);*/
}

#sidemenu {
   /* padding-top: constant(safe-area-inset-top);*/
    /*padding-top: env(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);*/
}
/*#sidemenu .sidemenu-close-wrapper, #sidemenu .sidemenu-close-wrapper.fixed-top {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}*/
/*#sidemenu .sidemenu-close-wrapper {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}*/
/*#sidemenu #sideClose, #sidemenu .sidemenu-close-wrapper.fixed-top #sideClose {
    padding-top: constant(safe-area-inset-top) !important;
    padding-top: env(safe-area-inset-top) !important;
}*/

/*.sidemenu-close-wrapper.fixed-top {
    margin-top: constant(safe-area-inset-top) !important;
    margin-top: env(safe-area-inset-top) !important;
}*/
/*#categoryTab {
    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);
}
#sidemenu .sidemenu-top-notcharea {
    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;*/
}
/**************************/
/*글로벌 모달 커스텀 공통 사용*/
.global-modal {
    position: fixed;
    top: 0;
    left: 00%;
    height: 100%;
    /*overflow-y: auto;*/
    z-index: 1050;
    max-width: 640px;
    right: 0;
    margin: 0 auto;
}
/* header part
-------------------------------------------------- */
.header-wrapper {
    z-index: 300;
    position: fixed;
    width: 100%
}

.header-wrapper .navbar {
    display: block;
}

.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#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: 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: 800;
}

.modal-dialog.confirm > .modal-content > .modal-header > .icon-close {
    font-size: 1rem;
}

.modal-title {
    font-size: 16px;
    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: 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: 400;
    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: 400;
    color: #727272;
    vertical-align: middle;
    border-color: #727272;
    display: block;
}

.table > tbody > tr > td .delivery-text {
    font-size: .625rem;
    font-weight: 400;
    color: #929292;
}

.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    font-weight: 400;
}

.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;*/
    width: 100%;
}

.navbar a {
    display: inline-block;
}

.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 .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: 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: 600;
    padding: 1px 0;
    border: 0;
}

.moall-search-wrapper .contents-wrapper > .panel > .panel-body .icon-close {
    font-size: .625rem;
    color: #b8b8b8;
    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: 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: 600;
    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: 600;
    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;
}

.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: 600;
    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;
}


.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: 600;
}

.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: 400;
}

.prod.type1>.panel-body .dc-rate.difault-rate {
    font-weight: 800;
    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: 600;
    padding-left: 3px;
}

.prod.type1>.panel-body .default-pricewrap .dc-rate {
    font-weight: 800;
    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: 600;
}

.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: 400;
    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 1px 4px 1px;
    border: 0;
    background-color: #fff;
    display: inline-block;
    max-width: 69px;
    overflow: hidden;
    /* display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;*/
    text-align: center;
    word-break: break-all;
}

.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: 700;
}

/*.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: 70px;
    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;
}

.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: bold;
}

.prod-list-wrapper .no-data p {
    color: #929292;
}

.prod-list-wrapper .no-data .keyword {
    font-weight: 600;
}

.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: 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: 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: 600;
    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: 600;
}

.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: 600;
    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 .image-wrapper {
    margin-top: 61px;
}

.prod-info-wrapper .image-wrapper .timesale {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 0;
    font-size: 12px;
    text-align: center;
}

.prod-info-wrapper .image-wrapper .timesale img {
    width: 20px;
}

.prod-info-wrapper .image-wrapper .timesale_today {
    background-color: #ffba27;
    color: #4d280f;
    font-weight: 600;
    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: 600;
    margin: 10px 0 15px;
}

.prod-info-wrapper .info-wrapper .panel-heading .price-wrapper {
    position: relative;
    margin-bottom: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.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: 400;
    text-decoration: line-through;
}

.prod-info-wrapper .info-wrapper .price-wrapper .discount {
    color: #de5448;
    font-size: 11px;
    font-weight: 800;
    margin-left: 4px;
    letter-spacing: -.5px;
}

.prod-info-wrapper .info-wrapper .best-list-wrapper .price-wrapper .price {
    font-size: 12px;
    font-weight: bold;
}

.prod-info-wrapper .info-wrapper .price-wrapper .price {
    font-size: 1.375rem;
    font-weight: 800;
}

.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; 다국어 수정 */
    line-height: 1.2;
    margin-top: 7px;
}

.prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper.detail p:first-child {
    color: #727272;
    width: 30%;
    /*flex: 1; 240416 30%로 재수정*/
    font-size: 0.75rem;
}

.prod-info-wrapper .info-wrapper .panel-heading .item-info-wrapper.detail p:last-child {
    width: 70%;
    /*flex: 1 240416 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: bold;
}

.prod-info-wrapper .info-wrapper .panel-heading .buy_number .score {
    float: right;
    color: #727272;
    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: bold;
    color: #222;
    padding-bottom: 4px;
}

.prod-info-wrapper .info-wrapper .panel-heading .product_info a {
    font-weight: 800;
}

.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; 다국어 수정 */
    padding: 0 8px;
    background-color: #222;
    /* height: auto;
    line-height: inherit;*/
    border-radius: 14px;
    font-weight: 600;
    color: #fff;
    display: flex;
    align-items: center;
    /* 다국어 추가 */
    justify-content: center;
    height: 34px;
    line-height: 1;
}

.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: 400;
    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: 600;
    /*text-combine-upright0;*/
}

.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: 40px;
    /*padding-bottom: 40px;*/
    background-color: #fff;
}

.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: 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: 600;
    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: 400;
    margin-top: 5px;
}

.prod-tab-wrapper .media-heading .reg-date {
    font-size: .8125rem;
    font-weight: 400;
    margin-left: 5px;
    letter-spacing: -1px;
}

.prod-tab-wrapper .tab-pane>.panel-body {
    font-size: .8125rem;
    padding: 15px 0;
}

.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: 600;
}

.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: 600;
}

.prod-tab-wrapper .media-left img {
    height: 40px;
    margin: 0 auto;
}

.prod-tab-wrapper .media-left .user-name {
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 0;
}

.prod-list-wrapper.popular>.title {
    font-size: 14px;
    font-weight: 600;
    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: 600;
}

/* coupon */
.coponDeactive {
    /*    filter: grayscale(1);
    opacity: 70%;*/
    opacity: 0.1;
    background: #000 !important;
}

.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 {
    /*padding: 15px 15px;*/
}

.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-content {
    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: 600;
    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: 800;
    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: 8px -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: 600;
    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: 600;
}

.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: 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: 400;
}

.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;
}

.payment-wrapper .panel {
    border: 0;
    margin-bottom: 0;
}

.payment-wrapper .panel.agree-wrapper {
    /*margin-top: 15px;*/
    background-color: #fff;
}

.payment-wrapper .panel-heading {
    padding: 0;
    border-bottom: 0;
}

.payment-wrapper .panel-heading .info-title {
    font-size: 1rem;
    font-weight: 600;
    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: 400;
}

.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: 600;
    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: bold;
    line-height: 22px;
    margin-top: 20px;
}

.wrap_orderendcont .orderEnd .failitext {
    font-size: 10px !important;
    color: #929292 !important;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 16px;
    margin-top: 8px;
    padding: 0 8px;
}

.payment-wrapper .complete .message .itext {
    color: #929292;
    font-size: 11px;
    font-weight: 400;
}

.payment-wrapper .order-payment-info .panel-body {
    padding: 0 15px 5px;
}

.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: 400;
    color: #727272;
}

.payment-wrapper .media-list .media.set_item .set_item_price {
    font-size: 0.75rem;
    font-weight: 600;
    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: 400;
    font-size: 0.75rem;
}

.payment-wrapper .media-list .media.set_item .set_group_item li>b {
    font-weight: 600;
    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 .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 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: 600;
    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 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #222;
    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: 16px;
    background-position: 97% 50%;
    cursor: pointer;
    line-height: 19.2px;
}

.payment-wrapper #va_bank {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #222;
    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: 16px;
    background-position: 97% 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: 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: 16px;
    background-position: 97% 50%;
    cursor: pointer;
    line-height: 19.2px;
}

.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: 600;
}

.payment-wrapper .complete .info .table > tbody th {
    background-color: #f8f8f8;
    color: #929292;
    padding: 12px 8px;
}

.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: 400;
    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: 400;
}

.payment-wrapper .pay_result_table tbody td {
    color: #222;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}



.payment-wrapper .order-payment-info .panel-body.point span b {
    color: #f13a16;
    font-weight: 800;
}

.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 a {
    width: 80%;
    margin-left: 12px;
    background-color: #222;
    padding: 0;
    line-height: 40px;
}

@media (min-width: 768px) {
    .payment-wrapper .order-payment-info .panel-body.point .form-group a {
        width: 46%;
    }
}


.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 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 .panel-body.payinfo .panel-title {
    /*padding: 12px 0;*/
    /*padding: 13px 0;*/
    padding: 12px 0 4px;
    /* 다국어 처리로 인한 수정 */
}

.my-wrapper #orderlist .filter-wrapper .status-filter li label {
    display: block;
}

.payment-wrapper .checks label img {
    height: 28px;
    /* 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: 500;
    font-size: 0.75rem;
}

.payment-wrapper .panel-group .panel-body .form-group>p.label>.desc {
    font-weight: 400;
    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: 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: 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 .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 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: 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: 600;
    color: #222;
    margin: 0;
    padding-bottom: 8px;
}

.payment-wrapper .media .option {
    color: #929292;
}

.payment-wrapper .media .count-delivery {
    font-size: .8125rem;
    font-weight: 400;
    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 .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 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #222;
    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: 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: 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: 600;
}

.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: 400;
}

.checkbox input[type="checkbox"] {
    top: -1px;
}

.payment-wrapper .panel-footer {
    border: 0;
    margin-bottom: 28px;
}



.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: 600;
}

.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: 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: 800;
}

.payment-wrapper .card-agree-wrapper .checks input[type="checkbox"]+label {
    color: #929292;
    font-size: 0.9375rem;
}

.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: 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: 600;
    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: 600;
    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: 400;
    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: 400;
    font-size: 0.75rem;
}

.basket-wrapper .basket-list .media.set_item .set_group_item li>b {
    font-weight: 600;
    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-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 .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: bold;
    white-space: pre-line;
    font-size: 0.75rem;
}

.basket-wrapper .basket-list .media-body .subject {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 4px;
}

.basket-wrapper .basket-list .media-body .price {
    bottom: 0;
    width: 100%;
    font-size: 14px;
    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: 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: 8px;
    margin: 0 1px;
}

.basket-wrapper .basket-list .price button.minus {
    font-size: 1.75rem;
}

.basket-wrapper .basket-list .price .form-control {
    float: right;
    width: 38px;
    height: 28px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 -1px;
    color: #222;
    font-weight: bold;
    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: 8px;
}

.basket-wrapper .basket-list .panel-footer .Btn:first-child {
    width: 40%;
}

.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: 600;
    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: 400;
    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: 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: 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: 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: 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: bold;
    border: 1px solid #222;
    background-color: #222;
}


.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: 600;
}

.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.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: 400;
    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: 400;
}

#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: 400;
    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: 400;
    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.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: 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: 600;
}

#viewDeliveryStatusModal .panel-body {
    font-size: 11px;
    font-weight: 400;
    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: 600;
    color: #222;
    width: 80%;
}

#viewDeliveryStatusModal .table {
    border-top: 1px solid #222;
}

#viewDeliveryStatusModal .table>tbody>tr {
    display: flex;
}

#viewDeliveryStatusModal .table>tbody>tr>td {
    padding: 15px 0;
    color: #929292;
    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 .desc {
    display: block;
}

#viewDeliveryStatusModal .table tbody tr.active td {
    color: #222;
    background-color: #fff;
    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;
    margin-top: 14px;
}

#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: 600;
    margin: 5px 0 2px;
}

.event-list .event .panel-footer .period {
    font-size: .75rem;
    font-weight: 400;
    margin-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 .date-wrapper {
    font-size: .75rem;
    font-weight: 400;
    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: 600;
    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: 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: 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: 600;
    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: 600;
}

.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: 600;
    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: 600;
    text-align: center;
}

.onair-view .panel-footer {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 0;
    border-bottom: 1px solid #e5e5e5;
}


.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: 600;
    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: 400;
    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: 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-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: 600;
    color: #ff0000;
}

.my-wrapper .prod-order-wrapper.pop_return h5 {
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 600;
    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: 600 !important;
    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 .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: 600;
    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 .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 .table>tbody>tr>td+td {
    border-left: 1px solid #343a40;
}

.my-wrapper .panel-heading .item-title {
    font-size: 1rem;
    font-weight: 600;
    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: 600;
}

.my-wrapper .panel-body.order {
    padding: 0;
}

.my-wrapper .prod-order-wrapper {
    margin-bottom: 20px;
}

.my-wrapper .prod-order-wrapper.detail {
    margin-bottom: 0px;
}

.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: 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: bold;
    font-size: 13px;
}

.my-wrapper .prod-order>.panel-heading a {
    position: relative;
    top: -4px;
    float: right;
    font-weight: 400;
    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: 600;
    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: 600;
    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: 600;
    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: 600;
    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: 500;
    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: 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: 600;
    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: 600;
    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: 600;
    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: 600;
    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: 400;
    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: 600;
    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: 600;
    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: 600;
}

.my-wrapper .info-wrapper.payment-info .pay_result tr:first-child td {
    padding-right: 12px;
    font-weight: 600;
    font-size: 12px;
}

.my-wrapper .info-wrapper h6 {
    font-size: .875rem;
    font-weight: 600;
    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: 600;
    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: 20px 0;
    color: #727272;
}

.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: 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: 600;
    color: #ff9c00;
}

.my-wrapper .my-info .table>thead>tr>th.active {
    font-weight: 600;
    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: 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: 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: 12px;
    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: bold;
}

.my-wrapper .my-info-table.table>thead>tr>th {
    font-weight: 600;
    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: 10px 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: 600;
    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: 400;
    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: 600;
    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: 600;
    min-width: 65px;
}

.my-wrapper .qna-info.table>tbody>tr>td.review-status {
    font-weight: 600;
    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: 600;
    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: 600;
    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;
    flex-direction: column;
    padding: 10px 20px;
}

.my-info-wrapper .mytotal_num li {
    font-size: 11px;
    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: 800;
    font-size: 14px;
}

.my-info-wrapper .mytotal_num.point_total li:first-child{
    padding-bottom:2px;
}
.my-info-wrapper .mytotal_num.point_total li:last-child{
    padding-top:2px;
}
.my-info-wrapper .mytotal_num.point_total li img {
    margin-left: 0;
}
.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: 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: 70%;
    margin-right: auto;
}

.my-info-wrapper .discount-info li div:last-child {
    width: 30%;
    text-align: center;
    font-weight: 800;
    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 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: 600;
    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: 600;
    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: 600;
    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: 600;
    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: 400;
    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: 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: 400;
    color: #727272;
}

.my-wrapper.return .panel-body.reason .desc {
    font-size: .75rem;
    font-weight: 600;
    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: 600;
    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: 600;
}

.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: 600;
    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: 600;
    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: 13px 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: 400;
}

.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;
    padding-bottom: 2px;
}

.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: 800;
}

.my-wrapper.return .panel-footer .text {
    float: left;
    font-size: .8125rem;
    font-weight: 600;
    width: 60%;
    line-height: 1.5;
    margin-right: 5px;
}

.my-wrapper.return .panel-footer .form-control {
    float: right;
    font-weight: 600;
    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%, -50%);
}

.purchase-wrapper.detail-purchasewrapper .btnwrap {
    position: relative;
    top: -12px;
}

.purchase-option .btn_type_shopbasic .fa {
    font-size: 1.5rem;
    color: #fff;
    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.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: 50%;
    font-size: 1rem;
    font-weight: 600;
    height: 48px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.purchase-option .panel-footer>.btn+.btn {
    margin-left: 6px;
}

.purchase-option .option {
    padding: 15px 15px 0 15px;
}

.purchase-option .option .desc,
.payment-wrapper .option .desc {
    font-size: 11px;
    font-weight: 600;
    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;
}

.payment-wrapper .result .media {
    padding: 10px 15px 12px;
}

#cartPurchase-wrapper .result .media {
    padding: 8px 15px 8px;
}

.purchase-option .result .media-body,
.payment-wrapper .result .media-body {
    font-weight: 400;
    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_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: 600;
    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: 600;
    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: 600;
    line-height: 28px;
}

.purchase-option .result .media-body .price:before,
.payment-wrapper .result .media-body .price:before {
    content: var(--local_currency_symbol);
    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: 800;
    padding: 10px 30px 2px;
    border-top: 0;
    color: #424242;
    background-color: #fff;
}

.purchase-option .total-price .text {
    font-size: .75rem;
    font-weight: 400;
    color: #222;
}

.purchase-option .total-price span.total {
    margin-left: auto;
    color: #424242;
    font-size: 1rem;
    font-weight: 800;
    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: 20%;
}

.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 {
    width: 80%;
    height: 48px;
    line-height: 46px;
    font-size: 1rem;
    position:relative;
}

.purchase-wrapper .panel .panel-footer.soldout {
    background-color: #e8e8e8;
}

.purchase-wrapper .panel .panel-footer.soldout .btn {
    color: #929292;
    font-size: 1rem;
}

.footer-menu {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0px 0px 18px 3px rgba(1, 1, 1, 0.2);
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.5s;
}

.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;
    height: 60px;
    padding: 0;
    border: 0;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.footer-menu>ul>li .fa,
.footer-menu>ul>li .fontello {
    display: block;
    font-size: 1.25rem;
}

.footer-menu > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.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 {
    color: #ffcc00;
}

.footer-info-wrapper .panel {
    margin-bottom: 0;
}

.footer-info-wrapper .panel-body {
    /*padding: 0 20px;*/
    padding: 0;
}

.footer-info-wrapper .panel-body div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding: 22px 20px;
}

.footer-info-wrapper .panel-body div:last-child {
    border-bottom: 0;
}


.footer-info-wrapper .panel-body .counsel-wrapper {
    display: flex;
    flex-direction: column;
}

.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: left;
}

.footer-info-wrapper .panel-body div li h5 {
    font-size: 12px;
    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%;
}


.footer-wrapper {
    /* border: 1px solid #e5e5e5; */
    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: 600;
    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: 400;
    padding: 2px 0;
    border: 0;
}

.footer-wrapper .menu-wrapper {
    padding: 20px 20px 0;
    /*height: 50px;
        line-height: 50px;*/
    border-top: 1px solid #eee;
    background-color: #f8f8f8;
    /*word-break: break-word;*/
}

.footer-wrapper .menu-wrapper .menu {
    font-size: .75rem;
    color: #222;
}


.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: 400;
    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 {
    /*margin: 28px 0 100px 0;*/
}

.footer-icon-wrapper div:first-child {
    margin-top: 28px;
}

.footer-icon-wrapper div:last-child {
    margin-bottom: 80px;
}

.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: 600;
    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: 32px;
}



.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 .back-to-left {
    width: 38px;
    height: 38px;
}


.fixed_btn .fixed_box div span {
    letter-spacing: -1px;
}

.back-to-top a {
    font-size: .875rem;
    font-weight: 600;
    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: 600;
    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: 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-close-wrapper {
    /*position: fixed;*/
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    height: 60px;
    background: #fff;
}

.sidemenu-close-wrapper.fixed-top {
    height: 62px;
    background-color: #fff;
}

.sidemenu-wrapper #sideClose {
    /*display: none;*/
    position: absolute;
    right: 0;
    padding: 15px;
    z-index: 99;
}

/*로그인영역*/
.sidemenu-wrapper .login-out-wrapper {
    display: flex;
    align-items: center;
    height: 60px;
    /*font-size: 12px;*/
    /*font-weight: 600;*/
}

.sidemenu-wrapper .login-out-wrapper a {
    text-align: center;
}

.sidemenu-wrapper .login-out-wrapper .logout {
    padding: 6px 9px;
    background-color: #222;
    color: #fff;
    border-radius: 14px;
    margin-right: 6px;
}

.sidemenu-wrapper .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-wrapper .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-wrapper .login-out-wrapper a .login_balloon b {
    color: #fffd55;
}

.sidemenu-wrapper .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-wrapper .login-out-wrapper .my_login b {
    color: #929292;
    padding-left: 7px;
    font-weight: 400;
}

.sidemenu-wrapper .login-out-wrapper a.my_login:after {
    content: "";
}

.sidemenu-wrapper .login-out-wrapper img {
    height: 30px;
}

/*카테고리*/
.sidemenu-wrapper .categoryList li {
    position: relative;
    display: block;
    line-height: 39px;
    word-wrap: break-word;
    /*border-top: 1px solid #eee;*/
    padding: 0 16px;
}

.sidemenu-wrapper .categoryList li a {
    /*color: #929292;*/
    display: block;
    /*font-size: 13px;*/
    /*font-weight: bold;*/
    display: flex;
    align-items: center;
}

.sidemenu-wrapper .categoryList li a img,
.sidemenu-wrapper #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-wrapper .side-quick-menu {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1px;
}

.sidemenu-wrapper .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-wrapper .side-quick-menu span {
    line-height: 20px;
    display: block;
    margin: 4px auto 0;
}

.sidemenu-wrapper .shop-info .company img {
    height: 28px;
}

.sidemenu-wrapper .sidemenu-footer .content,
.sidemenu-wrapper .sidemenu-footer .content2 {
    margin-bottom: 2px;
    color: #222;
    font-size: 11px;
    line-height: 18px;
}

.sidemenu-wrapper .sidemenu-footer .content:after {
    content: "";
    display: block;
    clear: both;
}

.sidemenu-wrapper .sidemenu-footer .company-info {
    padding: 20px 0;
}

.sidemenu-wrapper .sidemenu-footer .company-info.account_number {
    padding-bottom: 0;
    padding-top: 15px;
}

.sidemenu-wrapper .sidemenu-footer .company-info.account_number ul {
    margin-top: 20px;
    display: flex;
    flex-direction: column !important;
}

.sidemenu-wrapper .sidemenu-footer .company-info .title {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
}

.sidemenu-wrapper .sidemenu-footer .company-info ul:last-child {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.sidemenu-wrapper .sidemenu-footer .company-info ul:last-child li img {
    width: 92px;
}

.sidemenu-wrapper .sidemenu-footer .emphasis {
    margin-right: 5px;
    color: #727272;
}

.sidemenu-wrapper .sidemenu-footer .emphasis:before {
    content: "·";
    padding-right: 4px;
}

.sidemenu-wrapper .copyright {
    margin-top: 40px;
}

.sidemenu-wrapper .btnClose {
    display: block;
    padding: 12px;
}

.sidemenu-wrapper .btnClose {
    position: absolute;
    top: 0;
    right: 0;
}

/* 배너 */
.sidemenu-wrapper .bigBannerCarousel_olcasein {
    margin-bottom: 0;
}

/*공통 좌우버튼*/
.sidemenu-wrapper .swiper.banner.barOutline .swiper-button-next,
.sidemenu-wrapper .swiper.banner.barOutline .swiper-button-prev {
    top: calc(50% - 6%);
}

/*공통 - barNone(페이징 없음)*/
.sidemenu-wrapper .swiper.banner.barNone ol {
    position: absolute !important;
}

.sidemenu-wrapper .swiper.banner.barNone li {
    background-color: transparent !important;
    border: 0 !important;
}

/*공통 - 세로 + barNone */
.sidemenu-wrapper .swiper.banner.vertical.barNone img.img-responsive {
    padding-bottom: 0;
}

/*공통ol - barOut */
.sidemenu-wrapper .swiper.banner.vertical_Outline .bigBannerCarousel_olcasebottom {
    position: relative;
    background-color: #fff;
}

/*공통 - 가로 + barOut */
.sidemenu-wrapper .swiper.banner .bigBannerCarousel_olcasebottom {
    position: relative;
}

/*공통ol - 세로 + barIn */
.sidemenu-wrapper .swiper.banner.vertical .bigBannerCarousel_olcasein {
    top: -24px;
}

/*공통 - 세로 img */
.sidemenu-wrapper .swiper.banner.vertical img.img-responsive {
    padding-bottom: 24px;
}

/*공통ol - barOut */
.sidemenu-wrapper .swiper.banner.slide .bigBannerCarousel_olcasebottom,
.sidemenu-wrapper .swiper.banner.cover .bigBannerCarousel_olcasebottom,
.sidemenu-wrapper .swiper.banner.backfade.vertical .bigBannerCarousel_olcasebottom {
    background-color: #fff;
}

.sidemenu-wrapper .swiper.banner.vertical.slide img.img-responsive,
.sidemenu-wrapper .swiper.banner.vertical.cover img.img-responsive,
.sidemenu-wrapper .swiper.banner.backfade img.img-responsive,
.sidemenu-wrapper .swiper.banner.slide img.img-responsive,
.sidemenu-wrapper .swiper.banner.fold.vertical.barInline img.img-responsive {
    padding-bottom: 0;
}

/* ol(slide,coverflow,backfade) - barIn */
.sidemenu-wrapper .swiper.banner.slide .bigBannerCarousel_olcasein,
.sidemenu-wrapper .swiper.banner.coverflow .bigBannerCarousel_olcasein,
.sidemenu-wrapper .swiper.banner.vertical.backfade .bigBannerCarousel_olcasein {
    position: absolute !important;
    top: inherit;
}

/* ol(slide,cover,flip,rolling,fold) - 세로 + barIn */
.sidemenu-wrapper .swiper.banner.vertical.slide .bigBannerCarousel_olcasein,
.sidemenu-wrapper .swiper.banner.vertical.cover .bigBannerCarousel_olcasein,
.sidemenu-wrapper .swiper.banner.vertical.flip .bigBannerCarousel_olcasein,
.sidemenu-wrapper .swiper.banner.vertical.rolling .bigBannerCarousel_olcasein,
.sidemenu-wrapper .swiper.banner.vertical.fold .bigBannerCarousel_olcasein {
    top: inherit;
    position: absolute !important;
}

/*filp*/
.sidemenu-wrapper .swiper.banner.flip img.img-responsive {
    padding-bottom: 0;
}

.sidemenu-wrapper .swiper.banner.flip {
    overflow: hidden !important;
}

.sidemenu-wrapper .swiper.banner.flip.barOutline .bigBannerCarousel_olcasebottom {
    z-index: 99;
}

/*file barOut */
.sidemenu-wrapper .swiper.banner.flip.vertical.barOutline img.img-responsive {
    padding-bottom: 24px;
}

/*slide, cover*/
/*barNone*/
.sidemenu-wrapper .swiper.banner.slide.barNone,
.sidemenu-wrapper .swiper.banner.cover.barNone {
    margin-bottom: 0;
    padding-bottom: 0;
}

.sidemenu-wrapper .swiper.banner.slide.barNone .bigBannerCarousel_olcasebottom,
.sidemenu-wrapper .swiper.banner.cover.barNone .bigBannerCarousel_olcasebottom {
    background-color: transparent;
    position: absolute !important;
}

/*barIn*/
.sidemenu-wrapper .swiper.banner.slide.barInline,
.sidemenu-wrapper .swiper.banner.cover.barInline {
    padding-bottom: 0;
}

/*slide*/
/*slide 세로 + barOut */
.sidemenu-wrapper .swiper.banner.slide.vertical.barOutline {
    padding-bottom: 24px;
}

.sidemenu-wrapper .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-wrapper .swiper.banner.slide .bigBannerCarousel_olcasebottom {
    position: absolute;
}

.sidemenu-wrapper .swiper.banner.slide.vertical.barOutline img.img-responsive {
    position: relative !important;
}

/*cover*/
/*cover 세로 + barOut */
.sidemenu-wrapper .swiper.banner.cover.vertical.barOutline img.img-responsive {
    padding-bottom: 24px;
}

/*coverflow*/
.sidemenu-wrapper .swiper.banner.coverflow img.img-responsive {
    padding-bottom: 0;
}

/*coverflow 세로 - barOut */
.sidemenu-wrapper .swiper.banner.coverflow.vertical.barOutline img.img-responsive {
    padding-bottom: 24px;
}

.sidemenu-wrapper .swiper.banner.coverflow.vertical.barOutline .bigBannerCarousel_olcasebottom {
    background-color: #fff;
}

/*fade*/
.sidemenu-wrapper .swiper.banner.fade {
    opacity: 1;
}

.sidemenu-wrapper .swiper.banner.fade.vertical.barInline {
    margin-bottom: -24px;
}

/*backfade*/
/*barOut*/
.sidemenu-wrapper .swiper.banner.backfade.vertical.barOutline img.img-responsive {
    padding-bottom: 24px;
}

/*barNone*/
.sidemenu-wrapper .swiper.banner.backfade.vertical.barNone .bigBannerCarousel_olcasebottom {
    background-color: transparent;
}

/*rolling*/
.sidemenu-wrapper .swiper.banner.vertical.rolling .swiper-wrapper {
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: transparent;
}

.sidemenu-wrapper .swiper.banner.vertical.rolling.barOutline ol {
    position: relative !important;
    background-color: #fff;
}

.sidemenu-wrapper .swiper.banner.vertical.rolling.barInline img.img-responsive {
    padding-bottom: 0;
}

/*공통 barInline , barNone */
.sidemenu-wrapper .swiper.banner.vertical.barInline .swiper-wrapper,
.sidemenu-wrapper .swiper.banner.vertical.barNone .swiper-wrapper {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: transparent;
}

/*넘길때 이미지 숨기기*/
/*coverflow*/
/*.sidemenu-wrapper .swiper.banner.coverflow .swiper-slide,*/
.sidemenu-wrapper .swiper.banner.vertical.rolling .swiper-slide {
    opacity: 0 !important;
}

/*.sidemenu-wrapper .swiper.banner.coverflow .swiper-slide-active,*/
.sidemenu-wrapper .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: 999;
}

.swiper.banner .swiper-slide-active img {
    padding-bottom: 0;
}

/* app 설정 */
.sidemenu-wrapper .menu_app {
    position: relative;
    margin-bottom: 32px;
    padding: 0 16px;
    line-height: 39px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    border-top: 1px solid #727272;
    margin-top: 40px;
    margin-bottom: 56px;
}

/* // 좌측슬라이드 업그레이드 */
/*-------------------------------------------------------------------*/
.sidemenu-wrapper {
    z-index: 0;
    position: fixed;
    top: -1px;
    bottom: -1px;
    padding: 0;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.sidemenu {
    background-color: #fff;
    z-index: 99999;
}

.sidemenu-wrapper .menu-wrapper {
    overflow-x: hidden;
    /*padding: 0 15px;*/
}

.sidemenu-wrapper .asideContent>div>ul {
    padding: 0;
}

.sidemenu-wrapper .asideContent .title {
    margin-bottom: 15px;
    color: #222;
    font-size: 14px;
    font-weight: bold;
}

.sidemenu-wrapper .asideContent .num {
    margin-bottom: 12px;
}

.sidemenu-wrapper .asideContent .num a {
    font-weight: bold;
    color: #454545;
    font-size: 18px;
}

.sidemenu-wrapper .asideContent .content {
    margin-bottom: 2px;
    color: #a1a1a1;
    line-height: 18px;
}

.sidemenu-wrapper .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: 600;
    margin-bottom: 40px;
}

.common-wrapper .not-found-wrapper .panel-body .desc {
    font-weight: 400;
    margin-bottom: 0;
}


.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: #1877f2;
    color: #fff;
    /* activena 추가 */
    border-radius: 26px;
    height: 45px;
    width: 100%;
    font-size: 12px;
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    justify-content: center;
    margin-top: 8px;
    border-radius: var(--btn_type_sub_radius, 26px);
    box-shadow: 0px var(--btn_type_sub_shadow_px, 0px) var(--btn_type_sub_box-shadow);
}

.common-wrapper .facebook>.fa {
    font-size: 22px;
    margin-left: 16px;
}

.common-wrapper .facebook>span {
    flex-grow: 1;
}

.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: 400;
    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;
    width: 92px;
    font-size: 12px;
}
.common-wrapper.new_join_wrap #mail_token_check{
    width:auto;
    padding:0 4px;
}
.common-wrapper.new_join_wrap #changeNum {
    padding: 0 4px;
}
.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: 400;
}

.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: 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;
}


.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: bold;
}

.login-wrapper .panel-footer.util>ul>li.guest img {
    padding-right: 5px;
}

.login-wrapper .gojoin {
    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: bold;
    border: 0;
}

.login-wrapper .nav-tabs>li.active>a {
    border-color: transparent;
    border-bottom: 2px solid #222 !important;
    margin: 0;
    color: #222;
}


.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;
    }

    /*팬덤-인트로*/
    .fandom-homeintro .fandom-homeintro-goods span {
        font-size: 12px;
    }

    .fandom-homeintro .fandom-homeintro-goods img {
        width: 85px !important;
    }
}

.common-wrapper .panel-footer.copyright p {
    font-size: 12px;
    margin-bottom: 0;
}


.popover .popover-title .fontello {
    float: right;
}


.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: 600;
    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: 600;
}

#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: 600;
}

#snsShareModal .modal-body .panel-heading p:first-child {
    color: #929292;
    font-weight: 400;
}

#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: 800;
    font-size: 1rem;
    padding: 15px;
}

.popup-contents .contents .title {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: underline;
}

.best-wrapper .more-view .btn {
    color: #ffcc00;
    font-size: .9375rem;
    font-weight: 600;
}

.best-wrapper .panel-footer {
    padding-top: 10px;
}

.today-wrapper .more-view .btn {
    color: #ffcc00;
    font-size: .9375rem;
    font-weight: 600;
}

.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: 600;
}

.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: 600;
    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: 700;
}

#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: 600;
    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: 600;
    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: 400;
    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: 600;
    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: 600;
    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: 800;
}

.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: 500;
    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: 600;
    color: #222;
}

#reviewWriteModal .modal-body hr {
    margin-top: 10px;
    margin-bottom: 10px;
    /*border-color: #ddd;*/
}

#reviewWriteModal .modal-body dl {
    position: relative;
    margin-bottom: 0;
    font-size: 11px;
    display: flex;
    align-items: center;
}

#reviewWriteModal .modal-body .purchase-info .media-left .media-object {
    width: 75px;
    height: 75px;
}

#reviewWriteModal .modal-body .purchase-info .media-body .title {
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: 0;
}

#reviewWriteModal .modal-body .purchase-info .media-body .option {
    color: #929292;
    font-size: .75rem;
    display: block;
}


#reviewWriteModal .modal-body .review-score dd {
    /*margin-left: 65px; 다국어 수정*/
    margin-left: 15px;
    display: flex;
    align-items: center;
}

#reviewWriteModal .modal-body .review-score .star-comment {
    display: inline-block;
    margin-left: 10px;
    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 {
    font-size: 0.75rem;
    height: 30px;
    line-height: 32px;
    outline: none;
    padding:0 8px;
}

#reviewWriteModal .form-group.image .desc p {
    display: inline-block;
    color: #929292;
    font-size: 0.75rem;
    /*width: calc(100% - 110px); 다국어 수정*/
    width: calc(100% - 120px);
    line-height: 1.4;
    letter-spacing: -1px;
}

/* 다국어 추가 */
@media (min-width: 768px) {
    #reviewWriteModal .form-group.image .btn {
        width: 150px;
    }

    #reviewWriteModal .form-group.image .desc {
        width: calc(100% - 150px);
    }
}

#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: 600;
}

.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: 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;
}

.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 {
    margin-left: 5px;
    display: flex;
}

.my-wrapper #qnatype .media-left .qna_user_info span {
    padding-right: 6px;
    color: #929292;
    font-weight: 600;
    font-size: 0.75rem;
    cursor: pointer
}

.my-wrapper #qnatype .media-left .qna_user_info span:last-child {
    font-weight: 400;
}

.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: 400;
    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: 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 #qnatype .no-data h6 {
    font-size: 12px;
    font-weight: bold;
}

.my-wrapper #qnatype .no-data p {
    font-size: 10px;
    color: #929292;
}

.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: 600;
}

.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: 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;
    margin: 0 7px;
    border-radius: 12px;
}

.my-wrapper.review-wrapper .nav-tabs>li>a i {
    color: #fff;
    font-weight: bold;
    font-style: normal;
    display: inline-block;
    font-size: 11px;
    /*            width: 15px;*/
    height: 16px;
    line-height: 16px;
    margin: 0 6px;
}

.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: 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: 600;
}

.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: 600;
    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: 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 .media .admin_comment p:first-child {
    color: #929292;
    padding-bottom: 12px;
}

.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: 600;
}

.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: 800;
}

.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 {
    margin: auto;
    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: 600;
}

.review-detail-list-wrapper .panel .panel-body .review-total-score>.score {
    padding-left: 10px;
    font-weight: 600;
}

.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 .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: 600;
    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: 600;
}

.review-detail-list-wrapper .panel .panel-footer .text-danger {
    font-weight: 800;
}

.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 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;
    padding: 2px;
    width: auto;
}

.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: 600;
    font-size: 0.75rem;
}

.detail_qna .media-left .qna_user_info span:last-child {
    font-weight: 400;
}


.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: 400;
}

.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: 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: 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: 400;
}

#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 {
    background-color: #222;
}

#reviewModal .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 .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-wrapper .login-out-wrapper .col-xs-6 .mycount {
    display: inline;
    color: #2f9d9c;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0;
}





.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: 600;
    /*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: 600;
    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: 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: 400;
    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, 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: 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;
    margin-top: 20px;
    margin-bottom: 40px;
}

.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: 600;
    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: 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: 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;
    padding: 20px 12px;
    /*padding: 20px 12px 50px;*/
    margin-bottom: 0;
    border-top: 1px solid #e8e8e8;
}

.review-detail-wrapper .prod-info>.panel-heading {
    position: absolute;
    padding: 0;
    border: 0;
}

.review-detail-wrapper .prod-info>.panel-heading>img {
    width: 60px;
    height: 60px;
}

.review-detail-wrapper .prod-info>.panel-body {
    /*height: 60px;*/
    padding: 0 0 0 90px;
}

.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: 600;
    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: 600;
    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;
    display: flex;
    align-items: center;
    background-color: #f6f6f6;
}

.review-detail-wrapper .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;
}

.review-detail-wrapper .input-wrapper .btn {
    color: #fff;
    font-size: 0.75rem;
    width: 94px;
    height: 38px;
    line-height: 40px;
    padding: 0;
    background-color: #666;
    vertical-align: top;
}

.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: 4px 0px;
    /*padding: 4px 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: bold;
}

.my-wrapper.index .myinfo>div {
    font-weight: bold;
    width: 50%;
    padding: 10px;
}

.my-wrapper.index .myinfo .point_num,
.my-wrapper.index .myinfo .coupon_num {
    font-size: 16px;
    font-weight: 800;
    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: 600;
    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: 800;
    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: 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: 800;
}

.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: 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: 800;
}

.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: 600;
    margin-right: 10px;
}

.my-wrapper.index>.reward-wrapper>.list-group-item>.reward>.count {
    color: #f2b826;
    font-size: 1rem;
    font-weight: 800;
}

.my-wrapper.index>.reward-wrapper>.list-group-item>.reward>.unit {
    font-weight: 600;
}

.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: 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: 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: 600;
    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: bold;
    color: #dc3545;
}

#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: 600;
    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: 600;
    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;
}

#collapseNotice .table td {
    width: 55%;
}

.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: 200;
    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;
    border-radius: 10px;
}

.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: 1px;
    margin-left: -70px;
    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: 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;*/
}



/*리뉴얼 샵 수정*/
/*리뉴얼 정렬*/
.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_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-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-20 {
    padding: 20px;
}

.pl-0 {
    padding-left: 0;
}

.pl-8 {
    padding-left: 8px;
}

.pl-16 {
    padding-left: 16px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pt-20 {
    padding-top: 20px;
}

.mx-2 {
    margin: 0 2px !important;
}

.mx-16 {
    margin: 0 16px !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-4 {
    margin-right: 4px;
}

.mr-6 {
    margin-right: 6px;
}

.mr-8 {
    margin-right: 8px;
}

.mr-10 {
    margin-right: 10px;
}

.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;
}

.mt-0 {
    margin-top: 0px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-10 {
    margin-bottom: 10px;
}

.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-14 {
    margin-top: 14px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-16 {
    margin-top: 16px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-35 {
    margin-top: 35px;
}

.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;
}

/*//리뉴얼 여백*/
/*리뉴얼 border*/
.border-top-0 {
    border-top: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-right-e5 {
    border-right: 1px solid #e5e5e5 !important;
}

.border-left-e5 {
    border-left: 1px solid #e5e5e5 !important;
}

.border-top-e5 {
    border-top: 1px solid #e5e5e5 !important;
}

.border-bottom-e5 {
    border-bottom: 1px solid #e5e5e5 !important;
}

.border-bottom-e8 {
    border-bottom: 1px solid #e8e8e8 !important;
}

.border-right-dd {
    border-right: 1px solid #ddd !important;
}

.border-left-dd {
    border-left: 1px solid #ddd !important;
}

.border-top-dd {
    border-top: 1px solid #ddd !important;
}

.border-bottom-dd {
    border-bottom: 1px solid #ddd !important;
}

/*리뉴얼 인풋 셀렉트*/
.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: bold;
}

.font_w_500 {
    font-weight: 500 !important;
}

.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 .righttype {
    /*width: 30%;*/
    width: 19%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 9;
}

.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 {
    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;
}

.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 {
    width: 22px;
    height: 25px;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
}

.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: 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: 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: 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: 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: 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: 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;
}


.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 {
    font-weight: bold;
    padding: 0;
    border: 0;
    text-align: center;
    height: 40px;
    line-height: 39px;
    font-size: .75rem;
    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_shadow-color, #e5e5e5);
}

/*장바구니*/
.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_shadow-color, #e5e5e5);
}

/*쇼핑몰대표색상*/
.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_shadow-color, #e5e5e5);
}

/*보조 버튼 스타일*/
.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_shadow-color, #e5e5e5);
}

/*메인상단배경색*/
.btn_type_maintop {
    background-color: var(--btn_type_maintop_background, #ed1774);
    color: var(--btn_type_maintop_textColor, #ffd800);
}

/*상단 네비게이션 글자색 */
.btn_type_nav_color {
    color: var(--btn_type_maintop_textColor);
}
/*하단더보기버튼*/
.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, 0.1) !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, 0.1) !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, 0.1) !important;
    border-radius: 26px;
    width: 100%;
    /*line-height: 33px;*/
}

/*버튼(컬러버튼x)*/
.btn_type_white {
    background: none;
    outline: none;
    color: #222;
    font-size: 12px;
    font-weight: 600;
    padding: 9px;
    border: 2px solid #222;
    border-radius: 14px;
    cursor:pointer;
}

.btn_type_black {
    background-color: #222;
    color: #fff;
    border-radius: 14px;
    border: 0;
    padding: 8px 15px;
    font-size: 0.75rem;
    cursor: pointer;
}

.btn_type_gray {
    background-color: #b8b8b8;
    color: #fff;
    border-radius: 14px;
    border: 0;
    padding: 8px 15px;
    font-size: 0.75rem;
    cursor: pointer;
}

/*고정폰트*/
.fix-font {
    font-size: calc(var(--fix-font) + 0px);
}

/*고정폰트*/
/*textstyle*/
.text-deco-under {
    text-decoration: underline;
    text-underline-position: from-font;
}

.text-deco-under2 {
    text-decoration: underline;
}

.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: 600;
}

/*textstyle*/
/*리뉴얼기타*/
.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: 1;
}

.d-none {
    display: none;
}

.btn-moreview {
    padding-bottom: 32px;
}

.w-50 {
    width: 50%;
}

.w-80 {
    width: 80%;
}

.w-100 {
    width: 100%;
}

.mw-100 {
    max-width: 100%;
}

.h-100 {
    height: 100%;
}

.white-sp-nowrap {
    white-space: nowrap;
}

/*배너라인*/
/*검색 background*/
.rcmsortablebox .typeBlack {
    width: auto;
    height: 32px;
    margin: 5px;
    padding: 0 15px;
    border-radius: 26px !important;
    line-height: 30px;
}

/*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: bold;
    border-bottom: var(--btn_type_sbasicborder2_border-bottom, 1px solid #0e16f0);
    margin: 0;
    border-width: inherit;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    position: relative;
    top: 1px;
}

.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: 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, #0e16f0);
}

/*마이페이지 배송조회 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: bold;
}

.Login_page .loginhr {
    color: #e8e8e8;
    margin-bottom: 0;
}

.Login_page .guestwrap p,
/*#loginModal .guestwrap a,*/
.Login_select .guestwrap a {
    color: #222222;
    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: bold;
}


#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: bold;
    font-size: 12px;
    display: flex;
    align-items: center;
    border: none;
    padding-top: 8px;
    padding-bottom: 6px;
    margin-top: 8px;
    justify-content: center;
    border-radius: var(--btn_type_sub_radius, 26px);
    box-shadow: 0px var(--btn_type_sub_shadow_px, 0px) var(--btn_type_sub_box-shadow);
}

#loginModal .join_wrap .Apple img,
.Login_select .join_wrap .Apple img,
.joinselect .member_wrap .Apple img {
    width: 34px;
}

.joinselect .nsm7Bb-HzV7m-LgbsSe,
.Login_select .nsm7Bb-HzV7m-LgbsSe {
    width: auto !important;
    max-width: none !important;
}

.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: bold;
    font-size: 12px;
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 6px;
    justify-content: center;
    margin-top: 8px;
}


/*#loginModal .guestwrap,*/
.Login_select .guestwrap {
    margin-top: 8px;
}

/*#loginModal .guestwrap a,*/
.Login_select .guestwrap a {
    font-size: 12px;
}

.common-wrapper .phone-wrapper .form-control {
    display: inline-block;
    width: 24%;
}

.buy_number .likecount img {
    width: 20px;
    transform: translate3d(0, 0, 0);
}

.buy_number .likecount p {
    color: #727272;
    font-size: 0.75rem;
    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: 9999;
    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;
}



.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-wrapper .swiper-container.sliding1,
.sidemenu-wrapper .swiper-container.sliding4 {
    display: flex;
    align-items: center;
    overflow: visible;
    white-space: normal;
}

/* 슬라이딩 4단 */
.wrapper_moall .swiper-container.sliding4 {
    display: block;
    width: 100%;
    overflow: hidden;
}

.wrapper_moall .swiper-container.sliding4 .prod {
    display: flex;
    width: 100%;
    padding-bottom: 16px;
}

.wrapper_moall .swiper-container.sliding4 .prod+.prod {
    margin-left: 0;
}

.wrapper_moall .swiper-container.sliding4 .prod .panel-heading {
    position: relative;
    padding: 0;
    width: 35%;
}

.wrapper_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 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: .875rem;
    font-weight: 600;
    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: 600;
    color: #fff;
    background-color: #929292;
    border-radius: 0;
}

.wrapper_moall .swiper-container.sliding4 .prod .footer_panel {
    padding-top: 10px;
}

.wrapper_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 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
}

.wrapper_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;
}

.rcmsortablebox .typeWhite {
    width: auto;
    height: 32px;
    margin: 2px;
    padding: 2px 15px;
    border-radius: 26px !important;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*메인카테고리텍스트*/
.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>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: 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: 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{
    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{
    content: "";
    background-image: url(../../contents/images/icon_check_on.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
}

.review-detail-wrapper .panel-heading .Btn {
    font-size: .875rem;
    font-weight: 600;
    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: 600;
    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%;
}



/* 메인 장바구니 카운트*/
.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: 400;
    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: 400;
    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;
}



.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.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;
    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.5em;
    max-height: 2.5em;
    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.5em;
    line-height: 1.29em;
    min-height: 2.5em;
    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;
}

.sliding1 .summary_fix2 {
    min-height: 1.28em;
    max-height: 1.28em;
}

.sliding4 .summary_fix2 {
    min-height: 1.3em;
    max-height: 1.3em;
}

.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: 800;
    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;
}

.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: 600;
}

#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;
    padding: 10px 8px;
}

#floatingActionShare .modal-body .panel-heading p:first-child {
    color: #929292;
    font-weight: 500;
}

#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: 500;
}

.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;
}

.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: 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: bold;
}

.new_join_wrap .phone-wrapper {
    display: flex;
    align-items: center;
    gap:4px;
}

.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: 12px;
    line-height: 1.8;
    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: 500;
    font-size: 12px;
    display: initial;
    align-items: center;
    margin-right: 5px;
}

.new_join_wrap .chkwrap a {
    color: #727272;
    font-weight: 500;
    font-size: 12px;
    margin-top: 4px;
    display: inline-block;
    font-weight: bold;
}

.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: bold;
    margin-left: 8px;
}
.new_join_wrap .chkwrap label[for=ruleallchk]{
    font-weight:bold !important;
}

.pwsearch_reset .pwsearch p:first-child,
.idsearch_list .idsearch p:first-child,
.guestinfo_form .guesttext 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 {
    color: #222222;
    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: 15px;
}

.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: 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: 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;
}


.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 {
    display: flex;
    align-items: center;
    flex-direction: column;
    /*gap:4px;*/
}
.footerfixedwrap ul li{
   box-sizing: border-box;
}
.footerfixedwrap ul li div:not(.rewardActionBtn) {
    padding: 3px 6px;
}
.footerfixedwrap img {
    width: 48px;
    height: 48px;
    cursor: pointer;
    /*border-radius: 50%;*/
}

.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: bold;
    white-space: nowrap;
}

.floatinginfosub {
    font-size: 12px;
}

.url-copy-wrapper a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.reward_share .shareimg {
    width: 40px;
}

.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: bold;
    position: absolute;
    /* border: 1px solid; */
    top: 11px;
    left: -2px;
    z-index: 9;
}

.wrap_info .reward_share span {
    color: #fff;
    font-weight: bold;
}

.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: 500;
    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: 12px;
    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: 12px;
    font-weight: 500;
    color: #727272;
}

.urlcopy_wrap a {
    width: 100%;
    line-height: 40px;
    vertical-align: top;
    padding: 0;
}

.floatinginfosub span {
    color: #ff9c00;
    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: 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: 500;
    font-size: 12px;
}

.phonesearchmodal .panel_heading p:last-child {
    color: #222;
    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: bold;
    font-size: 14px;
    margin-bottom: 8px;
}

.orderbody_media .status a,
.body_pane_orderdetail .status a {
    font-weight: 500;
}

.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: 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: 600;
    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: 600;
    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: 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: bold
}

.rewardlogin li {
    color: #fff;
    font-weight: bold;
}

.rewardlogin .modal-footer {
    border-top: 0;
}

.rewardlogin {
    top: 33%;
}

.rewardlogin .fontello {
    font-weight: bold;
}

#footDeliveryBtn {
   /* display: none;*/
}

#footDeliveryBtn.active {
    display: block;
}

#footZendeskBtn {
    /*display: none;*/
}

#footZendeskBtn.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: 4px 18px;
    position: relative;
    vertical-align: top;
    /*width: 85px; 다국어 수정*/
    /*    width: 97px;*/
    position: relative;
    left: -9px;
}

.info-wrapper.wrap_info .reward_share .pgnotice:after {
    background-color: #ffc833;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 8px;
    right: 1px;
    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(35deg) skew(-33deg);
    width: 7px;
}

#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;
}

#CouponList .coupon-list .typeA {
    background: #424242;
}

#CouponList .coupon-list .typeB {
    background: #f55f41;
}

#CouponList .coupon-list .typeC {
    background: #ef9b2e;
}

#CouponList .coupon-list .typeD {
    background: #af41f5;
}

#CouponList .coupon-list .typeE {
    background: #2eaee9;
}

#CouponList .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,
.common-modal-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 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,
.common-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: 600;
    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: 400
}

.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: 600
}

.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: 600;
    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: 600;
    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: 800;
}

.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: 800;
}

.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: 600;
    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,
.Icon_Basket img {
    width: 32px;
    height: 32px;
}

button.Icon_Close {
    outline: none;
    border: none;
    background: none;
}

.sidemenu-wrapper .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: 500;
}

.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;
}

.sidemenu-wrapper .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-wrapper .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: 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: 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;
}

.sidemenu-wrapper .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 {
    /*padding: 15px;*/
    border-bottom: 1px solid #e8e8e8;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1030;
    display: flex;
    align-items: center;
    border: 0;
    /*height: 45px;*/
}

.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 .panel-body.member {
    margin-top: 58px;
    padding: 15px 0;
}

.common-wrapper.idsearch_list .idsearch,
.common-wrapper.pwsearch_reset .pwsearch,
.common-wrapper.access.join.new_join_wrap .panel-body.member.joinmember {
    margin-top: 58px;
}

.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: 600;
    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: 600;
    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: 0px;
    margin-top: 20px;
}

.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;
}

.home-termswrap .contents-wrapper.terms,
.privacywrap .contents-wrapper.terms.home-parivacy {
    margin-top: 58px;
}

.contents-wrapper.terms.home-parivacy {
    height: 100vh;
}

.sub-menu-wrapper.wrap_sub_menu.submenu-wrap-1 .sub-menu-title {
    width: 220px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*#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-wrapper #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: 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;
}

.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-wrapper .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.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;
}

.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 .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;
}

/*커스텀*/

.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;
}


.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;
    max-height: 1.3em;
}

.fixtype2 .col-xs-6 .summary_fix2,
.fixtype3 .col-xs-4 .summary_fix2 {
    margin-bottom: 2px;
}

.col-xs-6 .summary_fix2 {
    /* max-height: 17px; */
    min-height: 1.29em;
    max-height: 1.29em;
    /* max-height: 1.19em; */
}

.footer_panel>.orderCount>span {
    color: #ff7e00;
    font-size: .6875rem;
    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;
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 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;
}

.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;
    font-size: 0.875rem;
}

#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;
}



/*혜택/총결제금액*/
.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: 500;
}

.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: 500;
}

.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: 600;
    font-size: 0.75rem;
}

.purchase-wrapper.detail-purchasewrapper .appline p {
    font-size: 0.75rem;
    color: #727272;
    font-weight: 600;
}

.purchase-wrapper.detail-purchasewrapper .panel-footer #putin_basket {
    position: relative;
}

.purchase-wrapper.detail-purchasewrapper .popup-freedelivery {
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    background: #484848;
    border-radius: 10px;
    padding: 8px 14px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    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;
}

.purchase-wrapper.detail-purchasewrapper .popup-freedeliverypay {
    background: #484848;
    border-radius: 10px;
    padding: 8px 14px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    -webkit-animation: paybounce-top 3s infinite alternate;
    animation: bounce-top 3s infinite alternate;
}

.purchase-wrapper.detail-purchasewrapper .popup-freedeliverypay:hover {
    animation-play-state: paused;
    cursor: pointer;
}

@keyframes paybounce-top {
    0% {
        transform: translateY(-0px);
        animation-timing-function: ease;
    }
    22% {
        transform: translateY(-10px);
        animation-timing-function: ease;
    }
    42% {
        transform: translateY(-0px);
        animation-timing-function: ease;
    }
    62% {
        transform: translateY(-10px);
        animation-timing-function: ease;
    }
    82% {
        transform: translateY(-0px);
        animation-timing-function: ease;
    }
    100% {
        transform: translateY(-10px);
        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 .common-basketfree {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    background: #484848;
    border-radius: 10px;
    padding: 8px 14px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    -webkit-animation: basketbounce-top 3s infinite alternate;
    animation: basketbounce-top 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: 600;
    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-app:hover {
    animation-play-state: paused;
    cursor: pointer;
}

.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;
}

.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: 600;
    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: 400;
    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: 500;
    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: 600;
}

.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: 600;
}

.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: 600;
    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: 600;
}

.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: 600;
}

.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: 600;
    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: 500;
}

.basket #AppinfoPopup .appinfo-wrap li:last-child {
    color: #222;
    font-size: 0.813rem;
    font-weight: 600;
    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: 600;
}

/*혜택/주문결제*/
.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: 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;
}

@media (min-width: 768px) {
    .view-packageitem .swiper-container {
        padding-right: 16px !important;
    }
}

.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: bold;
    color: #484848;
    display: block;
}

.view-packageitem .panel-body .dc-rate {
    font-size: 0.9375rem;
    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: 600;
    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: 600;
    margin: 14px 0 10px;
}

.modal-content.detailreviewmodal .score-wrapper {
    position: inherit !important;
}

.modal-content.detailreviewmodal .panel-heading .title {
    font-size: 0.875rem;
    font-weight: 600;
    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: 600;
    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: 600;
    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: 600;
    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 {
    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: 600;
    color: #222;
}

#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 .no_benefit p,
.modal.userclass-modal .benefit_point p,
.modal.userclass-modal .benefit_direct_discount p,
.modal.userclass-modal .benefit_basket 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: 600;
    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: 400;
    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: 600;
    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;
}

/*리스트장바구니기능+타임세일리뉴얼*/
.col-xs-12 .timelabelcartbtnWrap {
    position: absolute;
    bottom: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*z-index: 1;*/
    padding: 5px;
}

.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,
.container.sidemenu-wrapper .col-xs-12 .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;
    font-weight:bold;
}

.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 .time-remaining,
.col-xs-6 .goods-timesale-label .timesaleWrap .time-remaining,
.scroll-prod-wrapper.sliding1 .goods-timesale-label .timesaleWrap .time-remaining,
.rcmm_1wrap .rcmm_2wrapslide .goods-timesale-label .timesaleWrap .time-remaining,
#viewpackageitem .goods-timesale-label .timesaleWrap .time-remaining {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.8125rem;
    font-weight: 600;
}

.goodslabel-CartButton,
.CartButton {
    outline: none;
    border: none;
    background: none;
    z-index: 1;
}

.sliding1 .CartButton,
.col-xs-6 .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 #mainBannerPopup .swiper-slide {
    position: relative;
    overflow: hidden;
}

.popup-wrapper.mainPopup #mainBannerPopup .swiper-slide img {
    display: block;
    max-width: 100%;
    height: 100%;
}

.popup-wrapper.mainPopup .mainBPopup-contents {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 25px;
    /*display: flex;
     align-items: center; 
    flex-direction: column;
    justify-content: center;
    height: 100%;*/
}

.popup-wrapper.mainPopup .mainBPopup-text a,
.popup-wrapper.mainPopup .mainoneBPopup-text a {
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
}

.popup-wrapper.mainPopup .mainBPopup-text,
.popup-wrapper.mainPopup .mainoneBPopup-text {
    padding-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-wrapper.mainPopup #mainBPopupCarousel {
    bottom: 0;
    height: auto;
}

.popup-wrapper.mainPopup #mainBPopupCarousel span {
    margin: 0;
    height: 8px;
    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);
}

/*미디어쿼리*/
@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,
    .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%;
    }
}

/*샵 웹버전*/
@media (min-width: 768px) {
    .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: 600;
        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 {
        -webkit-animation: basketbounce-top 3s infinite alternate;
        animation: basketbounce-top 3s infinite alternate;
    }

    .purchase-wrapper.detail-purchasewrapper .popup-freedeliverypay p:before {
        position: absolute;
        top: 27px;
        right: 105px;
    }

    .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-wrapper #categoryAccordion .sideClose.sidetext {
        width: 500px;
    }

    .delivery.delivery-type b {
        color: #222;
    }

    #postModal .modal-content {
        overflow: overlay;
    }

    .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: 61px;
    }

    #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: 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: 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: 600;
        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: 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: 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;
    }

    .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: 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;
      /*  margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;*/
    }

    .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: 600;
        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;
    }

    .TopGnb {
        width: 640px;
        margin: 0 auto;
    }

    #Npaydetail .modal-header {
        width: 640px;
        margin: 0 auto;
    }

    .review-detail-wrapper,
    .my-wrapper.my-info {
        margin-top: 58px;
    }

    .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 .menu:not(:first-child):before {
        font-size: 1.25rem;
        padding-right: 10px;
        padding-left: 10px;
    }

    .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: 620px;
        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%;
        display: flex;
        border: 1px solid #e8e8e8;
        border-radius: 12px;
        padding: 15px;
        justify-content: space-between;
    }

    .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 {
        z-index: 1051;
        padding-right: 0 !important;
        border-left: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
    }

    #reviewModal .swiper-slide.swiper-slide-active {
        width: 100% !important;
    }

    .reviewModal {
        padding-right: 0 !important;
        z-index: 1051;
    }

    .review-detail-wrapper .input-wrapper .btn {
        margin-right: 3px;
    }

    .review-detail-wrapper .input-wrapper {
        width: 640px;
        margin: 0 auto;
        border-left: 1px solid #e8e8e8;
        border-right: 1px solid #e8e8e8;
    }

    .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 {
        max-width: 110px;
        height: 60px;
    }

    .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: 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,
    .seller-main {
        margin-top: 58px;
    }

    .my_return_wrap {
        margin-top: 58px !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;
    }
    .footerfixedwrap ul{
        position: fixed;
        z-index: 999999;
    }
    .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-wrapper {
        /*width: 720px !important;*/
        width: 640px !important;
        left: calc(50% - 320px);
    }

    .tabFixed {
        position: fixed;
        top: 60px;
        z-index: 1030;
        background-color: #fff;
        width: 640px !important;
        left: 0px;
        right: 0px;
    }

    .footer-menu {
        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 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;
    }

    #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,
    .footer-menu>ul>li {
        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 {
        /*bottom: 425px !important;*/
        left: calc(50% + 240px);
    }
    .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,
    #policyModal {
        padding-right: 0 !important;
    }

    .payment-wrapper .card-agree-wrapper .checks {
        align-items: center;
    }

    .moall-wrapper.sellerlayout .contents-wrapper.detail {
        margin-top: 61px !important;
        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: 17px;
    }

    .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 .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.9375rem !important;
    }

    #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;
    }

    .contents-wrapper.wrap_orderendcont .payment-wrapper .orderEnd .table>tbody>tr>th,
    .contents-wrapper.wrap_orderendcont .payment-wrapper .orderEnd .table>tbody>tr>th p {
        font-size: 0.875rem !important;
    }

    .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;
    }

   

    .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: 1rem;
    }

    .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 {
        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 {
        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;
    }

    /* //폰트사이즈 게시판 */
    /*리스트*/
    .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 .join_wrap .facebook,
    /* 다국어 추가 */
    .Join_select .join_wrap .facebook,
    /* 다국어 추가 */
    .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;
        font-size: 0.938rem;
    }

    .common-wrapper.idpw_search input {
        font-size: 0.9375rem;
    }

    .common-wrapper.idpw_search #mail_token_check {
        width: 105px !important;
        font-size: 0.938rem;
    }

    .common-wrapper.idpw_search #pw_mail_token_check {
        width: 134px !important;
        margin-left: 9px;
        font-size: 0.938rem;
    }

    .common-wrapper.idpw_search #mail-token-comment {
        font-size: 0.9375rem !important;
    }

    /*아이디찾기 결과*/
    .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: 25%;*/
    }

    .common-wrapper.new_join_wrap #changeNum {
        width: 25% !important;
    }

    .common-wrapper.new_join_wrap .id-comment-text {
        font-size: 0.9375rem !important;
    }

    .common-wrapper.new_join_wrap #mail-token-comment {
        font-size: 0.9375rem !important;
    }

    .common-wrapper.new_join_wrap #mail_token_check {
        width: 105px;
        margin-left: 8px;
        font-size: 0.9375rem;
    }

    .common-wrapper.new_join_wrap .chkwrap a {
        font-size: 0.9375rem;
    }

    .new_join_wrap .chkwrap input[type=checkbox]+label:before {
        width: 20px;
        height: 20px;
    }

    .new_join_wrap .chkwrap input[type="checkbox"]:checked+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 .user-info-wrapper-item 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 .no_benefit p,
    .modal.userclass-modal .benefit_point p,
    .modal.userclass-modal .benefit_direct_discount p,
    .modal.userclass-modal .benefit_basket 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;
    }

    .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 .modal-body .review-score dt,
    #reviewWriteModal .modal-body .form-group .form-control,
    #reviewWriteModal .form-group.image .desc,
    #reviewWriteModal .form-group.image .desc p,
    #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 .modal-body .purchase-info .media-body .title,
    #reviewWriteModal .modal-footer 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 a,
    .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 .my-info .panel-body.modify table td.email {
        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 #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 span,
    .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;
    }

    /*마이페이지-주문조회 모달*/
    .ph-deliverstatusmodal .delivery-progress p,
    .ph-deliverstatusmodal .delivery-list table th,
    .ph-deliverstatusmodal .delivery-list table td {
        font-size: 0.938rem !important;
    }

    .ph-deliverstatusmodal .delivery-progress li {
        font-size: 0.875rem !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;
    }

    /*//폰트사이즈*/
    /* 게시판 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;
    }

    /*마이페이지-배송추적*/
    .ph-deliverstatusmodal .delivery-progress li {
        top: -63px !important;
    }

    /*ID->가상계좌일때 주문결제*/
    .contents-wrapper.wrap_orderendcont .orderend-pricewrap .first-accountline th {
        width: 200px !important;
    }
    .contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-accountline:last-of-type th {
        width: 200px !important;
    }

    /*회원가입-이용약관 모달*/
    .policynmodal .modal-header.navbar-fixed-top {
        width: 640px;
        margin: 0 auto;
    }
    /*회원가입 이용약관 모달*/
    .policynmodal .modal-header.navbar-fixed-top {
        width: 640px;
        margin: 0 auto;
    }
    .common-modal-header .modal-title {
        width: 100%;
        margin-left: 20px;
    }
    .policynmodal .modal-body.terms {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
    #policyModal {
        padding-right: 0 !important;
    }
    .footer-menu > ul{
        box-shadow:none !important;
    }
    /*리스트*/
  /*  .BigWrap .list-rcmm-1item .fixtype1 {
        display:inline-block;
    }*/

   
}

/*//샵 웹버전*/
@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;
    }

    .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 {
        position: relative;
        justify-content: center;
    }
}



.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: 600;
    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: 600;
}

.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: 600;
    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 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: #f13915;
    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;
}

.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 {
    padding: 30px;
    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;
}

/* 메인 최상단배너 */
.main-topbanner-wrapper {
    position: fixed;
    top: 0;
    z-index: 999;
}

.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: 10px;
    color: #fff;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 3px 9px;
    background-color: #ffae00;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#paymentMethod .npay .pay-benefit {
    background-color: #00c63b;
}

#paymentMethod .kakaopay .pay-benefit {
    background-color: #ffeb00;
}

#paymentMethod .payco .pay-benefit {
    background-color: #e10129;
}

/*마이페이지 탭 디자인 (공통)*/
.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: 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-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: 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: bold;
}

#newboard .label-list {
    bottom: 0;
    z-index: 99;
    padding: 8px;
}

#newboard .date {
    color: #fb793f;
    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: #b8b8b8;
    font-style: normal;
    color: #fff;
    padding: 0 4px;
    /*width: 12px;
    height: 12px;
    line-height: 12px;*/
    text-align: center;
    margin: 14px 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: 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-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: 15px 0;
    width: auto;
    height: 60px;
    line-height: 65px;
}

.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 img {
    max-width: 100%;
    margin-bottom: 20px;
}

.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: 350px) {
    .category-wrapper .list-group-item {
        width: 48px;
        height: 43px;
    }
}

@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: 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: 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: 600;
    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;
}

/*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-close-wrapper {
        width: 640px;
    }
}

.basic-select {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    border-radius: 10px;
    background-color: #fff;
    border: 2px solid #222;
    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%;
}

/* 다국어 관련 추가*/
.country {
    padding-bottom: 32px;
    text-align: center;
}

.country__title {
    text-align: left;
    font-weight: bold;
    font-size: 1em;
    letter-spacing: -1px;
    margin-bottom: 12px;
}

.country__lang {
    display: inline-block;
    box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.14);
    border-radius: 16px;
}

.country__lang+.country__lang {
    margin-left: 12px;
}

.country__lang>img {
    width: 30px;
    height: 21px;
}

.lang--selected {
    cursor: default;
}



.search-address .address.select-type {
    position: relative;
    display: flex;
    align-items: center;
    height: auto;
    min-height: 40px;
}

.search-address .icon-arrow1_right {
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 1.2rem;
    transform: translateY(-50%);
    color: #f13a16;
}

#selectDeliveryAddressModal .modal-dialog {
    width: calc(100% - 70px);
}

#selectDeliveryAddressModal .modal-backdrop.in {
    opacity: 1;
}

#selectDeliveryAddressModal .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;
}

#selectDeliveryAddressModal .modal-header>.modal-title {
    width: 100%;
}

#selectDeliveryAddressModal .modal-body {
    padding: 0;
}

.selected-region-wrapper {
    padding: 5px 16px;
}

.selected-region-wrapper>.nav-pills {
    margin-bottom: 16px;
}

.selected-region-wrapper>.nav-pills>li>a {
    color: #929292;
    font-weight: bold;
    padding: 8px 24px;
}

.selected-region-wrapper>.nav-pills>li>a:before {
    content: '\2713';
    display: inline-block;
    width: 20px;
}

.selected-region-wrapper>.nav-pills>li.active>a {
    color: #ff7200;
    background-color: transparent;
}

.reset-wrapper {
    display: flex;
    align-items: center;
    padding: 20px;
    background-color: #222;
    border-radius: 16px;
    margin-bottom: 16px;
    transition-delay: 0s;
}

.reset-wrapper.reset {
    display: none;
    transition: display 0s linear 0.33s;
}

.reset__info {
    color: #878787;
    width: 100%;
}

.reset__region {
    color: #ff7200;
}

.selected-region .panel {
    border: 0;
}

.selected-region .panel-heading {
    padding: 15px 17px;
    border-bottom: 0;
    background-color: #f8f8f8;
}

.selected-region .panel-body {
    padding: 0 17px;
}

.selected-region .panel-body>.list-group {
    margin-bottom: 0;
}

.selected-region .panel-body>.list-group>.list-group-item {
    font-weight: bold;
    padding: 15px 12px;
    border-width: 0 0 1px;
    margin-bottom: 0;
    cursor: pointer;
}

.selected-region .panel-body>.list-group>.list-group-item.selected {
    color: #ff7200;
}

.selected-region .panel-body>.list-group>.list-group-item>.char {
    display: inline-block;
    color: #929292;
    width: 22px;
}

.selected-region .panel-body>.list-group>.list-group-item>.detail {
    position: relative;
    display: inline-block;
    width: calc(100% - 25px);
}

.selected-region .panel-body>.list-group>.list-group-item>.detail:after {
    content: '\2713';
    display: none;
    position: absolute;
    right: 0;
}

.selected-region .panel-body>.list-group>.list-group-item.selected>.detail:after {
    display: inline-block;
    color: #ff7200;
}

.payment-wrapper .panel-group .panel-body .form-group.global>p.label {
    display: flex;
    align-items: center;
}

.global .image-wrapper {
    width: 100%;
    text-align: right;
}

.global .image-wrapper img {
    height: 25px;
}

.payment-wrapper .panel-group .panel-body .form-group.card_info.global .form-control {
    width: 25%;
    text-align: center;
}

.pay-benefit-global {
    font-size: 1em !important;
    padding: 1px 0 0 24px;
}

.payment-wrapper .checks .global {
    width: 100%;
}

.payment-wrapper .checks .global>.method-name {
    flex: 1;
}

.payment-wrapper .paycomethod .global>img {
    height: 28px;
    margin: 0;
}

.flexg-xendit-wrapper {
    display: none;
    position: fixed;
    left: 50%;
    top: 0;
    background-color: white;
    z-index: 9999;
    width: 640px;
    transform: translate(-50%, 0);
}

.flexg-xendit-wrapper>iframe {
    width: 100%;
    height: 100vh;
    border: 0;
}

.loading-overlay {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
}

.loading-backdrop {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.loader {
    margin: 0 auto;
    width: 60px;
    height: 50px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.loader>.bar {
    height: 100%;
    width: 8px;
    display: inline-block;
    float: left;
    margin-left: 2px;
    -webkit-animation: delay 1s infinite ease-in-out;
    animation: delay 1s infinite ease-in-out;
}

.loader>.bar1 {
    background-color: var(--btn_type_shopbasic_background);
    opacity: 0.4;
}

.loader>.bar2 {
    background-color: var(--btn_type_shopbasic_background);
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
    opacity: 0.4;
}

.loader>.bar3 {
    background-color: var(--btn_type_shopbasic_background);
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
    opacity: 0.4;
}

.loader>.bar4 {
    background-color: var(--btn_type_shopbasic_background);
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
    opacity: 0.4;
}

.loader>.bar5 {
    background-color: var(--btn_type_shopbasic_background);
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
    opacity: 0.4;
}

.loader>.bar6 {
    background-color: var(--btn_type_shopbasic_background);
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
    opacity: 0.4;
}

@-webkit-keyframes delay {

    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.05);
    }

    20% {
        -webkit-transform: scaleY(1.0);
        opacity: 1;
    }
}

@keyframes delay {

    0%,
    40%,
    100% {
        transform: scaleY(0.05);
        -webkit-transform: scaleY(0.05);
    }

    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
        opacity: 1;
    }
}

/*상품상세-대표이미지 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;
}


/*모달 로그인 버튼 크기*/
@media (max-width: 461px) {
    #loginModal .login_width {
        /*        width: 300px !important*/
    }
}

#loginModal .login-wrapper {
    padding: 0;
}

/* 키프레임*/
@keyframes bounce-top {
    0% {
        transform: translateY(-0px);
        animation-timing-function: ease;
    }
    22% {
        transform: translateY(-10px);
        animation-timing-function: ease;
    }
    42% {
        transform: translateY(-0px);
        animation-timing-function: ease;
    }
    62% {
        transform: translateY(-10px);
        animation-timing-function: ease;
    }
    82% {
        transform: translateY(-0px);
        animation-timing-function: ease;
    }
    100% {
        transform: translateY(-10px);
        animation-timing-function: ease;
    }
}

@keyframes bounce-top {
    0% {
        transform: translateY(-0px);
        animation-timing-function: ease;
    }
    22% {
        transform: translateY(-10px);
        animation-timing-function: ease;
    }
    42% {
        transform: translateY(-0px);
        animation-timing-function: ease;
    }
    62% {
        transform: translateY(-10px);
        animation-timing-function: ease;
    }
    82% {
        transform: translateY(-0px);
        animation-timing-function: ease;
    }
    100% {
        transform: translateY(-10px);
        animation-timing-function: ease;
    }
}

@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 basketbounce-top {
    0% {
        transform: translateY(-0px);
        animation-timing-function: ease;
    }
    22% {
        transform: translateY(-10px); 
        animation-timing-function: ease;
    }
    42% {
        transform: translateY(-0px); 
        animation-timing-function: ease;
    }
    62% {
        transform: translateY(-10px); 
        animation-timing-function: ease;
    }
    82% {
        transform: translateY(-0px); 
        animation-timing-function: ease;
    }
    100% {
        transform: translateY(-10px);
        animation-timing-function: ease;
    }
}

@keyframes up-down {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-8px);
    }
}

/* 키프레임*/
/*셀러미니샵*/
.seller-main .seller-main-nogoods {
    margin: 16px 0;
}

.seller-main .seller-profile {
    margin: 32px 0 16px;
}

.seller-main .seller-profile img {
    width: 96px;
    height: 96px;
    border-radius: 50%;
}

.seller-main .seller-name {
    font-size: 16px;
    color: #727272;
    margin-top: 8px;
}

.seller-main .seller-sns img {
    width: 28px;
    margin: 0 4px;
}

.seller-main .seller-link-button {
    margin-top: 32px;
    padding: 8px;
}

.seller-main .seller-link-wrap {
    display: flex;
    align-items: center;
    border-radius: 8px;
    box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
    padding: 6px;
    margin: 14px 0;
    cursor: pointer;
}

.seller-main .seller-link-wrap img {
    width: 52px;
}

.seller-main .seller-link-wrap p {
    width: 200px;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    text-align: left;
    margin: 0 auto;
    font-size: 14px;
}

/*마이페이지>주문조회-배송조회모달*/
.ph-deliverstatusmodal .delivery-status {
    margin-top: 30px;
}

.ph-deliverstatusmodal .delivery-progress-title {
    display: none;
}

.ph-deliverstatusmodal .delivery-progress .progress {
    height: 8px;
    border-radius: 16px;
    margin: 14px 0px 12px;
    transform: translate(0%, 3px) rotate(90deg);
    width: 30px;
}

.ph-deliverstatusmodal .delivery-progress .progress-bar {
    border-radius: 16px;
    background: #29bc25;
}

.ph-deliverstatusmodal .delivery-progress li {
    width: 15%;
    color: #b8b8b8;
    font-size: 0.6875rem;
    line-height: 1.2;
}

.ph-deliverstatusmodal .delivery-status tbody td:nth-child(2) {
    text-align: left;
    word-break: break-all;
}

.ph-deliverstatusmodal .delivery-status th {
    font-size: 0.75rem;
}

.ph-deliverstatusmodal .delivery-status tbody span {
    display: inline;
    color: #ff2f2f;
    margin-left: 8px;
}

.ph-deliverstatusmodal .delivery-list {
    padding: 16px;
}

.ph-deliverstatusmodal .delivery-list table {
    font-size: 0.75rem;
}

.ph-deliverstatusmodal .delivery-list table th {
    text-align: left;
    font-weight: 500;
    color: #929292;
    width: 38%;
}

.ph-deliverstatusmodal .delivery-list table td {
    color: #727272;
    padding: 8px;
    line-height: 1.2;
}

.status_blinking {
    -webkit-animation: status_blinking 1s ease-in-out infinite alternate;
    -moz-animation: status_blinking 1s ease-in-out infinite alternate;
    animation: status_blinking 1s ease-in-out infinite alternate;
}

@-webkit-keyframes status_blinking {
    0% {
        color: #29bc25;
        opacity: 0;
    }

    100% {
        color: #29bc25;
        opacity: 1;
    }
}

@-moz-keyframes status_blinking {
    0% {
        color: #29bc25;
        opacity: 0;
    }

    100% {
        color: #29bc25;
        opacity: 1;
    }
}

@keyframes status_blinking {
    0% {
        opacity: 0;
        color: #29bc25;
    }

    100% {
        opacity: 1;
        color: #29bc25;
    }
}

/*마이페이지>주문조회-배송조회모달 수정*/
#viewDeliveryStatusModal .delivery-tracking-title {
    font-size: 16px;
    color: #727272;
    margin-top: 20px;
}

#viewDeliveryStatusModal .delievry-progress-wrap {
    display: flex;
    margin-top: 20px;
}

#viewDeliveryStatusModal .delievry-progress-wrap .delivery-progress {
    min-width: 43%;
    padding: 0 14px;
    border-right: 1px solid #e8e8e8;
}

#viewDeliveryStatusModal .delivery-progress>div>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#viewDeliveryStatusModal .delievry-progress-wrap .delivery-progress p {
    color: #929292;
}

#viewDeliveryStatusModal .delievry-progress-wrap .delivery-progress ul {
    float: right;
    width: 180px;
}



#viewDeliveryStatusModal li {
    font-size: 12px;
}

#viewDeliveryStatusModal li:first-child {
    color: #727272;
}

#viewDeliveryStatusModal li:last-child {
    color: #222;
}

#viewDeliveryStatusModal .delivery-status {
    margin-top: 20px;
}

#viewDeliveryStatusModal .delivery-status-title {
    font-size: 16px;
    color: #727272;
}

#viewDeliveryStatusModal .delivery-status li {
    font-size: 12px;
    line-height: 1.8;
}

#viewDeliveryStatusModal .delivery-status li:first-child {
    color: #727272;
}

#viewDeliveryStatusModal .delivery-status li:nth-child(2) {
    color: #222;
    font-weight: bold;
}

@media (min-width: 768px) {
    #viewDeliveryStatusModal li {
        font-size: 15px;
    }
}

/* 2023.07.11 added by activena */

.order-payment-info:not(.contents-wrapper.detail .order-payment-info) {
    padding-top: 15px;
}
.payment-wrapper.oder .new-renewal {
    background-color: #fff;
    margin-bottom: 15px;
}

.payment-wrapper.oder .panel.agree-wrapper .panel-body.new-renewal {
    padding: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e8e8e8;
}

.payment-wrapper .order-payment-info .panel-body.new-renewal {
    padding: 0;
    margin: 0 0 8px;
}

.order-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.order-pricewrap {
    padding-bottom: 10px;
}

.order-pricewrap .order-title-wrapper {
    border-bottom: 1px solid #e8e8e8;
}

.payment-wrapper.oder .panel.agree-wrapper .order-title-wrapper {
    padding: 20px 15px;
}

#paymentMethod>.order-title-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.order-title-wrapper.second {
    /*border-top: 1px solid #e8e8e8;*/
}

.order-title-wrapper.selected-payment {
    display: block;
    border-bottom: 1px solid #e8e8e8;
    padding: 0;
}

.order-title-wrapper>.order-title {
    font-size: 1rem;
    font-weight: 600;
}

.order-title-wrapper .btn_type_black {
    font-size: 14px;
    font-weight: 600;
    border-radius: 18px;
}


.order-title-wrapper>.desc {
    display: flex;
    align-items: center;
    font-size: 1rem;
}

.order-title-wrapper>.desc {
    font-size: 14px;
}

.order-title-wrapper>.desc>.amount {
    font-size: 1.375rem;
    font-weight: 600;
}

.order-title-wrapper>.txt {
    /*color: #f13a16;*/
    /*color: var(--btn_type_shopbasic2_color, #ffd800);*/
    display: block;
    font-size: 14px;
    /*line-height: 1.4;*/
}

.order-title-wrapper>.txt>li {
    line-height: 1.4;
}

.order-title-wrapper>.desc .txt-name,
.order-title-wrapper>.txt .txt-name {
    color: #222;
    font-weight: 600;
}

.order-title-wrapper>.desc .txt-phone,
.order-title-wrapper>.txt .txt-phone {
    color: #777;
    padding-left: 5px;
}

.order-title-wrapper>.txt .txt-addr {
    color: #777;
}

.order-title-wrapper>.desc .fa {
    /*color: #f13a16;*/
    color: var(--btn_type_shopbasic2_color, #ffd800);
    font-size: 2rem;
    margin-left: 10px;
}

.order-title-wrapper>.desc label {
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #b8b8b8;
    font-weight: bold;
    margin-bottom: 0;
    cursor: pointer;
}

.order-title-wrapper>.desc label+input[type="checkbox"]:checked {
    color: #222;
}

.order-title-wrapper>.desc label:after {
    content: "";
    background-image: url(../../contents/images/icon_check_off.svg);
    background-size: 100% 100%;
    width: 17px;
    height: 17px;
    clear: both;
    /*content: "\2713";*/
    display: inline-block;
    line-height: 16px;
    margin: -1px 0 0 4px;
    /*padding-right: 1px;
    text-align: center;*/
    vertical-align: middle;
    /*background: #fff;*/
    /*border: 1px solid #b8b8b8;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 800;
    color: #b8b8b8;*/
}

.order-title-wrapper.onoff-control {
    padding: 10px 0;
    justify-content: flex-end;
}

.order-title-wrapper.onoff-control .offonwrap {
    margin-left: 10px;
}

.order-title-wrapper.onoff-control .btn-switch {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 30px;
    /* float: right; */
    margin: 3px 0 0;
}

.order-title-wrapper.onoff-control .slide_object {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ccc;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    border-radius: 20px;
    line-height: 30px;
    color: #fff;
    font-style: normal;
    padding: 0 15px;
    text-align: center;
}

.order-title-wrapper.onoff-control .slide_object:before {
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    left: 3px;
    bottom: 3px;
    background: #ebebeb;
    border: 1px solid #dfdfdf;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    -moz-transition: 0.4s;
    border-radius: 50%;
}

.order-title-wrapper.onoff-control input:checked+.slide_object {
    background: #f13a16;
}

input:checked+.slide_object:before {
    transform: translateX(90px);
    -webkit-transform: translateX(90px);
    -ms-transform: translateX(90px);
    -moz-transform: translateX(90px);
    -o-transform: translateX(90px);
}

.collapse-wrapper {
    padding: 0 15px;
}

.collapse-wrapper .info_form tr {}

#paymentMethod>.collapse-wrapper {
    padding: 0;
}

.collapse-wrapper .panel-default:not(:last-child)>.panel-heading {
    /*border-bottom: 1px solid #e8e8e8;*/
}

#paymentMethod .panel-default:not(:last-child)>.panel-heading {
   /* border-bottom: 1px solid #e8e8e8;*/
}
#paymentMethod .panel-default:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 8px;
}
.payment-wrapper .panel-footer.new-renewal {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: end;
    /*height: 68px;*/
    padding: 8px 12px;
    border-top: 3px solid var(--btn_type_basic_bacground, #13afed) !important;
    box-shadow: 0px 0px 18px 3px rgba(1, 1, 1, 0.3);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    margin: 0 auto;
    /*padding-bottom: env(safe-area-inset-bottom);*/
}

@media (min-width: 768px) {
    .payment-wrapper .panel-footer.new-renewal {
        width: 640px;
    }
}

.payment-wrapper .panel-footer.new-renewal .total-info {
    margin-right: 16px;
    text-align: right;
}

.payment-wrapper .panel-footer.new-renewal .total-info>.sub {
    font-size: .75rem;
}

.payment-wrapper .panel-footer.new-renewal .total-info>.amount {
    font-weight: 600;
    font-size: 1.375rem;
    line-height: 1;
}

.payment-wrapper.common-wrapper.oder .agree-wrapper a.Btn-renewal {
    padding: 14px 18px;
    font-weight: 600;
    white-space: nowrap;
}

.bank-wrapper {
    height: 45px;
    margin: 5px 0;
}

.payment-wrapper .order-payment-info .btn.btn-bank.checked {
    border: 2px solid #222;
}

.payment-wrapper .order-payment-info .btn.btn-bank:focus {
    outline: none;
}

.payment-wrapper .order-payment-info .btn.btn-bank {
    display: flex;
    align-items: center;
    color: #222;
    height: 40px;
    line-height: 1;
    border: 2px solid #fff;
    border-radius: 20px;
    background-color: #fff;
}


.payment-wrapper .agree-wrapper label {
    color: #b8b8b8;
}

.payment-wrapper .agree-wrapper label a {
    margin-left: 10px;
}

.payment-wrapper .agree-wrapper .allchk,
.payment-wrapper .agree-wrapper .checkbox-wrapper {
    color: #b8b8b8;
}

.payment-wrapper .agree-wrapper .allchk img,
.payment-wrapper .agree-wrapper .checkbox-wrapper img {
    width: 17px;
    height: 17px;
}

.payment-wrapper .agree-wrapper .allchk.active,
.payment-wrapper .agree-wrapper label.active,
.payment-wrapper .agree-wrapper label.active+.checkbox-wrapper {
    color: #222;
    font-weight: 600;
}

.payment-wrapper .agree-wrapper.agree-align .panel-body .agree_chk {
    font-size: .875rem;
    min-width: 257px;
    padding: 0;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*로그인 팝업*/
#loginModal .zalo img {
    height: 24px;
    margin-left: 10px;
}

#loginModal .zalo {
    background-color: #222;
    color: #fff;
    border-radius: 26px;
    height: 45px;
    width: 100%;
    font-size: 12px;
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    justify-content: space-between;
    margin-top: 8px;
}

#loginModal .zalo span {
    flex-grow: 1;
}

/*팬덤-상품상세 상단 상품설명*/
.detail-original-wrap {
    background: #f8f8f8;
    padding: 8px 14px;
    margin: 15px -15px;
    display: flex;
    align-items: center;
    font-size: 1rem !important;
    font-weight: 600 !important;
}

.detail-original-wrap span {
    color: #727272;
    font-weight: 500 !important;
}

.detail-original-price {
    font-size: 1rem;
    font-weight: bold !important;
    margin-right: 6px;
}

.detail-icon-share {
    float: right;
}

/*미디어쿼리 팬덤-상품상세 상단 상품설명*/
@media (min-width: 768px) {
    .detail-original-wrap {
        font-size: 1.1875rem !important;
    }

    .detail-original-price {
        font-size: 1.1875rem;
    }

    .seller-main .seller-link-button {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .seller-main .seller-link-wrap {
        margin: 8px 0;
        width: 70%;
    }
}

/*팬덤-인트로*/
.fandom-homeintro-wrapper {
    margin-top: 0px;
    background: #fff;
}

.fandom-homeintro {
    margin-top: 0 !important;
}

.fandom-homeintro .fandom-homeintro-name {
    font-size: 28px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fandom-homeintro .fandom-homeintro-title {
    font-size: 14px;
}

.fandom-homeintro .fandom-homeintro-img img {
    border-radius: 50%;
    height: 150px;
    margin-top: 20px;
}

.fandom-homeintro .fandom-homeintro-text {
    color: #727272;
    margin: 20px 0;
}

.fandom-homeintro .fandom-homeintro-goods {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 64px;
}

.fandom-homeintro .fandom-homeintro-goods div {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    margin: 0 2%;
}

.fandom-homeintro .fandom-homeintro-goods img {
    width: 100px;
    border-radius: 16px;
}

.fandom-homeintro .fandom-homeintro-goods span {
    border-radius: 50%;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -4px;
    right: -7px;
    width: 32px;
    height: 32px;
}

.fandom-homeintro .fandom-homeintro-button {
    display: flex;
    flex-direction: column;
    /*width: 65%;
    margin: auto;*/
}

.fandom-homeintro .fandom-homeintro-button button {
    border-radius: 48px;
    padding: 12px 16px;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*width: 80%;*/
    /*margin: 0 auto 8px;*/
    margin-bottom: 8px;
}

.fandom-homeintro .fandom-homeintro-button button img {
    height: 36px;
}

.fandom-homeintro .fandom-homeintro-button_black {
    background: #222;
    border: none;
}

.fandom-homeintro .fandom-homeintro-button_basic {
    background: #f13915;
    border: none;
    justify-content: center !important;
    padding: 20px !important;
}

.renew-footer-common {
    margin-top: 40px;
    color: #b8b8b8;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
    border: none;
    background: none;
    margin: 40px auto 0;
}

.renew-footer-common img {
    width: 80px;
    margin-left: 8px;
}

.moall-wrapper.wrapper_moall.sellermainlayout {
    height: 100vh;
}

/*미디어쿼리 팬덤-인트로*/
@media (min-width: 768px) {
    .fandom-homeintro .fandom-homeintro-button button {
        width: 80%;
        margin: 0 auto 8px;
    }
}

/*푸터 인증*/
.footer-certification-wrap {
    text-align: center;
    margin-bottom: 32px;
}

.footer-certification-wrap a {
    display: inline-block;
}

.footer-certification-wrap img {
    width: 150px;
}

/*vn 글자수 체크231010*/
@media (min-width: 768px) {
    .col-xs-6 .summary_fix2 {
        max-height: 1.32em;
        min-height: 1.32em;
    }

    #snsShareModal .modal-body .url-copy-wrapper .btn {
        width: 100px;
    }

    /*미디어쿼리 장바구니- ui 변동*/
    .contents-wrapper.basket .media.set_item button {
        font-size: 0.9375rem;
    }

    .detail-goods-coupon .cpn-date li {
        font-size: 0.9375rem !important;
    }

    /*메인-구매후기작성팝업*/
    #showpopupReview .popupreview-text p {
        font-size: 0.9375rem !important;
    }

    .contents-wrapper.wrap_orderendcont .payment-wrapper .complete .info .table>tbody td {
        font-size: 0.875rem !important;
    }
}

.col-xs-4 .summary_fix2 {
    min-height: 1.27em;
    max-height: 1.29em;
}

.contents-wrapper.wrap_orderendcont .payment-wrapper .complete .table>tbody>tr>th {
    width: 45%;
    font-size: 0.75rem;
}

.contents-wrapper.wrap_orderendcont .payment-wrapper .complete .table>tbody>tr>th p {
    font-size: 0.75rem;
}

.my-wrapper.wrap_maypage .info-wrapper .table>tbody>tr>th {
    width: 50%;
}

.my-info-wrapper.my-coupon-wrapper .discount-info li div:last-child {
    width: 40%;
    white-space: nowrap;
}

.my-info-wrapper.my-coupon-wrapper .coupontbox {
    padding: 20px 15px;
}

/*vn 번역검수*/
.idpw_search .idpwsearch p {
    font-size: 12px;
    color: #222;
    font-weight: bold;
}

.return-policy-wrap .contents-wrapper.terms,
.payment-policy-wrap .contents-wrapper.terms,
.shipping-policy-wrap .contents-wrapper.terms,
.conflict-policy-wrap .contents-wrapper.terms {
    height: 100vh;
}

.contents-wrapper.wrap_orderendcont .message p {
    font-size: 12px;
}

.contents-wrapper.wrap_orderendcont .message p:nth-of-type(1) {
    margin-top: 8px;
    line-height: 1 !important;
}

/*마이페이지-ui 변동*/
.my-wrapper.index.mobile_my_index .user-info-wrapper-item {
    font-weight: bold;
    padding: 4px;
}

.my-wrapper.index.mobile_my_index .user-info-wrapper-item a i {
    font-size: 20px;
    padding-left: 7px;
}

.my-wrapper.index.mobile_my_index .user-info-wrapper-item a {
    color: #929292;
    font-weight: 500;
}

/*상품상세-쿠폰*/
.detail-goods-coupon .cpn-date {
    color: #fff;
    margin-top: 12px;
}

.detail-goods-coupon .cpn-date li {
    margin-bottom: 0;
    font-size: 0.75rem;
}

/*메인-구매후기작성팝업*/
#showpopupReview .popupreview-text p {
    font-size: 0.75rem;
}

/*주문목록*/
#orderlist .media-head .status {
    margin-bottom: 0px;
}

#orderlist .media-head .request_text {
    margin-bottom: 4px;
    font-size: 0.875rem;
}

/*주문/결제*/
.payment-wrapper.common-wrapper.oder .checkbox-wrapper {
    white-space: nowrap;
}

/*결제완료*/
.contents-wrapper.wrap_orderendcont .payment-wrapper .complete .info .table>tbody td {
    font-size: 0.75rem;
}

/*비회원 주문결제 약관 - 모달*/
#orderAgreeModal1 .modal-body {
    margin-top: 70px;
}

#orderAgreeModal2 .modal-body {
    margin-top: 70px;
}

#orderAgreeModal3 .modal-body {
    margin-top: 70px;
}

/*회원가입 인증번호 수정*/
.common-wrapper.new_join_wrap .email-numcheck-btn {
    width: 105px;
}

.common-wrapper.new_join_wrap .email-numcheck-input {
    margin-bottom: 4px;
}

.common-wrapper.new_join_wrap #changeNum {
    margin-left: 8px;
    /*width:106px;*/
}

.common-wrapper.new_join_wrap #mail_token_check {
    margin-left: 8px;
}

.common-wrapper.new_join_wrap .id-comment-text {
    font-weight: bold;
}

.common-wrapper.new_join_wrap #mail-token-comment {
    font-weight: bold;
}

/*주문완료 배너 */
.contents-wrapper.wrap_orderendcont .panel-footer {
    margin-bottom: 40px;
}

.common-wrapper.idpw_search #pwdTokenTime {
    position: absolute;
    top: 0;
    right: 0;
    color: #ff9c00;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
}

.common-wrapper.idpw_search #pw_mail_token_check {
    margin-left: 10px;
}

/*상품 구매하기 옵션-회원가입 연결*/
#loginModal .join_wrap p {
    color: #222222;
    font-weight: bold;
    font-size: 12px;
}

@media (min-width: 768px) {
    #loginModal .join_wrap p {
        font-size: 15px !important;
    }
}

/*추첨이벤트수정*/
.raffle-event-wrapper .raffle-event-date {
    font-size: 0.75rem;
}

@media (min-width: 768px) {
    .raffle-event-wrapper .panel-footer span {
        font-size: 1rem;
    }

    .raffle-event-wrapper .raffle-event-date {
        font-size: 0.9375rem;
    }

    .raffle-event-wrapper.detail .panel-body b {
        font-size: 0.9375rem !important;
    }

    .raffle-event-wrapper.detail .lh-base span {
        font-size: 0.9375rem;
    }

    .raffle-event-wrapper.detail .panel-footer b {
        font-size: 0.9375rem !important;
    }

    .raffle-event-wrapper.detail .panel-footer li {
        font-size: 0.9375rem;
    }

    .raffle-event-wrapper.detail .panel .Btn {
        font-size: 0.9375rem;
    }

    .sidemenu-wrapper.bootsidemenu-left .raffle_text {
        font-size: 0.9375rem !important;
    }

    .sidemenu-wrapper.bootsidemenu-left .rewardbtn {
        font-size: 0.9375rem;
    }
}

.sidemenu-wrapper.bootsidemenu-left .raffle_text {
    font-size: 0.75rem;
}

/*리워드 모달 수정*/
.floatingActionModal .panel-heading p {
    font-size: 0.75rem;
}

@media (min-width: 768px) {
    .floatingActionModal .panel-heading p {
        font-size: 0.9375rem;
    }

    .floatingActionModal .btn {
        font-size: 0.9375rem;
    }

    .floatingActionModal .floatingInfo p {
        font-size: 0.9375rem;
    }
}

/*리워드 코드 추가*/
.renew-reward-code-copy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
}

.renew-reward-code-copy li {
    font-weight: 500;
    font-size: 0.75rem;
    cursor: pointer;
}

.renew-reward-code-copy li span {
    color: #222222;
    font-weight: bold;
    margin-left: 6px;
}

.renew-reward-code-copy li img {
    width: 16px;
    margin-left: 4px;
}

.sidemenu-wrapper .renew-reward-code-copy {
    background: #f13915;
    border-radius: 16px;
    padding: 18px 14px;
    margin-bottom: 12px;
    margin-top: 4px;
}

.sidemenu-wrapper .renew-reward-code-copy li span {
    color: #fff;
}

.sidemenu-wrapper .renew-reward-code-recommender {
    margin-bottom: 22px;
}

.sidemenu-wrapper .renew-code-recommender {
    color: #929292;
    font-weight: bold;
    font-size: 0.75rem;
    margin-bottom: 22px;
}

.sidemenu-wrapper .renew-code-recommender span {
    color: #424242;
    font-weight: bold;
}

.sidemenu-wrapper a.btn {
    line-height: initial;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .renew-reward-code-copy li {
        font-size: 0.9375rem;
    }

    .renew-reward-code-copy li img {
        width: 18px;
    }

    .sidemenu-wrapper .renew-code-recommender {
        font-size: 0.9375rem !important;
    }

    .sidemenu-wrapper #reward_code::placeholder {
        font-size: 0.9375rem !important;
    }

    .sidemenu-wrapper a.btn {
        font-size: 0.9375rem;
    }
}

/*로그인*/
.container.Login_select .letjoin {
    padding: 8px 15px;
    text-align: center;
    background: #f8f8f8;
    margin-top: 8px;
}

.container.Login_select .letjoin span {
    color: #222222;
    font-weight: bold;
}

.container.Login_select .letjoin a {
    color: #929292;
}

@media (min-width: 768px) {
    .container.Login_select .letjoin a {
        font-size: 0.9375rem;
    }
}

/*회원가입*/
@media (min-width: 768px) {
    .common-wrapper.new_join_wrap .rewardcodecheckbtn {
        font-size: 0.9375rem;
    }
}

/*상품상세-리워드 수정*/
.floatingActionModal #btnRewardCopyClip {
    background: #f13915;
    border-radius: 10px;
}

/*장바구니 로컬,글로벌 탭 설정*/
.contents-wrapper.basket .basket-tab-wrap {
    padding: 0 20px;
    margin: 58px 0 8px 0;
    text-align: center;
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 1030;
}

.contents-wrapper.basket .basket-tab-btn {
    border-radius: 20px;
    outline: none;
    border-radius: 20px;
    padding: 8px 16px;
    border: 2px solid #000;
    font-weight: bold;
    margin: 0 4px;
}

.contents-wrapper.basket .basket-tab-btn_click {
    background: #000;
    color: #fff;
}

.contents-wrapper.basket .basket-tab-btn_basic {
    background: #fff;
    color: #000;
    border: 2px solid #000;
}

.contents-wrapper.basket .basket-tab-num {
    color: #f13915;
}

.contents-wrapper.basket .basket-wrapper {
    margin-top: 110px;
}

@media (min-width: 768px) {
    .basket-tab-wrap {
        width: 640px;
        margin: 58px auto !important;
    }
}

/*결제-할인코드*/
.payment-wrapper.oder .new-renewal .discount-wrap {
    flex-direction: column !important;
    margin-top: 0px !important;
}

.payment-wrapper.oder .new-renewal #discount_code_msg {
    color: #ff0000;
    font-size: 0.75rem;
    font-weight: bold;
}

.payment-wrapper.oder .new-renewal #btnDiscountCode {
    width: 50%;
    height: 37px;
    margin-left: 12px;
    outline: none;
}

@media (min-width: 768px) {
    .payment-wrapper.oder .new-renewal #discount_code_msg {
        font-size: 0.9375rem;
    }
}

/*잭팟-사이드메뉴*/
.bootsidemenu-left .jackpot-text {
    color: #fff;
}

/*잭팟-마이페이지*/
.my-info-wrapper.my-event-list {
    margin-top: 70px;
}

.my-info-wrapper.my-event-list .event-list-title {
    font-size: 0.75rem;
    font-weight: bold;
    color: #727272;
    text-align: center;
}

.my-info-wrapper.my-event-list .event-list-table li {
    padding: 20px 12px;
    border-bottom: 1px solid #e8e8e8;
}

.my-info-wrapper.my-event-list .event-list-table li p {
    font-size: 0.75rem;
    color: #727272;
}

.my-info-wrapper.my-event-list .event-list-table li span {
    color: #222;
}

.my-info-wrapper.my-event-list .event-list-table_order {
    color: #29bc25 !important;
    font-weight: bold;
}

.my-info-wrapper.my-event-list li div:last-child {
    width: 20%;
}

.my-info-wrapper.my-event-list li div:last-child p {
    text-align: center;
}

.my-info-wrapper.my-event-list .event-list-end p,
.my-info-wrapper.my-event-list .event-list-end span,
.my-info-wrapper.my-event-list .event-list-end .event-list-table_order {
    color: #b8b8b8 !important;
}

.my-info-wrapper.my-event-list .event-list-apply {
    color: #727272;
    font-size: 0.75rem;
}

.my-info-wrapper.my-event-list .win {
    color: #f13915 !important;
    font-weight: bold;
}

@media(min-width:768px) {

    /*잭팟-마이페이지*/
    .my-info-wrapper.my-event-list .event-list-table li p {
        font-size: 0.9375rem;
    }

    .my-info-wrapper.my-event-list #more {
        font-size: 0.9375rem;
    }

    /*//잭팟-마이페이지*/
    /*잭팟 이벤트 페이지*/
    .jackpotevent-content {
        margin-top: 60px;
    }

    .jackpotevent-content .jackpot-rolling p span i {
        font-size: 1.0625rem !important;
    }

    .jackpotevent-content .jackpot-rolling p {
        font-size: 1.0625rem !important;
    }

    .jackpotevent-content .jackpot-banner-total p {
        font-size: 40px !important;
        top: 35% !important;
    }

    .jackpotevent-content .jackpot-number .jackpot_count {
        font-size: 1.875rem !important;
    }

    .jackpotevent-content .jackpot-number #jackpotnumber input {
        width: 94px !important;
        height: 146px !important;
        font-size: 70px !important;
    }

    .jackpotevent-content .jackpot-number input {
        font-size: 50px !important;
    }

    .jackpotevent-content .jackpot-goods .section-title p {
        font-size: 20px !important;
    }

    .jackpotevent-content .jackpot-rolling {
        height: 24px;
    }

    .jackpotevent-wrapper .jackpotnum_part a img {
        width: 24px !important;
    }

    .jackpotevent-wrapper .jackpotnum_part {
        top: 0% !important;
    }
}

.moall-wrapper.jackpotevent-wrapper,
.jackpotevent-wrapper nav {
    background: #291e20;
}

.jackpotevent-wrapper .navbar img {
    filter: invert(99%) sepia(67%) saturate(6%) hue-rotate(97deg) brightness(102%) contrast(102%);
    width: 32px;
    height: 32px;
}

.jackpotevent-wrapper nav .sub-menu-title {
    color: #fff;
}

.jackpotevent-content {
    min-height: 100vh;
}

.jackpotevent-content .jackpot-rolling {
    position: relative;
    margin: 0 12px;
    height: 22px;
}

.jackpotevent-content .jackpot-rolling a {
    width: 100%;
    display: inline-block;
    cursor: pointer;
}

.jackpotevent-content .jackpot-rolling p {
    color: #fff;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 0.875rem;
}

.jackpotevent-content .jackpot-rolling p:not(.jackpot-nolist) {
    display: inline-block;
    animation-delay: 3s;
    -webkit-animation: animationbefore 9s;
    animation: animationbefore 9s;
    -webkit-animation-iteration-count: infinite;
}

@keyframes animationbefore {
    0% {
        transform: translate(0%, -200%);
    }

    25% {
        transform: translate(0%, -200%);
    }

    50% {
        transform: translate(0%, -100%);
    }

    75% {
        transform: translate(0%, -100%);
    }

    100% {
        transform: translate(0%, 3%);
    }
}

.jackpotevent-content .jackpot-rolling p span {
    float: right;
}

.jackpotevent-content .jackpot-rolling p span i {
    font-size: 0.875rem;
}

.jackpotevent-content .jackpot-banner-total {
    padding: 10px 15px;
    position: relative;
    background: #291e20;
}

.jackpotevent-content .jackpot-banner-total img {
    width: 100%;
}

.jackpotevent-content .jackpot-banner-total p {
    font-weight: bold;
    color: #fff;
    font-size: 8.13vw;
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

.jackpotevent-content .jackpot-banner-infor {
    margin-top: 20px;
    padding: 0 15px;
}

.jackpotevent-content .jackpot-banner-infor img {
    width: 100%;
}

.jackpotevent-content .jackpot-number {
    position: relative;
}

.jackpotevent-content .jackpot-number .jackpot_count {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18px;
    font-weight: bold;
    color: #93000c;
}

.jackpotevent-content .jackpot-number .jackpot-number_img {
    width: 100%;
}

.jackpotevent-content .jackpot-number .jackpot-number_btn img {
    width: 100%;
}

.jackpotevent-content .jackpot-number .jackpot-number_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.jackpotevent-content .jackpot-number .jackpotnum_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
}

.jackpotevent-content .jackpot-number input {
    width: 20%;
    height: 81px;
    text-align: center;
    font-weight: bold;
    font-size: 35px;
    background: none;
    border: 0;
    outline: none;
    color: #e60012;
}

.jackpotevent-content .jackpot-number input::placeholder {
    color: #e60012;
}

.jackpotevent-content .jackpot-goods {
    margin: 50px 0;
    background: #291e20;
}

.jackpotevent-content .jackpot-goods .section-title-wrapper {
    background: #291e20;
}

.jackpotevent-content .jackpot-goods .section-title p {
    font-size: 17px;
    color: #fff;
    display: flex;
    align-items: center;
}

.jackpotevent-content .jackpot-goods .prod-title {
    color: #fff;
}

.jackpotevent-content .jackpot-goods .price {
    color: #fff !important;
}

.jackpotevent-content .jackpot-goods.view-packageitem .panel-heading>div {
    border-radius: 50px;
}

.jackpotevent-wrapper #winningpopup {
    display: none;
}

.jackpotevent-wrapper #failpopup {
    display: none;
}

.jackpotevent-wrapper .jackpotnum_part {
    display: flex;
    align-items: center;
    position: absolute;
    top: 17%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.jackpotevent-wrapper .jackpotnum_part a {
    width: 20%;
    text-align: center;
}

.jackpotevent-wrapper .jackpotnum_part a img {
    width: 16px;
}

/*잭팟 당첨 이벤트 효과 폭죽*/
@keyframes bump-in {
    0% {
        transform: scale(0);
        opacity: 0;
    }
}

particule {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    box-shadow: 1px 1px 4px #eb6383;
    z-index: 9999;
}

/*잭팟 이벤트 역대 당첨자 리스트*/
@media(min-width:768px) {
    .jackpothistory-modal .jackpot-history-title {
        font-size: 0.9375rem !important;
    }

    .jackpothistory-modal .jackpot-history-table li p {
        font-size: 0.9375rem !important;
    }

    #jackpothistory-modal .jackpothistory-more button {
        font-size: 0.9375rem !important;
    }
}

#jackpothistory-modal {
    padding-right: 0 !important;
}

#jackpothistory-modal .jackpot-history-title {
    padding: 16px 0;
    text-align: center;
    font-weight: bold;
    color: #fff;
    font-size: 0.75rem;
}

#jackpothistory-modal .jackpot-history-table li {
    padding: 16px 12px;
    border-bottom: 1px solid #e8e8e8;
}

#jackpothistory-modal .jackpot-history-table li:last-child {
    border-bottom: 0;
}

#jackpothistory-modal .jackpot-history-table li p {
    font-size: 0.75rem;
    color: #fff;
}

#jackpothistory-modal .modal-body {
    padding: 0 15px;
    margin-top: 80px !important;
}

#jackpothistory-modal .modal-header h4 {
    width: 100%;
    margin-left: 20px;
}

#jackpothistory-modal .jackpothistory-more {
    margin-bottom: 30px;
    padding-top: 20px;
}

#jackpothistory-modal .jackpothistory-more button {
    width: 100% !important;
}

#jackpothistory-modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    top: 0 !important;
    border-bottom: 1px solid #e8e8e8;
    background: #291e20;
    color: #fff;
}

#jackpothistory-modal .modal-header img {
    filter: invert(99%) sepia(67%) saturate(6%) hue-rotate(97deg) brightness(102%) contrast(102%);
}

#jackpothistory-modal .modal-content {
    background: #291e20;
}

/*샵 오른쪽 리워드버튼*/
:root {
    --shadow-color: 208deg 22% 58%;
    --shadow-elevation-low: 0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34), 0.4px 0.8px 1px -1.2px hsl(var(--shadow-color) / 0.34), 1px 2px 2.5px -2.5px hsl(var(--shadow-color) / 0.34);
    --shadow-elevation-medium: 0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.36), 0.8px 1.6px 2px -0.8px hsl(var(--shadow-color) / 0.36), 2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / 0.36), 5px 10px 12.6px -2.5px hsl(var(--shadow-color) / 0.36);
    --shadow-elevation-high: 0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.34), 1.5px 2.9px 3.7px -0.4px hsl(var(--shadow-color) / 0.34), 2.7px 5.4px 6.8px -0.7px hsl(var(--shadow-color) / 0.34), 4.5px 8.9px 11.2px -1.1px hsl(var(--shadow-color) / 0.34), 7.1px 14.3px 18px -1.4px hsl(var(--shadow-color) / 0.34), 11.2px 22.3px 28.1px -1.8px hsl(var(--shadow-color) / 0.34), 17px 33.9px 42.7px -2.1px hsl(var(--shadow-color) / 0.34), 25px 50px 62.9px -2.5px hsl(var(--shadow-color) / 0.34);
}

.footerpartial-reward {
    border: none;
    background: transparent;
    position: relative;
    padding: 6px;
    overflow: hidden;
    border-radius: 100vmax;
    box-shadow: var(--shadow-elevation-medium);
    transition: box-shadow 0.2s ease-in-out;
}

.footerpartial-reward::after,
.footerpartial-reward::before {
    content: "";
    position: absolute;
    inset: 0;
}

.footerpartial-reward::before {
    z-index: 1;
    right: -100%;
    background: linear-gradient(to right, #e34551 0%, #ff9c75 50%, #e34551 100%);
    background-size: 50% 100%;
    -webkit-animation: scroll 0.999s infinite linear;
    animation: scroll 0.999s infinite linear;
}

.footerpartial-reward::after {
    z-index: 2;
    inset: 5px;
    border-radius: 100vmax;
    transition: inset 0.2s ease-in-out;
}

.footerpartial-reward img {
    position: relative;
    z-index: 9;
    bottom: 0px;
    /*border-radius: 50%;*/
}

@-webkit-keyframes scroll {
    to {
        transform: translateX(-50%);
    }
}

@keyframes scroll {
    to {
        transform: translateX(-50%);
    }
}

/*이벤트효과*/
/** 눈내리기 효과 **/
.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;
}

.cherry-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;
}

/**************************/
/*회원등급 모달*/
#userclass-modal .modal-open {
    padding-right: 0 !important;
}

#userclass-modal {
    padding-right: 0 !important;
}

/*마이페이지 구매후기 모달*/
#reviewWriteModal .file-text {
    font-size: 0.75rem;
}

/* 다국어 추가 */
@media (min-width: 768px) {
    #reviewWriteModal .file-text {
        font-size: 0.9375rem
    }
}

/*셀러 레이아웃*/
.moall-wrapper.sellerlayout .recommend.main-recommend-item,
.moall-wrapper.sellerlayout .Goods_wrapper.goods-items-container,
.moall-wrapper.sellerlayout .good-review {
    overflow-x: hidden;
}

.moall-wrapper.sellerlayout .sellerfootparial-sns-icon {
    padding-bottom: 50px;
    margin-bottom: 0;
}

.moall-wrapper.sellerlayout .sellerhead-basket {
    right: 45px;
}

/*추첨이벤트 하단바*/
.raffle-bottom-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    padding: 16px;
    border-top: 1px solid #eee;
    background: #fff;
}

@media(min-width:768px) {

    /*추첨이벤트 하단바*/
    .raffle-bottom-bar {
        width: 640px;
        margin: 0 auto;
    }

    .raffle-bottom-bar a {
        font-size: 0.9375rem;
    }

    /*사이드메뉴 - 잭팟 노출*/
    .container.sidemenu-wrapper .after-login-text_money {
        font-size: 38px;
    }

    .container.sidemenu-wrapper .after-login-text_ticket {
        font-size: 20px !important;
        top: 77% !important;
    }

    .container.sidemenu-wrapper .before-login-text {
        font-size: 38px !important;
    }

    /*메인레이아웃-잭팟배너*/
    .mainlayout-jackpot #jackpot_random_num {
        font-size: 40px !important;
        top: 35% !important;
    }
}

/*사이드메뉴 - 잭팟 노출*/
.container.sidemenu-wrapper .after-login-wrap,
.container.sidemenu-wrapper .before-login-wrap {
    margin-top: 14px;
    margin-bottom: 14px;
    position: relative;
}

.container.sidemenu-wrapper .after-login-text_money {
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 35px;
}

.container.sidemenu-wrapper .after-login-text_ticket {
    position: absolute;
    top: 78%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 12px;
}

.container.sidemenu-wrapper .before-login-text {
    position: absolute;
    top: 23%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 25px;
}

.container.sidemenu-wrapper .jackpot-preparing {
    margin-top: 14px;
    margin-bottom: 14px;
}

/*메인레이아웃-잭팟배너*/
.mainlayout-jackpot .jackpot-banner-total {
    position: relative;
}

.mainlayout-jackpot #jackpot_random_num {
    font-weight: bold;
    color: #fff;
    font-size: 8.13vw;
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

/*상품상세-옵션-이미지,컬러옵션추가*/
/*옵션명 노출*/
.detail-purchasewrapper .option[name="option_holder"] {
    padding-top: 4px;
}

.detail-purchasewrapper .option-item {
    margin-bottom: 0 !important;
}

.detail-purchasewrapper .option-item .option-title {
    width: auto;
    margin-top: 16px;
}


.detail-purchasewrapper .option-item .option-title th {
    vertical-align: sub;
    white-space: nowrap;
    font-size: .75rem;
    color: #929292;
}

.detail-purchasewrapper .option-item .option-title td {
    color: #222;
    font-weight: bold;
    font-size: .75rem;
    word-break: break-all;
    padding-left: 5px;
}

.detail-purchasewrapper .option-item .option-content-color {
    color: var(--btn_type_shopbasic_background, #000);
}

/*이미지*/
.detail-purchasewrapper .option-imgcolor {
    /*    padding-bottom:16px;*/
    padding-top: 6px;
}

.detail-purchasewrapper .option-img-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.detail-purchasewrapper .option-img-wrap li {
    margin: 4px 5px;
    position: relative;
    height: 50px;
    width: 50px;
}

.detail-purchasewrapper .option-img-wrap img {
    width: 100%;
    height: 100%;
    border-radius: 14px;
    cursor: pointer;
}

.detail-purchasewrapper .option-img-active {
    outline: 3px solid var(--btn_type_shopbasic_background, #000);
    border-radius: 14px;
    position: absolute;
    top: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.detail-purchasewrapper .option-img-active img {
    border-radius: 10px;
}

.detail-purchasewrapper .option-img-wrap .soldout-img {
    filter: grayscale(1);
    opacity: 40%;
}

/*컬러*/
.detail-purchasewrapper .option-color-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.detail-purchasewrapper .option-color-wrap div {
    width: 25px;
    height: 25px;
    border-radius: 50px;
    cursor: pointer;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
}

.detail-purchasewrapper .option-color-active {
    border-radius: 14px;
    outline: 2px solid var(--btn_type_shopbasic_background, #000);
    box-shadow: 0 0 0 2px white inset;
    border: 0 !important;
}

.detail-purchasewrapper .option-color-wrap li {
    position: relative;
    margin: 4px 5px;
}

.detail-purchasewrapper .option-color-soldout {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0%;
}

.detail-purchasewrapper .option-color-soldout img {
    width: 25px;
    height: 25px;
}

/*셀렉트박스 border만 수정*/
.detail-purchasewrapper .select-gray {
    border: 2px solid #b8b8b8;
    color: #b8b8b8;
    background-image: url(../../contents/images/detail_select_arrow.png);
    background-repeat: no-repeat;
    background-size: 13px;
    background-position: 95% 50%;
}

.detail-purchasewrapper .option-item .basic-select {
    font-size: 0.75rem;
    background-position: 95% 50%;
}

.detail-purchasewrapper [data-optionshape="COMBO"] .option-title {
    margin-bottom: 0;
}

/*입력옵션*/
.detail-purchasewrapper .option_input .option_value {
    margin-top: 10px;
}

#purchase-wrapper .option_input input {
    border: 2px solid #222 !important;
}

#purchase-wrapper .option_input input::placeholder {
    color: #222;
}

.detail-purchasewrapper .ip_basic.jsGoodsOptions {
    padding: 6px 12px !important;
}

.detail-purchasewrapper .ip_basic.jsGoodsOptions::placeholder {
    color: #929292;
}

/*추가옵션*/
.detail-purchasewrapper .option-item.jsAddOptions[data-optionshape="COMBO"]:last-child {
    margin-bottom: 0 !important;
}

.detail-purchasewrapper .option-item.jsAddOptions[data-optionshape="IMAGE"]:last-child .option-imgcolor,
.detail-purchasewrapper .option-item.jsAddOptions[data-optionshape="COLOR"]:last-child .option-imgcolor {
    padding-bottom: 0px;
}

/*가격노출*/
.option_holder_end_line {
    display: none;
}

.detail-purchasewrapper .option_holder_end_line {
    margin: 25px 14px 0px 14px;
    border-top: 1px solid #e8e8e8;
}

#purchase-wrapper .result {
    margin: 8px 16px;
    padding: 0;
}

#purchase-wrapper .result .option-title {
    color: #222222;
    font-weight: bold;
    width: 90%;
}

#purchase-wrapper .purchase-option .result {
    margin-top: 5px;
}

#purchase-wrapper .jsReqTr .media {
    padding: 15px;
}

#purchase-wrapper .jsReqTr:last-child .media {
    padding-bottom: 8px;
}

#purchase-wrapper .jsAddTr .media {
    padding: 1px 15px 15px;
}

#purchase-wrapper .jsAddTr:last-child .media {
    padding-bottom: 8px;
}

#purchase-wrapper .purchase-option .goods-price {
    margin-top: 12px;
}

/*디테일 구매옵션+메인 구매옵션 공통*/
.detail-purchasewrapper #optionTemplate .close {
    display: flex;
    align-items: center;
}

/*상세-옵션 미디어쿼리*/
@media(min-width:768px) {
    .detail-purchasewrapper .option-item .option-title th {
        font-size: 0.9375rem;
    }

    .detail-purchasewrapper .option-item .option-title td {
        font-size: 0.9375rem;
    }

    .detail-purchasewrapper .option-img-wrap li {
        width: 100px;
        height: 100px;
    }

    .detail-purchasewrapper .option-item .basic-select {
        font-size: 0.9375rem;
    }

    .detail-purchasewrapper .option-color-wrap div {
        width: 50px;
        height: 50px;
    }

    .detail-purchasewrapper .option-color-soldout img {
        width: 50px;
        height: 50px;
    }

    .detail-purchasewrapper .ip_basic.jsGoodsOptions {
        font-size: 0.9375rem;
    }

    .detail-purchasewrapper .ip_basic.jsGoodsOptions::placeholder {
        font-size: 0.9375rem;
    }

    .detail-purchasewrapper .option-item.jsAddOptions[data-optionshape="COMBO"]:last-child {
        margin-bottom: 15px !important;
    }

    .detail-purchasewrapper .option-color-wrap li {
        margin: 4px 4px;
    }
}

@media(max-width: 767px) {

    /*상품상세-상단 배너*/
    .popup-wrapper-detail {
        width: 100%;
    }

    .popup-wrapper-detail #popup_detail_banner {
        width: 100%;
    }
}

/*쿠폰 디테일 노출*/
.detail-coupon-small {
    border-top: 1px solid #e8e8e8;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.detail-coupon-small .coupon-list {
    margin: 15px 0;
    display: flex;
    align-items: center;
}

.detail-coupon-small .coupon-list-item {
    height: 58px;
    width: 37.8%;
    margin: 0 6px;
    cursor: pointer;
}

.detail-coupon-small .coupon-item-wrap {
    height: 100%;
}

.detail-coupon-small .coupon-list-item .punch {
    position: absolute;
    display: flex;
    justify-content: center;
    flex-flow: column;
    padding: 0;
    top: 0;
}

.detail-coupon-small .punch-left {
    left: 2px
}

.detail-coupon-small .punch-right {
    right: -6px;
}

.detail-coupon-small .punch i {
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #fff;
}

.detail-coupon-small .punch-right i {
    margin: 5px -8px 0;
}

.detail-coupon-small .punch-left i {
    margin: 5px -3px 0;
}

.detail-coupon-small .punch i:nth-child(3) {
    width: 16px;
    height: 16px;
    position: relative;
}

.detail-coupon-small .punch-left i:nth-child(3) {
    left: -11px;
}

.detail-coupon-small .punch-right i:nth-child(3) {
    left: -2px;
}

.detail-coupon-small .coupon-use {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.detail-coupon-small .coupon-use div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail-coupon-small .coupon-use p {
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}

.detail-coupon-small .coupon-text-wrap li {
    font-weight: bold;
    color: #222;
    font-size: 0.875rem;
    cursor: pointer;
}

.detail-coupon-small .coupon-text-wrap img {
    height: 14px;
    margin: 0 4px;
}

.detail-coupon-small .coupon-text-down {
    border-bottom: 1px solid #222;
    font-weight: 500 !important;
}

/*쿠폰 모달창*/
.detail-coupon-down .detailfooter {
    position: fixed !important;
    bottom: 0px !important;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 1030;
    display: flex;
    align-items: center;
    height: 70px;
}

.detail-coupon-down .detail-goods-coupon {
    padding-bottom: 80px;
}

@media(min-width:768px) {
    .detail-coupon-small {
        padding-right: 16px;
    }

    .detail-coupon-small .coupon-list-item {
        width: 30%;
        height: 76px;
    }

    .detail-coupon-small .punch i {
        width: 5px;
        height: 5px;
    }

    .detail-coupon-small .punch-left i {
        margin: 7px -4px 0;
    }

    .detail-coupon-small .punch-right i {
        margin: 7px -7px 0;
    }

    .detail-coupon-small .punch-left i:nth-child(3) {
        left: -7px;
    }

    .detail-coupon-small .punch-right i:nth-child(3) {
        left: -3px;
    }

    .detail-coupon-small .coupon-text-wrap {
        padding-right: 15px;
    }

    .detail-coupon-small .coupon-text-wrap li {
        font-size: 1.0625rem;
    }

    .detail-coupon-small .coupon-text-wrap img {
        height: 16px;
    }

    .detail-coupon-small .coupon-use p {
        font-size: 1.1875rem;
    }

    .detail-coupon-small .coupon-list {
        margin: 18px 0;
    }
}

.event-couponbook-bt-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    width: 640px;
    padding: 16px;
    border-top: 1px solid #eee;
    background: #fff;
    margin: 0 auto;
}

.event-couponbook-bt-bar button {
    width: 100%;
}

/*상품상세-상세이미지-새창*/
.detailcontent-wrapper .Icon_Close {
    margin-left: auto;
}

.detailcontent-wrapper .contents-wrapper {
    min-height: 100vh;
    margin-top: 60px;
}

.detailcontent-wrapper .panel-body {
    padding: 30px 15px 30px 15px;
}

.detailcontent-wrapper .item-content {
    text-align: center;
}

.detailcontent-wrapper .item-content img {
    max-width: 100%;
}

.detailcontent-wrapper .sub-menu-wrapper {
    background: #fff;
    padding: 15px;
    margin: 0;
}

/*이용약관*/
.contents-wrapper.hometerms {
    min-height: 100vh;
}

/*구매하기옵션-닫기*/
.detail-purchasewrapper .closebuyhelp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 62px;
    cursor: pointer;
}

#cartPurchase-wrapper .closebuyhelp {
    z-index: 9;
}

/*faq*/
.customer-wrapper.faqlist .tab-content img {
    max-width: 100%;
}


/*메인-구매하기옵션*/
#cartPurchase-wrapper .form-group {
    margin-bottom: 10px !important;
}

#cartPurchase-wrapper .option_input input {
    border: 1px solid #b8b8b8;
}

/*input[type="number"] 화살표 없애기*/
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*셀러상품목록-쿠폰*/
.moall-wrapper .sellerlayout .wrap_info {
    overflow-x: hidden;
}

.bb_0 {
    border-bottom: 0 !important;
}

/*embed 영역 동영상 수정*/
.youtube-video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.youtube-video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*ID->가상계좌일때 주문결제*/
.contents-wrapper.wrap_orderendcont .orderend-pricewrap table tr th{
    width:200px;
}
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-accountline.first-accountline {
    /*display: inherit;*/
}
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .first-accountline th {
    padding: 16px 8px 16px 16px;
    width: 160px;
}
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .first-accountline td {
    padding: 16px 16px 16px 8px;
}
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-accountline:last-of-type th {
    padding: 16px 8px 16px 16px;
    width: 160px;
}
.contents-wrapper.wrap_orderendcont .orderend-pricewrap .orderend-accountline:last-of-type td {
    padding: 16px 16px 16px 8px;
}

/*회원가입-이용약관 모달*/
.policynmodal .modalcontent {
    font-size: 11px;
    font-weight: 400;
    color: #727272;
    margin-bottom: 10px;
    background-color: #f8f9fa;
    padding: 20px;
    /*height: auto;*/
    word-wrap: break-word;
    margin-bottom:0;
}
.policynmodal .modalcontent h4{
    background-color: #f8f9fa !important;
}
.policynmodal .modal-body{
    height:auto !important;
}
.common-modal-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 15px;
    top: 0 !important;
    border-bottom: 1px solid #e8e8e8;
}
.common-modal-header .modal-title{
    width: 100%;
    margin-left: 20px;
}
/*상품상세-구매후기*/
.review-detail-list-wrapper .help-yn {
    display: flex;
    align-items: center;
    justify-content: center;
}
.review-detail-list-wrapper .help-yn .btn-wrapper {
    width: auto;
    display: flex;
    gap: 4px;
}
/*faq*/
.customer-wrapper.faqlist .nav-tabs > li > a {
    color: #727272;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    min-width: 50px;
    margin-right: 0;
    border: 1px solid #e8e8e8;
    height: auto;
    line-height: initial;
    padding: 6px !important;
    border-radius: 10px;
    background: #fff;
    margin: 4px;
}
.customer-wrapper.faqlist .nav-tabs > li {
    width: auto;
}
/*회원가입 인증 번호 입력 input*/
.common-wrapper.new_join_wrap .numberinput{
    flex:1;
}
/*마이페이지>마이오더 탭*/
.mypage-myorder #orderTab li.active:first-child {
    border-right: 1px solid #e8e8e8;
    border-left:0;
}
.mypage-myorder #orderTab li.active:last-child {
    border-left: 1px solid #e8e8e8;
    border-right: 0;
}
.mypage-myorder #orderTab li a{
    border:0;
}
/*디테일 가격+포인트 노출*/
@media (max-width: 420px) {
    .prod-info-wrapper .info-wrapper .panel-heading .price-wrapper {
        flex-wrap: wrap;
    }
    .prod-info-wrapper .info-wrapper .panel-heading .price-box {
       /* width:100%;*/
    }
    .prod-info-wrapper .info-wrapper .panel-heading .detail-icon-share {
        margin-left: auto;
        width: 100%;
    }
    .prod-info-wrapper .info-wrapper .panel-heading .detail-icon-share .reward_share {
        justify-content: end;
    }

}

/*주문하기>Bank Deposit 셀렉트박스 라이브러리*/
.select2-container .select2-selection--single .select2-selection__rendered {
    white-space: pre-line !important; 
    word-wrap: break-word;
}
.select2-container .select2-selection--single {
    height:auto !important;
}
.select2-container--default .select2-selection--single {
    border: 2px solid #222 !important;
    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: 97% 50%;
    border-radius: 10px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    display:none;
}
.select2-container {
    width: 100% !important;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: none !important; 
}
.select2-dropdown {
    border: 2px solid #222;
    border-top: none; 
}
.select2-results__option {
    border-bottom: 1px solid #ddd;
}
.select2-results__option:first-child{
    border-top:1px solid #ddd;
}
.select2-results__option:last-child {
    border-bottom: none;
}
/*디테일> 구매하기위 말풍선*/
.purchase-wrapper.detail-purchasewrapper .purchasebtn-smallpopup {
    position: absolute;
    top: -7%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*마이페이지>개인정보관리*/
.my-wrapper.my-info-modify .check_list {
    white-space: normal !important;
}
/*마이페이지>쿠폰*/
.my-info-wrapper.my-coupon-wrapper .mytotal_num li{
    padding:0 20px;
}
/*마이페이지>문의하기*/
.contents-wrapper.myqna.my-qna #itemqna_ul .media-left {
    flex-wrap: wrap;
}
.contents-wrapper.myqna.my-qna #item_one_to_one_ul .media-left {
    flex-wrap: wrap;
}
.contents-wrapper.myqna.my-qna #item_one_to_one_ul .qna_user_info span:first-child {
    width: 50%;
    text-align: left;
}
.contents-wrapper.myqna.my-qna #item_one_to_one_ul .qna_user_info span:last-child {
    white-space:nowrap;
}
/*라자옹키-주소*/
.raja-address-box{
    display:flex;
    align-items:center;
}
.raja-address-box .raja-address-input,
.id-raja-address .raja-address-input {
    width: 35%;
    margin-right: 12px;
}
.raja-address-box .raja-address-btn,
.id-raja-address .raja-address-btn {
    width: 65%;
    font-size: 0.8125rem;
}
.rajadelivermodal .recipient-info {
    margin-top: 10px;
}
.rajaaddDelivery .recipient-info {
    margin-top: 10px;
}
.rajadelivermodal .form-request label {
    padding: 15px;
}
.rajaaddDelivery .form-request label {
    padding: 15px;
}
.rajapostmodal {
    padding-right: 0 !important;
}
.rajapostmodal .modal-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 15px;
}
.rajapostmodal .modal-title {
    width: 100%;
    margin-left: 20px;
}
.rajapostmodal .raja-input-address {
    border: 2px solid #000 !important;
    background: #fff !important;
    height: 40px;
    border-radius: 10px;
    border: 0;
    color: #555;
    font-size: .75rem;
    width:100%;
}
.rajapostmodal .search-btn-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
}
.rajapostmodal .Icon_Search {
    padding: 0 !important;
    height: 32px !important;
    width: 32px;
    display: flex;
    align-items: center;
}
.rajapostmodal .raja-address-fail p {
    font-size: 0.75rem;
    padding: 20px 0;
    color: #727272;
    text-align: center;
}
.rajapostmodal .raja-address-detail p:first-child {
    color: #929292;
    font-size: 0.75rem;
}
.rajapostmodal .raja-address-detail p:last-child {
    color: #222;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 4px 0;
}
.rajapostmodal .raja-address:first-child {
    margin-top: 20px;
}
.rajapostmodal .raja-address {
    border-top: 1px solid #e8e8e8;
    padding: 20px 12px;
    cursor:pointer;
}
.rajapostmodal .raja-address-wrap{
    padding-bottom:20px;
}
.rajapostmodal .raja-address-choice button {
    font-size: 0.75rem;
    outline: none;
    border: none;
}
.rajapostmodal .raja-address-choice button:focus,
.rajapostmodal .raja-address-choice button:active{
    outline: none;
    border: none;
}
.rajapostmodal#postModal .modal-header{
    border-bottom:0;
}
.rajapostmodal#postModal .modal-body{
    padding:15px;
}
.rajapostmodal#postModal .modal-body{
    margin-top:58px;
}

.rajapostmodal#postModal .raja-address-choice .btn {
    height: 28px;
    line-height: 28px;
    padding: 0px 18px;
}
.rajaaddDelivery.in{
    padding-right:0 !important;
}
.rajapostmodal.in {
    padding-right: 0 !important;
}
.rajapostmodal .tip-wrap {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 0.875rem;
    background-color: #f8f8f8;
    padding: 15px;
}
.rajapostmodal .tip-wrap .title {
    font-size: 1.375rem;
    margin-bottom: 15px;
    font-weight: bold;
    color: #222;
    padding: 0;
    height: initial;
}
.rajapostmodal .tip-wrap .infor {
    color: #222;
    margin-bottom: 20px;
   font-size: 0.75rem;
    line-height: 1.6;
}
.rajapostmodal .tip-wrap .example-box {
    margin-bottom: 20px;
    font-size: 0.75rem;
}
.rajapostmodal .tip-wrap .example-title {
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
    font-size: 0.75rem;
}
.rajapostmodal .tip-wrap .example-point {
    color: #008bd3;
    margin-left: 10px;
    margin-bottom: 5px;
    font-size: 0.75rem;
}
@media (min-width: 768px) {
    .id-raja-address .raja-address-btn {
        font-size: 1rem;
    }
    .rajapostmodal .raja-input-address {
        font-size: 0.9375rem;
    }
    .rajapostmodal .raja-address-fail p {
        font-size: 0.9375rem;
    }
    .rajapostmodal .raja-address-detail p:first-child {
        font-size: 0.9375rem;
    }
    .rajapostmodal .raja-address-detail p:last-child {
        font-size: 0.9375rem;
    }
    .rajapostmodal .raja-address-choice button {
        font-size: 0.9375rem;
    }
    .rajapostmodal#postModal .modal-body {
        padding: 15px 25px 0;
    }
    .rajapostmodal#postModal .modal-body {
        margin-top: 58px;
    }
    .rajapostmodal .tip-wrap .example-box,
    .rajapostmodal .tip-wrap .example-title,
    .rajapostmodal .tip-wrap .example-point {
        font-size: 0.875rem;
    }
}
/*비밀번호 아이콘*/
.login-icon-box{
    position:relative;
}
.login-icon-box .password-icon .iconhide {
    display: none;
}
.login-icon-box .password-icon .icon {
    outline: none;
    border: none;
    background: transparent;
    cursor: pointer;
    box-shadow: none;
    width: 50px;
    height: 32px;
}
.login-icon-box .password-icon .icon .pc-icon{
    display:none;
}
.login-icon-box .password-icon .icon .m-icon {
    width:18px;
}
/*로그인*/
.common-wrapper.Login_page .password-icon {
    position: absolute;
    top: 6px;
    right: 0px;
}
/*회원가입*/
.common-wrapper.new_join_wrap .password-icon {
    position: absolute;
    top: 1px;
    right: 0px;
}
/*마이페이지>개인정보관리*/
.my-wrapper.my-info .password-icon {
    position: absolute;
    top: 3px;
    right: 0px;
}
.my-wrapper.my-info-modify .password-icon {
    position: absolute;
    top: 4px;
    right: 0px;
}
/*비밀번호 재설정*/
.pwsearch_reset .password-icon {
    position: absolute;
    top: 2px;
    right: 0px;
}
/*디테일 문의하기 (비회원일때)*/
.detail-qnamodal .password-icon {
    position: absolute;
    top: 24px;
    right: 0px;
}
/*디테일 문의하기 탭에서 확인*/
.detail_wrap_moall #prodQna .password-icon {
    position: absolute;
    top: 3px;
    right: 0px;
}
/*게시판 비밀글 보기*/
.newlist-replypwdmodal .password-icon {
    position: absolute;
    top: 3px;
    right: 0px;
}
/*게시판 비밀 댓글*/
.newdetail-replymodal .password-icon {
    position: absolute;
    top: 3px;
    right: 0px;
}
/*게시판 비밀 댓글 수정*/
.replypwmodal .password-icon {
    position:absolute;
    top: 3px;
    right: 0px;
}
.new-modal.newlistmodal .login-icon-box .password-icon {
    position: absolute;
    top: 3px;
    right: 0px;
}
@media (min-width: 768px) {
    .login-icon-box .icon .m-icon {
        display: none !important;
    }
    .login-icon-box .icon .pc-icon {
        display: block !important;
    }
    .login-icon-box .password-icon .icon {
        width: auto;
        height: auto;
    }
    /*로그인*/
    .common-wrapper.Login_page .password-icon {
        top: 13px !important;
        right: 15px !important;
    }
    /*비밀번호 재설정*/
    .pwsearch_reset .password-icon {
        top: 10px !important;
        right: 8px !important;
    }
    /*회원가입*/
    .common-wrapper.new_join_wrap .password-icon {
        top: 10px !important;
        right: 8px !important;
    }
    /*마이페이지>개인정보관리*/
    .my-wrapper.my-info .password-icon {
        top: 10px !important;
        right: 8px !important;
    }
    .my-wrapper.my-info-modify .password-icon {
        top: 10px !important;
        right: 8px !important;
    }
    /*디테일 문의하기 (비회원일때)*/
    .detail-qnamodal .password-icon {
        top: 38px !important;
        right: 8px !important;
    }
    /*디테일 문의하기 탭에서 확인*/
    .detail_wrap_moall #prodQna .password-icon {
        top: 12px !important;
        right: 9px !important;
    }
    /*게시판 비밀글 보기*/
    .newlist-replypwdmodal .password-icon {
        top: 10px !important;
        right: 15px !important;
    }
    /*게시판 비밀글 댓글*/
    .newdetail-replymodal .password-icon {
        top: 13px !important;
        right: 10px !important;
    }
    /*게시판 비밀 댓글 수정*/
    .replypwmodal .password-icon {
        top: 10px !important;
        right: 11px !important;
    }


    .pwsearch_reset .pwsearch p:first-child,
    .idsearch_list .idsearch p:first-child,
    .guestinfo_form .guesttext p:first-child,
    .new-modal.new-modal .fs-11px label,
    .new-modal.new-modal .fs-11px .text-keep,
    .new-modal.new-modal .fs-11px input,
    .new-modal.new-modal .fs-11px textarea,
    .new-modal.new-modal button,
    .newlist-replypwdmodal input[type="password"],
    .newlist-replypwdmodal button,
    .newdetail-replymodal label,
    .newdetail-replymodal input,
    .newdetail-replymodal textarea {
        font-size: 0.938rem;
    }
    .new-modal.new-modal .fs-11px input::placeholder,
    .new-modal.new-modal .fs-11px textarea::placeholder,
    .newdetail-replymodal input::placeholder,
    .new-modal.new-modal .agreebox span,
    .newdetail-replymodal .agreebox span{
        font-size: 0.938rem !important;
    }
    .new-modal.newlistmodal .login-icon-box .password-icon {
        top: 14px !important;
        right: 15px !important;
    }
   
}
/*결제 cod 안내문구 화면 넘칠때*/
.contents-wrapper.detail #payment_method11 .pay-benefit-global {
    white-space: pre-line;
}

/*게시판 - 1열 타임세일 위치 조정*/
.board-mixgoods .goods-timesale-label {
    width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
/*상세> 상품 이미지 클릭시 모달 뜨게*/
.prod-info-wrapper.wrap_info .image-wrapper video,
.prod-info-wrapper.wrap_info .image-wrapper img{
    cursor:pointer;
}
.imgbundle-modal .content {
    background: #fff;
    padding: 62px 0px 50px;
}
.imgbundle-modal .header {
    padding: 15px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    width: 100%;
    z-index: 99;
}
.imgbundle-modal .header button {
    background: none;
    border: none;
    box-shadow: none;
    margin-left: auto;
}
.imgbundle-modal .header button img{
   width: 32px;
    height: 32px;
}
.imgbundle-modal .header-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.imgbundle-modal .header-box .title {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size:16px;
    font-weight:bold;
}
@media (min-width: 768px) {
    .imgbundle-modal .header {
        width: 640px;
    }
    .imgbundle-modal .body {
        padding-bottom: 100px !important;
    }
    .imgbundle-modal .body .modal-slide:last-child{
        padding-bottom:0%;
    }
}
.imgbundle-modal .body {
    overflow-y: auto;
    height: 100vh;
    padding-bottom: 150px;
    position:relative;
}
.imgbundle-modal .body .modal-slide {
    height: auto;
    padding-bottom: 0 !important;
    width: 100%;
    display: block;
}
.imgbundle-modal .body .modal-slide:last-child{
    padding-bottom:10%;
}

/*게시판-비회원정책 관련 타이틀*/
@media (min-width: 768px) {
    .modal.newlistmodal .guest-board-rule {
        font-size: 0.938rem;
    }
    .modal.newlistmodal .guest-board-text p {
        font-size: 0.75rem;
    }
    .modal.newdetail-replymodal .guest-board-rule {
        font-size: 0.938rem;
    }
    .modal.newdetail-replymodal .guest-board-text p {
        font-size: 0.75rem;
    }
}
.modal.newlistmodal .guest-board-rule {
    color: #bbb;
    margin: 4px 0;
}
.modal.newdetail-replymodal .guest-board-rule {
    color: #bbb;
    margin: 4px 0;
}
/*게시판-댓글 스크롤처리*/
.reply.modal.newdetail-replymodal .modal-body {
    overflow-y: auto;
    padding: 16px;
    max-height: calc(90vh - 100px);
}
/*마이페이지>회원등급*/
.userclass-modal .benefit_group_body .class_option ul {
    padding: 5px 25px;
}
.userclass-modal .benefit_group_body .info-title{
    padding:10px 10px 0;
}
.userclass-modal .benefit_group_body .info-title b {
    padding: 0;
}
.userclass-modal .benefit_group_body .info-title p{
    font-size:0.875rem;
    font-weight:bold;
}
@media (min-width: 768px) {
    .userclass-modal .benefit_group_body .info-title p {
        font-size: 1.063rem;
    }   
}
/*회원가입>성별 선택 */
@media (min-width: 768px) {
    .common-wrapper.new_join_wrap #gender {
        font-size: 0.9375rem !important;
    }
}
.common-wrapper.new_join_wrap #gender {
    font-size: 0.75rem;
}

/*사이드 메뉴*/
#sidemenu .sidemenu-top-notcharea {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
#sidemenu .sidemenu-wrapper {
    margin-top: 61px;
    padding-bottom: 30px;
}
@media (min-width: 768px) {
    /*사이드메뉴*/
    #sidemenu .sidemenu-top-notcharea {
        width: 640px;
    }

    /*마이페이지-개인정보*/
    .my-wrapper.my-info-modify #gender {
        font-size: 0.938rem;
    }
    /*비밀번호 재설정*/
    .pwsearch_reset .pwsearch p:last-child {
        font-size: 0.938rem;
    }
    /*마이페이지>주문결제>주문취소*/
    .modal.myorder_return .modal-footer button {
        font-size: 0.938rem;
    }
    .modal.myorder_return input::placeholder {
        font-size: 0.938rem;
    }
}
/*주문결제 - 배송지 불러오기*/
html[lang="ko"] .contents-wrapper.detail .order-title-wrapper .deliverymodalbtn{
    white-space:nowrap;
}
html[lang="id"] .contents-wrapper.detail .order-title-wrapper .deliverymodalbtn {
    white-space: nowrap;
}
html[lang="id"] .contents-wrapper.detail .order-title-wrapper .txt {
    width: 65%;
}
html[lang="vi"] .contents-wrapper.detail .order-title-wrapper .txt {
    width: 65%;
}
html[lang="en"] .contents-wrapper.detail .order-title-wrapper .txt {
    width: 65%;
}
/*디테일>구매후기 슬라이드 씹히는 증상 (임시방편)*/
.contents-wrapper.view .container.good-review .prod.type1.slide_text{
    margin-bottom:1px;
}
/*주문,결제-border*/
.payment-wrapper.oder .order-border-e8{
    border-bottom:1px solid #e8e8e8;
    border-top:0;
    border-left:0;
    border-right:0;
    margin:0 15px;
}
.payment-wrapper.oder .collapse-wrap{
    cursor:pointer;
}
.payment-wrapper.oder .pay-title-wrap .fa {
    color: var(--btn_type_shopbasic2_color, #ffd800);
    font-size: 2rem;
    margin-left: 10px;
}
.payment-wrapper.oder .pay-title-wrap .desc {
    font-size: 14px;
    font-weight:500;
}
html[lang="ko"] .payment-wrapper.oder .pay-title-wrap .desc {
    position: relative;
    top: 2px;
}
html[lang="id"] .payment-wrapper.oder #paymenttoggle .order-title {
    width: 50%;
}
html[lang="id"] .payment-wrapper.oder #paymenttoggle .desc {
    text-align: right;
    display: flex;
    width: 50%;
    justify-content: end;
}