@charset "UTF-8";
/**************************************************
 * 공통 
 **************************************************/

 @font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    src: local("Pretendard"),  
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-Thin.woff2') format('woff2'),    
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-Thin.woff') format('woff'),
    url("/font/Pretendard/Pretendard-Thin.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    src: local("Pretendard"),
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-ExtraLight.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-ExtraLight.woff') format('woff'),
     url("/font/Pretendard/Pretendard-ExtraLight.woff") format("woff"); 
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    src: local("Pretendard"), 
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-Light.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-Light.woff') format('woff'),
     url("/font/Pretendard/Pretendard-Light.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    src: local("Pretendard"), 
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-Regular.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-Regular.woff') format('woff'),
    url("/font/Pretendard/Pretendard-Regular.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    src: local("Pretendard"), 
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-Medium.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-Medium.woff') format('woff'),
    url("/font/Pretendard/Pretendard-Medium.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    src: local("Pretendard"), 
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-SemiBold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-SemiBold.woff') format('woff'),
    url("/font/Pretendard/Pretendard-SemiBold.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    src: local("Pretendard"), 
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-Bold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-Bold.woff') format('woff'),
    url("/font/Pretendard/Pretendard-Bold.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    src: local("Pretendard"), 
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-ExtraBold.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-ExtraBold.woff') format('woff'),
    url("/font/Pretendard/Pretendard-ExtraBold.woff") format("woff");
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    src: local("Pretendard"), 
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-Black.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/gncostyle/pretendard@1.3.9/Pretendard-Black.woff') format('woff'),
    url("/font/Pretendard/Pretendard-Black.woff") format("woff"); 
}


*,
*:before,
*:after {
    box-sizing: border-box;
}

* {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
    height: 100%;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    color: #202020;
    font-family: Pretendard, Apple SD Gothic Neo, '돋움', Dotum, Verdana, Arial, sans-serif;
    line-height: 1;
    letter-spacing: -0.13889vw;
    word-break: break-word;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body, h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
}

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

dl, dd {
    margin: 0;
}

button, input, select, textarea {
    border-radius: 0;
    color: inherit;
    font: inherit;
}

textarea {
    overflow: auto;
}

table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
}

th, td {
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

legend {
    padding: 0;
}

.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 9.44444vw;
    padding: 0 3.33333vw;
    border: 0.27778vw solid #202020;
    background-color: #fff;
    color: #202020;
    font-size: 3.88889vw;
    letter-spacing: -0.05556vw;
    line-height: 5vw;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

.button:not([disabled]) {
    cursor: pointer;
}

.button .icon {
    width: 4.44444vw;
    height: auto;
    margin-left: 1.11111vw;
}

.button.primary {
    border-color: #202020;
    background-color: #202020;
    color: #fff;
}

.button.lg {
    height: 13.33333vw;
    padding: 0 6.66667vw;
}

.button[disabled] {
    border-color: #8a8a8a;
    background-color: #ddd;
    color: #8a8a8a;
}

.button[disabled] .icon svg path {
    fill: #8a8a8a;
}

.form-text,
.form-textarea,
.form-select {
    width: 100%;
    border-radius: 1.11111vw;
    border: 0.27778vw solid #ddd;
    background-color: #fff;
    outline: none;
    color: #202020;
    font-size: 3.88889vw;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: border-color .1s ease,
    color .1s ease;
}

.form-text:focus,
.form-textarea:focus,
.form-select:focus {
    border-color: #202020;
}

.form-text[disabled],
.form-textarea[disabled],
.form-select[disabled] {
    background-color: #eee;
}

.form-text.error,
.form-textarea.error,
.form-select.error {
    border-color: #ee443f;
}

.form-text::-webkit-input-placeholder,
.form-textarea::-webkit-input-placeholder {
    color: #a4a4a4;
}

.form-text::-moz-placeholder,
.form-textarea::-moz-placeholder {
    color: #a4a4a4;
}

.form-text:-ms-input-placeholder,
.form-textarea:-ms-input-placeholder {
    color: #a4a4a4;
}

.form-text:-moz-placeholder,
.form-textarea:-moz-placeholder {
    color: #a4a4a4;
}

.form-text,
.form-select {
    display: inline-block;
    height: 13.33333vw;
    padding: 0 3.33333vw;
    vertical-align: middle;
}

.form-text::-ms-clear {
    display: none;
}

.form-text::-ms-reveal {
    display: none;
}

.form-text::-webkit-search-decoration, .form-text::-webkit-search-cancel-button, .form-text::-webkit-search-results-button, .form-text::-webkit-search-results-decoration {
    display: none;
}

.form-textarea {
    display: block;
    padding: 2.22222vw 3.33333vw;
    line-height: 5vw;
    resize: vertical;
}

.form-select {
    padding-right: 20vw;
    background-image: url(/img/common/form_select_chevron.svg);
    background-repeat: no-repeat;
    background-position: top 50% right 3.33333vw;
    background-size: 4.44444vw 4.44444vw;
}

.form-select::-ms-expand {
    display: none;
}

.selectric-wrapper {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.selectric {
    border-radius: 1.11111vw;
    border: 0.27778vw solid #ddd;
    background: #fff;
    transition: border-color .1s ease;
}

.selectric .label {
    height: 13.33333vw;
    margin: 0 11.11111vw 0 3.33333vw;
    color: #a4a4a4;
    font-size: 3.88889vw;
    line-height: 13.33333vw;
    transition: color .1s ease;
}

.selectric .label .em {
    font-weight: 700;
}

.selectric .selectric-button {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    right: 3.33333vw;
    width: 4.44444vw;
    height: 4.44444vw;
    margin-top: -2.22222vw;
    background: url(/img/common/form_select_chevron.svg) no-repeat 0 0/100% 100%;
}

.selectric-hover .selectric {
    border-color: #ddd;
}

.selectric-focus .selectric,
.selectric-open .selectric {
    border-color: #202020;
}

.selectric-focus .selectric .label,
.selectric-open .selectric .label {
    color: #202020;
}

.selectric-open .selectric .selectric-button {
    transform: rotate(180deg);
}

.selectric-disabled .selectric {
    background-color: #eee;
}

.selectric-disabled {
    opacity: 1;
}

.selectric-items {
    top: calc(100% + 1.11111vw);
    width: 100% !important;
    max-height: 42.77778vw !important;
    border-radius: 1.11111vw;
    border: 0.27778vw solid #202020;
    background: #fff;
    box-shadow: none;
    overflow-y: auto;
}

/* 2024-08-20(hyo) : 상품상세페이지 스크롤 색상, 크기 조정 */
.selectric-items::-webkit-scrollbar {
    width: 1.11222vw;
    
}
.selectric-items::-webkit-scrollbar-thumb {
    background: rgba(138, 138, 138, 0.5);
    border-radius: 2em;
}

.selectric-items ul, .selectric-items li {
    font-size: 3.88889vw;
    line-height: 5vw;
}

.selectric-items li {
    display: flex;
    align-items: center;
    border-top: 0.27778vw solid #ddd;
    /* 2024-08-28(hyo) : 제품 상세페이지 - 색상옵션 영역 글자간격 조정
     padding: 4.44444vw 3.33333vw; */
    padding: 3.33333vw 3.33333vw;
    color: #202020;
}

.selectric-items li:first-child {
    border-top: none;
}

.selectric-items li:hover {
    color: #202020;
    background: #fff;
}

.selectric-items li .push-right {
    margin-left: auto;
}

.selectric-items li.selected {
    color: #202020;
    background: transparent;
}

.selectric-items li .em {
    font-weight: 700;
}

.selectric-items .disabled {
    opacity: 1;
    color: #a4a4a4 !important;
}

.selectric-items .disabled .color {
    position: relative;
}

.selectric-items .disabled .color:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 0.55556vw;
    background-color: #202020;
    transform: translate(-50%, -50%) rotate(45deg);
}

.selectric-items .disabled .color ~ b {
    margin-left: 2.22222vw;
}

.selectric-above .selectric-items {
    bottom: calc(100% + 1.11111vw);
}

.form-checkbox,
.form-radio {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.form-checkbox input,
.form-radio input {
    flex: none;
    margin: 0;
    width: 4.44444vw;
    height: 4.44444vw;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.form-checkbox input::-ms-check,
.form-radio input::-ms-check {
    display: none;
}

.form-checkbox input + span,
.form-radio input + span {
    margin-left: 1.11111vw;
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.form-checkbox input:checked,
.form-radio input:checked {
    background-position: -4.44444vw 0;
}

.form-checkbox.lg input,
.form-radio.lg input {
    width: 5.55556vw;
    height: 5.55556vw;
}

.form-checkbox.lg input:checked,
.form-radio.lg input:checked {
    background-position: -5.55556vw 0;
}

.form-checkbox.lg input + span,
.form-radio.lg input + span {
    font-size: 4.44444vw;
    line-height: 6.11111vw;
}

.form-checkbox input {
    background-image: url(/img/common/form_checkbox.svg);
}

.form-checkbox.lg input {
    background-image: url(/img/common/form_checkbox_lg.svg);
}

.form-radio input {
    background-image: url(/img/common/form_radio.svg);
}

.form-radio.lg input {
    background-image: url(/img/common/form_radio_lg.svg);
}

.form-text-wrapper {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: middle;
}

.form-text-wrapper .form-text {
    padding: 0 11.11111vw 0 3.33333vw;
}

.form-text-wrapper button {
    display: block;
    position: absolute;
    top: 1.11111vw;
    right: 0;
    width: 11.11111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
}

.form-clearable button {
    background: url(/img/common/form_text_clear.svg) no-repeat 0 0/100% 100%;
}

.form-password button {
    background: url(/img/common/form_password_reveal.svg) no-repeat 0 0/auto 100%;
}

.form-password [type="text"] + button {
    background-position: -11.11111vw 0;
}

.form-image-file {
    display: inline-block;
    position: relative;
    width: 28.05556vw;
    height: 28.05556vw;
    border: 0.27778vw dashed #ddd;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    vertical-align: top;
}

.form-image-file label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.form-image-file label input {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

.form-image-file label input + span {
    font-size: 3.88889vw;
}

.form-image-file label input + span:before {
    content: "";
    display: block;
    width: 4.44444vw;
    height: 4.44444vw;
    margin: 2.22222vw auto;
    background: url(/img/common/form_image_file_plus_ico.svg) no-repeat 0 0/auto 100%;
}

.form-image-file button {
    display: none;
    overflow: hidden;
    position: absolute;
    top: -2.5vw;
    right: -2.5vw;
    width: 11.11111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
    background-color: transparent;
    white-space: nowrap;
    text-indent: 100%;
}

.form-image-file button:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6.66667vw;
    height: 6.66667vw;
    background: rgba(0, 0, 0, 0.4) url(/img/common/file_ico_close.svg) no-repeat center/4.44444vw 4.44444vw;
    transform: translate(-50%, -50%);
}

.form-image-file.attached {
    border-style: solid;
}

.form-image-file.attached label {
    display: none;
}

.form-image-file.attached button {
    display: block;
}

.image-file-list > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -2.22222vw 0 0 -2.22222vw;
}

.image-file-list > ul > li {
    margin: 2.22222vw 0 0 2.22222vw;
}

.dialog {
    overflow: hidden;
    position: relative;
    width: 80vw;
    margin: 0 auto;
    padding: 11.11111vw 5.55556vw 22.22222vw;
    border-radius: 2.22222vw;
    background-color: #fff;
    text-align: center;
}

.dialog strong {
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    word-break: keep-all;
}

.dialog p {
    margin-top: 2.22222vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.dialog_action {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.dialog_action button {
    width: 100%;
    padding: 0;
    border: none;
    border-top: 0.27778vw solid #eee;
    height: 11.11111vw;
    background-color: #fff;
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.dialog_action button:last-child {
    border-color: #202020;
    background-color: #202020;
    color: #fff;
}

.modal {
    display: flex;
    align-items: center;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: visibility .3s,
    background-color .3s ease;
}

.modal_container {
    width: 100%;
    opacity: 0;
    transform: translateY(6.66667vw);
    transition: opacity .3s ease,
    transform .3s ease;
}

.modal.visible {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.3);
}

.modal.visible .modal_container {
    opacity: 1;
    transform: translateY(0);
}

.modal.toast .modal_container {
    position: absolute;
    bottom: 0;
    left: 0;
}

.site {
    height: 100%;
}

.push-both {
    margin-right: -5.55556vw;
    margin-left: -5.55556vw;
}

.container {
    padding-right: 5.55556vw;
    padding-left: 5.55556vw;
}

.header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    transition: transform .3s ease;
}

.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 16.66667vw; 
    padding-left: 5.55556vw; 
    padding-right: 5.55556vw;
    background-color: #fff;
    transition: background-color .3s ease;
}

.header .logo svg {
    display: block;
    width: 31.11111vw;
    height: 3.61111vw;
}

.header .go-back {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11.11111vw;
    height: 11.11111vw;
    margin-left: -2.22222vw;
    padding: 0;
    border: none;
    background-color: transparent;
}

.header .go-back svg {
    width: 6.66667vw;
    height: 6.66667vw;
}

.header h1 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    font-size: 5vw;
    font-weight: 700;
    line-height: 6.66667vw;
    letter-spacing: -0.13889vw;
    transform: translate(-50%, -50%);
}

.header h1 .sidebar-open {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11.11111vw;
    height: 11.11111vw;
    margin-left: -2.22222vw;
    padding: 0;
    border: none;
    background-color: transparent;
}

.header h1 .sidebar-open svg {
    width: 5vw;
    height: 5vw;
}

.header_menu {
    display: flex;
    margin-right: -2.22222vw;
}

.header_menu > ul {
    display: flex;
}

.header_menu > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 9.01111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
    background-color: transparent;
}

.header_menu > ul > li > a svg {
    width: 6.66667vw;
    height: 6.66667vw;
}

.header_menu > ul > li > a .count {
    display: block;
    position: absolute;
    top: 1.11111vw;
    left: 5.66667vw;
    min-width: 5.6vw;
    height: 4.44444vw;
    padding: 0 1.11111vw;
    border-radius: 2.22222vw;
    background-color: #ff4e00;
    color: #fff;
    font-size: 2.77778vw;
    font-weight: 500;
    line-height: 4.44444vw;
    text-align: center;
}

.header svg path {
    transition: fill .3s ease;
}

.header-search-form {
    position: relative;
}

.header-search-form input {
    display: block;
    width: 100%;
    height: 11.11111vw;
    padding: 0 21.66667vw 0 4.44444vw;
    border-radius: 5.55556vw;
    border: none;
    background-color: #f2f2f2;
    font-size: 4.44444vw;
}

.header-search-form .clear {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 10.55556vw;
    width: 11.11111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
    background: url(/img/common/header_search_form_clear.svg) no-repeat 50% 50% / 4.44444vw 4.44444vw;
    white-space: nowrap;
    text-indent: 100%;
}

.header-search-form .search {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 1.66667vw;
    width: 11.11111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
    background: url(/img/common/header_search_form_submit.svg) no-repeat 50% 50% / 5.55556vw 5.55556vw;
    white-space: nowrap;
    text-indent: 100%;
}

/* 2024-09-04(hyo) 스크롤이 움직일때의 GNB 영역 */
.gnb {
    overflow: hidden;
    height: 10vw;
    background-color: #fff;
}

.gnb .swiper-slide {
    width: auto;
    padding: 1.66667vw 3.55556vw; 
}

/* 부모 기준점 설정을 위해 relative 추가 */
.gnb .swiper-slide a {
    position: relative;
}

/* 강조 아이콘 모바일 배지 스타일 (절대 좌표 방식) */
.gnb .swiper-slide a.has_ico::after {
    content: '';
    position: absolute;
    top: 0.5vw;                  /* 글자 위쪽 여백 조정 */
    right: -1.5vw;               /* 글자 우측 여백 조정 (패딩 공간 고려) */
    width: 6px;
    height: 6px;
    border-radius: 50%;
    /* PHP 인라인 style에서 전달받은 --ico-color 변수 적용 (없으면 기본값 주황색) */
    background-color: var(--ico-color, #ff4e00);
}

/* 2024-09-04(hyo) 브랜드 메뉴 css  */
.gnb .swiper-slide .active:after {
    content: '';
    position: absolute;
    top: 1.66666vw;
    right: 1.11112vw;
    width: 6px;
    height: 6px;
    /*background-color: #ff4e00;*/
    border-radius: 50%;
}

.gnb .swiper-slide:first-child {
    padding-left: 5.55556vw;
}

.gnb .swiper-slide:last-child {
    padding-right: 5.55556vw;
}

.gnb a {
    display: block;
    font-size: 4.11111vw; /* 2024-09-04(hyo) 4.44444vw*/
    line-height: 6.66667vw;
    letter-spacing: -0.11111vw;
    transition: color .3s ease;
    font-weight:700; /* 2024-09-30(hyo) 추가*/
}

/* 2024-09-04(hyo) 브랜드 메뉴 추가 */
.gnb_brand {
    display:none;
    width: 100%;
    height: 100%;
    transition: visibility .6s;
    background-color:#ffffff;
    opacity : 0.8;
    padding-left:3.33333vw;
}

.gnb_brand .brand_menu_list li {
    display:inline-block;
    width: 45%;
    padding: 1.66667vw 3.33333vw;
}

.gnb_brand .brand_menu_list li a {
    display: block;
    font-size: 3.77777vw;
    line-height: 8.66667vw;
    letter-spacing: -0.11111vw;
    transition: color .3s ease;
    font-weight:600;
}

.lnb {
    overflow: hidden;
    border: solid #eee;
    border-width: 0.27778vw 0;
    background-color: #fff;
}

.lnb .swiper-slide {
    width: auto;
    padding: 3.88889vw 3.33333vw;
}

.lnb .swiper-slide:first-child {
    padding-left: 5.55556vw;
}

.lnb .swiper-slide:last-child {
    padding-right: 5.55556vw;
}

.lnb a {
    display: block;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.lnb a.active {
    position: relative;
    padding-right: 2.5vw;
    color: #222;
    font-weight: 700;
}

.lnb a.active:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.11111vw;
    right: 0;
    width: 1.38889vw;
    height: 1.38889vw;
    border-radius: 50%;
    background-color: #ff4e00;
}

.tnb {
    border-bottom: 0.27778vw solid #eee;
    background-color: #fff;
}

.tnb > ul {
    display: flex;
}

.tnb > ul > li {
    width: 100%;
}

.tnb > ul > li > a {
    display: block;
    padding: 4.44444vw 2.22222vw 3.05556vw;
    color: #8a8a8a;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    text-align: center;
}

.tnb > ul > li > a.active {
    position: relative;
    color: #202020;
    font-weight: 700;
}

.tnb > ul > li > a.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -0.27778vw;
    left: 0;
    width: 100%;
    height: 0.55556vw;
    background-color: #202020;
}

.tnb > ul > li > a.active > span {
    color: #ff4e00;
}

.sidebar {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1010;
    width: 100%;
    height: 100%;
    transition: visibility .6s;
}

.sidebar_container {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 2.22222vw 0 rgba(0, 0, 0, 0.08);
    transform: translateX(100%);
    transition: transform 0.6s cubic-bezier(0.76, 0, 0.36, 1);
}

.sidebar_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: none;
    position: relative;
    height: 16.66667vw;
    padding: 0 5.55556vw;
}

.sidebar_header h2 {
    font-size: 6.11111vw;
    font-weight: 700;
    line-height: 7.77778vw;
}

.sidebar_header button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11.11111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
    background-color: transparent;
}

.sidebar_header button svg {
    width: 6.66667vw;
    height: 6.66667vw;
}

.sidebar_header .sidebar-close {
    margin-right: -2.22222vw;
}

.sidebar_body {
    overflow-y: auto;
    height: 100%;
}

.sidebar_section {
    overflow: hidden;
    position: relative;
    padding: 11.11111vw 5.55556vw;
}

.sidebar_section h3 {
    margin-bottom: 4.44444vw;
    font-size: 6.11111vw;
    font-weight: 700;
    line-height: 7.77778vw;
}

.sidebar_section .more {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 8.88889vw;
    right: 1.66667vw;
    width: 11.11111vw;
    height: 11.11111vw;
    background: url(/img/common/sidebar_section_more.svg) no-repeat 50% 50% / 6.66667vw 6.66667vw;
    white-space: nowrap;
    text-indent: 100%;
}

.sidebar_section + .sidebar_section {
    border-top: 0.55556vw solid #f2f2f2;
}

.sidebar_footer {
    display: flex;
    flex: none;
}

.sidebar_footer a,
.sidebar_footer button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 16.66667vw;
    padding: 0 5.55556vw;
    border: none;
    border-top:1px solid #eee;
    background-color: #fcfcfc; /* 2024-09-04(hyo) : 카테고리필터 하단 배경색 변경 #202020 */
    color: #202020;    /* 2024-09-04(hyo) : 카테고리필터 하단 글자색 변경 #fff */
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.sidebar_footer a .icon,
.sidebar_footer button .icon {
    margin-right: 1.11111vw;
    width: 5.55556vw;
    height: auto;
}

.sidebar.visible {
    visibility: visible;
}

.sidebar.visible .sidebar_container {
    transform: translateX(0);
}

.snb_depth_1 > ul > li {
    margin-top: 2.22222vw;
}

.snb_depth_1 > ul > li:first-child {
    margin-top: 0;
}

.snb_depth_1 > ul > li > .link {
    display: block;
    position: relative;
    width: 100%;
    padding: 3.33333vw 16.66667vw 3.33333vw 5.55556vw;
    border: none;
    background-color: transparent;
    color: #8a8a8a;
    font-size: 5vw;
    font-weight: 700;
    line-height: 6.66667vw;
    text-align: left;
    transition: color .1s ease;
}

.snb_depth_1 > ul > li > .link:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 5.55556vw;
    width: 5.55556vw;
    height: 5.55556vw;
    margin-top: -2.77778vw;
    background: url(/img/common/snb_depth_1_chevron.svg) no-repeat 0 0/auto 5.55556vw;
}

.snb_depth_1 > ul > li > .link.active {
    color: #202020;
}

.snb_depth_1 > ul > li > .link.active:after {
    background-position: -5.55556vw 0;
}

.snb_depth_2 {
    padding-top: 2.22222vw;
}

.snb_depth_2 > ul > li > .link {
    display: flex;
    align-items: center;
    padding: 3.88889vw 5.55556vw 3.88889vw 8.88889vw;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.snb_depth_2 > ul > li > .link .icon {
    margin-left: 1.66667vw;
    width: 5vw;
    height: auto;
}

.snb_depth_2 > ul > li > .link.active {
    color: #ff4e00;
    font-weight: 700;
}

.snb-other {
    margin-top: 4.44444vw;
    padding: 4.44444vw 0;
    border: solid #f2f2f2;
    border-width: 0.55556vw 0;
}

.snb-other > ul > li > a {
    display: flex;
    align-items: center;
    padding: 3.61111vw 5.55556vw;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.snb-other > ul > li > a .icon {
    width: 6.66667vw;
    height: auto;
    margin-right: 4.44444vw;
}

.category-brand .swiper-slide {
    width: 24.44444vw;
    margin-right: 4.44444vw;
}

.category-brand .swiper-slide:last-child {
    margin-right: 0;
}

.category-brand img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
    border: 0.27778vw solid #eee;
}

.category-brand span {
    display: block;
    margin-top: 2.22222vw;
    font-size: 2.77778vw;
    font-weight: 500;
    letter-spacing: -0.1vw;
    text-align: center;
}

.category-magazine .swiper-slide {
    width: 73.33333vw;
    margin-right: 4.44444vw;
}

.category-magazine .swiper-slide:last-child {
    margin-right: 0;
}

.category-magazine img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 2.22222vw;
}

.category-magazine span {
    display: block;
    margin-top: 3.33333vw;
    font-size: 3.88889vw;
    font-weight: 500;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.contents {
    padding-bottom: 22.22222vw;
}

.contents.pull-bottom {
    padding-bottom: 0;
}

.aside {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    transition: visibility .6s;
}

.aside_container {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 2.22222vw 0 rgba(0, 0, 0, 0.08);
    transform: translateX(100%);
    transition: transform 0.6s cubic-bezier(0.76, 0, 0.36, 1);
}

.aside_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: none;
    position: relative;
    height: 16.66667vw;
    padding: 0 5.55556vw;
}

.aside_header h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    font-size: 5vw;
    font-weight: 700;
    line-height: 6.66667vw;
    text-align: center;
    transform: translate(-50%, -50%);
}

.aside_header button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11.11111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
    background-color: transparent;
}

.aside_header button svg {
    width: 6.66667vw;
    height: 6.66667vw;
}

.aside_header .aside-close {
    margin-left: -2.22222vw;
}

.aside_body {
    overflow-y: auto;
    height: 100%;
}

.aside.visible {
    visibility: visible;
}

.aside.visible .aside_container {
    transform: translateX(0);
}

.aside.aside-popup .aside_header h2 {
    position: static;
    font-size: 6.11111vw;
    line-height: 7.77778vw;
    text-align: left;
    transform: inherit;
}

.aside.aside-popup .aside_header .aside-close {
    margin-left: 0;
    margin-right: -2.22222vw;
}

.footer_top {
    padding: 3.33333vw 5.55556vw;
    background-color: #f3f3f3;  /* 2024-09-04(hyo) : 푸터 메뉴 배경 색상 변경 #202020 */
}

.footer_menu {
    white-space: nowrap;
}

.footer_menu > ul {
    display: flex;
}

.footer_menu > ul > li:before {
    content: "";
    display: inline-block;
    width: 0.27778vw;
    height: 3.33333vw;
    margin: 0 3.03333vw; /* 2024-01-15 (hyo) 하단 안내 메뉴 : 브랜드스토리 제거로 margin값 변경(3.33333)*/
    background-color: #737373;
    vertical-align: -0.55556vw;
}

.footer_menu > ul > li:first-child:before {
    display: none;
}

.footer_menu > ul > li > a {
    color: #202020; /* 2024-09-04(hyo) : 푸터 메뉴 글자 색상 변경 #eee */
    font-size: clamp(12px, 3.33vw, 16px) !important;
    line-height: 4.44444vw;
    letter-spacing: -0.05556vw;
}

.footer_menu > ul + ul {
    margin-top: 3.33333vw;
}

.footer_bottom {
    position: relative;
    padding: 9.44444vw 5.55556vw 18vw;
    background-color: #f8f7f9;
}

.footer_logo {
    display: block;
    overflow: hidden;
    width: 31.11111vw;
    height: 3.61111vw;
    background: url(/img/common/logo_footer.svg) no-repeat 0 0/100% 100%;
    white-space: nowrap;
    text-indent: 100%;
}

.footer_service {
    position: absolute;
    top: 6.66667vw;
    right: 5.55556vw;
}

.footer_service > ul {
    display: flex;
}

.footer_service > ul > li {
    margin-left: 2.22222vw;
}

.footer_service > ul > li:first-child {
    margin-left: 0;
}

.footer_service > ul > li > a img {
    display: block;
    width: 8.88889vw;
    height: auto;
}

.footer_info {
    margin-top: 8.88889vw;
    font-size: 0;
}

.footer_info > span {
    display: inline-block;
    color: #a4a4a4;
    font-size: 3.33333vw;
    line-height: 4.44444vw;
    letter-spacing: -0.05556vw;
}

.footer_info > span:before {
    content: "";
    display: inline-block;
    width: 0.27778vw;
    height: 2.77778vw;
    margin: 0 1.66667vw;
    background-color: #ddd;
    vertical-align: -0.27778vw;
}

.footer_info > span:first-child:before,
.footer_info > br + span:before {
    display: none;
}

.footer_info > br ~ span {
    margin-top: 1.11111vw;
}

.footer_copyright {
    margin-top: 6.66667vw;
    color: #a4a4a4;
    font-size: 3.33333vw;
    font-weight: 600;
    line-height: 4.44444vw;
    letter-spacing: -0.05556vw;
}

.floating {
    position: fixed;
    right: 2.22222vw;
    bottom: 2.22222vw;
    z-index: 1000;
    transition: bottom .3s ease;
}

.go-top {
    display: block;
    visibility: hidden;
    overflow: hidden;
    width: 10.88889vw;
    height: 10.88889vw;
    border-radius: 50%;
    background: url(/img/common/go_top.svg) no-repeat 50% 50% / 5.33333vw 5.33333vw rgba(32, 32, 32, 0.7);
    opacity: 0;
    white-space: nowrap;
    text-indent: 100%;
    transition: visibility .3s,
    opacity .3s ease;
}

.go-top.visible {
    visibility: visible;
    opacity: 1;
}

.floating-banner {
    display: block;
    visibility: hidden;
    overflow: hidden;
    width: 10.88889vw;
    height: 10.88889vw;
    margin-bottom:1.11112vw;
    border-radius: 50%;
    background: url(/img/common/floating_banner_icon.svg) no-repeat 50% 50% / 8.88889vw 8.88889vw, 
                linear-gradient(45deg, rgb(255, 165, 0), rgb(238, 130, 238));
    white-space: nowrap;
    text-indent: 100%;
    transition: visibility .3s,
                opacity .3s ease;
}

.floating-banner.visible {
    visibility: visible;
    opacity: 1;
}

/* 24-11-15(hyo) : 타임세일 아이콘 */
.timesale-icon{
    background: url(/img/common/floating_timesale_icon.svg) no-repeat 50% 50% / 8.88889vw 8.88889vw, 
                linear-gradient(45deg, rgb(255, 165, 0), rgb(238, 130, 238));
}

/* 24-11-15(hyo) : 블랙프라이데이 아이콘 */
.deal-icon{
    background: url(/img/common/floating_banner_icon.svg) no-repeat 50% 50% / 8.88889vw 8.88889vw, 
                linear-gradient(45deg, rgb(255, 165, 0), rgb(238, 130, 238));
}

.floating-timesale {
    visibility: hidden;
    position:absolute;
    right:12.11112vw;
    bottom:10.77778vw;
    width: 65.55556vw;
    height:12.99999vw;
    line-height:12.99999vw;
    overflow:hidden;
    background:linear-gradient(45deg, rgb(238, 130, 238), rgb(255, 165, 0));
    border-radius: 3.33334vw;
    /* border:1px solid #eeeeee; */
    padding:0 1.44445vw;
}

.floating-timesale.visible {
    visibility: visible;
    opacity: 1;
    animation: fadeInRight 0.7s;
    -webkit-animation: fadeInRight 0.7s;
}

.floating-timesale span {
    display:inline-block;    
}

.floating-timesale .timesale_img {
   width:20%;
   max-height: 9.11111vw;
   overflow:hidden;
   display:inline-block;
   vertical-align: middle;
   padding-left:1.22223vw;
}

.floating-timesale .timesale_text {
   width:65%;
   height:12.99999vw;
   overflow:hidden;   
   color:#202020;
   font-size:3.88889vw;
   font-weight:600;
   padding-left: 1.11112vw;
   vertical-align: middle;
}

.floating-timesale .timesale_close {
   width:7%;
   text-align: right;
   padding: 0;
   background: url(/img/common/ico_close.svg) no-repeat 50% 50% / 5.33334vw 5.33334vw;
   white-space: nowrap;
   text-indent: 100%;
   cursor: pointer;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}


.app-bar,
.bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    transition: transform .3s ease;
}

/* 2024-09-04(hyo) : 하단 네비 배경색 변경 */
.app-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 16.66667vw;
    background-color: #fcfcfc; /* 21024-09-04(hyo) #202020 */
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}

.app-bar > ul {
    display: flex;
}

.app-bar > ul > li {
    margin: 0 3.88889vw;
}

.app-bar > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11.11111vw;
    height: 11.11111vw;
}

.app-bar > ul > li > a img {
    width: 6.66667vw;
    height: auto;
}

.button-bar {
    display: flex;
}

.button-bar a,
.button-bar button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 16.66667vw;
    padding: 0 5.55556vw;
    border: none;
    background-color: #f2f2f2;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.button-bar a .icon,
.button-bar button .icon {
    margin-right: 1.11111vw;
}

.button-bar a .count,
.button-bar button .count {
    margin-left: 1.11111vw;
}

.button-bar a.invalid,
.button-bar button.invalid {
    background-color: #a4a4a4;
    color: #fff;
}

.button-bar .primary {
    background-color: #202020;
    color: #fff;
}

.has-app-bar .floating {
    bottom: 18.88889vw;
}

.has-app-bar.is-scroll-down .floating {
    bottom: 2.22222vw;
}

.has-app-bar.is-scroll-down .app-bar,
.has-app-bar.is-scroll-down .bottom-bar:not(.fixed) {
    transform: translateY(100%);
}

.has-app-bar.app-bar-fixed .main {
    padding-bottom: 16.66667vw;
}

.has-app-bar.app-bar-fixed .floating {
    bottom: 18.88889vw;
}

.has-app-bar.has-footer .main {
    padding-bottom: 0;
}

/*.has-app-bar.has-footer .footer-wrapper {
    padding-bottom: 16.66667vw;
}*/

.header-transparent .header {
    background-color: transparent;
}

.header-transparent .gnb {
    background-color: #fff; /* 2024-09-04(hyo) : 헤더 스크롤전 배경색 transparent */
}

.header-transparent.header-color-light .header svg path {
    fill: #202020; /* 2024-09-04(hyo) : 헤더 스크롤전 글자색 #fff */
}


.header-transparent.header-color-light .gnb {
    background-color: #fff; /* 2024-09-04(hyo) : GNB 스크롤전 배경색 transparent */
}


.header-transparent.header-color-light .gnb a {
    color: #202020; /* 2024-09-04(hyo) : GNB 스크롤전 글자색 #fff */
}

.gnb-hidden .gnb {
    height: 0;
}

.header-hidden .header-wrapper {
    transform: translateY(-16.66667vw); 
}

.control-bar {
    display: flex;
    padding: 3.33333vw 5.55556vw;
    border-bottom: 0.27778vw solid #eee;
}

.control-bar_action {
    margin-left: auto;
    margin-right: 0;
}

.control-bar_action button {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.control-bar_action button .icon {
    margin-right: 0.55556vw;
    width: 4.44444vw;
    height: auto;
}

.control-bar_sort > ul {
    display: flex;
}

.control-bar_sort > ul > li:before {
    content: "";
    display: inline-block;
    width: 0.27778vw;
    height: 3.88889vw;
    margin: 0 2.22222vw;
    background-color: #eee;
    vertical-align: -0.55556vw;
}

.control-bar_sort > ul > li:first-child:before {
    display: none;
}

.control-bar_sort > ul > li > a,
.control-bar_sort > ul > li > button {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 3.88889vw;
    line-height: 6.66667vw;
}

.control-bar_sort > ul > li > a .count,
.control-bar_sort > ul > li > button .count {
    margin-left: 0.55556vw;
}

.control-bar_sort > ul > li > a .icon,
.control-bar_sort > ul > li > button .icon {
    margin-left: 0.55556vw;
    width: 4.44444vw;
    height: auto;
}

.control-bar .push-right {
    margin-left: auto;
    margin-right: 0;
}


/* 2024-05-00 (hyo) 브랜드 상품 목록 상위 배너 추가*/
.brand-banner {
    position:relative;
}

.brand-banner .swiper-container-benner {
    overflow:hidden;
    width:100%;
    /* 22024-05-10 (hyo) 비율 제거 */
    /* aspect-ratio: 3 / 1; */
}

.brand-banner .swiper-container-benner img {
    width:100%;
    height:100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.brand-banner .swiper-pagination {
    width:100%; 
    position:absolute; 
    bottom: 1.88889vw;
}
                     
.brand-banner .swiper-pagination-bullet { margin-right:5px; }
.brand-banner .swiper-pagination-bullet-active { background: #474747; }


.sort-dropdown {
    display: inline-block;
    position: relative;
    z-index: 10;
}

.sort-dropdown > button {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 3.88889vw;
    line-height: 6.66667vw;
}

.sort-dropdown > button .icon {
    margin-left: 0.55556vw;
    width: 4.44444vw;
    height: auto;
}

.sort-dropdown > ul {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 1.11111vw;
    padding: 2.22222vw 3.33333vw;
    border-radius: 2.22222vw;
    background-color: #fff;
    box-shadow: 0 0 2.22222vw 0 rgba(0, 0, 0, 0.16);
}

.sort-dropdown > ul > li {
    margin-top: 1.11111vw;
}

.sort-dropdown > ul > li:first-child {
    margin-top: 0;
}

.sort-dropdown > ul > li > a,
.sort-dropdown > ul > li > button {
    display: block;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 6.66667vw;
    white-space: nowrap;
}

.sort-dropdown > ul > li > a.active,
.sort-dropdown > ul > li > button.active {
    color: #ff4e00;
    font-weight: 700;
}

.sort-dropdown.visible > ul {
    display: block;
}

.sort-dropdown.tip > ul {
    right: auto;
    left: 0;
}

.filter-bar .swiper-slide {
    width: auto;
    padding: 2.22222vw 0.83333vw 0;
}

.filter-bar .swiper-slide:first-child {
    padding-left: 5.55556vw;
}

.filter-bar .swiper-slide:last-child {
    padding-right: 5.55556vw;
}

.filter-bar .item {
    display: flex;
    align-items: center;
    position: relative;
    height: 8.33333vw;
    padding: 0 7.22222vw 0 2.22222vw;
    border-radius: 1.11111vw;
    background-color: #f2f2f2;
    font-size: 3.33333vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.filter-bar .item .delete {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 8.33333vw;
    height: 8.33333vw;
    padding: 0;
    border: none;
    background: url(/img/common/filter_bar_delete.svg) no-repeat 50% 50% / 4.44444vw 4.44444vw;
    white-space: nowrap;
    text-indent: 100%;
}

.bar-item {
    display: flex;
    position: relative;
    padding-right: 11.11111vw;
}

.bar-item a {
    overflow: hidden;
    font-size: 3.88889vw;
    line-height: 6.66667vw;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bar-item .delete {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -2.22222vw;
    right: -2.22222vw;
    width: 11.11111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
    background: url(/img/common/bar_item_delete.svg) no-repeat 50% 50% / 4.44444vw 4.44444vw;
    white-space: nowrap;
    text-indent: 100%;
}

.bar-item-list {
    overflow: hidden;
}

.bar-item-list > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -3.33333vw 0 0 -4.44444vw;
}

.bar-item-list > ul > li {
    margin: 3.33333vw 0 0 4.44444vw;
    padding-bottom: 3.33333vw;
    border-bottom: 0.27778vw solid #eee;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.bar-item-list.col-2 > ul > li {
    width: calc(50% - 4.44444vw);
}

.bar-item-list.col-3 > ul > li {
    width: calc(33.3333% - 4.44444vw);
}

.aside-filter-option {
    padding: 4.44444vw 5.55556vw 11.11111vw;
}

.aside-filter-option h3 {
    margin-bottom: 4.44444vw;
}

.aside-filter-option h3 ~ h3 {
    margin-top: 11.11111vw;
}

.aside-filter-option .color-picker {
    overflow: hidden;
}

.aside-filter-option .color-picker > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -4.44444vw 0 0 -6.38889vw;
}

.aside-filter-option .color-picker > ul > li {
    width: calc(16.6666% - 6.38889vw);
    margin: 4.44444vw 0 0 6.38889vw;
}

.aside-filter-option .color-picker label {
    display: block;
    text-align: center;
}

.aside-filter-option .color-picker label input {
    display: inline-block;
    position: relative;
    width: 5.55556vw;
    height: 5.55556vw;
    margin: 1.66667vw 1.66667vw;
    border-radius: 50%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.aside-filter-option .color-picker label input:before {
    content: "";
    display: block;
    position: absolute;
    top: -1.66667vw;
    left: -1.66667vw;
    width: 8.88889vw;
    height: 8.88889vw;
    border-radius: 50%;
    border: 0.27778vw solid #eee;
}

.aside-filter-option .color-picker label input + span {
    display: block;
    margin-top: 1.11111vw;
    font-size: 3.33333vw;
    letter-spacing: -0.05556vw;
    line-height: 4.44444vw;
}

.aside-filter-option .color-picker label input:checked:before {
    border: 0.55556vw solid #ff4e00;
}

.aside-filter-option .color-picker label input:checked:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.11111vw;
    left: 1.11111vw;
    width: 3.33333vw;
    height: 3.33333vw;
    background: url(/img/common/filter_color_ico_check.svg) no-repeat 0 0/100% 100%;
}

.modal.appbar-brand {
    top: auto;
    bottom: 16.66667vw;
    z-index: 1000;
}

.modal.appbar-brand.visible .modal_container {
    transform: translateY(0);
}

.modal.appbar-brand .modal_container {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(16.66667vw);
}

.modal.appbar-brand .modal_container .appbar-brand_slide {
    position: relative;
    height: 63.88889vw;
    border-radius: 4.44444vw 4.44444vw 0 0;
    background-color: #fff;
}

.modal.appbar-brand .modal_container .appbar-brand_slide h2 {
    position: absolute;
    top: 5.55556vw;
    left: 5.55556vw;
    font-size: 6.11111vw;
    line-height: 7.77778vw;
    letter-spacing: -0.16667vw;
}

.modal.appbar-brand .modal_container .appbar-brand_slide .swiper-container {
    padding: 16.66667vw 0 0 5.55556vw;
    overflow: hidden;
    margin-left: -1.11111vw;
}

.modal.appbar-brand .modal_container .appbar-brand_slide .swiper-container .swiper-slide {
    width: 38.88889vw;
    margin-right: 4.44444vw;
}

.modal.appbar-brand .modal_container .appbar-brand_slide .swiper-container .swiper-slide .brand-thumb {
    width: 38.88889vw;
    height: 33.33333vw;
    border-radius: 2.22222vw;
    overflow: hidden;
}

.modal.appbar-brand .modal_container .appbar-brand_slide .swiper-container .swiper-slide .brand-thumb > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.modal.appbar-brand .modal_container .appbar-brand_slide .swiper-container .swiper-slide .brand-tit {
    margin-top: 2.22222vw;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.input {
    position: relative;
}

.input_label {
    display: inline-block;
    margin-bottom: 2.22222vw;
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.input_wrapper {
    display: flex;
    align-items: center;
}

.input_wrapper > * {
    margin-left: 2.22222vw;
}

.input_wrapper > *:first-child {
    margin-left: 0;
}

.input_wrapper + .input_wrapper {
    margin-top: 2.22222vw;
}

.input_byte {
    margin-top: 1.11111vw;
    color: #a4a4a4;
    font-size: 3.88889vw;
    line-height: 5vw;
    text-align: right;
}

.input_byte > em {
    color: #202020;
    font-style: normal;
}

.input_label ~ .input_byte {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
}

.input_helper {
    margin-top: 1.66667vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.input_error-msg {
    margin-top: 1.66667vw;
    color: #ee443f;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.form .input + .input {
    margin-top: 4.44444vw;
}

.product-spinner {
    display: inline-flex;
}

.product-spinner button {
    width: 8.88889vw;
    height: 8.88889vw;
    padding: 0;
    border: 0.27778vw solid #ddd;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 6.66667vw 6.66667vw;
    background-color: #fff;
}

.product-spinner_minus {
    background-image: url(/img/common/form_spinner_minus.svg);
}

.product-spinner_plus {
    background-image: url(/img/common/form_spinner_plus.svg);
}

.product-spinner input {
    width: 17.77778vw;
    height: 8.88889vw;
    border: solid #ddd;
    border-width: 0.27778vw 0;
    font-size: 3.88889vw;
    text-align: center;
}

.product-badge {
    display: inline-block;
    padding: 0.83333vw 1.38889vw;
    border-radius: 0.83333vw;
    font-size: 2.77778vw;
    font-weight: 700;
    line-height: 3.88889vw;
    letter-spacing: -0.05556vw;
}

.product-badge-g-pick {
    color: #765aff;
    background-color: #f1eeff;
}

.product-badge-new {
    color: #ff6000;
    background-color: #ffefbf;
}

.product-badge-sold-out {
    color: #a4a4a4;
    background-color: #f5f5f5;
}

.product-badge-coupon {
    color: #2fae51;
    background-color: #e0f3e5;
}

.product-badge-delivery {
    color: #ff4e00;
    background-color: #ffede5;
}

.product-badge-store-best {
    color: #f02f1f;
    background-color: #fff0ef;
}

.product-badge-receiving {
    color: #a4a4a4;
    background-color: #f5f5f5;
}

.product-badge-mileage {
    background-color: #ffede5;
    color: #ff4e00;
}

.product-badge-timesale {
    color: #7200ff;
    background-color: #ead9ff;
}

.product-badge-deal {
    color: #0c00ff;
    background-color: #deddff;
}

.product-card_thumb {
    position: relative;
}

.product-card_thumb img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 2.22222vw;
    -o-object-fit: cover;
    object-fit: cover;
}

.product-card_thumb > div {
    display: flex;
    justify-content: space-between;
}

.product-card_thumb > div img {
    width: calc(50% - 2.22222vw);
}

.product-card_thumb .wish-button {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -1.66667vw;
    right: -1.66667vw;
    width: 11.11111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
    background: url(/img/common/product_card_wish.svg) no-repeat 0 0/auto 100%;
    white-space: nowrap;
    text-indent: 100%;
}

.product-card_thumb .wish-button.lg {
    top: 1.11111vw;
    right: 1.11111vw;
    background-image: url(/img/common/product_card_wish_lg.svg);
}

.product-card_thumb .wish-button.active {
    background-position: -11.11111vw 0;
}

.product-card_info {
    margin-top: 3.33333vw;
}

.product-card_brand {
    color: #999;
    font-size: 3.33333vw;
    line-height: 4.44444vw;
    letter-spacing: -0.05556vw;
}

.product-card_name {
    margin-top: 0.55556vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-card_price-wrapper {
    margin-top: 0.33333vw;
}

.product-card_price-wrapper > div {
    display: flex;
}

.product-card_full-price {
    color: #999;
    font-size: 3.33333vw;
    line-height: 4.44444vw;
    letter-spacing: -0.05556vw;
    text-decoration: line-through;
}

.product-card_discount {
    color: #ff4e00;
    /* margin-right: 1.11111vw; */
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.product-card_price {
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.product-card_color-wrapper {
    margin-bottom: 2.22222vw;
    display: flex;
    gap: 2px;
}

.product-card_color-chip {
    /*background-repeat: repeat-x;*/
    background-size: cover;
    background-position:center;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    border:1px solid #a9a9a926;
    border-radius:3px;
    text-align:center;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    font-weight: 500;
    font-family : Arial, sans-serif;
    font-size: 15px;
    line-height : 14px;
    color:#a9a9a9;
    overflow: hidden;
}

.product-card_color-cnt {
    font-size: 12px;
    color: darkgrey;
}

.product-card_badge {
    /*margin-top: 2.22222vw;*/
}

.product-card_badge > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1.11111vw 0 0 -1.11111vw;
}

.product-card_badge > ul > li {
    margin: 0.11111vw 0 0 1.11111vw;
}

.product-card_review {
    margin-top: 2.22222vw;
    color: #8a8a8a;
    font-size: 2.77778vw;
    line-height: 3.88889vw;
    letter-spacing: -0.05556vw;
}

.product-card_review:before {
    content: "";
    display: inline-block;
    width: 2.77778vw;
    height: 2.77778vw;
    margin-right: 0.55556vw;
    background: url(/img/common/product_card_review_ico.svg) no-repeat 0 0/100% 100%;
    vertical-align: -0.27778vw;
}

.product-card.col-type {
    display: flex;
    justify-content: space-between;
}

.product-card.col-type .product-card_thumb {
    width: calc(50% - 2.22222vw);
}

.product-card.col-type .product-card_info {
    width: calc(50% - 2.22222vw);
    margin-top: 0;
}

.product-card-swiper .swiper-slide {
    width: 38.88889vw;
    margin-right: 4.44444vw;
}

.product-card-swiper .swiper-slide:last-child {
    margin-right: 0;
}

.product-card-swiper .swiper-indicator {
    margin-top: 6.66667vw;
}

.product-card-swiper.square img {
    width: 38.88889vw;
    height: 38.88889vw;
    -o-object-fit: cover;
    object-fit: cover;
}

.product-grid {
    overflow: hidden;
}

.product-grid > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -6.66667vw 0 0 -4.44444vw;
}

.product-grid > ul > li {
    margin: 6.66667vw 0 0 4.44444vw;
}

.product-grid.col-2 > ul > li {
    width: calc(50% - 4.44444vw);
}

.product-grid .force-full-width {
    width: calc(100% - 4.44444vw) !important;
}

.product-list {
    padding: 6.66667vw 5.55556vw 0;
}

.product-list .heading {
    margin-bottom: 4.44444vw;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.product-list .empty {
    padding-top: 8.88889vw;
}

.product-list .empty .icon {
    display: block;
    width: 17.77778vw;
    height: 17.77778vw;
    margin: 0 auto 4.44444vw;
}

.product-list .empty > strong {
    display: block;
    margin-bottom: 2.22222vw;
    font-size: 6.11111vw;
    line-height: 7.77778vw;
    letter-spacing: -0.16667vw;
    text-align: center;
}

.product-list .empty p {
    color: #8a8a8a;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
    text-align: center;
}

.product-list .empty .button {
    width: 100%;
    margin-top: 11.11111vw;
}

.product-grid-group .product-grid + .product-grid {
    margin-top: 6.66667vw;
}

.result-bar {
    margin-bottom: 3.33333vw;
}

.result-bar p {
    font-size: 3.88889vw;
    line-height: 6.66667vw;
}

.product-sub-section {
    overflow: hidden;
    margin-top: 11.11111vw;
    padding: 0 6.66667vw;
}

.product-sub-section h2 {
    margin-bottom: 4.44444vw;
    font-size: 6.11111vw;
    line-height: 7.77778vw;
    letter-spacing: -0.16667vw;
}

.state-badge {
    display: inline-block;
    padding: 0.83333vw 1.38889vw;
    border-radius: 0.83333vw;
    font-size: 2.77778vw;
    font-weight: 700;
    line-height: 3.88889vw;
    letter-spacing: -0.05556vw;
}

.state-badge-waiting {
    color: #ff4e00;
    background-color: #ffede5;
}

.state-badge-complete {
    background-color: #dcf3eb;
    color: #06c281;
}

.coordination {
    padding: 4.44444vw 5.55556vw 22.22222vw;
}

.qna-header {
    padding: 4.44444vw 5.55556vw 6.66667vw;
    border-bottom: 0.55556vw solid #f2f2f2;
}

.qna-header .guide p {
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.qna-header .guide .button {
    width: 100%;
    margin-top: 6.66667vw;
}

.qna-item {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.qna-item_thumb {
    flex: none;
    width: 26.66667vw;
    margin-right: 4.44444vw;
}

.qna-item_thumb img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 2.22222vw;
}

.qna-item_info {
    position: relative;
    width: 100%;
}

.qna-item_thumb + .qna-item_info {
    width: calc(100% - 31.11111vw);
}

.qna-item_product-info {
    width: 100%;
    margin-top: 2.22222vw;
}

.qna-item_product-info > span {
    color: #a4a4a4;
    font-size: 3.33333vw;
    line-height: 4.44444vw;
    letter-spacing: -0.05556vw;
}

.qna-item_title {
    width: 100%;
    margin-top: 2.22222vw;
}

.qna-item_title p {
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.qna-item_meta {
    display: flex;
    width: 100%;
    margin-top: 2.22222vw;
}

.qna-item_meta > span {
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.qna-item_meta > span + span:before {
    content: "";
    display: inline-block;
    margin: 0 2.22222vw;
    width: 0.27778vw;
    height: 3.33333vw;
    background-color: #d8d8d8;
    vertical-align: -0.27778vw;
}

.qna-item_date {
    margin-top: 2.22222vw;
    color: #a4a4a4;
    font-size: 3.33333vw;
    line-height: 4.44444vw;
    letter-spacing: -0.05556vw;
}

.qna-item_contents {
    margin-top: 6.66667vw;
    width: 100%;
}

.qna-item_action {
    position: absolute;
    top: 0;
    right: 0;
}

.qna-item_action > ul {
    display: flex;
}

.qna-item_action > ul > li:before {
    content: "";
    display: inline-block;
    width: 0.27778vw;
    height: 3.33333vw;
    margin: 0 2.22222vw;
    background-color: #d8d8d8;
    vertical-align: 0.55556vw;
}

.qna-item_action > ul > li:first-child:before {
    display: none;
}

.qna-item_action > ul > li > a,
.qna-item_action > ul > li > button {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.qna-item_action > ul > li > a .icon,
.qna-item_action > ul > li > button .icon {
    margin-right: 0.55556vw;
    width: 4.44444vw;
    height: auto;
}

.qna-item_action > ul > li .primary {
    color: #ff4e00;
}

.qna-item.secret .qna-item_title p:before {
    content: "";
    display: inline-block;
    width: 4.44444vw;
    height: 4.44444vw;
    margin-right: 1.11111vw;
    background: url(/img/common/qna_item_secret_ico.svg) no-repeat 0 0/100% 100%;
    vertical-align: -0.55556vw;
}

.qna-list > ul > li {
    border-top: 0.27778vw solid #eee;
    padding: 6.66667vw 5.55556vw;
}

.qna-list > ul > li:first-child {
    border-top: none;
}

.qna-list .more {
    border-top: 1.11111vw solid #eee;
    padding: 11.11111vw 5.55556vw 0;
}

.qna-list .more .button {
    width: 100%;
}

.qna-list .empty {
    padding-top: 8.88889vw;
}

.qna-list .empty .icon {
    display: block;
    width: 17.77778vw;
    height: 17.77778vw;
    margin: 0 auto 4.44444vw;
}

.qna-list .empty > strong {
    display: block;
    margin-bottom: 2.22222vw;
    font-size: 6.11111vw;
    line-height: 7.77778vw;
    letter-spacing: -0.16667vw;
    text-align: center;
}

.qna-list .empty p {
    color: #8a8a8a;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
    text-align: center;
}

.qna-list .empty .button {
    width: 100%;
    margin-top: 11.11111vw;
}

.qna-form {
    padding: 6.66667vw 5.55556vw 0;
}

.qna-form .submit-button {
    width: 100%;
    margin-top: 6.66667vw;
}

.form-custom-text {
    display: inline-block;
    position: relative;
    width: 100%;
}

.form-custom-text > span {
    position: absolute;
    top: 50%;
    right: 3.33333vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    transform: translateY(-50%);
}

.star-rate {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 22.22222vw;
    height: 4.44444vw;
}

.star-rate > span {
    display: block;
    overflow: hidden;
    position: relative;
    width: 0;
    height: 100%;
    white-space: nowrap;
    text-indent: 100%;
}

.star-rate > span:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background-color: #ff4e00;
}

.star-rate:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(/img/common/star_rate.svg) no-repeat 0 0/100% 100%;
}

.review-guide .accordion > p {
    padding: 4.44444vw 4.44444vw;
    background-color: #f2f2f2;
    font-size: 3.88889vw;
    line-height: 5vw;
    text-align: center;
}

.review-guide .accordion .mileage > ul > li {
    display: flex;
    align-items: center;
    padding: 4.44444vw 4.44444vw;
    border-top: 0.27778vw solid #fff;
    background-color: #f2f2f2;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
}

.review-guide .accordion .mileage > ul > li .icon {
    margin-right: 1.11111vw;
    width: 5vw;
}

.review-guide .accordion .mileage > ul > li strong {
    margin-left: auto;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
}

.review-guide .accordion .caution {
    padding: 4.44444vw 4.44444vw;
    border-top: 0.27778vw solid #fff;
    background-color: #f2f2f2;
}

.review-guide .accordion .accordion_toggle {
    display: block;
    width: 100%;
    padding: 4.44444vw 4.44444vw;
    border: none;
    border-top: 0.27778vw solid #fff;
    background-color: #f2f2f2;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.review-guide .accordion .accordion_toggle:after {
    content: "";
    display: inline-block;
    width: 4.44444vw;
    height: 4.44444vw;
    margin-left: 1.11111vw;
    background: url(/img/common/review_guide_toggle_ico.svg) no-repeat 0 0/100% 100%;
    vertical-align: -0.83333vw;
}

.review-guide .accordion.active .accordion_toggle:after {
    transform: rotate(180deg);
}

.product-review-top {
    padding: 8.88889vw 5.55556vw 6.66667vw;
    border-bottom: 1.11111vw solid #f2f2f2;
}

.product-review-top .average {
    text-align: center;
}

.product-review-top .average > strong {
    display: block;
    margin-bottom: 4.44444vw;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
}

.product-review-top .average .bar {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-review-top .average .bar .star-rate {
    margin-right: 3.33333vw;
    width: 44.44444vw;
    height: 8.88889vw;
}

.product-review-top .average .bar .score {
    display: flex;
    align-items: flex-end;
    color: #8a8a8a;
    font-size: 6.66667vw;
    letter-spacing: -0.06667vw;
}

.product-review-top .average .bar .score .current {
    margin-right: 0.83333vw;
    color: #ff4e00;
    font-size: 8.88889vw;
    font-weight: 700;
    line-height: 8.88889vw;
}

.product-review-top .average .bar .score .total {
    margin-left: 0.55556vw;
}

.product-review-top .average .progressbar > ul {
    margin: 0 -5.55556vw;
}

.product-review-top .average .progressbar > ul > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.44444vw 5.55556vw;
    /* color: #202020; */
    font-size: 3.88889vw;
    line-height: 5.11111vw;
    letter-spacing: -0.11111vw;
    font-weight:500;
}

.product-review-top .average .progressbar > ul > li > .star-title {
    width:26.11111vw;
    text-align:left;
}

.product-review-top .average .progressbar > ul > li > .star-count {
    width:14.11111vw;
    padding-left:5.11112vw;
    text-align:left;
}

.product-review-top .average .progressbar > ul > li > .star-progressbar {
    padding-left:2.22223vw;
}

.product-review-top .average .progressbar > ul > li > .star-progressbar > progress {
    width:53.11111vw;
    border-radius: 0px;
}

.product-review-top .average .progressbar > ul > li > .star-progressbar > progress::-webkit-progress-bar {
    background:#f0f0f0;
    width:56.11111vw;
    border-radius: 0px;
}

.product-review-top .average .progressbar > ul > li > .star-progressbar > progress::-webkit-progress-value {
    background:#ff773c;
    width:56.11111vw;
    border-radius: 0px;
}

.product-review-top .average .progressbar > ul > li > .star-progressbar > progress::-moz-progress-bar {
    background:#f0f0f0;
    width:56.11111vw;
    border-radius: 0px;
}

.product-review-top .average .progressbar > ul > li > .star-progressbar > progress::-webkit-progress-value {
    background:#ff773c;
    width:56.11111vw;
    border-radius: 0px;
}

.product-review-top .average .progressbar > ul > li:first-child {
    border-top: 0.27778vw solid #f2f2f2;
    padding-top: 7.44444vw;
}

.product-review-top .average .option > ul {
    margin: 0 -5.55556vw;
}

.product-review-top .average .option > ul > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0.27778vw solid #f2f2f2;
    padding: 4.44444vw 5.55556vw;
    color: #8a8a8a;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.product-review-top .average .option > ul > li:first-child {
    border-top: 0.27778vw solid #f2f2f2;
}

.product-review-top .average .option > ul > li > strong {
    display: flex;
    color: #202020;
    font-weight: 700;
}

.product-review-top .average .option > ul > li > strong .percent {
    margin-left: 2.22222vw;
}

.product-review-top .register {
    width: 100%;
    margin-top: 6.66667vw;
}

.product-review_header {
    position: relative;
    padding: 6.66667vw 5.55556vw 0;
}

.product-review_header > strong {
    display: block;
    margin-bottom: 6.66667vw;
    font-size: 5vw;
    line-height: 6.66667vw;
}

.product-review_header > strong:before {
    content: "";
    display: inline-block;
    width: 5.55556vw;
    height: 5.55556vw;
    margin-right: 1.11111vw;
    background: url(/img/common/review_title_ico.svg) no-repeat 0 0/100% 100%;
    vertical-align: -1.11111vw;
}

.product-review_header .sort-dropdown {
    position: absolute;
    top: 6.94444vw;
    right: 5.55556vw;
}

.product-review_header .photo {
    margin: 0 -5.55556vw 6.66667vw;
    padding: 0 5.55556vw 4.44444vw;
    border-bottom: 0.27778vw solid #f2f2f2;
}

.product-review_header .thumb-list {
    position: relative;
}

.product-review_header .thumb-list > ul {
    display: flex;
    margin-left: -1.38889vw;
}

.product-review_header .thumb-list > ul > li {
    position: relative;
    width: 16.66667vw;
    margin-left: 1.38889vw;
}

.product-review_header .thumb-list > ul > li:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.product-review_header .thumb-list img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2.22222vw;
    -o-object-fit: cover;
    object-fit: cover;
}

.product-review_header .thumb-list .more {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 16.66667vw;
    height: 16.66667vw;
    border-radius: 2.22222vw;
    border: 0.27778vw solid #ff4e00;
    color: #ff4e00;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.product-review_header .thumb-list .more:before {
    content: "";
    display: block;
    width: 4.44444vw;
    height: 4.44444vw;
    background: url(/img/common/product_photo_more_ico.svg) no-repeat 0 0/100% 100%;
}

.review-list > ul > li {
    padding: 6.66667vw 5.55556vw;
    border-top: 0.27778vw solid #f2f2f2;
}

.review-list > ul > li:first-child {
    padding-top: 0;
    border-top: none;
}

.review-list > ul > li:last-child {
    padding-bottom: 0;
}

.review-list > ul > li .order-item {
    margin-bottom: 4.44444vw;
}

.review-list .result {
    padding: 0 5.55556vw 6.66667vw;
}

.review-list .pagination {
    border-top: none;
}

.evaluation {
    position: relative;
}

.evaluation .satisfaction {
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
}

.evaluation .bar-list {
    display: flex;
}

.evaluation .bar-list > li {
    font-size: 3.55556vw;
    line-height: 5vw;
}

.evaluation .bar-list > li:before {
    content: "";
    display: inline-block;
    width: 0.27778vw;
    height: 3.33333vw;
    margin: 0 2.22222vw;
    background-color: #d8d8d8;
    vertical-align: -0.27778vw;
}

.evaluation .bar-list > li:first-child:before {
    display: none;
}

.evaluation .bar-list > li a,
.evaluation .bar-list > li button {
    display: inline-flex;
    align-items: center;
    color: #8a8a8a;
    font-weight: 400;
}

.evaluation .bar-list > li a.primary,
.evaluation .bar-list > li button.primary {
    color: #ff4e00;
}

.evaluation .bar-list > li a .icon,
.evaluation .bar-list > li button .icon {
    width: 4.44444vw;
    height: 4.44444vw;
    margin-right: 0.55556vw;
}

.evaluation .bar-list > li a.disabled,
.evaluation .bar-list > li button.disabled {
    color: #aaa;
    cursor: default;
}
.evaluation .spec{
    border: 1px solid #eeeeee;
    border-radius: 8px; padding: 12px;
    color: #666;
}
.evaluation .spec .bar-list + .bar-list {
    margin-top: 1.11111vw;
}

.evaluation .satisfaction + .spec {
    margin-top: 3.33333vw;
}

.evaluation .content-box-wrapper {
    margin-top: 4.44444vw;
}

.evaluation .option .bar-list {
    display: block;
}

.evaluation .option .bar-list > li {
    margin-top: 1.11111vw;
}

.evaluation .option .bar-list > li:first-child {
    margin-top: 0;
}

.evaluation .option .bar-list > li:before {
    display: none;
}

.evaluation .thumb-list {
    margin-bottom: 3.33333vw;
}

.evaluation .thumb-list > ul {
    display: flex;
    margin-left: -1.11111vw;
}

.evaluation .thumb-list > ul > li {
    position: relative;
    width: calc(20% - 1.11111vw);
    margin-left: 1.11111vw;
}

.evaluation .thumb-list > ul > li:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.evaluation .thumb-list img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2.22222vw;
    -o-object-fit: cover;
    object-fit: cover;
}

.evaluation .thumb-list .more > span {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 2.22222vw;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.evaluation .content-box {
    position: relative;
}

.evaluation .content-box .action {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    right: 4.44444vw;
    bottom: 4.44444vw;
}

.evaluation_content {
    overflow: hidden;
    max-height: 10vw;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.evaluation_content.expanded {
    max-height: none;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
}

.evaluation .toggle {
    display: inline-block;
    margin-top: 2.22222vw;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.evaluation .toggle:after {
    content: "";
    display: inline-block;
    width: 4.44444vw;
    height: 4.44444vw;
    margin-left: 0.55556vw;
    background: url(/img/common/evaluation_more_chevron.svg) no-repeat 0 0/100% 100%;
    vertical-align: -0.83333vw;
}

.evaluation .toggle.active:after {
    transform: rotate(180deg);
}

.evaluation .metadata {
    margin-top: 4.44444vw;
}

.evaluation .action button {
    padding: 0;
    border: none;
    background-color: transparent;
    color: #8a8a8a;
    font-weight: 700;
}

.evaluation .action button.primary {
    color: #ff4e00;
}

.evaluation .action .report {
    display: flex;
    align-items: center;
    color: #8a8a8a;
    font-size: 3.33333vw;
    line-height: 5vw;
}

.evaluation .action .report .icon {
    width: 3.88889vw;
    height: 3.88889vw;
    margin-right: 1.11111vw;
}

.evaluation .star-rate {
    position: absolute;
    top: 0.27778vw;
    right: 0;
}

.photo-review {
    padding: 4.44444vw 5.55556vw 22.22222vw;
}

.photo-review .grid {
    overflow: hidden;
}

.photo-review .grid > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -2.22222vw 0 0 -2.22222vw;
}

.photo-review .grid > ul > li {
    position: relative;
    width: calc(33.3333% - 2.22222vw);
    margin: 2.22222vw 0 0 2.22222vw;
}

.photo-review .grid > ul > li:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.photo-review .grid > ul > li img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2.22222vw;
    -o-object-fit: cover;
    object-fit: cover;
}

.review-detail {
    padding: 4.44444vw 5.55556vw 22.22222vw;
}

.review-detail .photo-slider .swiper-container {
    border-radius: 2.22222vw;
}

.review-detail .photo-slider img {
    display: block;
    width: 100%;
    height: auto;
}

.review-detail .photo-slider .swiper-indicator {
    margin-top: 2.22222vw;
}

.review-detail .evaluation {
    margin-top: 6.66667vw;
}

.radio-button-group {
    display: flex;
}

.radio-button-group label {
    width: 100%;
    margin-left: -0.27778vw;
}

.radio-button-group label:first-child {
    margin-left: 0;
}

.radio-button-group label:first-child input + span {
    border-radius: 2.22222vw 0 0 2.22222vw;
}

.radio-button-group label:last-child input + span {
    border-radius: 0 2.22222vw 2.22222vw 0;
}

.radio-button-group label input {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

.radio-button-group label input + span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 13.33333vw;
    border: 0.27778vw solid #ddd;
    background-color: #fff;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.radio-button-group label input:checked + span {
    position: relative;
    z-index: 1;
    border-color: #ff4e00;
    background-color: #ff4e00;
    color: #fff;
}

/* Swiper 내 라벨 너비 자동 조절 */
.swiper .radio-button-group label {
    width: auto;
}

/* 공통 span 설정 (가운데 버튼들을 위해 기본 모서리는 직각으로 초기화) */
.swiper .radio-button-group .swiper-slide label input + span {
    border-radius: 0 !important; /* 모서리 각지게 초기화 */
    padding: 0 15px;
    min-width: 65px;
    cursor: pointer;
}

/* 그룹의 첫 번째 버튼: 왼쪽 모서리만 둥글게 */
.swiper .radio-button-group .swiper-slide:first-child label input + span {
    border-radius: 8px 0 0 8px !important;
}

/* 그룹의 마지막 버튼: 오른쪽 모서리만 둥글게 */
.swiper .radio-button-group .swiper-slide:last-child label input + span {
    border-radius: 0 8px 8px 0 !important;
}

.score-radio {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.score-radio:before {
    content: "";
    display: block;
    position: absolute;
    top: 5.27778vw;
    left: 0;
    width: 100%;
    height: 0.27778vw;
    background-color: #ddd;
}

.score-radio label {
    position: relative;
    width: 10.55556vw;
    margin-left: 8.88889vw;
    padding-bottom: 7.22222vw;
}

.score-radio label:first-child {
    margin-left: 0;
}

.score-radio label input {
    margin: 0;
    width: 10.55556vw;
    height: 10.55556vw;
    background: url(/img/common/score_radio.svg) no-repeat 0 0/auto 100% #fff;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.score-radio label input:checked {
    background-position: -10.55556vw 0;
}

.score-radio label input + span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
    white-space: nowrap;
    transform: translateX(-50%);
}

.form-star-rate {
    display: flex;
    justify-content: center;
}

.form-star-rate button {
    width: 11.11111vw;
    height: 11.11111vw;
    margin-left: 2.22222vw;
    padding: 0;
    border: none;
    background: url(/img/common/star_rate_btn.svg) no-repeat 0 0/auto 100%;
}

.form-star-rate button:first-child {
    margin-left: 0;
}

.form-star-rate button.active {
    background-position-x: -11.11111vw;
}

.review-form {
    padding-top: 4.44444vw;
}

.review-form_section {
    padding: 0 5.55556vw;
}

.review-form_section h3 {
    font-size: 5vw;
    font-weight: 700;
    line-height: 6.66667vw;
}

.review-form_section h3 + p {
    margin-top: 2.22222vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.review-form_section h4 {
    margin-bottom: 4.44444vw;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
}

.review-form_section .order-item {
    margin-bottom: 6.66667vw;
}

.review-form_section .hr {
    margin: 6.66667vw -5.55556vw;
    height: 0.27778vw;
    background-color: #f2f2f2;
}

.review-form_section + .review-form_section {
    margin-top: 6.66667vw;
    padding-top: 6.66667vw;
    border-top: 1.11111vw solid #f2f2f2;
}

.review-form .center-form p {
    margin-bottom: 4.44444vw;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    text-align: center;
}

.review-form .photo-form .info, .review-form .photo-form .ai{
    display: flex;
    align-items:center;
    margin: 4.44444vw 0;
    font-size: 3.88889vw;
}

.review-form .photo-form .info:before {
    content: "";
    display: inline-block;
    width: 3.88889vw;
    height: 3.88889vw;
    margin-right: 1.11111vw;
    background: url(/img/common/mark_information.svg) no-repeat 0 0/100% 100%;
    vertical-align: -0.55556vw;
}

.review-form .photo-form .ai:before {
    content: "";
    display: inline-block;
    width: 6vw;
    height: 6vw;
    margin-right: 1.11111vw;
    background: url(/img/common/ai_info.svg) no-repeat 0 0/100% 100%;
    vertical-align: -0.55556vw;
}

.review-form .input_label {
    margin-bottom: 4.44444vw;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
}

.review-form .input_byte {
    top: 0.55556vw;
}

.report-form {
    padding: 4.44444vw 5.55556vw 22.22222vw;
}

.report-form h3 {
    font-size: 4.44444vw;
    font-weight: 400;
    line-height: 6.11111vw;
}

.report-form .user-id {
    margin-top: 4.44444vw;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
}

.report-form .content-box {
    margin-top: 4.44444vw;
}

.report-form .checkbox-group {
    margin-top: 6.66667vw;
}

.report-form .checkbox-group > ul > li {
    margin-top: 4.44444vw;
}

.report-form .checkbox-group > ul > li:first-child {
    margin-top: 0;
}

.report-form .input {
    margin-top: 11.11111vw;
}

.report-form .input_label {
    margin-bottom: 4.44444vw;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
}

.report-form .input_byte {
    top: 0.55556vw;
}

.report-form .guide {
    position: relative;
    margin-top: 11.11111vw;
    padding-left: 5.55556vw;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.report-form .guide:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.27778vw;
    left: 0;
    width: 3.88889vw;
    height: 3.88889vw;
    background: url(/img/common/report_guide_ico.svg) no-repeat 0 0/100% 100%;
}

.report-form .button-group {
    display: flex;
    margin-top: 11.11111vw;
}

.report-form .button-group .button {
    width: 100%;
}

.report-form .button-group .button + .button {
    margin-left: 2.22222vw;
}

.report-form .block {
    display: inline-block;
    margin-top: 8.33333vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
}

.order-item {
    display: flex;
    width: 100%;
}

.order-item_thumb {
    flex: none;
    width: 26.66667vw;
}

.order-item_thumb img {
    display: block;
    border-radius: 2.22222vw;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.order-item_info {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 4.44444vw;
}

.order-item_brand {
    margin-bottom: 1.11111vw;
    color: #999;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-item_name {
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-item_id {
    margin-top: 1.11111vw;
    font-size: 3.33333vw;
    line-height: 4.44444vw;
}

.order-item_option {
    display: flex;
    margin-top: 2.22222vw;
}

.order-item_option p {
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-item_option p + p {
    margin-top: 1.11111vw;
}

.order-item_price-wrapper {
    margin-top: 4.44444vw;
}

.order-item_price-wrapper > div {
    display: flex;
    align-items: center;
}

.order-item_full-price {
    color: #999;
    font-size: 3.33333vw;
    line-height: 4.44444vw;
    letter-spacing: -0.05556vw;
    text-decoration: line-through;
}

.order-item_discount, .order-item_price {
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.order-item_discount {
    margin-right: 1.11111vw;
    color: #ff4e00;
}

.order-item_amount {
    margin-left: 1.11111vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5.55556vw;
    letter-spacing: -0.05556vw;
}

.order-item_badge {
    margin-top: 2.22222vw;
}

.order-item_star-rate {
    margin-top: 4.44444vw;
}

.order-item.center {
    align-items: center;
}

.order-item.square .order-item_thumb {
    height: 26.66667vw;
}

.order-item.square .order-item_thumb img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.order-item_btn {
    width: 35vw;
    margin-top: 2.77778vw;
}

.order-list > ul > li {
    position: relative;
    padding: 6.66667vw 5.55556vw;
    border-top: 0.27778vw solid #eee;
}

.order-list > ul > li:first-child {
    border-top: none;
}

.order-list > ul > li .check {
    position: absolute;
    top: 6.66667vw;
    left: 5.55556vw;
}

.order-list > ul > li .action {
    margin-top: 3.33333vw;
}

.order-list > ul > li .action .product-spinner {
    margin-left: 26.66667vw;
}

.order-list > ul > li .action .button-group {
    display: flex;
    margin-top: 5vw;
}

.order-list > ul > li .action .button-group .button {
    width: 100%;
    padding: 0 1.11111vw;
}

.order-list > ul > li .action .button-group .button + .button {
    margin-left: 2.22222vw;
}

.order-list > ul > li .delete {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 2.77778vw;
    right: 1.66667vw;
    width: 11.11111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
    background: url(/img/common/cart_item_delete.svg) no-repeat 50% 50% / 4.44444vw 4.44444vw;
    white-space: nowrap;
    text-indent: 100%;
}

.order-list.selectable > ul > li {
    padding: 6.66667vw 5.55556vw 6.66667vw 13.33333vw;
}

.order-list.selectable > ul > li .order-item {
    padding-right: 6.66667vw;
}

.order-list.selectable > ul > li .order-item_thumb {
    width: 22.22222vw;
}

.order-list.selectable > ul > li .action .form-spinner {
    margin-left: 25.55556vw;
}

.order-group-list > ul > li {
    border-top: 1.11111vw solid #eee;
}

.order-group-list > ul > li:first-child {
    border-top: none;
}

.order-group-list > ul > li > strong {
    display: block;
    padding: 6.66667vw 5.55556vw 0;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.order-group-list > ul > li > strong > span {
    display: block;
}

.order-group-list > ul > li > strong > span + span {
    margin-top: 1.11111vw;
}

.dot-guide > strong {
    display: block;
    margin-bottom: 2.22222vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.dot-guide > ul > li {
    position: relative;
    margin-top: 2.22222vw;
    padding-left: 2.5vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.dot-guide > ul > li:first-child {
    margin-top: 0;
}

.dot-guide > ul > li:before {
    content: "";
    display: block;
    position: absolute;
    top: 2.22222vw;
    left: 0;
    width: 0.83333vw;
    height: 0.83333vw;
    border-radius: 50%;
    background-color: #8a8a8a;
}

.form-text.optional-input {
    display: none;
}

.write-field_packet + .write-field_packet {
    margin-top: 4.44444vw;
}

.write-field .select_label {
    font-size: 3.88889vw;
    margin-bottom: 2.22222vw;
}

.write-field .tit-group {
    display: flex;
    align-items: center;
    margin-bottom: 2.22222vw;
}

.write-field .tit-group p {
    font-size: 3.88889vw;
}

.write-field .tit-group > label {
    margin-left: auto;
    margin-right: 0;
}

.write-field .tit-group .form-checkbox input + span {
    font-size: 3.88889vw;
}

.write-field .reserves-group {
    display: flex;
    justify-content: space-between;
}

.write-field .reserves-group_input {
    position: relative;
    width: calc(100% - 25.55556vw);
}

.write-field .reserves-group_input input {
    width: 100%;
    padding: 0 8.88889vw 0 3.33333vw;
}

.write-field .reserves-group_input span {
    position: absolute;
    top: 50%;
    margin-top: -2.22222vw;
    right: 3.33333vw;
    font-size: 3.88889vw;
}

.write-field .reserves-group .button {
    width: 23.33333vw;
    border-radius: 1.11111vw;
}

.write-field .zip-group {
    display: flex;
    margin-bottom: 2.22222vw;
}

.write-field .zip-group input {
    width: 52.5vw;
}

.write-field .zip-group .button {
    margin-left: auto;
    margin-right: 0;
    width: calc(100% - 54.72222vw);
}

.coupon-group {
    margin-top: 1.11111vw;
}

.coupon-group_stack {
    width: 100%;
}

.coupon-group_stack .stack {
    position: relative;
    padding: 4.16667vw 11.11111vw 4.16667vw 3.33333vw;
    border: 0.27778vw solid #ddd;
    border-radius: 1.11111vw;
    background-color: #eee;
}

.coupon-group_stack .stack .em {
    font-weight: 700;
}

.coupon-group_stack .stack + .stack {
    margin-top: 1.11111vw;
}

.coupon-group_stack .stack p {
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.coupon-group_stack .stack .delete {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -6.66667vw;
    right: 0;
    width: 11.11111vw;
    height: 13.33333vw;
    padding: 0;
    border: none;
    background: url(/img/common/order_item_delete.svg) no-repeat 50% 50% / 4.44444vw;
    white-space: nowrap;
    text-indent: 100%;
}

.input.addr .input_wrapper {
    display: block;
}

.input.addr .input_wrapper .form-text {
    margin-left: 0;
}

.input.addr .input_wrapper .form-text + .form-text {
    margin-top: 2.22222vw;
}

.input.addr .zip-group {
    display: flex;
    margin-bottom: 2.22222vw;
}

.input.addr .zip-group input {
    width: 52.5vw;
}

.input.addr .zip-group .button {
    margin-top: 0;
    margin-left: auto;
    margin-right: 0;
    width: calc(100% - 54.72222vw);
    border-radius: 1.11111vw;
}

.button img {
    width: 4.44444vw;
    height: 4.44444vw;
    margin-right: 1.11111vw;
}

.button.disabled {
    border-color: #dddddd;
    background-color: #dddddd;
    color: #8a8a8a;
}

.button.cancel {
    border-color: #f2f2f2;
    background-color: #f2f2f2;
    color: #8a8a8a;
}

.warning-message {
    display: block;
    position: relative;
    padding-left: 5.55556vw;
    margin-top: 2.22222vw;
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.warning-message::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0.27778vw;
    left: 0;
    width: 4.44444vw;
    height: 4.44444vw;
    background: url(/img/common/order_warning.svg) no-repeat 0 0/100% 100%;
}

.shipping-list ul {
    padding-top: 0.27778vw;
}

.shipping-list ul li {
    border: 0.27778vw solid #eee;
    border-radius: 2.22222vw;
    overflow: hidden;
}

.shipping-list ul li + li {
    margin-top: 4.44444vw;
}

.shipping-list ul li.active {
    border: 0.27778vw solid #ff4e00;
    outline: 0.27778vw solid #ff4e00;
}

.shipping-list ul li div {
    padding: 4.44444vw;
    border-top: 0.27778vw solid #eee;
}

.shipping-list ul li div:first-child {
    border-top: none;
}

.shipping-list ul li .delivery_name {
    display: flex;
    align-items: center;
}

.shipping-list ul li .delivery_name span {
    color: #202020;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.shipping-list ul li .delivery_name .default {
    padding: 0.83333vw 1.38889vw;
    margin-left: 2.77778vw;
    border-radius: 1.11111vw;
    background-color: #ffede5;
    color: #ff4e00;
    font-size: 2.77778vw;
    font-weight: 700;
    line-height: 3.88889vw;
    letter-spacing: -0.05556vw;
}

.shipping-list ul li .delivery_info {
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.shipping-list ul li .delivery_btn {
    display: flex;
    height: 13.33333vw;
    padding: 0;
}

.shipping-list ul li .delivery_btn .button.cancel {
    width: 26.66667vw;
}

.shipping-list ul li .delivery_btn .button.primary {
    width: calc(100% - 26.66667vw);
    font-weight: 700;
}

.shipping-list .button {
    width: 100%;
}

.shipping-list .submit-button {
    margin-top: 6.66667vw;
}

.shipping-list .submit-button + .submit-button {
    margin-top: 2.22222vw;
}

.exec-benefits_packet + .exec-benefits_packet {
    margin-top: 6.66667vw;
}

.exec-benefits_packet h3 {
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.exec-benefits_packet table {
    width: 100%;
    margin-top: 4.44444vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    text-align: center;
}

.exec-benefits_packet table th {
    height: 11.11111vw;
    background-color: #eeeeee;
    font-weight: 400;
    letter-spacing: -0.05556vw;
}

.exec-benefits_packet table td {
    min-height: 11.11111vw;
    padding: 2.77778vw;
    letter-spacing: -0.16667vw;
}

.exec-benefits_packet table td.left-side {
    text-align: left;
}

.exec-benefits_packet table td.left-side ul li {
    position: relative;
    padding-left: 2.77778vw;
}

.exec-benefits_packet table td.left-side ul li + li {
    margin-top: 2.22222vw;
}

.exec-benefits_packet table td.left-side ul li::before {
    content: '';
    position: absolute;
    top: 2.22222vw;
    left: 0;
    width: 0.83333vw;
    height: 0.83333vw;
    border-radius: 50%;
    background-color: #202020;
}

.exec-benefits_packet table tbody tr {
    border-bottom: 0.27778vw solid #eee;
}

.exec-benefits_packet p {
    padding: 2.77778vw 0;
    margin-top: 4.44444vw;
    border: 0.27778vw solid #eee;
    border-width: 0.27778vw 0;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.aside .aside-field.vertical {
    padding: 4.44444vw 0 15.55556vw;
}

.apply-coupon_packet {
    padding: 0 5.55556vw;
}

.apply-coupon_packet .selectric-wrapper ~ .selectric-wrapper {
    margin-top: 1.11111vw;
}

.apply-coupon_packet + .apply-coupon_packet {
    padding-top: 6.66667vw;
    margin-top: 6.66667vw;
    border-top: 0.27778vw solid #eee;
}

.apply-coupon_packet.division {
    border-top: 1.11111vw solid #eee;
}

.apply-coupon_packet h3 {
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.apply-coupon_packet h3 > span {
    margin-left: 2.77778vw;
}

.apply-coupon_packet h3 + .order-item {
    margin-top: 4.44444vw;
}

.apply-coupon_packet h3 + .selectric-wrapper {
    margin-top: 4.44444vw;
}

.apply-coupon_packet .order-item + .selectric-wrapper {
    margin-top: 4.44444vw;
}

.apply-coupon_packet.result .apply-coupon_sale {
    padding: 0;
}

.apply-coupon_packet.result .apply-coupon_sale + .apply-coupon_sale {
    margin-top: 3.33333vw;
}

.apply-coupon_packet .button {
    width: 100%;
}

.apply-coupon_sale {
    display: flex;
    align-items: center;
    padding: 4.16667vw 3.33333vw;
}

.apply-coupon_sale p {
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.apply-coupon_sale p + p {
    margin-left: auto;
}

.apply-coupon_sale p.em {
    font-weight: 700;
}

.apply-coupon_sale p .point {
    color: #ff4e00;
}

.card-benefits_img {
    width: 100%;
}

.card-benefits_img img {
    width: 100%;
}

.gpick_order-bar {
    position: relative;
    padding: 6.66667vw 5.55556vw 0;
}

.gpick_order-bar .gpick-info p {
    color: #202020;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.05556vw;
}

.gpick_order-bar .gpick-info p span:last-child {
    margin-left: 1.11111vw;
}

.gpick_order-bar + .mypage-orderform {
    border-top: 0.27778vw solid #eee;
}

.gpick_order-bar .view-more {
    position: absolute;
    top: 6.66667vw;
    right: 5.55556vw;
}

.order-info_sm {
    padding: 6.66667vw 5.55556vw;
}

.order-info_sm + .order-info_sm {
    padding: 0 5.55556vw 6.66667vw;
}

.order-info {
    border-top: 1.11111vw solid #eee;
}

.order-info:first-child {
    border-top: none;
}

.order-info .form-checkbox input + span,
.order-info .form-radio input + span {
    font-size: 4.44444vw;
    letter-spacing: -0.11111vw;
}

.order-info:last-child {
    padding-bottom: 0;
}

.order-info .order-bar {
    display: flex;
    align-items: center;
    margin-bottom: 4.44444vw;
}

.order-info .order-bar.basic {
    padding: 6.66667vw 5.55556vw 4.44444vw;
    margin-bottom: 0;
}

.order-info .order-bar.point {
    padding: 6.66667vw 5.55556vw 0;
    margin-bottom: 0;
}

.order-info .order-bar .order-info_tit {
    color: #202020;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.order-info .order-bar .order-info_tit strong {
    color: #ff4e00;
}

.order-info .order-bar .order-info_tit.exec_tit {
    display: flex;
    align-items: center;
}

.order-info .order-bar .order-info_tit.exec_tit .exec-open {
    display: block;
    width: 8.33333vw;
    height: 8.33333vw;
    background: url(/img/common/mark_information.svg) no-repeat center / 5.55556vw;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
}

.order-info .order-bar .order-info_tit + div,
.order-info .order-bar a,
.order-info .order-bar button,
.order-info .order-bar label {
    margin-left: auto;
}

.order-info .order-bar label.order-same {
    margin-left: 2.77778vw;
}

.order-info .order-bar label.order-same span {
    font-size: 3.88889vw;
}

.order-info .view-change {
    position: relative;
    padding: 0 5vw 0 0;
    background-color: transparent;
    border: none;
    color: #ff4e00;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-info .view-change::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0.27778vw;
    right: 0;
    width: 4.44444vw;
    height: 4.44444vw;
    background: url(/img/common/order_color_ico_up.svg) no-repeat 0 0/100% 100%;
}

.order-info .view-change.off::before {
    background: url(/img/common/order_color_ico_down.svg) no-repeat 0 0/100% 100%;
}

.order-info .caution-message {
    position: relative;
    margin-top: 4.44444vw;
    padding-left: 2.77778vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-info .caution-message::before {
    content: "";
    position: absolute;
    top: 1.94444vw;
    left: 0;
    width: 0.83333vw;
    height: 0.83333vw;
    background-color: #8a8a8a;
    border-radius: 50%;
}

.order-info .caution-message + .caution-message {
    margin-top: 1.11111vw;
}

.order-info .chk-message {
    margin-top: 2.22222vw;
}

.order-info .info_request .request-txt {
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-info .info_request .request-txt + .request-txt {
    margin-top: 2.22222vw;
}

.order-info .info_request > div + div,
.order-info .info_request .selectric-wrapper + input,
.order-info .info_request input + .selectric-wrapper,
.order-info .info_request .selectric-wrapper + .selectric-wrapper,
.order-info .info_request input + input {
    margin-top: 2.22222vw;
}

.order-info .orderproduct-info {
    font-size: 3.88889vw;
}

.order-info .orderproduct-info_name {
    color: #202020;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-info .orderproduct-info_brand {
    color: #8a8a8a;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-info .orderproduct-info_option {
    display: flex;
    margin-top: 2.22222vw;
}

.order-info .orderproduct-info_option p {
    font-size: 3.88889vw;
    font-weight: 700;
    letter-spacing: -0.05556vw;
}

.order-info .orderproduct-info_price-wrapper {
    margin-top: 4.44444vw;
}

.order-info .orderproduct-info_price-wrapper > div {
    display: flex;
    align-items: center;
}

.order-info .orderproduct-info_discount, .order-info .orderproduct-info_price {
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.order-info .orderproduct-info_discount {
    margin-right: 1.11111vw;
    color: #ff4e00;
}

.order-info .orderproduct-info_amount {
    margin-left: 1.11111vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5.55556vw;
    letter-spacing: -0.05556vw;
}

.order-info .orderproduct-info_badge {
    display: inline-block;
    padding: 0.83333vw 1.38889vw;
    margin-top: 2.22222vw;
    border-radius: 0.83333vw;
    background-color: #ffede5;
    color: #ff4e00;
    font-size: 2.77778vw;
    font-weight: 700;
    line-height: 3.88889vw;
    letter-spacing: -0.05556vw;
}

.order-info .orderproduct-info_allcount {
    margin-left: auto;
    margin-right: 0;
    color: #202020;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.order-info .orderproduct-info_earn {
    display: inline-block;
    padding: 0.83333vw 1.38889vw;
    border-radius: 0.83333vw;
    background-color: #ffede5;
    color: #ff4e00;
    font-size: 2.77778vw;
    font-weight: 700;
    line-height: 3.88889vw;
    letter-spacing: -0.05556vw;
}

.order-info .orderproduct-info_gpick {
    margin-bottom: 2.22222vw;
    color: #202020;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
    word-break: keep-all;
}

.order-info .orderproduct-info_gpick + .view-more {
    display: inline-block;
    margin-bottom: 6.66667vw;
}

.order-info .orderproduct-info.summary {
    display: flex;
    align-items: center;
    padding: 6.66667vw 5.55556vw;
}

.order-info .orderproduct-info.summary .order-item_info {
    padding-left: 0;
}

.order-info .orderproduct-info.summary .orderproduct-info_allcount {
    min-width: 12.77778vw;
    text-align: right;
}

.order-info .orderproduct-info.full ul li {
    display: flex;
    flex-wrap: wrap;
    padding: 6.66667vw 5.55556vw;
}

.order-info .orderproduct-info.full ul li + li {
    padding: 6.66667vw 5.55556vw;
    border-top: 0.27778vw solid #eee;
}

.order-info .orderproduct-info.full ul li .orderproduct-info_thumb {
    width: 26.66667vw;
    height: 35.55556vw;
    border-radius: 2.22222vw;
    overflow: hidden;
}

.order-info .orderproduct-info.full ul li .orderproduct-info_thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.order-info .orderproduct-info.full ul li .orderproduct-info_desc {
    width: calc(100% - 31.11111vw);
    margin-left: 4.44444vw;
}

.order-info .orderproduct-info .order-condition {
    display: block;
    margin-bottom: 4.44444vw;
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-info .order-item_info {
    display: block;
}

.order-info .action {
    display: flex;
    margin-top: 4.44444vw;
}

.order-info .action .button {
    width: 21.38889vw;
    padding: 0 2.22222vw;
}

.order-info .action .button + .button {
    margin-left: 1.11111vw;
}

.order-info .orderproduct-gpick .orderproduct-info {
    border-top: 0.27778vw solid #eee;
}

.order-info .payment-info_nav {
    padding: 0 5.55556vw;
}

.order-info .payment-info_nav ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.order-info .payment-info_nav ul li:nth-child(1), .order-info .payment-info_nav ul li:nth-child(2) {
    width: 49%;
}

.order-info .payment-info_nav ul li:nth-child(4), .order-info .payment-info_nav ul li:nth-child(4), .order-info .payment-info_nav ul li:nth-child(5) {
    width: 32%;
    margin-top: 2.22222vw;
}

.order-info .payment-info_nav ul li .button {
    display: flex;
}

.order-info .payment-info_conts .payment-txt {
    padding: 6.66667vw 5.55556vw;
}

.order-info .payment-info_conts .payment-case_creditcard a {
    display: block;
    position: relative;
    width: 100%;
/*    padding: 4.44444vw 5.55556vw;
    margin-top: 6.66667vw;*/
	padding-left: 5.55556vw;
    /*border-top: 0.27778vw solid #eee;*/
    color: #202020;
    font-size: 4.44444vw;
    /*line-height: 6.11111vw;*/
    letter-spacing: -0.11111vw;
}

.order-info .payment-info_conts .payment-case_creditcard a::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -2.22222vw;
    right: 5.55556vw;
    width: 4.44444vw;
    height: 4.44444vw;
    background: url(/img/common/order_ico_right.svg) no-repeat center/100%;
}

.order-info .payment-info_conts .payment-service {
    padding-top: 6.66667vw;
    border-top: 0.27778vw solid #eee;
}

.order-info .payment-info_conts .payment-service + .payment-service {
    border-top: 1.11111vw solid #eee;
}

.order-info .payment-info_conts .payment-service .service-chk {
    display: flex;
}

.order-info .payment-info_conts .payment-service .service-chk label {
    margin-left: 5.55556vw;
}

.order-info .payment-info_conts .payment-service .service-chk label:first-child {
    margin-left: 0;
}

.order-info .payment-info_conts .payment-service .service-chk .form-radio input + span {
    font-size: 3.88889vw;
    letter-spacing: -0.05556vw;
}

.order-info .payment-info_conts .payment-service .info_request {
    position: relative;
    padding-top: 4.44444vw;
    margin-top: 4.44444vw;
}

.order-info .payment-info_conts .payment-service .info_request::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: calc(100% + 11.11111vw);
    height: 0.27778vw;
    background-color: #eee;
    margin-left: -5.55556vw;
    margin-right: -5.55556vw;
}

.order-info .payment-info_conts .caution-message:first-child {
    margin-top: 0;
}

.order-info .point-info {
    overflow: hidden;
}

.order-info .point-info ul {
    border-top: 0.27778vw solid #eee;
    padding: 6.66667vw 5.55556vw 4.44444vw;
}

.order-info .point-info ul:first-child {
    border-top: none;
}

.order-info .point-info ul:last-child {
    padding: 4.44444vw 5.55556vw 6.66667vw;
}

.order-info .point-info ul + ul {
    padding: 4.44444vw 5.55556vw;
    border-top: 0.27778vw solid #eee;
}

.order-info .point-info ul li {
    display: flex;
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-info .point-info ul li + li {
    margin-top: 3.33333vw;
}

.order-info .point-info ul li:last-child {
    margin-bottom: 0;
}

.order-info .point-info ul li p + p {
    margin-left: auto;
    margin-right: 0;
}

.order-info .point-info ul li p.em {
    font-weight: 700;
}

.order-info .point-info ul li p.point {
    color: #ff4e00;
}

.order-info .point-info ul li p.addn {
    color: #8a8a8a;
}

.order-info .point-info_result {
    padding: 4.44444vw 5.55556vw !important;
    border-top: 0.27778vw solid #eee;
}

.order-info .point-info_result:first-child {
    border-top: none;
}

.order-info .point-info_result .result {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 15.55556vw;
    padding: 4.44444vw;
    border-radius: 2.22222vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-info .point-info_result .result + .result {
    margin-top: 4.44444vw;
}

.order-info .point-info_result .result p {
    word-wrap: break-word;
    word-break: break-all;
}

.order-info .point-info_result .result p + p {
    margin-left: auto;
    margin-right: 0;
    font-size: 5vw;
}

.order-info .point-info_result .result p.em {
    font-weight: 700;
}

.order-info .point-info_result .result p.addn {
    color: #8a8a8a;
}

.order-info .point-info_result .result.sum {
    background-color: #202020;
    color: #fff;
}

.order-info .point-info_result .result.point {
    background-color: #ffede5;
    color: #202020;
}

.order-info .point-info_result .result.history {
    display: block;
    padding: 0;
    background-color: #f2f2f2;
}

.order-info .point-info_result .result.history div {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 4.44444vw;
}

.order-info .point-info_result .result.history div p + p {
    text-align: right;
    font-size: 3.88889vw !important;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-info .point-info_result .result.history div + div {
    position: relative;
}

.order-info .point-info_result .result.history div + div::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: calc(100% + 11.11111vw);
    height: 0.27778vw;
    background-color: #fff;
    margin-left: -5.55556vw;
    margin-right: -5.55556vw;
}

.order-info .point-info_result .result.history + ul {
    border-top: none;
    padding-bottom: 0 !important;
}

.order-info .point-info_result > ul {
    padding: 4.44444vw 0 !important;
}

.order-info .result-info {
    display: flex;
    align-items: center;
}

.order-info .result-info + .result-info {
    margin-top: 1.11111vw;
}

.order-info .result-info p {
    color: #202020;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.order-info .result-info p.em {
    margin-left: 2.22222vw;
    font-weight: 700;
}

.order-info.orderproduct_form .order-bar {
    position: relative;
    padding: 6.66667vw 5.55556vw;
    margin-bottom: 0;
    border-bottom: 0.27778vw solid #eee;
}

.order-info.move-btn {
    padding: 6.66667vw 5.55556vw 0;
}

.order-info.move-btn .btn-group {
    display: flex;
}

.order-info.move-btn .btn-group .button {
    width: 100%;
}

.order-info.move-btn .btn-group .button + .button {
    margin-left: 2.22222vw;
}

.order-info .exec-info_packet {
    padding: 0 5.55556vw 4.72222vw;
}

.order-info .exec-info_packet + .exec-info_packet {
    padding: 4.72222vw 5.55556vw;
    border-top: 0.27778vw solid #eee;
}

.order-info .exec-info_packet .button {
    width: 100%;
    margin-top: 4.44444vw;
}

.order-info .exec-info_apply {
    display: flex;
    align-items: center;
}

.order-info .exec-info_apply + .exec-info_apply {
    margin-top: 3.33333vw;
}

.order-info .exec-info_apply + .exec-guide {
    margin-top: 4.44444vw;
}

.order-info .exec-info_apply p {
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-info .exec-info_apply p.em {
    font-weight: 700;
}

.order-info .exec-info_apply p .point {
    color: #ff4e00;
}

.order-info .exec-info_apply p + label,
.order-info .exec-info_apply p + p {
    margin-left: auto;
}

.exec-guide .caution-message {
    margin-top: 0;
}

.exec-guide .caution-message.em {
    font-weight: 700;
}

.exec-guide .caution-message + .caution-message {
    margin-top: 2.22222vw;
}

.view-more {
    position: relative;
    padding-right: 5vw;
    background-color: transparent;
    border: none;
    color: #ff4e00;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.view-more::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0.27778vw;
    right: 0;
    width: 4.44444vw;
    height: 4.44444vw;
    background: url(/img/common/order_color_ico_right.svg) no-repeat 0 0/100% 100%;
}

.agree-chk {
    border-top: 1.11111vw solid #eee;
    padding: 6.11111vw 5.55556vw;
}

.agree-chk .form-checkbox {
    align-items: flex-start;
}

.agree-info {
    border-top: 1.11111vw solid #eee;
}

.agree-info .button {
    width: 100%;
    height: 13.33333vw;
    margin-top: 11.11111vw;
}

.agree-info .agree-notice.active .accordion_toggle::after {
    transform: rotate(180deg);
}

.agree-info .agree-notice .accordion_toggle {
    display: block;
    position: relative;
    width: 100%;
    padding: 6.66667vw 5.55556vw;
    border: none;
    background-color: #fff;
    font-size: 4.44444vw;
    letter-spacing: -0.11111vw;
    text-align: left;
}

.agree-info .agree-notice .accordion_toggle img {
    width: 5.55556vw;
    margin-right: 2.22222vw;
    vertical-align: -1.11111vw;
}

.agree-info .agree-notice .accordion_toggle::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -2.77778vw;
    right: 5.55556vw;
    width: 5.55556vw;
    height: 5.55556vw;
    background: url(/img/common/order_ico_down.svg) no-repeat 0 0/100% 100%;
}

.agree-info .agree-notice_conts {
    background-color: #f9f9f9;
    padding: 6.66667vw 5.55556vw;
}

.shipping-info {
    padding: 4.44444vw;
    border-radius: 2.22222vw;
    background-color: #f2f2f2;
}

.shipping-info + .shipping-info {
    margin-top: 2.22222vw;
}

.shipping-info p {
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.shipping-info_name {
    margin-bottom: 2.22222vw;
    font-weight: 700;
}

.shipping-info_empty {
    text-align: center;
}

.shipping-info_div {
    margin-bottom: 3.33333vw;
    color: #8a8a8a !important;
    font-weight: 700;
}

.shipping-info .non-member_info + .non-member_info {
    position: relative;
    padding-top: 4.44444vw;
    margin-top: 4.44444vw;
}

.shipping-info .non-member_info + .non-member_info::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: calc(100% + 11.11111vw);
    height: 0.27778vw;
    background-color: #fff;
    margin-left: -5.55556vw;
    margin-right: -5.55556vw;
}

.order_success {
    padding: 6.66667vw 0 11.11111vw;
}

.order_success .success-info {
    text-align: center;
}

.order_success .success-info img {
    width: 17.77778vw;
}

.order_success .success-info p {
    margin-top: 2.22222vw;
    color: #8a8a8a;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.agree-guide {
    position: relative;
    margin-bottom: 6.66667vw;
    padding-bottom: 6.66667vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.agree-guide::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: calc(100% + 11.11111vw);
    height: 0.27778vw;
    background-color: #eee;
    margin-left: -5.55556vw;
    margin-right: -5.55556vw;
}

.agree-guide strong {
    color: #202020;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.13889vw;
}

.agree-guide .em {
    margin-top: 6.66667vw;
    color: #202020;
}

.agree-guide .em-sm {
    margin-top: 2.22222vw;
    color: #8a8a8a;
    font-size: 3.33333vw;
    font-weight: 700;
    line-height: 4.44444vw;
}

.agree-guide ul {
    margin-top: 2.22222vw;
}

.agree-guide ul li {
    color: #8a8a8a;
}

.agree-guide + .form-checkbox {
    align-items: flex-start;
}

.member-form {
    padding: 4.44444vw 5.55556vw 0;
}

.member-form.blank40 {
    padding-bottom: 11.11111vw;
}

.member-form.blank24 {
    padding-bottom: 6.66667vw;
}

.member-form.blank32 {
    padding-bottom: 8.88889vw;
}

.member-form .guide-form {
    margin-bottom: 11.11111vw;
    text-align: center;
}

.member-form .guide-form .icon {
    display: block;
    width: 17.77778vw;
    height: 17.77778vw;
    margin: 0 auto 4.44444vw;
}

.member-form .guide-form strong {
    display: block;
    font-size: 6.11111vw;
    line-height: 7.77778vw;
    letter-spacing: -0.16667vw;
    margin: 0 0 2.22222vw;
}

.member-form .guide-form.dormant img {
    width: 16.66667vw;
    height: 30vw;
}

.member-form .guide-form.dormant + .button {
    margin-top: 0;
}

.member-form .heading {
    color: #8a8a8a;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
    text-align: center;
}

.member-form .heading + .input {
    margin-top: 11.11111vw;
}

.member-form .heading + .member-info {
    margin-top: 11.11111vw;
}

.member-form .login-menu {
    width: 100%;
    margin-top: 6.66667vw;
}

.member-form .login-menu ul {
    display: flex;
    justify-content: center;
}

.member-form .login-menu ul li {
    position: relative;
    padding-right: 2.22222vw;
    margin-right: 2.22222vw;
}

.member-form .login-menu ul li:last-child {
    padding: 0;
    margin: 0;
}

.member-form .login-menu ul li:last-child::before {
    display: none;
}

.member-form .login-menu ul li::before {
    content: '';
    width: 0.27778vw;
    height: 3.88889vw;
    background: #eee;
    position: absolute;
    top: 50%;
    margin-top: -1.94444vw;
    right: 0;
}

.member-form .login-menu ul li a {
    color: #202020;
    font-size: 3.88889vw;
    line-height: 6.66667vw;
    letter-spacing: -0.13889vw;
}

.member-form .member-info {
    background-color: #f2f2f2;
    border-radius: 2.22222vw;
    text-align: center;
}

.member-form .member-info p {
    padding: 6.66667vw 0;
}

.member-form .member-info p.title {
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.member-form .member-info p.title .icon {
    width: 8.88889vw;
}

.member-form .member-info p.content {
    border-top: 0.27778vw solid #fff;
    color: #202020;
    font-size: 5vw;
    font-weight: 700;
    line-height: 6.66667vw;
    letter-spacing: -0.13889vw;
    word-break: break-all;
}

.member-form .button {
    width: 100%;
    margin-top: 6.66667vw;
}

.member-form .button + .button {
    margin-top: 2.22222vw;
}

.member-form.completion .guide-form {
    margin: 0;
}

.member-form.completion .button {
    margin-top: 13.33333vw;
}

.member-form.completion .step_caution-message {
    margin-top: 21.11111vw;
}

.member-form.completion .account-form {
    margin-top: 11.11111vw;
}

.member-form.completion .account-form + .button {
    margin-top: 6.66667vw;
}

.member-form.already .message {
    margin-top: 6.66667vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
    text-align: center;
}

.member-form .account-form {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18.88889vw;
    background-color: #f2f2f2;
    border-radius: 2.22222vw;
}

.member-form .account-form.sns {
    justify-content: start;
    padding-left: 3.33333vw;
}

.member-form .account-form.sns p {
    padding-left: 2.22222vw;
}

.member-form .account-form p {
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.member-form .account-form .account-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
}

.member-form .account-form .account-img.kakao {
    background-color: #fae103;
}

.member-form .account-form .account-img.naver {
    background-color: #00b900;
}

.member-form .account-form .account-img > img {
    width: 6.66667vw;
    height: 6.66667vw;
}

.member-form .dot-guide {
    margin-top: 6.66667vw;
}

.member-form .dot-guide ul li {
    margin-top: 1.11111vw;
}

.member-form.cert {
    padding: 11.11111vw 5.55556vw 0;
}

.member-form.cert .guide-form + .button {
    margin-top: 0;
}

.member-form.cert .guide-form strong + img {
    margin: 6.66667vw auto;
}

.member-form.cert .guide-form img {
    width: 16.66667vw;
    height: 30vw;
}

.hidden {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

b {
    font-weight: 700;
}

.color-primary {
    color: #ff4e00;
}

.color-required {
    color: #ee443f;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.prevent-scroll {
    overflow: hidden;
}

.swiper-indicator {
    display: flex;
    align-items: center;
}

.swiper-progress {
    position: relative;
    width: 100%;
    height: 0.55556vw;
    background-color: #eee;
}

.swiper-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #202020;
    transition: width .3s ease;
}

.swiper-pager {
    display: flex;
    align-items: center;
    margin-left: 4.44444vw;
    margin-right: 0;
}

.swiper-counter {
    display: flex;
    align-items: center;
    color: #8a8a8a;
    font-size: 4.44444vw;
    white-space: nowrap;
}

.swiper-counter > span {
    margin: 0 1.11111vw;
}

.swiper-counter-current {
    color: #202020;
    font-weight: 700;
}

.swiper-zoom {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11.11111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
    background-color: transparent;
    margin-right: -1.66667vw;
    margin-left: 1.66667vw;
}

.swiper-zoom svg {
    width: 5.55556vw;
    height: 5.55556vw;
}

.panel {
    display: flex;
    align-items: flex-end;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1010;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: visibility .3s,
    background-color .3s ease;
}

.panel_container {
    overflow-y: auto;
    width: 100%;
    max-height: 100%;
    transform: translateY(100%);
    transition: transform .3s ease;
}

.panel.visible {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.3);
}

.panel.visible .panel_container {
    transform: translateY(0);
}

.coupon-button {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 38.88889vw;
    padding: 0;
    border: none;
    background-color: transparent;
    text-align: left;
}

.coupon-button:before, .coupon-button:after {
    content: "";
    display: block;
    position: absolute;
    left: 77.5%;
    z-index: 1;
    width: 6.66667vw;
    height: 6.66667vw;
    border-radius: 50%;
    border: 0.27778vw solid #ff4e00;
    background-color: #fff;
    transform: translate(-50%, -50%);
}

.coupon-button:before {
    top: 0;
}

.coupon-button:after {
    top: 100%;
}

.coupon-button_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 77.5%;
    padding: 4.44444vw 2.22222vw 4.44444vw 6.66667vw;
    border-radius: 3.33333vw 0 0 3.33333vw;
    border: solid #ff4e00;
    border-width: 0.27778vw 0 0.27778vw 0.27778vw;
    background-color: #fff;
}

.coupon-button_name {
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.coupon-button_amount {
    margin-top: 1.11111vw;
    margin-bottom: auto;
    font-size: 7.77778vw;
    font-weight: 700;
    line-height: 8.88889vw;
}

.coupon-button_condition {
    margin-top: 3.33333vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.coupon-button_expire {
    margin-top: 1.11111vw;
    color: #8a8a8a;
    font-size: 3.33333vw;
    line-height: 4.44444vw;
    letter-spacing: -0.05556vw;
}

.coupon-button_area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 22.5%;
    border-radius: 0 3.33333vw 3.33333vw 0;
    background-color: #ff4e00;
    color: #fff;
    font-size: 5vw;
}

.coupon-button_area:before {
    content: "";
    display: block;
    width: 6.66667vw;
    height: 6.66667vw;
    margin-bottom: 2.22222vw;
    background: url(/img/common/coupon_btn_down_ico.svg) no-repeat 0 0/100% 100%;
}

.coupon-form_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 15vw;
    padding: 5vw 5.55556vw 3.33333vw;
    border-radius: 4.44444vw 4.44444vw 0 0;
    border-bottom: 0.27778vw solid #eee;
    background-color: #fff;
    box-shadow: 0 -2.22222vw 4.44444vw 0 rgba(0, 0, 0, 0.16);
}

.coupon-form_header h2 {
    font-size: 5vw;
    line-height: 6.11111vw;
}

.coupon-form_header .coupon-form-close {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11.11111vw;
    height: 11.11111vw;
    margin-right: -2.22222vw;
    padding: 0;
    border: none;
    background-color: transparent;
}

.coupon-form_header .coupon-form-close svg {
    width: 6.66667vw;
    height: 6.66667vw;
}

.coupon-form_body {
    padding: 6.66667vw 5.55556vw 11.11111vw;
    background-color: #fff;
}

.coupon-form_body .guide {
    margin-bottom: 4.44444vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.coupon-form_body > ul > li {
    margin-top: 2.22222vw;
}

.coupon-form_body > ul > li:first-child {
    margin-top: 0;
}

.coupon-form_body .download-all {
    width: 100%;
    margin-top: 6.66667vw;
}

.option-form {
    display: flex;
    flex-direction: column;
}

.option-form .option-form-close {
    display: block;
    flex: none;
    position: relative;
    z-index: 1;
    width: 17.77778vw;
    height: 5.55556vw;
    margin: 0 auto;
    padding: 0;
    border: none;
    background: url(/img/common/option_form_close.svg) no-repeat 0 0/100% 100%;
}

.option-form_body {
    max-height: 100%;
    padding: 6.66667vw 0 4.44444vw;
    border-radius: 4.44444vw 4.44444vw 0 0;
    background-color: #fff;
    box-shadow: 0 -2.22222vw 4.44444vw 0 rgba(0, 0, 0, 0.16);
}

.option-form_section {
    padding: 0 5.55556vw;
}

.option-form_section .toggle {
    display: flex;
    align-items: center;
}

.option-form_section .toggle .guide {
    margin-left: 0.55556vw;
    width: 3.88889vw;
    height: auto;
}

.option-form_section .toggle-target-form {
    display: none;
    padding-top: 2.22222vw;
}

.option-form_section + .option-form_section {
    margin-top: 4.44444vw;
    padding-top: 4.44444vw;
    border-top: 1.11111vw solid #f2f2f2;
}

.option-form_selected > ul > li {
    margin-top: 2.22222vw;
}

.option-form_selected > ul > li:first-child {
    margin-top: 0;
}

.option-form .input + .option-form_selected {
    margin-top: 4.44444vw;
}

.option-form_footer {
    flex: none;
    border-top: 1.11111vw solid #f2f2f2;
    background-color: #fff;
}

.option-form_footer .total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4.44444vw 5.55556vw 6.66667vw;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.option-form_footer .total strong {
    font-size: 6.11111vw;
    line-height: 7.77778vw;
    letter-spacing: -0.16667vw;
}

.option-form_footer .action {
    display: flex;
}

.option-form_footer .action a,
.option-form_footer .action button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 16.66667vw;
    padding: 0 8.88889vw;
    border: none;
    background-color: #f2f2f2;
    color: #202020;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
    text-align: center;
}

.option-form_footer .action .primary {
    background-color: #202020;
    color: #fff;
}

.option-selected {
    position: relative;
    padding: 4.44444vw 4.44444vw;
    border-radius: 2.22222vw;
    background-color: #f2f2f2;
}

.option-selected > ul {
    display: flex;
}

.option-selected > ul > li {
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.option-selected > ul > li:before {
    content: "";
    display: inline-block;
    width: 0.27778vw;
    height: 3.33333vw;
    margin: 0 2.22222vw;
    background-color: #d8d8d8;
}

.option-selected > ul > li:first-child:before {
    display: none;
}

.option-selected > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.option-selected > div > p {
    font-size: 5vw;
    line-height: 6.66667vw;
}

.option-selected > ul + div {
    margin-top: 4.44444vw;
}

.option-selected .delete {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 1.11111vw;
    right: 1.11111vw;
    width: 11.11111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
    background: url(/img/common/option_selected_delete.svg) no-repeat 50% 50% / 4.44444vw 4.44444vw;
    white-space: nowrap;
    text-indent: 100%;
}

.content-box {
    display: block;
    width: 100%;
    padding: 4.44444vw 4.44444vw;
    border-radius: 2.22222vw;
    border: none;
    background-color: #f2f2f2;
}

.content-box img {
    display: block;
    border-radius: 2.22222vw;
}

.content-box p {
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.content-box img + p {
    margin-top: 3.33333vw;
}

.content-box .qna-label {
    position: relative;
    padding-left: 7.22222vw;
}

.content-box .qna-label:before {
    content: "";
    display: block;
    position: absolute;
    top: -0.55556vw;
    left: 0;
    width: 5.55556vw;
    height: 5.55556vw;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
}

.content-box .question:before {
    background-image: url(/img/common/qna_label_Q.svg);
}

.content-box .answer:before {
    background-image: url(/img/common/qna_label_A.svg);
}

.content-box .qna-image-list {
    margin-top: 4.44444vw;
    padding-left: 7.22222vw;
}

.content-box .qna-image-list > ul > li {
    margin-top: 2.22222vw;
}

.content-box .qna-image-list > ul > li:first-child {
    margin-top: 0;
}

.content-box .dl > li {
    display: flex;
    justify-content: space-between;
}

.content-box .max-discount > li {
    margin-top: 4.44444vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.content-box .max-discount > li:first-child {
    margin-top: 0;
}

.content-box .max-discount > li > strong {
    color: #202020;
    font-weight: 400;
}

.content-box .max-discount-footer > li {
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    font-weight: 700;
}

.content-box .dot-guide > ul > li {
    margin-top: 1.11111vw;
}

.content-box .dot-guide > ul > li:first-child {
    margin-top: 0;
}

.content-box-wrapper .content-box {
    border-radius: 0;
}

.content-box-wrapper .content-box:first-child {
    border-top-left-radius: 2.22222vw;
    border-top-right-radius: 2.22222vw;
}

.content-box-wrapper .content-box:last-child {
    border-bottom-left-radius: 2.22222vw;
    border-bottom-right-radius: 2.22222vw;
}

.content-box-wrapper .content-box + .content-box {
    border-top: 0.27778vw solid #fff;
}

.guide-section {
    padding: 4.44444vw 5.55556vw 22.22222vw;
}

.guide-section h3 {
    margin-bottom: 4.44444vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.guide-section h3 ~ h3 {
    margin-top: 11.11111vw;
}

.guide-section h4 {
    margin-bottom: 2.22222vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.guide-section h4 ~ h4 {
    margin-top: 3.33333vw;
}

.guide-section p {
    margin: 2.22222vw 0;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.guide-section > ol {
    margin: 2.22222vw 0;
}

.guide-section > ol > li {
    position: relative;
    margin-top: 2.22222vw;
    padding-left: 5.55556vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.guide-section > ol > li:first-child {
    margin-top: 0;
}

.guide-section > ol > li > i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-style: normal;
}

.guide-section > ul {
    margin: 2.22222vw 0;
}

.guide-section > ul > li {
    position: relative;
    margin-top: 2.22222vw;
    padding-left: 3.33333vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.guide-section > ul > li:first-child {
    margin-top: 0;
}

.guide-section > ul > li:before {
    content: "-";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.guide-section .precaution {
    margin-top: 4.44444vw;
}

.guide-section .precaution > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -2.22222vw 0 0 -2.22222vw;
}

.guide-section .precaution > ul > li {
    width: calc(20% - 2.22222vw);
    margin: 2.22222vw 0 0 2.22222vw;
}

.guide-section .precaution > ul > li img {
    width: 100%;
    height: auto;
}

.guide-section p + h3 {
    margin-top: 4.44444vw;
}

.guide-section > *:first-child {
    margin-top: 0;
}

.toast-popup_slide .swiper-container {
    border-radius: 2.22222vw 2.22222vw 0 0;
}

.toast-popup_slide .swiper-slide img {
    display: block;
}

.toast-popup_slide .swiper-slide {
    max-height: 260px;
    overflow-y: auto;
}

.toast-popup_slide .swiper-pagination {
    display: flex;
    position: absolute;
    top: 5.55556vw;
    right: 5.55556vw;
    bottom: auto;
    left: auto;
    width: auto;
    color: #fff;
    font-size: 4.44444vw;
    line-height: 5.55556vw;
}

.toast-popup_slide .swiper-pagination-current {
    margin-right: 0.55556vw;
    font-weight: 700;
}

.toast-popup_slide .swiper-pagination-total {
    margin-left: 0.55556vw;
}

.toast-popup_control {
    display: flex;
    justify-content: space-between;
    padding: 5.83333vw 5.55556vw;
    background-color: #fff;
}

.toast-popup_control button {
    padding: 0;
    border: none;
    background-color: transparent;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.tnb-swiper {
    padding: 0 5.55556vw;
    border-bottom: 0.27778vw solid #eee;
    background-color: #fff;
}

.tnb-swiper > ul > li {
    width: auto;
    margin-right: 11.11111vw;
}

.tnb-swiper > ul > li:last-child {
    margin-right: 0;
}

.tnb-swiper > ul > li > a {
    display: block;
    padding: 4.44444vw 0 2.77778vw;
    color: #8a8a8a;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    white-space: nowrap;
    text-align: center;
}

.tnb-swiper > ul > li > a.active {
    position: relative;
    color: #202020;
    font-weight: 700;
}

.tnb-swiper > ul > li > a.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -0.27778vw;
    left: 0;
    width: 100%;
    height: 0.55556vw;
    background-color: #202020;
}

.tnb-swiper > ul > li > a.active > span {
    color: #ff4e00;
}

/**************************************************
 * 검색
 **************************************************/
.search {
    padding-top: 8.88889vw;
}

.search_section {
    overflow: hidden;
    position: relative;
    padding: 0 5.55556vw;
}

.search_section h2 {
    margin-bottom: 4.44444vw;
    font-size: 6.11111vw;
    line-height: 7.77778vw;
    letter-spacing: -0.16667vw;
}

.search_section .delete-all {
    display: block;
    position: absolute;
    top: -0.27778vw;
    right: 5.55556vw;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #222;
    font-size: 3.88889vw;
    line-height: 6.66667vw;
}

.search_section .delete-all:after {
    content: "";
    display: inline-block;
    width: 4.44444vw;
    height: 4.44444vw;
    margin-left: 0.55556vw;
    background: url(/img/common/search_ico_delete_all.svg) no-repeat 0 0/100% 100%;
    vertical-align: -0.83333vw;
}

.search_section + .search_section {
    margin-top: 11.11111vw;
}

.search-result-empty .icon {
    display: block;
    width: 17.77778vw;
    height: 17.77778vw;
    margin: 0 auto 4.44444vw;
}

.search-result-empty p {
    color: #8a8a8a;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
    text-align: center;
}

.search-recent-keywords .no-data {
    color: #a4a4a4;
    font-size: 4.44444vw;
    line-height: 5.55556vw;
    text-align: center;
}

.search-recent-keywords .no-data:before {
    content: "";
    display: block;
    width: 11.11111vw;
    height: 11.11111vw;
    margin: 0 auto 1.66667vw;
    background: url(/img/common/search_ico_no_data.svg) no-repeat 0 0/100% 100%;
}

.search-recommand-keywords .swiper-slide {
    width: 17.77778vw;
    margin-right: 4.44444vw;
}

.search-recommand-keywords .swiper-slide:last-child {
    margin-right: 0;
}

.search-recommand-keywords a > img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.search-recommand-keywords a > span {
    display: block;
    margin-top: 2.22222vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
    text-align: center;
}

.search-realtime-keywords {
    overflow: hidden;
}

.search-realtime-keywords > ol > li:nth-child(1) a > i, .search-realtime-keywords > ol > li:nth-child(2) a > i, .search-realtime-keywords > ol > li:nth-child(3) a > i {
    color: #ff4e00;
}

.search-realtime-keywords a {
    display: flex;
    padding: 2.22222vw 0;
    border-bottom: 0.27778vw solid #eee;
    font-size: 3.88889vw;
    line-height: 6.66667vw;
}

.search-realtime-keywords a > i {
    flex: none;
    margin-right: 2.22222vw;
    color: #a4a4a4;
    font-weight: 700;
    font-style: normal;
}

.search-realtime-keywords a > span {
    overflow: hidden;
    color: #444;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/**************************************************
 * 상품 목록 / 상세
 **************************************************/
.product-detail {
    position: relative;
}

.product-image {
    position: relative;
}

.product-image .swiper-slide {
    position: relative;
    padding-bottom: 100%;
}

.product-image .swiper-slide img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product-image .swiper-indicator {
    position: absolute;
    right: 5.55556vw;
    bottom: 4.44444vw;
    left: 5.55556vw;
    z-index: 1;
}

.product-image .swiper-progress {
    background-color: #fff;
}

.product-info {
    padding: 4.44444vw 5.55556vw 6.66667vw;
}

.product-info_badge > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1.11111vw 0 0 -1.11111vw;
}

.product-info_badge > ul > li {
    margin: 1.11111vw 0 1.55556vw 1.11111vw;
}

.product-info_brand {
    margin-bottom: 2.22222vw;
    color: #999;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.product-info_name {
    font-size: 5vw;
    font-weight: 400;
    line-height: 6.66667vw;
}

.product-info_id {
    margin-top: 1.11111vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.product-info_price-wrapper {
    position: relative;
    margin-top: 6.66667vw;
}

.product-info_price-group {
    display: flex;
    align-items: center;
}

.product-info_discount {
    margin-right: 1.11111vw;
    color: #ff4e00;
    font-size: 6.11111vw;
    font-weight: 700;
    line-height: 7.77778vw;
}

.product-info_price {
    font-size: 6.11111vw;
    font-weight: 700;
    line-height: 7.77778vw;
}

.product-info_full-price {
    margin-bottom: 2.22222vw;
    color: #999;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
    text-decoration: line-through;
}

.product-info_coupon {
    position: absolute;
    right: 0;
    bottom: -0.55556vw;
}

.product-info_color {
    overflow: hidden;
    margin-top: 6.66667vw;
}

.product-info_color > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -2.22222vw 0 0 -3.33333vw;
}

.product-info_color > ul > li {
    margin: 2.22222vw 0 0 3.33333vw;
}

.product-info_color > ul > li > span {
    display: block;
    overflow: hidden;
    width: 5.55556vw;
    height: 5.55556vw;
    border-radius: 50%;
    white-space: nowrap;
    text-indent: 100%;
}

.product-info_action {
    margin-top: 6.66667vw;
}

.product-info_action > ul {
    display: flex;
}

.product-info_action > ul > li:before {
    content: "";
    display: inline-block;
    width: 0.27778vw;
    height: 3.33333vw;
    margin: 0 2.22222vw;
    background-color: #d8d8d8;
    vertical-align: 1.11111vw;
}

.product-info_action > ul > li:first-child:before {
    display: none;
}

.product-info_action > ul > li a,
.product-info_action > ul > li button {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #8a8a8a;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
}

.info-ai-text{
    font-weight: unset !important;
    line-height: unset !important;
}

.order-max-discount {
    border: solid #f2f2f2;
    border-width: 0.55556vw 0;
}

.order-max-discount .accordion_toggle {
    display: block;
    position: relative;
    width: 100%;
    padding: 4.44444vw 13.88889vw 4.44444vw 5.55556vw;
    border: none;
    background-color: transparent;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    text-align: left;
}

.order-max-discount .accordion_toggle:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 5.55556vw;
    width: 5.55556vw;
    height: 5.55556vw;
    margin-top: -2.77778vw;
    background: url(/img/common/accordion_toggle_chevron.svg) no-repeat 0 0/100% 100%;
}

.order-max-discount .accordion_toggle > strong {
    display: block;
    margin-top: 0.55556vw;
    color: #ff4e00;
    font-size: 3.88889vw;
    font-weight: 400;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-max-discount .accordion_contents .content-box {
    padding: 5.55556vw 5.55556vw;
    background-color: transparent;
}

.order-max-discount .accordion_contents .content-box + .content-box {
    border-top: none;
}

.order-etc-info {
    padding: 6.66667vw 5.55556vw;
}

.order-etc-info > ul > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2.22222vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.order-etc-info > ul > li:first-child {
    margin-top: 0;
}

.order-etc-info > ul > li > strong {
    color: #202020;
    font-weight: 700;
}

.order-etc-info > ul > li .link:after {
    content: "";
    display: inline-block;
    width: 4.44444vw;
    height: 4.44444vw;
    margin-left: 0.55556vw;
    background: url(/img/common/product_order_info_link_ico.svg) no-repeat 0 0/100% 100%;
    vertical-align: -0.83333vw;
}

.product-tab {
    display: flex;
    position: sticky;
    top: 16.66667vw;
    left: 0;
    width: 100%;
    z-index: 900;
    transition: transform .3s ease;
}

.product-tab a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 13.88889vw;
    border: solid #f2f2f2;
    border-width: 0.27778vw 0.27778vw;
    background-color: #fff;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.product-tab a:first-child {
    border-left: none;
}

.product-tab a:last-child {
    border-right: none;
}

.product-tab a .count {
    margin-left: 1.11111vw;
    color: #ff4e00;
}

.product-tab a.active {
    position: relative;
    border-color: #202020;
    background-color: #202020;
    color: #fff;
    font-weight: 700;
}

.product-tab-item {
    display: none;
}

.product-content {
    overflow: hidden;
    position: relative;
    padding: 4.44444vw 0 6.66667vw;
    height: 157.77778vw;
}

.product-content img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom : 5px !important;
}

.product-content .more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 4.44444vw 5.55556vw 6.66667vw;
    background-color: #fff;
}

.product-content .more:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 11.11111vw;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 17%, #fff 84%);
}

.product-content .more .button {
    width: 100%;
}

.product-content.visible {
    height: auto;
}

.product-content.visible .more {
    display: none;
}

.product-size {
    padding: 6.66667vw 5.55556vw 8.88889vw;
}

.product-size .product-size-table {
    margin-top: 6.66667vw;
}

.product-size-img img {
    display: block;
    width: 88.88889vw;
    height: auto;
    margin: 0 auto;
}

.product-size-table {
    overflow-x: auto;
    padding-bottom: 7.22222vw;
}

.product-size-table table {
    min-width: 100%;
}

.product-size-table table th,
.product-size-table table td {
    height: 11.11111vw;
    padding: 3.05556vw 5vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    text-align: center;
    white-space: nowrap;
}

.product-size-table table thead th {
    background-color: #eee;
}

.product-size-table table tbody th,
.product-size-table table tbody td {
    border-bottom: 0.27778vw solid #eee;
    background-color: #fff;
}

.product-style-tip {
    padding: 6.66667vw 5.55556vw;
    border-top: 0.55556vw solid #f2f2f2;
}

.product-style-tip > strong {
    color: #ff4e00;
    font-size: 4.44444vw;
    font-weight: 400;
    line-height: 6.66667vw;
}

.product-style-tip > strong:before {
    content: "";
    display: inline-block;
    width: 4.44444vw;
    height: 4.44444vw;
    margin-right: 0.55556vw;
    background: url(/img/common/product_style_tip_ico.svg) no-repeat 0 0/100% 100%;
    vertical-align: -0.55556vw;
}

.product-style-tip p {
    margin-top: 4.44444vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.product-guide-menu > ul > li {
    border-bottom: 0.55556vw solid #f2f2f2;
}

.product-guide-menu > ul > li:first-child {
    border-top: 0.55556vw solid #f2f2f2;
}

.product-guide-menu > ul > li > a {
    display: block;
    position: relative;
    padding: 4.44444vw 12.77778vw 4.44444vw 5.55556vw;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.product-guide-menu > ul > li > a .count {
    font-weight: 700;
}

.product-guide-menu > ul > li > a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 5.55556vw;
    width: 5.55556vw;
    height: 5.55556vw;
    margin-top: -2.77778vw;
    background: url(/img/common/product_guide_menu_chevron.svg) no-repeat 0 0/100% 100%;
}

.product-app-bar {
    display: flex;
}

.product-app-bar .addon {
    display: flex;
    flex: none;
    position: relative;
    height: 16.66667vw;
    padding: 2.77778vw 2.77778vw;
    background-color: #f2f2f2;
}

.product-app-bar .addon button {
    display: block;
    overflow: hidden;
    width: 11.11111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 11.11111vw;
    background-color: transparent;
    white-space: nowrap;
    text-indent: 100%;
}

.product-app-bar .addon .share {
    background-image: url(/img/common/product_app_bar_ico_share.svg);
}

.product-app-bar .addon .wish {
    background-image: url(/img/common/product_app_bar_ico_wish.svg);
}

.product-app-bar .addon .wish.active {
    background-position: -11.11111vw 0;
}

.product-app-bar .purchase {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 16.66667vw;
    padding: 0;
    border: none;
    background-color: #202020;
    color: #fff;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

/*2024-01-11(hyo) : 사전예약 버튼*/
.product-app-bar .reserve {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 12.22223vw;
    padding: 0;
    border: none;
    border-top:1px solid #f2f2f2;
    background-color: #ff4d00;
    color: #ffffff;
    font-size: 4.11112vw;
    line-height: 4.44444vw;
}

.image-viewer {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100%;
    transition: visibility .6s;
}

.image-viewer_container {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 2.22222vw 0 rgba(0, 0, 0, 0.08);
    transform: translateX(100%);
    transition: transform 0.6s cubic-bezier(0.76, 0, 0.36, 1);
}

.image-viewer .image-viewer-close {
    display: block;
    position: absolute;
    top: 2.22222vw;
    right: 2.77778vw;
    z-index: 1;
    width: 11.11111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
    background-color: transparent;
}

.image-viewer .swiper-container {
    height: 100%;
}

.image-viewer img {
    display: block;
    width: 100%;
    height: auto;
}

.image-viewer.visible {
    visibility: visible;
}

.image-viewer.visible .image-viewer_container {
    transform: translateX(0);
}

.share-form {
    margin-bottom: 37.5vw;
}

.share-form .product-card {
    padding: 4.44444vw 5.55556vw 6.66667vw;
}

.share-form .product-card_thumb {
    width: 100%;
    height: 88.88889vw;
}

.share-form .product-card_thumb > img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.share-form .product-card_brand {
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.share-form .product-card_name {
    margin-top: 2.22222vw;
    font-size: 5vw;
    line-height: 6.66667vw;
    letter-spacing: -0.13889vw;
}

.share-form .share-link {
    padding-top: 6.66667vw;
    border-top: 0.27778vw solid #f2f2f2;
}

.share-form .share-link ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.share-form .share-link ul li {
    margin-right: 15.55556vw;
}

.share-form .share-link ul li a {
    font-size: 3.88889vw;
    letter-spacing: -0.05556vw;
}

.share-form .share-link ul li a img {
    display: block;
    margin: 0 auto 2.77778vw;
    width: 13.88889vw;
    height: 100%;
}

.share-form .share-link ul li:last-child {
    margin-right: 0;
}

/**************************************************
 * 장바구니
 **************************************************/
.cart-order-sum {
    padding: 6.66667vw 5.55556vw;
    border: solid #eee;
    border-width: 1.11111vw 0;
}

.cart-order-sum .sum-list > ul > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3.33333vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.cart-order-sum .sum-list > ul > li:first-child {
    margin-top: 0;
}

.cart-order-sum .sum-list > ul > li strong {
    color: #202020;
    font-weight: 400;
}

.cart-order-sum .total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 4.44444vw;
    padding: 4.44444vw 4.44444vw;
    border-radius: 2.22222vw;
    background-color: #202020;
    color: #fff;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.cart-order-sum .total strong {
    font-size: 5vw;
    line-height: 6.66667vw;
}

.cart-order-sum .dot-guide {
    margin-top: 6.66667vw;
}

.cart-empty {
    padding: 11.11111vw 5.55556vw;
    border-bottom: 1.11111vw solid #eee;
}

.cart-empty .icon {
    display: block;
    width: 17.77778vw;
    height: 17.77778vw;
    margin: 0 auto 4.44444vw;
}

.cart-empty p {
    color: #8a8a8a;
    font-size: 4.44444vw;
    line-height: 5.55556vw;
    text-align: center;
}

.cart-empty .button {
    width: 100%;
    margin-top: 6.66667vw;
}

.cart-guide {
    border-bottom: 1.11111vw solid #eee;
}

.cart-guide .accordion_toggle {
    display: block;
    position: relative;
    width: 100%;
    height: 13.88889vw;
    padding: 0 12.77778vw 0 5.55556vw;
    border: none;
    background-color: #fff;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
    text-align: left;
}

.cart-guide .accordion_toggle:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 5.55556vw;
    width: 4.44444vw;
    height: 4.44444vw;
    margin-top: -2.22222vw;
    background: url(/img/common/accordion_toggle_chevron.svg) no-repeat 0 0/100% 100%;
}

.cart-guide .accordion_contents {
    padding: 6.66667vw 5.55556vw;
    background-color: #f9f9f9;
}

.cart-guide .accordion_contents .dot-guide + .dot-guide {
    margin-top: 6.66667vw;
}

.cart-guide.active .accordion_toggle:after {
    transform: rotate(180deg);
}

/**************************************************
 * 주문 / 결제
 **************************************************/
/**************************************************
 * 로그인 / 회원가입
 **************************************************/
.login-form {
    position: relative;
    padding: 8.88889vw 0 0;
    margin: 0 5.55556vw;
}

.login-form::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: calc(100% + 11.11111vw);
    height: 0.27778vw;
    background-color: #eee;
    margin-left: -5.55556vw;
    margin-right: -5.55556vw;
}

.login-form.login-chk::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: calc(100% + 11.11111vw);
    height: 1.11111vw;
    background-color: #eee;
    margin-left: -5.55556vw;
    margin-right: -5.55556vw;
}

.login-form .sns-login {
    padding: 0 0 6.66667vw;
}

.login-form .sns-login p {
    color: #222;
    font-size: 3.88889vw;
    line-height: 6.66667vw;
    letter-spacing: -0.13889vw;
}

.login-form .sns-login p + ul {
    display: flex;
    margin-top: 3.33333vw;
}

.login-form .sns-login p + ul li {
    width: 100%;
}

.login-form .sns-login p + ul li + li {
    margin-left: 2.22222vw;
}

.login-form .sns-login p + ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 13.33333vw;
    border-radius: 1.11111vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.login-form .sns-login p + ul li a.social_kakao {
    background-color: #fae103;
    color: #333;
}

.login-form .sns-login p + ul li a.social_naver {
    background-color: #00b900;
    color: #fff;
}

.login-form .now-join p {
    color: #222;
    font-size: 3.88889vw;
    line-height: 6.66667vw;
    letter-spacing: -0.13889vw;
    text-align: center;
}

.login-form .now-join p b {
    color: #ff4e00;
}

.login-form .now-join .button {
    margin-top: 4.44444vw;
}

.login-form .button {
    width: 100%;
    margin-top: 6.66667vw;
}

.login-form .button + .button {
    margin-top: 2.22222vw;
}

.recruit-info.center {
    text-align: center;
}

.recruit-info .title {
    color: #8a8a8a;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.recruit-info .title > span {
    color: #202020;
}

.recruit-info .title.black {
    color: #202020;
    text-align: center;
}

.recruit-info .recruit-conts {
    margin-top: 6.66667vw;
}

.recruit-info .recruit-conts p {
    color: #222;
    font-size: 5vw;
    line-height: 6.66667vw;
    letter-spacing: -0.13889vw;
}

.recruit-info .recruit-conts p + span {
    display: inline-block;
    margin-top: 1.11111vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.membership-info .title {
    color: #222;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 6.66667vw;
    letter-spacing: -0.11111vw;
}

.membership-info .title > span {
    color: #202020;
}

.membership-info .membership-list {
    margin-top: 4.44444vw;
}

.membership-info .membership-list li {
    display: flex;
    align-items: center;
    padding: 2.22222vw 0;
    border-bottom: 0.27778vw solid #eee;
}

.membership-info .membership-list li:first-child {
    padding-top: 0;
}

.membership-info .membership-list li:last-child {
    border-bottom: none;
}

.membership-info .membership-list li .icon {
    display: block;
    width: 13.88889vw;
    height: 13.88889vw;
    margin-right: 4.44444vw;
}

.membership-info .membership-list li p {
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.membership-info .membership-list li p > span {
    color: #ff4e00;
    font-weight: 700;
}

.join-chk {
    margin-top: 5.55555vw;
}

.join-chk ul {
    margin-top: 4.44444vw;
    border-radius: 2.22222vw;
    background-color: #f2f2f2;
}

.join-chk ul li {
    position: relative;
    padding: 4.44444vw 3.33333vw;
}

.join-chk ul li + li {
    border-top: 0.27778vw solid #fff;
}

.join-chk .form-checkbox span {
    letter-spacing: -0.11111vw;
}

.join-chk .form-checkbox span > span {
    color: #ff4e00;
}

.join-chk .message {
    margin-top: 6.66667vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.join-chk .message.center {
    text-align: center;
}

.join-chk .join-chk_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 15vw;
    height: 15vw;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(/img/common/order_ico_right.svg) no-repeat right 4.44444vw center/4.44444vw 4.44444vw;
}

.join-chk .sns-join ul {
    display: flex;
    margin-top: 6.66666vw;
}

.join-chk .sns-join ul li {
    width: 100%;
}

.join-chk .sns-join ul li + li {
    margin-left: 2.22222vw;
}

.join-chk .sns-join ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 13.33333vw;
    border-radius: 1.11111vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.join-chk .sns-join ul li a[disabled]{
    border-color: #8a8a8a !important;
    background-color: #ddd !important;
    color: #8a8a8a !important;
}

.join-chk .sns-join ul li a.social_kakao {
    background-color: #fae103;
    color: #333;
}

.join-chk .sns-join ul li a.social_naver {
    background-color: #00b900;
    color: #fff;
}

.step-form + .step-form {
    margin-top: 11.11111vw;
}

.step-form .step2-tit {
    color: #202020;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.step-form .step2-tit + .input {
    margin-top: 6.66667vw;
}

.step-form .step2-tit + .input_wrapper {
    margin-top: 4.44444vw;
}

.step-form .step2-tit + .input_wrapper .label + .label {
    margin-left: 8.88889vw;
}

.step-form .input_wrapper label + label {
    margin-left: 8.88889vw;
}

.step-form .step_caution-message {
    margin-top: 4.44444vw;
}

.step_caution-message {
    border-radius: 2.22222vw;
    background-color: #f2f2f2;
}

.step_caution-message li {
    display: flex;
    align-items: center;
    min-height: 17.77778vw;
    padding: 3.88889vw;
}

.step_caution-message li + li {
    border-top: 0.27778vw solid #fff;
}

.step_caution-message li p {
    position: relative;
    padding-left: 3.33333vw;
    color: #202020;
    font-size: 3.88889vw;
    line-height: 4.44444vw;
    letter-spacing: -0.16667vw;
}

.step_caution-message li p::before {
    content: '';
    position: absolute;
    top: 1.11111vw;
    left: 0;
    width: 1.11111vw;
    height: 1.11111vw;
    border-radius: 50%;
    background-color: #202020;
}

.step_caution-message li p a {
    color: #ff4e00;
    font-weight: 700;
}

.step_caution-message.info li {
    display: flex;
    align-items: center;
    padding: 4.44444vw 17.5vw;
}

.step_caution-message.info li span {
    width: 10vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.step_caution-message.info li p {
    width: calc(100% - 12.22222vw);
    padding-left: 5vw;
    line-height: 5vw;
}

.step_caution-message.info li p::before {
    display: none;
}

.input .cert-number {
    display: flex;
    position: relative;
}

.input .cert-number .form-text-wrapper {
    width: 63.33333vw;
}

.input .cert-number .form-text {
    padding: 0 16.66667vw 0 3.33333vw;
}

.input .cert-number .input_timer {
    position: absolute;
    top: 4.44444vw;
    right: 3.33333vw;
    color: #ff4e00;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.input .cert-number .button {
    width: calc(100% - 65.55556vw);
    margin-top: 0;
    margin-left: auto;
    margin-right: 0;
}

.order-number {
    display: flex;
    align-items: center;
    padding: 4.44444vw 5.55556vw;
}

.order-number .date {
    color: #202020;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.order-number .number {
    margin-left: 2.22222vw;
    color: #202020;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.shipping-info_member ul {
    padding: 0 5.55556vw 6.66667vw;
}

.shipping-info_member ul + ul {
    padding: 6.66667vw 5.55556vw;
    border-top: 0.27778vw solid #eee;
}

.shipping-info_member ul li {
    display: flex;
    margin-bottom: 3.33333vw;
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.shipping-info_member ul li:last-child {
    margin-bottom: 0;
}

.shipping-info_member ul li p + p {
    margin-left: 2.22222vw;
    width: calc(100% - 24.44444vw);
}

.shipping-info_member ul li p {
    width: 22.22222vw;
}

.shipping-info_member ul li p.em {
    color: #8a8a8a;
    font-weight: 700;
}

.shipping-info_member ul li p .ol {
    display: block;
}

.agree-form .button {
    width: 100%;
    margin-top: 6.66667vw;
}

.dot-guide.member .guide-step {
    position: relative;
    padding-bottom: 6.66667vw;
}

.dot-guide.member .guide-step::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: calc(100% + 11.11111vw);
    height: 0.27778vw;
    background-color: #eee;
    margin-left: -5.55556vw;
    margin-right: -5.55556vw;
}

.dot-guide.member .guide-step strong {
    display: block;
    margin-top: 4.44444vw;
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.dot-guide.member .guide-step strong:first-child {
    margin-top: 0;
}

.dot-guide.member .guide-step p {
    margin-top: 2.22222vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.dot-guide.member .guide-step p + p {
    margin-top: 0.55556vw;
}

.dot-guide.member .guide-step p.em {
    color: #ff4e00;
}

.dot-guide.member .tit {
    margin-bottom: 1.11111vw;
    color: #202020;
}

.dot-guide.member strong {
    margin-top: 6.66667vw;
}

.cancel-txt {
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-item_name + .order-item_price-wrapper {
    margin-top: 2.22222vw;
}

.order-item_option .option-tit {
    color: #202020;
    font-weight: 400;
}

.bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 4.44444vw 5.55556vw 6.66667vw;
}

.bar .gauge {
    display: block;
    position: relative;
    width: calc(100% - 13.33333vw);
    height: 0.55556vw;
    background-color: #eee;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.bar .gauge.step1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #202020;
    width: 33%;
    height: 100%;
}

.bar .gauge.step2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #202020;
    width: 66%;
    height: 100%;
}

.bar .gauge.step3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #202020;
    width: 100%;
    height: 100%;
}

.bar .gauge-page {
    color: #8a8a8a;
    font-size: 4.44444vw;
    letter-spacing: 0.55556vw;
}

.bar .gauge-page > .current {
    color: #000;
    font-weight: 700;
}

/**************************************************
 * 마이페이지
 **************************************************/
.mypage-form {
    padding: 6.66667vw 5.55556vw;
    border-top: 1.11111vw solid #eee;
}

.mypage-form.paddingb0 {
    padding-bottom: 0;
}

.mypage-form.paddinglr {
    padding-left: 0;
    padding-right: 0;
}

.mypage-form.paddinglrb0 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.mypage-form:first-child {
    border-top: none;
}

.mypage-form .tit {
    color: #202020;
    font-size: 6.11111vw;
    font-weight: 700;
    line-height: 7.77778vw;
    letter-spacing: -0.05556vw;
}

.mypage-form .mypage-form_bar {
    margin-bottom: 4.44444vw;
}

.mypage-form .mypage-form_bar .mypage-form_tit {
    display: flex;
    align-items: center;
}

.mypage-form .mypage-form_bar .mypage-form_tit > .tit {
    color: #202020;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.mypage-form .mypage-form_bar .mypage-form_tit > .tit > span {
    margin-left: 1.66667vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    font-weight: 400;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.mypage-form .mypage-form_bar .mypage-form_tit > .modify {
    margin-left: auto;
    margin-right: 0;
    padding-left: 5vw;
    background: url(/img/common/mypage_ico_edit.svg) no-repeat left center/4.44444vw 4.44444vw;
    color: #ff4e00;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.mypage-form .mypage-form_bar .mypage-form_tit .view-more {
    margin-left: auto;
}

.mypage-form .mypage-form_bar .mypage-form_sub {
    margin-top: 2.22222vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.mypage-form .mypage-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mypage-form .mypage-info_name {
    color: #202020;
    font-size: 7.77778vw;
    line-height: 8.88889vw;
}

.mypage-form .mypage-info_link {
    width: 11.11111vw;
    height: 11.11111vw;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(/img/common/order_ico_right.svg) no-repeat center right/6.66667vw 6.66667vw;
}

.mypage-form .mypage-grade {
    display: flex;
    align-items: center;
}

.mypage-form .mypage-grade_img {
    width: 16.66667vw;
    height: 16.66667vw;
}

.mypage-form .mypage-grade_img .icon {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.mypage-form .mypage-grade_info {
    position: relative;
    width: calc(100% - 16.66667vw);
    padding-left: 4.44444vw;
}

.mypage-form .mypage-grade_info .grade-tit {
    color: #202020;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
}

.mypage-form .mypage-grade_info .grade-link {
    position: absolute;
    top: 0;
    right: 0;
    color: #ff4e00;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.mypage-form .mypage-grade_info .grade-target {
    margin-top: 1.11111vw;
    color: #202020;
    font-size: 3.88889vw;
    line-height: 6.11111vw;
    letter-spacing: -0.05556vw;
}

.mypage-form .mypage-grade.center {
    display: block;
}

.mypage-form .mypage-grade.center .mypage-grade_img {
    margin: 0 auto;
}

.mypage-form .mypage-grade.center .mypage-grade_info {
    margin-top: 4.44444vw;
    padding: 0;
    width: 100%;
    text-align: center;
}

.mypage-form .mypage-grade.center .mypage-grade_info .grade-tit {
    font-weight: 400;
}

.mypage-form .mypage-grade.center .grade-target {
    color: #8a8a8a;
}

.mypage-form .grade-progress-bar {
    margin-top: 6.66667vw;
}

.mypage-form .grade-progress-bar .state {
    display: flex;
    align-items: center;
}

.mypage-form .grade-progress-bar .state .current {
    color: #8a8a8a;
    font-size: 3.33333vw;
    font-weight: 700;
    line-height: 5vw;
}

.mypage-form .grade-progress-bar .state .target {
    margin-left: auto;
    margin-right: 0;
    color: #202020;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
}

.mypage-form .grade-progress-bar > .bar {
    display: block;
    position: relative;
    margin: 2.22222vw 0 0;
    width: 100%;
    height: 2.22222vw;
    border-radius: 1.11111vw;
    background-color: #e0e0e0;
}

.mypage-form .grade-progress-bar > .bar .gauge {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 1.11111vw;
    background-color: #202020;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.mypage-form .mypage-earn {
    display: flex;
}

.mypage-form .mypage-earn div {
    position: relative;
    width: 100%;
    text-align: center;
}

.mypage-form .mypage-earn div + div:before {
    content: '';
    position: absolute;
    top: -6.66667vw;
    bottom: -6.66667vw;
    left: 0;
    width: 0.27778vw;
    height: calc(100% + 13.33333vw);
    background-color: #eee;
}

.mypage-form .mypage-earn div .earn-tit {
    color: #8a8a8a;
    font-size: 3.88889vw;
    letter-spacing: -0.05556vw;
}

.mypage-form .mypage-earn div p {
    margin-top: 2.22222vw;
    color: #202020;
    font-size: 5vw;
    font-weight: 700;
    line-height: 6.66667vw;
}

.mypage-form .mypage-shopping > .tit {
    padding: 0 5.55556vw;
}

.mypage-form .mypage-shopping .shopping-link {
    position: relative;
    display: block;
    padding: 6.66667vw 5.55556vw;
    border-bottom: 0.27778vw solid #eee;
    background: url(/img/common/order_ico_right.svg) no-repeat right 5.55556vw center/5.55556vw 5.55556vw;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.mypage-form .mypage-shopping .shopping-link:last-child {
    border-bottom: none;
}

.mypage-form .mypage-shopping .shopping-link.lookup {
    border-bottom: none;
}

.mypage-form .mypage-shopping .shopping-link .review-num {
    margin-left: 1.11111vw;
    color: #ff4e00;
    font-weight: 700;
}

.mypage-form .mypage-shopping .shopping-link .review-txt {
    display: inline-block;
    vertical-align: 0.27778vw;
    position: relative;
    margin-left: 2.22222vw;
    padding: 1.11111vw 2.22222vw;
    border-radius: 3.33333vw;
    background-color: #ff4e00;
    color: #fff;
    font-size: 3.33333vw;
    line-height: 4.44444vw;
    letter-spacing: -0.05556vw;
}

.mypage-form .mypage-shopping .shopping-link .review-txt:after {
    content: "";
    position: absolute;
    top: 1.66667vw;
    left: -1.66667vw;
    border-right: 2.77778vw solid #ff4e00;
    border-top: 1.66667vw solid transparent;
    border-bottom: 1.66667vw solid transparent;
}

.mypage-form .grade-period {
    margin-top: 6.66667vw;
    padding: 4.44444vw;
    border-radius: 2.22222vw;
    background-color: #f2f2f2;
}

.mypage-form .grade-period + .grade-period {
    margin-top: 2.22222vw;
}

.mypage-form .grade-period.row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mypage-form .grade-period.row span {
    margin-top: 0;
}

.mypage-form .grade-period strong {
    color: #202020;
    font-size: 3.88889vw;
}

.mypage-form .grade-period strong + span {
    margin-top: 2.22222vw;
}

.mypage-form .grade-period p {
    margin-top: 4.44444vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    font-weight: 700;
}

.mypage-form .grade-period p + span {
    margin-top: 1.11111vw;
}

.mypage-form .grade-period span {
    display: block;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.mypage-form .grade-period span + span {
    margin-top: 2.22222vw;
}

.mypage-form .grade-tit {
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.mypage-form .grade-benefit {
    padding: 6.66667vw 0;
}

.mypage-form .grade-benefit + .grade-benefit {
    position: relative;
}

.mypage-form .grade-benefit + .grade-benefit::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: calc(100% + 11.11111vw);
    height: 0.27778vw;
    background-color: #eee;
    margin-left: -5.55556vw;
    margin-right: -5.55556vw;
}

.mypage-form .grade-benefit .benefit-list {
    margin-top: 4.44444vw;
    padding: 4.44444vw;
    border-radius: 2.22222vw;
    background-color: #f2f2f2;
}

.mypage-form .grade-benefit .benefit-list li {
    display: flex;
    align-items: center;
}

.mypage-form .grade-benefit .benefit-list li .tit {
    min-width: 25vw;
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.mypage-form .grade-benefit .benefit-list li .conts {
    margin-left: 10vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.mypage-form .grade-benefit .benefit-list li + li {
    margin-top: 2.22222vw;
}

.mypage-form .profile-info ul li {
    display: flex;
    align-items: center;
    margin-bottom: 3.33333vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.mypage-form .profile-info ul li p {
    width: 20vw;
    color: #8a8a8a;
}

.mypage-form .profile-info ul li p + p {
    margin-left: 2.22222vw;
    width: calc(100% - 22.22222vw);
    color: #202020;
}

.mypage-form .sns-info ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0 0 4.44444vw;
}

.mypage-form .sns-info ul li + li {
    padding: 4.44444vw 0 0;
}

.mypage-form .sns-info ul li + li::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: calc(100% + 11.11111vw);
    height: 0.27778vw;
    background-color: #eee;
    margin-left: -5.55556vw;
    margin-right: -5.55556vw;
}

.mypage-form .sns-info ul li p {
    display: flex;
    align-items: center;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.mypage-form .sns-info ul li p .icon {
    width: 10vw;
    height: 10vw;
    margin-right: 2.22222vw;
}

.mypage-form .mypage-shipping .shipping-info + .button {
    margin-top: 4.44444vw;
}

.mypage-form .mypage-shipping .button {
    width: 100%;
}

.mypage-form .btn-group {
    text-align: center;
}

.mypage-form .btn-group .button {
    width: 100%;
}

.mypage-form .btn-group .button + .button {
    margin-top: 2.22222vw;
}

.mypage-form .step-form + .button {
    width: 100%;
    margin-top: 6.66667vw;
}

.mypage-btnform {
    padding: 6.66667vw 5.55556vw 11.11111vw;
    border-top: 1.11111vw solid #eee;
}

.mypage-btnform .btn-group {
    display: flex;
}

.mypage-btnform .btn-group .button + .button {
    margin-left: 2.22222vw;
}

.mypage-btnform .button {
    width: 100%;
}

.earn-form {
    padding: 4.44444vw 5.55556vw 0;
}

.lapse-form {
    padding: 4.44444vw 5.55556vw;
}

.earn-form .earn-box,
.lapse-form .earn-box {
    padding: 4.44444vw;
    border-radius: 2.22222vw;
    background-color: #f2f2f2;
}

.earn-form .earn-box .row,
.lapse-form .earn-box .row {
    display: flex;
    justify-content: space-between;
}

.earn-form .earn-box .row p,
.lapse-form .earn-box .row p {
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.earn-form .earn-box .row p.mount,
.lapse-form .earn-box .row p.mount {
    font-size: 4.44444vw;
}

.earn-form .earn-box .row p.lapse,
.lapse-form .earn-box .row p.lapse {
    color: #ff4e00;
}

.earn-form .earn-box .row + .row,
.lapse-form .earn-box .row + .row {
    margin-top: 2.22222vw;
}

.lapse-form {
    border-bottom: 0.27778vw solid #eee;
}

.lapse-form .warning-message {
    margin-top: 4.44444vw;
    color: #8a8a8a;
}

.lapse-form .warning-message::before {
    background: url(/img/common/mark_information_gray.svg) no-repeat 0 0/100% 100%;
}

.shopping-step {
    display: flex;
    position: relative;
    width: 100%;
    padding: 4.44444vw 0;
    background-color: #f9f9f9;
}

.shopping-step a {
    width: 100%;
    text-align: center;
}

.shopping-step a:last-child p {
    background: none;
}

.shopping-step a span {
    color: #8a8a8a;
    font-size: 4.44444vw;
    font-weight: 700;
}

.shopping-step a span.be {
    color: #ff4e00;
}

.shopping-step a p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.11111vw;
    height: 7.77778vw;
    background: url(/img/common/member_ico_right_gray.svg) no-repeat right -1.11111vw center/4.44444vw 4.44444vw;
    color: #8a8a8a;
    font-size: 3.33333vw;
    line-height: 3.88889vw;
    letter-spacing: -0.05556vw;
}

.earn-history ul li {
    padding: 6.66667vw 5.55556vw;
}

.earn-history ul li + li {
    border-top: 0.27778vw solid #eee;
}

.earn-history ul li .tit {
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.earn-history ul li .tit + .conts {
    margin-top: 2.22222vw;
}

.earn-history ul li .tit .date {
    margin-right: 1.11111vw;
}

.earn-history ul li .conts {
    display: flex;
}

.earn-history ul li .conts p {
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.earn-history ul li .conts .tit {
    color: #202020;
}

.earn-history ul li .conts .use {
    margin-left: auto;
    margin-right: 0;
    font-weight: 700;
}

.earn-history ul li .conts .use.save {
    color: #ff4e00;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6.66667vw 0 11.11111vw;
    border-top: 1.11111vw solid #eee;
    font-size: 0;
}

.pagination .prev,
.pagination .next {
    width: 8.33333vw;
    height: 8.33333vw;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
}

.pagination .prev {
    margin-right: 1.66667vw;
    background: url(/img/common/member_ico_left_gray.svg) no-repeat center/4.44444vw;
}

.pagination .prev.extend {
    background: url(/img/common/order_ico_left.svg) no-repeat center/4.44444vw;
}

.pagination .next {
    margin-left: 1.66667vw;
    background: url(/img/common/member_ico_right_gray.svg) no-repeat center/4.44444vw;
}

.pagination .next.extend {
    background: url(/img/common/order_ico_right.svg) no-repeat center/4.44444vw;
}

.pagination .page {
    color: #8a8a8a;
    font-size: 4.44444vw;
}

.pagination .page.current {
    color: #000;
    font-weight: 700;
}

.pagination .slash {
    margin: 0 0.55556vw;
}

.mypage-empty {
    padding: 13.33333vw 0;
}

.mypage-empty .icon {
    display: block;
    width: 17.77778vw;
    height: 17.77778vw;
    margin: 0 auto 4.44444vw;
}

.mypage-empty p {
    color: #8a8a8a;
    font-size: 4.44444vw;
    letter-spacing: -0.11111vw;
    text-align: center;
}

.mypage-empty .review {
    padding: 0 5.55556vw;
    margin-top: 11.11111vw;
}

.mypage-empty .review p {
    color: #202020;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
    text-align: center;
}

.mypage-empty .review .button {
    width: 100%;
    margin-top: 6.66667vw;
}

.color-welcome {
    color: #ff4d00;
}

.color-bronze {
    color: #a28c7b;
}

.color-silver {
    color: #caccd0;
}

.color-gold {
    color: #c39c63;
}

.color-vip {
    color: #000000;
}

.color-vvip {
    color: #000000;
}

.coupon-form.mypage-coupon .coupon-button:before,
.coupon-form.mypage-coupon .coupon-button:after {
    border: 0.27778vw solid #e0e0e0;
}

.coupon-form.mypage-coupon .coupon-button_info {
    border: solid #e0e0e0;
    border-width: 0.27778vw 0 0.27778vw 0.27778vw;
}

.coupon-form.mypage-coupon .coupon-button_area {
    background-color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    text-align: center;
}

.coupon-form.mypage-coupon .coupon-button_area::before {
    display: none;
}

.aside.aside-popup .aside_header.center h2 {
    position: absolute;
    transform: translate(-50%, -50%);
    font-size: 5vw;
    text-align: center;
}

.aside.aside-popup .aside_header.center .aside-close {
    margin-left: auto;
    margin-right: -2.22222vw;
}

.aside .aside-field {
    padding: 4.44444vw 5.55556vw 15vw;
}

.aside .aside-field.management {
    padding: 0 0 22.22222vw;
}

.aside .bottom-bar {
    position: fixed;
    bottom: 0;
}

.aside .purchase-form {
    margin-bottom: 11.11111vw;
    text-align: center;
}

.aside .purchase-form .icon {
    display: block;
    width: 15.55556vw;
    height: 15.55556vw;
    margin: 0 auto 4.44444vw;
}

.aside .purchase-form strong {
    display: block;
    font-size: 5vw;
    line-height: 6.66667vw;
    letter-spacing: -0.13889vw;
    margin: 0 0 2.22222vw;
}

.aside .purchase-form .heading {
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
    margin: 0 0 4.44444vw;
    text-align: center;
}

.aside .purchase-form .conts {
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
    text-align: center;
}

.aside .purchase-form .conts + .button {
    margin-top: 22.22222vw;
}

.aside .purchase-form .button {
    width: 100%;
}

.withdraw-form .mypage-grade {
    text-align: center;
}

.withdraw-form .mypage-grade_tit {
    color: #202020;
    font-size: 6.11111vw;
    line-height: 7.77778vw;
    letter-spacing: -0.16667vw;
}

.withdraw-form .mypage-grade_sub {
    margin-top: 2.22222vw;
    color: #8a8a8a;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.withdraw-form .mypage-grade_img {
    width: 16.66667vw;
    height: 16.66667vw;
    margin: 11.11111vw auto 0;
}

.withdraw-form .mypage-grade_img .icon {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.withdraw-form .mypage-grade_info {
    position: relative;
    margin-top: 2.22222vw;
    width: 100%;
}

.withdraw-form .mypage-grade_info .grade-tit {
    color: #202020;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.withdraw-form .mypage-grade_info .grade-target {
    margin-top: 2.22222vw;
    color: #8a8a8a;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.withdraw-form .mypage-grade_info .grade-target > span {
    display: block;
}

.withdraw-form .mypage-grade_table {
    margin-top: 11.11111vw;
    border-radius: 2.22222vw;
    background-color: #f2f2f2;
}

.withdraw-form .mypage-grade_table li {
    display: flex;
    justify-content: space-between;
    padding: 4.44444vw;
}

.withdraw-form .mypage-grade_table li + li {
    border-top: 0.27778vw solid #fff;
}

.withdraw-form .mypage-grade_table li p {
    color: #202020;
    font-size: 4.44444vw;
    font-weight: 700;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.withdraw-form .mypage-grade_table li .caution-message {
    position: relative;
    padding-left: 3.33333vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.withdraw-form .mypage-grade_table li .caution-message::before {
    content: "";
    display: block;
    position: absolute;
    top: 1.11111vw;
    left: 0;
    width: 1.11111vw;
    height: 1.11111vw;
    border-radius: 50%;
    background-color: #8a8a8a;
}

.withdraw-form .button {
    width: 100%;
    margin-top: 6.66667vw;
}

.withdraw-form .button + .button {
    width: 100% !important;
    margin-top: 2.22222vw;
}

.withdraw-form .reading {
    padding: 4.44444vw;
    border-radius: 2.22222vw;
    background-color: #f2f2f2;
}

.withdraw-form .reading li {
    position: relative;
    padding-left: 3.33333vw;
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.withdraw-form .reading li + li {
    margin-top: 2.22222vw;
}

.withdraw-form .reading li::before {
    content: "";
    display: block;
    position: absolute;
    top: 1.66667vw;
    left: 0;
    width: 1.11111vw;
    height: 1.11111vw;
    border-radius: 50%;
    background-color: #202020;
}

label.reason {
    display: inline-flex;
}

.button.blur {
    width: auto !important;
    border: none;
    color: #8a8a8a;
}

.mypage-packet + .mypage-packet {
    border-top: 1.11111vw solid #eee;
}

.mypage-packet .review-list {
    padding-top: 6.66667vw;
}

.mypage-packet .review-list > ul > li:last-child {
    padding-bottom: 6.66667vw;
}

.mypage-orderform.selectable ul li {
    position: relative;
    padding: 13.88889vw 5.55556vw 6.66667vw 12.77778vw;
}

.mypage-orderform.selectable ul li .form-checkbox {
    position: absolute;
    top: 4.44444vw;
    left: 4.44444vw;
}

.mypage-orderform.selectable ul li .form-checkbox input + span {
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.mypage-orderform.selectable-equally ul li {
    position: relative;
    padding: 6.66667vw 5.55556vw 6.66667vw 12.77778vw;
}

.mypage-orderform.selectable-equally ul li .form-checkbox {
    position: absolute;
    top: 6.66667vw;
    left: 4.44444vw;
}

.mypage-orderform + .qna-form {
    border-top: 1.11111vw solid #eee;
}

.mypage-orderform ul li {
    position: relative;
    padding: 4.44444vw 5.55556vw;
}

.mypage-orderform ul li + li {
    border-top: 0.27778vw solid #eee;
}

.mypage-orderform ul li .action {
    margin-top: 6.66667vw;
}

.mypage-orderform .mypage_order-condition {
    position: relative;
    width: 100%;
    margin-bottom: 4.44444vw;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.mypage-orderform .mypage_order-condition .condition-tit {
    color: #202020;
}

.mypage-orderform .mypage_order-condition .condition-sub {
    color: #ff4e00;
    font-weight: 700;
}

.mypage-orderform .mypage_order-condition .condition-sub span {
    margin-top: 1.11111vw;
}

.mypage-orderform .mypage_order-condition .condition-guide {
    position: absolute;
    top: 0;
    right: 0;
    color: #8a8a8a;
}

.mypage-orderform .action {
    display: flex;
    flex-wrap: wrap;
    margin: 3.33333vw 0 0 -1.11111vw;
}

.mypage-orderform .action.once .button {
    width: 100%;
}

.mypage-orderform .action .button {
    min-width: 21.38889vw;
    margin: 1.11111vw 0 0 1.11111vw;
    padding: 0 2.22222vw;
}

.mypage-orderform .view-all {
    position: relative;
    width: 100%;
    border-width: 0.27778vw 0 0;
    border-color: #eee;
    color: #ff4e00;
    font-size: 3.88889vw;
    letter-spacing: -0.05556vw;
}

.mypage-orderform .view-all p {
    padding-right: 5vw;
    background: url(/img/common/order_color_ico_down.svg) no-repeat right center/4.44444vw 4.44444vw;
}

.mypage-orderform .view-all.off p {
    background: url(/img/common/order_color_ico_up.svg) no-repeat right center/4.44444vw 4.44444vw;
}

.warning-bar {
    padding: 4.44444vw 5.55556vw;
    border-bottom: 0.27778vw solid #eee;
}

.warning-bar .warning-message {
    margin-top: 0;
}

.warning-bar .warning-message + .warning-message {
    margin-top: 1.11111vw;
}

.mypage_order-bar {
    position: relative;
    padding: 5.55556vw;
}

.mypage_order-bar .info {
    display: flex;
    align-items: center;
}

.mypage_order-bar .info + .gpick-info {
    margin-top: 4.44444vw;
}

.mypage_order-bar .gpick-info p {
    color: #202020;
    font-size: 3.88889vw;
    font-weight: 700;
    letter-spacing: -0.05556vw;
    line-height: 5vw;
}

.mypage_order-bar .gpick-info p + p {
    margin-top: 1.11111vw;
}

.mypage_order-bar .gpick-info p span:last-child {
    margin-left: 1.11111vw;
}

.mypage_order-bar + .mypage-orderform {
    border-top: 0.27778vw solid #eee;
}

.mypage_order-bar .em {
    color: #202020;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.mypage_order-bar .em + .default {
    margin-left: 1.11111vw;
}

.mypage_order-bar .default {
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.mypage_order-bar .default + .em {
    margin-left: 1.11111vw;
}

.mypage_order-bar .view-more {
    position: absolute;
    top: 5.55556vw;
    right: 5.55556vw;
}

.order-number .tit {
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.order-cancel ul li {
    position: relative;
    padding: 0 0 6.66667vw;
}

.order-cancel ul li + li {
    padding: 6.66667vw 0 0;
}

.order-cancel ul li + li::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: calc(100% + 11.11111vw);
    height: 0.27778vw;
    background-color: #eee;
    margin-left: -5.55556vw;
    margin-right: -5.55556vw;
}

.order-cancel .form-checkbox span {
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.order-cancel .order-item {
    padding: 4.44444vw 0 0 7.22222vw;
}

.order-item_option .before {
    text-decoration: line-through;
    color: #8a8a8a;
    font-weight: 400;
}

.order-item_option .after {
    margin-left: 1.66667vw;
    color: #ff4e00;
}

.order-item_review_reserves {
    margin-top: 4.44444vw;
    color: #ff4e00;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.dot-guide p {
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.dot-guide p + p {
    margin-top: 2.22222vw;
}

.dot-guide p + ul {
    margin-top: 4.44444vw;
}

.dot-guide strong {
    margin-top: 6.66667vw;
}

.dot-guide strong:first-child {
    margin-top: 0;
}

.dot-guide ul li ul li {
    position: relative;
    padding-left: 3.33333vw;
    margin-top: 1.11111vw;
}

.dot-guide ul li ul li::before {
    content: "-";
    position: absolute;
    left: 0;
    color: #8a8a8a;
}

.remove-before::before {
    content: none !important;
    display: none !important;
}

.refere-before::before {
    content: "※" !important;
    top:0 !important;
    left:-0.66667vw !important;
    font-size: 3.33334vw !important;
    width:unset !important;
    height:unset !important;
    background-color : unset !important;
}

.order-info.pickup {
    padding: 6.66667vw 0 0 0;
}

.order-info.pickup .order-bar {
    padding: 0 5.55556vw 5.55556vw 5.55556vw;
    margin-bottom: 0;
}

.agree-notice_conts.benefit {
    background-color: #fff;
    border-top: 0.27778vw solid #eee;
}

.agree-notice_conts.benefit .review-guide {
    background-color: #f2f2f2;
    border-radius: 2.22222vw;
}

.agree-notice_conts.benefit .review-guide > div {
    padding: 4.44444vw;
    border-top: 0.27778vw solid #fff;
}

.agree-notice_conts.benefit .review-guide > div:first-child {
    border-top: none;
}

.agree-notice_conts.benefit .review-guide > div > .em {
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.2px;
    text-align: center;
}

.agree-notice_conts.benefit .review-guide > div > .cf {
    display: inline-block;
    position: relative;
    padding-left: 3.33333vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.2px;
}

.agree-notice_conts.benefit .review-guide > div > .cf::before {
    content: '';
    width: 1.11111vw;
    height: 1.11111vw;
    border-radius: 50%;
    background-color: #8a8a8a;
    position: absolute;
    top: 1.66667vw;
    left: 0;
}

.agree-notice_conts.benefit .review-guide > div > .cf + .cf {
    margin-top: 1.11111vw;
}

.agree-notice_conts.benefit .review-guide ul li {
    display: flex;
    align-items: center;
    padding: 4.44444vw;
    border-top: 0.27778vw solid #fff;
}

.agree-notice_conts.benefit .review-guide ul li .tit {
    display: flex;
    align-items: center;
    color: #202020;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
    letter-spacing: -0.2px;
}

.agree-notice_conts.benefit .review-guide ul li .tit .icon {
    margin-right: 1.11111vw;
}

.agree-notice_conts.benefit .review-guide ul li .mount {
    margin-top: 0;
    margin-left: auto;
    color: #202020;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
    letter-spacing: -0.2px;
}

.notice-conts {
    padding: 4.44444vw 5.55556vw;
}

.notice-conts li + li {
    margin-top: 11.11111vw;
}

.notice-conts_thumb {
    position: relative;
    width: 100%;
    height: 50vw;
    border-radius: 2.22222vw;
    overflow: hidden;
}

.notice-conts_thumb img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.notice-conts_info {
    margin-top: 3.33333vw;
}

.notice-conts_tit {
    margin-top: 0.55556vw;
    color: #202020;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.notice-conts_date {
    margin-top: 2.22222vw;
    color: #8a8a8a;
    font-size: 3.33333vw;
    line-height: 4.44444vw;
    letter-spacing: -0.05556vw;
}

.contents-thumb.notice {
    width: 100%;
    height: 56.11111vw;
}

.contents-thumb.notice img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.contents-header.notice {
    position: relative;
    padding: 4.44444vw 5.55556vw;
    border-top: 0.27778vw solid #eee;
    border-bottom: 0.27778vw solid #eee;
}

.contents-body.notice {
    padding: 6.66667vw 5.55556vw 11.11111vw;
}

.contents-body.notice > .img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0;
}

.contents-body.notice .txt {
    margin-top: 6.66667vw;
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.contents-body.notice .txt.sub {
    margin-top: 1.11111vw;
}

.contents-btn {
    padding: 0 5.55556vw;
}

.contents-btn > .button {
    width: 100%;
}

.store-control-bar {
    display: flex;
    padding: 4.44444vw 5.55556vw 0;
}

.store-control-bar .form-selectric {
    width: 100%;
    padding-right: 10vw;
}

.store-control-bar .selectric-wrapper {
    margin-left: 2.22222vw;
}

.store-control-bar .selectric-wrapper:first-child {
    margin-left: 0;
}

.store-list ul li {
    position: relative;
    padding: 6.66667vw 5.55556vw;
    border-bottom: 0.27778vw solid #eee;
}

.store_badge {
    padding: 0.83333vw 1.38889vw;
    border-radius: 0.83333vw;
    background-color: #ececec;
    color: #8a8a8a;
    font-size: 2.77778vw;
    font-weight: 700;
    line-height: 3.88889vw;
    letter-spacing: -0.05556vw;
}

.store_tit {
    margin-top: 2.22222vw;
    color: #202020;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
}

.store_tit-branch {
    font-weight: 700;
}

.store_tit-brand {
    position: relative;
    margin-left: 2.22222vw;
    padding-left: 2.22222vw;
}

.store_tit-brand::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1.66667vw;
    left: 0;
    width: 0.27778vw;
    height: 3.33333vw;
    background-color: #d8d8d8;
}

.store_addr, .store_tel {
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.store_addr {
    margin-top: 2.22222vw;
}

.store_tel {
    margin-top: 1.11111vw;
}

.store_link {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5.55556vw;
    right: 5.55556vw;
    width: 11.11111vw;
    height: 11.11111vw;
    background: #202020 url(/img/common/mypage_ico_location.svg) no-repeat center/6.66667vw 6.66667vw;
    border-radius: 50%;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.store-popup_header {
    padding: 4.44444vw 5.55556vw 6.66667vw;
}

.store-popup_body {
    height: 100.55556vw;
    background-color: #eee;
}

.inquiry-bar {
    padding: 4.44444vw 5.55556vw 6.66667vw;
    border-bottom: 1.11111vw solid #eee;
}

.inquiry-bar > .button {
    width: 100%;
}

.inquiry-info {
    padding: 6.66667vw 5.55556vw;
    border-top: 1.11111vw solid #eee;
    background-color: #f9f9f9;
}

.inquiry-info strong {
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.inquiry-info strong + ul {
    margin-top: 2.22222vw;
}

.inquiry-info ul li {
    position: relative;
    padding-left: 2.5vw;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.inquiry-info ul li + li {
    margin-top: 1.11111vw;
}

.inquiry-info ul li::before {
    content: '';
    position: absolute;
    top: 2.22222vw;
    left: 0;
    width: 0.83333vw;
    height: 0.83333vw;
    border-radius: 50%;
    background-color: #8a8a8a;
}

.qna-item_meta.inquiry span {
    color: #a4a4a4;
    font-size: 3.33333vw;
    line-height: 4.44444vw;
}

.qna-item_meta.inquiry span + span {
    padding-left: 1.11111vw;
}

.qna-item_meta.inquiry span + span::before {
    display: none;
}

.qna-form.inquiry .photo-form {
    padding: 4.44444vw 0 6.66667vw;
}

.qna-form.inquiry .photo-form .info {
    margin-bottom: 2.22222vw;
    font-size: 3.88889vw;
}

.qna-form.inquiry .chk-form {
    position: relative;
    padding: 4.44444vw 0;
}

.qna-form.inquiry .chk-form .form-checkbox {
    align-items: flex-start;
}

.qna-form.inquiry .chk-form input + span {
    font-size: 3.88889vw;
    line-height: 5vw;
}

.qna-form.inquiry .chk-form a {
    position: absolute;
    right: 0;
    color: #ff4e00;
    font-size: 3.88889vw;
    line-height: 5vw;
}

.qna-form.inquiry .hr {
    margin: 0 -5.55556vw;
    height: 0.27778vw;
    background-color: #f2f2f2;
}

.content-box .qna-label.faq,
.content-box .qna-image-list.faq {
    padding-left: 0;
}

.state-badge-faq {
    color: #8a8a8a;
    background-color: #ececec;
}

.faq-header.header-hidden .header-wrapper {
    transform: translateY(-38.88889vw);
}

.faq-search {
    position: relative;
    padding: 4.44444vw 5.55556vw;
    background-color: #fff;
}

.faq-search .form-text {
    padding: 0 10vw 0 3.33333vw;
}

.faq-search .search {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 5.55556vw;
    right: 5.55556vw;
    width: 11.11111vw;
    height: 11.11111vw;
    padding: 0;
    border: none;
    background: url(/img/common/header_search_form_submit.svg) no-repeat center/4.44444vw 4.44444vw;
    white-space: nowrap;
    text-indent: 100%;
}

.lnb.faq {
    border-width: 0 0 0.27778vw 0;
}

.faq-edit {
    padding: 6.66667vw 5.55556vw 0;
    border-top: 1.11111vw solid #eee;
}

.faq-edit p {
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.faq-edit p + .button {
    width: 100%;
    margin-top: 4.44444vw;
}

.form-toggle {
    display: inline-block;
    vertical-align: top;
}

.form-toggle input {
    overflow: hidden;
    position: absolute;
    width: 0.27778vw;
    height: 0.27778vw;
    margin: -0.27778vw;
    padding: 0;
    border: none;
    white-space: nowrap;
    clip: rect(0, 0, 0, 0);
}

.form-toggle input + span {
    display: block;
    position: relative;
    width: 10vw;
    height: 5.55556vw;
    border-radius: 2.77778vw;
    background-color: #ddd;
    cursor: pointer;
    transition: background-color .1s ease;
}

.form-toggle input + span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.83333vw;
    left: 0.83333vw;
    width: 3.88889vw;
    height: 3.88889vw;
    border-radius: 50%;
    background-color: #fff;
    transition: left .1s ease;
}

.form-toggle input:checked + span {
    background-color: #ff4e00;
}

.form-toggle input:checked + span:before {
    left: 5.27778vw;
}

.logout {
    border-top: 1.11111vw solid #eee;
    text-align: center;
}

.logout-btn {
    display: block;
    padding: 8.33333vw 0;
    color: #a4a4a4;
    font-size: 3.88889vw;
    font-weight: 700;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

/**************************************************
 * 브랜드
 **************************************************/
.brand_thumb {
    width: 100%;
    height: 133.33333vw;
}

.brand_thumb > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.brand_conts {
    padding: 11.11111vw 5.55556vw 0;
}

.brand_conts .video {
    display: flex;
    margin-top: 11.11111vw;
}

.brand_conts .video + .txt {
    margin-top: 11.11111vw;
}

.brand_conts .video video,
.brand_conts .video iframe {
    border-radius: 2.22222vw;
    background-color: #eee;
}

.brand_conts .video.one video,
.brand_conts .video.one iframe {
    width: 100%;
    height: 50vw;
}

.brand_conts .video.two video,
.brand_conts .video.two iframe {
    width: calc(50% - 2.22222vw);
    height: 75vw;
}

.brand_conts .video.two video + video,
.brand_conts .video.two video + iframe,
.brand_conts .video.two iframe + iframe,
.brand_conts .video.two iframe + video {
    margin-left: 4.44444vw;
}

.brand_conts .em {
    color: #202020;
    font-size: 6.11111vw;
    line-height: 7.77778vw;
}

.brand_conts .em.lg {
    display: block;
    margin: 13.88889vw 0 11.11111vw;
    font-size: 8.33333vw;
    line-height: 10vw;
}

.brand_conts .em.md {
    display: block;
    margin: 27.77778vw 0 11.11111vw;
    font-size: 6.11111vw;
    line-height: 7.77778vw;
    letter-spacing: -0.16667vw;
}

.brand_conts .em + .txt {
    margin-top: 2.77778vw;
}

.brand_conts .txt {
    color: #8a8a8a;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.05556vw;
}

.brand_conts .txt span {
    color: #202020;
}

.brand_conts .txt + .txt {
    margin-top: 5.55556vw;
}

.brand-swiper {
    margin-top: 11.11111vw;
}

.brand-swiper .swiper-wrapper {
    margin-bottom: 8.88889vw;
}

.brand-swiper.many {
    overflow: hidden;
}

.brand-swiper.many .swiper-slide {
    width: calc(50% - 2.22222vw);
    height: 66.66667vw;
    margin: 0 4.44444vw 0 0;
    border-radius: 2.22222vw;
    overflow: hidden;
}

.brand-swiper.many .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.brand-swiper.one {
    overflow: hidden;
}

.brand-swiper.one .swiper-slide {
    width: 100%;
    height: 105.55556vw;
    border-radius: 2.22222vw;
    overflow: hidden;
}

.brand-swiper.one .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.brand .bg {
    padding: 11.11111vw 5.55556vw;
    margin: 19.44444vw -5.55556vw 0;
    background-color: #f5f7f8;
}

.brand .bg .img-box {
    width: 100%;
    height: 55.55556vw;
    border-radius: 2.22222vw;
    overflow: hidden;
}

.brand .bg .img-box img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.brand .bg .img-box + .txt {
    margin-top: 11.11111vw;
}

.brand .brand-btn {
    width: 100%;
}

.brand .brand-btn + .brand-btn {
    margin-top: 2.22222vw;
}

/**************************************************
 * 기획전
 **************************************************/
.control-bar .count {
    font-size: 3.88889vw;
    line-height: 6.66667vw;
    letter-spacing: -0.13889vw;
}

.control-bar.exhibition {
    padding: 4.44444vw 5.55556vw;
    border-bottom: none;
}

.article-badge {
    display: inline-block;
    padding: 0.83333vw 1.38889vw;
    border-radius: 0.83333vw;
    font-size: 2.77778vw;
    font-weight: 700;
    line-height: 3.88889vw;
    letter-spacing: -0.05556vw;
}

.article-badge-new {
    color: #ff4e00;
    background-color: #ffede5;
}

.article-badge-coupon {
    color: #9c8d6d;
    background-color: #f3ead7;
}

.article-badge-sale {
    color: #765aff;
    background-color: #f1eeff;
}

.exhibition-conts {
    padding: 0 5.55556vw;
}

.exhibition-conts li + li {
    margin-top: 11.11111vw;
}

.exhibition-conts_thumb {
    position: relative;
    width: 100%;
    height: 50vw;
    border-radius: 2.22222vw;
    overflow: hidden;
}

.exhibition-conts_thumb img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.exhibition-conts_info {
    margin-top: 3.33333vw;
}

.exhibition-conts_category {
    color: #8a8a8a;
    font-size: 3.33333vw;
    line-height: 4.44444vw;
    letter-spacing: -0.05556vw;
}

.exhibition-conts_tit {
    width: 100%;
    margin-top: 0.55556vw;
    color: #202020;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.exhibition-conts_date {
    margin-top: 2.22222vw;
    color: #8a8a8a;
    font-size: 3.33333vw;
    line-height: 4.44444vw;
    letter-spacing: -0.05556vw;
}

.exhibition-conts_badge {
    margin-top: 2.22222vw;
}

.exhibition-conts_badge > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -1.11111vw 0 0 -1.11111vw;
}

.exhibition-conts_badge > ul > li {
    margin: 1.11111vw 0 0 1.11111vw;
}

.exhibition-conts .button {
    width: 100%;
    margin-top: 11.11111vw;
}

.contents-header {
    position: relative;
    padding: 4.44444vw 5.55556vw;
    border-top: 0.27778vw solid #eee;
    border-bottom: 0.27778vw solid #eee;
}

.contents-body > .img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 2.22222vw;
}

.contents-body .txt {
    margin-top: 6.66667vw;
    color: #202020;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.contents-body .txt.gray {
    color: #8a8a8a;
}

.exhibition-share {
    position: absolute;
    right: 5.55556vw;
    bottom: 5.55556vw;
    width: 5.55556vw;
    height: 5.55556vw;
    background: url(/img/common/ico_share.svg) no-repeat center/100% 100%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
}

.lnb-exhibition {
    position: sticky !important;
    top: 16.66667vw;
    overflow: hidden;
    border: solid #eee;
    border-width: 0.27778vw 0;
    background-color: #fff;
    z-index: 1000;
}

.lnb-exhibition .swiper-slide {
    width: auto;
    padding: 3.88889vw 3.33333vw;
}

.lnb-exhibition .swiper-slide:first-child {
    padding-left: 5.55556vw;
}

.lnb-exhibition .swiper-slide:last-child {
    padding-right: 5.55556vw;
}

.lnb-exhibition a {
    display: block;
    color: #8a8a8a;
    font-size: 3.88889vw;
    line-height: 5vw;
    letter-spacing: -0.05556vw;
}

.lnb-exhibition a.active {
    position: relative;
    padding-right: 2.5vw;
    color: #222;
    font-weight: 700;
}

.lnb-exhibition a.active:after {
    content: "";
    display: block;
    position: absolute;
    top: 1.11111vw;
    right: 0;
    width: 1.38889vw;
    height: 1.38889vw;
    border-radius: 50%;
    background-color: #ff4e00;
}

/**************************************************
 * 룩북
 **************************************************/
.lookbook-conts {
    padding: 6.66667vw 5.55556vw 0;
}

.lookbook-conts li + li {
    margin-top: 11.11111vw;
}

.lookbook-conts_thumb {
    position: relative;
    width: 100%;
    height: 118.05556vw;
    border-radius: 2.22222vw;
    overflow: hidden;
}

.lookbook-conts_thumb img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.lookbook-conts_tit {
    margin-top: 2.77778vw;
    color: #202020;
    font-size: 4.44444vw;
    line-height: 6.11111vw;
    letter-spacing: -0.11111vw;
    text-align: center;
}

.lookbook-conts .button {
    width: 100%;
    margin-top: 11.11111vw;
}

.lookbook-conts_brand {
    padding: 6.66667vw 5.55556vw 0;
    overflow: hidden;
}

.lookbook-conts_brand > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -6.66667vw 0 0 -4.44444vw;
}

.lookbook-conts_brand > ul > li {
    width: calc(50% - 4.44444vw);
    margin: 6.66667vw 0 0 4.44444vw;
}

.lookbook-conts_brand .lookbook-conts_thumb {
    height: 86.66667vw;
}

.lookbook-conts_brand .button {
    width: 100%;
    margin-top: 11.11111vw;
}

.modalLookbook {
    display: flex;
    align-items: center;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: visibility .3s,
    background-color .3s ease;
}

.modalLookbook_container {
    width: 100%;
    opacity: 0;
    transform: translateY(6.66667vw);
    transition: opacity .3s ease,
    transform .3s ease;
}

.modalLookbook.visible {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.8);
}

.modalLookbook.visible .modal_container {
    opacity: 1;
    transform: translateY(0);
}

.lookbook-swiper {
    overflow: visible;
}

.lookbook-swiper .swiper-slide {
    width: 72.22222vw;
    margin: 0 3.33333vw;
}

.lookbook-swiper .swiper-slide .lookbook-swiper-img {
    height: 148.33333vw;
    border-radius: 1.11111vw;
    overflow: hidden;
}

.lookbook-swiper .swiper-slide .lookbook-swiper-img > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.lookbook-swiper .swiper-pagination-fraction {
    bottom: -13.88889vw;
    color: #fff;
    font-size: 4.44444vw;
}

.lookbook-swiper .swiper-pagination-fraction .swiper-pagination-current {
    font-weight: 700;
}

.lookbook-swiper .closeLookbook {
    position: absolute;
    top: -13.88889vw;
    right: 5.55556vw;
    width: 6.66667vw;
    height: 6.66667vw;
    border: none;
    background: url(/img/common/lookbook_modal_close.svg) no-repeat center/100%;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 150%;
}

/**************************************************
 * 타임세일
 **************************************************/
.timesale-detail {
    padding: 6.66667vw 5.55556vw;
}

.timesale-detail h2 {
    margin-bottom: 4.44444vw;
    font-size: 6.11111vw;
    font-weight: 700;
    line-height: 7.77778vw;
}

.timesale-detail .banner {
    overflow: hidden;
    position: relative;
    border-radius: 3.33333vw;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.timesale-detail .banner:before {
    content: "";
    display: block;
    padding-bottom: 58.7962%;
}

.timesale-detail .banner img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.timesale-detail .banner .timer {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 73.33333vw;
    color: #ff4e00;
    font-size: 6.66667vw;
    font-weight: 700;
    line-height: 8.88889vw;
    white-space: nowrap;
    transform: translate(-50%, -50%);
}

.timesale-detail .banner .timer:before {
    content: "";
    flex: none;
    width: 5.55556vw;
    height: 5.55556vw;
    margin-right: 2.22222vw;
    /*background: url(./../img/common/timesale_ico_timer.svg) no-repeat 0 0/100% 100%;*/
    background: url(./../img/main/timesale_timer_ico.svg) no-repeat 0 0/100% 100%;
}

.timesale-detail .banner .timer .date {
    margin-right: 1.11111vw;
}

.timesale-detail .full-banner {
    overflow: hidden;
    border-radius: 3.33333vw;
    margin-top: 6.66667vw;
}

.timesale-detail .full-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.timesale-detail .product-grid-group {
    margin-top: 6.66667vw;
}

/**************************************************
 * 약관
 **************************************************/
.terms {
    padding: 4.44444vw 5.55556vw 0;
    color: #8a8a8a;
    font-size: small;
    font-family: '굴림',sans-serif;
    letter-spacing: -0.05556vw;
    line-height: 5vw;
}

.terms *:first-child {
    margin-top: 0;
}

.terms .group-heading {
    margin-bottom: 4.44444vw;
    color: #202020;
    font-size: 4.44444vw;
    font-weight: 700;
}

.terms .group-heading ~ .group-heading {
    margin-top: 8.88889vw;
}

.terms .heading {
    margin-bottom: 2.22222vw;
    color: #202020;
    font-size: 3.88889vw;
    font-weight: 400;
}

.terms .heading ~ .heading,
.terms div + .heading {
    margin-top: 4.44444vw;
}

.terms div {
    margin-top: 2.22222vw;
}
.terms h3 {
    margin-top: 5.22222vw;
}

.terms .circle-demical {
    margin-top: 2.22222vw;
}

.terms .circle-demical > li {
    position: relative;
    margin-top: 1.11111vw;
    padding-left: 5vw;
}

.terms .circle-demical > li:first-child {
    margin-top: 0;
}

.terms .circle-demical > li:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.terms .circle-demical > li:nth-child(1):before {
    content: "①";
}

.terms .circle-demical > li:nth-child(2):before {
    content: "②";
}

.terms .circle-demical > li:nth-child(3):before {
    content: "③";
}

.terms .circle-demical > li:nth-child(4):before {
    content: "④";
}

.terms .circle-demical > li:nth-child(5):before {
    content: "⑤";
}

.terms .circle-demical > li:nth-child(6):before {
    content: "⑥";
}

.terms .circle-demical > li:nth-child(7):before {
    content: "⑦";
}

.terms .circle-demical > li:nth-child(8):before {
    content: "⑧";
}

.terms .circle-demical > li:nth-child(9):before {
    content: "⑨";
}

.terms .circle-demical > li .demical,
.terms .circle-demical > li .spot {
    margin-top: 1.11111vw;
}

.terms .demical {
    margin-top: 2.22222vw;
}

.terms .demical > li {
    position: relative;
    margin-top: 1.11111vw;
    padding-left: 4.44444vw;
}

.terms .demical > li:first-child {
    margin-top: 0;
}

.terms .demical > li:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.terms .demical > li:nth-child(1):before {
    content: "1.";
}

.terms .demical > li:nth-child(2):before {
    content: "2.";
}

.terms .demical > li:nth-child(3):before {
    content: "3.";
}

.terms .demical > li:nth-child(4):before {
    content: "4.";
}

.terms .demical > li:nth-child(5):before {
    content: "5.";
}

.terms .demical > li:nth-child(6):before {
    content: "6.";
}

.terms .demical > li:nth-child(7):before {
    content: "7.";
}

.terms .demical > li:nth-child(8):before {
    content: "8.";
}

.terms .demical > li:nth-child(9):before {
    content: "9.";
}

.terms .spot {
    margin-top: 2.22222vw;
}

.terms .spot > li {
    position: relative;
    margin-top: 1.11111vw;
    padding-left: 2.5vw;
}

.terms .spot > li:first-child {
    margin-top: 0;
}

.terms .spot > li:before {
    content: "";
    display: block;
    position: absolute;
    top: 1.94444vw;
    left: 0;
    width: 0.83333vw;
    height: 0.83333vw;
    border-radius: 50%;
    background-color: #8a8a8a;
}

.terms-additional {
    margin-top: 6.66667vw;
    padding: 6.66667vw 5.55556vw 0;
    border-top: 0.27778vw solid #e0e0e0;
    color: #8a8a8a;
    font-size: 3.88889vw;
    letter-spacing: -0.05556vw;
    line-height: 5vw;
}

.terms-additional .heading {
    margin-bottom: 4.44444vw;
    color: #202020;
    font-size: 3.88889vw;
    font-weight: 700;
}

.terms-additional .sub-heading {
    margin-bottom: 2.22222vw;
    font-size: 3.88889vw;
    font-weight: 400;
}

.terms-additional .heading ~ .heading {
    margin-top: 6.66667vw;
}

.aside .terms-additional {
    padding-bottom: 22.22222vw;
}

.contents .terms table {
    width: 100%;
    text-align: center; /* 가운데 정렬 */
    color: #000000;
    font-size: medium;
    border: none;
    border-collapse: collapse;
}

.contents .terms table th, .contents .terms table td {
    border: 1px solid #000000; /* 테두리 색상 설정 */
    padding: 0; /* cellpadding: 0 효과 */
    text-align: center; /* 헤더와 데이터 셀의 글자 가운데 정렬 */
}

.mbrank {
    display: flex; /* 플렉스박스 활성화 */
    align-items: center; /* 세로축 중앙 정렬 */
    justify-content: center!important; /* 가로축 중앙 정렬 */
    position: absolute;
    top: 4px;
    z-index: 1;
    width: 25px;
    height: 25px;
    border: none;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size: 14px; /* 필요 시 텍스트 크기 조정 */
    line-height: normal; /* 기본 줄 높이 */
    font-weight:Semi Bold;
    background-color: #202020;
    color: #fff;
}

.help-btn span{
	color: #202020;
	font-family: Pretendard, Apple SD Gothic Neo, '돋움', Dotum, Verdana, Arial, sans-serif;
	line-height: 1.5;
	letter-spacing: -0.4px;
	word-break: break-word;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.help-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	border: 1px solid #ccc;
	background: white;
	border-radius: 6px;
	padding: 6px 12px;
	cursor: pointer;
	color: #333;
	transition: all 0.3s ease;
}

.heart-icon {
	width: 15px;
	height: 15px;
	display: inline-block;
	background: url('data:image/svg+xml;utf8,<svg fill="none" stroke="%23000" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 21s-6.3-4.9-9.4-8.7C-1.2 7.2 4.3 1 12 8c7.7-7 13.2-.8 9.4 4.3C18.3 16.1 12 21 12 21z"/></svg>') no-repeat center;
	background-size: contain;
}

.help-count {
	vertical-align: middle;
}

.help-btn.liked .heart-icon {
	background: url('data:image/svg+xml;utf8,<svg fill="%23000" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 21s-6.3-4.9-9.4-8.7C-1.2 7.2 4.3 1 12 8c7.7-7 13.2-.8 9.4 4.3C18.3 16.1 12 21 12 21z"/></svg>') no-repeat center;
	background-size: contain;
}

.gnco-icon {
	width: 40px;
	height: 40px;
	background-color: white;
	border-radius: 50%;	
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 6px;
	color: black;
	text-align: center;
	user-select: none;
}

/* 혜택 아이콘 */
.benefit-icon {
	position: absolute;
	top: 0px;   /* 위쪽 여백 */
	left: 0px;  /* 왼쪽 여백 */
	background-color: #ff6b00;
	color: #fff;
	font-size: 11px;
	padding: 3px 6px;
	line-height: 1;
}

/* 마이페이지 - 나의 사이즈 정보 (모바일 뷰 전용) */

/* 상단 헤더 */
.profile-header-bar {
    padding: 6vw 5vw 5vw;
    border-bottom: 3px solid #d9d9d9;
    margin-bottom: 6vw;
}
.profile-header-bar .title {
    font-size: 5.5vw;
    font-weight: bold;
    margin-bottom: 2vw;
    color: #000;
}
.profile-header-bar .desc {
    font-size: 3.5vw;
    color: #666;
    line-height: 1.4;
    word-break: keep-all;
}

.profile-content-wrap {
    padding: 0 5vw;
}

.profile-sub-title {
    font-size: 4.5vw;
    font-weight: bold;
    margin-bottom: 4vw;
    color: #222;
}

/* 사이즈 정보 회색 박스 */
.size-info-box {
    background-color: #f5f5f5; /* PC버전과 동일한 배경색 */
    border-radius: 8px; /* 모바일용 라운드 처리 */
    padding: 5vw;
    margin-bottom: 6vw;
}

/* 항목 세로 배열 (항목 간 여백) */
.size-info-list {
    display: flex;
    flex-direction: column;
    gap: 4vw;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 항목 양끝 정렬 (텍스트 - 값) */
.size-info-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.size-info-label {
    color: #666;
    font-size: 3.8vw;
}

.size-info-value {
    font-size: 4vw;
    color: #202020;
    font-weight: bold;
}

/* 관리 버튼 */
.profile-btn-wrap {
    margin-bottom: 10vw;
}
.btn-profile-manage {
    background-color: #000;
    color: #fff;
    width: 100%;
    height: 13vw;
    font-size: 4vw;
    font-weight: bold;
    border-radius: 4px;
    border: none;
}

/* 삭제 안내 박스 */
.profile-delete-box {
    margin: 0 5vw 10vw;
    padding: 5vw;
    background-color: #f9f9f9;
    border: 1px solid #eee;
    border-radius: 8px;
    display: flex;
    flex-direction: column; /* PC 좌우 배치를 상하 배치로 */
}

.profile-delete-title {
    font-size: 4vw;
    color: #202020;
    font-weight: bold;
    display: block;
    margin-bottom: 3vw;
}

.profile-delete-list {
    color: #8a8a8a;
    font-size: 3.2vw;
    line-height: 1.5;
    list-style-type: none;
    padding: 0;
    margin: 0 0 5vw 0;
}
.profile-delete-list li {
    position: relative;
    padding-left: 2.5vw;
    margin-bottom: 1.5vw;
    word-break: keep-all;
}
.profile-delete-list li::before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}

/* 삭제하기 버튼 */
.profile-delete-action {
    width: 100%;
}
.btn-profile-delete {
    width: 100%;
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 3.5vw 0;
    font-size: 3.8vw;
    color: #666;
    font-weight: bold;
    border-radius: 4px;
}