@keyframes transformIcon {
    0% {
        opacity: 0;
        position: relative;
    }
    100% {
        opacity: 1;
        position: relative;
    }
}

@keyframes transformCategory {
    0% {
        opacity: 0;
        width: 100%;
        left: 0;
    }
    100% {
        opacity: 1;
        width: 100%;
        left: 0;
    }
}

@keyframes bounce {
    0%,100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

html.loaded .user-menu__link,
html.loaded .left-menu__link {
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

html.loaded .category__link {
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

.top-banner {
    overflow: hidden;
    position: relative;
    width: 100%;
    background: var(--main-color);
    text-align: center;
    z-index: 11;
    height: 40px;
}

.top-banner__list,
.top-banner__item {
    width: 100%;
    height: 100%;
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column;
}

.top-banner__item {
/*    width: 50%;*/
    box-sizing: border-box;
}

.top-banner__link {
    font-size: 14px;
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: center;
    font-weight: 700;
}

.top-banner__link .i-kakao {
    display: inline-block;
    vertical-align: top;
    width: 18px;
    height: 18px;
    background: url(../img/icon/kakao.png) no-repeat;
    background-size: 100% auto;
    margin-right: 7px;
    position: relative;
    top: 11px;
}

.top-banner .btnClose {
    position: absolute;
    left: calc(100vw - 78px);
    top: 10px;
    width: 13px;
    height: 13px;
    background: none;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 150%;
    font-size: 1px;
    color: transparent;
    line-height: 1px;
}

header.header {
    width: 100%;
    height: 80px;
    z-index: 11;
}

.header__wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border-bottom: 1px solid #efefef;
}

.header__wrap.fixed {
    position: fixed;
/*    transform: translateY(-80px);*/
}

html.loaded .header__top {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.header__top {
    height: 80px;
}

.header__wrap.fixed {
/*    height: 60px;*/
}

.top-logo {
    position: absolute;
    height: 100%;
/*    left: 0;*/
    z-index: 2;
}

/*
.chk-moa[data-chk="9999"] ~ .top-logo {
    width: 140px;
    margin-left: -70px;
    top: 2px;
}
*/

.top-logo__item {
    height: 100%;
    display: flex;
    align-items: center;
}

.top-logo__item:not(:nth-child(1)) {
    display: none;
}

.chk-moa[data-chk="9999"] ~ .top-logo .top-logo__link svg {
    display: block;
    width: 100%;
/*    height: auto;*/
}

.top-logo__item img {
    width: auto;
    height: auto;
    max-height: calc(100% - 40px);
    min-height: calc(100% - 67px);
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.chk-moa[data-chk="9999"] ~ .top-logo .top-logo__link img {
    width: 100%;
}

.header-top__right {
    margin-left: auto;
}

.header-top__menu:not(:first-child)::before {
    content: '';
    margin: 0 10px;
    width: 1px;
    height: 11px;
    background: rgb(233,235,237);
}

.header-top__link {
    font-size: 14px;
    color: #808080;
    font-weight: 500;
}

.header__bottom {
    height: 80px;
}

.header__wrap.fixed .header__bottom {
    margin-top: 0;
}

.header__bottom .top-logo > .top-logo__item:nth-child(1) {
    display: flex;
    height: 100%;
    box-sizing: border-box;
}

.header__bottom .top-logo img {
    max-height: calc(100% - 36px);
    min-height: calc(100% - 62px);
}

.header__bottom[data-chk="9999"] .top-logo img {
    height: 24px;
    width: auto;
}

.header__wrap.fixed .header__bottom .top-logo {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease, visibility 0.5s ease, top 0.5s ease;
/*    transition-delay: 0.1s !important;*/
}

.header__wrap > div > .container,
.category,
.category > .category__list {
    height: 100%;
}

.category {
    position: absolute;
    bottom: 0;
    text-align: center;
    overflow: visible;
    left: 50%;
    transform: translateX(-50%);
    width: 57%;
}

.category > .category__list {
    width: auto;
}

.header__wrap.fixed .category__list {
    margin-left: 0;
    justify-content: center;
}

.category .category__item {
    position: relative;
    margin: 0 20px;
    height: 100%;
}

.category__link {
    font-size: 16px;
    display: block;
    font-weight: 650;
    color: #3c3a39;
    position: relative;
/*    color: rgba(0,0,0,.87);*/
}

.category .category__item[data-name="타임세일"] .category__link,
.category .category__item[data-name="타임특가"] .category__link,
.category .category__item[data-name="타임 특가"] .category__link,
.category .category__item[data-name="타임 세일"] .category__link,
.category .category__item[data-name="TIMESALE"] .category__link,
.category .category__item[data-name="TIME SALE"] .category__link,
.aside-category__item[data-name="타임특가"] .aside-category__link span,
.aside-category__item[data-name="타임 특가"] .aside-category__link span,
.aside-category__item[data-name="타임세일"] .aside-category__link span,
.aside-category__item[data-name="타임 세일"] .aside-category__link span,
.aside-category__item[data-name="TIMESALE"] .aside-category__link span,
.aside-category__item[data-name="TIME SALE"] .aside-category__link span {
    position: relative;
}

.category .category__item[data-name="타임세일"] .category__link::after,
.category .category__item[data-name="타임특가"] .category__link::after,
.category .category__item[data-name="타임 특가"] .category__link::after,
.category .category__item[data-name="타임 세일"] .category__link::after,
.category .category__item[data-name="TIMESALE"] .category__link::after,
.category .category__item[data-name="TIME SALE"] .category__link::after,
.aside-category__item[data-name="타임특가"] .aside-category__link span::after,
.aside-category__item[data-name="타임 특가"] .aside-category__link span::after,
.aside-category__item[data-name="타임세일"] .aside-category__link span::after,
.aside-category__item[data-name="타임 세일"] .aside-category__link span::after,
.aside-category__item[data-name="TIMESALE"] .aside-category__link span::after,
.aside-category__item[data-name="TIME SALE"] .aside-category__link span::after {
    content: '';
    position: absolute;
    top: -2px;
    right: -7px;
    display: inline-block;
    /* padding: 2px 10px; */
    border-radius: 50%;
    background: var(--timesale-color);
    font-weight: 600;
    width: 5px;
    height: 5px;
}

.user-menu__link {
    line-height: 59px;
/*    font-weight: 500;*/
    font-size: 14px;
}

.slash {
    font-size: 14px;
    margin: 0 2px;
}

.icon-menu__item {
    margin-left: 20px;
    cursor: pointer;
    position: relative;
}

.icon-menu__item svg {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}

.icon-menu__item--all-cate.on .hamburger-bars:nth-child(3) {
    top: 7px;
    transform: rotate(-45deg);
    width: 20px;
}

.icon-menu__item--user .user-menu {
    display: block;
    height: 100%;
}

.join-benefit {
    position: absolute;
    display: inline-block;
    top: -25px;
    left: 50%;
    width: 50px;
    height: 16px;
    line-height: 17px;
    font-size: 11px;
    color: var(--jp-txt-color);
    margin: 0 0 0 -26px;
    border: 1px solid var(--jp-border-color);
    border-radius: 40px;
    background: var(--jp-bg);
    text-align: center;
    font-weight: 700;
    animation: bounce 1.6s infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.join-benefit::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin: 0 0 0 -3px;
    border-style: solid;
    border-width: 5px 4px 0;
    display: block;
    width: 0;
    z-index: 1;
    border-color: var(--main-color) transparent;
}

.join-benefit::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin: 0 0 0 -2px;
    border-style: solid;
    border-width: 5px 3px 0;
    display: block;
    width: 0;
    z-index: 2;
    border-color: #f5fff4 transparent;
}

.icon-search-mobile {
    display: none;
}

.cart-count {
    display: block;
    position: absolute;
    bottom: -4px;
    right: -7px;
    font-size: 10px;
    text-align: center;
    line-height: 13px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--main-color);
    border: 1px solid #fff;
    color: #fff;
    box-sizing: border-box;
    font-weight: 600;
}

.sub-category {
    position: absolute;
    background: rgba(255,255,255,.95);
/*    width: 140px;*/
    width: 150px;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    left: 50%;
    margin-left: -75px;
    top: calc(100% + 5px);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}

.sub-category--s {
    width: 110px;
    margin-left: -55px;
}

.sub-category--s .sub-category__link {
    font-size: 13px;
}


.left-menu .sub-category,
.icon-menu__item--user .sub-category--my-menu {
    top: calc(100% + 7.5px);
    width: 95px;
    margin-left: -47.5px;
}

.header-transform .header__wrap .sub-category--my-menu {
    top: calc(100% + 5px);
}

html.loaded .sub-category {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.sub-category--depth-three {
    top: -5px;
    left: 0;
    margin-left: 0;
    -webkit-transform: translateX(calc(100% - 2px));
    transform: translateX(calc(100% - 2px));
}

.sub-category__list {
    padding: 10px 0;
    text-align: center;
}

.sub-category__item {
    position: relative;
    padding: 0 10px;
}

.sub-category__link {
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    line-height: 33px;
    transition: background 0.2s ease;
}

div.other {
    margin-left: auto;
    position: relative;
    z-index: 1;
}

.top-search-popup {
    position: absolute;
    top: 50px;
    right: 0;
    width: 370px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #efefef;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
}

html.loaded .top-search-popup,
html.loaded .skwd{
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}

.top-search.on .top-search-popup {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.header__wrap.fixed .top-search-popup {
    top: 53px;
    right: -45px;
}

.top-search-popup__wrapper {
    padding: 24px;
}

.top-search-popup__title {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin-bottom: 16px;
}

.header__wrap:not(.fixed) .top-search-box {
    display: none;
}

.top-search-box form {
    position: relative;
}

.header__wrap.fixed .top-search input[type="text"].top-search-popup__input {
    width: 100%;
    height: 40px;
    text-indent: 20px;
}

.top-search-popup__btn {
    position: absolute;
    top: 50%;
    right: 17px;
    margin-top: -7.5px;
    cursor: pointer;
}

.top-search-popup__btn img {
    width: 15px;
    height: auto;
}

.hot-keyword-list {
    gap: 8px;
}

.top-search-popup .search__keyword {
    margin: 0;
}

.top-search-popup__close {
    cursor: pointer;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 25px;
    right: 23px;
}

.top-search-popup__close::before,
.top-search-popup__close::after {
    content: '';
    display: block;
    width: 15px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 7px;
    right: 0;
    transform: rotate(45deg);
}

.top-search-popup__close::after {
    transform: rotate(-45deg);
}

.jsHeader.fixed .other #searchBarForm,
.jsHeader.fixed div.other__menu--all-cate {
    display: none;
}

.b-search {
    margin-right: 15px;
}

.b-search fieldset {
    position: relative;
    width: 240px;
    line-height: 1;
    font-size: 0;
}

.b-search input#keyword {
    padding: 0;
    margin: 0;
    height: 40px;
    width: 100%;
    font-size: 14px;
    color: #888;
    margin: 0;
    box-sizing: border-box;
    text-indent: 16px;
    font-weight: 600;
    border: 1px solid #f5f6f7;
    background: #f5f6f7;
    border-radius: 40px;
}

.b-search input#keyword::placeholder {
    color: #888;
}

.b-search__submit {
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -8px;
    cursor: pointer;
    width: 16px;
}

.skwd {
    width: 100%;
    box-sizing: border-box;
}

.b-search .skwd {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
}

.skwd.on {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.jsSearchForm .skwd {
    position: relative;
    box-shadow: none;
    border: none;
}

.skwd__inner {
    max-height: calc(100vh - 244px);
    overflow: auto;
}

.skwd__inner::-webkit-scrollbar {
    width: 3px;
    background: #333;
}

.skwd__inner::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #333;
}

.skwd__inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
}

.skwd__section {
    margin: 20px 0 40px;
}

.skwd__section .search__container {
    padding: 0 0 22px;
    border-bottom: 1px solid #eee;
}

.skwd__section:first-child {
    margin-top: 0;
}

.skwd__section:last-child {
    margin-bottom: 0;
/*
    border-bottom: none;
    padding: 0;
*/
}

.skwd-recent {
    display: block !important;
    width: 100%;
}

.skwd__title {
    font-size: 18px;
    font-weight: 750;
    margin-bottom: 22px;
    letter-spacing: -0.16px;
    color: #2e2e2e;
}

.recent__delete {
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer;
    z-index: 1;
    color: #999;
    margin-top: -7px;
}

.skwd-recent__empty {
    text-align: center;
    padding: 30px;
    border-radius: 6px;
    color: #606060;
    font-weight: 500;
    font-size: 14px;
}

.skwd-recent__empty:empty,
.skwd-recent__empty:not(:empty) + .skwd-recent__list {
    display: none;
}

.skwd-recent__list li {
    padding: 10px 0 10px 0;
    display: flex;
    box-sizing: border-box;
    width: calc(50% - 20px);
}

.skwd-recent__list li:nth-child(even) {
    margin-left: auto;
}

.skwd-recent__list li > a {
    color: #333;
    font-size: 14px;
    display: block;
    width: calc(100% - 30px);
}

html.loaded .skwd-recent__list li {
    transition: border-color 0.2s;
}

.skwd-recent__list .btnDelete {
    font-size: 0;
    width: 14px;
    height: 17px;
    background: url(../img/icon/icon_x.svg) no-repeat center right;
    background-size: 10px auto;
    margin-left: auto;
    cursor: pointer;
}

.skwd-hot__list {
    counter-reset: section;
}

.skwd-hot__item {
    margin-bottom: 18px;
    width: 50%;
}

.skwd-hot__item::before {
    counter-increment: section;
    content: counter(section);
    margin-right: 8px;
    font-size: 14px;
    font-weight: bold;
    min-width: 16px;
    text-align: center;
}

.skwd-hot__item:nth-child(1)::before,
.skwd-hot__item:nth-child(2)::before,
.skwd-hot__item:nth-child(3)::before,
.skwd-hot__item:nth-child(4)::before{
    color: #FF3F3F;
}

.skwd-hot__item a {
    font-size: 14px;
    color: #333;
    display: block;
    width: calc(100% - 25px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.skwd-today__container:not(.on) {
    padding: 20px 0 60px;
/*    display: none;*/
}

.skwd-today__container:not(.on)::after {
    content: '';
    width: 28px;
    height: 28px;
    border: 3px solid #2e2e2e;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    position: absolute;
    left: 50%;
    margin-left: -14px;
}
/*
.skwd-today__list,
.skwd-today .skwd-recent__empty {
    display: none;
}
*/

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

.skwd-today__list.xans-product-listitem {
    border: none;
}

.skwd-today__item:not(:last-child) {
    margin-bottom: 15px;
}

.skwd-today__thumb {
    width: 70px;
    margin-right: 20px;
    line-height: 1;
    font-size: 0;
}

.skwd-today__thumb img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.skwd-today__desc {
    width: calc(100% - 120px);
}

.skwd-today__prd-name {
    font-weight: 500;
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.skwd-today__price {
    font-size: 14px;
    font-weight: bold;
    color: #2e2e2e;
    margin-right: 8px;
}

.skwd-today__price--custom {
    color: #bababa;
    font-weight: 500;
    font-size: 13px;
}

.skwd-today__price--basic.strike {
    display: none;
}


.usm {
    margin-right: 20px;
}

.usm__item:not(:last-child)::after {
    content: '';
    width: 1px;
    height: 10px;
    background: #d6d6d6;
    margin: 0 10px 0 7px;
    display: inline-block;
}

.usm__link {
    font-size: 14px;
    color: #333;
}

.other__menu {
    cursor: pointer;
    font-size: 0;
}

.other__menu--search {
    margin-right: 14px;
}

.other__menu--cart {
    margin-left: 16px;
}

.other__link--hasChild {
    padding-bottom: 24px;
    display: block;
    transform: translateY(12px);
}

.other__menu--all-cate {
    width: 20px;
    height: 16px;
    cursor: pointer;
    position: relative;
    margin-left: 18px;
}

div.other__menu--all-cate {
    width: 18px;
    height: 14px;
    margin-left: 0;
}

.hamburger-bars {
    width: 20px;
    height: 1px;
    background: #000;
    display: block;
    position: absolute;
    left: 0;
    transform-origin: left;
/*    box-shadow: 0px 0.5px 0px #000;*/
    box-shadow: 0px 1px 0px rgba(0,0,0,0.4);
}

.hamburger-bars--b {
    width: 18px;
}

html.loaded .hamburger-bars {
    -webkit-transition: transform 0.2s cubic-bezier(0.4, 0.4, 0.000, 1.0), background 0.2s ease-in-out;
    transition: transform 0.2s cubic-bezier(0.4, 0.4, 0.000, 1.0), background 0.2s ease-in-out;
}

.hamburger-bars:nth-child(1) {
    top: 0;
}

.jsAllCateToggle.on .hamburger-bars:nth-child(1) {
    transform: rotate(45deg);
    top: 1px;
}

.icon-menu__item--all-cate.on .hamburger-bars:nth-child(1) {
    top: 7px;
    transform: rotate(45deg);
    width: 20px;
}

.hamburger-bars:nth-child(2) {
    top: 50%;
    margin-top: -1px;
}

.jsAllCateToggle.on .hamburger-bars:nth-child(2),
.icon-menu__item--all-cate.on .hamburger-bars:nth-child(2) {
    opacity: 0;
}

.hamburger-bars:nth-child(3) {
    top: 14px;
}

.hamburger-bars--b:nth-child(3) {
    top: 12px;
}

.jsAllCateToggle.on .hamburger-bars:nth-child(3) {
    transform: rotate(-45deg);
    top: 15px;
}

.search {
    position: fixed;
    top: 0;
    width: 480px;
    height: 100%;
    right: 0;
    background: #fff;
    overflow: hidden;
    z-index: 12;
    transform: translateX(100%);
}

.search.on {
    transform: translateX(0);
}

.search__container {
    margin: 0 40px;
}

.search__inner {
    padding: 40px 0;
}

.search__title {
    font-size: 24px;
    font-weight: bold;
    color: #2e2e2e;
}

.search__form {
    padding: 30px 0 15px;
}

.search__field {
    width: 100%;
    font-size: 0;
    position: relative;
    margin-bottom: 40px;
}

.search__submit {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -9px;
    cursor: pointer;
}

.search__submit img {
    width: 18px;
    height: auto;
}

.search .search__input {
    border: none;
    padding: 0;
    margin: 0;
    height: 50px;
    width: 100%;
    font-size: 15px;
    color: #888;
    margin: 0;
    box-sizing: border-box;
    text-indent: 0;
    font-weight: 600;
    border-bottom: 1px solid #2e2e2e;
    border-radius: 0;
}

.b-search input#keyword:hover,
.b-search input#keyword:focus,
.search .search__input:hover,
.search .search__input:focus {
    border-color: #333 !important;
}

.search .search__input::placeholder {
    color: #888;
}

.search__hot-keyword {
    margin-top: 30px;
}

.hot-keyword__title {
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
    letter-spacing: -0.2px;
}

.search__keyword {
    border: 1px solid rgb(219,222,226);
    border-radius: 40px;
    padding: 9px 16px;
    font-size: 14px;
    line-height: 1;
    display: flex;
    cursor: pointer;
/*    color: rgb(111,119,133);*/
    color: #333;
/*    font-weight: 600;*/
    margin: 0 5px 5px 0;
}

/*
.search__keyword:before {
    content: '#';
}
*/

.search__keyword:empty {
    display: none;
}

.search__close {
    position: absolute;
    top: 50%;
    right: -4px;
    margin-top: -14px;
    cursor: pointer;
    margin-left: auto;
}

.search__close svg {
    width: 28px;
    height: auto;
}

.search__close svg path {
    stroke-width: 1px;
    stroke: #fff;
}

.search-bg {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    background: rgba(0,0,0,.8);
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    z-index: 11;
}

.search.on + .search-bg {
    opacity: 1;
    visibility: visible;
}

html.loaded .search,
html.loaded .search-bg {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.footer {
    position: relative;
    padding: 50px 0 0;
    border-top: 1px solid #efefef;
}

.container--footer {
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.footer__column--company {
    width: 50%;
}

.footer__info-wrap {
    width: 50%;
    margin-top: 0px;
    margin-left: auto;
    justify-content: right;
}

.footer__column:not(:first-child) {
    margin-left: 100px;
}

.footer__title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.footer__title--bank {
/*    margin-bottom: 17px;*/
    margin-bottom: 19px;
}

.footer__logo {
    margin-bottom: 20px;
}

.footer-logo__link:not(:nth-child(1)) {
    display: none;
}

.footer__logo img {
    max-height: 24px;
    width: auto;
}

.footer__txt,
.footer__txt a {
    font-size: 13.5px;
    line-height: 2;
    color: #8c8c8c;
}

.footer__info-item {
    display: flex;
    align-items: center;
}

.footer__info-item:not(:last-child)::after {
    content: '';
    margin: 0 7px;
    background: rgb(233,235,237);
    font-size: 13px;
    width: 1px;
    height: 10px;
    display: inline-block;
}

.footer__txt a {
    display: inline-block;
}

.footer__txt--designby,
.footer__txt--link {
    color: #a7a7a7;
}

.footer__txt--link {
    display: inline;
}

.footer__txt--cs-no {
    font-size: 21px;
    color: #000;
    font-weight: bold;
    line-height: 1.5;
    margin: 8px 0 5px;
}

.footer__txt--notice {
    padding: 8px 15px;
    background: #f4f4f4;
    border-radius: 4px;
    color: #6d6d6d;
    line-height: 1;
    text-align: center;
/*    margin-top: 17px;*/
    margin-top: 24px;
     display: inline-block; 
}

.footer__txt--copyright {
    margin-top: 12px;    
}

html.loaded .policy__about,
html.loaded .policy__link {
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.policy {
/*    border-radius: 2px;*/
    width: 120px;
    height: 35px;
    margin-top: 20px;
    border: 1px solid #efefef;
    cursor: pointer;
}

.policy::after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    background: url(../img/icon/icon_arrow_down.svg) no-repeat center;
    position: absolute;
    top: 15px;
    right: 15px;
    background-size: 100% auto;
    -webkit-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}

.policy.on::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.policy__item {
    margin-right: 25px;
}

.policy__about,
.policy__link {
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.policy__about {
    display: block;
    height: 40px;
    line-height: 36px;
    padding-left: 15px;
    width: calc(100% - 60px);
    font-size: 12px;
}

.footer__bottom {
    border-top: 1px solid #efefef;
    height: 80px;
    margin-top: 50px;
}

.footer__bottom .container {
    width: 100%;
    justify-content: space-between;
}

.social__item:not(:first-child) {
    margin-left: 30px;
}

.social__item img {
    width: auto;
    height: 20px;
}

.social__item--icon_naver img {
    height: 16px;
}

/* popup */

.mpopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
/*
    opacity: 0;
    visibility: hidden;
*/
}

.mpopup__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 1;
/*
    opacity: 0;
    visibility: hidden;
*/
}

.mpopup__container {
    max-width: 385px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.mpopup__banner-item img {
    width: 100%;
    height: auto;
}

.mpopup__footer {
    background: rgb(250, 252, 252);
}

.mpopup__btn {
    width: 50%;
    height: 44px;
    font-size: 13px;
    color: #333;
    font-weight: 600;
}

.mpopup .mpopup__pager {
    position: absolute;
    bottom: 15px !important;
    left: 50% !important;
    width: auto !important;
    z-index: 1;
    text-align: center;
    transform: translateX(-50%);
    padding: 5px;
    background: rgba(0,0,0,0.4);
    border-radius: 40px;
}

.mpopup__pager .swiper-pagination-bullet {
    background: #fff;
}

.mpopup__pager .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

@media (hover: hover) {
    
    .mpopup__btn:hover {
        opacity: .5;
    }
    
    .all-c .sub-category__list > li:hover > .sub-category__link,
    .all-c__child-link:hover {
        color: #000;
    /*    text-decoration: underline;*/
    }

    .all-c .sub-category:not(.sub-category--depth-three) > .sub-category__list > li:hover > .sub-category__link::after,
    .all-c__child-link:hover::after {
        background: #000;
    }
    
    html.loaded .skwd-recent__list li:hover {
        border-color: #000;
    }
    
    .category .category__item:hover .category__link {
        color: var(--main-color);
    }
    
    .other__menu--all-cate:hover .hamburger-bars {
        background: var(--main-color);
        box-shadow: 0px 1px 0px var(--main-color);
    }
    
    .policy__link:hover {
        opacity: .4;
    }
    
    .all-c .sub-category__item:hover .sub-category--depth-three {
        opacity: 1;
        visibility: visible;
    }
    
    .header__wrap:not(.search-on) .header__bottom li:hover > .sub-category:not(.on),
    .header__wrap:not(.search-on) .header__bottom li.sub-category__item:hover > .sub-category--depth-three,
    .header__wrap:not(.search-on) .icon-menu__item:hover > .sub-category {
        top: calc(100%);
        opacity: 1;
        visibility: visible;
    }
    
    .header__wrap:not(.search-on) .header__bottom li:hover > .sub-category--depth-three {
        top: -11px !important;
    }

/*
    .header__wrap:not(.search-on) .other__menu:hover > .sub-category {
        top: calc(100% + 5px) !important;
    }
*/

    .sub-category__item:hover > .sub-category--depth-three:not(.on) {
        top: -1px;
        opacity: 1;
        visibility: visible;
    }
    
    .sub-category__item:hover > .sub-category__link,
    .header__wrap:not(.search-on) .icon-menu__item--user .sub-category__item:hover > .sub-category__link {
        background: rgba(100,100,100,0.05);
    }
    
    html.loaded .search__keyword {
        transition: border-color 0.3s ease;
    }
    
    .search__keyword:hover {
        border-color: #868686;
    }
    
}

/* all cate */

.all-c {
    position: absolute;
    top: 81px;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 20;
    border-bottom: 1px solid #efefef;
    transform: translateY(5px);
    opacity: 0;
    visibility: hidden;
}

.all-c.on {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.all-c__inner {
    justify-content: space-between;

}

.all-c__column {
/*    padding-top: 50px;*/
}

.all-c__column:first-child {
    flex: 2;
    max-height: 400px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 40px 0;
}

.all-c__column:first-child::-webkit-scrollbar {
    width: 3px;
    background: #bbb;
    border-radius: 20px;
}

.all-c__column:first-child::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: #bbb;
}

.all-c__column:first-child::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
    border-radius: 50px;
}

.all-c .category__item {
    width: calc(100% / 6);
    display: block;
    position: relative;
    align-items: baseline;
} 

.all-c .category__item:nth-child(1n+7) {
    margin-top: 40px;
}

.all-c .category__item > a,
.all-c__title {
    font-size: 16px;
    font-weight: 650;
    color: #000;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 10px;
}

.all-c .sub-category {
    position: relative;
    left: 0;
    top: 0;
    margin: 15px 0 0;
    border: none;
    padding: 0;
    text-align: left;
    opacity: 1;
    visibility: visible;
}

.all-c .sub-category__list {
    padding: 0;
    text-align: left;
}

.all-c__child {
    margin-top: 15px;
}

.all-c__column:last-child {
    padding-left: 40px;
    border-left: 1px solid #efefef;
    margin: 40px 0;
}

.all-c__other .all-c__child:last-child {
    margin-left: 40px;
}

.all-c .sub-category__item {
    padding: 0;
}

.all-c .sub-category__item:not(:last-child),
.all-c__child-item:not(:last-child) {
    margin-bottom: 15px;
    position: relative;
    padding: 0;
}

.all-c .sub-category__link,
.all-c__child-link {
    padding: 0;
    font-size: 14px;
    color: #888;
    font-weight: 500;
    position: relative;
    line-height: 1.1;
    display: inline-block;
}

.all-c .sub-category:not(.sub-category--depth-three) > .sub-category__list > li > .sub-category__link::after,
.all-c__child-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
}

.all-c .sub-category--depth-three {
    position: absolute;
    left: -35%;
    border: 1px solid #ebebeb;
    padding: 10px 15px;
    min-width: 100px;
    margin: 0;
    width: auto;
    top: 0 !important;
    opacity: 0;
    visibility: hidden;
    display: none !important;
}

.all-c .sub-category--depth-three .sub-category__item {
    padding: 0;
    text-align: left;
    margin: 0;
}

.all-c .sub-category--depth-three .sub-category__link {
    text-align: center;
    line-height: 2;
    font-size: 13px;
}

html.loaded .all-c .sub-category__link,
html.loaded .all-c__child-link {
    transition: color 0.2s ease;
}

html.loaded .all-c .sub-category__link::after,
html.loaded .all-c__child-link::after {
    transition: background 0.2s ease;
}

.all-cate-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
}

.all-cate-bg.on {
    opacity: 1;
    visibility: visible;
}

/* Side */

.aside,
.aside-bg {
    display: none;
}

/* Scroll btn */

.quick-menu {
    position: fixed;
    width: 46px;
    bottom: 0;
    right: 30px;
    margin-bottom: 80px;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
}

.quick-menu__item {
    cursor: pointer;
    margin-top: 10px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    box-shadow: rgba(63, 71, 77, 0.25) 0px 2px 10px;
}

.quick-menu__item--custom {
    background: rgba(255,255,255,.9);
/*    border: 1px solid #d9d9d9;*/
}

html.loaded .quick-menu {
    -webkit-transition: opacity 0.3s ease-in-out,visibility 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out,visibility 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out,visibility 0.3s ease-in-out;
}

.quick-menu.on {
    opacity: 1;
    visibility: visible;
}

.quick-menu__item--custom.jsScrollUp svg {
    width: 14px;
    height: auto;
}

.quick-menu__item--custom.jsTodayBtn svg {
    width: 24px;
}

.quick-menu img {
    width: 100%;
    height: auto;
}

/* Cart layer */

.xans-order-layerbasketpackage.ec-base-layer-area {
    background: transparent;
    z-index: 1111;
}

#cart-layer {
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    -webkit-transition: all 0.7s cubic-bezier(0.4, 0.4, 0.000, 1.0);
    transition: all 0.7s cubic-bezier(0.4, 0.4, 0.000, 1.0);
}

#cart-layer.on {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.cart-layer-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.7s cubic-bezier(0.4, 0.4, 0.000, 1.0);
    transition: all 0.7s cubic-bezier(0.4, 0.4, 0.000, 1.0);
}

#cart-layer.on + .cart-layer-bg {
    opacity: 1;
    visibility: visible;
}

/* Today view */

.today-view {
    width: 340px;
    position: fixed;
    bottom: 40px;
    right: 40px;
    background: #fff;
    z-index: 9;
/*    height: 412px;*/
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
}

.today-view.on {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.today-view__inner {
    padding: 0 0 12px;
}

.today-view__title {
    font-size: 15px;
    font-weight: 700;
    border-bottom: 1px solid #ebebeb;
    padding: 18px 20px 18px;
}

#today-view {
    transition: height 0.6s ease;
}

#today-view body {
    overflow: hidden;
}

.today-view__close {
    position: absolute;
    top: 18px;
    right: 20px;
    cursor: pointer;
    z-index: 1;
}

.today-view__close svg {
    width: 18px;
    height: auto;
}

.today-view__close svg path {
    fill: #333;
    stroke-width: 0.4px;
    stroke: #fff;
}

.today-view__content {
    max-height: 248px;
    overflow: auto;
    padding: 20px;
}

.today-view__content::-webkit-scrollbar {
    width: 3px;
    background: #bbb;
}

.today-view__content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bbb;
}

.today-view__content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
}

.today-view__item:not(:last-child) {
    padding-bottom: 20px;    
/*    border-bottom: 1px solid #ebebeb;*/
    margin-bottom: 0;
}

.today-view__link {
    width: 100%;
    font-size: 0;
}

.today-view__thumb {
    width: 66px;
    height: auto;
    border-radius: 4px;
    margin-right: 10px;
}

.today-view__info {
    display: block;
    width: calc(100% - 76px);
}

.today-view__name {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #222;
}

.today-view__info li {
    margin-right: 7px;
    font-size: 13px;
    font-weight: 600;
}

.today-view__discount * {
    font-weight: 600;
}

.today-view__info li.strike,
.today-view__sale--fake:not(.displaynone) ~ .today-view__discount * {
    color: #8c8c8c;
    text-decoration: line-through;
    font-weight: 500;
}

.today-view__sale--fake:not(.displaynone),
.today-view__sale--fake:not(.displaynone) ~ .strike {
    display: none;
}

.today-view__sale--fake:not(.displaynone) ~ .today-view__discount {
}

.today-view__btn {
    width: 80px;
    height: 34px;
    border: 1px solid #ebebeb;
    line-height: 34px;
    font-size: 12px;
    background: #fff;
    margin: 4px 0;
    box-sizing: border-box;
    font-weight: 600;
    border-radius: 2px;
}

#todayPaginate.ec-base-paginate.typeList {
/*    margin: 12px 0 0;*/
    margin: 0;
    border-top: 1px solid #ebebeb;
} 
/*
#todayPaginate.ec-base-paginate.typeList > a {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

#todayPaginate.ec-base-paginate.typeList > a::after,
#todayPaginate.ec-base-paginate.typeList > a:first-child::before,
#todayPaginate.ec-base-paginate.typeList > a:last-child::before {
    width: 6px;
    height: 6px;
}

#todayPaginate.ec-base-paginate.typeList ol {
    margin: 0 5px;
}

#todayPaginate.ec-base-paginate.typeList li a {
    font-size: 12px;
    width: 28px;
    padding: 6px 0;
}
*/

#todayPaginate .pg_wrap {margin:10px 0;}
#todayPaginate .pg_page,#todayPaginate  .qa_page,
#todayPaginate .pg_current {height:28px;line-height:28px;width:28px;}

.today-view__content .ec-base-prdEmpty {
    border-top: 0;
    padding-top: 21px;
    font-size: 14px;
    border-bottom: 1px solid #ebebeb;
    border: none;
    padding-bottom: 0;
}

.loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 20px);
    background: #fff;
    z-index: 1;
}

.loading.stop {
    opacity: 0;
    visibility: hidden;
    -webkit-transition:  opacity 0.3s ease, visibility 0.3s ease;
    transition:  opacity 0.3s ease, visibility 0.3s ease;
}

.loading-effect {
  margin: auto;
  border: 3px solid #EAF0F6;
  border-radius: 50%;
  border-top: 3px solid #333;
  width: 30px;
  height: 30px;
  animation: spinner 1.5s linear infinite;
}

.loading.stop .new-products__loading-effect {
    animation: none;
}

@keyframes spinner {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Side */

.aside {
    position: fixed;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
    background: #fff;
    z-index: 12;
    display: block;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

html.loaded .aside,
html.loaded .aside-bg {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.aside.on {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.aside__close {
    position: absolute;
    top: 0;
    right: -20px;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    width: 55px;
    height: 68px;
    z-index: 1;
}

.aside__close svg {
    width: 20px;
    height: auto;
}

.aside__close svg path {
    stroke-width: 0.5px;
    stroke: #fff;
}

.membership {
    padding: 24px 0 30px;
    border-bottom: 1px solid #f3f3f3;
    margin: 0 20px;
}

.aside .join-benefit {
    top: -15px;
}

.membership__txt {
    display: block;
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 1.4;
    color: #2e2e2e;
    font-weight: bold;
}

.membership__sub {
    font-size: 13.5px;
    color: #9a9a9a;
}

.membership__btn-wrap {
    margin-top: 24px;
}

.membership__btn {
    font-size: 14px;
    font-weight: bold;
    width: calc(50% - 4px);
    border: 1px solid rgb(219, 222, 226);
    height: 40px;
    box-sizing: border-box;
    text-align: center;
    justify-content: center;
    color: #1a1a1a;
    font-weight: 600;
    border-radius: 4px;
}

.membership__btn:nth-child(2) {
    margin-left: auto;
}

.membership__arrow {
    margin-left: 5px;
    position: relative;
    top: 1.5px;
    width: 20px;
    height: 20px;
    background: #000;
    border-radius: 50%;
    -webkit-box-shadow: 2px 3px 4.5px 0.15px rgb(0 0 0 / 25%);
    box-shadow: 2px 3px 4.5px 0.15px rgb(0 0 0 / 25%);
}

.membership__arrow::after, .membership__arrow::before {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 0px;
    margin-left: -0.5px;
    width: 5px;
    height: 1px;
    background: #fff;
    content: "";
}

.membership__arrow::before {
    -webkit-transform: rotate(45deg) translate(-50%,-45%);
    transform: rotate(45deg) translate(-50%,-45%);
}

.membership__arrow::after {
    -webkit-transform: rotate(-45deg) translate(-40%,-50%);
    transform: rotate(-45deg) translate(-40%,-50%);
}

.aside__banner {
    margin: 0 16px 16px;
    border-radius: 4px;
    overflow: hidden;
    line-height: 1;
    font-size: 0;
}

.aside__banner img {
    max-width: 100%;
    height: auto;
}

.aside-menu__list {
    border-bottom: 1px solid #eee;
}

.aside-menu__item {
    width: 33.333%;
    padding: 16px 0;
    position: relative;
    box-sizing: border-box;
}

.aside-menu__item:nth-child(2) {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.aside-menu__link {
    display: block;
}

.aside-menu__link span {
    font-size: 11.5px;
    display: block;
    text-align: center;
    margin: 5px auto;
    letter-spacing: 0.5px;
}

.aside-menu__link .aside-menu__count {
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 20px;
    background: #333;
    color: #fff;
    font-size: 10px;
    letter-spacing: 0px;
}

.aside-category {
    padding-bottom: 10px;
}

.aside-category__list {
    padding: 15px 0;
}

.aside-category__item {
/*        margin-bottom: 10px;*/
    padding: 0;
}

.aside-category__link {
    font-size: 17px;
    display: block;
    width: calc(100% - 90px);
    padding: 17px 20px;
    line-height: 1;
    font-weight: 700;
    color: #2e2e2e;
}

.aside-category a.cate {
    position: absolute;
    top: 0;
    right: 8px;
    width: 30px;
    height: 50px;
    text-align: center;
    z-index: 1;
    opacity: 0.7;
    background: url(../img/icon/icon_arrow_down.svg) no-repeat center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.aside-category a.cate svg,
.aside-category__item:not(.relative) a.cate {
    display: none;
}

.aside-category a.cate.on {
    right: 7px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.aside-child {
    display: none;
    padding: 10px 0 14px 30px;
}

.aside-child a.cate {
    top: 0;
    height: 18px;
}

.aside-child > li {
    position: relative;
    padding-bottom: 20px;
}

.aside-child > li:last-child {
    padding-bottom: 0;
}

.aside-category__list--community {
    border-top: 1px solid #f3f3f3;
    margin: 0 20px;
    padding: 17px 0;
}

.aside-category__list--community .aside-category__link {
    padding-left: 0;
}

.aside-other__list {
    padding: 10px 0 0;
}

.aside-other__item {
    width: 50%;
    margin-bottom: 22px;
}

.aside-child > li > .view,
.aside-other__item > .view {
/*        font-size: 14px;*/
    display: block;
    font-size: 15px;
/*    opacity: .8;*/
    color: #7a7a7a;
}

.aside-child-third {
    display: none;
    padding: 20px 0 0 16px;
}

.aside-child-third > li:not(:last-child) {
    padding-bottom: 20px;
}

.aside-child-third > li > .view {
    font-size: 15px;
    color: #222;
}

.aside-child-third > li.noChild .cate {
    display: none;
}

.aside-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.58);
    z-index: 11;
    display: block;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s cubic-bezier(0.4,0.4,0.000,1.0);
    transition: all 0.4s cubic-bezier(0.4,0.4,0.000,1.0);
}

.aside.on + .aside-bg {
    opacity: 1;
    visibility: visible;
}

.aside__inner {
    height: 100%;
    overflow: auto;
}

.user {
    position: absolute;
    left: 20px;
    bottom: 0;
    width: calc(100% - 40px);
}

.user__item {
    line-height: 50px;
    margin-right: 20px;
}

.user__item--right {
    margin-left: auto;
    margin-right: 0;
}

.user__link {
    font-size: 14px;
    text-decoration: underline;
    position: relative;
}

.user__link--join::after {
    content: attr(data-point);
    position: absolute;
    font-size: 10px;
    padding: 0 6px;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    background: #d6d2cb;
    border-radius: 4px;
    color: #fff;
    margin: 16px 0 16px 8px;
}

/* login popup */

.login-popup,
.login-popup-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    display: none;
}

.login-popup-bg {
    background: rgba(0,0,0,.5);
    backdrop-filter: blur(5px);
    z-index: 11;
}

.login-popup__close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.login-popup__close svg {
    width: 24px;
    height: auto;
}

.login-popup > div {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.login-popup__container {
    background: #fff;
    border-radius: 2px;
    padding: 50px;
/*
    width: 350px;
*/
    width: 400px;
    box-sizing: border-box;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

html.loaded .login-popup__container {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.login-popup.on .login-popup__container {
    transform: translateY(0);
}

.login-popup-form__title {
    font-size: 21px;
    font-weight: bold;
}

.login-popup-form__desc {
    color: #999;
    padding: 11px 0 40px;
    line-height: 1.4;
}

#type-popup label {
    display: block;
    width: 100%;
    margin: 0;
} 

#type-popup label + label {
    margin-top: 20px;
}

#type-popup label::before {
    content: attr(title);
    font-size: 13px;
    position: absolute;
    -wekbit-transform: translateY(0px);
    transform: translateY(0px);
    display: block;
    width: 100%;
    color: #999;
}

#type-popup label input {
    width: 100%;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #e1e1e1;
    padding: 0;
    height: 30px;
    margin-top: 20px;
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}

#type-popup label input:focus,
#type-popup label input:valid {
    border-color: #000;
}

.login-popup__util {
    padding: 11px 0 40px;
}

.login-popup__util li:nth-child(2)::after {
    content: '/';
    margin: 0 5px;
    font-size: 13px;
    color: #999;
}

.login-popup__util li:nth-child(2) {
    margin-left: auto;
}

.login-popup__util li a {
    color: #999;
}

.login-popup__btn-area {
    margin-bottom: 10px;
}

.login-popup__btn-area .btnSubmit {
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 48px;
}

.login-popup__sns--top .btnKakao {
    margin-bottom: 40px;
}

.login-popup__sns[data-chk="9999"] ~ .login-popup__sns--fake {
    display: none;
}

.login-popup__sns [class*="btn"] {
    display: block;
    border-radius: 2px;
    font-size: 15px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    text-decoration: none;
    box-sizing: border-box;
    background-size: 20px 0;
}

.login-popup__sns [class*="btn"] + [class*="btn"] {
    margin: 10px 0 0;
}

.login-popup__sns .btnKakao {
    color: #000;
    background: #fee500 url("//img.echosting.cafe24.com/skin/skin/member/ico_kakao.svg") no-repeat 20px 15px;
}

.login-popup__sns .btnNaver {
    color: #fff;
    background: #1ec800 url("//img.echosting.cafe24.com/skin/skin/member/ico_naver.svg") no-repeat 20px 15px;
}

.login-popup__sns .btnFacebook {
    color: #fff;
    background: #177bf2 url("../img/icon/icon_facebook.svg") no-repeat 20px 15px;
}

.login-popup__sns .btnLine {
    color: #fff;
    background: #00c300 url("//img.echosting.cafe24.com/skin/skin/member/ico_line.svg") no-repeat 20px 15px;
}

.login-popup__sns .btnGoogle {
    color: #000;
    border: 1px solid #bcbcbc;
    background: #fff url("//img.echosting.cafe24.com/skin/skin/member/ico_google.svg") no-repeat 20px 15px;
}

.login-popup__sns .btnApple {
    color: #000;
    border: 1px solid #000;
    background: #fff url("//img.echosting.cafe24.com/skin/skin/member/ico_apple.svg") no-repeat 20px 13px;
}

.popup-join-btn {
    border-radius: 0 !important;
    display: none !important;
}

/* cart popup */

#cart-data {
    position: fixed;
    top: 0;
    right: 0;
    width: 400px;
    height: 100%;
    background: #fff;
    z-index: 11;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.7s cubic-bezier(0.4,0.4,0.000,1.0);
    transition: all 0.7s cubic-bezier(0.4,0.4,0.000,1.0);
}

#cart-data.on {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.cart-data__hero {
    height: 70px;
    margin: 0 20px;
    border-bottom: 1px solid #ebebeb;
}

.cart-data__title {
    font-size: 17px;
    letter-spacing: 1px;
}

.cart-data__close {
    margin-left: auto;
    cursor: pointer;
}

.cart-data__close svg {
    width: 20px;
    height: auto;
    line-height: 1;
}

.cart-data__inner {
    height: calc(100% - 71px);
    padding: 0 20px;
}

#cart-cont::-webkit-scrollbar {
    width: 3px;
    background: #bbb;
}

#cart-cont::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #bbb;
}

#cart-cont::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgb(0 0 0 / 10%);
    background-color: #f8f8f8;
}

#cart-cont.ec-base-fold.selected > .contents {
    overflow: hidden;
}

#cart-data .cart-product {
    height: 100%;
}

#cart-data .ec-base-fold.theme1 {
    overflow: auto;
    padding: 0;
}

#cart-data .ec-base-prdInfo {
    border-color: #ebebeb;
}

#cart-data .ec-base-prdInfo .description .price,
#cart-data .ec-base-prdInfo .description .price li {
    font-size: 12px;
}

#cart-data .ec-base-prdInfo .description .price {
    display: flex;
    align-items: center;
}

#cart-data .ec-base-prdInfo .description .price li.discount-price {
    color: #8c8c8c;
    display: none;
}

#cart-data .ec-base-prdInfo .description .price li:not(:last-child) {
    margin-right: 5px;    
}

#cart-data .ec-base-prdInfo .optionGroup {
    margin: 0 0 3px;
}

#cart-data .ec-base-prdInfo .optionGroup li {
    margin: 0;
    font-size: 11px;
}

#cart-data .ec-base-prdInfo .optionGroup .product.displaynone + .optionStr {
    color: #8c8c8c;
}

#cart-data .ec-base-prdInfo .thumbnail {
    width: 72px;
    height: auto;
    border: none;
}

#cart-data .ec-base-prdInfo .thumbnail img {
    width: 100%;
    height: auto;
}

.xans-order-basketpackage .ec-base-prdInfo .description {
    margin: 0 30px 0 0;
}

#cart-data .ec-base-prdInfo.gCheck .quantity {
    padding: 0;
    margin: 7px 0 0 0;
}

#cart-data .ec-base-qty {
    width: 93px;
    padding: 0 25px;
}

#cart-data .ec-base-qty input[type="text"] {
    height: 25px;
    font-size: 11px;
}

#cart-data .ec-base-qty a {
    width: 25px;
    height: 25px;
}

#cart-data .ec-base-qty a:before {
    left: 8px;
    width: 9px;
}

#cart-data .ec-base-qty .up:after {
    margin: -4px 0 0 0;
}

#cart-data .ec-base-prdInfo .btnDelete {
    top: 15px;
    right: 5px;
}

#cart-data .ec-base-prdInfo .btnDelete:before {
    top: 6px;
    right: 10px;
    height: 16px;
}

#cart-data .ec-base-prdInfo .btnDelete:after {
    top: 14px;
    right: 3px;
    width: 16px;
}

#cart-data .totalSummary {
    border: none;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 20px 0;
}

#cart-data .totalSummary__item {
    margin: 0 0 15px;
}

#cart-data .totalSummary .total {
    margin: 0;
    padding: 0;
    border: none;
}

#cart-data .cart-container {
    display: block;
    height: 100%;
}

#cart-data .ec-base-prdInfo:last-child {
    border: none;
}

#cart-data .cart-total {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0px 20px 0;
    box-sizing: border-box;
    background: #fff;
    margin: 0;
}

#cart-data .totalSummary .total .title,
#cart-data .totalSummary .paymentPrice strong {
    font-size: 13px;
}

#cart-data [class^='btn'].sizeL {
    border-radius: 0;
    padding: 0;
    height: 50px;
    line-height: 47px;
    font-size: 14px;
}

#cart-data [class^='btn'].gFull + [class^='btn'].gFull {
    margin-top: 5px;
}

#cart-data .ec-base-prdInfo .check,
#cart-data .summary,
#cart-data .totalSummary__title,
#cart-data .ec-base-prdInfo .buttonGroup,
#cart-data [class^='btn'].sizeQty,
#cart-data .ec-base-prdInfo .description .prdName img,
#cart-data .ec-base-prdInfo .description .info,
#cart-data .ec-base-prdInfo .sumPrice {
    display: none;    
}

.cart-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.cart-loading.stop {
    opacity: 0;
    visibility: hidden;
    -webkit-transition:  opacity 0.3s ease, visibility 0.3s ease;
    transition:  opacity 0.3s ease, visibility 0.3s ease;
}

.cart-loading__effect {
  margin: auto;
  border: 5px solid #EAF0F6;
  border-radius: 50%;
  border-top: 5px solid #333;
  width: 40px;
  height: 40px;
  animation: spinner 1.5s linear infinite;
}

.cart-loading.stop .cart-loading__effect {
    animation: none;
}

.cart-data-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.55);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.7s cubic-bezier(0.4,0.4,0.000,1.0);
    transition: all 0.7s cubic-bezier(0.4,0.4,0.000,1.0);
}

#cart-data.on ~ .cart-data-bg {
    opacity: 1;
    visibility: visible;
}

@keyframes spinner {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media (max-width: 1440px) {
    
    #contents,
    .container {
        padding-left: 50px;
        padding-right: 50px;
    }
    
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    
    .category:not(.swiper-container-initialized) {
        transform: translateX(-50%);
        min-width: calc(100% - 390px);
    }
    
    .category:not(.swiper-container-initialized) .category__list {
        justify-content: center;
    }
    
    .category .category__item {
        margin: 0 16px;
    }
    
    .category__link {
        font-size: 15px;
    }
    
    .usm {
        display: none;
    }
    
}

@media(max-width: 1024px) {
    
    #contents,
    .container,
    .container.search__inner {
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .product-conatainer {
        padding: 0;
    }
    
    .top-banner {
        height: 40px;
    }
    
    .top-banner__link {
        font-size: 13px;
    }
    
    header.header,
    .header__wrap {
        height: 105px;
    }
    
    .header__top {
        height: 55px;
    }
    
    .header__wrap.fixed {
        transform: translateY(0);
        position: absolute;
    }
    
    .header__wrap.m-fixed {
        position: fixed;
        top: 0;
    }
    
    .header__wrap::after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0,0,0,0.58);
        opacity: 0;
        visibility: hidden;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        z-index: -1;
    }
    
    .header__wrap.search-on::after {
        opacity: 1;
        visibility: visible;
    }
    
    html.loaded .header__wrap::after {
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }
    
    .header__hamburger svg,
    .header__hamburger img {
        width: 20px;
        height: auto;
    }
    
    .header__hamburger svg rect {
        height: 0.8px;
    }
    
    .header__bottom .top-logo,
    .top-logo__item:nth-child(3),
    .top-search__field::before,
    .top-search-popup__close,
    .usm {
        display: none;
    }
    
    .top-logo {
        width: auto;
        margin-left: 0;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        height: 100%;
    }
    
    .top-logo__item:nth-child(2) {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
    }
    
    .top-logo__item img {
        height: auto;
        max-height: calc(100% - 30px);
        min-height: auto;
    }
    
    .chk-moa[data-chk="9999"] + .top-logo .top-logo__item img {
        max-height: calc(100% - 32px);
    }
    
    .header__wrap.fixed .other {
        opacity: 1;
        animation: none;
    }
    
    .header__bottom {
        margin: 0;
        height: 50px;
        position: static;
    }
    
    .header__bottom > .container {
        position: static;
        padding: 0;
        height: auto !important;
    }
    
    .category {
        display: block;
        width: 100%;
        height: 50px;
        position: relative;
        overflow: hidden;
        left: 0;
        transform: none;
    }
    
    .category > .category__list {
        flex-wrap: nowrap;
        margin: 0;
        justify-content: center;
    }
    
    .category .category__item {
        margin: 0 15px;
    }
    
    .category__link {
        font-size: 15px;
    }
    
    .sub-category {
        display: none;
    }
    
    div.other {
        position: absolute;
        top: 0;
        height: 55px;
        right: 16px;
    }
    
    .other__menu:first-child {
        margin-right: 0;
    }
    
    .other__menu--cart {
        margin-right: 0 !important;
    }
    
    .jsHeader:not(.fixed) .other__menu.jsSearchBtn {
        display: block;
    }
    
    .search,
    .header__wrap.fixed .search {
        top: 0;
    }
    
    .search {
        width: 100%;
        left: 0;
        box-shadow: none;
        box-sizing: border-box;
    }
    
    .search > form,
    .search .search__inner,
    .search .search__form {
        height: 100%;
        box-sizing: border-box;
    }
    
    .search__close {
        margin-top: -10px;
    }
    
    .search__close svg {
        width: 20px;
    }
    
    .search__close svg path {
        stroke-width: 0.5px;
    }
    
    .search__inner {
        padding: 20px 0;
    }
    
    .search__container,
    .skwd__section .search__container {
        margin: 0 20px;
    }
    
    .search__title {
        font-size: 20px;
    }
    
    .skwd {
        height: calc(100% - 90px);
    }
    
    .skwd__inner {
        max-height: calc(100% - 40px);
    }
    
    .skwd__title {
        font-size: 16px;
    }
    
    .search-bg {
        display: none;
    }

    .search.on + .search-bg {
        opacity: 1;
        visibility: visible;
    }
    
    .search-bg,
    .header__wrap.fixed .search-bg {
        top: 55px;
        height: calc(100vh - 55px);
    }
    
    .search__form {
        padding: 20px 0 0;
    }
    
    .hot-keyword__title {
        display: block;
        font-size: 15px;
    }
    
    .search__field {
        width: 100%;
    }
    
    
    .search .search__input {
        font-size: 15px;
    }
    
    .search__hot-keyword {
        width: 100%;
    }
    
    .search__hot-keyword > .flex {
        width: 100%;
        justify-content: left;
        padding-bottom: 0;
    }
    
    .search__keyword {
        margin: 0 6px 6px 0;
    }
    
    .policy {
        border: none;
    }
    
    .policy::after {
        display: none !important;
    }
    
    .policy__select {
        display: block;
        width: 100%;
        height: 50px;
        box-sizing: border-box;
        font-size: 13px;
        padding-left: 20px;
    } 
    
    #cart-data .ec-base-fold > .contents {
        border-top: 0;
    }
    
    #cart-data .ec-base-prdInfo .prdBox {
        padding: 16px 0;
    }
    
    #cart-data .ec-base-prdInfo .thumbnail {
        width: 70px;
    }
    
    #cart-data.xans-order-basketpackage .ec-base-prdInfo .description {
        margin: 0;
        width: calc(100% - 85px);
        padding: 0;
    }
    
    #cart-data .ec-base-prdInfo .description .prdName {
        font-size: 12px;
    }
    
    #cart-data .ec-base-prdInfo .btnDelete {
        top: 7px;
    }
    
    #cart-data .cart-data__inner .ec-base-button {
        margin-bottom: 0;
    }
    
    #cart-data .cart-data__inner {
        height: calc(100% - 54px);
        padding: 0 16px;
    }
    
    #cart-data .cart-total {
        padding: 0 16px;
    }
    
    #cart-data .totalSummary {
        margin: 0;
    }
    
    #cart-data .ec-base-fold.theme1 {
        height: calc(100% - 249px) !important;
    }
    
    #cart-data .ec-base-prdInfo .description .prdName {
        margin: 0;
    }
    
    .all-c,
    .all-cate-bg {
        display: none !important;
    }
    
    .footer__column--company.display-pc,
    .footer__bottom .policy__list ~ .display-pc {
        display: block;
    }
    
    .footer__column--company.display-m,
    .footer__bottom .policy__list ~ .display-m {
        display: none;
    }
    
}

@media (min-width: 1023px) {
    
    .header__top {
        display: none;
    }

}

@media all and (min-width: 1025px) {
    #contents {
        max-width: 1280px;
        min-height: 800px;
        padding: 0 50px 200px;
        margin: 0 auto;
    }
}

@media (max-width: 1023px) {
    
    /* Footer */
    
    .footer {
        padding: 35px 0;
    }
    
    .footer__column {
        width: 50%;
/*        width: fit-content;*/
        text-align: center;
    }
    
    .footer__column:not(:first-child) {
        margin-left: 0;
    }

    .footer__column--company {
        width: 100%;
        padding-top: 35px;
/*        border-top: 1px solid #ebebeb;*/
        text-align: center;
        position: relative;
    }
    
    .footer__column--company::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: -16px;
        width: calc(100% + 32px);
        border-bottom: 1px solid #ebebeb;
    }
    
    .footer__info-wrap {
        margin-top: 0;
        width: 100%;
        justify-content: space-between;
    }

    .footer__left,
    .footer__right,
    .footer__column {
        float: none;
    }
    
    .footer__left {
        margin-bottom: 40px;
    }
    
    .footer__logo {
        margin-bottom: 12px;
    }
    
    .footer__logo svg {
        width: 100px;
        height: auto;
    }
    
    .footer__logo--pc {
        display: none;
    }
    
    .footer__logo--mobile {
        display: block;
        width: 120px;
        margin-bottom: 12px;
    }
    
    .footer__logo img {
        width: 100%;
        height: auto;
    }
    
    .footer__title {
        margin-top: 0;
        margin-bottom: 0;
        position: relative;
        padding: 0;
    }
    
    .footer__title--bank {
        margin-bottom: 6px;
    }
    
    .footer__title--dropdown span {
        display: inline-block;
        padding-right: 17px;
    }
    
    .footer__title--dropdown span::after {
        content: '';
        width: 11px;
        height: 18px;
        background: url(../img/icon/icon_arrow_down.svg) no-repeat center;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        transition: transform 0.3s ease;
    }
    .footer__title--dropdown.on span::after {
        transform: rotate(180deg);
        top: -1px;
    }
    
    .footer__column--dropdown .footer__title {
        padding-left: 0;
    }
    
    .footer__info {
        padding: 7px 0 35px;
    }
    
    .footer__column--company .footer__info {
        padding: 25px 0 0;
        display: none;
    }
    
    .footer__bottom {
        height: auto;
        border: none;
        margin-top: 25px;
    }
    
    .footer__bottom .container {
        display: block;
    }
    
    .policy {
        margin-top: 0;
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    
    .policy__list {
        position: static;
        width: 100%;
        justify-content: center;
        margin: 0 0 10px;
    }
    
    .footer__column--company-m .policy__list {
        display: flex;
        margin-top: 20px;
    }
    
    .policy__item {
        padding: 0;
        margin: 0 2.5px;
        height: auto;
    }
    
    .policy::after {
        top: 22px;
    }
    
    .policy__link {
        font-size: 11px;
        font-weight: 400;
        color: #333;
        padding: 5px 10px;
        background: #f4f4f4;
        border-radius: 4px;
    }
    
    .footer__txt--copyright {
        margin-top: 15px;
        text-align: center;
    }
    
    .footer__txt {
        font-size: 12px;
        line-height: 1.7;
    }
    
    .footer__column--company .footer__txt {
        justify-content: center;
    }
    
    .footer__txt--cs-no {
        font-size: 19px;
        line-height: 1.5;
        margin: 0 0 5px;
        letter-spacing: -0.5px;
    }
    
    .footer__txt--notice {
        padding: 7px 12px;
        margin-top: 18px;
        font-size: 12px;
        line-height: 1;
    }
    
    .footer__nav--sns {
        font-size: 0;
    }
    
    .footer__nav--sns > .footer__menu {
        display: inline-block;
        vertical-align: top;
        margin-right: 15px;
    }
    
    .footer__link {
        line-height: 2.1;
    }
    
    .scroll-btn {
        right: 16px;
    }
    
    .kakao-cs {
        width: 134px;
        height: 40px;
        line-height: 40px;
        margin-top: 15px;
    }
    
    .social {
        margin: 15px 0 0;
        justify-content: center;
    }
    
    .quick-menu {
        width: 42px;
        right: 16px;
    }
    
    .footer__column--company.display-pc,
    .footer__bottom .policy__list ~ .display-pc {
        display: none;
    }
    
    .footer__column--company.display-m,
    .footer__bottom .policy__list ~ .display-m {
        display: block;
    }
    
}

@media (max-width: 768px) {
    #contents {
        padding-left: 0;
        padding-right: 0;
    }
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }
	
	.container.mobile-full-container {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* login popup */
    .popup-join-btn {
        display: block !important;
        padding: 0 !important;
        line-height: 48px !important;
        margin-top: 10px !important;
    }
    
}

@media screen and (max-width: 767px) {
    
    .category.swiper-container-initialized > .category__list {
        justify-content: normal !important;
    }
    
    .category .category__item {
        flex-shrink: 0;
        height: 100%;
        position: relative;
        transition-property: transform;
        padding: 0 22px 0 0;
        margin: 0;
    }
    
    .category .category__item:first-child {
        padding-left: 16px;
    }
    
    .category .category__item:last-child {
        padding-right: 16px;
    }
    
    .category .category__link {
        color: #222;
    }
    
    .category__item.current .category__link {
        color: #000;
        font-weight: bold;
    }

    .category__item.current .category__link::before {
        content: '';
        position: absolute;
        bottom: -16px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #000;
    }

    
    #cart-layer {
        min-width: 320px;
        width: 60%;
        left: auto;
        right: 0;
    }
    
    .login-popup__close {
        top: 18px;
        right: 14px;
    }

    .login-popup__close svg {
        width: 20px;
    }

    .login-popup__container {
        width: calc(100% - 32px);
        padding: 32px 16px;
        box-sizing: border-box;
    }
    
    /* today view */
    
    .today-view.is-mobile {
        width: 320px;
        height: 100%;
        top: 0;
        bottom: auto;
        right: 0;
        z-index: 20;
        border-radius: 0;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(100%, 0);
        transform: translate(100%, 0);
    }
    
    .today-view.is-mobile:not(.is-animate) {
        transition: none;
    }
    
    html.loaded .today-view.is-animate {
        -webkit-transition: transform 0.6s ease;
        transition: transform 0.6s ease;
    }
    
    html.loaded .today-view.is-animate + .today-view-bg {
        -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
        transition: opacity 0.6s ease, visibility 0.6s ease;
    }
    
    .today-view.on {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    
    .today-view.is-mobile + .today-view-bg {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.58);
        position: fixed;
        top: 0;
        left: 0;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        z-index: 11;
        opacity: 0;
        visibility: hidden;
    }
    
    .today-view.is-mobile.on ~ .today-view-bg {
        opacity: 1;
        visibility: visible;
    }
    
    .today-view.is-mobile .today-view__close {
        right: 16px;
    }
    
    .today-view.is-mobile .today-view__inner {
        padding: 0 16px 16px;
        height: calc(100% - 16px);
    }
    
    .today-view.is-mobile .today-view__title {
        padding: 0;
        height: 53px;
        line-height: 53px;
    }
    
    .today-view.is-mobile #today-view {
        width: 100% !important;
        height: 100% !important;
    }
    
    #body-iframe.is-mobile {
        min-width: auto;
    }
    
    #body-iframe.is-mobile .today-view__item:not(:last-child) {
        padding-bottom: 16px;
    }
    
    #body-iframe.is-mobile .today-view__link {
        width: 100%;
    }
    
    #body-iframe.is-mobile .today-view__btn-box {
        display: none;
    }
    
    #body-iframe.is-mobile .today-view__content {
        max-height: calc(100vh - 104px);
        padding: 16px 5px 16px 0;
        box-sizing: border-box;
    }
    
    #body-iframe.is-mobile .today-view__thumb {
        width: 70px;
    }
    
    #body-iframe.is-mobile .today-view__info {
        width: calc(100% - 88px);
    }
    
    /* cart */
    
    #cart-data {
        width: 310px;
        z-index: 12;
    }
    
    .cart-data-bg {
        z-index: 11;
    }
    
    .cart-data__hero {
        height: 53px;
    }
    
    .cart-data__title {
        font-size: 14px;
    }
    
    .cart-data__inner .ec-base-button {
        margin-left: 0;
        margin-right: 0;
    }
    
    #cart-data [class^='btn'].sizeL {
        font-weight: 500;
        height: 45px;
        line-height: 42px;
    }
    
    #cart-data .cart-data__inner #orderFixArea {
        display: none !important;
    }
    
    /* popup */
    
    .mpopup__container {
        max-width: calc(100% - 32px);
    }
    
}

/* 추가 */
.titleArea {margin:30px 0; height: 30px;}
.titleArea .ta_depth1 {position: absolute; width:50%; height:30px; left:calc(50% - 25%); z-index: 0;}
.titleArea .ta_depth2 {position: absolute; width:50%; height:30px; left:calc(50% - 25%); z-index: 2; background: #fff;}


@media all and (max-width: 1024px) {
    .titleArea {
        text-align:center;
    }

    .titleArea h2 {
        display: inline-block;
        color: var(--font-color-heading);
        font-size: 20px;
    }

    .titleArea h3 {
        display: inline-block;
        color: var(--font-color-heading);
        font-size: 16px;
    }

    .titleArea--middle {
        margin: 0;
        padding: 27px 16px 12px;
        text-align: left;
    }

    .titleArea--middle h2 {
        display: inline-block;
        color: var(--font-color-heading);
        font-size: 16px;
    }

    .titleArea .desc {
        font-size: 12px;
        color: #6d6d6d;
    }

    .path {
        margin: 0;
        opacity: 0;
        overflow: hidden;
        width: 1px;
        height: 1px;
        font-size: 1px;
        line-height: 1px;
        white-space: nowrap;
        color: transparent;
        text-indent: 150%;
    }
}

@media all and (min-width: 768px) and (max-width:1024px) {

    .titleArea {
        margin: 40px 24px 30px;
    }

    .titleArea--middle {
        margin: 0;
    }

    .path {
        margin: 0 24px;
    }
}

@media all and (min-width: 1025px) {
    .titleArea {
        margin: 35px 0 45px;
        text-align: center;
    }

    .titleArea h2 {
        display: inline-block;
        color: #000;
        color: var(--font-color-heading);
        font-size: 24px;
    }

    .titleArea h3 {
        color: #000;
        color: var(--font-color-heading);
        font-size: 16px;
    }

    .titleArea--middle {
        margin: 50px 0 20px;
        text-align: left;
    }

    .titleArea--middle h2 {
        color: #000;
        color: var(--font-color-heading);
        font-size: 16px;
        font-weight: normal;
    }

    .titleArea.titleArea--myshop {
        margin: 50px 0 20px;
        text-align: left;
    }

    .titleArea.titleArea--myshop h2 {
        color: #000;
        font-size: 19px;
    }

    .titleArea .desc {
        font-size: 13px;
        color: #6d6d6d;
    }

    .titleArea ul {
        padding: 5px 0;
        color: #939393;
        line-height: 18px;
    }

    .titleArea ul li {
        position: relative;
        padding: 0 0 0 9px;
    }

    .titleArea ul li:before {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        content: "";
        width: 2px;
        height: 2px;
        margin: -2px 0 0 0;
        background: #939393;
    }
	
	 .path + .titleArea {
        margin-top: 55px;
    }

}

@-webkit-keyframes fadeInTitle {
    from {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes fadeInTitle {
    from {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.titleArea {
    opacity: 0;
}

html.loaded .titleArea {
    -webkit-animation: fadeInTitle 0.6s ease forwards;
    animation: fadeInTitle 0.6s ease forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}




.gBlank5 {
    display: block;
    margin-top: 5px;
}

.gBlank10 {
    display: block;
    margin-top: 10px;
}

.gBlank15 {
    display: block;
    margin-top: 15px;
}

.gBlank20 {
    display: block;
    margin-top: 20px;
}

.gBlank30 {
    display: block;
    margin-top: 30px;
}

.gIndent10 {
    margin-left: 10px;
}

.gIndent20 {
    margin-left: 20px;
}

.gSpace10 {
    margin-right: 10px;
}

.gSpace20 {
    margin-right: 20px;
}

.gMerge {
    position: relative;
    z-index: 1;
    margin-top: -1px;
}