#one_popup {
    overflow: hidden;
    z-index: 99999999 !important;
    position: fixed;
    top: auto;
    bottom: 0px;
    left: 50%;
    width: 100% !important;
    max-width: 600px;
    margin: 0 !important;
    margin-left: -300px !important;
    padding: 0 !important;
    border: 0;
    height: auto;
    max-height: 70vh;
    transform: translateY(100%);
    transition: transform .45s ease-in-out;
    transition-delay: .05s
}

#one_popup.active {
    transform: translateY(0px);
    transition-delay: .35s
}

#one_popup img {
    width: 100% !important
}

#one_popup div {}

#one_popup div.smart-popup-img {
    background: transparent !important;
    border-radius: 20px 20px 0 0
}

#one_popup div.smart-popup-btns {
    background: #fff !important;
}

#one_popup>ul {
    display: flex;
    flex-direction: column;
    max-height: 70vh;
}

#one_popup img {
    width: 100% !important;
    max-width: 600px !important;
    ;
    ;
    border-radius: 20px 20px 0 0;
    cursor: pointer;
}

#one_popup .btn {
    display: block;
    vertical-align: middle;
    width: 100%;
    border: 0
}

#one_popup .btn>* {
    display: flex;
    padding: 0 25px;
    align-items: center;
    justify-content: space-between;
}

#one_popup .btn li a {
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 38px;
    font-size: 17px;
    font-weight: 500;
    border: 0 !important;
    font-family: 'Pretendard';
    background: none;
    cursor: pointer;
}

#one_popup .swiper-pagination-fraction {
    display: flex;
    padding: 6px 22px;
    line-height: 1;
    color: #fff;
    background: #00000066;
    border-radius: 50px;
    width: auto;
    left: auto;
    right: 20px;
    bottom: 20px;
    align-items: center;
    justify-content: center;
    gap: 2px;
    font-weight: 300;
    height: 35px;
    min-width: 65px
}

#one_popup .swiper-pagination-fraction * {
    font-size: 14px;
}

#one_popup .swiper-container {
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(70vh - 45px);
    touch-action: pan-y;
    overflow: hidden;
}

#one_popup a,
#one_popup img,
.swiper-container img,
.swiper-slide img {
    -webkit-user-drag: none !important;
    user-drag: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

#one_popup .popup-content img {
    pointer-events: none !important;
}

#one_popup .swiper-wrapper,
#one_popup .swiper-slide {
    height: auto;
    touch-action: pan-y;
}

#one_popup .swiper-slide {
    max-height: calc(70vh - 45px);
    overflow: hidden;
}

#one_popup .popup-content {
    max-height: calc(70vh - 45px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#one_popup .popup-content img {
    display: block;
    height: auto;
    max-height: calc(70vh - 45px);
    object-fit: contain;
}

body #one_mask3 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .3s;
    background-color: #00000094;
    cursor: pointer;
}

body.popup {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

body.popup #one_mask3 {
    opacity: 1;
    visibility: visible;
    z-index: 4;
    transition-delay: .05s
}

@media all and (max-width:600px) {
    #one_popup {
        bottom: 0;
        left: 0;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 600px;
    }
}

@media all and (min-width:601px) and (max-width:1400px) {
    #one_popup {
        bottom: 0;
        left: 50% !important;
        transform: translateY(100%);
        width: 60% !important;
        max-width: 600px;
        margin: 0 !important;
        margin-left: -30% !important;
    }
    #one_popup.active {
        transform: translateY(0);
    }
}

@media all and (min-width:601px) and (max-width:1400px) {
    #one_fixMenu {
        left: 50%;
        right: auto;
        width: 600px;
        margin-left: -300px;
        bottom: 0;
    }
}

@media all and (max-width:600px) {
    #one_popup {
        bottom: 0;
        left: 0%;
        width: 100% !important;
    }

    #one_popup .smart-popup-btns {
        padding: 16px
    }

    #one_popup .btn>* {
        padding: 0 16px;
    }

    #one_popup .btn li a {
        font-size: 16px;
        line-height: 45px;
    }

    #one_popup .swiper-pagination-fraction {
        padding: 0 0;
        font-size: 14px;
        height: 22px;
        min-width: 40px;
        text-align: center;
    }
}

.xans-layout-multishopshipping.ec-base-layer {
    display: none;
    top: 200px;
    width: 300px;
}

.xans-layout-multishopshipping .worldshipLayer {
    text-align: center;
    line-height: 1.5em;
}

.xans-layout-multishopshipping .worldshipLayer .select {
    margin: 14px 0 0;
}

.xans-layout-multishopshipping .worldshipLayer .select select {
    width: 100%;
}

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css");

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);
}

html {
    width: 100%;
    height: 100%;
}

body,
code {
    min-width: 320px;
    font: 14px 'Pretendard', Dotum, AppleGothic, sans-serif;
    color: #040922;
    line-height: 1.25;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

code {
    background: none;
    display: block;
}

ul,
li {
    list-style: none;
}

ol {
    list-style-position: inside;
}

img,
fieldset {
    border: none;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

hr.layout {
    display: none;
}

em,
address {
    font-style: normal;
}

ins {
    text-decoration: none;
}

a {
    text-decoration: none !important;
    color: #040922;
}

strong {
    font-weight: 500;
}

a:active {
    text-decoration: none;
}

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

table caption {
    display: none;
}

th,
td {
    border: 0;
    line-height: 18px;
}

legend {
    height: 0;
    width: 0;
    display: block;
    text-indent: -9999em;
}

label {
    cursor: pointer;
}

button {
    color: #040922;
    border: 0;
    font: 14px 'Pretendard', Dotum, AppleGothic, sans-serif;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

h2,
h3,
h4,
h5,
h6,
b,
strong {
    font-weight: 500;
}

li {
    list-style: none;
}

object,
del,
sub,
var {
    margin: 0;
    padding: 0;
}

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

.txtWarn {
    color: #040922;
}

.txtEm {
    color: #040922;
}

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

.gBlank7 {
    display: block;
    margin-top: 7px;
}

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

.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;
}

.gBreak5 {
    display: block;
    margin-bottom: 5px;
}

.gBreak7 {
    display: block;
    margin-bottom: 7px;
}

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

.ec-base-qty {
    padding: 23px 0;
    margin-bottom: 0;
}

.ec-base-qty>* {
    display: inline-block;
    vertical-align: middle;
}

.ec-base-qty .quanWrap {
    background: #fff;
    border: 1px solid #ddd;
    padding: 0 12px;
    border-radius: 5px;
    font-size: 0;
}

.ec-base-qty .quanWrap+span>a {
    background: none;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.12px;
    color: #040922;
}

.ec-base-qty .quanWrap [type="tel"],
.ec-base-qty .quanWrap [type="number"] {
    background: transparent;
    height: 30px;
    line-height: 30px;
    width: 31px;
    text-align: center;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    border: 0;
}

.ec-base-qty .quanWrap img {
    width: 8px;
    height: auto;
}

.ec-base-field {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
}

.ec-base-field input[type="text"] {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.ec-base-field input~[class*='btn'] {
    margin-left: 5px;
    height: 52px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    min-width: 50px;
}

input,
select,
textarea {
    font-size: 120%;
    vertical-align: middle;
}

input[type=radio],
input[type=checkbox] {
    width: 13px;
    height: 13px;
    border: 0;
    border-radius: 0;
}

input[type=text],
input[type=password],
input[type=number],
input[type=tel] {
    height: 52px;
    line-height: 52px;
    padding: 0 0 0;
    font-weight: 500;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    color: #040922;
    font-size: 16px;
    padding-left: 14px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Pretendard', Dotum, AppleGothic, sans-serif;
    transition: all .1s ease-in-out;
}

input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder {
    font-weight: 300;
    color: #040922;
    font: 16px 'Pretendard', Dotum, AppleGothic, sans-serif;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=tel]:focus {
    border: 2px solid #000;
}

input[type="file"] {
    overflow: hidden;
    max-width: 100%;
}

input[type="button"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="image"],
textarea {
    -webkit-appearance: none;
}

select {
    max-width: 100%;
    height: 52px;
    margin: 0;
    padding: 0 30px 0 14px;
    line-height: 54px;
    cursor: pointer;
    font: 15px 'Pretendard', Dotum, AppleGothic, sans-serif;
    color: #040922;
    background: #fff url('../images/ico_arrow_black.png') no-repeat right 10px center;
    background-size: 16px auto;
    -webkit-appearance: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

select:focus {
    border: 2px solid #040922
}

select.disabled,
select:disabled,
textarea.disabled,
textarea:disabled {}

textarea {
    font: 12px 'Pretendard', Dotum, AppleGothic, sans-serif;
    resize: none;
    line-height: 1.2em;
    font-size: 14px;
    background: #f3f3f3;
    border: 0;
    min-height: 100px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

textarea.disabled {}

input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border: 0;
    background: url('../images/bg_checkbox_off.png') no-repeat 0 0;
    background-size: 17px auto;
    -webkit-appearance: none;
}

input[type="radio"] {
    width: 18px;
    height: 18px;
    border: 0;
    border-radius: 50%;
    background: none no-repeat 0 0;
    background-size: 18px auto;
    -webkit-appearance: none;
}

input[type="checkbox"]:checked {
    background-image: url('../images/bg_checkbox_on.png');
    -webkit-appearance: none;
}

input[type="radio"]:checked {
    background-image: none;
    -webkit-appearance: none;
}

label {
    display: inline-block;
    margin: 0 7px 0 0;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio]+label,
input[type=checkbox]+label {
    margin: 0 7px 0 4px;
    font-size: 14px;
    font-weight: 300;
}

label input[type=radio],
label input[type=checkbox] {
    margin: 0 4px 0 0;
}

label:last-child,
input[type=radio]+label:last-child,
input[type=checkbox]+label:last-child {
    margin-right: 0;
}

input::-webkit-input-placeholder {
    line-height: normal;
}

.mCafe24Post.gMobile .search .searchForm input[type=text] {
    background: #f3f3f3;
}

.ec-base-label {
    display: inline-block;
    margin: 0 7px 0 0;
}

.ec-base-label input[type=radio]+label,
.ec-base-label input[type=checkbox]+label {
    margin-right: 0;
}

.fList.typeHor .gLabel {
    margin-right: 20px;
}

.fList.typeVer .gLabel {
    display: block;
}

.ec-base-radio.typeCS {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
}

.ec-base-radio.typeCS .ec-base-label {
    margin: 0 0 10px 0;
    border: 1px solid #b5b5b5;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
}

.ec-base-radio.typeCS .ec-base-label label {
    position: relative;
    height: 100%;
    line-height: 20px;
    padding: 10px 10px 9px;
    box-sizing: border-box;
    font-size: 14px;
    word-break: break-all;
    word-wrap: break-word;
    display: block;
    text-align: center;
    margin: 0;
}

.ec-base-radio.typeCS .ec-base-label input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
}

.ec-base-radio.typeCS .ec-base-label input:checked+label {
    border-font-weight: bold;
    color: #f3f3f3;
    background: #040922;
}

select:focus,
input:focus,
button:focus {
    outline: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #f3f3f3 inset;
    -webkit-text-fill-
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

@media all and (max-width:1400px) {
    body:not(.popup) select {
        height: 36px;
        /* line-height: 34px; */
        font-size: 13px;
    }

    body:not(.popup) input[type=text],
    body:not(.popup) input[type=password],
    body:not(.popup) input[type=number],
    body:not(.popup) input[type=tel] {
        height: 36px;
        line-height: 34px;
        font-size: 13px;
    }

    body:not(.popup) .ec-base-field input~[class*='btn'] {
        height: 36px;
        line-height: 34px;
    }

    body:not(.popup) .btnBasic {
        padding: 0;
    }
}

.ec-base-paginate.typeList {
    margin: 60px 0;
    text-align: center;
    font-size: 0;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.ec-base-paginate.typeList>a {
    display: inline-block;
    width: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
}

.ec-base-paginate.typeList>a::after,
.ec-base-paginate.typeList>a:first-child::before,
.ec-base-paginate.typeList>a:last-child::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #000;
    vertical-align: middle;
    transform: rotate(45deg);
}

.ec-base-paginate.typeList>a:first-child::before,
.ec-base-paginate.typeList>a:last-child::before {
    margin: 0 -3px;
}

.ec-base-paginate.typeList>a:first-child::after,
.ec-base-paginate.typeList>a:first-child::before,
.ec-base-paginate.typeList>a:first-child+a::after {
    transform: rotate(-135deg);
}

.ec-base-paginate.typeList ol {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    display: flex;
    align-items: center;
    gap: 7px;
    justify-content: center;
}

.ec-base-paginate.typeList li {
    display: inline-block;
    margin: 0 0 0 -1px;
    vertical-align: top;
}

.ec-base-paginate.typeList li:first-child {
    margin-left: 0;
}

.ec-base-paginate.typeList img {
    vertical-align: top;
}

.ec-base-paginate.typeList li a {
    display: block;
    width: 40px;
    padding: 12px 0;
    font-size: 12px;
    color: #6d6d6d;
    border: 1px solid #e5e5e5;
    line-height: 14px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 4px;
}

.ec-base-paginate.typeList a:hover {
    text-decoration: none;
}

.ec-base-paginate.typeList a.this {
    position: relative;
    z-index: 1;
    color: #000;
    border-color: #000;
}

.ec-base-paginate.typeList a.nolink {
    cursor: default;
}

.ec-base-paginate.typeSwipe {
    text-align: center;
}

.ec-base-paginate.typeSwipe .prev,
.ec-base-paginate.typeSwipe .next {
    display: none;
}

.ec-base-paginate.typeSwipe [id*='swipe-button'] button {
    display: inline-block;
    margin: 0 7px;
    width: 8px;
    height: 8px;
    overflow: hidden;
    font-size: 1px;
    line-height: 0;
    text-indent: -9999px;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

.ec-base-paginate.typeSwipe [id*='swipe-button'] button.selected {
    opacity: 1;
}

body .ec-base-paginate.typeMoreview {
    padding: 25px;
}

span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li {
    margin: 2px 0;
    padding: 1px 0 1px 22px;
    font-size: 12px;
    line-height: 19px;
    color: #6d6d6d;
    text-align: left;
    background: url('../../img.echosting.cafe24.com/skin/skin/common/ico_info.svg') no-repeat 0 3px;
}

div.ec-base-help {
    margin: 50px 0 20px;
    line-height: 18px;
}

div.ec-base-help>h2,
div.ec-base-help>h3 {
    display: block;
    margin: 0 0 20px;
    font-size: 16px;
    color: #000;
    ;
}

div.ec-base-help .inner {
    padding: 20px;
    background: #f6f7f7;
    display: flex;
    flex-direction: column;
    gap: 9px;
    font-size: 13px;
}

div.ec-base-help h4 {
    margin: 22px 0 4px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

div.ec-base-help h4:first-child {
    margin-top: 0;
}

div.ec-base-help p,
div.ec-base-help ul,
div.ec-base-help ol {
    margin: 0 0 0 0;
}

div.ec-base-help p,
div.ec-base-help li {
    color: #6d6d6d;
    font-size: 12px;
    line-height: 21px;
}

div.ec-base-help p,
div.ec-base-help ul li {
    padding: 0 0 0 12px;
}

div.ec-base-help p:before,
div.ec-base-help ul li:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: 7px 9px 0 -12px;
    vertical-align: top;
    border-radius: 50%;
    background: #6d6d6d;
}

span.ec-base-help,
p.ec-base-help,
ul.ec-base-help li {
    margin: 10px 0;
}

div.ec-base-help>h2,
div.ec-base-help>h3 {
    padding: 0 0;
    font-weight: 600;
}

.ec-base-product {
    padding: 25px
}

#main .ec-base-product {
    padding: 75px 25px 35px
}

.ec-base-product .titleArea {
    padding: 0 0 30px 0;
    border: 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.ec-base-product .titleArea h2 {
    width: 100%;
    display: block;
    font-size: 28px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0px;
    text-align: center;
}

.ec-base-product .titleArea h2 span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    padding-top: 12px;
    letter-spacing: normal;
    opacity: .7;
}

.ec-base-product .titleArea .btn {
    display: block;
    border: 1px solid #999;
    line-height: 43px;
    width: 260px;
    margin: 20px auto 0
}

.ec-base-product .titleArea>a {
    position: relative;
    display: inline-block;
    padding: 0px;
    font-size: 14px;
}

.ec-base-product .titleArea>a:after {
    position: absolute;
    left: 0;
    bottom: 0px;
    line-height: 1;
    width: 100%;
    height: 1px;
    background: #aaa
}

.ec-base-product .titleArea>a i {
    color: #040922;
    font-weight: bold;
    font-size: 14px;
}

.ec-base-product img {
    vertical-align: middle;
}

.ec-base-product a[href^='/product/detail.html']>img {
    border: 1px solid #e1e1e1;
}

.ec-base-product .prdList {
    width: 100%;
    margin: 0;
    font-size: 0;
    line-height: 0;
}

.ec-base-product .prdList>li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.ec-base-product .prdList>li .icon {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 0 0;
    display: none;
}

.ec-base-product .prdList>li .icon .button {
    display: none;
}

.ec-base-product .prdList>li .icon img {
    max-height: 18px;
}

.ec-base-product .prdList>li .cart {}

.ec-base-product .prdList .chk {
    display: none;
}

.ec-base-product .prdList .thumbnail {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.ec-base-product .prdList .thumbnail .prdImg {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.ec-base-product .prdList .thumbnail .prdImg img {
    -webkit-transition: transform 0.35s;
    -moz-transition: transform 0.35s;
    -o-transition: transform 0.35s;
    transition: transform 0.35s;
    transition-delay: .05s
}

.ec-base-product .prdList .thumbnail .prdImg:hover img {
    transform: scale(1.1);
    -webkit-transition: transform 0.35s;
    -moz-transition: transform 0.35s;
    -o-transition: transform 0.35s;
    transition: transform 0.35s;
    transition-delay: .05s
}

.ec-base-product .prdList .thumbnail a img {
    width: 100%;
    box-sizing: border-box;
}

.ec-base-product .prdList .thumbnail .num {
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: block;
    font-size: 15px;
    width: 33px;
    height: 33px;
    background: #040922;
    line-height: 31px;
    border-radius: 5px 5px 15px;
    color: #fff;
    font-weight: 700;
    box-shadow: 2px 4px 5px rgb(0 0 0 / 19%);
    padding: 0 0 0 11px;
}

.ec-base-product .prdList .swiper-button-prev,
.ec-base-product .prdList .swiper-button-next {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.ec-base-product .prdList>li:hover .swiper-button-prev,
.ec-base-product .prdList>li:hover .swiper-button-next {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.ec-base-product .prdList .swiper-button-prev {
    left: 15px;
}

.ec-base-product .prdList .swiper-button-next {
    right: 15px;
}

.ec-base-product .prdList .swiper-button-prev:after,
.ec-base-product .prdList .swiper-button-next:after {
    font-size: 14px !important;
    color: #040922 !important;
    font-weight: 200;
}

body .ec-base-product .description .icon .icon_img {
    height: 18px !important;
}

.ec-base-product .prdList .thumbnail .sold {
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
    width: 100%;
    z-index: 2;
    line-height: 1;
    color: #4a5544;
    padding: 0 20px;
    display: inline-block;
    border-radius: 12px;
    font-family: 'Pretendard', Dotum, AppleGothic, sans-serif;
    display: none;
    cursor: pointer;
    overflow: hidden;
}

.ec-base-product .prdList .thumbnail .sold b {
    font-weight: normal;
    color: #442b21db;
    font-weight: 700;
    line-height: 38px;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 38px;
    display: block;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 1px;
    padding-left: 1px;
    white-space: nowrap;
    overflow: hidden;
}

.ec-base-product .prdList .thumbnail .sold .marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
    line-height: 50px;
    height: 50px;
    background: #d5d5d52b;
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
    display: none !important;
}

.ec-base-product .prdList .thumbnail .sold .marquee div {
    display: block;
    width: 200%;
    position: absolute;
    overflow: hidden;
    animation: marquee 7s linear infinite;
}

.ec-base-product .prdList .thumbnail .sold .marquee span {
    float: left;
    width: 25%;
    font-size: 14px;
    letter-spacing: 1px;
    padding-left: 0px;
    font-weight: 400;
    color: #ffffff;
    text-shadow: 0px 0px 5px #00000045;
}

@keyframes marquee {
    0% {
        left: 0;
    }

    100% {
        left: -100%;
    }
}

.ec-base-product .prdList .thumbnail .sold.active {
    display: block;
}

.ec-base-product .prdList .thumbnail .sold img {
    display: none;
}

.ec-base-product .prdList .btn_icon {
    position: absolute;
    right: 14px;
    bottom: 14px
}

.ec-base-product .prdList .btn_icon>* {
    display: flex;
    flex-direction: column;
}

.ec-base-product .prdList .btn_icon .left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ec-base-product .prdList .btn_icon .left button,
.ec-base-product .prdList .btn_icon .left>* {
    display: flex;
    align-items: center;
    position: relative;
    background: #fff;
    padding: 0px;
    border-radius: 6px;
}

.ec-base-product .prdList .btn_icon .left img {
    height: 29px;
    padding: 7px;
    cursor: pointer;
}

.ec-base-product .prdList .btn_icon .right img {
    width: auto;
    height: 20px;
    padding: 0px;
}

@keyframes moveToHeart {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }

    100% {
        transform: translate(calc(var(--heartX) - var(--wishX)), calc(var(--heartY) - var(--wishY)));
        opacity: 0;
    }
}

.wish-animating {
    position: absolute;
    z-index: 1000;
    animation: moveToHeart 0.35s ease-in-out forwards;
}

.ec-base-product .prdList .description {
    margin: 0 auto;
    padding: 18px 0 0;
    font-size: 14px;
}

.ec-base-product .prdList .description .name {
    position: relative;
    line-height: 1.4;
    word-wrap: break-word;
    margin: 0;
    font-weight: normal;
    display: block;
}

.ec-base-product .prdList .description .name>span {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 26.34px;
}

.ec-base-product .prdList .description .name a {
    display: block;
    padding: 0 0 4px;
    line-height: 1.3;
}

.ec-base-product .prdList .description .name a * {
    font-weight: 600;
    font-size: 16px;
}

.ec-base-product .prdList .description .mileage {
    display: block;
}

.ec-base-product .prdList .description span.grid {
    display: block;
}

.ec-base-product .spec {
    margin: 0;
    font-size: 0;
    line-height: 0
}

.ec-base-product .spec li {
    line-height: 1.25;
    font-size: 14px;
    padding-bottom: 5px;
}

.ec-base-product .spec li .title {
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ec-base-product .spec li .title span {
    font-size: 14px;
}

.ec-base-product .spec li .title>* {
    display: inline-block;
    vertical-align: middle
}

.ec-base-product .spec li>* {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
}

.ec-base-product .spec li.color {
    overflow: hidden;
    display: inline-block;
    margin: 24px 0 0 0;
}

.ec-base-product .spec li.chips {
    float: left;
    width: 16px;
    height: 16px;
    margin: 0 2px 4px 0;
    border: 0;
    font-size: 0;
    line-height: 0;
    border-radius: 100% !important;
    transform: scale(.8);
}

.ec-base-product .spec li.line {
    border-bottom: 1px solid #3f271e;
    padding: 4px 0;
}

.ec-base-product .spec li.line.first {
    border-top: 2px solid #3f271e;
    margin-top: 24px;
}

.ec-base-product .spec li.line * {
    font-size: 14px !important;
    color: #222 !important;
    font-weight: normal !important;
}

.ec-base-product .spec li.line>* {
    display: inline-block;
    vertical-align: middle;
}

.ec-base-product .spec li.line .title {
    display: none !important;
}

.ec-base-product .prdList>li .priceLine {
    padding-bottom: 12px;
}

.ec-base-product .prdList>li .priceLine * {
    font-size: 14px !important
}

.ec-base-product .prdList>li .priceLine>ul {
    width: 100%;
}

.ec-base-product .prdList>li .priceLine>ul>div {
    display: block;
}

.ec-base-product .prdList>li .priceLine>ul>div.left {
    text-align: left;
    width: 30%;
}

.ec-base-product .prdList>li .priceLine>ul>div.left .listVol .title {
    display: none;
}

.ec-base-product .prdList>li .priceLine>ul>div.right {}

.ec-base-product .description li.listReview {
    padding: 10px 0 0
}

.ec-base-product .description li.listReview .title {
    font-size: 0 !important;
}

.ec-base-product .description li.listReview .title>span {
    position: relative;
    font-size: 14px !important;
    font-weight: 300;
}

.ec-base-product .description li.listReview .title>span:before {
    content: '';
    color: #faab04;
    padding-right: 2px;
    font-size: 15px;
}

.ec-base-product .description li.listReview * {
    font-size: 14px !important;
    font-weight: 300;
    line-height: 18px;
}

.ec-base-product .description {
    line-height: 1.4;
    padding: 0 25px;
}

.ec-base-product .description>li {
    text-align: left;
}

.ec-base-product .description li.listCustomPrice,
.ec-base-product .description li.listPrice,
.ec-base-product .description li.listSalePrice {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0;
}

.ec-base-product .description li.listCustomPrice *,
.ec-base-product .description li.listPrice *,
.ec-base-product .description li.listSalePrice * {
    line-height: 26px;
    letter-spacing: 0px;
    font-weight: 700;
    letter-spacing: -.6px;
}

.ec-base-product .description li.listSalePrice * {
    ;
}

.ec-base-product .description li.listCustomPrice * {
    font-weight: 400;
}

.ec-base-product .description li.listCustomPrice {
    display: block;
}

.ec-base-product .description li.listSalePrice {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ec-base-product .description li.listYoyak,
.ec-base-product .description li.listSubname {
    padding: 0 0 12px 0;
}

.ec-base-product .description li.listYoyak *,
.ec-base-product .description li.listSubname * {
    font-weight: 400 !important;
    letter-spacing: 0px;
    font-size: 14px !important;
    letter-spacing: -.5px;
}

.ec-base-product .description li.listModel {
    margin-bottom: 11px;
}

.ec-base-product .description li.listModel * {
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #040922 !important;
}

.ec-base-product .description li.listBrand {
    margin-bottom: 6px;
}

.ec-base-product .description li.listBrand * {
    font-weight: 300 !important;
    font-size: 14px !important;
    color: #84501d !important
}

.ec-base-product .description li.listVol {
    display: none;
}

.ec-base-product .thumbnail .listSalePrice2 {
    display: none;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 47px;
    height: 50px;
    padding: 0;
    border-radius: 3px;
    text-align: center;
    line-height: 50px;
    color: #121212;
    font-size: 14px;
    font-weight: 700;
    background-color: #fff;
    padding: 0;
    font-size: 14px;
    letter-spacing: -1px;
    background: url(../images/bg_sale.png) center center no-repeat;
    background-size: 100% auto;
    z-index: 2;
    display: none !important;
}

.ec-base-product .description .listSalePrice3 {
    display: none;
    position: relative;
    vertical-align: middle;
    display: flex;
    align-items: flex-end;
    gap: 0px;
    line-height: 18px;
    font-size: 17px;
    font-weight: 700 !important;
    color: #121212;
    font-weight: 700;
    letter-spacing: -1px !important;
}

.ec-base-product .discountPeriod {
    display: inline-block;
    z-index: 10;
    position: relative;
    width: 55px;
    height: 19px;
    vertical-align: middle;
}

.ec-base-product .layerDiscountPeriod {
    left: 50%;
    top: 26px;
    width: 247px;
    margin: 0 0 0 -124px;
}

.ec-base-product .layerDiscountPeriod strong.title {
    display: block;
    margin: 0 0 12px;
    padding: 0 35px 0 0;
    font-weight: bold;
    color: #2e2e2e;
}

.ec-base-product .layerDiscountPeriod .content p {
    margin: 2px 0 0;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -.3px;
}

.ec-base-product .layerDiscountPeriod .content p strong {
    font-weight: normal;
    font-size: 14px;
    color: #2e2e2e;
}

.ec-base-product .layerDiscountPeriod .content p strong span {
    font-size: 14px;
}

.ec-base-product .prdList .shippingFee {
    position: relative;
    display: inline-block;
}

.ec-base-product .prdList .shippingFee .button {
    display: inline-block;
    float: none;
}

.ec-base-product .prdList .shippingFee .ec-base-tooltip {
    z-index: 11;
    display: block;
    margin: 0 0 0 -170px;
    width: 360px;
}

.ec-base-product .prdList .shippingFee .ec-base-tooltip table th {
    width: 40px;
}

.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td {
    padding: 7px 10px 8px 10px;
}

.ec-base-product .btnTooltip {
    position: relative;
    display: inline-block;
}

.differentialShipping {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 17px;
    z-index: 100;
    width: 350px;
    margin: 0 0 0 -176px;
}

.differentialShipping h3.title {
    margin: 0;
    height: 35px;
    padding: 0 35px 0 19px;
    border: 0;
    color: #f3f3f3;
    font-size: 14px;
    line-height: 35px;
    background: #222;
}

.differentialShipping .content {
    padding: 12px 18px 14px 18px;
    border: 1px solid #e1e1e1;
    border-top: 0;
    text-align: center;
}

.differentialShipping .close {
    position: absolute;
    right: 14px;
    top: 12px;
}

.differentialShipping .close img {
    cursor: pointer;
}

.differentialShipping .content ul {
    line-height: 25px;
}

.differentialShipping .content li {
    overflow: hidden;
}

.differentialShipping .content li strong {
    float: left;
    font-weight: normal;
}

.differentialShipping .content li span {
    float: right;
    color: #2e2e2e;
}

.differentialShipping .content .info {
    margin: 7px 0 0;
    padding: 7px 0 0;
    border-top: 1px dotted #b0b1b3;
    color: #80aeef;
    text-align: right;
}

.ec-product-bgLT {
    background-position: left top;
}

.ec-product-bgLC {
    background-position: left center;
}

.ec-product-bgLB {
    background-position: left bottom;
}

.ec-product-bgRT {
    background-position: right top;
}

.ec-product-bgRC {
    background-position: right center;
}

.ec-product-bgRB {
    background-position: right bottom;
}

.ec-product-bgCT {
    background-position: center top;
}

.ec-product-bgCC {
    background-position: center center;
}

.ec-product-bgCB {
    background-position: center bottom;
}

.ec-base-product ul.grid2 {
    ;
}

.ec-base-product ul.grid2>li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 35px;
}

.ec-base-product:not(.swiper-container) ul.grid2>li:nth-child(2n) {
    margin-right: 0;
}

.ec-base-product ul.grid3>li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(33.33% - 11.25px);
    margin-right: 15px;
}

.ec-base-product ul.grid3>li:nth-child(3n) {
    margin-right: 0
}

.ec-base-product ul.grid4>li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 6px);
    margin-right: 8px;
}

.ec-base-product ul.grid4>li:nth-child(4n) {
    margin-right: 0
}

.ec-base-product ul.grid5>li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 19%;
    margin-right: 1.25%
}

.ec-base-product ul.grid5>li:nth-child(5n) {
    margin-right: 0
}

.ec-base-product ul.grid1 {
    ;
    margin: 0 auto;
    width: calc(100% + 50px);
    margin-left: -25px;
}

.ec-base-product ul.grid1>li {
    position: relative;
    display: block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 17px;
    font-size: 0;
}

.ec-base-product ul.grid1>li:last-child {}

.ec-base-product ul.grid1>li>* {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 20px;
}

.ec-base-product ul.grid1>li .thumbnail {
    position: relative;
    padding: 0;
}

.ec-base-product ul.grid1>li .thumbnail .prdImg {
    border-radius: 0;
}

.ec-base-product ul.grid1>li .thumbnail .prdImg img {
    border-radius: 0;
}

.ec-base-product ul.grid1>li .saleCount {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px 20px 0px 0px;
    background: #121212;
    line-height: 57px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
}

.ec-base-product ul.grid1>li .saleCount b {
    display: block;
    width: 29px;
    ;
    text-align: center;
}

.ec-base-product ul.grid1>li .saleCount span {
    padding: 0 3px 0 0;
    font-weight: 500;
}

.ec-base-product ul.grid1>li .description {
    padding: 25px 25px 25px;
    text-align: left;
    width: 100%;
}

.ec-base-product ul.grid1 .description .name a {
    padding-bottom: 12px;
}

.ec-base-product ul.grid1 .description .name a * {
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: -.5px;
}

.ec-base-product ul.grid1 .description li.listYoyak *,
.ec-base-product ul.grid1 li.listSubname * {
    font-size: 14px !important;
}

.ec-base-product ul.grid1 .description li.listPrice * {
    font-size: 16px !important;
}

.ec-base-product ul.grid1 .btn_icon {}

.ec-base-product ul.grid1 .thumbnail .listSalePrice2 {
    left: 20px;
    top: 20px;
    transform: scale(1.2);
}

.ec-base-product ul.grid1 .description li.listSalePrice {
    gap: 8px;
}

.ec-base-product ul.grid1 .description .spec {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    flex-wrap: wrap;
}

.ec-base-product ul.grid1 .description li.listSalePrice .listSalePrice3,
.ec-base-product ul.grid1 .description li.listSalePrice .listSalePrice3 * {
    font-size: 20px !important;
    font-weight: 700 !important
}

.ec-base-product ul.grid1 .description li.listSalePrice * {
    font-size: 20px !important;
    letter-spacing: -.8px;
    gap: 0;
}

.ec-base-product ul.grid1 .description li.listSaleDate {
    display: none;
}

.ec-base-product ul.grid1 .description li.listYoyak,
.ec-base-product ul.grid1 .description li.listSubname {
    padding-bottom: 6px;
    width: 100%;
}

.ec-base-product ul.grid1 .description li.listPrice {
    width: 100%;
}

.ec-base-product.sale ul.grid1 {
    ;
    margin: 0 auto;
}

.ec-base-product.sale ul.grid1>li {
    position: relative;
    display: block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 17px;
    font-size: 0;
    border-radius: 20px;
    box-shadow: 0px 0 10px 4px rgb(0 0 0 / 5%), 0 0 3px rgb(0 0 0 / 5%);
}

.ec-base-product.sale ul.grid1>li:last-child {}

.ec-base-product.sale ul.grid1>li>* {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 20px;
}

.ec-base-product.sale ul.grid1>li .thumbnail {
    position: relative;
    padding: 0;
}

.ec-base-product.sale ul.grid1>li .thumbnail .prdImg {}

.ec-base-product.sale ul.grid1>li .thumbnail .prdImg img {
    border-radius: 0;
}

.ec-base-product.sale ul.grid1>li .saleCount {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px 20px 0px 0px;
    background: #121212;
    line-height: 57px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
}

.ec-base-product.sale ul.grid1>li .saleCount b {
    display: block;
    width: 28px;
    ;
    text-align: center;
}

.ec-base-product.sale ul.grid1>li .saleCount span {
    padding: 0 3px 0 0;
    font-weight: 500;
}

.ec-base-product.sale ul.grid1>li .description {
    padding: 35px 0 50px;
    text-align: center;
}

.ec-base-product.sale ul.grid1 .description .name a {
    padding-bottom: 18px;
}

.ec-base-product.sale ul.grid1 .description .name a * {
    font-size: 20px !important;
    font-weight: 500 !important;
    letter-spacing: -.5px;
}

.ec-base-product.sale ul.grid1 .description li.listYoyak *,
.ec-base-product.sale ul.grid1 li.listSubname * {
    font-size: 14px !important;
}

.ec-base-product.sale ul.grid1 .description li.listSalePrice * {
    font-size: 23px !important;
    letter-spacing: -.8px;
    gap: 0;
}

.ec-base-product.sale ul.grid1 .description li.listPrice * {
    font-size: 16px !important;
}

.ec-base-product.sale ul.grid1 .btn_icon {
    ;
    padding: 20px;
    margin-top: -71px;
}

.ec-base-product.sale ul.grid1 .thumbnail .listSalePrice2 {
    left: 20px;
    top: 20px;
    transform: scale(1.2);
}

.ec-base-product.sale ul.grid1 .description li.listSalePrice {
    gap: 8px;
}

.ec-base-product.sale ul.grid1 .description .spec {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.ec-base-product.sale ul.grid1 .description li.listSalePrice .listSalePrice3,
.ec-base-product.sale ul.grid1 .description li.listSalePrice .listSalePrice3 * {
    font-size: 20px !important;
    font-weight: 700 !important
}

.ec-base-product.sale ul.grid1 .description li.listSaleDate {
    display: none;
}

#slide {
    position: relative;
    margin: 0px 25px 10px;
    padding: 30px 0 40px;
    overflow: hidden;
}

#slide.ec-base-product .prdList .thumbnail {
    margin-bottom: 0;
}

#slide.ec-base-product .prdList .description {
    padding-bottom: 0
}

#slide.ec-base-product .description .line:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

#slide.ec-base-product ul.grid3>li {
    margin-bottom: 0;
}

#slide.ec-base-product .description .lineTop {
    display: none;
}

#slide.ec-base-product .description .line {
    display: none;
}

#slide>.title {
    padding: 0 0 30px
}

#slide>.title h3 {
    display: block;
    line-height: 1;
    letter-spacing: 1.58px;
    color: #040922;
}

#slide>.title h3 * {
    display: block;
    font-size: 21px;
    font-weight: 600;
    line-height: 1;
    color: #040922;
    letter-spacing: 0;
    text-align: center;
}

#slide.ec-base-product.swiper-container-horizontal>.swiper-scrollbar {
    border-radius: 0;
    height: 2px;
    left: 0;
    right: 0px;
    bottom: 0;
    width: 100%;
}

#slide .swiper-horizontal>.swiper-scrollbar,
#slide .swiper-scrollbar.swiper-scrollbar-horizontal {
    z-index: 2;
    width: calc(100%);
    ;
    left: 0;
    border-radius: 0;
    height: 3px;
}

#slide .swiper-scrollbar-drag {
    border-radius: 0;
    background: #bbb;
    border-radius: 20px;
}

#slide.ec-base-product .swiper-scrollbar-drag {
    background: #040922 !important
}

#slide.ec-base-product ul.grid2>li {
    padding-bottom: 0;
    margin-bottom: 0;
}

@media all and (max-width:1400px) {
    #slide {
        margin: 0 16px 10px;
    }

    #slide .swiper-horizontal>.swiper-scrollbar,
    #slide .swiper-scrollbar.swiper-scrollbar-horizontal {
        height: 2px;
    }

    #main .ec-base-product {
        padding: 52px 15px;
    }

    .ec-base-product {
        padding-left: 16px;
        padding-right: 16px;
    }

    .ec-base-product .thumbnail .listSalePrice2 {
        width: 42px;
        height: 42px;
        font-size: 14px;
        line-height: 42px;
        transform: scale(.8);
        left: 4px;
        top: 4px;
    }

    .ec-base-product .titleArea {
        padding-bottom: 28px;
    }

    .ec-base-product .titleArea h2 {
        font-size: 23px;
        font-weight: 700;
    }

    .ec-base-product .titleArea>a:after {
        bottom: 2px
    }

    .ec-base-product .titleArea h2 span {
        font-size: 14px;
    }

    .ec-base-product .prdList .btn_icon {
        right: 10px;
        bottom: 10px;
    }

    .ec-base-product .prdList .btn_icon .left {
        gap: 6px
    }

    .ec-base-product .prdList .btn_icon .left img {
        height: 26px;
        padding: 6px;
    }

    .ec-base-product .prdList>li .icon {
        padding-top: 5px;
    }

    .ec-base-product .prdList>li .icon img {
        height: 14px;
    }

    .ec-base-product .prdList .description {
        padding-top: 8px;
    }

    .ec-base-product ul.grid1 {
        width: calc(100% + 32px);
        margin-left: -16px;
    }

    .ec-base-product ul.grid1>li .saleCount {
        font-size: 18px;
        line-height: 45px;
        font-weight: 600;
    }

    .ec-base-product ul.grid1>li .saleCount b {
        width: 27px;
    }

    .ec-base-product ul.grid1>li .saleCount span {
        padding: 0 0px 0 0;
    }

    .ec-base-product ul.grid1 .btn_icon {
        padding: 10px 0 0
    }

    .ec-base-product ul.grid1>li .description {
        padding: 15px 15px 15px
    }

    .ec-base-product ul.grid1 .description .name a {
        padding-bottom: 12px;
    }

    .ec-base-product ul.grid1 .description .name a * {
        font-size: 17px !important;
    }

    .ec-base-product ul.grid1 .description .spec {
        gap: 3px;
    }

    .ec-base-product ul.grid1 .description li.listSalePrice * {
        font-size: 17px !important;
    }

    .ec-base-product ul.grid1 .description li.listSalePrice .listSalePrice3,
    .ec-base-product ul.grid1 .description li.listSalePrice .listSalePrice3 * {
        font-size: 17px !important;
    }

    .ec-base-product ul.grid1 .description li.listSalePrice {
        gap: 5px;
    }

    .ec-base-product .description li.listCustomPrice *,
    .ec-base-product .description li.listPrice *,
    .ec-base-product .description li.listSalePrice * {
        font-size: 15px !important;
        line-height: 1.4;
    }

    .ec-base-product ul.grid1 .description li.listPrice * {
        font-size: 14px !important;
    }

    .ec-base-product .prdList .thumbnail .num {
        text-align: left;
        left: 0;
        top: 0;
        font-size: 14px;
        width: 28px;
        height: 28px;
        line-height: 26px;
        border-radius: 5px 5px 12px;
        padding: 0 0 0 9px;
    }

    .ec-base-product .description li.listSubname {
        padding-bottom: 10px;
    }

    .ec-base-product .description li.listYoyak *,
    .ec-base-product .description li.listSubname * {
        font-size: 13px !important;
    }

    .ec-base-product .prdList .description .name a {
        padding-bottom: 10px;
    }

    .ec-base-product .prdList .description .name a * {
        font-size: 15px !important;
    }
}

.ec-base-button [class*="btn"] {
    display: block;
    align-items: center;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    cursor: pointer;
    justify-content: center;
    margin: 0;
    padding: calc(.875rem - 1px) calc(1.5rem - 1px);
    position: relative;
    text-decoration: none;
    transition: all 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: auto;
    font-size: 16px;
    font-weight: 700;
    height: 52px;
    line-height: 50px;
    padding: 0;
}

.ec-base-button [class*="btn"]:hover,
.ec-base-button [class*="btn"]:focus {
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
    color: rgba(0, 0, 0, 0.65);
}

.ec-base-button [class*="btn"]:hover {
    transform: translateY(-1px);
}

.ec-base-button [class*="btn"]:active {
    background-color: #F0F0F1;
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
    color: rgba(0, 0, 0, 0.65);
    transform: translateY(0);
}

.ec-base-paginate:not(.typeList) [class*="btn"] {
    display: block;
    align-items: center;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    cursor: pointer;
    justify-content: center;
    margin: 0;
    padding: calc(.875rem - 1px) calc(1.5rem - 1px);
    position: relative;
    text-decoration: none;
    transition: all 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: auto;
    font-size: 16px;
    font-weight: 700;
    height: 52px;
    line-height: 50px;
    padding: 0;
}

.ec-base-paginate:not(.typeList) [class*="btn"]:hover,
.ec-base-paginate:not(.typeList) [class*="btn"]:focus {
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
    color: rgba(0, 0, 0, 0.65);
}

.ec-base-paginate:not(.typeList) [class*="btn"]:hover {
    transform: translateY(-1px);
}

.ec-base-paginate:not(.typeList) [class*="btn"]:active {
    background-color: #F0F0F1;
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
    color: rgba(0, 0, 0, 0.65);
    transform: translateY(0);
}

.btnBasic {
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: #fff;
    padding: 6px 13px;
    border-radius: 4px;
    transition: border .1s ease-in-out;
}

.btnBasic:hover {
    border: 1px solid #222;
}

.ec-base-button [class*="btnSubmit"] {
    display: block;
    align-items: center;
    text-align: center;
    background-image: linear-gradient(to right, #121212, #212121) !important;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
    box-sizing: border-box;
    color: #fff !important;
    cursor: pointer;
    justify-content: center;
    margin: 0;
    padding: calc(.875rem - 1px) calc(1.5rem - 1px);
    position: relative;
    text-decoration: none;
    transition: all 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: auto;
    font-size: 16px;
    font-weight: 600;
    height: 52px;
    line-height: 50px;
    padding: 0;
}

.ec-base-button [class*="btnSubmit"]:hover,
.ec-base-button [class*="btnSubmit"]:focus {
    color: #fff;
}

.ec-base-button [class*="btnLine"] {
    border: 1px solid #121212;
    color: #121212
}

.ec-base-button [class*="btn"].point {
    display: block;
    align-items: center;
    text-align: center;
    background-image: linear-gradient(to right, #121212, #212121) !important;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
    box-sizing: border-box;
    color: #fff !important;
    cursor: pointer;
    justify-content: center;
    margin: 0;
    padding: calc(.875rem - 1px) calc(1.5rem - 1px);
    position: relative;
    text-decoration: none;
    transition: all 250ms;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: baseline;
    width: auto;
    font-size: 16px;
    font-weight: 600;
    height: 52px;
    line-height: 50px;
    padding: 0;
}

.ec-base-button [class*="btn"].point:hover,
.ec-base-button [class*="btn"].point:focus {
    color: #fff;
}

.ec-base-button [class*="btn"].mini {
    display: inline-block;
    height: 32px;
    line-height: 30px;
    font-size: 13px;
    background: #fff;
    padding: 0 14px;
    font-weight: 600;
}

.btn_full {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 49px;
    height: 49px;
    font-size: 14px;
    font-weight: 500
}

.btn_input {
    height: 36px;
    line-height: 36px;
    min-width: 60px;
    text-align: center;
}

.ec-base-button.gFull {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ec-base-button.gFull [class*="btn"] {
    width: 100%;
}

.ec-base-button .soldout {
    cursor: default;
}

.btnIcon {
    max-width: 12px;
    max-height: 12px;
    background-size: 100% 100%;
}

.ec-base-button {
    margin: 10px 0
}

.ec-base-button.typeMulti {
    margin: 0 auto;
    padding: 7px;
}

.ec-base-button.typeMulti .gTop:after,
.ec-base-button.typeMulti .gBottom:after {
    content: "";
    display: block;
    clear: both;
}

.ec-base-button.typeMulti .gBottom {
    padding: 15px 0 0;
    clear: both;
}

.ec-base-button.gLeft {
    text-align: left;
}

.ec-base-button.gCenter {
    text-align: center;
}

.ec-base-button.gRight {
    text-align: right;
}

.ec-base-button .gLeft {
    float: left;
    text-align: left;
}

.ec-base-button .gRight {
    display: block;
}

.ec-base-button[class*="gColumn"] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ec-base-button[class*="gColumn"] a,
.ec-base-button[class*="gColumn"] button {
    flex: 1;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #d4d4d4;
    font-weight: 500;
}

.ec-base-button[class*="gColumn"] button.btnSubmit {}

.ec-base-button[class*="gColumn"] a.btnSubmit {}

.ec-base-button[class*="gColumn"] .gFlex2 {
    flex: 2;
}

.ec-base-button[class*="gColumn"] .gFlex3 {
    flex: 3;
}

.ec-base-button[class*="gColumn"] .gFlex4 {
    flex: 4;
}

.ec-base-button.gFull {
    margin-bottom: 3px;
}

.ec-base-button.gFull .ec-base-button [class*="btn"],
.ec-base-button [class*="btn"].gFull {
    width: 100%;
}

.ec-base-button.gFull .ec-base-button [class*="btn"] {
    margin: 0 0 7px;
}

.ec-base-button.gFixed {
    position: fixed;
    z-index: 8;
    left: 50%;
    bottom: 0;
    max-width: 600px;
    width: 100%;
    margin: 0;
    padding: 12px;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0px -10px 30px rgba(0, 0, 0, .15);
}

.ec-base-button.gFixed .state+.ec-base-button {
    margin-top: 3px;
}

.ec-base-button.gFixed .state {
    overflow: hidden;
    margin: 0 auto;
    font-size: 14px;
    line-height: 30px;
    background: #f3f3f3;
    margin: 10px 0;
    padding: 0 18px;
}

.ec-base-button.gFixed .state .count {
    float: left;
    padding: 7px 0;
}

.ec-base-button.gFixed .state .price {
    float: right;
    padding: 7px 0;
}

.ec-base-button.gFixed .price strong {
    font-weight: normal;
}

.ec-base-button.gFixed .count strong,
.ec-base-button.gFixed .price em {
    font-weight: bold;
}

.ec-base-button.gFixed .ec-base-button {
    margin: 0
}

.btn_01:hover,
.btn_01:focus {
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
    color: rgba(0, 0, 0, 0.65);
}

.btn_01:hover {
    transform: translateY(-1px);
}

.btn_01:active {
    background-color: #F0F0F1;
    border-color: rgba(0, 0, 0, 0.15);
    box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
    color: rgba(0, 0, 0, 0.65);
    transform: translateY(0);
}

.btn_02 {
    background-color: initial;
    background-image: linear-gradient(#8614f8 0, #760be0 100%);
    border-radius: 5px;
    border-style: none;
    box-shadow: rgba(245, 244, 247, .25) 0 1px 1px inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    height: 60px;
    line-height: 60px;
    margin-left: -4px;
    outline: 0;
    text-align: center;
    transition: all .3s cubic-bezier(.05, .03, .35, 1);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    vertical-align: bottom;
    width: 190px;
}

.btn_02:hover {
    opacity: .7;
}

@media screen and (max-width:1000px) {
    .btn_02 {
        font-size: 14px;
        height: 55px;
        line-height: 55px;
        width: 150px;
    }
}

.btn_03 {
    background-color: #f0ecfc;
    background-image: linear-gradient(315deg, #f0ecfc 0%, #c797eb 74%);
    line-height: 42px;
    padding: 0;
    border: none;
}

.btn_03 span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.btn_03:before,
.btn_03:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: #c797eb;
    transition: all 0.3s ease;
}

.btn_03:before {
    height: 0%;
    width: 2px;
}

.btn_03:after {
    width: 0%;
    height: 2px;
}

.btn_03:hover:before {
    height: 100%;
}

.btn_03:hover:after {
    width: 100%;
}

.btn_03:hover {
    background: transparent;
}

.btn_03 span:hover {
    color: #c797eb;
}

.btn_03 span:before,
.btn_03 span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: #c797eb;
    transition: all 0.3s ease;
}

.btn_03 span:before {
    width: 2px;
    height: 0%;
}

.btn_03 span:after {
    height: 2px;
    width: 0%;
}

.btn_03 span:hover:before {
    height: 100%;
}

.btn_03 span:hover:after {
    width: 100%;
}

.buttons {
    margin: 10%;
    text-align: center;
}

.btn-hover {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    height: 55px;
    text-align: center;
    border: none;
    background-size: 300% 100%;
    border-radius: 50px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

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

.btn-hover.color-1 {
    background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}

.btn-hover.color-2 {
    background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}

.btn-hover.color-3 {
    background-image: linear-gradient(to right, #121212, #212121, #121212, #212121);
    box-shadow: 0 4px 15px 0 rgb(133 133 133 / 48%);
}

.btn-hover.color-4 {
    background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}

.btn-hover.color-5 {
    background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}

.btn-hover.color-6 {
    background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021);
    box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}

.btn-hover.color-7 {
    background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
    box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}

.btn-hover.color-8 {
    background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}

.btn-hover.color-9 {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}

.btn-hover.color-10 {
    background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a, #FBB03B);
    box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
}

.btn-hover.color-11 {
    background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);
    box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
}

@media all and (max-width:1400px) {
    .ec-base-button.gFixed {
        left: auto;
        ;
        width: 100%;
        padding: 8px
    }

    .ec-base-button [class*="btn"] {
        font-size: 14px;
        font-weight: 500;
        height: 42px;
        line-height: 40px;
    }

    .ec-base-button [class*="btn"].point {
        height: 46px;
        line-height: 44px;
    }

    .ec-base-button.gFull {
        gap: 6px
    }

    .ec-base-button.gFull [class*="btn"] {
        font-size: 16px;
        font-weight: 600;
        height: 42px;
        line-height: 40px;
    }

    .btnBasic {
        padding: 8px 14px;
    }
}

.ec-base-box {
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ddd;
}

.ec-base-box.gHalf {
    position: relative;
    padding: 20px 0;
}

.ec-base-box.gHalf:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #e6e6e6;
}

.ec-base-box.typeBg {
    background-color: #fbfafa;
}

.ec-base-box.typeThin {
    border-width: 1px;
    border-color: #e5e5e5;
}

.ec-base-box.typeThin h3.boxTitle {
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.ec-base-box.typeThinBg {
    border-width: 1px;
    border-color: #d7d5d5;
    background-color: #fbfafa;
}

.ec-base-box.center {
    text-align: center;
}

.ec-base-box .headDesc {
    margin: 0 0 40px;
    font-size: 16px;
    line-height: 22px;
    color: var(--font-color-heading);
}

.ec-base-box.typeThin>.agree {
    color: #6d6d6d;
    font-size: 12px;
    line-height: 20px;
    background: #fff;
}

.ec-base-box.typeThin>.agree p {
    padding: 0 0 30px;
}

.ec-base-box.typeMember {
    border: 0;
}

.ec-base-box.typeMember h3.boxTitle {
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.ec-base-box.typeMember .content {
    margin: 0 auto;
    text-align: center;
}

.ec-base-box.typeMember input[type="text"],
.ec-base-box.typeMember input[type="password"],
.ec-base-box.typeMember select {
    width: 100%;
}

.ec-base-box.typeMember .info {
    font-size: 13px;
    line-height: 20px;
    color: #6d6d6d;
}

.ec-base-box.typeMember .information {
    display: table;
    table-layout: fixed;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box;
}

.ec-base-box.typeMember .information>.title,
.ec-base-box.typeMember .information>.thumbnail {
    display: table-cell;
    padding: 0 15px;
    width: 70px;
    text-align: center;
    vertical-align: middle;
}

.ec-base-box.typeMember .information>.title {
    vertical-align: middle;
}

.ec-base-box.typeMember .information>.thumbnail img {
    max-width: 70px;
}

.ec-base-box.typeMember .information .description {
    display: table-cell;
    padding: 0 10px;
    width: auto;
    line-height: 1.5em;
    border-left: 1px solid #e8e8e8;
    vertical-align: middle;
}

.ec-base-box.typeMember.gMessage {
    border-width: 1px;
    border-color: #d7d5d5;
}

.ec-base-box.typeProduct {
    display: table;
    table-layout: fixed;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    border: 10px solid #f6f6f6;
}

.ec-base-box.typeProduct .thumbnail,
.ec-base-box.typeProduct .information {
    display: table-cell;
    vertical-align: top;
    position: relative;
}

.ec-base-box.typeProduct .thumbnail {
    width: 85px;
}

.ec-base-box.typeProduct .thumbnail img {
    max-width: 65px;
}

.ec-base-box.gPadding {
    padding: 50px 18px 40px;
}

.ec-base-box.typeMember {
    padding: 20px 0
}

.additionalInfo {
    margin: 0 24px;
}

li {
    list-style: none;
}

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

caption {
    display: none;
}

h1,
h3 {
    margin: 0;
}

.ec-base-layer-area {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

.ec-base-layer {
    z-index: 1001;
    border: 1px solid #000;
    background: #fff;
    box-sizing: border-box;
}

.ec-base-layer .header {
    margin: 0 20px;
    padding: 20px 0;
    color: #000;
    border-bottom: 1px solid #e5e5e5;
}

.ec-base-layer>.header>h1,
.ec-base-layer>.header>h3,
.ec-base-layer>.header>h5 {
    font-size: 16px;
    font-weight: normal;
}

.ec-base-layer>.content {
    padding: 20px;
    font-size: 13px;
    line-height: 22px;
    min-height: 90px;
    box-sizing: border-box;
}

.ec-base-layer div.ec-base-help {
    margin-top: 0;
}

.ec-base-layer .btnClose {
    position: absolute;
    right: 7px;
    top: 14px;
    padding: 10px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    width: 30px;
    height: 32px;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    background: Transparent;
    white-space: nowrap;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ec-base-layer .btnClose:before {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    width: 1px;
    height: 21px;
    margin: 10px 10px 0 0;
    background: #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.ec-base-layer .btnClose:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 21px;
    height: 1px;
    margin: 10px 10px 0 0;
    background: #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.ec-base-layer.typeModal {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(calc(-50% + 0.5px));
    max-width: 600px;
    max-height: 600px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
}

.ec-base-layer.typeModal {
    border: 0;
    padding: 0;
    border-radius: 8px;
    background: #fbfbfb
}

.ec-base-layer.typeModal>h1 {
    font-size: 17px;
    line-height: 1;
    padding-bottom: 15px;
    background-image: linear-gradient(to right, #121212, #212121);
    color: #fff;
    padding: 21px 16px;
    font-weight: 600;
    border-radius: 8px 8px 0 0;
}

.ec-base-layer.typeModal .ec-base-button {
    padding: 14px;
}

.ec-base-layer.typeModal {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    min-width: 320px;
    width: calc(100% - 32px);
    margin: 0 auto;
    transform: translateY(calc(-50% + 0.5px));
}

.ec-base-layer.typeModal .btnClose:before,
.ec-base-layer.typeModal .btnClose:after {
    background: #000;
}

.ec-base-layer.typeModal>.wrap {
    padding: 25px;
}

.ec-base-layer.typeLayer {
    position: absolute;
    margin-top: 10px;
}

.ec-base-layer.typeSide {
    position: fixed;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 0;
}

.ec-base-layer.typeSide .header {
    padding: 74px 16px 10px;
    margin: 0;
    border: 0;
}

.ec-base-layer.typeSide .header h2 {
    font-size: 18px;
    font-weight: normal;
}

.ec-base-layer.typeSide .content {
    position: relative;
    padding: 0;
    flex: 1;
    overflow: auto;
    height: 100%;
}

.ec-base-layer.typeSide .ec-base-button[class*="gColumn"] {
    margin: 25px 16px;
}

.ec-base-layer.typeSide .btnClose {
    top: 5px;
    width: 24px;
    height: 24px;
    padding: 20px 17px;
}

.ec-base-layer.typeSide .btnClose:before {
    right: 12px;
    height: 25px;
}

.ec-base-layer.typeSide .btnClose:after {
    top: 12px;
    width: 25px;
}

.ec-base-layer.gAlert>.header {
    display: block;
    overflow: hidden;
    position: absolute;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    text-indent: -150%;
    white-space: nowrap;
    padding: 0;
    color: transparent;
    border: 0;
}

.ec-base-layer.gAlert>.content {
    padding: 45px 0 25px;
    text-align: center;
}

.ec-base-layer.gScroll {
    height: auto;
}

.ec-base-layer.gScroll>.content {
    overflow: auto;
    height: auto;
    max-height: 70vh;
}

#popup {
    padding: 0 0 30px;
}

#popup .ec-base-layer {
    border: 0;
    padding: 0;
    border-radius: 8px;
    background: #fbfbfb;
    max-width: 100%;
    left: 0;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

#popup .ec-base-layer>h1 {
    font-size: 17px;
    line-height: 1;
    padding-bottom: 15px;
    background-image: linear-gradient(to right, #121212, #212121);
    color: #fff;
    padding: 21px 16px;
    font-weight: 600;
    border-radius: 8px 8px 0 0;
}

#popup .ec-base-layer .btnClose {
    top: 6px;
    background: none;
}

#popup .ec-base-layer .wrap {
    padding: 10px;
}

.ec-base-layer {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    min-width: 320px;
    width: calc(100% - 32px);
    margin: 0 auto;
    transform: translateY(calc(-50% + 0.5px));
}

.ec-base-layer.typeSide {
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    transform: initial;
}

#popup .ec-base-layer {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    border: 0;
    transform: initial;
}

#popup .ec-base-layer .btnClose:before,
#popup .ec-base-layer .btnClose:after {
    background: #fff;
}

#popup .ec-base-button [class*="btn"] {
    min-width: 50px;
}

#popup .ec-base-button {
    margin: 0;
    padding: 20px 20px;
    background: #fbfbfb
}

#popup .ec-base-layer .ec-base-table.typeWrite th,
#popup .ec-base-layer .ec-base-table.typeWrite td {
    vertical-align: middle;
}

#popup .ec-base-layer .ec-base-table.typeWrite .xans-product-option td>ul {
    display: flex;
    align-items: center;
}

#popup .ec-base-prdInfo {
    background: #fbfbfb
}

@media all and (max-width:440px) {

    #popup .xans-myshop-orderreceiverupdate.ec-base-layer,
    #receiver_update_form .xans-myshop-orderreceiverupdate.ec-base-layer {
        position: relative;
        top: 0;
        transform: translateY(0);
        width: 400px;
        margin: 0;
    }

    #popup .xans-myshop-orderreceiverupdate.ec-base-layer .ec-base-table tr,
    #receiver_update_form .xans-myshop-orderreceiverupdate.ec-base-layer .ec-base-table tr {
        width: 370px;
    }

    #popup .xans-myshop-orderreceiverupdate.ec-base-layer .ec-base-table td textarea,
    #receiver_update_form .xans-myshop-orderreceiverupdate.ec-base-layer .ec-base-table td textarea {
        width: 330px;
    }
}

.ec-base-layer .ec-base-paginate.typeList {
    margin: 30px 0 10px
}

.ec-base-table th[scope*="row"] {
    text-align: left;
    font-weight: 500;
}

.ec-base-table .left {
    text-align: left;
}

.ec-base-table .center {
    text-align: center;
}

.ec-base-table .right {
    text-align: right;
}

.ec-base-table td.left {
    text-align: left;
}

.ec-base-table td.center {
    text-align: center;
}

.ec-base-table td.right {
    text-align: right;
}

.ec-base-table .top th,
.ec-base-table .top td,
.ec-base-table th.top,
.ec-base-table td.top {
    vertical-align: top;
}

.ec-base-table .middle th,
.ec-base-table .middle td,
.ec-base-table th.middle,
.ec-base-table td.middle {
    vertical-align: middle;
}

.ec-base-table .bottom th,
.ec-base-table .bottom td,
.ec-base-table th.bottom,
.ec-base-table td.bottom {
    vertical-align: bottom;
}

.ec-base-table {
    border-top: 1px solid #000;
}

.ec-base-table th,
.ec-base-table td {
    height: 29px;
    padding: 14px 20px;
    line-height: 22px;
    vertical-align: middle;
}

.ec-base-table th {
    border-bottom: 1px solid #e5e5e5;
    background-color: #f6f6f6;
}

.ec-base-table td {
    border-bottom: 1px solid #e5e5e5;
}

.ec-base-table th img.icon,
.ec-base-table td img.icon {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.ec-base-table td [class^="btn"],
.ec-base-table td a[class^="btn"] {
    vertical-align: baseline;
}

.ec-base-table.gBorderClear {
    border-top: 0;
}

.ec-base-table td.gBorderClear {
    border-bottom: 0;
}

.ec-base-table .message {
    padding: 56px 0;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
    color: #6d6d6d;
}

.ec-base-table.typeWrite th,
.ec-base-table.typeWrite td {
    height: auto;
}

.ec-base-table.typeWrite td [class^="btn"],
.ec-base-table.typeWrite td a[class^="btn"] {
    vertical-align: middle;
}

.ec-base-table.typeWrite .formMultiple dl,
.ec-base-table.typeWrite .formMultiple ul {
    width: 100%;
}

.ec-base-table.typeWrite .formMultiple dt {
    margin: 0 0 2px 0;
}

.ec-base-table.typeWrite .formMultiple li,
.ec-base-table.typeWrite .formMultiple dd {
    margin: 0 0 10px 0;
}

.ec-base-table.typeWrite .formMultiple li:last-of-type,
.ec-base-table.typeWrite .formMultiple dd:last-of-type {
    margin-bottom: 0;
}

.ec-base-table.typeWrite .formGroup input[type="text"],
.ec-base-table.typeWrite .formGroup input[type="password"],
.ec-base-table.typeWrite .formGroup select,
.ec-base-table.typeWrite .formGroup [class^="btn"] {
    min-width: 0;
    margin: 0 5px;
}

.ec-base-table.typeWrite .formGroup input[type="text"]+[class^="btn"] {
    margin-left: 5px;
}

.ec-base-table.typeWrite .formGroup:not(td) {
    width: auto;
    margin-left: -5px;
    margin-right: -5px;
}

.ec-base-table.typeWrite .formGroup.code {
    font-size: 20px;
    color: #7f7f7f;
}

.ec-base-table.typeWrite td p.txtInfo,
.ec-base-table.typeWrite td ul.txtInfo {
    width: 100%;
}

.ec-base-table.typeWrite td input[type="text"]+[class^='btn'],
.ec-base-table.typeWrite td input[type="password"]+[class^='btn'],
.ec-base-table.typeWrite td input[type="text"]+a[class^='btn'],
.ec-base-table.typeWrite td input[type="password"]+a[class^='btn'] {
    margin-left: 10px;
}

.ec-base-table.typeWrite td label {
    line-height: 32px;
}

.ec-base-table.typeWrite .ec-address {
    width: 100%;
}

.ec-base-table.typeWrite .ec-address .btnBasic {
    display: inline-block;
    padding: 12px 20px;
    height: 40px;
    font-size: 13px;
    box-sizing: border-box;
    border: 1px solid #bcbcbc;
    line-height: 1;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
    word-spacing: -0.5px;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    color: #000;
    background-color: #fff;
}

.ec-base-table.typeWrite .ec-address-area select {
    display: block;
    margin: 10px 0 0;
}

.ec-base-table.typeWrite .ec-address-area select:first-of-type {
    margin-top: 0;
}

.ec-base-table .gFlow {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}

.ec-base-table tr.gBorderClear td {
    border-bottom: 0;
}

.ec-base-table.typeList tr.gBorderClear {
    border-bottom: 0;
}

.ec-base-table.typeWrite {}

.ec-base-table.typeWrite tr {}

.ec-base-table.typeWrite th {
    padding: 8px 0 8px 14px;
    text-align: left;
    line-height: 30px;
    font-weight: 500;
}

.ec-base-table.typeWrite td {
    padding: 8px 16px;
    align-items: center;
    line-height: 30px;
}

.ec-base-table.typeWrite .formMultiple {
    padding-top: 10px;
}

.ec-base-table.typeWrite td.formGroup {
    padding-left: 10px;
    padding-right: 10px;
}

.ec-base-table.typeWrite td.formGroup.date {
    padding-left: 10px;
    padding-right: 15px;
}

.ec-base-table.typeWrite .formGroup {
    display: flex;
    flex-flow: wrap;
    box-sizing: border-box;
    align-items: center;
}

.ec-base-table.typeWrite .formGroup input[type="text"],
.ec-base-table.typeWrite .formGroup input[type="password"],
.ec-base-table.typeWrite .formGroup select {
    flex: 1;
}

.ec-base-table.typeWrite span.txtInfo {
    display: block;
}

.ec-base-table.typeWrite td input[type="text"],
.ec-base-table.typeWrite td input[type="password"],
.ec-base-table.typeWrite td select {
    width: 100%;
}

.ec-address .ec-address-zipcode {
    display: flex;
    flex-flow: wrap;
}

.ec-base-table.typeWrite .ec-address .ec-address-zipcode input[type="text"] {
    flex: 1;
}

.ec-base-table.typeWrite .ec-address .ec-address-zipcode .ec-base-label {
    display: block;
    width: 100%;
    margin: 5px 0 0;
}

.ec-base-table.typeList thead {
    display: none;
}

.ec-base-table.typeList table,
.ec-base-table.typeList tbody {
    display: block;
}

.ec-base-table.typeList tr {
    display: block;
    position: relative;
    padding: 20px 8px 19px;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
}

.ec-base-table.typeList tr:after {
    content: "";
    display: block;
    clear: both;
}

.ec-base-table.typeList td {
    height: auto;
    display: block;
    float: left;
    padding: 3px 8px;
    border-bottom: 0;
    text-align: left;
    color: #6d6d6d;
}

.ec-base-table.typeList td a {
    color: #6d6d6d;
}

.ec-base-table.typeList td.chk {
    box-sizing: border-box;
    padding: 0;
}

.ec-base-table.typeList td.chk .boardChk {
    margin: 5px 8px 0 8px;
}

.ec-base-table.typeList td.chk:not(.no) .boardChk {
    margin: 5px 8px 0px 8px
}

.ec-base-table.typeList td.subject {
    float: none;
    box-sizing: border-box;
}

.ec-base-table.typeList td.subject a {
    color: #000;
}

.ec-base-table.typeList.gThumb td.thumb {
    overflow: hidden;
    position: absolute;
    top: 24px;
    left: 16px;
    width: 65px;
    height: calc(100% - 45px);
    padding: 0;
}

.ec-base-table.typeList.gThumb td.thumb a {
    display: block;
    height: 100%;
    text-align: center;
}

.ec-base-table.typeList.gThumb td.thumb img {
    max-width: 100%;
    max-height: 100%;
}

.ec-base-table.typeList.gThumb tr {
    padding-left: 90px;
    padding-right: 20px;
}

.ec-base-table.typeList.gThumb td.chk {
    z-index: 1;
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 0;
}

.ec-base-table.typeList.gThumb td.chk .boardChk {
    margin: 0;
}

.ec-base-fold {
    position: relative;
}

.ec-base-fold>.title {
    position: relative;
    z-index: 1;
    overflow: hidden;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.3;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.ec-base-fold>.title h2,
.ec-base-fold>.title h3 {
    display: inline-block;
    font-size: 13px;
    line-height: 1.3;
}

.ec-base-fold>.title:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.ec-base-fold>.contents {
    display: none;
    background: #fff;
}

.ec-base-fold .ec-base-fold {
    border-width: 1px 0 0;
}

.ec-base-fold .ec-base-fold+.ec-base-fold {
    margin-top: 0;
}

.ec-base-fold.selected>.title:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ec-base-fold.selected>.contents {
    display: block;
    line-height: 1.3;
    font-size: 15px;
}

.ec-base-fold.theme0>.title {
    background: #fff;
    border: 1px solid #444;
    border-radius: 6px;
}

.ec-base-fold.theme0>.title {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 14px 43px 14px 14px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.3;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
}

.ec-base-fold.theme0>.title .left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ec-base-fold.theme0>.title h2,
.ec-base-fold.theme0>.title h3 {
    display: inline-block;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
}

.ec-base-fold.theme0>.title h3 {
    color: #040922;
}

.ec-base-fold.theme0>.title p {
    font-size: 14px;
    color: #3e3e3e;
    font-weight: 400;
}

.ec-base-fold.theme0>.title:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: url("../images/ico_arrow_black.png") no-repeat 50% 50%;
    background-size: 12px auto;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.ec-base-fold.theme0.selected>.title {
    border-radius: 6px 6px 0 0;
}

.ec-base-fold.theme0 .contents {
    padding: 15px 0;
}

.ec-base-fold.theme0 .ec-base-fold {
    border-width: 1px 0 0;
}

.ec-base-fold.theme0+.ec-base-fold {
    margin-top: 7px;
}

.ec-base-fold.theme0 .ec-base-fold+.ec-base-fold {
    margin-top: 0;
}

.ec-base-fold.theme0.selected>.title:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ec-base-fold.theme0.selected>.contents {
    display: block;
}

.ec-base-fold.theme1 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ec-base-fold.theme1>.title {
    border-top: 1px solid #000;
}

.ec-base-fold.theme1>.title h2 {
    padding: 25px 0;
    font-weight: normal;
}

.ec-base-fold.theme1>.title h3 {
    padding: 20px 0;
    font-size: 18px;
    font-weight: 700;
}

.ec-base-fold.theme1>.title:after {
    content: "";
    position: absolute;
    top: 20px;
    right: 5px;
    overflow: hidden;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ec-base-fold.theme1.selected>.title:after {
    top: 25px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.ec-base-fold.theme1.gBottomLine>.title {
    border-top: 0;
    border-bottom: 1px solid #000;
}

.ec-base-fold.theme1.gClearLine>.title {
    border-top: 0;
    border-bottom: 1px solid transparent;
}

.ec-base-fold.theme1+.ec-base-fold.theme1 {
    margin-top: 30px;
}

.ec-base-fold.theme1.selected>.contents {
    margin-top: -16px;
}

.ec-base-fold.theme1 .ec-base-prdInfo .prdBox {
    padding: 27px 0;
}

.ec-base-fold.theme1.gBottomLine>.contents .ec-base-table,
.ec-base-fold.theme1.gBottomLine .ec-base-fold>.contents .ec-base-table {
    border: 0;
}

.ec-base-fold.theme1.gMargin {
    margin-left: 16px;
    margin-right: 16px;
}

.ec-base-fold.theme1>.title {
    padding: 0 0;
}

.ec-base-fold.theme1>.title h2 {
    font-size: 16px;
}

.ec-base-fold.theme1.selected>.title:after {
    top: 32px;
}

.ec-base-fold.theme1 .ec-base-table.typeList {
    border-color: #e5e5e5
}

.ec-base-prdInfo {
    position: relative;
    box-sizing: border-box;
    background: #fff;
}

.ec-base-prdInfo .prdBox {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

.ec-base-prdInfo .check {
    display: inline-block;
    margin: 0 10px 0 0;
}

.ec-base-prdInfo .check label {
    margin: 0;
}

.ec-base-prdInfo .thumbnail {
    overflow: hidden;
    width: 83px;
    height: auto;
    margin: 0 21px 0 0;
    border: 0;
    box-sizing: border-box;
}

.ec-base-prdInfo .thumbnail img {
    width: 100%;
    border-radius: 8px;
}

.ec-base-prdInfo .description {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 18px;
}

.ec-base-prdInfo .description .prdName {
    display: block;
    margin: 0 0 3px;
    font-weight: normal;
}

.ec-base-prdInfo .description .prdName a {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.ec-base-prdInfo .description .prdName .ec-set-product-name {
    display: block;
    margin: 0 0 3px;
}

.ec-base-prdInfo .description .prdName img {
    margin: 0 1px;
    vertical-align: middle;
}

.ec-base-prdInfo .description .prdName .prdIcon {
    height: 18px;
}

.ec-base-prdInfo .description .price,
.ec-base-prdInfo .description .price li {
    font-size: 13px;
    color: #000;
    line-height: 20px;
}

.ec-base-prdInfo .description .price strong {
    font-weight: normal;
}

.ec-base-prdInfo .description .price .refer {
    font-weight: normal;
    font-size: 11px;
}

.ec-base-prdInfo .description .price .discount {
    font-weight: normal;
    text-decoration: line-through;
}

.ec-base-prdInfo .description .price .strike {
    font-weight: normal;
    text-decoration: line-through;
}

.ec-base-prdInfo .description .price .strike strong {
    font-weight: normal;
}

.ec-base-prdInfo .description .info {
    margin: 5px 0 0;
}

.ec-base-prdInfo .description .info li {
    margin: 0 0 3px;
    font-size: 12px;
    color: #7d7d7d;
}

.ec-base-prdInfo .description .info a {
    color: #7d7d7d;
}

.ec-base-prdInfo .description .info .mileage {
    display: inline-block;
}

.ec-base-prdInfo .description .info .mileage img {
    vertical-align: text-top;
}

.ec-base-prdInfo .description input[type="number"] {
    max-width: 51px;
}

.ec-base-prdInfo .description .info .amount button {
    margin: 0;
    padding: 0;
    border: 0;
}

.ec-base-prdInfo .description .info .amount {
    width: 50px;
}

.ec-base-prdInfo .description .info input.amount {
    text-align: right;
}

.ec-base-prdInfo .description input[type="tel"] {}

.ec-base-prdInfo .description .quantity input[type="tel"] {
    width: 51px;
}

.ec-base-prdInfo .sumPrice strong {
    font-size: 16px;
}

.ec-base-prdInfo .quantity {
    margin: 20px 0 0;
    padding: 0 0 0 98px;
    box-sizing: border-box;
    width: 100%;
}

.ec-base-prdInfo.gCheck .quantity {
    padding: 0 0 0 125px;
}

.ec-base-prdInfo .btnDelete {
    display: block;
    position: absolute;
    top: 20px;
    right: -5px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    white-space: nowrap;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ec-base-prdInfo .btnDelete:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 14px;
    width: 1px;
    height: 21px;
    background: #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.ec-base-prdInfo .btnDelete:after {
    content: "";
    position: absolute;
    top: 14px;
    right: 4px;
    width: 21px;
    height: 1px;
    background: #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.ec-base-prdInfo .optionGroup {
    margin: 15px 0 0;
    font-size: 14px;
    font-weight: 600;
}

.ec-base-prdInfo .optionGroup:empty {
    margin-top: 0;
}

.ec-base-prdInfo .optionGroup li {
    margin: 5px 0 0;
    line-height: 20px;
    color: #7d7d7d;
}

.ec-base-prdInfo .optionGroup .optionName {
    line-height: 18px;
    word-break: break-all;
}

.ec-base-prdInfo .optionGroup li .product {
    display: block;
    margin: 8px 0 0;
    color: #000;
}

.ec-base-prdInfo .optionGroup li .change {
    margin: 0 0 0 5px;
    white-space: nowrap;
}

.ec-base-prdInfo .optionGroup .product.displaynone+.optionStr {
    display: inline-block;
    margin-right: 10px;
    color: #000;
}

.ec-base-prdInfo .optionGroup .product.displaynone+.optionStr:empty {
    margin-right: 0;
}

.ec-base-prdInfo .optionGroup li br {
    display: none;
}

.ec-base-prdInfo .optionGroup .file a {
    color: #07a4fd;
    text-decoration: underline;
    word-break: break-all;
}

.ec-base-prdInfo .optionSelect {
    padding: 10px 20px 20px;
    background: #f6f6f6;
}

.ec-base-prdInfo .optionSelect li {
    margin: 10px 0 0;
}

.ec-base-prdInfo .optionSelect select,
.ec-base-prdInfo .optionSelect input {
    width: calc(100% - 258px);
}

.ec-base-prdInfo .optionSelect+.optionSelect {
    margin-top: -34px;
    padding-top: 0;
}

.ec-base-prdInfo .optionDesc {
    display: inline-block;
    width: 254px;
    color: #545454;
}

.ec-base-prdInfo .prdFoot {
    line-height: 26px;
    border-top: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ec-base-prdInfo .prdFoot .gLeft {
    display: flex;
    align-items: center;
    gap: 12px;
    line-height: 32px;
}

.ec-base-prdInfo .prdFoot .gRight {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ec-base-prdInfo .prdFoot .txtStatus {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    font-weight: bold;
}

.ec-base-prdInfo .prdFoot .store {
    color: #000;
    font-weight: normal;
}

.ec-base-prdInfo .prdFoot span span.discount {
    text-decoration: line-through;
}

.ec-base-prdInfo .prdFoot span span.discount strong {
    font-weight: normal;
}

.ec-base-prdInfo .optionModifyLayer {
    display: none;
}

.ec-base-prdInfo .optionModifyLayer .dimmed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
}

.ec-base-prdInfo .optionModifyLayer .title {
    display: block;
    margin: 0 0 6px;
    font-size: 13px;
}

.ec-base-prdInfo .optionModifyLayer .prdInfo {
    font-size: 13px;
}

.ec-base-prdInfo .optionModifyLayer .prdInfo li {
    margin: 0 0 20px;
}

.ec-base-prdInfo .optionModifyLayer .prdInfo li:empty {
    margin: 0;
}

.ec-base-prdInfo .optionModifyLayer .prdModify li {
    display: flex;
    margin: 10px 0 0;
}

.ec-base-prdInfo .optionModifyLayer .prdModify li:first-child {
    margin-top: 0;
}

.ec-base-prdInfo .optionModifyLayer .prdModify .optionDesc {
    display: inline-block;
    width: 89px;
    padding: 11px 0 0;
    font-size: 13px;
    color: #545454;
}

.ec-base-prdInfo .optionModifyLayer .prdModify li select {
    flex: 1;
    width: 100%;
}

.ec-base-prdInfo .optionModifyLayer .prdModify li input[type=text] {
    flex: 1;
    width: 100%;
}

.orderArea .ec-base-fold .ec-base-prdInfo {
    border-bottom: 1px solid #d5d5d5;
}

.orderConfirmLayer .orderArea .ec-base-prdInfo {
    border-bottom: 0;
}

.orderArea .ec-base-prdInfo+.ec-base-prdInfo {
    border-top: 1px solid #d5d5d5;
}

.ec-base-prdEmpty {
    text-align: center;
    color: #6d6d6d;
    border-bottom: 1px solid #e5e5e5;
}

.ec-base-prdInfo .prdBox {
    padding: 16px;
}

.ec-base-prdInfo .description {
    padding: 0 40px 0 0;
}

.ec-base-prdInfo .sumPrice {
    margin: 20px 0 0;
    padding: 0 0 0 98px;
    box-sizing: border-box;
    width: 100%;
}

.ec-base-prdInfo .buttonGroup {
    margin: 20px 0 0;
    padding: 0 0 0 98px;
    box-sizing: border-box;
    width: 100%;
}

.ec-base-prdInfo.gCheck .sumPrice,
.ec-base-prdInfo.gCheck .quantity,
.ec-base-prdInfo.gCheck .buttonGroup {
    padding: 0 0 0 125px;
}

.ec-base-prdInfo .btnDelete {
    right: 12px;
}

.ec-base-prdInfo .optionSelect {
    margin: 0 16px 24px;
    padding: 10px 20px 20px;
}

.ec-base-prdInfo .optionSelect li {
    margin: 10px 0 0;
}

.ec-base-prdInfo .optionSelect select,
.ec-base-prdInfo .optionSelect input {
    width: 100%;
}

.ec-base-prdInfo .optionSelect+.optionSelect {
    margin-top: -34px;
    padding-top: 0;
}

.ec-base-prdInfo .optionDesc {
    display: block;
    margin: 0 0 10px;
    color: #545454;
}

.ec-base-prdInfo .prdFoot {
    padding: 10px 0;
}

.optionModifyLayer .ec-base-button {
    display: flex;
}

.optionModifyLayer .ec-base-button [class*='Fix'] {
    flex: 1;
    min-width: auto;
}

.ec-base-prdEmpty {
    padding: 40px 0;
}

#main #container {
    padding-top: 0px;
    overflow: hidden;
    ;
}

#main #container>#contents {
    padding: 0;
}

main {
    margin: 0 auto;
    width: 100%;
    margin: 0 auto;
}

main>* {
    padding-bottom: 250px;
}

main>.home-main-section {
    padding-bottom: 0;
}

main>.home-main-section+.home-main-section {
    margin-top: clamp(24px, 4vw, 48px);
}

main .ec-base-product {
    padding-bottom: 170px;
}

main .ec-base-product.home-main-section {
    padding-bottom: 0;
}

main img {
    max-width: 100%;
}

body.scroll .white {
    display: none;
}

body.scroll .color {
    display: block;
}

body.scroll header .left .btnMenu span {
    background: #040922
}

#visual {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    display: none;
    cursor: pointer;
}

#visual>ul {
    display: block;
}

#visual>ul>div {
    display: block;
}

#visual .swiper-pagination {
    position: absolute;
    top: auto;
    left: 0px;
    bottom: 25px;
    z-index: 2;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 25px
}

#visual .swiper-slide img {
    cursor: pointer;
}

#visual .swiper-pagination-bullet {
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: .3;
    border-radius: 0;
    margin: 0;
}

#visual .swiper-pagination-bullet-active {
    opacity: 1;
}

#visual .layer {
    position: absolute;
    text-align: center;
    left: 0;
    bottom: 10%;
    width: 100%;
    z-index: 3;
}

#visual .layer h2 {
    opacity: 0;
    visibility: hidden;
    transform: translateX(80px);
    transition: transform .35s ease-in-out, opacity .35s ease-in-out, visibility .35s ease-in-out;
}

#visual .layer span {
    opacity: 0;
    visibility: hidden;
    transform: translateX(80px);
    transition: transform .5s ease-in-out, opacity .5s ease-in-out, visibility .5s ease-in-out;
}

#visual .swiper-slide-active .layer h2 {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px)
}

#visual .swiper-slide-active .layer span {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transition-delay: .05s
}

#visual .layer,
#visual .layer * {
    color: #f3f3f3;
}

#visual .layer>ul {
    display: flex;
    flex-direction: column;
    gap: 19px
}

#visual .layer>ul>* {
    display: block;
}

#visual .layer>ul>h2 {
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .12px;
}

#visual .layer>ul>span {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.35;
    letter-spacing: .34px;
}

#visual .layer img {
    max-width: 126px;
    margin: 40px 0px;
}

#visual .layer .btn {
    margin-top: 15px;
}

#visual .layer .btn a {
    display: none !important;
    display: inline-block;
    width: 260px;
    vertical-align: middle;
    padding: 0 10px;
    text-align: center;
    font-size: 14px;
    line-height: 42px;
    color: #000;
    letter-spacing: 0px;
    font-weight: 300;
    background: #fff;
    border: 1px solid #fff;
}

#visual .layer .btn a:hover {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

#visual img {
    width: 100%;
}

#visual .swiper-controls {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    padding: 6px 12px;
    line-height: 1;
    color: #fff;
    background: #00000070;
    border-radius: 50px;
    width: auto;
    bottom: 20px;
    align-items: center;
    justify-content: center;
    gap: 2px;
    font-weight: 300;
    height: 27px;
    min-width: 65px;
}

#visual .swiper-button-pause,
#visual .swiper-button-play {
    width: 10px;
    height: 10px;
    border: none;
    cursor: pointer;
    outline: none;
    background-size: contain;
    margin-right: 2px;
}

#visual .swiper-button-pause {
    background: url('../images/icon_pause.png') no-repeat center center;
    background-size: 100% auto;
}

#visual .swiper-button-play {
    background: url('../images/icon_play.png') no-repeat center center;
    background-size: 100% auto;
}

#visual .swiper-pagination-fraction {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    width: 28px;
    text-align: center;
}

#oneCate {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 25px 25px;
}

#oneCate>ul {
    display: block;
}

#oneCate>ul>div {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
}

#oneCate .layer {
    padding-top: 8px;
}

#oneCate .swiper-slide img {
    cursor: pointer;
}

#oneCate img {
    width: 100%;
}

#one_about {
    position: relative;
    background: #fff;
    margin-top: 0px;
}

#one_about:before {
    content: '';
    position: absolute;
    left: 0;
    top: -28px;
    width: 150%;
    height: 86px;
    background: #fff;
    transform: skew(81deg, 356deg) rotate(11deg);
    z-index: 3;
}

#one_about .video {}

#one_about .text {
    position: absolute;
    left: 48px;
    top: 118px;
    z-index: 2;
}

#one_about .text h2 {
    display: block;
    font-family: 'Stick No Bills', 'Pretendard';
    font-size: 56px;
    font-weight: 100;
    line-height: 1;
    color: #fff;
}

#one_about .text>p {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 200;
    letter-spacing: -.2px;
    padding: 30px 0;
    color: #fff;
}

#one_about .text .btn {}

#one_about .text .btn a {
    display: inline-block;
    padding: 11px 60px;
    font-size: 18px;
    border: 1px solid rgba(255, 255, 255, .8);
    ;
    color: #fff;
}

#one_method {
    position: relative;
    padding: 60px 25px;
    background: #f7f7f7
}

#one_method h2 {
    display: block;
    font-family: 'Stick No Bills', 'Pretendard';
    font-size: 38px;
    font-weight: 100;
    line-height: 1.2;
}

#one_method>p {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 300;
    letter-spacing: -.2px;
    padding: 11px 0 10px;
    color: #7c7c7c;
}

#one_method .btn {}

#one_method .btn a {
    display: inline-block;
    padding: 11px 50px;
    font-size: 14px;
    border: 1px solid #454545;
}

#one_method>ul {
    display: block;
    margin-top: 30px;
    padding-right: 25px;
}

#one_method>ul>div {
    display: block;
}

#one_method>ul>div a:not(.img > a) {
    display: block;
    line-height: 1.45;
    font-size: 18px;
    padding-top: 26px;
    font-weight: 500;
}

#one_method>ul>div p {
    display: block;
    line-height: 1.56;
    font-size: 14px;
    font-weight: 300;
    color: #777;
    padding-top: 4px;
}

#one_method .hash {
    margin-top: 20px;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #628297;
}

#one_method .hash>span {
    background: #e2e7ec;
    display: flex;
    padding: 8px 20px;
    line-height: 1;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    font-size: 14px;
    margin-right: 4px;
    font-weight: 300;
}

#one_method .hash>b {
    font-weight: normal;
}

#one_method .swiper-slide img {
    cursor: pointer;
    border-radius: 4px
}

#one_service {
    position: relative;
    padding: 40px 25px
}

#one_service h2 {
    display: block;
    font-family: 'Stick No Bills', 'Pretendard';
    font-size: 56px;
    font-weight: 100;
    line-height: 1.2;
}

#one_service>p {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
    letter-spacing: -.2px;
    padding: 8px 0 30px;
    color: #121212;
    letter-spacing: 2px;
}

#one_service>.btn {
    margin-top: 30px;
}

#one_service>.btn a {
    display: inline-block;
    padding: 11px 50px;
    font-size: 14px;
    border: 1px solid #454545;
}

#one_service>ul {
    padding-bottom: 50px;
}

#one_service .toggle {
    position: relative;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    border-top: 1px solid #ddd;
}

#one_service .toggle>div {
    position: relative;
    display: block;
    border-bottom: 1px solid #ddd;
}

#one_service .toggle>div>.title {
    position: relative;
    font-size: 0;
    text-align: left;
    display: flex;
    gap: 10px;
    align-items: center;
}

#one_service .toggle>div>.title>* {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    line-height: 55px;
}

#one_service .toggle>div>.title>a {
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 500;
}

#one_service .toggle>div>.title>a:before {
    content: 'Q.';
    font-weight: 400;
    font-size: 21px;
    color: #121212;
}

#one_service .toggle>div>.title>.btn {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 55px;
    color: #111647
}

#one_service .toggle>div>.title>.btn img {}

#one_service .toggle>div>.cons {
    display: none;
    ;
    line-height: 1.45;
    font-weight: 300;
    letter-spacing: -.2px;
}

#one_service .toggle>div>.cons>ul {
    position: relative;
    padding: 10px 25px 47px 38px;
    font-size: 14px;
    text-align: justify;
}

#one_service .toggle>div>.cons>ul:before {
    content: 'A.';
    position: absolute;
    left: 3px;
    top: 10px;
    font-weight: 400;
    font-size: 21px;
    color: #333333;
}

.one_best.ec-base-product {
    position: relative;
    overflow: hidden;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 25px 75px;
}

.one_best.ec-base-product.home-main-section {
    max-width: calc(1320px - (var(--main-gutter) * 2));
    margin: 0 auto 62px;
    width: calc(100% - (var(--main-gutter) * 2));
}

.one_best.ec-base-product .thumbnail .listSalePrice2 {}

.one_best.swiper-horizontal>.swiper-scrollbar {
    left: 0px;
    width: calc(100%);
    height: 2px;
    ;
    z-index: 2
}

.one_best.ec-base-product.home-main-section.swiper-horizontal>.swiper-scrollbar,
.one_best.ec-base-product.home-main-section>.swiper-scrollbar {
    left: 0;
    width: 100%;
}

.one_best.ec-base-product .swiper-scrollbar-drag {
    background: #040922
}

.one_best.ec-base-product .prdList>li {
    margin-right: 0;
    margin-bottom: 0;
}

#main .qc.ec-base-product {
    padding: 75px 25px 0;
}

#qc.ec-base-product .prdList .thumbnail .prdImg>a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 100%;
}

#qc.ec-base-product .prdList .thumbnail .prdImg>a>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#one_timeSale {
    margin: 0px 0 0;
    padding: 0 0 0;
}

#main_notice.home-main-section {
    max-width: 1320px;
}

#one_timeSale .titleArea {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 30px;
}

#one_timeSale .titleArea h2 {
    text-align: center;
    width: 100%;
    display: block;
    font-weight: 600;
}

#one_timeSale .ec-base-product ul.grid1 {
    width: 100%;
    margin-left: 0;
}

#one_timeSale .ec-base-product .titleArea h2 span {
    padding-top: 12px;
    font-size: 18px;
}

#one_timeSale .titleArea .time {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 15px 0 0px;
}

#one_timeSale .titleArea .time>b {
    font-size: 20px;
    padding-bottom: 5px;
}

#one_timeSale .titleArea .time>span {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0px;
    color: #121212
}

#one_timeSale .titleArea .time>span>span {
    width: 18px;
    display: block;
    text-align: center;
    border-radius: 4px;
    line-height: 23px;
    font-weight: 600;
    font-size: 30px;
    ;
}

#one_timeSale .titleArea .time>span>b {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0;
    width: 10px;
    display: block;
    text-align: center;
}

#one_timeSale .titleArea .stock {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 15px 0 0px;
}

#one_timeSale .ec-base-product {
    background: #282828;
    padding: 75px 15px 105px !important
}

#one_timeSale .ec-base-product .titleArea {
    padding-bottom: 37px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    line-height: 1.2;
}

#one_timeSale .swiper-slide {
    transition: opacity 0.3s, transform 0.3s;
}

#one_timeSale .swiper-pagination {
    bottom: 65px;
}

#one_timeSale .swiper-pagination-bullet {
    background: #fff;
    opacity: .5;
    width: 10px;
    height: 10px;
}

#one_timeSale .swiper-pagination-bullet-active {
    opacity: 1;
}

#one_video {
    overflow: hidden;
    text-align: center;
}

#one_video>ul {
    display: flex;
    flex-direction: column;
}

#one_video .video {}

#one_video .title {
    text-align: center;
    padding: 60px 0;
    font-size: 16px;
}

#one_video .title h2 {
    font-weight: 700;
    line-height: 1.45;
    font-size: 27px;
    padding: 0 0 13px;
    word-break: keep-all;
    white-space: nowrap;
    letter-spacing: -.23px;
}

#one_video .title p {}

#one_review {
    padding: 50px 25px;
    overflow: hidden;
    text-align: left;
}

#one_review .titleArea h2 {
    width: 100%;
    display: block;
}

#one_review .description {
    padding: 25px 0;
    letter-spacing: -1px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: left;
}

#one_review .description h2 {
    font-size: 22px;
    font-weight: 600;
}

#one_review .description p {
    font-size: 17px;
    font-weight: 300;
}

#one_review .swiper-container {
    overflow: hidden;
}

#one_review .swiper-slide {
    width: 80%;
    max-width: 600px;
    text-align: center;
    transition: transform .2s ease-in-out;
    transform: scale(.9);
}

#one_review .swiper-slide.swiper-slide-active {
    transform: scale(1);
}

#one_review .swiper-slide img {
    border-radius: 20px
}

@media all and (max-width:1400px) {
    #visual .layer {
        bottom: 11%
    }

    #visual .layer>ul {
        padding: 0;
        gap: 14px
    }

    #visual .layer>ul>h2 {
        font-size: 25px;
        font-weight: 600;
    }

    #visual .layer>ul>span {
        font-size: 15px;
        font-weight: 400;
    }

    #visual .layer .btn {
        margin-top: 0;
        display: none;
    }

    #visual .layer .btn a {
        width: 75%;
        background: transparent;
        border: 0;
        color: #fff;
    }

    #visual .swiper-pagination {
        padding: 0 40px;
        bottom: 6%;
    }

    #main #container>#contents>*:not(.full_with) {
        padding-left: 15px;
        padding-right: 15px;
    }

    .one_best.ec-base-product {
        padding-bottom: 28px !important;
        margin-bottom: 52px;
        margin: 0 16px 50px;
    }

    .one_best.ec-base-product ul.grid2>li {
        margin-bottom: 0;
    }

    #one_about {
        padding-top: 32px;
    }

    #one_about:before {
        top: -6px;
    }

    #one_about .text {
        left: 0;
        top: 0;
        padding: 120px 40px 0 25px;
    }

    #one_about .text>p {
        text-align: justify;
        font-size: 14px;
    }

    #one_about .text>p br {
        display: none;
    }

    #one_method {
        padding: 50px 0 60px 25px !important;
    }

    #one_method h2 {
        font-size: 35px;
        color: #444;
    }

    #one_method>p {
        font-size: 13.2px;
    }

    #one_method>ul>div a:not(.img > a) {
        font-size: 17px;
        font-weight: 600;
    }

    #one_method .hash {
        font-size: 14px;
    }

    #one_method .hash>span {
        padding: 8px 14px;
        font-size: 14px;
    }

    #one_service .toggle>div>.title>a {
        font-size: 14px;
        gap: 7px;
        line-height: 45px;
    }

    #one_service .toggle>div>.title>* {
        font-size: 14px;
    }

    #one_service .toggle>div>.cons>ul {
        font-size: 14px;
        padding: 13px 0 30px 0;
        padding-left: 24px;
    }

    #one_service .toggle>div>.cons>ul:before {
        left: 0;
    }

    #one_service .btnMore {
        margin-top: 35px;
    }

    #one_review {
        padding: 40px 25px;
    }

    #one_review .swiper-slide {
        width: 80%;
    }

    #one_review .description {
        padding: 18px 0 0;
        gap: 5px;
    }

    #one_review .description h2 {
        font-size: 19px;
    }

    #one_review .description p {
        font-size: 14px;
        text-align: justify;
        line-height: 1.4
    }

    #one_review .description p br {
        display: none;
    }

    #one_review .ec-base-paginate.typeMoreview .btnMore {
        margin-top: 35px;
    }

    #one_video .title {
        padding: 30px 0;
    }

    #one_video .title h2 {
        font-size: 25px;
    }

    #one_timeSale .titleArea h2 {
        font-size: 28px;
        letter-spacing: -1px;
    }

    #one_timeSale .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
    }

    #one_timeSale .ec-base-product {
        padding: 52px 15px 75px !important;
    }

    #one_timeSale .ec-base-product .titleArea h2 span {
        font-size: 15px;
    }

    #one_timeSale .swiper-pagination {
        bottom: 50px;
    }
}

@media all and (max-width:480px) {
    #oneCate .layer a {
        font-size: 12px;
    }
}

html,
body {
    margin: 0;
    padding: 0;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    height: 100%;
    -ms-overflow-style: none;
    color: #040922;
}

body:after {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    /* background: #F7F6F2 url('../images/bg.png') left center repeat; */
    background: #F7F6F2;
    background-size: cover;
}

body.mask2,
body.hiddenX {
    overflow-x: hidden;
}

html.side-menu-scroll-lock,
body.side-menu-scroll-lock {
    overflow: hidden;
    height: 100%;
    overscroll-behavior: none;
}

body.side-menu-scroll-lock {
    position: fixed;
    left: 0;
    width: 100%;
}

#container {
    padding-top: 121px;
    clear: both;
    min-height: calc(100vh - 385px);
}

#wrap.wrap-subpage {
    --subpage-header-offset: 121px;
}

#wrap.wrap-subpage>#container {
    padding-top: var(--subpage-header-offset, 121px);
}

#container>#contents {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    padding: 25px 25px;
    padding-top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#titleArea {
    text-align: center;
}

#titleArea h2 {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    letter-spacing: 2px;
}

#titleArea .xans-layout-mobileaction {
    display: none;
}

.grayLine {
    display: block;
    width: calc(100% + 80px);
    margin: 32px -40px 32px;
    height: 8px;
    border: none;
    border-top: 1px solid #ebedf2;
    background: #f6f7f7;
}

.grayLine2 {
    display: block;
    width: calc(100% + 50px);
    margin: 0px -25px 0;
    height: 8px;
    border: none;
    border-top: 1px solid #ebedf2;
    background: #f6f7f7;
}

#oneTop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 720px;
    z-index: 3;
    height: 54px;
    overflow: hidden;
    transition: transform .25s ease-in-out;
    background: linear-gradient(45deg, #121212, #212121, #121212);
    line-height: 54px;
}

#oneTop * {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
}

#oneTop .swiper-slide a {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

#oneTop .swiper-slide.kakao {
    background: linear-gradient(45deg, #f0d55d, #FFD000, #FFB800)
}

#oneTop .swiper-slide.kakao * {
    color: #47292b
}

#oneTop .swiper-slide.kakao i {
    font-size: 24px;
    font-weight: normal;
}

#oneTop .swiper-slide.join {
    background: linear-gradient(45deg, #182e4d, #094089, #289dbc);
}

#oneTop .swiper-slide.join * {}

header {
    position: fixed;
    top: 0;
    left: auto;
    padding-top: 54px;
    width: 100%;
    max-width: 720px;
    z-index: 4;
    transform: translateY(0px);
    transition: transform .2s ease-in-out;
}

header .color {
    display: block;
}

header .white {
    display: none
}

#main header h1 a,
#main header h1 a * {
    color: #fff;
}

#main header h1 a {
    font-weight: 500;
}

#main.scroll header h1 a {
    font-weight: 600;
}

#main header .color {
    display: none;
}

#main header .white {
    display: block
}

#main.scroll header .color {
    display: block;
}

#main.scroll header .white {
    display: none
}

#main.scroll header h1 a,
#main.scroll header h1 a * {
    color: #040922
}

#main.scroll header .btnMenu span {
    background: #040922
}

header>ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 25px;
    background: #fff;
    transition: transform .3s ease-in-out
}

#main header>ul {
    padding: 20px 25px;
    background: transparent;
}

#main.scroll header>ul {
    padding: 15px 25px
}

header>ul>*:not(h1) {
    width: 50px;
}

header .left {}

header h1 {
    position: relative;
    height: 35px;
    display: flex;
    align-items: center;
}

header h1 a:not(.btn) {
    display: inline-block;
    ;
    color: #040922;
    font-weight: 600;
    font-size: 27px;
    line-height: 1;
    letter-spacing: -.5px;
    font-family: 'DM Sans', 'Pretendard';
}

header h1 a:not(.btn) * {
    color: #040922
}

#main header h1 a:not(.btn) {
    font-size: 32px;
}

header h1 a img {
    max-width: 100%;
    height: 24px;
    width: auto;
}

header h1 a span {
    position: absolute;
    right: -22px;
    bottom: -5px;
    font-size: 35px;
    font-weight: 200;
    transform: scale(.28);
    margin-left: -4px;
    line-height: 1;
}

body.scroll header h1 a * {
    color: #040922;
}

#main.scroll header>ul {
    border-bottom: 1px solid #ddd;
    padding: 15px 25px
}

header .right {}

header .right>ul {
    display: flex;
    align-items: center;
    gap: 11px;
    justify-content: flex-end;
}

header .right>ul>li {
    cursor: pointer;
}

header .right>ul>li.search {
    ;
}

header .right>ul>li>a {
    display: block;
    color: #fff;
}

header .right>ul>li.cart {
    position: relative;
}

header .right>ul>li.cart .count {
    position: absolute;
    right: -10px;
    bottom: 6px;
    width: 20px;
    height: 20px;
    background: #07093b;
    border-radius: 100%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    transform: scale(.8);
    display: none !important;
}

header .right img {
    height: 34px;
    width: auto;
}

body.scroll header .hidden {
    display: block;
}

header .hidden {
    background: #fff;
    position: relative;
    display: none;
    padding: 0 25px;
    overflow: hidden;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
}

header .hidden>ul {
    transition: transform .05s ease-in-out;
}

header .hidden>ul>li {
    position: relative;
    width: auto;
}

header .hidden>ul>li div {
    display: none !important;
}

header .hidden>ul>li>a {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    font-size: 17px;
    line-height: 62px;
    letter-spacing: -.4px;
    font-weight: 600;
}

header .hidden>ul>li>a>b {
    display: none !important;
}

header .hidden>ul>li.active>a {
    position: relative;
    color: #121212;
    ;
    font-weight: 700;
}

header .hidden>ul>li.active>a:after {
    content: '';
    position: absolute;
    left: 11px;
    bottom: 0;
    width: calc(100% - 22px);
    background: #121212;
    height: 3px;
}

header .hidden>ul>li:first-child.active>a:after {
    left: 0;
    width: calc(100% - 8px);
}

header .hidden>ul>li:first-child>a {
    padding-left: 0;
}

header .hidden>ul>li:last-child>a {
    padding-right: 0;
}

header .hidden>ul>li img {
    max-height: 19px;
    border-radius: 50px;
    ;
}

header .hidden .point1 a {}

header .btnMenu {
    width: 22px;
    cursor: pointer;
}

header .btnMenu>a {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

header .btnMenu span {
    display: block;
    height: 2px;
    width: 100%;
    background: #000;
    transition: transform .1s ease;
    transform-origin: center;
}

#main header .btnMenu span {
    background: #fff;
}

header .btnMenu.active span:nth-child(1) {
    transform: rotate(-45deg) translate(-4px, -3px)
}

header .btnMenu.active span:nth-child(2) {
    opacity: 0;
}

header .btnMenu.active span:nth-child(3) {
    transform: rotate(45deg) translate(-4px, 3px)
}

header .btnMenu.active {
    transform: scale(.88);
}

#one_search {
    position: fixed;
    left: 50%;
    margin-left: -360px;
    top: 0;
    width: 100%;
    max-width: 720px;
    background: #fff;
    z-index: 10;
    box-shadow: 0px 10px 6px 0px rgb(0 0 0 / 5%);
    z-index: 4;
    display: none;
}

#one_search .searchForm {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#one_search .searchForm img {
    width: 24px;
}

#one_search fieldset {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 15px;
    width: calc(100% + 30px);
    margin-left: -15px;
}

#one_search fieldset input[type="text"] {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    background: transparent;
    border-radius: 10px;
    padding: 0 20px 0 0;
    line-height: 61px;
    height: 61px;
    border: 0;
}

#one_search fieldset input[type="text"]::-webkit-input-placeholder {
    font-size: 18px;
    font-weight: 400;
    color: #888
}

#one_search>div {
    display: flex;
    flex-direction: column;
    gap: 33px;
    padding: 0 15px 37px;
}

#one_search>div h2 {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

#one_search>div>div {
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-size: 16px;
}

#one_search .recent {
    margin-top: -20px;
}

#one_search .keyword2 ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
}

#one_search .keyword2 ul>* {
    min-width: 0;
    border-radius: 16px;
    border: 1px solid #e5e9e7;
    background: #fff;
    box-shadow: 0 10px 24px rgba(12, 32, 24, .05);
}

#one_search .keyword2 ul>li>a {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-width: 0;
    padding: 12px 14px;
    border-radius: 16px;
    color: #13241d;
    font-size: 15px;
    line-height: 1.2;
}

#one_search .keyword2 ul>li .rank {
    flex: none;
    font-size: 14px;
    font-weight: 800;
    color: #1f4d3c;
    letter-spacing: -.02em;
}

#one_search .keyword2 ul>li .keyword-text {
    display: block;
    min-width: 0;
    font-size: 15px;
    font-weight: 600;
    color: #13241d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#one_search .keyword2 ul>li:hover,
#one_search .keyword2 ul>li:focus-within {
    border-color: #cfdad5;
    transform: translateY(-1px);
}

footer {
    position: relative;
    background: #fff;
    margin-top: 50px;
    border-top: 1px solid #ddd;
    padding-bottom: 120px;
}

footer>ul {
    display: flex;
    flex-direction: column;
}

footer>ul>* {
    border-bottom: 1px solid #ddd;
    padding: 0 25px;
    line-height: 55px;
    font-size: 16px;
}

footer>ul>.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer>ul>.top h1 {
    font-size: 20px;
    color: #040922;
    font-weight: 600;
    letter-spacing: -1px;
    font-family: 'DM Sans', 'Pretendard';
}

footer>ul>.top h1 img {
    height: 20px;
}

footer>ul>.top .sns {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 21px;
}

footer>ul>li {}

footer>ul>li b {}

footer>ul>.bottom {
    line-height: 1.85;
    padding: 0 25px;
    font-size: 15px;
    line-height: 55px;
}

footer>ul>.bottom .btn {
    /* display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    line-height: 55px;
    font-size: 16px;
    height: auto;
    padding: 0;
}

footer>ul>.bottom .btn p {
    color: #666;
}

footer>ul>.bottom .info {
    display: none;
}

footer>ul>.bottom .info>* {
    padding: 10px 0 20px;
    line-height: 1.5;
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    font-size: 14px;
    font-weight: 300;
    color: #3e3e3e;
}

footer>ul>.bottom .info>* * {
    font-weight: 300 !important;
}

#oneFix {
    position: fixed !important;
    transition: bottom .2s ease-in-out, right .2s ease-in-out !important;
    z-index: 4 !important;
    left: auto !important;
    right: var(--one-fix-right, 18px) !important;
    bottom: var(--one-fix-bottom, 56px) !important;
    transform: none !important;
}

#oneFixBack {
    position: fixed !important;
    transition: bottom .2s ease-in-out, left .2s ease-in-out !important;
    z-index: 4 !important;
    left: var(--one-fix-left, 18px) !important;
    right: auto !important;
    bottom: var(--one-fix-bottom, 56px) !important;
    transform: none !important;
}

#oneFixBack > ul,
#oneFix > ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.fixmenu-hidden #oneFixBack,
body.fixmenu-hidden #oneFix {
    transition: bottom .26s ease-in-out .04s, right .2s ease-in-out, left .2s ease-in-out !important;
    bottom: 2px !important;
    transform: none !important;
}

#oneFixBack li,
#oneFix li {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    background: rgba(255, 255, 255, .9);
    text-align: center;
}

#oneFixBack li img,
#oneFix li img {
    width: auto;
    height: 45px;
    margin: 7px auto;
    padding: 11px;
}

#oneFix li.btn_kakao {
    background: #FAE100;
}

@keyframes heart-pulse {

    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }
}

.heart-pulse {
    animation: heart-pulse .2s ease-in-out;
}

@keyframes heart-fly {
    0% {
        transform: translateY(20px) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateY(-50px) scale(2);
        opacity: 0;
    }

    100% {
        transform: translateY(-100px) scale(1);
        opacity: 0;
    }
}

.heart-fly {
    position: absolute;
    animation: heart-fly .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    pointer-events: none;
    color: #121212;
    font-size: 24px;
    z-index: 9999;
    margin-left: 10px
}

body #one_fixMenu {
    z-index: 4 !important;
}

body #oneFix {
    z-index: 4 !important;
}

body #oneFixBack {
    z-index: 4 !important;
}

#one_fixMenu {
    position: fixed;
    z-index: 2;
    max-width: 720px;
    width: calc(100% - 50%);
    min-width: 320px;
    background: url('/_images/bg_fixMenu.png') no-repeat center top / 720px auto;
    filter: drop-shadow(0 -3px 8px rgba(0, 0, 0, 0.08));
    padding: 10px 0 0;
    bottom: 0px;
    transform: translateY(0px);
    transition: transform .2s ease-in-out;
}

#one_fixMenu::before {
    content: "";
    position: absolute;
    top: 24px;
    left: 0;
    width: calc(50% - 295px);
    height: calc(100% - 24px);
    background: #fff;
    z-index: -1;
}

#one_fixMenu::after {
    content: "";
    position: absolute;
    top: 24px;
    right: 0;
    width: calc(50% - 295px);
    height: calc(100% - 24px);
    background: #fff;
    z-index: -1;
}

#one_fixMenu.top {
    transform: translateY(100%);
    transition-delay: .7s
}

#one_fixMenu.down {
    bottom: 0 !important;
}

body.fixmenu-hidden #one_fixMenu {
    transform: translateY(100%);
}

#one_fixMenu>ul {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 36px 8px;
}

#one_fixMenu>ul>div {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 6px;
    width: calc((100% / 2) - 20%);
}

#one_fixMenu>ul>div.left {
    padding-right: clamp(4px, 2vw, 16px);
}

#one_fixMenu>ul>div.right {
    padding-left: clamp(4px, 2vw, 16px);
}

#one_fixMenu>ul>div>li {
    display: block;
    padding: 6px 0 16px;
    cursor: pointer;
}

#one_fixMenu>ul>div>li>a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

#one_fixMenu img {
    width: 55px;
    padding: 6px;
    padding-bottom: 8px;
    margin: 0 auto;
}

#one_fixMenu>ul>div>li>a b {
    line-height: 1;
    font-size: 14px;
    letter-spacing: -.4px;
    color: #595959;
    font-weight: 300;
}

#one_fixMenu .cart {
    position: relative;
}

#one_fixMenu .cart>div {
    position: absolute;
    right: 3px;
    top: 17px;
    width: 20px;
    height: 20px;
    background: #121212;
    border-radius: 100%;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    transform: scale(.95);
}

#one_fixMenu>ul>div>li.active a:after {
    content: '';
    position: absolute;
    right: -1px;
    top: 9px;
    width: 10px;
    height: 10px;
    background: #121212;
    border-radius: 100%;
    transform: scale(.5);
}

#one_fixMenu .btnMenu {
    position: absolute;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 72px !important;
    height: 72px !important;
    top: -12px !important;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(to right, #121212, #212121);
}

#one_fixMenu .btnMenu a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#one_fixMenu .btnMenu img {
    width: 70%;
    padding: 16%;
}

#one_fixMenu .btnMenu a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#wrap {
    background: #fff;
}

#wrap_left {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0 40px 40px 40px;
    overflow-x: hidden;
    overflow-y: scroll;
    background:
        radial-gradient(circle at top left, rgba(201, 219, 210, .38), transparent 24%),
        linear-gradient(180deg, #fbfcfb 0%, #f3f6f4 100%);
    width: 84%;
    max-width: 440px;
    transition: all .3s;
    box-sizing: border-box;
    box-shadow: 0px 1px 13px 7px rgb(0 0 0 / 5%), 0 0 3px rgb(0 0 0 / 5%);
    min-width: 300px;
    transform: translateX(-110%);
    transition: transform .18s ease-out;
    transition-delay: 0s;
    will-change: transform;
    -webkit-overflow-scrolling: touch;
}

#wrap_left.active {
    transform: translateX(0);
    transition-delay: 0s;
}

#wrap_left::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    background-color: var(--bg);
}

#wrap_left::-webkit-scrollbar {
    width: 0;
    background-color: transparent;
}

#wrap_left::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: transparent;
}

#wrap_left~#wrap {
    z-index: 2;
    background-color: #fff;
    position: relative;
    max-width: 720px;
    min-height: 100vh;
    width: 100%;
    min-width: 320px;
    margin: 0 auto;
    box-shadow: 0px 1px 20px 20px rgb(0 0 0 / 5%), 0 0 13px rgb(0 0 0 / 5%);
}

#wrap_right {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    box-sizing: border-box;
}

#one_left {
    min-height: 100%
}

#one_left>ul {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    gap: 18px;
}

#one_left>ul>.top {
    width: calc(100% + 80px);
    margin-left: -40px;
    padding: 48px 40px 30px;
    background:
        radial-gradient(circle at top right, rgba(39, 80, 58, .12), transparent 28%),
        linear-gradient(180deg, #f7faf8 0%, #eef3f0 100%);
    border-bottom: 1px solid rgba(4, 9, 34, .06);
    border-radius: 0 0 30px 30px;
    box-shadow: 0 18px 36px rgba(11, 20, 17, .06);
    margin-bottom: 0;
}

#one_left>ul>.top .msg {
    padding: 2px 0 24px;
    opacity: 1;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.65;
    color: rgba(4, 9, 34, .62);
}

#one_left .logo {
    display: block;
    padding-bottom: 7px;
}

#one_left .logo a {
    position: relative;
    display: inline-block;
    text-align: left;
    color: #040922;
    font-weight: 600;
    padding: 5px;
    font-size: 32px;
    line-height: 1;
    letter-spacing: -.5px;
    font-family: 'DM Sans', 'Pretendard';
}

#one_left .logo img {
    display: block;
    max-height: 27px;
    margin: 0 auto 0;
}

#one_left .logo a span {
    position: absolute;
    right: -17px;
    bottom: -5px;
    font-size: 35px;
    font-weight: 200;
    transform: scale(.35);
    margin-left: -4px;
    line-height: 1;
}

#one_left .member {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-align: left;
}

#one_left .member .message {
    position: absolute;
    left: 33px;
    ;
    top: 12px;
}

#one_left .member>ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#one_left .member>ul>li {
    display: block;
    width: 100%;
    margin-top: 0;
}

#one_left .member>ul>li:first-child {
    margin-top: 0;
}

#one_left .member>ul>li>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    line-height: 52px;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.02em;
    box-shadow: 0 14px 28px rgba(4, 9, 34, .08);
}

#one_left .member>ul>li:hover>a {
    opacity: .8;
}

#one_left .member>ul>li.login>a {
    color: #fff;
    background: linear-gradient(135deg, #0f1f19, #1f4d3c)
}

#one_left .member>ul>li.join>a {
    background: #ffffff;
    color: #18261f;
    border: 1px solid rgba(4, 9, 34, .08);
}

#one_left .wrap-left-member-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 21px 20px 18px;
    border: 1px solid rgba(4, 9, 34, .08);
    border-radius: 24px;
    background: linear-gradient(160deg, #ffffff 0%, #f4f7f5 100%);
    box-shadow: 0 18px 36px rgba(4, 9, 34, .08);
    overflow: hidden;
}

#one_left .wrap-left-member-card:before {
    content: '';
    position: absolute;
    right: -32px;
    top: -38px;
    width: 112px;
    height: 112px;
    border-radius: 100%;
    background: radial-gradient(circle at center, rgba(53, 114, 77, .18) 0%, rgba(53, 114, 77, 0) 72%);
    pointer-events: none;
}

#one_left .wrap-left-member-card__head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

#one_left .wrap-left-member-card__identity {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

#one_left .wrap-left-member-card__identity strong {
    display: block;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: -.6px;
    color: #040922;
    word-break: keep-all;
}

#one_left .wrap-left-member-card__identity span {
    display: block;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(4, 9, 34, .62);
    word-break: keep-all;
}

#one_left .wrap-left-member-card__quick {
    position: relative;
    z-index: 1;
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 1px solid rgba(4, 9, 34, .08);
    background: rgba(255, 255, 255, .72);
    color: #040922;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    box-shadow: 0 10px 20px rgba(4, 9, 34, .06);
    transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

#one_left .wrap-left-member-card__quick:hover {
    transform: translateY(-1px);
    background: #ffffff;
    border-color: rgba(53, 114, 77, .25);
}

#one_left .wrap-left-member-card__stats {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

#one_left .wrap-left-member-card__stat {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding: 14px 14px 13px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(4, 9, 34, .06);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

#one_left .wrap-left-member-card__stat:hover {
    transform: translateY(-1px);
    border-color: rgba(53, 114, 77, .18);
    box-shadow: 0 14px 24px rgba(4, 9, 34, .08);
}

#one_left .wrap-left-member-card__label {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    color: rgba(4, 9, 34, .52);
    letter-spacing: -.2px;
}

#one_left .wrap-left-member-card__value {
    display: block;
    font-size: 19px;
    line-height: 1.15;
    font-weight: 700;
    color: #040922;
    letter-spacing: -.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#one_left #one_cate {
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    padding: 18px 18px 16px;
    border: 1px solid rgba(4, 9, 34, .06);
    border-radius: 28px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 16px 34px rgba(10, 20, 16, .05);
}

#one_left #one_cate:before,
#one_left .one_commu:before {
    display: none;
    content: none;
}

#one_left .wrap-left-section__heading {
    display: block;
    margin-bottom: 14px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(4, 9, 34, .42);
}

#one_left #one_cate>ul {
    display: flex;
    flex-direction: column;
    gap: 10px
}

#one_left #one_cate>ul>li {
    position: relative;
    border: 1px solid rgba(4, 9, 34, .06);
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8faf9 100%);
    overflow: hidden;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

#one_left #one_cate>ul>li:hover,
#one_left #one_cate>ul>li.active,
#one_left .one_commu>ul>li:hover,
#one_left .one_commu>ul>li.active {
    border-color: rgba(34, 73, 57, .16);
    box-shadow: 0 14px 24px rgba(9, 17, 13, .06);
    transform: translateY(-1px);
}

#one_left #one_cate>ul>li>a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 18px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    transition: all .1s ease-in-out;
    letter-spacing: -.4px;
}

#one_left #one_cate>ul>li.shop>a>span {
    position: relative;
}

#one_left #one_cate>ul>li.shop>a>span:after {
    content: '';
    position: absolute;
    right: -14px;
    top: 2px;
    display: block;
    width: 15px;
    height: 15px;
    background: #1f4d3c;
    border-radius: 100%;
    transform: scale(.36);
}

#one_left #one_cate>ul>li>a i {
    display: none;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 28px;
    height: 28px;
    font-size: 14px;
    border-radius: 999px;
    background: rgba(4, 9, 34, .05);
    color: #1d342b;
}

#one_left #one_cate>ul>li .sub {
    display: none;
}

#one_left #one_cate>ul>li .sub>ul {
    padding: 4px 18px 16px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

#one_left #one_cate>ul>li .sub>ul>li {}

#one_left #one_cate>ul>li .sub>ul>li>a {
    display: block;
    font-size: 15px;
    line-height: 34px;
    font-weight: 500;
    color: #5f6c67;
}

#one_left #one_cate>ul>li .sub>ul>li:hover>a {
    color: #173228;
}

#one_left #one_cate .xans-layout-category.sub {
    display: none;
}

#one_left #one_cate .xans-layout-category.sub .position>ul {
    padding: 8px 18px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#one_left #one_cate .xans-layout-category.sub .position>ul>li {}

#one_left #one_cate .xans-layout-category.sub .position>ul>li>.title>a {
    font-size: 16px;
    line-height: 34px;
    font-weight: 600;
    color: #040922
}

#one_left #one_cate .xans-layout-category.sub .position>ul>li .title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    letter-spacing: -.5px;
    font-size: 16px;
    line-height: 34px;
    font-weight: 600;
    color: #040922;
}

#one_left #one_cate .xans-layout-category.sub .position>ul>li.has-sub-category .title {
    cursor: pointer;
}

#one_left #one_cate .xans-layout-category.sub .position>ul>li.has-sub-category {
    cursor: pointer;
}

#one_left #one_cate .xans-layout-category.sub .position>ul>li .title>a {
    display: inline-flex;
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 40px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

#one_left #one_cate .xans-layout-category.sub .position>ul>li .title>a:hover {
    opacity: .5;
}

#one_left #one_cate .xans-layout-category.sub .position>ul>li .title i {
    line-height: 36px;
    text-align: center;
    display: block !important;
    font-size: 14px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 999px;
    background: rgba(4, 9, 34, .05);
    color: #173228;
    cursor: pointer;
}

#one_left #one_cate .xans-layout-category.sub .position>ul>li ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 2px 0 0 12px;
}

#one_left #one_cate .xans-layout-category.sub .position>ul>li ul>li:first-child {
    padding-top: 12px;
}

#one_left #one_cate .xans-layout-category.sub .position>ul>li ul>li:last-child {
    padding-bottom: 12px;
}

#one_left #one_cate .xans-layout-category.sub .position>ul>li ul li a {
    position: relative;
    letter-spacing: -.5px;
    font-size: 15px;
    line-height: 30px;
    font-weight: 500;
    color: #586660;
}

#one_left #one_cate .xans-layout-category.sub .position>ul>li ul li:hover a {
    color: #173228;
    opacity: 1;
}

#one_left .one_commu {
    position: relative;
    padding: 18px 18px 22px;
    border: 1px solid rgba(4, 9, 34, .06);
    border-radius: 28px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 16px 34px rgba(10, 20, 16, .05);
}

#one_left .one_commu .message {
    position: absolute;
    left: 33px;
    ;
    top: 12px;
}

#one_left .one_commu>ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px
}

#one_left .one_commu>ul>li {
    display: block;
    width: 100%;
    border: 1px solid rgba(4, 9, 34, .06);
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8faf9 100%);
    overflow: hidden;
}

#one_left .one_commu>ul>li>a {
    display: flex;
    align-items: center;
    padding: 16px 18px;
    font-size: 18px;
    font-weight: 600;
    color: #040922;
    line-height: 1.35;
    justify-content: space-between;
    width: 100%;
    letter-spacing: -.5px;
}

#one_left .one_commu>ul>li>a i {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    text-align: center;
    border-radius: 999px;
    background: rgba(4, 9, 34, .05);
    color: #173228;
}

#one_left .one_commu .sub {
    display: none;
}

#one_left .one_commu .sub>ul {
    padding: 4px 18px 16px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

#one_left .one_commu .sub>ul>li {}

#one_left .one_commu .sub>ul>li>a {
    display: block;
    font-size: 15px;
    line-height: 34px;
    font-weight: 500;
    color: #5f6c67;
}

#one_left .one_commu .sub>ul>li:hover>a {
    color: #173228
}

#one_left .etc {
    position: relative;
    padding: 0px 0 0
}

#one_left .etc>ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

#one_left .etc>ul>li {}

#one_left .etc>ul>li>a {
    display: block;
    font-size: 15px;
}

#one_left .sub-category {
    display: none;
}

#one_left .sub-category>ul {
    padding: 6px 16px 16px;
}

#one_left .sub-category li {}

#one_left .sub-category li>a {
    display: block;
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    color: #586660;
}

.xans-myshop-asyncbenefit {
    width: 100%;
    position: relative;
    padding: 26px 0 0;
    margin-top: 11px;
    border-top: 1px solid #c9c9c9;
}

.xans-myshop-asyncbenefit.swiper-container {
    width: 100%;
    overflow: hidden;
}

.xans-myshop-asyncbenefit .swiper-slide {
    width: calc((100% / 2.3) - 10px);
    box-sizing: border-box;
}

.xans-myshop-asyncbenefit .user {
    display: flex;
    gap: 19px;
    align-items: center;
    justify-content: space-between;
}

.xans-myshop-asyncbenefit .user .left {
    display: flex;
    gap: 19px;
    align-items: center;
}

.xans-myshop-asyncbenefit .user .right img {
    height: 22px;
}

.xans-myshop-asyncbenefit .user .thumb {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    color: #ffffffdb;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(to right, #121212, #212121);
    font-size: 30px;
    font-weight: 100;
}

.xans-myshop-asyncbenefit .user .thumb img {
    max-width: 55%;
}

.xans-myshop-asyncbenefit .user .thumb a {
    position: relative;
}

.xans-myshop-asyncbenefit .user .thumb a i {
    position: absolute;
    bottom: -13px;
    right: -3px;
    width: 25px;
    height: 25px;
    background: #fff;
    color: #040922;
    font-size: 14px;
    padding: 5px;
    border-radius: 100px;
    border: 1px solid #cfcfcf;
    -webkit-box-shadow: 0 4px 10px 0 rgba(54, 58, 60, .1);
    box-shadow: 0 4px 10px 0 rgba(54, 58, 60, .1);
    transform: rotate(143deg);
}

.xans-myshop-asyncbenefit .user .infos {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.xans-myshop-asyncbenefit .user .infos h2 {
    font-weight: normal;
    display: flex;
    justify-content: flex-start;
    gap: 5px;
}

.xans-myshop-asyncbenefit .user .infos h2 b {
    font-weight: 600;
}

.xans-myshop-asyncbenefit .user .infos h2 .group {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #888
}

.xans-myshop-asyncbenefit .user .infos>div {
    display: flex;
    align-items: center;
    gap: 4px;
}

.xans-myshop-asyncbenefit .user .infos a {
    line-height: 1;
    padding: 6px 9px;
    border: 1px solid rgb(105 105 105 / 50%);
    border-radius: 100px;
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.xans-myshop-asyncbenefit .info {
    margin: 0 0 7px;
    text-align: left;
}

.xans-myshop-asyncbenefit .info .ec-base-help {
    padding: 14px 20px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ddd;
    margin: 23px 0 0;
}

.xans-myshop-asyncbenefit .info .ec-base-help p {
    margin: 0;
    padding: 0;
}

.xans-myshop-asyncbenefit div.ec-base-help p:before,
.xans-myshop-asyncbenefit div.ec-base-help ul li:before {
    display: none;
}

.xans-myshop-asyncbenefit .info .memberInfo {
    position: relative;
    display: flex;
    justify-content: flex-start;
}

.xans-myshop-asyncbenefit .info .memberInfo>ul {
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    text-align: left;
}

.xans-myshop-asyncbenefit .info .memberInfo>ul * {
    font-size: 13px;
}

.xans-myshop-asyncbenefit .info .memberInfo>span {
    position: absolute;
    left: 14px;
    top: 14px;
}

.xans-myshop-asyncbenefit .info .memberInfo .name {
    font-weight: bold;
    line-height: 18px;
}

.xans-myshop-asyncbenefit .info .memberInfo a.modify {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 59px;
    height: 25px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    border-radius: 3px;
    background: #f3f3f3;
}

.xans-myshop-asyncbenefit .info .memberInfo ul li {
    margin: 0;
    font-size: 13px;
    line-height: 1.5em;
}

.xans-myshop-asyncbenefit .info .memberInfo ul.gradeGuide li {
    font-size: 13px;
}

.xans-myshop-asyncbenefit .info .help.tdisplaynonedisplaynone {
    display: none;
}

.xans-myshop-asyncbenefit .invite {
    margin: 7px 0;
    padding: 14px;
}

.xans-myshop-asyncbenefit .invite h3 {
    margin: 0 0 14px;
}

.xans-myshop-asyncbenefit .invite .inputBox {
    position: relative;
    box-sizing: content-box;
    padding: 0 77px 0 0;
    margin: 0 0 14px;
}

.xans-myshop-asyncbenefit .invite .inputBox input {
    width: 100%;
}

.xans-myshop-asyncbenefit .invite a {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    float: right;
}

.xans-myshop-asyncbenefit .invite .help {
    font-size: 14px;
}

.xans-myshop-asyncbankbook {
    position: relative;
    padding: 27px 0 0;
}

.xans-myshop-asyncbankbook>ul {}

.displaynone+.xans-myshop-asyncbankbook {
    border-top: 0;
}

.xans-myshop-asyncbankbook li {
    display: flex;
    flex-direction: column;
    gap: 7px;
    font-size: 15px;
    color: #777;
    background: #fff;
    padding: 20px;
    text-align: left;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 10px 0 rgba(54, 58, 60, .1);
    box-shadow: 0 4px 10px 0 rgba(54, 58, 60, .1);
}

.xans-myshop-asyncbankbook li a {
    font-size: 20px;
    font-weight: 700;
    color: #444;
}

@media all and (max-width:1400px) {
    #one_left .xans-myshop-orderstate {
        padding: 20px 17px;
        margin-bottom: 20px;
    }

    #one_left .xans-myshop-orderstate .title {
        padding-bottom: 12px;
        margin-bottom: 17px;
    }

    #one_left .xans-myshop-orderstate .order li a {
        gap: 4px;
    }

    #one_left .xans-myshop-orderstate .order li strong {
        font-size: 14px;
    }

    #one_left .xans-myshop-orderstate .order .count {
        font-size: 22px;
    }

    #one_left .xans-myshop-main {
        padding: 14px;
    }

    #one_left .xans-myshop-main li {
        padding: 0
    }

    #one_left .titleMy {
        font-size: 15px;
        padding-bottom: 20px;
    }

    #one_left .xans-myshop-asyncbenefit {
        padding: 22px 0 0
    }

    #one_left .xans-myshop-asyncbenefit .user {
        gap: 13px;
    }

    #one_left .xans-myshop-asyncbenefit .user .thumb {
        width: 56px;
        height: 56px;
    }

    #one_left .xans-myshop-asyncbenefit .user .infos h2 {
        font-size: 19px;
    }

    #one_left .xans-myshop-asyncbenefit .user .infos h2 b {
        font-weight: 700;
    }

    #one_left .xans-myshop-asyncbankbook {
        padding: 24px 0 0;
    }

    #one_left .xans-myshop-asyncbankbook li {
        gap: 8px;
        font-size: 13px;
        padding: 19px;
    }

    #one_left .xans-myshop-asyncbankbook li a {
        font-size: 17px;
        letter-spacing: -1px;
        color: #040922;
    }
}

@media all and (max-width:480px) {
    #one_left .xans-myshop-asyncbankbook li {
        padding: 13px;
    }
}

.titleSub {
    position: relative;
    text-align: center;
    padding: 0 25px;
    width: calc(100% + 50px);
    margin-left: -25px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f6f7f7;
    margin-bottom: 25px;
}

.titleSub h2,
.titleSub h2 * {
    display: inline-block;
    color: #040922 !important;
    vertical-align: middle;
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 500;
    line-height: 1;
    margin-top: 0;
}

.titleSub p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 auto;
    opacity: .5;
    display: none !important;
}

.titleSub .xans-layout-mobileaction {}

.titleSub .xans-layout-mobileaction img {
    height: 29px;
    opacity: 1;
    padding: 5px 0;
}

.titleSub h2>span {
    display: none;
}

.titleSub:after {
    content: '';
    width: 21px;
}

.titleSub2 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin: 41px 0;
    text-align: center;
    overflow: hidden;
}

.titleSub2 h2,
.titleSub2 h2 * {
    font-size: 30px;
    font-weight: 600;
    color: #040922;
    line-height: 1;
    transform: translateY(80px);
    transition: transform .8s ease-in-out
}

.titleSub2 p {
    font-size: 17px;
    color: #999;
    line-height: 1.3;
    transform: translateY(40px);
    transition: transform .8s ease-in-out
}

.titleSub2.active h2 {
    transform: translateY(0);
}

.titleSub2.active p {
    transform: translateY(0);
    transition-delay: .2s
}

body#board #container>#contents {
    padding: 0 25px;
}

.empty {
    padding: 100px 0;
    text-align: center;
    font-size: 16px;
    color: #343434;
    border-radius: 8px;
    margin-top: 20px;
    letter-spacing: -.5px;
}

#one_mask {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    -webkit-transition: all .55s;
    -moz-transition: all .55s;
    -o-transition: all .55s;
    transition: opacity .18s ease-out, visibility .18s ease-out;
    background-color: rgba(20, 20, 20, .7);
    transition-delay: 0s
}

#one_mask2 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 7;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    -webkit-transition: all .55s;
    -moz-transition: all .55s;
    -o-transition: all .55s;
    transition: all .55s;
    background-color: rgba(20, 20, 20, .7);
    transition-delay: .5s
}

#one_mask5 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    -webkit-transition: all .55s;
    -moz-transition: all .55s;
    -o-transition: all .55s;
    transition: all .55s;
    background-color: rgba(20, 20, 20, .7);
    transition-delay: .5s
}

body.mask #one_mask {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .18s ease-out, visibility .18s ease-out;
    -moz-transition: opacity .18s ease-out, visibility .18s ease-out;
    -o-transition: opacity .18s ease-out, visibility .18s ease-out;
    transition: opacity .18s ease-out, visibility .18s ease-out;
    transition-delay: 0s
}

body.mask5 #one_mask5 {
    z-index: 8;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .55s;
    -moz-transition: all .55s;
    -o-transition: all .55s;
    transition: all .55s;
}

.path {
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    *zoom: 1;
    display: none;
}

.path span {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    white-space: nowrap;
    text-indent: 100%;
}

.path ol {
    float: right;
}

.path li {
    float: left;
    padding: 0 0 0 12px;
    margin: 0 0 0 8px;
    background: url("../../img.echosting.cafe24.com/skin/base/layout/ico_path.gif") no-repeat 0 10px;
}

.path li:first-child {
    background: none;
}

.path li a {}

.path li strong,
.path li strong a {}

.titleArea {
    padding: 0 0 30px 0;
    border: 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.titleArea h2 {
    width: 100%;
    display: block;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0px;
    text-align: center;
}

.titleArea h2 span {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    padding-top: 6px;
    letter-spacing: normal;
    opacity: .7;
}

.boardMain {
    overflow: hidden;
    *zoom: 1;
}

.boardMain td img {
    vertical-align: middle;
    margin: 1px;
}

.boardMain .board {
    position: relative;
    margin: 0 0 60px;
}

.boardMain .leftArea {
    float: left;
    width: 50%;
}

.boardMain .leftArea .board {
    margin: 0 23px 60px 0;
}

.boardMain .rightArea {
    float: right;
    width: 50%;
}

.boardMain .rightArea .board {
    margin: 0 0 60px 23px;
}

.boardMain .board h3 {
    margin: 0 0 13px;
    height: 38px;
    font-size: 16px;
    border-bottom: 2px solid #626672;
}

.boardMain .board .btnLink {
    position: absolute;
    top: 3px;
    right: 0;
}

.boardMain .board .ec-base-table.typeList td {}

.boardMain .board .ec-base-table.typeList td.title a,
.boardMain .board .ec-base-table.typeList td.title a:hover {}

.boardMain .board .galleryList {
    overflow: hidden;
}

.boardMain .board .galleryList ul {
    overflow: hidden;
    margin: 0 -10px;
}

.boardMain .board .galleryList li {
    float: left;
    position: relative;
    width: 20%;
    padding: 0 0 12px 0;
    word-break: break-all;
}

.boardMain .board .galleryList li span {
    display: block;
    margin: 0 10px;
    font-size: 14px;
}

.boardMain .board .galleryList li .imgLink,
.boardMain .board .galleryList li .imgLink:hover {
    display: block;
    margin: 0 10px 5px;
    font-size: 14px;
}

.boardMain .board .galleryList li .imgLink img {
    width: 100%;
    max-height: 102px;
    border: 1px solid #ededed;
}

#modalBackpanel {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #040922;
}

#modalContainer {
    display: none;
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 10001;
    width: 935px;
    height: 720px;
    border: 1px solid #e1e1e1;
}

#modalContainer #modalContent {
    width: 100%;
    height: 100%;
}

.ec-common-rwd-image {
    height: 12px !important;
    margin-right: 6px;
    margin-top: -3px;
}

.subject .ec-common-rwd-image {
    height: 13px !important;
    margin-right: 0;
}

.subject .ec-common-rwd-image[alt~="답변"] {
    height: 9px !important
}

body.board .xans-board-title .titleArea {
    text-align: left;
    padding-bottom: 77px
}

body.board .xans-board-title .imgArea img {
    max-width: 100%;
}

body.board .xans-board-title .titleArea p {
    display: none;
}

#modalBackpanel {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #040922;
}

#modalContainer {
    display: none;
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 10001;
    width: 967px;
    height: 720px;
    border: 1px solid #e1e1e1;
}

#modalContainer #modalContent {
    width: 100%;
    height: 100%;
}

.progress {
    padding-top: 58px;
}

.prdList.grid2.view-all {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.prdList.grid2.view-all .swiper-slide {
    width: 100%;
    height: auto;
    flex-shrink: 0;
}

.ec-base-product ul.grid2.view-all>li {
    width: 100%;
}

.one_layer {
    position: fixed;
    bottom: 0;
    left: 50%;
    max-width: 600px;
    width: calc(100% - 50%);
    bottom: 0;
    min-width: 320px;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.18s ease-in-out;
    z-index: 1000;
    padding: 25px 25px 45px;
    text-align: center;
    font-size: 18px;
    border-radius: 25px 25px 0 0;
    transform: translateY(110%);
}

.one_layer.show {
    transform: translateY(0);
}

.one_layer.hide {
    transform: translateY(110%);
}

.one_layer>ul {}

.one_layer>ul>.title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 18px;
    color: #373a3c;
    letter-spacing: -1px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
}

.one_layer>ul>.title .btn {
    cursor: pointer;
}

body.scroll header {
    transform: translateY(-121px);
    background: #fff;
}

@media all and (min-width:1460px) {
    #oneFix {
        right: var(--one-fix-right, 18px) !important;
    }
}

@media all and (min-width:1401px) {
    .one-pc {
        display: flex !important;
    }

    .one-mobile {
        display: none !important;
    }
}

@media all and (max-width:1400px) {
    body {
        -ms-overflow-style: none;
    }

    ::-webkit-scrollbar {
        display: none;
    }

    .one-pc {
        display: none !important;
    }

    .one-mobile {
        display: flex !important;
    }

    img {
        max-width: 100%;
    }
}

@media all and (max-width:1400px) {
    body:after {
        display: none !important;
    }

    #container>#contents {
        padding: 0 16px 16px;
    }

    #oneTop {
        left: 0;
        width: 100%;
        max-width: none;
        height: 42px;
        line-height: 42px;
    }

    #oneTop * {
        font-size: 14px;
    }

    header,
    header.header-subpage {
        left: 0;
        width: 100%;
        max-width: none;
        min-width: 0;
        transform: translateY(0px);
        padding-top: 42px;
    }

    header>ul,
    #main header>ul,
    #main.scroll header>ul {
        padding: 12px 16px;
    }

    #main.scroll header>ul {
        border-bottom: 0;
    }

    body.scroll:not(.scroll) header,
    #main.scroll:not(.scroll) header {
        transform: translateY(-100px);
    }

    body.scroll header,
    #main.scroll header {
        transform: translateY(-100px);
    }

    body.scroll header .hidden {
        padding: 0 16px;
    }

    header h1 a:not(.btn) {
        font-size: 26px;
        font-weight: 600;
        letter-spacing: -1px;
    }

    #main header h1 a:not(.btn) {
        font-size: 27px;
    }

    header .left .btnMenu {
        display: block;
        width: 38px;
        margin-left: -10px;
    }

    header .left .btnMenu>a,
    body.scroll header .left .btnMenu>a {
        gap: 4px;
        padding: 10px;
    }

    header .btnMenu span {
        height: 2px;
    }

    header .right img {
        height: 22px;
    }

    header .hidden>ul>li>a {
        font-size: 15px;
        line-height: 52px;
        padding: 0 8px;
    }

    #one_search {
        width: 100%;
        left: 0;
        margin-left: 0;
        max-width: none;
        margin: 0;
    }

    #one_search fieldset input[type="text"],
    #one_search fieldset input[type="text"]::-webkit-input-placeholder {
        font-size: 16px;
    }

    #one_search .searchForm img {
        width: 21px;
    }

    #one_search>div {
        gap: 20px;
    }

    #one_search>div>div {
        gap: 20px;
    }

    #one_search>div h2 {
        font-size: 18px;
    }

    #one_search .keyword2 ul {
        gap: 8px 10px;
    }

    #one_search .keyword2 ul>* {
        padding: 10px 12px;
        border-radius: 14px;
    }

    #one_search .keyword2 ul>li .rank,
    #one_search .keyword2 ul>li a {
        font-size: 14px;
    }

    #wrap_left {
        transform: translateX(-110%);
        padding: 0 30px;
        overflow-x: hidden;
        min-width: 300px;
    }

    #wrap_left.active {
        transform: translateX(0px);
        transition-delay: 0s;
    }

    .xans-myshop-asyncbenefit .user .right {
        display: none;
    }

    #wrap_left+#wrap,
    #wrap_left~#wrap {
        width: 100%;
        max-width: none;
        min-width: 0;
        margin: 0 auto;
    }

    #one_left>ul>.top {
        padding: 30px;
        width: calc(100% + 60px);
        margin-left: -30px;
        margin-bottom: 20px;
    }

    #one_left>ul>.top .msg {
        padding-bottom: 15px;
    }

    #one_left .logo {
        padding-bottom: 12px;
    }

    #one_left .logo a {
        padding: 0;
        font-size: 26px;
    }

    #one_left .logo a span {
        right: -23px;
        bottom: -10px;
        transform: scale(.35);
    }

    #one_left #one_cate .xans-layout-category.sub .position>ul,
    #one_left #one_cate>ul,
    #one_left .one_commu>ul {
        gap: 7px;
    }

    #one_left #one_cate>ul>li>a,
    #one_left .one_commu>ul>li>a {
        font-size: 17px;
    }

    #one_left #one_cate>ul>li>a i,
    #one_left .one_commu>ul>li>a i,
    #one_left #one_cate .xans-layout-category.sub .position>ul>li>a i,
    #one_left #one_cate .xans-layout-category.sub .position>ul>li .title i {
        font-size: 14px;
        color: #040922;
    }

    #one_left #one_cate .xans-layout-category.sub .position>ul {
        padding-right: 18px;
    }

    #one_left #one_cate .xans-layout-category.sub .position>ul>li ul li a,
    #one_left #one_cate>ul>li .sub>ul>li>a,
    #one_left .one_commu .sub>ul>li>a,
    #one_left #one_cate .xans-layout-category.sub .position>ul>li .title>a {
        font-size: 16px;
        line-height: 32px;
    }

    #one_left #one_cate .xans-layout-category.sub .position>ul>li>a {
        font-size: 16px;
        line-height: 32px;
    }

    #one_left .sub-category li>a {
        font-size: 15px;
        line-height: 28px;
    }

    #one_left .member>ul>li>a {
        line-height: 46px;
        height: 46px;
        font-size: 15px;
    }

    #one_left .wrap-left-member-card {
        gap: 16px;
        padding: 18px 17px 16px;
        border-radius: 22px;
    }

    #one_left .wrap-left-member-card__head {
        gap: 12px;
    }

    #one_left .wrap-left-member-card__identity strong {
        font-size: 21px;
    }

    #one_left .wrap-left-member-card__identity span {
        font-size: 13px;
    }

    #one_left .wrap-left-member-card__quick {
        width: 42px;
        height: 42px;
        font-size: 12px;
    }

    #one_left .wrap-left-member-card__stats {
        gap: 8px;
    }

    #one_left .wrap-left-member-card__stat {
        padding: 13px 12px 12px;
        border-radius: 16px;
    }

    #one_left .wrap-left-member-card__value {
        font-size: 17px;
    }

    #one_left #one_cate .xans-layout-category.sub .position>ul>li .title>a {
        width: auto;
    }

    .grayLine {
        display: block;
        width: calc(100% + 60px);
        margin: 25px -30px;
        height: 8px;
        border: none;
        border-top: 1px solid #ebedf2;
        background: #f6f7f7;
    }

    #wrap.wrap-subpage {
        --subpage-header-offset: 102px;
    }

    #container {
        padding-top: 102px;
        min-height: calc(100vh - 288px);
    }

    footer>ul>.top .sns {
        gap: 6px;
        font-size: 16px;
    }

    footer>ul>*,
    footer>ul>.bottom {
        padding: 0 25px;
        font-size: 14px;
        line-height: 39px;
    }

    footer>ul>.bottom .info>* {
        font-size: 14px;
    }

    footer>ul>.bottom .btn {
        justify-content: flex-start;
        gap: 20px;
    }

    footer>ul>.bottom .btn p {
        font-size: 14px;
        font-weight: 300;
    }

    footer>ul>.top h1 {
        font-size: 16px;
        letter-spacing: -.3px;
    }

    #oneFix {
        left: auto !important;
        right: var(--one-fix-right, 17px) !important;
        gap: 4px !important;
        bottom: var(--one-fix-bottom, 52px) !important;
        transform: none !important;
    }

    #oneFixBack {
        left: var(--one-fix-left, 17px) !important;
        right: auto !important;
        bottom: var(--one-fix-bottom, 52px) !important;
        transform: none !important;
    }

    body.scroll #oneFix {
        display: flex;
    }

    body.scroll #oneFixBack {
        display: flex;
    }

    body.fixmenu-hidden #oneFixBack,
    body.fixmenu-hidden #oneFix {
        bottom: 2px !important;
    }

    #oneFixBack li,
    #oneFix li {
        width: 42px;
        height: 42px;
    }

    #oneFixBack li img,
    #oneFix li img {
        height: 42px;
        padding: 10px;
        margin: 0 auto;
    }

    #one_fixMenu {
        width: 100%;
        max-width: none;
        bottom: 0px;
        left: 0 !important;
        margin-left: 0 !important;
    }

    #one_fixMenu>ul {
        width: 100%;
        max-width: none;
        margin: 0 auto;
    }

    .titleArea h2 {
        font-size: 25px;
    }

    .titleSub {
        width: calc(100% + 32px);
        margin-left: -16px;
        padding: 0 12px 0 12px;
        height: 48px;
        border: 1px solid #ddd;
        border-left: 0;
        border-right: 0;
        background: #fff;
        margin-bottom: 16px;
    }

    .titleSub h2 {
        font-size: 16px;
    }

    .titleSub2 {
        margin: 47px 0;
        gap: 6px;
    }

    .titleSub2 h2,
    .titleSub2 h2 * {
        font-size: 25px;
        font-weight: 700;
    }

    .titleSub2 p {
        font-size: 14px;
    }

    .titleSub2.active h2 {
        transform: translateY(0);
    }

    .titleSub2.active p {
        transform: translateY(0);
        transition-delay: .2s;
    }

    .one_layer {
        left: auto;
        width: 100%;
        min-width: 320px;
        padding: 20px 16px 32px !important;
        border-radius: 10px 10px 0 0;
    }

    .one_layer>ul>.title {
        margin-bottom: 18px;
    }

    body#board #container>#contents {
        padding: 0 16px;
    }
}

#one_fixMenu>ul {
    padding: 14px 4% 8px;
}

#one_fixMenu>ul>div {
    width: calc((100% / 2) - 14%);
}



#one_fixMenu>ul>div>li {
    padding: 16px 0 12px;
}

#one_fixMenu img {
    width: 28px !important;
    padding: 4px 2px !important;
}

#one_fixMenu .cart>div {
    top: 17px !important;
    right: auto !important;
    left: 50% !important;
    margin-left: 2px !important;
    width: 14px !important;
    height: 14px !important;
    line-height: 14px !important;
    font-size: 9px !important;
    transform: none !important;
}

#one_fixMenu>ul>div>li>a b {
    font-size: 10px !important;
    color: #000;
    font-weight: 300;
}

@media all and (max-width:600px) {
    @media screen and (-webkit-min-device-pixel-ratio:0) and (min-device-width:0) and (max-device-width:1024px) {
        .mobile-chrome #one_fixMenu.down {
            bottom: 0 !important;
            transform: translateY(calc(40px));
        }

        body.fixmenu-hidden.mobile-chrome #one_fixMenu.down {
            transform: translateY(calc(100% + 40px))
        }

        .mobile-chrome #one_fixMenu.down>ul {
            padding-bottom: 40px !important;
        }

        .mobile-chrome #oneFix {
            bottom: var(--one-fix-bottom, 52px) !important;
            transform: none !important;
        }

        body.fixmenu-hidden.mobile-chrome #oneFix {
            bottom: 2px !important;
        }
    }
}

@media all and (max-width:450px) {
    #one_fixMenu .btnMenu {
        top: -1%;
    }
}

@media all and (max-width:390px) {
    #one_fixMenu .btnMenu {
        top: -2%;
    }
}

@media all and (max-width:360px) {
    #one_fixMenu>ul {
        padding: 8px 14px 8px;
    }

    #one_fixMenu>ul>div {
        width: calc((100% / 2) - 14%);
    }

    #one_fixMenu>ul>div>li {
        padding: 12px 0 8px;
    }

    #one_fixMenu img {
        width: 24px;
        padding: 3px 2px 4px;
    }

    #one_fixMenu>ul>div>li>a b {
        font-size: 9px;
        letter-spacing: -.25px;
    }

    #one_fixMenu .cart>div {
        top: 12px !important;
        right: auto !important;
        left: 50% !important;
        margin-left: 0px !important;
        width: 12px !important;
        height: 12px !important;
        line-height: 12px !important;
        font-size: 8px !important;
        transform: none !important;
    }

    #one_fixMenu .btnMenu {
        width: 13%;
        top: -1%;
    }
}

.display_mobile_only {
    display: none;
}

.display_tablet_only {
    display: block;
}

.display_pc_only {
    display: block;
}

.layer_shadow {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.layer_shadow.on {
    opacity: 1;
    visibility: visible;
}

.RW {
    display: none !important;
}

.RTMB {
    display: block !important;
}

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

#one_event {
    position: relative;
    margin: 60px auto;
    overflow: hidden;
    display: none;
    cursor: pointer;
}

#one_event .xans-smart-banner-admin {
    display: none;
}

#main #one_event {
    margin: 20px 0
}

#one_event>ul {
    display: block;
}

#one_event>ul>div {
    display: block;
}

#one_event .swiper-pagination {
    position: absolute;
    left: 0px;
    bottom: 15px;
    z-index: 2;
    text-align: center;
}

#one_event .swiper-pagination-clickable .swiper-pagination-bullet {
    position: relative;
    margin: 0px 4px;
    border-radius: 100px;
    width: 6px;
    height: 6px;
    opacity: 1;
    background: rgba(255, 255, 255, .4);
    box-sizing: border-box;
}

#one_event .swiper-pagination-clickable .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, .7);
}

#one_event .swiper-slide img {
    cursor: pointer;
}

#one_event .layer {
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 3;
}

#one_event .layer h2 {
    opacity: 0;
    visibility: hidden;
    transform: translateX(80px);
    transition: transform .35s ease-in-out, opacity .35s ease-in-out, visibility .35s ease-in-out;
}

#one_event .layer span {
    opacity: 0;
    visibility: hidden;
    transform: translateX(80px);
    transition: transform .3s ease-in-out, opacity .3s ease-in-out, visibility .3s ease-in-out;
}

#one_event .swiper-slide-active .layer span {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}

#one_event .swiper-slide-active .layer h2 {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    transition-delay: .05s
}

#one_event .layer,
#one_event .layer * {
    color: #040922;
}

#one_event .layer>ul {
    display: flex;
    flex-direction: column;
    gap: 10px
}

#one_event .layer>ul>* {
    display: block;
}

#one_event .layer>ul>span {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: 0;
    color: #626262;
}

#one_event .layer>ul>h2 {
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -1px;
}

#one_event .layer img {
    max-width: 126px;
    margin: 40px 0px;
}

#one_event img {
    width: 100%;
}

@media all and (max-width:1400px) {
    #one_event .swiper-pagination {
        display: none;
    }

    #one_event .layer {
        left: 25px;
    }

    #one_event .layer>ul {
        gap: 6px;
    }

    #one_event .layer>ul>span {
        font-size: 14px;
    }

    #one_event .layer>ul>h2 {
        font-size: 20px;
    }
}

#one_mask4 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .78);
    transition: all .55s ease, visibility 0s .55s;
}

body.mask4 #one_mask4 {
    opacity: 1;
    visibility: visible;
    transition: all .55s ease, visibility 0s;
}

#one_guide {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    color: #fff;
    flex-direction: column;
    gap: 34px;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
    display: none;
}

#one_guide.active {
    display: flex;
}

#one_guide.hidden {
    opacity: 0;
    visibility: hidden;
}

#one_guide .title {
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: #fff;
    justify-content: center;
    text-align: center;
}

#one_guide .title h2 {
    font-size: 28px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0px;
    opacity: 0;
    transform: translateY(50px);
}

#one_guide .title p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    opacity: 0;
    transform: translateY(50px);
}

#one_guide .menu {
    opacity: 0;
    transform: translateY(50px);
}

#one_guide .menu>ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

#one_guide .menu>ul>li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #FFF;
}

#one_guide .menu>ul>li.active {}

#one_guide .menu>ul>li.active>a {
    border: 1px solid transparent;
    background: #6C12FF;
    color: #fff;
    font-weight: 500;
}

#one_guide .menu>ul>li:last-child {}

#one_guide .menu>ul>li>a {
    display: block;
    color: #fff;
    line-height: 1;
    padding: 10px 14px;
    border-radius: 20px;
    border: 1px solid #fff;
}

#one_guide .cons {
    position: relative;
    opacity: 0;
    transform: translateY(50px);
}

#one_guide .cons img {
    max-width: 900px;
}

#one_guide .cons .close {
    position: absolute;
    left: 50%;
    bottom: -80px;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    background: #fff;
    font-size: 18px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    box-shadow: 0px 3px 3px rgb(0 0 0 / 50%);
    z-index: 2;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }

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

#one_guide .title h2 {
    animation: fadeInUp 0.35s ease-in-out 0.8s forwards;
}

#one_guide .title p {
    animation: fadeInUp 0.35s ease-in-out .8s forwards;
}

#one_guide .menu {
    animation: fadeInUp 0.35s ease-in-out .8s forwards;
}

#one_guide .cons {
    width: 950px;
    margin: 0 auto 0;
    animation: fadeInUp 1s ease-in-out .95s forwards;
}

#one_guide .swiper-container {
    width: 100%;
    overflow: hidden;
}

#one_guide .swiper-wrapper {
    align-items: center;
}

#one_guide .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

#one_guide .swiper-slide img {
    transform: scale(.8);
    border-radius: 12px;
    width: 100%;
    height: auto;
    transition: transform .2s ease-in-out;
}

#one_guide .swiper-slide.swiper-slide-active img {
    transform: scale(1);
}

@media all and (max-width:1400px) {
    #one_guide {
        gap: 8px;
        margin-top: 0px;
    }

    #one_guide .menu>ul {
        justify-content: center;
        padding: 0 10%;
    }

    #one_guide .cons {
        width: 100%;
        margin-top: 10px;
    }

    #one_guide .title h2 {
        font-size: 22px;
        font-weight: 700;
    }

    #one_guide .cons .close {
        bottom: -55px;
    }

    #one_guide .menu>ul>li>a {
        font-size: 14px;
    }
}

#container>#contents {
    position: relative;
}

.xans-product-menupackage #titleArea .funcArea {
    position: absolute;
    top: 6px;
    right: 14px;
}

.xans-product-menupackage #titleArea .btnSearchdata {
    width: 33px;
    height: 29px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    border: 0;
    outline: 0;
    background: url("../../img.echosting.cafe24.com/skin/mobile/layout/btn_searchdata.gif") no-repeat 0 0;
    background-size: 33px 29px;
}

.xans-product-menupackage #titleArea .btnSearchdata.checked {
    background: url("../../img.echosting.cafe24.com/skin/mobile/layout/btn_searchdata_on.gif") no-repeat 0 0;
    background-size: 33px 29px;
}

.xans-product-searchdata .xans-product-categoryhashtag {
    overflow: hidden;
    overflow-x: auto;
    padding: 9px 0 10px;
    border-bottom: 1px solid #e1e1e1;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

.xans-product-searchdata .xans-product-categoryhashtag .heading {
    display: inline-block;
    width: 47px;
    margin: 0 0 0 14px;
    vertical-align: top;
}

.xans-product-searchdata .xans-product-categoryhashtag .heading>strong {
    display: inline-block;
    padding: 3px 5px;
    border: 1px solid #c8c8c8;
    color: #2e2e2e;
    font-size: 14px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.xans-product-searchdata .xans-product-categoryhashtag .list {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata .xans-product-categoryhashtag .list li {
    display: inline-block;
    margin: 3px 14px 4px 0;
}

.xans-product-searchdata .xans-product-categoryhashtag .list li a {
    display: inline-block;
    word-break: break-all;
    word-wrap: break-word;
    color: #525252;
    font-size: 14px;
    line-height: 16px;
}

.xans-product-searchdata #titleArea {
    background-color: transparent;
    border-bottom: 0;
}

.xans-product-searchdata #titleArea span.count {
    position: static;
}

.xans-product-searchdata #titleArea h2 {}

.xans-product-searchdata #shopQ {
    padding: 20px;
}

.xans-product-searchdata .empty {
    padding: 150px 0;
    text-align: center;
    font-size: 14px
}

.xans-product-searchdata .searchbox {
    position: relative;
    padding: 0px;
    margin-bottom: 10px;
}

.xans-product-searchdata .searchbox input#ec-product-searchdata-keyword {
    width: 100%;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 500;
}

.xans-product-searchdata .searchbox .button {
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
}

.xans-product-searchdata .searchbox .button .btnStrong {
    height: 36px;
    border-radius: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #040922;
    color: #f3f3f3;
    ;
    font-size: 14px;
}

.xans-product-searchdata .searchbox .btnDelete {
    overflow: hidden;
    position: absolute;
    right: 12px;
    top: 17px;
    width: 20px;
    height: 20px;
    border: 0;
    cursor: pointer;
    text-indent: 100%;
    font-size: 0;
    white-space: nowrap;
    background: url(../../img.echosting.cafe24.com/skin/mobile/layout/btn_delete.png) no-repeat 0 0;
    background-size: 19px auto;
}

.xans-product-searchdata .searchbox .autoList {
    display: none;
    overflow: hidden;
    overflow-y: auto;
    z-index: 200;
    position: fixed;
    top: 172px;
    left: 0;
    right: 0;
    bottom: 0;
}

.xans-product-searchdata .searchbox .autoDrop {
    position: relative;
    z-index: 201;
}

.xans-product-searchdata .searchbox .autoDrop li a {
    display: block;
    padding: 10px 14px;
    border-bottom: 1px solid #e1e1e1;
    background: #f3f3f3;
}

.xans-product-searchdata .searchbox .autoList .dimmed {
    display: block;
    position: absolute;
    top: 0;
    z-index: 200;
}

.xans-product-searchdata .inner {
    position: relative;
    overflow: hidden;
    padding: 7px 14px 6px;
    border-bottom: 1px solid #e1e1e1;
    background: #f3f3f3;
}

.xans-product-searchdata .inner p {
    float: left;
}

.xans-product-searchdata .inner p.button {
    float: right;
    padding: 2px 0 0;
}

.xans-product-searchdata .inner .button img {
    display: block;
    border: 1px solid red;
}

.xans-product-searchdata .inner .btnSearchdata {
    float: right;
    width: 33px;
    height: 29px;
    margin: 0 0 0 4px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    border: 0;
    outline: 0;
    background: url("../../img.echosting.cafe24.com/skin/mobile/layout/btn_searchdata.gif") no-repeat 0 0;
    background-size: 33px 29px;
}

.xans-product-searchdata .inner .btnSearchdata.checked {
    background: url("../../img.echosting.cafe24.com/skin/mobile/layout/btn_searchdata_on.gif") no-repeat 0 0;
    background-size: 33px 29px;
}

.xans-product-searchdata .viewType {
    float: right;
    width: 129px;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata .viewType li {
    display: inline-block;
    width: 31px;
    height: 27px;
    border-right: 0;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

.xans-product-searchdata .viewType li:first-child {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
}

.xans-product-searchdata .viewType li:last-child {
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-right: 1px solid #e1e1e1;
}

.xans-product-searchdata .viewType li.selected {
    background: #d7cfbe;
    border-color: #404757;
}

.xans-product-searchdata .viewType li a {
    display: block;
    height: 100%;
}

.xans-product-searchdata .viewType li.list {
    background-image: url("../../img.echosting.cafe24.com/skin/mobile/product/ico_list.png");
}

.xans-product-searchdata .viewType li.thumb {
    background-image: url("../../img.echosting.cafe24.com/skin/mobile/product/ico_thumb.png");
}

.xans-product-searchdata .viewType li.gallery {
    background-image: url("../../img.echosting.cafe24.com/skin/mobile/product/ico_gallery.png");
}

.xans-product-searchdata .viewType li.slide {
    background-image: url("../../img.echosting.cafe24.com/skin/mobile/product/ico_slide.png");
}

.xans-product-searchdata .viewType li.selected.list {
    background-image: url("../../img.echosting.cafe24.com/skin/mobile/product/ico_list_on.png");
}

.xans-product-searchdata .viewType li.selected.thumb {
    background-image: url("../../img.echosting.cafe24.com/skin/mobile/product/ico_thumb_on.png");
}

.xans-product-searchdata .viewType li.selected.gallery {
    background-image: url("../../img.echosting.cafe24.com/skin/mobile/product/ico_gallery_on.png");
}

.xans-product-searchdata .viewType li.selected.slide {
    background-image: url("../../img.echosting.cafe24.com/skin/mobile/product/ico_slide_on.png");
}

.xans-product-searchdata .hashtagName {
    display: block;
    padding: 6px 0 0;
    line-height: 16px;
    color: #006aff;
    word-break: break-all;
    word-wrap: break-word;
}

.xans-product-searchdata .keywordArea {
    display: none !important;
    overflow: hidden;
    overflow-x: auto;
    font-size: 14px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding: 13px 0;
    margin: 14px 0 0;
}

.xans-product-searchdata .keywordArea .heading {
    display: inline-block;
    vertical-align: middle;
}

.xans-product-searchdata .keywordArea .list {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata .keywordArea .list li {
    display: inline-block;
    margin: 0 0 0 12px;
}

.xans-product-searchdata .keywordArea .list li a {
    display: inline-block;
    word-break: break-all;
    word-wrap: break-word;
    color: #525252;
    font-size: 14px;
    line-height: 16px;
}

.xans-product-searchdata #titleArea h2 {
    display: block;
    padding: 10px 0 30px;
    font-size: 14px;
    letter-spacing: 0px !important;
    font-weight: 300;
}

.xans-product-searchdata.typePopup .searchCondition {
    display: none;
    z-index: 301;
    overflow-y: auto;
    width: 100%;
    min-width: 320px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
}

.xans-product-searchdata.typePopup .searchCondition h2 {
    height: 42px;
    padding: 0 41px 0 13px;
    border-bottom: 1px solid #c2c2c2;
    font-size: 15px;
    line-height: 42px;
    color: #2e2e2e;
}

.xans-product-searchdata.typePopup .searchCondition .btnClose {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 110;
    width: 40px;
    height: 42px;
    border: 0;
    font-size: 0;
    text-indent: 100%;
    cursor: pointer;
    background: url("../../img.echosting.cafe24.com/skin/mobile/layout/ico_close_grey.png") center center no-repeat;
    background-size: 14px 14px;
}

.xans-product-searchdata.typePopup .searchCondition .wrap {
    padding: 0 0 43px;
    font-size: 14px;
}

.xans-product-searchdata.typePopup .searchCondition .toggleArea {
    position: relative;
}

.xans-product-searchdata.typePopup .searchCondition .toggleArea>.title {
    position: relative;
    overflow: hidden;
    padding: 12px 87px 13px 34px;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    line-height: 1.3em;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.xans-product-searchdata.typePopup .searchCondition .toggleArea.checked>.title {
    border-bottom: 1px solid #ebebeb;
}

.xans-product-searchdata.typePopup .searchCondition .toggleArea>.title:after {
    display: block;
    position: absolute;
    top: 0;
    left: 14px;
    content: "";
    width: 13px;
    height: 100%;
    background: url("../../img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_grey.png") no-repeat center;
    background-size: 13px auto;
}

.xans-product-searchdata.typePopup .searchCondition .toggleArea.selected>.title:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.xans-product-searchdata.typePopup .searchCondition .toggleArea.checked>.title:after {
    background: url("../../img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_blue.png") no-repeat center;
    background-size: 13px auto;
}

.xans-product-searchdata.typePopup .searchCondition .toggleArea.disable>.title:after {
    background-image: none !important;
}

.xans-product-searchdata.typePopup .searchCondition .toggleArea>.title h3 {
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    word-break: break-all;
    word-wrap: break-word;
}

.xans-product-searchdata.typePopup .searchCondition .toggleArea>.contents {
    display: none;
    border-bottom: 1px solid #ebebeb;
}

.xans-product-searchdata.typePopup .searchCondition .toggleArea.selected>.contents,
.xans-product-searchdata.typePopup .searchCondition .toggleArea.disable>.contents {
    display: block;
}

.xans-product-searchdata.typePopup .searchCondition .toggleArea .btnClear {
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 14px;
    height: 26px;
    line-height: 24px;
    margin: 0;
    padding: 0 9px;
    border-radius: 3px;
    cursor: pointer;
    outline: 0;
    vertical-align: middle;
    font-family: "맑은 고딕", Malgun Gothic, "돋움", Dotum;
    font-size: 14px;
    font-weight: normal;
    color: #676767;
    box-sizing: border-box;
}

.xans-product-searchdata.typePopup .searchCondition .check .xans-product-filterform {
    padding: 7px 14px 7px 0;
}

.xans-product-searchdata.typePopup .searchCondition .check .xans-product-filterform:after {
    content: '';
    display: block;
    clear: both;
}

.xans-product-searchdata.typePopup .searchCondition .check li {
    float: left;
    width: 50%;
    margin: 7px 0;
    padding-left: 14px;
    box-sizing: border-box;
}

.xans-product-searchdata.typePopup .searchCondition .check li label {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-left: 26px;
    word-break: break-all;
    word-wrap: break-word;
    min-height: 0;
    line-height: 18px;
    box-sizing: border-box;
}

.xans-product-searchdata.typePopup .searchCondition .check li input {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    vertical-align: top;
    background: url("../../img.echosting.cafe24.com/skin/mobile/layout/bg_checkbox.png") no-repeat;
    background-size: 20px;
    background-color: transparent !important;
}

.xans-product-searchdata.typePopup .searchCondition .check li input:checked {
    background-image: url("../../img.echosting.cafe24.com/skin/mobile/layout/bg_checkbox_on.png");
}

.xans-product-searchdata.typePopup .searchCondition .check .icoColor {
    display: inline-block;
    margin: -2px 4px 0 0;
    width: 18px;
    height: 18px;
    border: 1px solid #e9e9e9;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.xans-product-searchdata.typePopup .searchCondition .button .xans-product-filterform {
    padding: 13px;
    margin: -7px 0 0 -7px;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata.typePopup .searchCondition .button li {
    display: inline-block;
    padding: 7px 0 0 7px;
    min-width: 33.33%;
    max-width: 100%;
    vertical-align: top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.xans-product-searchdata.typePopup .searchCondition .button li button {
    display: inline-block;
    width: 100%;
    border-bottom-color: #b5b5b5;
    padding: 8px 6px 7px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    word-break: break-all;
    word-wrap: break-word;
}

.xans-product-searchdata.typePopup .searchCondition .button li.selected button {
    border-color: #598fe8;
}

.xans-product-searchdata.typePopup .searchCondition .button.full .xans-product-filterform {
    padding: 0;
    margin: 0;
}

.xans-product-searchdata.typePopup .searchCondition .button.full li {
    width: 100%;
    padding: 0;
    border: 1px solid #f3f3f3;
    border-bottom-color: #e1e1e1;
}

.xans-product-searchdata.typePopup .searchCondition .button.full li button {
    border: 0;
}

.xans-product-searchdata.typePopup .searchCondition .button.full li.selected {
    position: relative;
    top: -1px;
    left: -1px;
    border-color: #598fe8;
    box-sizing: content-box;
}

.xans-product-searchdata.typePopup .searchCondition .button.full li.selected button {
    padding-top: 9px;
    padding-bottom: 6px;
}

.xans-product-searchdata.typePopup .searchCondition .button.full .txtRange {}

.xans-product-searchdata.typePopup .searchCondition .colorChip .xans-product-filterform {
    padding: 15px;
    margin: -15px 0 0;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata.typePopup .searchCondition .colorChip li {
    position: relative;
    display: inline-block;
    width: 20%;
    margin: 15px 0 0;
    text-align: center;
    vertical-align: middle;
}

.xans-product-searchdata.typePopup .searchCondition .colorChip li .circle {
    display: inline-block;
    width: 40px;
    height: 40px;
    outline: 0;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.xans-product-searchdata.typePopup .searchCondition .colorChip li.selected .icoColorCheck {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 28px;
    height: 23px;
    margin: -11px 0 0 -14px;
    background: url("../../img.echosting.cafe24.com/skin/mobile/product/ico_color_selected.png") no-repeat 0 0;
    background-size: 28px auto;
}

.xans-product-searchdata.typePopup .searchCondition .priceInput {
    margin: 6px 0;
    text-align: center;
}

.xans-product-searchdata.typePopup .searchCondition .priceInput>input[type="text"] {
    width: 30%;
    margin: 0 4px 0 0;
}

.xans-product-searchdata.typePopup .searchCondition .priceSlide .slider {
    position: relative;
    padding: 3px 0 9px;
    margin: 25px 20px 0 28px;
}

.xans-product-searchdata.typePopup .searchCondition .priceSlide .range {
    position: static;
    border: 0;
    border-radius: 0;
    border-top: 1px solid #d9d9d8;
    border-bottom: 1px solid #d9d9d8;
    height: 12px;
    background: #e7e7e7;
}

.xans-product-searchdata.typePopup .searchCondition .priceSlide .noUi-base {
    position: static;
}

.xans-product-searchdata.typePopup .searchCondition .priceSlide .noUi-target {
    height: 8px;
    border: 0;
    box-shadow: none;
    background-color: #e1e1e1;
}

.xans-product-searchdata.typePopup .searchCondition .priceSlide .noUi-connect {
    position: absolute;
    top: 0;
    border: 0;
    height: 8px;
    box-shadow: none;
    bottom: initial;
    font-size: 0;
    line-height: 0;
    background: #040922;
}

.xans-product-searchdata.typePopup .searchCondition .priceSlide .noUi-handle {
    position: absolute;
    top: -8px;
    display: block;
    margin: 0;
    width: 24px;
    height: 24px;
    box-shadow: none;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    outline: 0;
    cursor: pointer;
}

.xans-product-searchdata.typePopup .searchCondition .priceSlide .noUi-handle:before,
.xans-product-searchdata.typePopup .searchCondition .priceSlide .noUi-handle:after {
    display: none;
}

.xans-product-searchdata.typePopup .searchCondition .priceSlide .value {
    overflow: hidden;
    margin: 10px 13px 20px;
    text-align: right;
}

.xans-product-searchdata.typePopup .searchCondition .priceSlide .value .minPrice {
    float: left;
}

.xans-product-searchdata.typeSlide .searchCondition {
    display: none;
}

.xans-product-searchdata.typeSlide .searchCondition .searchInner {
    z-index: 302;
    overflow-y: auto;
    width: 266px;
    position: fixed;
    top: 0;
    right: -266px;
    bottom: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
}

.xans-product-searchdata.typeSlide.open .searchCondition .searchInner {
    right: 0;
}

.xans-product-searchdata.typeSlide .searchCondition:after {
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 301;
    background: rgba(0, 0, 0, .7);
}

.xans-product-searchdata.typeSlide .searchCondition h2 {
    height: 42px;
    padding: 0 41px 0 13px;
    border-bottom: 1px solid #c2c2c2;
    font-size: 15px;
    line-height: 42px;
    color: #2e2e2e;
}

.xans-product-searchdata.typeSlide .searchCondition .btnClose {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 110;
    width: 40px;
    height: 42px;
    border: 0;
    font-size: 0;
    text-indent: 100%;
    cursor: pointer;
    background: url("../../img.echosting.cafe24.com/skin/mobile/layout/ico_close_grey.png") center center no-repeat;
    background-size: 14px 14px;
}

.xans-product-searchdata.typeSlide .searchCondition .wrap {
    padding: 0 0 43px;
    font-size: 14px;
}

.xans-product-searchdata.typeSlide .searchCondition .toggleArea {
    position: relative;
}

.xans-product-searchdata.typeSlide .searchCondition .toggleArea>.title {
    position: relative;
    overflow: hidden;
    padding: 12px 87px 13px 34px;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    line-height: 1.3em;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.xans-product-searchdata.typeSlide .searchCondition .toggleArea.checked>.title {
    border-bottom: 1px solid #ebebeb;
}

.xans-product-searchdata.typeSlide .searchCondition .toggleArea>.title:after {
    display: block;
    position: absolute;
    top: 0;
    left: 14px;
    content: "";
    width: 13px;
    height: 100%;
    background: url("../../img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_grey.png") no-repeat center;
    background-size: 13px auto;
}

.xans-product-searchdata.typeSlide .searchCondition .toggleArea.selected>.title:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.xans-product-searchdata.typeSlide .searchCondition .toggleArea.checked>.title:after {
    background: url("../../img.echosting.cafe24.com/skin/mobile/layout/ico_arrow_blue.png") no-repeat center;
    background-size: 13px auto;
}

.xans-product-searchdata.typeSlide .searchCondition .toggleArea.disable>.title:after {
    background-image: none !important;
}

.xans-product-searchdata.typeSlide .searchCondition .toggleArea>.title h3 {
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    word-break: break-all;
    word-wrap: break-word;
}

.xans-product-searchdata.typeSlide .searchCondition .toggleArea>.contents {
    display: none;
    border-bottom: 1px solid #ebebeb;
}

.xans-product-searchdata.typeSlide .searchCondition .toggleArea.selected>.contents,
.xans-product-searchdata.typeSlide .searchCondition .toggleArea.disable>.contents {
    display: block;
}

.xans-product-searchdata.typeSlide .searchCondition .toggleArea .btnClear {
    display: inline-block;
    position: absolute;
    top: 9px;
    right: 14px;
    height: 26px;
    line-height: 24px;
    margin: 0;
    padding: 0 9px;
    border-radius: 3px;
    cursor: pointer;
    outline: 0;
    vertical-align: middle;
    font-family: "맑은 고딕", Malgun Gothic, "돋움", Dotum;
    font-size: 14px;
    font-weight: normal;
    color: #676767;
    box-sizing: border-box;
}

.xans-product-searchdata.typeSlide .searchCondition .check .xans-product-filterform {
    padding: 7px 14px 7px 0;
}

.xans-product-searchdata.typeSlide .searchCondition .check .xans-product-filterform:after {
    content: '';
    display: block;
    clear: both;
}

.xans-product-searchdata.typeSlide .searchCondition .check li {
    float: left;
    width: 50%;
    margin: 7px 0;
    padding-left: 14px;
    box-sizing: border-box;
}

.xans-product-searchdata.typeSlide .searchCondition .check li label {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-left: 26px;
    word-break: break-all;
    word-wrap: break-word;
    min-height: 0;
    line-height: 18px;
    box-sizing: border-box;
}

.xans-product-searchdata.typeSlide .searchCondition .check li input {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    vertical-align: top;
    background: url("../../img.echosting.cafe24.com/skin/mobile/layout/bg_checkbox.png") no-repeat;
    background-size: 20px;
    background-color: transparent !important;
}

.xans-product-searchdata.typeSlide .searchCondition .check li input:checked {
    background-image: url("../../img.echosting.cafe24.com/skin/mobile/layout/bg_checkbox_on.png");
}

.xans-product-searchdata.typeSlide .searchCondition .check .icoColor {
    display: inline-block;
    margin: -2px 4px 0 0;
    width: 18px;
    height: 18px;
    border: 1px solid #e9e9e9;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.xans-product-searchdata.typeSlide .searchCondition .button .xans-product-filterform {
    padding: 7px 14px 14px 7px;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata.typeSlide .searchCondition .button li {
    display: inline-block;
    padding: 7px 0 0 7px;
    min-width: 33.33%;
    max-width: 100%;
    vertical-align: top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.xans-product-searchdata.typeSlide .searchCondition .button li button {
    display: inline-block;
    width: 100%;
    border-bottom-color: #b5b5b5;
    padding: 7px 6px 6px;
    border-radius: 3px;
    outline: 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    word-break: break-all;
    word-wrap: break-word;
}

.xans-product-searchdata.typeSlide .searchCondition .button li.selected button {
    border-color: #598fe8;
}

.xans-product-searchdata.typeSlide .searchCondition .button.full .xans-product-filterform {
    padding: 0;
    margin: 0;
}

.xans-product-searchdata.typeSlide .searchCondition .button.full li {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #e1e1e1;
}

.xans-product-searchdata.typeSlide .searchCondition .button.full li button {
    padding: 9px 6px 8px;
    border: 0;
    font-size: 14px;
    color: #353535;
}

.xans-product-searchdata.typeSlide .searchCondition .button.full li.selected button {
    font-weight: bold;
}

.xans-product-searchdata.typeSlide .searchCondition .button.full .txtRange {}

.xans-product-searchdata.typeSlide .searchCondition .button.hashtag li {
    min-width: inherit;
}

.xans-product-searchdata.typeSlide .searchCondition .colorChip .xans-product-filterform {
    margin: 7px;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata.typeSlide .searchCondition .colorChip li {
    position: relative;
    display: inline-block;
    width: 20%;
    margin: 7px 0;
    text-align: center;
    vertical-align: middle;
}

.xans-product-searchdata.typeSlide .searchCondition .colorChip li .circle {
    display: inline-block;
    width: 35px;
    height: 35px;
    outline: 0;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    border-radius: 35px;
}

.xans-product-searchdata.typeSlide .searchCondition .colorChip li.selected .icoColorCheck {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 24px;
    height: 20px;
    margin: -10px 0 0 -12px;
    background: url("../../img.echosting.cafe24.com/skin/mobile/product/ico_color_selected2.png") no-repeat 0 0;
    background-size: 24px auto;
}

.xans-product-searchdata.typeSlide .searchCondition .priceInput {
    height: 29px;
    margin: 7px 10px 6px;
    text-align: center;
}

.xans-product-searchdata.typeSlide .searchCondition .priceInput>input[type="text"] {
    width: 42%;
    margin: 0 4px;
    border-radius: 1px;
    text-align: right;
}

.xans-product-searchdata.typeSlide .searchCondition .priceSlide .slider {
    position: relative;
    padding: 3px 0 9px;
    margin: 25px 20px 0 28px;
}

.xans-product-searchdata.typeSlide .searchCondition .priceSlide .range {
    position: static;
    border: 0;
    border-radius: 0;
    border-top: 1px solid #d9d9d8;
    border-bottom: 1px solid #d9d9d8;
    height: 12px;
    background: #e7e7e7;
}

.xans-product-searchdata.typeSlide .searchCondition .priceSlide .noUi-base {
    position: static;
}

.xans-product-searchdata.typeSlide .searchCondition .priceSlide .noUi-target {
    height: 8px;
    border: 0;
    box-shadow: none;
    background-color: #e1e1e1;
}

.xans-product-searchdata.typeSlide .searchCondition .priceSlide .noUi-connect {
    position: absolute;
    top: 0;
    border: 0;
    height: 8px;
    box-shadow: none;
    bottom: initial;
    font-size: 0;
    line-height: 0;
    background: #040922;
}

.xans-product-searchdata.typeSlide .searchCondition .priceSlide .noUi-handle {
    position: absolute;
    top: -8px;
    display: block;
    margin: 0;
    width: 24px;
    height: 24px;
    box-shadow: none;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    outline: 0;
    cursor: pointer;
}

.xans-product-searchdata.typeSlide .searchCondition .priceSlide .noUi-handle:before,
.xans-product-searchdata.typeSlide .searchCondition .priceSlide .noUi-handle:after {
    display: none;
}

.xans-product-searchdata.typeSlide .searchCondition .priceSlide .value {
    overflow: hidden;
    margin: 10px 13px 20px;
    text-align: right;
}

.xans-product-searchdata.typeSlide .searchCondition .priceSlide .value .minPrice {
    float: left;
}

.xans-product-searchdata.typeSlide .searchCondition .ec-base-button {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 266px;
    margin: 0;
}

.xans-product-searchdata.typeSlide .searchCondition .ec-base-button button {
    height: 43px;
    margin: 0;
    padding: 0;
    border-width: 1px 0 0;
    font-size: 14px;
}

.xans-product-searchdata .xans-product-searchconditiondata {
    display: none;
    overflow: hidden;
    overflow-x: auto;
    padding: 0 0 0 7px;
    border-bottom: 1px solid #e3e4d4;
    white-space: nowrap;
    background: #fcfbe7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.xans-product-searchdata .xans-product-searchconditiondata .searchDataResult li {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 6px;
    margin: 8px 4px 8px 0;
    border: 1px solid #e1e0cc;
    vertical-align: top;
    font-size: 14px;
    background: #fdfcf0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.xans-product-searchdata .xans-product-searchconditiondata .btnSearchDelete {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 0;
    font-size: 0;
    line-height: 0;
    outline: 0;
    cursor: pointer;
    vertical-align: top;
    background: url("../../img.echosting.cafe24.com/skin/mobile/product/btn_search_delete.png") no-repeat center center;
    background-size: 10px 10px;
}

.ec-base-product .prdList[class*="grid"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.xans-product-searchdata.typePopup .searchCondition .withinInput {
    padding: 13px;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata.typePopup .searchCondition .withinInput .search {
    position: relative;
}

.xans-product-searchdata.typePopup .searchCondition .withinInput .search .keyword {
    width: 100%;
    padding-right: 30px;
    border-radius: 1px;
}

.xans-product-searchdata.typePopup .searchCondition .withinInput .search .btnDelete {
    overflow: hidden;
    position: absolute;
    right: 7px;
    top: 5px;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    text-indent: -150%;
    background: url(../../img.echosting.cafe24.com/skin/mobile/layout/btn_delete.png) no-repeat 0 0;
    background-size: 20px 20px;
}

.xans-product-searchdata.typePopup .searchCondition .withinInput .suggest ul {
    display: none;
    width: 100%;
    margin-top: -1px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.xans-product-searchdata.typePopup .searchCondition .withinInput .suggest li {
    overflow: hidden;
    height: 30px;
    padding: 0 8px;
    font-size: 14px;
    color: #353535;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xans-product-searchdata.typePopup .searchCondition .withinInput .suggest li:hover,
.xans-product-searchdata.typePopup .searchCondition .withinInput .suggest li.selected {
    cursor: pointer;
    background: #f3f3f3;
}

.xans-product-searchdata.typeSlide .searchCondition .withinInput {
    padding: 14px;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata.typeSlide .searchCondition .withinInput .search {
    position: relative;
}

.xans-product-searchdata.typeSlide .searchCondition .withinInput .keyword {
    width: 100%;
    padding-right: 30px;
    border-radius: 1px;
}

.xans-product-searchdata.typeSlide .searchCondition .withinInput .search .btnDelete {
    overflow: hidden;
    position: absolute;
    right: 7px;
    top: 5px;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    text-indent: -150%;
    background: url(../../img.echosting.cafe24.com/skin/mobile/layout/btn_delete.png) no-repeat 0 0;
    background-size: 20px 20px;
}

.xans-product-searchdata.typeSlide .searchCondition .withinInput .suggest ul {
    display: none;
    width: 100%;
    margin-top: -1px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.xans-product-searchdata.typeSlide .searchCondition .withinInput .suggest li {
    overflow: hidden;
    height: 30px;
    padding: 0 8px;
    font-size: 14px;
    color: #353535;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xans-product-searchdata.typeSlide .searchCondition .withinInput .suggest li:hover,
.xans-product-searchdata.typeSlide .searchCondition .withinInput .suggest li.selected {
    cursor: pointer;
    background: #f3f3f3;
}

.xans-product-searchdata.typeTop {
    padding: 0px;
}

.xans-product-searchdata.typeTop .keywordArea .heading {
    font-size: 14px;
    color: #040922;
    font-weight: 800;
}

.xans-product-searchdata.typeTop .keywordArea .list li a {
    font-size: 14px;
}

.xans-product-searchdata.typeTop .searchCondition {
    display: block;
    position: relative;
    width: 100%;
    min-width: 320px;
    background: #f3f3f3;
}

.xans-product-searchdata.typeTop .searchCondition h2 {
    height: 36px;
    padding: 0 38px 0 7px;
    font-size: 15px;
    line-height: 36px;
    color: #f3f3f3;
    background: #666666;
}

.xans-product-searchdata.typeTop .searchCondition .btnClose {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 110;
    width: 36px;
    height: 36px;
    border: 0;
    padding: 0;
    font-size: 0;
    text-indent: 100%;
    cursor: pointer;
    background: url("../../img.echosting.cafe24.com/skin/mobile/layout/ico_close_white.png") center center no-repeat;
    background-size: 14px 14px;
}

.xans-product-searchdata.typeTop .searchCondition .wrap {
    padding: 7px 7px 54px;
    border-top: 1px solid #c2c2c2;
    font-size: 14px;
}

.xans-product-searchdata.typeTop .searchCondition .toggleArea {
    position: relative;
    border-bottom: 1px solid #e1e1e1;
}

.xans-product-searchdata.typeTop.ec-product-searchdata-shopQ_active .searchCondition .toggleArea>.title {
    display: block;
}

.xans-product-searchdata.typeTop .searchCondition .toggleArea>.title {
    display: none;
    position: relative;
    overflow: hidden;
    padding: 14px;
    line-height: 1.3em;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.xans-product-searchdata.typeTop .searchCondition .toggleArea>.title h3 {
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    word-break: break-all;
    word-wrap: break-word;
}

.xans-product-searchdata.typeTop .searchCondition .toggleArea>.contents {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.xans-product-searchdata.typeTop .searchCondition .toggleArea .btnClear {
    position: absolute;
    top: 9px;
    right: 14px;
    display: inline-block;
    height: 26px;
    line-height: 24px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid #5e626a;
    cursor: pointer;
    outline: 0;
    vertical-align: middle;
    font-family: "맑은 고딕", Malgun Gothic, "돋움", Dotum;
    font-size: 14px;
    font-weight: normal;
    color: #f3f3f3;
    background: #848891;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.xans-product-searchdata.typeTop .searchCondition .toggleArea.checked .btnClear {
    border-color: #3770d0;
    background-color: #679ef9;
}

.xans-product-searchdata.typeTop .searchCondition .check .xans-product-filterform {
    padding: 6px 15px;
}

.xans-product-searchdata.typeTop .searchCondition .check ul {
    overflow-x: auto;
    white-space: nowrap;
}

.xans-product-searchdata.typeTop .searchCondition .check li {
    display: inline-block;
    margin: 4px 14px 4px 0;
}

.xans-product-searchdata.typeTop .searchCondition .check li label {
    display: inline-block;
    min-width: 20px;
    word-break: break-all;
    word-wrap: break-word;
    min-height: 0;
    line-height: 18px;
}

.xans-product-searchdata.typeTop .searchCondition .check li input {
    margin: 0 3px 1px 0;
    background-color: transparent !important;
}

.xans-product-searchdata.typeTop .searchCondition .check .icoColor {
    display: inline-block;
    margin: -2px 4px 0 0;
    width: 18px;
    height: 18px;
    border: 1px solid #e9e9e9;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.xans-product-searchdata.typeTop .searchCondition .button .xans-product-filterform {
    overflow-x: auto;
    padding: 0 13px;
    margin: 0;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata.typeTop .searchCondition .button li {
    display: inline-block;
    padding: 0 7px 7px 0;
    min-width: auto;
    max-width: 100%;
    vertical-align: top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.xans-product-searchdata.typeTop .searchCondition .button li button {
    display: inline-block;
    width: 100%;
    height: 27px;
    border-bottom-color: #b5b5b5;
    padding: 0 9px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: 0;
    cursor: pointer;
    font-size: 14px;
    line-height: 27px;
    word-break: break-all;
    word-wrap: break-word;
}

.xans-product-searchdata.typeTop .searchCondition .button li.selected button {
    border-color: #598fe8;
}

.xans-product-searchdata.typeTop .searchCondition .button.full .xans-product-filterform {
    padding: 6px 15px;
    margin: 0;
}

.xans-product-searchdata.typeTop .searchCondition .button.full li {
    width: auto;
    padding: 0;
    margin: 0 10px 0 0;
}

.xans-product-searchdata.typeTop .searchCondition .button.full li button {
    border: 1px solid #b5b5b5;
}

.xans-product-searchdata.typeTop .searchCondition .button.full li.selected {
    box-sizing: content-box;
}

.xans-product-searchdata.typeTop .searchCondition .button.full li.selected button {
    border-color: #598fe8;
}

.xans-product-searchdata.typeTop .searchCondition .button.full .txtRange {}

.xans-product-searchdata.typeTop .searchCondition .colorChip .xans-product-filterform {
    padding: 15px;
    margin: -15px 0 0;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata.typeTop .searchCondition .colorChip li {
    position: relative;
    display: inline-block;
    width: 10%;
    margin: 5px 0 0;
    text-align: center;
    vertical-align: middle;
}

.xans-product-searchdata.typeTop .searchCondition .colorChip li .circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    outline: 0;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.xans-product-searchdata.typeTop .searchCondition .colorChip li.selected .icoColorCheck {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 14px;
    height: 12px;
    margin: -6px 0 0 -6px;
    background: url("../../img.echosting.cafe24.com/skin/mobile/product/ico_color_selected.png") no-repeat 0 0;
    background-size: 13px auto;
}

.xans-product-searchdata.typeTop .searchCondition .priceInput {
    margin: 6px 0;
    text-align: center;
}

.xans-product-searchdata.typeTop .searchCondition .priceInput>input[type="text"] {
    width: 30%;
    margin: 0 4px 0 0;
}

.xans-product-searchdata.typeTop .searchCondition .priceSlide .slider {
    position: relative;
    padding: 3px 0 9px;
    margin: 0 20px 0 28px;
}

.xans-product-searchdata.typeTop .searchCondition .priceSlide .range {
    position: static;
    border: 0;
    border-radius: 0;
    border-top: 1px solid #d9d9d8;
    border-bottom: 1px solid #d9d9d8;
    height: 12px;
    background: #e7e7e7;
}

.xans-product-searchdata.typeTop .searchCondition .priceSlide .noUi-base {
    position: static;
}

.xans-product-searchdata.typeTop .searchCondition .priceSlide .noUi-target {
    height: 8px;
    border: 0;
    box-shadow: none;
    background-color: #e1e1e1;
}

.xans-product-searchdata.typeTop .searchCondition .priceSlide .noUi-connect {
    position: absolute;
    top: 0;
    border: 0;
    height: 8px;
    box-shadow: none;
    bottom: initial;
    font-size: 0;
    line-height: 0;
    background: #040922;
}

.xans-product-searchdata.typeTop .searchCondition .priceSlide .noUi-handle {
    position: absolute;
    top: -8px;
    display: block;
    margin: 0;
    width: 24px;
    height: 24px;
    box-shadow: none;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    outline: 0;
    cursor: pointer;
}

.xans-product-searchdata.typeTop .searchCondition .priceSlide .noUi-handle:before,
.xans-product-searchdata.typeTop .searchCondition .priceSlide .noUi-handle:after {
    display: none;
}

.xans-product-searchdata.typeTop .searchCondition .priceSlide .value {
    overflow: hidden;
    margin: 10px 13px 20px;
    text-align: right;
}

.xans-product-searchdata.typeTop .searchCondition .priceSlide .value .minPrice {
    float: left;
}

.xans-product-searchdata.typeTop .searchCondition .withinInput {
    padding: 0 13px 13px;
    font-size: 0;
    line-height: 0;
}

.xans-product-searchdata.typeTop .searchCondition .withinInput .search {
    position: relative;
    padding: 0 56px 0 0;
}

.xans-product-searchdata.typeTop .searchCondition .withinInput .search .keyword {
    width: 100%;
    padding-right: 30px;
    border-radius: 1px;
}

.xans-product-searchdata.typeTop .searchCondition .withinInput .search .btnDelete {
    overflow: hidden;
    position: absolute;
    right: 64px;
    top: 5px;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    text-indent: -150%;
    background: url(../../img.echosting.cafe24.com/skin/mobile/layout/btn_delete.png) no-repeat 0 0;
    background-size: 20px 20px;
}

.xans-product-searchdata.typeTop .searchCondition .withinInput .search .btnResearch {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

.xans-product-searchdata.typeTop .searchCondition .withinInput .suggest ul {
    display: none;
    width: 100%;
    margin-top: -1px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.xans-product-searchdata.typeTop .searchCondition .withinInput .suggest li {
    overflow: hidden;
    height: 30px;
    padding: 0 8px;
    font-size: 14px;
    color: #353535;
    line-height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xans-product-searchdata.typeTop .searchCondition .withinInput .suggest li:hover,
.xans-product-searchdata.typePopup .searchCondition .withinInput .suggest li.selected {
    cursor: pointer;
    background: #f3f3f3;
}

.xans-product-searchdata.typeTop.ec-product-searchdata-shopQ_active .moreTags {
    display: block;
}

.xans-product-searchdata.typeTop .moreTags {
    display: none;
    padding: 10px;
}

.xans-product-searchdata.typeTop .moreTags button {
    display: block;
    width: 100%;
    height: 27px;
    border: 1px solid #b5b5b5;
    line-height: 27px;
    text-decoration: none;
    text-align: center;
}

.xans-product-searchdata.typeTop .xans-product-searchconditiondata {
    position: relative;
    padding-right: 44px;
}

.xans-product-searchdata.typeTop .xans-product-searchconditiondata .searchDataResult {
    width: 100%;
    overflow-x: auto;
}

.xans-product-searchdata.typeTop .xans-product-searchconditiondata .btnRefresh {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    border: 0;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    text-indent: -150%;
    background: url("../../img.echosting.cafe24.com/skin/mobile/product/ico_refresh.png") center no-repeat;
    background-size: 20px;
}

.xans-product-searchdata .searchOrder {
    position: relative;
    overflow: hidden;
    padding: 0px;
    padding: 22px 0
}

.xans-product-searchdata .searchOrder select {
    width: 100%;
}

.xans-product-searchdata .searchOrder #ec-product-searchdata-searchorderby {
    min-width: 110px;
}

.ec-base-product.typeDesc {
    padding: 0;
}

.ec-base-product.typeDesc .prdList>li {
    padding: 0 0 7px !important;
}

.prdList li .searchpro {
    text-align: left !important;
}

.ec-base-product.typeDesc .thumbnail {
    margin-top: 20px !important;
}

.ec-base-product .description .icon .icon_img {
    height: 12px !important;
    margin-right: 3px !important;
}

/* ====== ITEM PRODUCT TABS (ec-base-tab) ====== */
.ec-base-tab {
    position: sticky;
    top: 54px;
    margin: 40px 0 20px 0;
    border: 1px solid #e0e0e0;
    background: #fff;
    z-index: 100;
}

.ec-base-tab .menu {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ec-base-tab .menu li {
    flex: 1;
    text-align: center;
    border-left: 1px solid #e0e0e0;
}

.ec-base-tab .menu li:first-child {
    border-left: none;
}

.ec-base-tab .menu li a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    color: #757575;
    font-weight: normal;
    text-decoration: none;
    background: #fbfbfb;
}

.ec-base-tab .menu li.selected {
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
    background: #fff;
}

.ec-base-tab .menu li.selected a {
    background: #fff;
    color: #000;
    font-weight: bold;
    height: 48px;
    line-height: 48px;
}

@media all and (max-width: 768px) {
    .ec-base-tab {
        top: 50px;
        margin: 20px -15px;
        /* Pull out flush to edges if mobile has padding */
        border-left: none;
        border-right: none;
    }

    .ec-base-tab .menu li a {
        font-size: 13px;
        height: 40px;
        line-height: 40px;
    }

    .ec-base-tab .menu li.selected a {
        height: 38px;
        line-height: 38px;
    }
}

#sit_inf,
#sit_use,
#sit_qa,
#sit_dvr,
#sit_ex {
    scroll-margin-top: 150px;
}

/* EC-BASE-TAB CUSTOM STICKY STYLES (Restored) */
.ec-base-tab {
    position: -webkit-sticky;
    position: sticky;
    top: 54px;
    z-index: 100;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-left: none;
    border-right: none;
    margin-bottom: 30px;
}

.ec-base-tab .menu {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ec-base-tab .menu li {
    flex: 1;
    text-align: center;
    border-left: 1px solid #e0e0e0;
}

.ec-base-tab .menu li:first-child {
    border-left: none;
}

.ec-base-tab .menu li a,
.ec-base-tab .menu li button {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    color: #8f8f8f;
    text-decoration: none;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

.ec-base-tab .menu li.selected a,
.ec-base-tab .menu li.selected button {
    color: #000;
    font-weight: bold;
    border-bottom: 2px solid #000;
}

#sit_inf,
#sit_use,
#sit_qa,
#sit_dvr,
#sit_ex {
    scroll-margin-top: 150px;
}

/* Hide default Gnuboard sanchor tabs and titles since we replaced them with tabProduct */
ul.sanchor,
.sanchor {
    display: none !important;
}

#sit_inf>h2,
#sit_use>h2,
#sit_qa>h2,
#sit_dvr>h2,
#sit_ex>h2 {
    display: none !important;
}

/* Dynamic Header Styles for item.php (scrolling title) */
#wrap>header>ul.top_nav_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 54px;
}

#wrap>header>ul>h2 {
    flex: 1;
    overflow: hidden;
    position: relative;
    height: 54px;
    line-height: 54px;
    margin: 0;
    padding: 0;
    text-align: center;
}

.scrolling-title {
    display: inline-flex;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.scrolling-title a {
    display: inline-flex;
    animation: scrollingText 60s linear infinite;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.scrolling-title span {
    padding-right: 40px;
}

@keyframes scrollingText {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.xans-layout-mobileaction.left a {
    display: flex;
    align-items: center;
    height: 54px;
}

.xans-layout-mobileaction.left i {
    font-size: 24px;
    color: #000;
    padding: 0 15px;
    cursor: pointer;
}

#shareButton a {
    display: flex;
    align-items: center;
    height: 54px;
}

#shareButton i {
    font-size: 20px;
    color: #000;
    padding: 0 15px;
    cursor: pointer;
}

/* Floating Bottom Purchase Panel */
#sit_purchase_panel {
    position: fixed;
    bottom: 0px;
    left: 50%;
    max-width: 600px;
    width: calc(100% - 50%);
    min-width: 320px;
    margin: 0;
    background: #fff;
    z-index: 1001;
    padding: 20px 16px 30px 16px;
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.1);
    border-radius: 15px 15px 0 0;
    transform: translateY(120%);
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    max-height: 80vh;
    overflow-y: auto;
}

#sit_purchase_panel.active {
    transform: translateY(0);
}

@media all and (max-width: 1400px) {
    #sit_purchase_panel {
        left: auto;
        width: 100%;
    }
}

#sit_purchase_panel .panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid #111;
    margin-bottom: 15px;
}

#sit_purchase_panel .panel-header h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: #111;
}

#sit_tot_price {
    margin: 15px 0 20px !important;
}

.one_fixMenu_buy_wrap {
    transition: transform 0.2s ease-in-out;
}

#one_fixMenu.down .one_fixMenu_buy_wrap {
    transform: translateY(-20px);
}


/* Dim Overlay Sunglasses Effect */
#sit_purchase_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

#sit_purchase_overlay.active {
    opacity: 1;
    visibility: visible;
}

@media all and (max-width: 1400px) {
    #sit_purchase_overlay {
        width: 100%;
        left: 0;
    }
}


/* ========================================================

/* ========================================================
   ORDERFORM UNIFIED HIGHEND STYLING (PC NATIVE MOBILE MAP)
   ======================================================== */

#sod_frm .od_prd_list {
    margin: 10px 0;
    background: #fff;
}

#sod_approval_frm .sod_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sod_approval_frm .sod_list .sod_li {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 8px;
    margin: 0 0 15px 0;
    padding: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}

#sod_approval_frm .sod_list .li_name {
    border-bottom: 1px solid #f1f1f1;
    line-height: 1.4em;
    padding-bottom: 15px;
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 600;
    color: #111;
}

#sod_approval_frm .sod_list .li_op_wr {
    position: relative;
    padding-left: 95px;
    min-height: 85px;
}

#sod_approval_frm .sod_list .total_img {
    position: absolute;
    top: 0;
    left: 0;
}

#sod_approval_frm .sod_list .total_img img {
    border-radius: 6px;
    width: 80px;
    height: 80px;
    object-fit: cover;
}

#sod_approval_frm .sod_list .sod_opt {
    color: #666;
    font-size: 13px;
    line-height: 1.5;
}

#sod_approval_frm .sod_list .li_prqty {
    margin-top: 15px;
    border-top: 1px dashed #e1e1e1;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}

.li_prqty_sp {
    border-left: 0 !important;
}

#sod_approval_frm .sod_list .li_prqty_sp {
    font-size: 13px;
    color: #777;
}

#sod_approval_frm .sod_list .li_prqty_sp span {
    margin-right: 4px;
    color: #999;
}

#sod_approval_frm .sod_list .total_price {
    background: #fdfdfd;
    border: 1px solid #eee;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding: 12px 15px;
}

#sod_approval_frm .sod_list .total_price span {
    font-size: 14px;
    color: #666;
}

#sod_approval_frm .sod_list .total_price strong {
    font-size: 17px;
    color: #111;
}

/* Forms */
#sod_frm_orderer,
#sod_frm_body,
#sod_frm_taker,
#sod_frm_pay {
    padding: 25px 0;
    border-bottom: 1px solid #e7ebf1;
}

#sod_frm_orderer h2,
#sod_frm_body h2,
#sod_frm_taker h2,
#sod_frm_pay h2 {
    margin: 0 0 20px 0;
    font-size: 18px;
    font-weight: 700;
    color: #111;
}

#sod_frm .odf_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#sod_frm .odf_list li {
    margin-bottom: 18px;
}

#sod_frm .odf_list .odf_inline_check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

#sod_frm .odf_list label:not(.sound_only),
#sod_frm .odf_list strong:not(.sound_only),
#sod_frm .odf_list .ad_default {
    display: inline-block;
    margin: 0 0 8px 0;
    color: #333;
    font-weight: 600;
    font-size: 14px;
}

#sod_frm .odf_list label.sound_only,
#sod_frm .odf_list strong.sound_only {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
}

#sod_frm .odf_list .frm_input {
    width: 100%;
    padding: 13px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fdfdfd;
    font-size: 14px;
    color: #111;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s;
}

#sod_frm .odf_list .frm_input:focus {
    border-color: #111;
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

#sod_frm .odf_list .add_num {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

#sod_frm .odf_list .add_num .frm_input {
    max-width: 100px;
    margin: 0;
}

#sod_frm .odf_list .btn_addsch {
    padding: 0 16px;
    background: #2b2b2b;
    color: #fff;
    border-radius: 6px;
    border: none;
    font-weight: 600;
    cursor: pointer;
    font-size: 13px;
    height: 44px;
}

#sod_frm .odf_list .dlv_slt div {
    background: #f7f7f7;
    border-radius: 8px;
    padding: 15px;
    margin-top: 5px;
    border: 1px solid #efefef;
}

#sod_frm .odf_list .dlv_slt div label {
    display: inline-block;
    margin: 0 15px 0 5px;
    color: #444;
    font-weight: 500;
}

#sod_frm .odf_list textarea {
    border: 1px solid #ddd;
    background: #fdfdfd;
    color: #111;
    border-radius: 6px;
    padding: 14px;
    width: 100%;
    min-height: 90px;
    box-sizing: border-box;
    font-family: inherit;
    resize: vertical;
    transition: border-color 0.2s ease;
}

#sod_frm .odf_list textarea:focus {
    border-color: #111;
    background: #fff;
    outline: none;
}

#settle_bank {
    margin-top: 14px;
    padding: 18px;
    border: 1px solid #e7ece9;
    border-radius: 12px;
    background: #f8fbf9;
    box-sizing: border-box;
}

#settle_bank .odf_bank_row {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

#settle_bank .odf_bank_row + .odf_bank_row {
    margin-top: 12px;
}

#settle_bank .odf_bank_row > label {
    display: block;
    margin: 0;
    color: #222;
    font-weight: 600;
    font-size: 14px;
}

#settle_bank .odf_bank_account_field {
    min-width: 0;
}

#settle_bank .odf_bank_account_field .frm_input,
#settle_bank #od_deposit_name {
    width: 100%;
}

#settle_bank .odf_bank_account_value {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    color: #111;
    box-sizing: border-box;
    line-height: 1.5;
}

#settle_bank .odf_bank_notice {
    margin: 14px 0 0;
    color: #205440;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.6;
}

@media (max-width: 1400px) {

    #sod_frm .odf_list li>label:not(.sound_only):not(.ad_default),
    #sod_frm .odf_list li>strong:not(.sound_only) {
        display: block;
        width: 100%;
        margin: 0 0 8px 0;
    }

    #sod_frm .odf_list li>.odf_inline_check {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        margin-top: 2px;
    }

    #sod_frm .odf_list li>.odf_inline_check .ad_default {
        display: inline-block;
        width: auto;
        margin: 0;
    }

    #sod_frm .odf_list li.odf_agree {
        display: grid;
        grid-template-columns: auto auto 1fr;
        align-items: flex-start;
        column-gap: 8px;
        row-gap: 6px;
    }

    #sod_frm .odf_list li.odf_agree>input[type="checkbox"] {
        grid-column: 1;
        margin: 2px 0 0 0;
    }

    #sod_frm .odf_list li.odf_agree>span {
        grid-column: 2;
        margin-top: 0;
        line-height: 1.5;
    }

    #sod_frm .odf_list li.odf_agree>label {
        display: block;
        grid-column: 1 / -1;
        width: 100%;
        margin: 0;
    }

    #settle_bank .odf_bank_row {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    #settle_bank .odf_bank_row > label {
        margin-bottom: 0;
    }
}

/* Pay Module Styling */
#sod_frm_pay .odf_tbl table {
    width: 100%;
    border-collapse: collapse;
}

#sod_frm_pay .odf_tbl th {
    text-align: left;
    padding: 15px 0 8px 0;
    font-weight: 600;
    color: #111;
    font-size: 14px;
}

#sod_frm_pay .odf_tbl td {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #f1f1f1;
}

#m_sod_frm_paysel {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

/* Total Box Styling */
#sod_frm .sod_ta_wr {
    margin: 30px 0;
}

#sod_frm #m_sod_bsk_tot {
    background: #fff;
    border: 2px solid #111;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
}

#sod_frm #m_sod_bsk_tot dt {
    float: left;
    clear: both;
    width: 40%;
    padding: 8px 0;
    font-size: 15px;
    color: #666;
    font-weight: 500;
}

#sod_frm #m_sod_bsk_tot dd {
    float: right;
    width: 60%;
    text-align: right;
    padding: 8px 0;
    font-size: 15px;
    color: #111;
    margin: 0;
    font-weight: 600;
}

#sod_frm #m_sod_bsk_tot .sod_bsk_cnt {
    border-top: 1px dashed #ddd;
    margin-top: 15px;
    padding-top: 20px;
    font-size: 19px;
    font-weight: 800;
    color: #e13030;
}

#sod_frm #m_sod_bsk_tot::after {
    display: block;
    clear: both;
    content: '';
}

#sod_frm .btn_submit {
    width: 100%;
    background: #111;
    color: #fff;
    border: none;
    padding: 20px 0;
    font-size: 18px;
    font-weight: bold;
    border-radius: 8px;
    cursor: pointer;
    margin: 10px 0 60px 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s, box-shadow 0.2s;
}

#sod_frm .btn_submit:active {
    transform: translateY(2px);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

#sod_frm .tip_txt {
    font-size: 13px;
    color: #666;
    margin-top: 10px;
    padding: 12px 14px;
    background: #f5f6f8;
    border-radius: 8px;
    line-height: 1.5;
    border-left: 3px solid #ccc;
}

#sod_frm .tip_txt a {
    color: #111 !important;
    text-decoration: underline;
}

#sod_frm li>.red {
    font-size: 13px;
    line-height: 1.5;
}



/* ═══════════════════════════════════════════════
   CHECKOUT PAGE OVERRIDES (orderform.php)
   Single unified block - DO NOT append more below
   ═══════════════════════════════════════════════ */

/* Form padding & header clearance */
#sod_approval_frm {
    padding: 85px 15px 0 15px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

#sod_frm {
    padding: 0 15px 30px 15px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin-bottom: 50px !important;
}

/* Fix dead Cafe24 CDN radio/checkbox background images */
input[type="radio"],
input[type="checkbox"] {
    -webkit-appearance: auto !important;
    appearance: auto !important;
    background: none !important;
    width: 18px !important;
    height: 18px !important;
    accent-color: #111;
    margin-right: 6px;
    vertical-align: middle;
}

/* ── SECTION 1: Product Item Cards (COLUMN layout) ── */

/* Each item card: vertical stack */
.sod_list .sod_li {
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 10px !important;
    border-bottom: 1px solid #eee !important;
}

/* Product name */
.sod_list .li_name {
    font-size: 17px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
    padding: 0 !important;
    border-bottom: none !important;
    line-height: 1.4 !important;
}

/* Image + Options wrapper: column, kill the left-indent */
.sod_list .li_op_wr {
    position: static !important;
    padding-left: 0 !important;
    margin: 0 !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Image: full width, block display (PHP now outputs 600px img) */
.sod_list .total_img {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 15px !important;
}

.sod_list .total_img img {
    width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
    display: block !important;
}

/* Options box */
.sod_list .sod_opt {
    background: #f9f9f9 !important;
    border: 1px solid #eee !important;
    padding: 12px !important;
    border-radius: 8px !important;
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Hide coupon modify button */
.sod_list .li_mod {
    display: none !important;
}

/* Price/qty metrics: full-width column stacking, kill float */
.sod_list .li_prqty {
    display: flex !important;
    flex-direction: column !important;
    margin: 15px 0 !important;
    padding: 15px !important;
    background: #f9f9f9 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    border-top: none !important;
}

.sod_list .li_prqty:after {
    display: none !important;
}

.sod_list .li_prqty_sp {
    float: none !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 5px 0 !important;
    font-size: 14px !important;
    text-align: left !important;
    border-right: none !important;
    line-height: 1.5 !important;
}

.sod_list .li_prqty_sp span {
    float: none !important;
    color: #666 !important;
}

/* Order total row */
.sod_list .total_price.total_span {
    position: relative;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding: 16px;
}

.sod_list .total_price span {
    float: none !important;
    position: relative;
    display: block;
}

/* ── SECTION 2: Payment Radio Selectors (WRAP 2-col layout) ── */

#m_sod_frm_paysel {
    margin: 10px 0 !important;
}

#m_sod_frm_paysel ul {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100%;
    gap: 10px !important;
    padding: 10px !important;
    list-style: none !important;
}

#m_sod_frm_paysel li {
    float: none !important;
    /* width: calc(50% - 5px) !important; */
    width: 49% !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    height: auto !important;
    min-height: 40px !important;
    border-radius: 5px;
    border: 1px solid;
    /* padding: 5px !important; */
    padding: 14px !important;
}

#m_sod_frm_paysel label {
    font-size: 14px !important;
    box-sizing: border-box !important;
}

/* Rebind PG icons to local paths */
#m_sod_frm_paysel .bank_icon {
    background: url('../img/pay_icon1.png') no-repeat 15px 50% #fff !important;
    padding-left: 0px !important;
}

#m_sod_frm_paysel .card_icon {
    background: url('../img/pay_icon4.png') no-repeat 17px 50% #fff !important;
    padding-left: 0px !important;
}

#m_sod_frm_paysel .vbank_icon {
    background: url('../img/pay_icon2.png') no-repeat 15px 50% #fff !important;
    padding-left: 45px !important;
}

#m_sod_frm_paysel .iche_icon {
    background: url('../img/pay_icon2.png') no-repeat 15px 50% #fff !important;
    padding-left: 45px !important;
}

#m_sod_frm_paysel .hp_icon {
    background: url('../img/pay_icon3.png') no-repeat 24px 50% #fff !important;
    padding-left: 50px !important;
}

/* ── SECTION 3: Bottom Action Buttons (COLUMN stacking) ── */

/* Hide 결제등록 button, always show 구매하기 */
#show_req_btn {
    display: none !important;
}

#show_pay_btn {
    display: block !important;
}

#display_pay_button {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 30px 0 80px 0 !important;
}

#display_pay_button>span,
#display_pay_button>a {
    /* display: block !important; */
    width: 100% !important;
    margin: 0 !important;
}

#display_pay_button .btn_submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
    font-size: 17px !important;
    font-weight: bold !important;
    border-radius: 10px !important;
    background: #111 !important;
    color: #fff !important;
    border: none !important;
}

#display_pay_button .btn_cancel {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
    text-decoration: none !important;
}

/* Placeholder styling */
#sod_frm ::placeholder,
#sod_approval_frm ::placeholder {
    color: #aaa;
    font-weight: 400;
    font-size: 13px;
    opacity: 1;
}

/* Placeholder styling */
#sod_frm ::placeholder,
#sod_approval_frm ::placeholder {
    color: #aaa;
    font-weight: 400;
    font-size: 13px;
    opacity: 1;
}

/* ========================================================
   #one_fixMenu UNIFIED PANEL
   - PNG background 제거
   - 하나의 일자 패널 안에 버튼을 정리
   - 1400px+ 에서는 #wrap 과 같은 중앙축 유지
   ======================================================== */

#one_fixMenu {
    background: transparent !important;
    filter: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

#one_fixMenu::before,
#one_fixMenu::after {
    display: none !important;
    content: none !important;
}

#one_fixMenu>ul {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    gap: clamp(4px, 1.4vw, 10px);
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 12px clamp(12px, 3vw, 18px) calc(env(safe-area-inset-bottom, 0px) + 10px);
    border: 0;
    border-top: 1px solid rgba(206, 214, 208, 0.92);
    border-radius: 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 251, 249, 0.98) 100%);
    box-shadow:
        0 -16px 30px rgba(15, 23, 17, 0.10),
        0 1px 0 rgba(255, 255, 255, 0.9) inset;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

#one_fixMenu>ul>div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 6px;
    width: 100% !important;
    min-width: 0;
}

#one_fixMenu>ul>div.left {
    grid-column: 2 / span 2;
    padding-right: 0 !important;
}

#one_fixMenu>ul>div.right {
    grid-column: 4 / span 2;
    padding-left: 0 !important;
}

#one_fixMenu>ul>div>li {
    padding: 0 !important;
}

#one_fixMenu>ul>div>li>a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 70px;
    padding: 10px 4px 4px;
    border-radius: 18px;
    transition: background-color .18s ease, transform .18s ease;
}

#one_fixMenu>ul>div>li>a:hover {
    background: rgba(18, 18, 18, 0.04);
}

#one_fixMenu>ul>div>li.active a {
    background: rgba(18, 18, 18, 0.06);
}

#one_fixMenu>ul>div>li.active a:after {
    top: auto;
    right: 50%;
    bottom: 2px;
    width: 6px;
    height: 6px;
    transform: translateX(50%) scale(1);
}

#one_fixMenu>ul>div>li>a img {
    display: block;
    width: 28px !important;
    height: 28px;
    margin: 0 auto;
    padding: 0 !important;
    object-fit: contain;
}

#one_fixMenu>ul>div>li>a b {
    font-size: 11px !important;
    line-height: 1.15;
    letter-spacing: -0.32px;
    color: #2d342d !important;
    font-weight: 600;
}

#one_fixMenu .cart {
    position: relative;
}

#one_fixMenu .cart>div {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 8px !important;
    left: calc(50% + 8px) !important;
    right: auto !important;
    width: 18px !important;
    height: 18px !important;
    margin-left: 0 !important;
    line-height: 1 !important;
    border: 2px solid rgba(255, 255, 255, 0.94);
    background: #121212;
    font-size: 10px !important;
    font-weight: 700;
    transform: none !important;
    box-shadow: 0 8px 14px rgba(18, 18, 18, 0.16);
}

#one_fixMenu .btnMenu {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    align-self: center;
    width: auto !important;
    height: auto !important;
    margin-bottom: 0;
    border-radius: 0;
    background: none !important;
    box-shadow: none !important;
}

#one_fixMenu .btnMenu a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    min-height: 70px;
    width: 100%;
    height: 100%;
    padding: 10px 4px 4px;
    border-radius: 18px;
    transition: background-color .18s ease;
}

#one_fixMenu .btnMenu a:hover {
    background: rgba(18, 18, 18, 0.04);
}

#one_fixMenu .btnMenu a::after {
    content: '메뉴';
    font-size: 11px;
    line-height: 1.15;
    letter-spacing: -0.32px;
    color: #2d342d;
    font-weight: 600;
}

#one_fixMenu .btnMenu img {
    width: 26px !important;
    height: 26px;
    padding: 0 !important;
    filter: brightness(0) saturate(100%);
}

@media all and (min-width: 601px) and (max-width: 1399px) {
    #one_fixMenu {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}

@media all and (min-width: 1401px) {
    #one_fixMenu {
        left: 50% !important;
        right: auto !important;
        width: 100% !important;
        max-width: 720px !important;
        min-width: 320px !important;
        margin: 0 !important;
        margin-left: -360px !important;
        bottom: 0 !important;
    }

    #one_fixMenu>ul>div>li>a b {
        font-size: 12px !important;
    }
}

@media all and (max-width: 600px) {
    #one_fixMenu>ul {
        gap: 3px;
        border-radius: 0;
        padding: 10px 10px calc(env(safe-area-inset-bottom, 0px) + 8px);
    }

    #one_fixMenu>ul>div {
        gap: 4px;
    }

    #one_fixMenu>ul>div.left {
        padding-right: 0 !important;
    }

    #one_fixMenu>ul>div.right {
        padding-left: 0 !important;
    }

    #one_fixMenu>ul>div>li>a {
        min-height: 64px;
        gap: 6px;
        padding-top: 8px;
    }

    #one_fixMenu>ul>div>li>a img {
        width: 24px !important;
        height: 24px;
    }

    #one_fixMenu>ul>div>li>a b {
        font-size: 10px !important;
    }

    #one_fixMenu .cart>div {
        top: 6px !important;
        left: calc(50% + 7px) !important;
        width: 16px !important;
        height: 16px !important;
        line-height: 1 !important;
        margin-left: 0 !important;
        font-size: 9px !important;
    }

    #one_fixMenu .btnMenu {
        width: auto !important;
        height: auto !important;
        margin-bottom: 0;
    }

    #one_fixMenu .btnMenu a {
        min-height: 64px;
        gap: 6px;
        padding-top: 8px;
    }

    #one_fixMenu .btnMenu a::after {
        font-size: 10px;
    }

    #one_fixMenu .btnMenu img {
        width: 24px !important;
        height: 24px;
    }
}

/* --- oneFix: right-align below 1400px --- */
@media all and (max-width: 1399px) {
    #oneFix {
        right: 18px !important;
    }

    #oneFixBack {
        left: 18px !important;
    }
}

html,
body {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

#one_fixMenu,
#oneFix,
#oneFixBack,
#wrap_left,
#chatbot-modal {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

#one_fixMenu>ul>div>li>a b,
#one_fixMenu .btnMenu a::after,
#oneFix .btn_faq a,
#oneFix .btn_faq span,
#oneFixBack #oneFixBackBtn span span,
#wrap_left a,
#wrap_left span,
#wrap_left strong,
#wrap_left p,
#chatbot-modal button,
#chatbot-modal input,
#chatbot-modal textarea {
    font-family: 'Pretendard', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic', Dotum, sans-serif !important;
}

#wrap_left .xi,
#wrap_left [class^="xi-"],
#wrap_left [class*=" xi-"],
#oneFix .xi,
#oneFix [class^="xi-"],
#oneFix [class*=" xi-"],
#oneFixBack .xi,
#oneFixBack [class^="xi-"],
#oneFixBack [class*=" xi-"] {
    font-family: 'xeicon' !important;
    font-style: normal;
    font-weight: normal;
}

#oneFix .btn_faq a,
#oneFix .btn_faq span {
    font-size: 13px !important;
    line-height: 1 !important;
}

#oneFixBack #oneFixBackBtn span span {
    font-size: 10px !important;
    line-height: 1 !important;
}

#one_fixMenu,
#oneFix,
#oneFixBack {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

#one_fixMenu a,
#one_fixMenu .btnMenu,
#oneFix a,
#oneFixBack a,
#wrap_left a,
#wrap_left .title,
#chatbot-modal button,
#chatbot-modal a {
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#wrap_left {
    z-index: 20 !important;
    -webkit-transform: translate3d(-110%, 0, 0) !important;
    transform: translate3d(-110%, 0, 0) !important;
    -webkit-transition: -webkit-transform .18s ease-out !important;
    transition: transform .18s ease-out !important;
    transition-delay: 0s !important;
    will-change: transform;
}

#wrap_left.active {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    transition-delay: 0s !important;
}

#one_mask {
    z-index: 15 !important;
    -webkit-transition: opacity .18s ease-out, visibility .18s ease-out !important;
    transition: opacity .18s ease-out, visibility .18s ease-out !important;
    transition-delay: 0s !important;
}

body.mask #one_mask {
    transition-delay: 0s !important;
}

#one_fixMenu>ul>div>li>a b,
#one_fixMenu .btnMenu a::after {
    color: #2d342d !important;
}

html,
body,
#wrap,
#one_fixMenu,
#one_fixMenu * {
    color-scheme: only light !important;
}

#one_fixMenu,
#one_fixMenu>ul {
    forced-color-adjust: none !important;
}

@media (prefers-color-scheme: dark) {
    #one_fixMenu>ul {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 251, 249, 0.98) 100%) !important;
        border-top-color: rgba(206, 214, 208, 0.92) !important;
        color: #2d342d !important;
    }

    #one_fixMenu>ul>div>li>a b,
    #one_fixMenu .btnMenu a::after {
        color: #2d342d !important;
    }
}

/* ========================================================
   ORDERFORM COLUMN LAYOUT - orderinquiryview 디자인 통일
   ======================================================== */

/* 주문서 전체 */
#sod_frm {
    padding: 0 12px;
    max-width: 1180px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* sod_left / sod_right 세로 배치 (default_shop.css: display:table-cell 오버라이드) */
#sod_frm .sod_left,
#sod_frm .sod_right,
.sod_left,
.sod_right {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    background: transparent !important;
    height: auto !important;
    vertical-align: top !important;
}

/* 섹션 공통 카드 스타일 */
#sod_frm_orderer,
#sod_frm_body,
#sod_frm_taker,
#sod_frm_pay {
    margin: 12px 0;
    padding: 18px;
    border: 1px solid #ddd;
    background: #fff;
    box-sizing: border-box;
}

/* 섹션 제목 */
#sod_frm_orderer h2,
#sod_frm_body h2,
#sod_frm_taker h2,
#sod_frm_pay h2 {
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 14px;
    margin: 0 0 16px;
    border-bottom: 0;
    color: #111;
    line-height: 1.2;
}

/* ===== 상품목록 (tbl_head03 → 카드형) ===== */
#sod_frm .od_prd_list {
    overflow-x: hidden;
    margin: 12px 0;
    border: 1px solid #ddd;
    background: #fff;
    padding: 18px;
    box-sizing: border-box;
}

#sod_frm .od_prd_list table {
    border: 0 !important;
    border-bottom: 0 !important;
}

#sod_frm .od_prd_list table,
#sod_frm .od_prd_list thead,
#sod_frm .od_prd_list tbody,
#sod_frm .od_prd_list th,
#sod_frm .od_prd_list td,
#sod_frm .od_prd_list tr {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
}

#sod_frm .od_prd_list thead {
    display: none !important;
}

#sod_frm .od_prd_list tbody > tr {
    border: 1px solid #ddd;
    margin: 10px 0;
    padding: 14px;
    background: #fff;
}

#sod_frm .od_prd_list tbody > tr:first-child {
    margin-top: 0;
}

/* td 기본 */
#sod_frm .od_prd_list td {
    border: 0 !important;
    border-left: 0 !important;
    padding: 3px 0 !important;
    text-align: left !important;
    width: auto !important;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    line-height: 1.5;
    color: #333;
}

/* 상품명 (default_shop.css: position:relative, padding-left:90px 오버라이드) */
#sod_frm .od_prd_list .td_prd {
    position: static !important;
    padding-left: 0 !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding-bottom: 10px !important;
    margin-bottom: 6px;
    border-bottom: 1px solid #ececec !important;
}

/* 이미지 (default_shop.css: position:absolute 오버라이드) */
#sod_frm .od_prd_list .td_prd .sod_img {
    position: static !important;
    flex-shrink: 0;
    top: auto !important;
    left: auto !important;
}

#sod_frm .od_prd_list .td_prd .sod_img img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 10px;
    object-fit: cover;
    display: block;
}

/* 상품명 텍스트 (default_shop.css: min-height:80px 오버라이드) */
#sod_frm .od_prd_list .td_prd .sod_name {
    flex: 1;
    min-width: 0;
    min-height: 0 !important;
}

#sod_frm .od_prd_list .td_prd .sod_name b {
    display: block;
    font-weight: 700;
    color: #111;
    line-height: 1.45;
    word-break: break-word;
}

#sod_frm .od_prd_list .td_prd .sod_opt {
    margin-top: 4px;
    font-size: 13px;
    color: #888;
}

/* ::before 라벨 */
#sod_frm .od_prd_list td.td_num::before,
#sod_frm .od_prd_list td.td_numbig::before,
#sod_frm .od_prd_list td.td_dvr::before {
    flex: none;
    min-width: 60px;
    color: #777;
    font-weight: 500;
    font-size: 13px;
    text-align: left;
}

#sod_frm .od_prd_list td.td_num::before { content: "수량"; }
#sod_frm .od_prd_list td.td_numbig:nth-of-type(3)::before { content: "판매가"; }
#sod_frm .od_prd_list td.td_numbig:nth-of-type(4)::before { content: "소계"; }
#sod_frm .od_prd_list td.td_numbig:nth-of-type(5)::before { content: "포인트"; }
#sod_frm .od_prd_list td.td_dvr::before { content: "배송비"; }

/* ===== 폼 테이블 (tbl_frm01 → 세로 블록) ===== */
#sod_frm .tbl_frm01 {
    margin: 0;
}

#sod_frm .tbl_frm01 table,
#sod_frm .tbl_frm01 tbody,
#sod_frm .tbl_frm01 tr,
#sod_frm .tbl_frm01 th,
#sod_frm .tbl_frm01 td {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

#sod_frm .tbl_frm01 tr {
    padding: 0;
    border-bottom: 1px solid #f1f1f1;
}

#sod_frm .tbl_frm01 tr:last-child {
    border-bottom: 0;
}

#sod_frm .tbl_frm01 th {
    width: 100% !important;
    text-align: left !important;
    padding: 14px 0 6px 0;
    font-size: 14px;
    font-weight: 600;
    color: #222;
    background: transparent;
}

#sod_frm .tbl_frm01 td {
    padding: 0 0 14px 0;
    background: transparent;
}

#sod_frm .tbl_frm01 .frm_input {
    width: 100%;
    box-sizing: border-box;
    height: 46px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 14px;
    font-size: 15px;
    transition: border-color .15s;
}

#sod_frm .tbl_frm01 .frm_input:focus {
    border-color: #111;
    outline: none;
}

#sod_frm .tbl_frm01 textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 12px 14px;
    font-size: 14px;
    min-height: 90px;
    resize: vertical;
    background: #fff;
}

#sod_frm .tbl_frm01 textarea:focus {
    border-color: #111;
    outline: none;
}

#sod_frm .tbl_frm01 .btn_address {
    margin-top: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 16px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    background: #222;
    color: #fff;
    border: 0;
    cursor: pointer;
}

#sod_frm .tbl_frm01 .frm_address {
    margin-top: 8px;
}

/* 동의 체크박스 라벨 */
#sod_frm .tbl_frm01 td label {
    word-break: keep-all;
    line-height: 1.65;
    font-size: 13px;
    color: #444;
}

#sod_frm .tbl_frm01 td label .red {
    color: #e13030;
}

#sod_frm .tbl_frm01 td input[type="checkbox"] {
    margin-right: 6px;
    vertical-align: middle;
}

/* 팁 텍스트 */
#sod_frm .tip_txt {
    word-break: keep-all;
    line-height: 1.65;
    font-size: 12px;
    color: #888;
    margin-top: 8px;
    padding: 10px 12px;
    background: #f7f8fa;
    border-radius: 6px;
    border: 1px solid #eee;
}

/* ===== 주문합계 (#sod_bsk_tot) ===== */
/* default_shop.css: float:left, width:33.333%, height:70px 전부 오버라이드 */
#sod_frm #sod_bsk_tot {
    margin: 12px 0;
    padding: 18px;
    border: 1px solid #ddd;
    background: #fff;
    box-sizing: border-box;
}

#sod_frm #sod_bsk_tot:after {
    display: none !important;
}

#sod_frm #sod_bsk_tot ul {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    margin: 0;
    padding: 0;
    list-style: none;
}

#sod_frm #sod_bsk_tot li {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f1f1f1 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    text-align: left !important;
    position: static !important;
    background: transparent !important;
    color: #333;
    line-height: 1.5 !important;
}

#sod_frm #sod_bsk_tot li:last-child {
    border-bottom: 0 !important;
}

/* +/- 아이콘 숨기기 */
#sod_frm #sod_bsk_tot .sod_bsk_coupon:before,
#sod_frm #sod_bsk_tot .sod_bsk_dvr:before {
    display: none !important;
}

#sod_frm #sod_bsk_tot li span {
    display: inline !important;
    float: none !important;
    font-size: 14px;
    color: #777;
    font-weight: 500;
    margin: 0 !important;
    line-height: inherit !important;
}

#sod_frm #sod_bsk_tot li strong {
    font-size: 15px;
    color: #111;
    font-weight: 600;
}

/* 포인트/할인율 행 */
#sod_frm #sod_bsk_tot .sod_bsk_point {
    clear: none !important;
    height: auto !important;
    line-height: 1.5 !important;
}

#sod_frm #sod_bsk_tot .sod_bsk_point span {
    float: none !important;
}

/* 총계 행 */
#sod_frm #sod_bsk_tot .sod_bsk_cnt {
    margin-top: 4px !important;
    padding: 14px 0 !important;
    border-top: 1px solid #ccc !important;
    border-bottom: 0 !important;
    background: transparent !important;
    clear: none !important;
    height: auto !important;
    line-height: 1.5 !important;
}

#sod_frm #sod_bsk_tot .sod_bsk_cnt span {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #111 !important;
}

#sod_frm #sod_bsk_tot .sod_bsk_cnt strong {
    font-size: 20px !important;
    color: #e31836 !important;
    font-weight: 700 !important;
}

/* 배송비 안내 */
#sod_frm .sod_right > div[style] {
    margin: 12px 0 !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    border-radius: 0 !important;
}

/* ===== 결제 버튼 ===== */
#sod_frm .sod_agree,
#sod_frm .btn_confirm {
    padding: 10px 0 24px;
    text-align: center;
}

#sod_frm .btn_submit {
    width: 100%;
    height: 54px;
    font-size: 17px;
    font-weight: 700;
    border-radius: 6px;
    background: #111;
    color: #fff;
    border: 0;
    cursor: pointer;
    transition: background .15s;
}

#sod_frm .btn_submit:hover {
    background: #333;
}

/* 결제 옵션 */
#sod_frm_pay .odf_list li {
    word-break: keep-all;
}

/* settle_bank */
#settle_bank {
    padding: 14px;
    border: 1px solid #e7ece9;
    border-radius: 8px;
    background: #f8fbf9;
}

#settle_bank .odf_bank_row {
    grid-template-columns: 1fr !important;
}

/* 배송지 라디오 */
#sod_frm .tbl_frm01 td input[type="radio"] {
    margin-right: 4px;
}

#sod_frm .tbl_frm01 td input[type="radio"] + label {
    margin-right: 14px;
}

/* 배송지목록 버튼 */
#sod_frm #order_address {
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 0 12px;
    margin-left: 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

/* 쿠폰 버튼 */
#sod_frm .cp_btn {
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    color: #333;
    font-size: 13px;
    cursor: pointer;
}

/* ========================================================
   ORDERFORM FINAL POLISH - orderinquiryview visual match
   ======================================================== */

#sod_frm.highend-order-form {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto 48px !important;
    padding: 0 12px 32px !important;
    box-sizing: border-box !important;
}

#sod_frm.highend-order-form .od_prd_list,
#sod_frm.highend-order-form #sod_frm_orderer,
#sod_frm.highend-order-form #sod_frm_body,
#sod_frm.highend-order-form #sod_frm_taker,
#sod_frm.highend-order-form #sod_frm_pay,
#sod_frm.highend-order-form #sod_bsk_tot,
#sod_frm.highend-order-form .sod_right > div[style] {
    margin: 12px 0 !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#sod_frm.highend-order-form #sod_frm_orderer,
#sod_frm.highend-order-form #sod_frm_body,
#sod_frm.highend-order-form #sod_frm_taker,
#sod_frm.highend-order-form #sod_frm_pay {
    padding: 18px !important;
}

#sod_frm.highend-order-form #sod_frm_orderer h2,
#sod_frm.highend-order-form #sod_frm_body h2,
#sod_frm.highend-order-form #sod_frm_taker h2,
#sod_frm.highend-order-form #sod_frm_pay h2 {
    position: static !important;
    display: block !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #111 !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    overflow: visible !important;
    text-indent: 0 !important;
}

#sod_frm.highend-order-form #sod_frm_body > p {
    margin: 0 0 6px !important;
    color: #666 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

#sod_frm.highend-order-form .tbl_frm01 th {
    padding: 14px 0 6px !important;
    vertical-align: top !important;
}

#sod_frm.highend-order-form .tbl_frm01 td {
    padding: 0 0 16px !important;
}

#sod_frm.highend-order-form .tbl_frm01 th label,
#sod_frm.highend-order-form .tbl_frm01 th > span,
#sod_frm.highend-order-form .odf_list > ul > li > label,
#sod_frm.highend-order-form .odf_list > ul > li > strong {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #222 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-indent: 0 !important;
    overflow: visible !important;
    transform: none !important;
    float: none !important;
}

#sod_frm.highend-order-form .odf_list > ul > li {
    padding: 14px 0 !important;
    border-bottom: 1px solid #f1f1f1 !important;
}

#sod_frm.highend-order-form .odf_list > ul > li:last-child {
    border-bottom: 0 !important;
}

#sod_frm.highend-order-form .odf_list > ul > li > label,
#sod_frm.highend-order-form .odf_list > ul > li > strong {
    margin-bottom: 8px !important;
}

#sod_frm.highend-order-form .tbl_frm01 td > input[type="checkbox"] + label,
#sod_frm.highend-order-form .tbl_frm01 td > input[type="radio"] + label,
#sod_frm.highend-order-form .odf_agree label {
    display: inline-block !important;
    margin: 0 0 0 6px !important;
    color: #444 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    vertical-align: top !important;
}

#sod_frm.highend-order-form .tip_txt {
    margin-top: 10px !important;
    padding: 12px !important;
    border: 1px solid #ececec !important;
    border-radius: 0 !important;
    background: #fafafa !important;
    color: #666 !important;
    line-height: 1.6 !important;
}

#sod_frm.highend-order-form .pay_tbl {
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #ececec !important;
    background: #fafafa !important;
}

#sod_frm.highend-order-form .pay_tbl table,
#sod_frm.highend-order-form .pay_tbl tbody,
#sod_frm.highend-order-form .pay_tbl tr,
#sod_frm.highend-order-form .pay_tbl th,
#sod_frm.highend-order-form .pay_tbl td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#sod_frm.highend-order-form .pay_tbl tr {
    padding: 14px 16px !important;
    border-bottom: 1px solid #ececec !important;
}

#sod_frm.highend-order-form .pay_tbl tr:last-child {
    border-bottom: 0 !important;
}

#sod_frm.highend-order-form .pay_tbl th {
    padding: 0 0 6px !important;
    background: transparent !important;
    color: #222 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#sod_frm.highend-order-form .pay_tbl td {
    padding: 0 !important;
    color: #555 !important;
    line-height: 1.65 !important;
    text-align: left !important;
}

#sod_frm.highend-order-form .pay_tbl tr,
#sod_frm.highend-order-form .pay_tbl td {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    white-space: normal !important;
}

#sod_frm.highend-order-form #od_coupon_frm,
#sod_frm.highend-order-form #sc_coupon_frm,
#sod_frm.highend-order-form #cp_frm {
    box-sizing: border-box !important;
}

@media (max-width: 640px) {
    #sod_frm.highend-order-form #od_coupon_frm,
    #sod_frm.highend-order-form #sc_coupon_frm,
    #sod_frm.highend-order-form #cp_frm {
        position: fixed !important;
        top: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
        left: 12px !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        max-height: calc(100vh - 24px) !important;
        max-height: calc(100dvh - 24px) !important;
        overflow-y: auto !important;
        border: 1px solid #111 !important;
        background: #fff !important;
        box-shadow: 0 12px 32px rgb(0 0 0 / 20%) !important;
    }

    #sod_frm.highend-order-form .od_coupon h3 {
        position: sticky !important;
        top: 0 !important;
        z-index: 1 !important;
        margin: 0 !important;
        padding: 0 52px 0 16px !important;
        background: #111 !important;
        color: #fff !important;
        line-height: 48px !important;
        font-size: 16px !important;
        box-shadow: none !important;
    }

    #sod_frm.highend-order-form .od_coupon .btn_close {
        position: fixed !important;
        top: 12px !important;
        right: 12px !important;
        width: 48px !important;
        height: 48px !important;
        border: 0 !important;
        border-left: 1px solid rgb(255 255 255 / 20%) !important;
        background: transparent !important;
        color: #fff !important;
        z-index: 2 !important;
    }

    #sod_frm.highend-order-form .od_coupon .tbl_head02 {
        margin: 12px !important;
        overflow: visible !important;
    }

    #sod_frm.highend-order-form .od_coupon .tbl_head02 table,
    #sod_frm.highend-order-form .od_coupon .tbl_head02 thead,
    #sod_frm.highend-order-form .od_coupon .tbl_head02 tbody,
    #sod_frm.highend-order-form .od_coupon .tbl_head02 tr,
    #sod_frm.highend-order-form .od_coupon .tbl_head02 th,
    #sod_frm.highend-order-form .od_coupon .tbl_head02 td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #sod_frm.highend-order-form .od_coupon .tbl_head02 thead {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
    }

    #sod_frm.highend-order-form .od_coupon .tbl_head02 tbody tr {
        padding: 12px !important;
        border: 1px solid #ececec !important;
        border-bottom: 0 !important;
        background: #fff !important;
    }

    #sod_frm.highend-order-form .od_coupon .tbl_head02 tbody tr:last-child {
        border-bottom: 1px solid #ececec !important;
    }

    #sod_frm.highend-order-form .od_coupon td,
    #sod_frm.highend-order-form #sod_frm_pay .od_coupon td {
        padding: 3px 0 !important;
        border: 0 !important;
        background: transparent !important;
        text-align: left !important;
        word-break: keep-all !important;
        overflow-wrap: anywhere !important;
    }

    #sod_frm.highend-order-form .od_coupon td:first-child {
        color: #222 !important;
        font-weight: 600 !important;
        line-height: 1.5 !important;
    }

    #sod_frm.highend-order-form .od_coupon .td_numbig {
        color: #111 !important;
        text-align: left !important;
        font-weight: 700 !important;
    }

    #sod_frm.highend-order-form .od_coupon .td_numbig::before {
        content: "할인금액 ";
        margin-right: 4px;
        color: #777;
        font-weight: 500;
    }

    #sod_frm.highend-order-form .od_coupon .td_mngsmall {
        width: 100% !important;
        margin-top: 8px !important;
    }

    #sod_frm.highend-order-form .od_coupon .cp_apply,
    #sod_frm.highend-order-form .od_coupon .od_cp_apply,
    #sod_frm.highend-order-form .od_coupon .sc_cp_apply {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        height: 40px !important;
        line-height: normal !important;
        font-size: 14px !important;
        font-weight: 700 !important;
    }
}

#sod_frm.highend-order-form #od_tot_price {
    margin: 12px 0 0 !important;
    padding: 18px 20px !important;
    border: 1px solid #ddd !important;
    background: #f7f8fa !important;
    text-align: center !important;
}

#sod_frm.highend-order-form #od_tot_price span {
    display: block !important;
    margin-bottom: 6px !important;
    color: #666 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

#sod_frm.highend-order-form #od_tot_price strong {
    font-size: 24px !important;
    line-height: 1.2 !important;
}

#sod_frm.highend-order-form #od_pay_sl {
    margin-top: 12px !important;
    padding: 18px !important;
    border: 1px solid #ddd !important;
    background: #fff !important;
}

#sod_frm.highend-order-form #od_pay_sl h3 {
    margin: 0 0 14px !important;
    color: #111 !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
}

@media (max-width: 640px) {
    #sod_frm.highend-order-form #sod_frm_paysel {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    #sod_frm.highend-order-form #sod_frm_paysel .lb_icon {
        float: none !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 54px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 12px 16px 12px 58px !important;
        line-height: 1.35 !important;
        box-sizing: border-box !important;
    }

    #sod_frm.highend-order-form #sod_frm_paysel input[type="radio"]:checked + .lb_icon {
        margin: 0 !important;
    }
}

#sod_frm.highend-order-form #display_pay_button {
    margin: 24px 0 0 !important;
}

#sod_frm.highend-order-form #display_pay_button .btn_submit,
#sod_frm.highend-order-form #display_pay_button .btn_cancel {
    border-radius: 0 !important;
}

#sod_frm.highend-order-form {
    display: block !important;
}

#sod_frm.highend-order-form .sod_right {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}