<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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"); 
}

@font-face {
    font-family: 'PlantagenetCherokee';
    font-weight: 400;
    src: local("PlantagenetCherokee"), url("/font/PlantagenetCherokee.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.5;
    letter-spacing: -0.4px;
    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;
    min-width: 120px;
    height: 48px;
    padding: 0 16px;
    border-radius: 0;
    border: 1px solid #202020;
    background-color: #fff;
    color: #202020;
    font-size: 14px;
    vertical-align: middle;
}

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

.button .icon {
    margin-right: 4px;
    font-size: 0;
}

.button .icon svg path {
    fill: #202020;
}

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

.button.sm {
    min-width: 80px;
    height: 34px;
    padding: 0 12px;
}

.button.lg {
    min-width: 180px;
    height: 60px;
    padding: 0 20px;
    font-size: 16px;
}

.button.lg-font-size {
    font-size: 16px;
}

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

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

.button.auto-width {
    min-width: auto;
}

.button.reset[disabled] {
    background-color: #fff;
}

.form-text,
.form-textarea,
.form-select {
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #202020;
    font-size: 14px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: border-color .1s ease,
    background-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;
    color: #8a8a8a;
}

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

.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-text::-webkit-outer-spin-button, .form-text::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form-text[type='number'] {
    -moz-appearance: textfield;
}

.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;
    width: 100%;
    height: 48px;
    padding: 0 12px;
    vertical-align: middle;
}

.form-textarea {
    display: block;
    width: 100%;
    padding: 12px 12px;
    resize: vertical;
}

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

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

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

.form-checkbox input + span,
.form-radio input + span {
    margin: 0 0 0 4px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.form-checkbox input:checked,
.form-radio input:checked {
    background-position: -20px 0;
}

.form-checkbox.lg input + span,
.form-radio.lg input + span {
    margin-top: -1px;
    font-size: 16px;
}

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

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

.option-group {
    display: flex;
}

.option-group &gt; * + * {
    margin-left: 24px;
}

.radio-button-group {
    display: flex;
    width: 100%;
}

.radio-button-group label {
    width: 100%;
}

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

.radio-button-group label:last-child input + span {
    border-radius: 0 8px 8px 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: 48px;
    border: 1px solid #ddd;
    background-color: #fff;
    font-size: 14px;
}

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

.radio-button-group label + label {
    margin-left: -1px;
}

.form-image-file {
    display: inline-block;
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px dashed #ddd;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    vertical-align: middle;
}

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

.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: 14px;
}

.form-image-file label input + span:before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(/img/common/form_file_add.svg) no-repeat;
}

.form-image-file button {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: url(/img/common/form_file_delete.svg) 50% 50%/16px 16px rgba(0, 0, 0, 0.4);
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

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

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

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

.image-file-list &gt; ul {
    display: flex;
    flex-wrap: wrap;
    margin: -8px 0 0 -8px;
}

.image-file-list &gt; ul &gt; li {
    margin: 8px 0 0 8px;
}

.form-search {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.form-search .form-text {
    width: 100%;
    padding-right: 44px;
}

.form-search button {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 2px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: url(/img/common/ico_search.svg) no-repeat 50% 50%/20px 20px;
    margin-top: -20px;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

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

.form-price .form-text {
    padding-right: 30px;
    text-align: right;
}

.form-price &gt; span {
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    color: #8a8a8a;
    font-size: 14px;
    transform: translateY(-50%);
}

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

.form-custom-text .form-text {
    padding-right: 30px;
}

.form-custom-text &gt; span {
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    font-size: 14px;
    transform: translateY(-50%);
}

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

.form-password .form-text {
    padding-right: 50px;
}

.form-password button {
    display: block;
    position: absolute;
    top: 50%;
    right: 4px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: url(/img/common/form_password_reveal.svg) no-repeat 0 0;
    transform: translateY(-50%);
    cursor: pointer;
}

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

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

.selectric {
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #fff;
    transition: border-color .1s ease;
}

.selectric .label {
    height: 48px;
    margin: 0 40px 0 12px;
    color: #a4a4a4;
    font-size: 14px;
    line-height: 48px;
    transition: color .1s ease;
}

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

.selectric .selectric-button {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    right: 12px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: url(/img/common/form_select_chevron.svg) no-repeat;
}

.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% + 4px);
    width: 100% !important;
    max-height: 154px !important;
    border-radius: 4px;
    border: 1px solid #202020;
    background: #fff;
    box-shadow: none;
    overflow-y: auto;
}

.selectric-items ul, .selectric-items li {
    font-size: 14px;
}

.selectric-items li {
    display: flex;
    align-items: center;
    border-top: 1px solid #ddd;
    padding: 16px 12px;
    color: #202020;
}

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

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

.selectric-items li.selected {
    color: #ff4e00;
    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: 2px;
    background-color: #202020;
    transform: translate(-50%, -50%) rotate(45deg);
}

.selectric-items .disabled .color ~ b {
    margin-left: 8px;
}

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

.form-toggle {
    display: inline-block;
    vertical-align: top;
}

.form-toggle 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-toggle input + span {
    display: block;
    position: relative;
    width: 36px;
    height: 20px;
    border-radius: 18px;
    background-color: #ddd;
    cursor: pointer;
    transition: background-color .1s ease;
}

.form-toggle input + span:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08);
    transition: left .1s ease;
}

.form-toggle input:checked + span {
    background-color: #ff4e00;
}

.form-toggle input:checked + span:before {
    left: 19px;
}

.modal {
    display: flex;
    justify-content: center;
    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 .4s,
    background-color .4s ease;
    pointer-events: none;
}

.modal_container, .modal_button {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .4s ease,
    transform .4s ease;
}

.modal .modal_button {
    position: fixed;
    width: 840px;
}

.modal .modal_button button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    border: 0;
    background-color: transparent;
    background-image: url(/img/common/ico_chevron-right_lg_white.svg);
    color: #ffffff;
    text-indent: -9999px;
    cursor: pointer;
}

.modal .modal_button button.prev {
    left: -100px;
}

.modal .modal_button button.next {
    right: -100px;
    transform: translateY(-50%) rotate(180deg);
}

.modal.visible {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.6);
    pointer-events: auto;
}

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

.dialog {
    overflow: hidden;
    position: relative;
    width: 288px;
    margin: 0 auto;
    padding: 40px 20px 80px;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
}

.dialog p {
    color: #8a8a8a;
    font-size: 14px;
}

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

.dialog_action button {
    width: 100%;
    padding: 0;
    border: none;
    border-top: 1px solid #e0e0e0;
    height: 40px;
    background-color: #fff;
    color: #202020;
    font-size: 14px;
    cursor: pointer;
}

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

.pagination {
    display: flex;
    justify-content: center;
}

.pagination .extend,
.pagination .page {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
}

.pagination .extend {
    overflow: hidden;
    background: url(/img/common/pagination.svg) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
}

.pagination .extend.first {
    background-position-x: 0;
}

.pagination .extend.prev {
    margin-right: 8px;
    background-position-x: -32px;
}

.pagination .extend.next {
    margin-left: 8px;
    background-position-x: -64px;
}

.pagination .extend.last {
    background-position-x: -96px;
}

.pagination span.extend {
    background-position-y: -32px;
}

.pagination .page {
    font-size: 18px;
}

.pagination strong.page {
    color: #ff4e00;
    font-weight: 700;
    cursor: default;
}

body.prevent-scroll {
    overflow: hidden;
}

.site {
    min-width: 1328px;
    height: 100%;
}

.site:before {
    content: "";
    display: block;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 990;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: visibility .6s,
    background-color .6s ease;
}

.site.dimmed:before {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.5);
}

.container {
    width: 1328px;
    margin: 0 auto;
    padding: 0 24px;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
    white-space: nowrap; /* 텍스트 줄바꿈 방지 */
}

.header:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
}

.header_inner {
    position: relative;
    width: 1920px;
    max-width: 100%;  /* 화면 크기에 따라 유동적으로 크기 조정 */
    margin:auto;
    height: 80px;
}

.header_top {
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 40px;
}

.header_top .top-banner {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.header_member {
    display: flex;
    margin-left: auto;
}

.header_member a {
    margin-left: 24px;
    color: #a4a4a4;
    font-size: 14px;
}

.header_member a:first-child {
    margin-left: 0;
}

.header_bottom {
    display: flex;
    align-items: center;
    height: 80px;
    margin: 0 32px;
}

.header_bottom h1 a {
    display: block;
    overflow: hidden;
    width: 122px;
    height: 16px;
    background: url(/img/common/logo_header.svg) no-repeat;
    white-space: nowrap;
    text-indent: 100%;
}

.header_bottom .gnb {
    margin-left: 80px;
}

.header_bottom .gnb-extra {
    margin-left: 40px;
}

.header_menu {
    display: flex;
    margin-left: auto;
    margin-right: -8px;
}

.header_menu a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 40px;
    height: 40px;
    margin-left: 16px;
}

.header_menu a img{
    width: 24px;
}

.header_menu a:first-child {
    margin-left: 0;
}

.header_menu a &gt; .badge {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 6px;
    left: 24px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background-color: #ff4e00;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
}

.header_menu a &gt; .tooltip {
    opacity: 0;
    transition: opacity 0.2s ease;
}
.header_menu a:hover .tooltip {
    opacity: 1;
}
.header_menu a &gt; .tooltip {
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translate(-50%, 0);
    border: 1px solid #202020;
    padding: 2px 10px;
    min-height: 20px;
    font-size: 12px;
    background-color: white;
    white-space: nowrap;
}

.top-banner {
    overflow: hidden;
    height: 40px;
}

.top-banner a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

.top-banner a span {
    color: #ff4e00;
}

.gnb_depth_1 &gt; ul {
    display: flex;
    margin-left: -20px;
}
.gnb_depth_1 &gt; ul &gt; li {
    flex-shrink: 0; /* 축소 방지 */
}

.gnb_depth_1 &gt; ul &gt; li &gt; .link {
    display: flex;
    align-items: center;
    height: 80px;
    padding: 0 20px;
    font-size: 18px;
    font-weight: 700;
    transition: color .1s ease;
    white-space: nowrap; /* 줄바꿈 방지 */
}

.gnb_depth_1 &gt; ul &gt; li &gt; .link.active {
    color: #ff4e00;
}

.gnb_depth_2 {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw; /* 배경은 화면 너비에 맞추기 */
    background-color: #fff;
}
.gnb_depth_2_content{
    display: flex;
    width: 1920px; /* 상단의 너비를 1920px로 고정 */
    max-width: 1920px; /* 컨텐츠의 최대 너비를 1920px로 제한 */
    margin: 0 auto; /* 중앙 정렬 */
    padding: 32px 24px 48px 235px; /* 고정된 픽셀 패딩 사용 */
}
@media (max-width: 1921px) {
    .gnb_depth_2_content{
        padding: 32px 24px 48px 240px; /* 고정된 픽셀 패딩 사용 */
    }
}


.gnb_depth_2_content &gt; ul {
    display: flex;
    margin-right: 62px;
}

.gnb_depth_2_content &gt; ul &gt; li {
    margin-left: 40px;
}

.gnb_depth_2_content &gt; ul &gt; li:first-child {
    margin-left: 0;
}

.gnb_depth_2_content &gt; ul &gt; li &gt; .link {
    display: block;
    width: 104px;
    color: #202020;
    font-size: 16px;
    font-weight: 700;
}

.gnb_depth_2_content .banner {
    margin-left: auto;
    border-left: 1px solid #ddd;
    width: 320px;
}

.gnb_depth_2_content .banner a {
    display: block;
    width: 320px;
}

.gnb_depth_2_content .banner img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.gnb_depth_2_content .banner span {
    display: block;
    margin-top: 16px;
    color: #999;
    font-size: 14px;
}

.gnb_depth_2_content .banner strong {
    display: block;
    margin-top: 8px;
    color: #202020;
    font-size: 22px;
}

.gnb_depth_2_content .banner p {
    margin-top: 4px;
    color: #a4a4a4;
    font-size: 16px;
}

.gnb_depth_3 {
    margin-top: 24px;
}

.gnb_depth_3 &gt; ul &gt; li {
    margin-top: 20px;
}

.gnb_depth_3 &gt; ul &gt; li:first-child {
    margin-top: 0;
}

.gnb_depth_3 &gt; ul &gt; li &gt; .link {
    display: inline-block;
    color: #8a8a8a;
    font-size: 14px;
}

.gnb-extra {
    display: flex;
}

.gnb-extra a {
    margin-left: 24px;
    color: #8a8a8a;
    font-size: 16px;
}

.gnb-extra a:first-child {
    margin-left: 0;
}

.aside {
    position: fixed;
    top: 80px;
    right: 0;
    z-index: 1000;
    width: 476px;
    height: calc(100% - 80px);
    padding: 32px 48px;
    background-color: #fff;
    transform: translateX(100%);
    transition: transform 0.6s cubic-bezier(0.76, 0, 0.36, 1);
}

.aside .search {
    position: relative;
    width: 340px;
    margin-bottom: 40px;
}

.aside .search input {
    width: 100%;
    height: 48px;
    padding: 0 48px 0 16px;
    border-radius: 24px;
    border: none;
    background-color: #f2f2f2;
    font-size: 16px;
}

.aside .search input::-webkit-input-placeholder {
    color: #a4a4a4;
}

.aside .search input::-moz-placeholder {
    color: #a4a4a4;
}

.aside .search input:-ms-input-placeholder {
    color: #a4a4a4;
}

.aside .search input:-moz-placeholder {
    color: #a4a4a4;
}

.aside .search .submit {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: url(/img/common/ico_search.svg) no-repeat 50% 50%;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

.aside .aside-close {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 34px;
    right: 42px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: url(/img/common/ico_close.svg) no-repeat 50% 50%;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

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

.aside .title {
    margin-bottom: 24px;
    font-size: 22px;
    font-weight: 700;
}

.aside .title ~ .title {
    margin-top: 40px;
}

.aside .recent-search {
    position: relative;
}

.aside .recent-search &gt; ul {
    display: flex;
    flex-wrap: wrap;
    margin: -16px 0 0 -24px;
}

.aside .recent-search &gt; ul &gt; li {
    position: relative;
    width: calc(50% - 24px);
    margin: 16px 0 0 24px;
    padding: 0 28px 8px 0;
    border-bottom: 1px solid #eee;
}

.aside .recent-search &gt; ul &gt; li a {
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aside .recent-search &gt; ul &gt; li .delete {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -8px;
    right: -12px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: url(/img/common/ico_close_sm_gray.svg) no-repeat 50% 50%;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

.aside .recent-search .result .icon {
    display: block;
    width: 64px;
    height: auto;
    margin: 0 auto 16px;
}

.aside .recent-search .result p {
    color: #8a8a8a;
    font-size: 16px;
    text-align: center;
}

.aside .recent-search .delete-all {
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: -36px;
    right: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #8a8a8a;
    font-size: 16px;
    cursor: pointer;
}

.aside .recent-search .delete-all:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(/img/common/ico_trash.svg) no-repeat;
}

.aside .recommand-search &gt; ul {
    display: flex;
    flex-wrap: wrap;
    margin: -24px 0 0 -32px;
}

.aside .recommand-search &gt; ul &gt; li {
    width: calc(25% - 32px);
    margin: 24px 0 0 32px;
}

.aside .recommand-search .item img {
    display: block;
    border-radius: 50%;
}

.aside .recommand-search .item span {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    text-align: center;
}

.aside .realtime-search &gt; ol {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-height: 265px;
    margin: -16px 0 0 -24px;
}

.aside .realtime-search &gt; ol &gt; li {
    width: calc(50% - 24px);
    margin: 16px 0 0 24px;
}

.aside .realtime-search &gt; ol &gt; li:nth-child(1) .item i, .aside .realtime-search &gt; ol &gt; li:nth-child(2) .item i, .aside .realtime-search &gt; ol &gt; li:nth-child(3) .item i {
    color: #ff4e00;
}

.aside .realtime-search .item {
    display: flex;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    color: #444;
    font-size: 16px;
}

.aside .realtime-search .item i {
    flex: none;
    width: 20px;
    margin-right: 8px;
    color: #a4a4a4;
    font-weight: 700;
    font-style: normal;
}

.aside .realtime-search .item span {
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main {
    min-height: 100%;
    margin-bottom: -364px;
    padding-top: 80px;
}

.main:after {
    content: "";
    display: block;
    height: 364px;
}

.contents {
    padding: 86px 0 204px;
}

.contents &gt; .hr {
    height: 1px;
    margin: 84px 0;
    background-color: #e0e0e0;
}

.contents .search-top {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}

.contents .search-top .form-search {
    width: 320px;
}

.contents .search-top .guide {
    display: flex;
    align-items: center;
    margin-left: 24px;
    font-size: 14px;
}

.contents .search-top .guide:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(/img/common/ico_info.svg) no-repeat;
}

.contents .search-top .button {
    min-width: 100px;
    margin-left: 24px;
}

.contents .contents-top {
    display: flex;
    align-items: center;
    margin-bottom: 72px;
}

.contents .contents-top .guide {
    display: flex;
    align-items: center;
    margin-left: 40px;
    font-size: 14px;
}

.contents .contents-top .guide:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(/img/common/ico_info.svg) no-repeat;
}

.footer {
    position: relative;
    width: 100%; /* 화면 너비에 맞게 설정 */
    background-color: #f2f2f2;
    box-sizing: border-box;
    overflow-x: auto; /* 화면이 넘칠 경우 수평 스크롤 표시 */
}

.footer:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
}

/* footer_inner는 최대 너비 1920px로 제한 */
.footer_inner {
    position: relative;
    width: 100%;
    max-width: 1920px;  /* 최대 너비 1920px로 제한 */
    margin: 0 auto;
    height: 364px;
}

.footer_top {
    display: flex;
    align-items: center;
    height: 60px;
    margin: 0 32px;
}

.footer_menu {
    display: flex;
}

.footer_menu a {
    margin-left: 40px;
    color: inherit;
    font-size: 16px;
    font-weight: 700;
}

.footer_menu a:first-child {
    margin-left: 0;
}

.footer_sns {
    display: flex;
    margin-left: auto;
}
.footer_sns &gt; a &gt; img{
    width: 40px;
    padding: 8px;
}

.footer_bottom {
    display: flex;
    justify-content: space-between;
    margin: 58px 32px 0;
}

.footer_bottom .logo {
    display: block;
    overflow: hidden;
    width: 174px;
    height: 20px;
    background: url(/img/common/logo_footer.svg) no-repeat;
    white-space: nowrap;
    text-indent: 100%;
}

.footer_bottom .info {
    margin-top: 36px;
    font-size: 0;
}

.footer_bottom .info &gt; span {
    display: inline-block;
    color: #a4a4a4;
    font-size: 12px;
}

.footer_bottom .info &gt; span:before {
    content: "\00a0\00a0\00a0|\00a0\00a0\00a0";
}

.footer_bottom .info &gt; span:first-child:before,
.footer_bottom .info &gt; br + span:before {
    display: none;
}

.footer_bottom .copyright {
    margin-top: 40px;
    color: #a4a4a4;
    font-size: 13px;
    font-weight: 600;
}

.footer_bottom .cs &gt; strong {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

.footer_bottom .cs .tel {
    margin-top: 4px;
}

.footer_bottom .cs .tel a {
    font-size: 22px;
    font-weight: 700;
}

.footer_bottom .cs .time {
    margin-top: 12px;
    color: #a4a4a4;
    font-size: 14px;
}

.footer_bottom .payments {
    display: flex;
    align-items: center;
    margin-top: 36px;
    color: #c4c5c6;
    font-size: 12px;
    font-weight: 600;
}

.footer_bottom .payments img {
    margin-right: 4px;
}

.footer-area {
    display: flex;
    width: 1328px;
    margin: 0 auto;
    padding: 36px 48px 120px 48px;
}

.footer-area .section .title {
    display: block;
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 700;
}

.footer-area .section + .section {
    width: 100%;
    margin-left: 160px;
}

.footer-area .recent-notice {
    width: 508px;
}

.footer-area .recent-notice .swiper-slide strong {
    display: block;
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.footer-area .recent-notice .swiper-slide p {
    overflow: hidden;
    height: 42px;
    color: #8a8a8a;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.footer-area .recent-notice .swiper-indicator {
    margin-top: 40px;
}

.footer-area .member-benefit ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.footer-area .member-benefit ul li .icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 8px;
}

.footer-area .member-benefit ul li p {
    font-size: 14px;
}

.floating {
    position: fixed;
    right: 12px;
    bottom: 16px;
    z-index: 990;
}

.floating .timesale {
    position: absolute;
    right: 42px;
    bottom: 0;
}

.scroll-button button {
    display: block;
    overflow: hidden;
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #202020;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

.scroll-button button.top {
    border-radius: 17px 17px 0 0;
    background-image: url(/img/common/ico_chevron-up_white.svg);
}

.scroll-button button.bottom {
    border-radius: 0 0 17px 17px;
    background-image: url(/img/common/ico_chevron-down_white.svg);
}

.total-search .search {
    position: relative;
    width: 480px;
    margin: 0 auto 90px;
}

.total-search .search input {
    width: 100%;
    height: 60px;
    padding: 0 90px 0 30px;
    border-radius: 30px;
    border: none;
    background-color: #f2f2f2;
    font-size: 20px;
}

.total-search .search input::-webkit-input-placeholder {
    color: #a4a4a4;
}

.total-search .search input::-moz-placeholder {
    color: #a4a4a4;
}

.total-search .search input:-ms-input-placeholder {
    color: #a4a4a4;
}

.total-search .search input:-moz-placeholder {
    color: #a4a4a4;
}

.total-search .search .clear {
    display: none;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 76px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: url(/img/common/btn_ico_clear_lg.svg) no-repeat 50% 50%;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

.total-search .search .submit {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 25px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: url(/img/common/ico_search_lg.svg) no-repeat 50% 50%;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

.total-search .title {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 700;
}

.total-search .title ~ .title {
    margin-top: 50px;
}

.total-search .recommand-search &gt; ul {
    display: flex;
}

.total-search .recommand-search &gt; ul &gt; li {
    width: 100%;
    margin-left: 44px;
}

.total-search .recommand-search &gt; ul &gt; li:first-child {
    margin-left: 0;
}

.total-search .recommand-search .item img {
    display: block;
    border-radius: 50%;
}

.total-search .recommand-search .item span {
    display: block;
    margin-top: 16px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}

.total-search .realtime-search &gt; ol {
    display: flex;
    flex-wrap: wrap;
    margin: -16px 0 0 -92px;
}

.total-search .realtime-search &gt; ol &gt; li {
    width: calc(20% - 92px);
    margin: 16px 0 0 92px;
}

.total-search .realtime-search &gt; ol &gt; li:nth-child(1) .item i, .total-search .realtime-search &gt; ol &gt; li:nth-child(2) .item i, .total-search .realtime-search &gt; ol &gt; li:nth-child(3) .item i {
    color: #ff4e00;
}

.total-search .realtime-search .item {
    display: flex;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    color: #444;
    font-size: 16px;
}

.total-search .realtime-search .item i {
    flex: none;
    width: 20px;
    margin-right: 8px;
    color: #a4a4a4;
    font-weight: 700;
    font-style: normal;
}

.total-search .realtime-search .item span {
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.total-search .result {
    padding-bottom: 90px;
}

.total-search .result .icon {
    display: block;
    width: 64px;
    height: auto;
    margin: 0 auto 16px;
}

.total-search .result p {
    color: #8a8a8a;
    font-size: 16px;
    text-align: center;
}

.timesale .tiny {
    overflow: hidden;
    width: 230px;
    height: 68px;
    border-radius: 8px;
    background-color: #202020;
}

.timesale .tiny &gt; button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10px 10px 10px 68px;
    border-radius: 0;
    border: none;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
}

.timesale .tiny &gt; button .thumb {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    width: 48px;
}

.timesale .tiny &gt; button .thumb:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.timesale .tiny &gt; button .thumb img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
}

.timesale .tiny &gt; button .title {
    overflow: hidden;
    max-width: 100%;
    margin-top: 2px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.timesale .tiny &gt; button .time {
    color: #ff4e00;
    font-size: 16px;
    font-weight: 700;
}

.timesale .zoom {
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 360px;
    border-radius: 16px;
    pointer-events: none;
}

.timesale .zoom .swiper-pager {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 320px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.4);
}

.timesale .zoom .swiper-pager .bar {
    width: 1px;
    height: 12px;
    margin: 0 8px;
    background-color: #ddd;
}

.timesale .zoom .swiper-counter-number {
    min-width: 18px;
    color: #fff;
    font-size: 16px;
}

.timesale .zoom .swiper-counter-current {
    text-align: right;
    font-weight: 700;
}

.timesale .zoom .swiper-pager-button {
    overflow: hidden;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

.timesale .zoom .swiper-pager-prev {
    background: url(/img/common/ico_chevron-left_white.svg) no-repeat 50% 50%;
}

.timesale .zoom .swiper-pager-next {
    background: url(/img/common/ico_chevron-right_white.svg) no-repeat 50% 50%;
}

.timesale .zoom .item {
    display: block;
}

.timesale .zoom .item .thumb {
    position: relative;
}

.timesale .zoom .item .thumb:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.timesale .zoom .item .thumb img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.timesale .zoom .data {
    position: relative;
    height: 120px;
    padding: 8px 16px 48px;
    background-color: #202020;
    color: #fff;
}

.timesale .zoom .data .type {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
}

.timesale .zoom .data .time {
    display: flex;
    align-items: center;
    color: #ff4e00;
    font-size: 28px;
    font-weight: 700;
}

.timesale .zoom .data .time:before {
    display: flex;
    align-items: center;
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    margin-right: 4px;
    background: url(/img/common/timesale_ico_timer.svg) no-repeat;
}

.timesale .zoom .data .amount {
    display: inline-flex;
    align-items: center;
    position: absolute;
    top: 32px;
    right: 12px;
    font-size: 16px;
    font-weight: 700;
}

.timesale .zoom .data .amount .num {
    font-size: 28px;
    margin-right: 2px;
}

.timesale .zoom .data .bottom {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 41px;
    padding: 0 16px;
    border-top: 1px solid #ddd;
}

.timesale .zoom .data .bottom .title {
    overflow: hidden;
    max-width: 100%;
    margin-right: 16px;
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.timesale .zoom .data .bottom .close {
    flex: none;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-right: -10px;
    margin-left: auto;
    padding: 0;
    border: none;
    background: url(/img/common/ico_close_white.svg) no-repeat 50% 50%;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

.timesale .zoom.visible {
    visibility: visible;
    pointer-events: auto;
}

.path {
    width: 1328px;
    margin: auto;
    padding: 12px 24px;
}

.path &gt; ol {
    display: flex;
}

.path &gt; ol &gt; li {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 16px;
}

.path &gt; ol &gt; li:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/img/common/path_chevron.svg) no-repeat 0 0;
    margin: 0 12px;
}

.path &gt; ol &gt; li &gt; button {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.path &gt; ol &gt; li &gt; button:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(/img/common/ico_chevron-down_sm.svg) no-repeat;
}

.path &gt; ol &gt; li &gt; button.active:after {
    transform: rotate(180deg);
}

.path &gt; ol &gt; li &gt; button.active + .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.path &gt; ol &gt; li .dropdown-menu {
    visibility: visible;
    position: absolute;
    top: calc(100% + 8px);
    left: 32px;
    z-index: 100;
    opacity: 0;
    white-space: nowrap;
    transform: translateY(24px);
    transition: visibility .2s,
    opacity .2s ease,
    transform .2s ease;
    pointer-events: none;
}

.path &gt; ol &gt; li:first-child:before {
    display: none;
}

.path &gt; ol &gt; li:first-child &gt; a {
    display: inline-block;
    overflow: hidden;
    width: 20px;
    height: 20px;
    background: url(/img/common/path_home.svg) no-repeat;
    text-indent: 100%;
    white-space: nowrap;
}

.dropdown-menu {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
}

.dropdown-menu &gt; ul {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}

.dropdown-menu &gt; ul &gt; li {
    border-top: 1px solid #e0e0e0;
}

.dropdown-menu &gt; ul &gt; li:first-child {
    border-top: none;
}

.dropdown-menu &gt; ul &gt; li &gt; a,
.dropdown-menu &gt; ul &gt; li &gt; button {
    display: block;
    padding: 10px 12px;
    border: none;
    background-color: transparent;
    color: #8a8a8a;
    font-ize: 14px;
    cursor: pointer;
}

.dropdown-menu &gt; ul &gt; li &gt; a.active,
.dropdown-menu &gt; ul &gt; li &gt; button.active {
    color: #ff4e00;
    font-weight: 700;
}

.contents-tab &gt; ul {
    display: flex;
}

.contents-tab &gt; ul &gt; li {
    margin-left: 48px;
}

.contents-tab &gt; ul &gt; li:first-child {
    margin-left: 0;
}

.contents-tab &gt; ul &gt; li &gt; a {
    display: flex;
    padding-bottom: 16px;
    color: #8a8a8a;
    font-size: 28px;
}

.contents-tab &gt; ul &gt; li &gt; a .count {
    margin-left: 8px;
    font-weight: 700;
}

.contents-tab &gt; ul &gt; li &gt; a.active {
    position: relative;
    color: #202020;
    font-weight: 700;
}

.contents-tab &gt; ul &gt; li &gt; a.active:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #202020;
}

.contents-tab &gt; ul &gt; li &gt; a.active .count {
    color: #ff4e00;
}

.contents-tab.sm &gt; ul &gt; li {
    margin-left: 32px;
}

.contents-tab.sm &gt; ul &gt; li:first-child {
    margin-left: 0;
}

.contents-tab.sm &gt; ul &gt; li &gt; a {
    font-size: 24px;
}

.input {
    position: relative;
}

.input_label {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 14px;
}

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

.input_wrapper &gt; * + * {
    margin-left: 8px;
}

.input_wrapper .auto {
    flex: none;
    width: auto;
}

.input_wrapper &gt; * + .form-checkbox,
.input_wrapper .input_helper,
.input_wrapper .input_guide {
    margin-top: 0;
    margin-left: 16px;
}

.input_wrapper .input_guide + .button {
    margin-left: 16px;
}

.input_wrapper .push-right {
    margin-left: auto;
}

.input_wrapper .button:not(.sm) {
    border-radius: 4px;
}

.input_wrapper + .input_wrapper {
    margin-top: 8px;
}

.input_helper {
    margin-top: 8px;
    color: #8a8a8a;
    font-size: 14px;
}

.input_error-msg {
    margin-top: 8px;
    color: #ee443f;
    font-size: 14px;
}

.input_guide {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-size: 14px;
}

.input_guide:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(/img/common/ico_info.svg) no-repeat;
}

.input_guide:first-child {
    margin-top: 0;
    margin-bottom: 8px;
}

.input_byte {
    margin-top: 4px;
    color: #a4a4a4;
    font-size: 14px;
    text-align: right;
}

.input_byte &gt; strong {
    color: #202020;
    font-weight: 400;
}

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

.fieldset .input + .input {
    margin-top: 16px;
}

.bar-form {
    padding-bottom: 18px;
    border-bottom: 1px solid #e0e0e0;
}

.box-content + .bar-form {
    margin-top: 18px;
}

.bullet-list &gt; ul &gt; li {
    position: relative;
    margin-top: 4px;
    padding-left: 9px;
    color: #8a8a8a;
    font-size: 14px;
}

.bullet-list &gt; ul &gt; li:first-child {
    margin-top: 0;
}

.bullet-list &gt; ul &gt; li:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #8a8a8a;
}

.bullet-list &gt; ul &gt; li strong {
    color: #202020;
    font-weight: 400;
}

.bullet-list &gt; ul &gt; li p {
    color: #8a8a8a;
    padding: 4px 0;
}

.bullet-list &gt; ul &gt; li &gt; ul {
    margin-top: 4px;
}

.bullet-list &gt; ul &gt; li &gt; ul &gt; li {
    position: relative;
    padding-left: 12px;
}

.bullet-list &gt; ul &gt; li &gt; ul &gt; li:before {
    content: "-";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.header-bar {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 24px;
}

.header-bar .title {
    display: inline-flex;
    font-size: 24px;
    font-weight: 700;
}

.header-bar .title.lg {
    font-size: 28px;
}

.header-bar .title span {
    margin-left: 8px;
    color: #ff4e00;
}

.header-bar .desc {
    margin-left: 12px;
    color: #8a8a8a;
    font-size: 16px;
}

.header-bar .option {
    margin-left: 32px;
}

.header-bar .guide,
.header-bar .caution {
    display: flex;
    align-items: center;
    margin-left: 24px;
    font-size: 14px;
}

.header-bar .guide:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(/img/common/ico_info.svg) no-repeat;
}

.header-bar .caution:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(/img/common/ico_caution.svg) no-repeat;
}

.header-bar .product-table-expander {
    margin-left: auto;
}

.header-bar .more {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 0;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    background: url(/img/common/header_bar_ico_more.svg) no-repeat;
    white-space: nowrap;
    text-indent: 100%;
}

.header-bar .icon-button {
    margin-left: 10px;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.header-bar .icon-button img {
    display: block;
}

.header-bar .action-button-group {
    position: absolute;
    top: 6px;
    right: 0;
}

.header-bar .action-button-group &gt; ul &gt; li a,
.header-bar .action-button-group &gt; ul &gt; li button {
    font-size: 18px;
}

* + .header-bar,
.header-bar ~ .header-bar {
    margin-top: 48px;
}

.guide-message + .guide-bar {
    margin-top: 0;
}

.submit-area {
    margin-top: 100px;
}

.submit-area .button-group {
    display: flex;
    justify-content: center;
}

.submit-area .button-group .button {
    min-width: 270px;
}

.submit-area .button-group .button + .button {
    margin-left: 24px;
}

.submit-area .withdraw {
    margin-top: 60px;
    text-align: center;
}

.submit-area .withdraw a {
    color: #8a8a8a;
    font-size: 14px;
    font-weight: 700;
}

.submit-area + .submit-area {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #eee;
}

.bar-form + .submit-area,
.product-table + .submit-area,
.data-table + .submit-area {
    margin-top: 50px;
}

.guide-bar + .product-section {
    margin-top: 120px;
}

.product-section + .product-section {
    margin-top: 60px;
}

* + .group-area {
    margin-top: 48px;
}

.product-detail + .product-section {
    margin-top: 120px;
}

.product-spinner {
    display: inline-flex;
    vertical-align: middle;
}

.product-spinner input {
    width: 48px;
    height: 34px;
    border: solid #e0e0e0;
    border-width: 1px 0;
    background-color: #fff;
    font-size: 14px;
    text-align: center;
}

.product-spinner button {
    overflow: hidden;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #e0e0e0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 24px 24px;
    background-color: #fff;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

.product-spinner button:first-child {
    background-image: url(/img/common/ico_minus.svg);
}

.product-spinner button:last-child {
    background-image: url(/img/common/ico_plus.svg);
}

.product-spinner.sm input {
    width: 48px;
    height: 24px;
    padding: 0 4px;
}

.product-spinner.sm button {
    width: 24px;
    height: 24px;
}

.product-table table {
    width: 100%;
    border-top: 2px solid #a4a4a4;
    border-bottom: 1px solid #a4a4a4;
}

.product-table table th,
.product-table table td {
    height: 60px;
    padding: 16px 8px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
}

.product-table table td {
    border-top: 1px solid #e0e0e0;
}

.product-table table td .button.sm {
    min-width: 100px;
}

.product-table table td .order-id {
    text-align: left;
}

.product-table table td .order-id p {
    font-size: 14px;
}

.product-table table td .order-id p + p {
    margin-top: 2px;
}

.product-table table td .order-id p + .location {
    margin-top: 8px;
}

.product-table table td .order-id .link {
    display: inline-flex;
    align-items: center;
    margin-top: 8px;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #ff4e00;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.product-table table td .order-id .link:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 2px;
    background: url(/img/common/ico_link_chevron.svg) no-repeat;
}

.product-table table td .order-goods {
    display: flex;
    align-items: center;
}

.product-table table td .order-goods a {
    display: flex;
    align-items: center;
}

.product-table table td .order-goods .thumb {
    flex: none;
    width: 78px;
    height: 104px;
}

.product-table table td .order-goods .thumb img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    /*    object-fit: cover;*/
}

.product-table table td .order-goods .data {
    padding-left: 24px;
    text-align: left;
}

.product-table table td .order-goods .data p {
    font-size: 14px;
}

.product-table table td .order-goods .data .brand {
    margin-bottom: 4px;
    color: #8a8a8a;
}

.product-table table td .order-goods .data .id {
    font-size: 12px;
}

.product-table table td .order-goods.vertical {
    display: block;
}

.product-table table td .order-goods.vertical a {
    display: block;
}

.product-table table td .order-goods.vertical .data {
    padding-top: 16px;
    padding-left: 0;
}

.product-table table td .order-option p {
    font-size: 14px;
}

.product-table table td .order-option .strikethrough {
    text-decoration: line-through;
}

.product-table table td .order-option .strikethrough + p {
    margin-top: 4px;
    color: #ff4e00;
}

.product-table table td .order-option .button {
    margin-top: 8px;
}

.product-table table td .order-option .discount {
    color: #ff4e00;
    font-weight: 700;
}

.product-table table td .order-option .product-spinner {
    margin-top: 8px;
}

.product-table table td .order-state p {
    font-size: 14px;
}

.product-table table td .order-state .detail {
    margin-top: 4px;
    color: #8a8a8a;
}

.product-table table td .order-location p {
    color: #ff4e00;
    font-size: 14px;
    font-weight: 700;
}

.product-table table td .order-location .button {
    margin-top: 8px;
}

.product-table table td .button-group {
    display: inline-flex;
    flex-direction: column;
}

.product-table table td .button-group .button {
    min-width: 120px;
}

.product-table table td .button-group .button + .button {
    margin-top: 8px;
}

.product-table table td .button-group.horizental {
    flex-direction: row;
}

.product-table table td .button-group.horizental .button {
    min-width: 80px;
}

.product-table table td .button-group.horizental .button + .button {
    margin-top: 0;
    margin-left: 8px;
}

.product-table table td .guide-message {
    padding: 74px 0;
}

.product-table table td .badge {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 4px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
}

.product-table table td .badge.red {
    background-color: #ffede5;
    color: #ff4e00;
}

.product-table table td .badge.green {
    background-color: #dcf3eb;
    color: #06c281;
}

.product-table table td .badge.gray {
    background-color: #ececec;
    color: #8a8a8a;
}

.product-table table td .board-link {
    display: flex;
    align-items: center;
    text-align: left;
}

.product-table table td .board-link .thumb {
    flex: none;
}

.product-table table td .board-link .thumb img {
    display: block;
    width: 184px;
    height: auto;
    border-radius: 8px;
}

.product-table table td .board-link .title {
    margin-left: 56px;
    font-weight: 700;
}

.product-table table td .map-open {
    display: inline-flex;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #8a8a8a;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.product-table table td .map-open:before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 4px;
    background: url(/img/common/ico_map.svg) no-repeat;
}

.product-table table td .grade {
    display: inline-flex;
    align-items: center;
}

.product-table table td .grade .icon {
    width: 50px;
    height: auto;
    margin-right: 8px;
}

.product-table table td .grade .name {
    font-size: 16px;
    font-weight: 700;
}

.product-table table td .dl p {
    display: flex;
}

.product-table table td .dl p .heading {
    flex: none;
    width: 90px;
}

.product-table table td .dl p .data {
    padding-left: 8px;
    color: #8a8a8a;
}

.product-table table td .dl p + p {
    margin-top: 4px;
}

.product-table table td .name {
    display: inline-flex;
    align-items: center;
}

.product-table table td .name .badge {
    margin-left: 12px;
}

.product-table table td .address {
    display: flex;
    align-items: center;
    text-align: left;
}

.product-table table td .address p {
    padding-right: 24px;
}

.product-table table td .address .button-group {
    margin-left: auto;
}

.product-table table td .review-detail {
    text-align: left;
}

.product-table table td .review-detail .review-head {
    display: flex;
    position: relative;
    line-height: 18px;
    font-size: 14px;
}

.product-table table td .review-detail .review-head .review-star {
    display: flex;
}

.product-table table td .review-detail .review-head .review-star ul {
    display: flex;
}

.product-table table td .review-detail .review-head .review-star ul .star {
    width: 16px;
    height: 16px;
    margin-right: 2px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/img/product/ico-star-normal.svg);
    background-size: 16px;
    text-indent: -9999px;
}

.product-table table td .review-detail .review-head .review-star ul .star.on {
    background-position: top 0 left 0;
    background-image: url(/img/product/ico-star.svg);
    background-size: 32px 16px;
}

.product-table table td .review-detail .review-head .review-star p {
    margin-left: 8px;
    font-weight: 700;
}

.product-table table td .review-detail .review-head .review-size, .product-table table td .review-detail .review-head .review-color {
    display: flex;
    position: relative;
    padding-left: 15px;
    margin-left: 15px;
}

.product-table table td .review-detail .review-head .review-size::before, .product-table table td .review-detail .review-head .review-color::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 1px;
    height: 12px;
    background-color: #d8d8d8;
}

.product-table table td .review-detail .review-head .review-size .cont, .product-table table td .review-detail .review-head .review-color .cont {
    margin-left: 4px;
    font-weight: 700;
}

.product-table table td .review-detail .review-head .review-date {
    position: absolute;
    top: 0;
    right: 0;
}

.product-table table td .review-detail .review-img {
    display: flex;
    margin: 25px 0 16px;
}

.product-table table td .review-detail .review-img .img {
    overflow: hidden;
    position: relative;
    width: 54px;
    height: 54px;
    margin-right: 4px;
    border-radius: 8px;
}

.product-table table td .review-detail .review-img .img .more {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    letter-spacing: -.5px;
}

.product-table table td .review-detail .review-cont div {
    overflow: hidden;
    display: -webkit-box;
    width: 90%;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.product-table table td .review-detail .review-cont div.expand {
    -webkit-line-clamp: inherit;
}

.product-table table td .review-detail .review-cont .more {
    display: flex;
    align-items: center;
    padding: 0;
    margin-top: 10px;
    border: 0;
    background-color: transparent;
    color: #8a8a8a;
    cursor: pointer;
}

.product-table table td .review-detail .review-cont .more::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 4px;
    background: url(/img/common/ico_chevron-down_gray.svg) no-repeat center;
}

.product-table table td .review-detail .review-cont .more.on::after {
    transform: rotate(180deg);
}

.product-table table td .review-add {
    position: relative;
    height: 100%;
    padding: 0 40px;
    border-left: 1px solid #d8d8d8;
    text-align: left;
}

.product-table table td .review-add .review-model ul li {
    display: flex;
    margin-bottom: 10px;
}

.product-table table td .review-add .review-model ul li .head {
    width: 50%;
    color: #8a8a8a;
}

.product-table table td .review-add .review-model ul li .info {
    width: 50%;
    font-weight: 500;
}

.product-table table td .review-add .review-button {
    position: absolute;
    bottom: 0;
    left: 40px;
}

.product-table table td .review-add .review-button button {
    padding: 0 0 0 18px;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left;
}

.product-table table td .review-add .review-button button.delete {
    background-image: url(/img/common/ico_trash.svg);
}

.product-table table td .review-add .review-button button.modify {
    background-image: url(/img/common/ico_edit_primary.svg);
    color: #ff4e00;
}

.product-table table td .review-add .review-button button:nth-child(2) {
    position: relative;
    padding: 0 0 0 26px;
    margin-left: 8px;
    background-position: top 50% left 8px;
}

.product-table table td .review-add .review-button button:nth-child(2)::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 12px;
    background-color: #8a8a8a;
}

.product-table table .accordion-toggle {
    cursor: pointer;
}

.product-table table .accordion-toggle .title {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 0 24px 0 0;
    border: none;
    background-color: transparent;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
}

.product-table table .accordion-toggle .title .icon {
    margin-right: 4px;
    flex: none;
}

.product-table table .accordion-toggle .title:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(/img/common/ico_chevron-down.svg) no-repeat;
}

.product-table table .accordion-toggle .title.active:after {
    transform: rotate(180deg);
}

.product-table table tbody tr:first-child td {
    border-top: 1px solid #a4a4a4;
}

.product-table table tbody .accordion-content-wrapper td {
    height: auto;
    padding: 0;
    border-top: none;
}

.product-table table tbody .accordion-content {
    display: none;
    margin-bottom: 16px;
    padding: 24px 24px;
    border-radius: 8px;
    background-color: #f2f2f2;
    text-align: left;
}

.product-table table tbody .accordion-content p {
    font-size: 14px;
}

.product-table table tbody .accordion-content .q {
    position: relative;
    padding-left: 26px;
}

.product-table table tbody .accordion-content .q:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(/img/common/ico_question.svg) no-repeat;
}

.product-table table tbody .accordion-content .hr {
    height: 1px;
    margin: 16px -24px;
    background-color: #fff;
}

.product-table table tbody .accordion-content .a {
    position: relative;
    padding-left: 26px;
}

.product-table table tbody .accordion-content .a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url(/img/common/ico_answer.svg) no-repeat;
}

.product-table table tbody .accordion-content .image-list {
    margin-top: 16px;
}

.product-table table tbody .accordion-content .image-list &gt; ul {
    display: flex;
    flex-wrap: wrap;
    margin: -8px 0 0 -8px;
}

.product-table table tbody .accordion-content .image-list &gt; ul &gt; li {
    margin: 8px 0 0 8px;
}

.product-table table tbody .accordion-content .image-list &gt; ul &gt; li &gt; a {
    display: block;
    position: relative;
    width: 100px;
}

.product-table table tbody .accordion-content .image-list &gt; ul &gt; li &gt; a:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.product-table table tbody .accordion-content .image-list &gt; ul &gt; li &gt; a img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
}

.reviewed-product-table table th,
.reviewed-product-table table td {
    vertical-align: top;
}

.product-table-expander {
    padding-top: 12px;
    text-align: right;
}

.product-table-expander button {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 14px;
    cursor: pointer;
}

.product-table-expander button:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(/img/common/ico_chevron-down_sm.svg) no-repeat;
}

.product-table-expander button.active:after {
    transform: rotate(180deg);
}

.order-select-list .action-bar {
    display: flex;
    margin-top: 24px;
}

.action-button-group {
    display: inline-block;
    vertical-align: middle;
}

.action-button-group &gt; ul {
    display: flex;
}

.action-button-group &gt; ul &gt; li {
    display: flex;
    align-items: center;
}

.action-button-group &gt; ul &gt; li:before {
    content: "";
    width: 1px;
    height: 12px;
    margin: 0 8px;
    background-color: #e0e0e0;
}

.action-button-group &gt; ul &gt; li:first-child:before {
    display: none;
}

.action-button-group &gt; ul &gt; li &gt; a,
.action-button-group &gt; ul &gt; li &gt; button {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #8a8a8a;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.action-button-group &gt; ul &gt; li &gt; a.primary,
.action-button-group &gt; ul &gt; li &gt; button.primary {
    color: #ff4e00;
}

.action-button-group &gt; ul &gt; li &gt; a .icon,
.action-button-group &gt; ul &gt; li &gt; button .icon {
    margin-right: 2px;
}

.data-table table {
    width: 100%;
    border-top: 2px solid #a4a4a4;
    border-bottom: 1px solid #e0e0e0;
}

.data-table table th,
.data-table table td {
    font-size: 14px;
    text-align: left;
}

.data-table table th {
    color: #8a8a8a;
    padding: 8px 16px;
    font-weight: 400;
    vertical-align: top;
}

.data-table table td {
    padding: 8px 0;
    vertical-align: middle;
}

.data-table table td .row {
    display: flex;
    align-items: center;
}

.data-table table td .row .button {
    margin-left: 12px;
}

.data-table table td .strikethrough {
    color: #8a8a8a;
    text-decoration: line-through;
}

.data-table table td .option .heading {
    color: #8a8a8a;
}

.data-table table td .use-coupon-group {
    display: flex;
    align-items: center;
    width: 246px;
}

.data-table table td .use-coupon-group .button {
    margin-left: auto;
}

.data-table table td .guide {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.data-table table td .guide:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(/img/common/ico_info.svg) no-repeat;
}

.data-table.form-data-table table th {
    color: #202020;
    padding: 21px 16px;
}

.data-table-desc {
    padding: 24px 16px 0;
}

.discount-data-table table th,
.discount-data-table table td {
    color: #202020;
    vertical-align: middle;
}

.discount-data-table table tbody + tbody tr:first-child th,
.discount-data-table table tbody + tbody tr:first-child td {
    border-top: 1px solid #e0e0e0;
}

.discount-data-table table tbody tr:first-child th,
.discount-data-table table tbody tr:first-child td {
    padding-top: 16px;
}

.discount-data-table table tbody tr:last-child th,
.discount-data-table table tbody tr:last-child td {
    padding-bottom: 16px;
}

.coupon-data-table table th,
.coupon-data-table table td {
    color: #202020;
    font-weight: 700;
    vertical-align: middle;
}

.coupon-data-table table tbody + tbody tr:first-child th,
.coupon-data-table table tbody + tbody tr:first-child td {
    border-top: 1px solid #e0e0e0;
}

.coupon-data-table table tbody tr:first-child th,
.coupon-data-table table tbody tr:first-child td {
    padding-top: 16px;
}

.coupon-data-table table tbody tr:last-child th,
.coupon-data-table table tbody tr:last-child td {
    padding-bottom: 16px;
}

.guide-message {
    text-align: center;
}

.guide-message .icon {
    display: block;
    width: 64px;
    height: auto;
    margin: 0 auto;
}

.guide-message strong {
    display: block;
    font-size: 22px;
    font-weight: 700;
}

.guide-message p {
    color: #8a8a8a;
    font-size: 16px;
}

.guide-message .em {
    color: #202020;
}

.guide-message .shortcut {
    margin-top: 24px;
}

.guide-message strong + .icon {
    margin-top: 16px;
}

.guide-message .icon + strong {
    margin-top: 16px;
}

.guide-message .icon + p {
    margin-top: 16px;
}

.guide-message strong + p {
    margin-top: 8px;
}

.guide-message p + p {
    margin-top: 16px;
}

.guide-bar {
    margin-top: 100px;
}

.guide-bar .accordion-toggle {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 24px;
    border: solid #e0e0e0;
    border-width: 2px 0 1px;
    background-color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.guide-bar .accordion-toggle:after {
    content: "";
    width: 20px;
    height: 20px;
    margin-left: 4px;
    background: url(/img/common/ico_chevron-down.svg) no-repeat;
}

.guide-bar .accordion-content {
    padding: 24px 24px;
    background-color: #f2f2f2;
}

.guide-bar .accordion-content .heading {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 700;
}

.guide-bar .accordion-content * + .heading {
    margin-top: 24px;
}

.guide-bar .accordion-content &gt; p {
    color: #8a8a8a;
    font-size: 14px;
}

.guide-bar .accordion-content .bullet-list + p,
.guide-bar .accordion-content &gt; p + .bullet-list {
    margin-top: 8px;
}

.guide-bar .accordion-content .step-guide &gt; ol &gt; li {
    display: flex;
    margin-top: 8px;
    font-size: 14px;
}

.guide-bar .accordion-content .step-guide &gt; ol &gt; li:first-child {
    margin-top: 0;
}

.guide-bar .accordion-content .step-guide &gt; ol &gt; li &gt; strong {
    font-weight: 700;
}

.guide-bar .accordion-content .step-guide &gt; ol &gt; li &gt; span {
    margin-left: 8px;
    color: #8a8a8a;
}

.guide-bar .accordion-content .guide-review-benefit {
    margin: 34px 0;
}

.guide-bar.expanded .accordion-toggle:after {
    transform: rotate(180deg);
}

.guide-review-benefit &gt; ul {
    display: flex;
}

.guide-review-benefit &gt; ul &gt; li {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 50px 0; /*2024-04-23(hyo) - 위아래 공백 추가*/
    border-left: 1px solid #e0e0e0;
}

.guide-review-benefit &gt; ul &gt; li:first-child {
    border-left: 0;
}

.guide-review-benefit .item {
    display: flex;
    align-items: center;
}

.guide-review-benefit .item p {
    display: flex;
    flex-direction: column;
    margin-left: 12px;
}

.guide-review-benefit .item p span {
    font-size: 14px;
}

.guide-review-benefit .item p strong {
    font-size: 20px;
    font-weight: 700;
}

.img_size_default{
    width:224px !important;
    height:298px !important;
}

.product-card .thumb {
    position: relative;
}

.product-card .thumb:before {
    content: "";
    display: block;
    padding-bottom: 133.1034%;
}

.product-card .thumb img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    /*    object-fit: cover;*/
}

.product-card .thumb .wish {
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: url(/img/common/btn_wish.svg) no-repeat 0 0;
    cursor: pointer;
}

.product-card .thumb .rank {
    display: flex; /* 플렉스박스 활성화 */
    align-items: center; /* 세로축 중앙 정렬 */
    justify-content: center; /* 가로축 중앙 정렬 */
    position: absolute;
    top: 4px;
    z-index: 1;
    width: 40px;
    height: 40px;
    border: none;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    font-size: 16px; /* 필요 시 텍스트 크기 조정 */
    line-height: normal; /* 기본 줄 높이 */
    font-weight:bold;
    background-color: #202020;
    color: #fff;
}

.product-card .thumb .wish.active {
    background-position: -40px 0;
}

.product-card .data {
    margin-top: 12px;
}

.product-card .data .brand {
    display: block;
    margin-bottom: 2px;
    color: #8a8a8a;
    font-size: 14px;
}

.product-card .data .name {
    overflow: hidden;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.product-card .data .price-wrapper {
    /*margin-top: 12px;*/
}

.product-card .data .full-price {
    /*margin-bottom: 4px;*/
    color: #8a8a8a;
    font-size: 14px;
    text-decoration: line-through;
}

.product-card .data .price-group {
    display: flex;
}

.product-card .data .discount {
    margin-right: 6px;
    color: #ff4e00;
    font-size: 18px;
    font-weight: 700;
}

.product-card .data .price {
    font-size: 18px;
    font-weight: 700;
}
.product-card .data .color-wrapper {
    margin-bottom: 8px;
    display: flex;
    gap: 2px;
}

.product-card .data .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 .data .color-cnt {
    font-size: 12px;
    color: darkgrey;
}

.product-card .badge {
    /*margin-top: 8px;*/
    font-size: 0;
}

.product-card .badge &gt; ul {
    display: flex;
    flex-wrap: wrap;
    margin: -4px 0 0 -4px;
}

.product-card .badge &gt; ul &gt; li {
    margin: 0 0 0 4px;
}

.product-card.sm .thumb .wish {
    top: -6px;
    right: -6px;
    background: url(/img/common/btn_wish_sm.svg) no-repeat 0 0;
    cursor: pointer;
}

.product-card.sm .thumb .wish.active {
    background-position: -40px 0;
}

.product-card.sm .data .brand {
    font-size: 12px;
}

.product-card.sm .data .name {
    font-size: 14px;
}

.product-card.sm .data .full-price {
    margin-bottom: 0;
    font-size: 12px;
}

.product-card.sm .data .discount {
    margin-right: 2px;
    font-size: 16px;
}

.product-card.sm .data .price {
    font-size: 16px;
}

.product-card.lg .thumb img {
    border-radius: 16px;
}

.product-card.lg .thumb .wish {
    top: 16px;
    right: 16px;
}

.product-card.lg .data {
    margin-top: 24px;
}

.product-card.lg .data .brand {
    margin-bottom: 4px;
}

.product-card.lg .data .name {
    font-size: 26px;
    font-weight: 700;
}

.product-card.lg .data .price-wrapper {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.product-card.lg .data .full-price {
    order: 3;
    margin: 1px 0 0 12px;
}

.product-card.lg .data .discount {
    margin-right: 8px;
    font-size: 22px;
}

.product-card.lg .data .price {
    font-size: 22px;
}

.product-badge {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 4px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
}

.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-store-best {
    color: #f02f1f;
    background-color: #fff0ef;
}

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

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

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


.order-step {
    padding: 40px 40px;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.order-step &gt; ol {
    display: flex;
    justify-content: space-between;
}

.order-step &gt; ol &gt; li {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
}

.order-step &gt; ol &gt; li:before {
    content: "";
    display: block;
    position: absolute;
    left: -24px;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    background: url(/img/common/order_step_chevron.svg) no-repeat;
}

.order-step &gt; ol &gt; li:first-child:before {
    display: none;
}

.order-step .step {
    width: 92px;
    text-align: center;
}

.order-step .step &gt; strong {
    display: block;
    color: #8a8a8a;
    font-size: 14px;
    font-weight: 700;
}

.order-step .step &gt; span {
    display: block;
    margin-top: 4px;
    color: #8a8a8a;
    font-size: 36px;
}

.order-step .step.active &gt; span {
    color: #ff4e00;
    font-weight: 700;
}

.order-bill {
    position: relative;
    min-height: 464px;
    padding: 20px 20px 90px;
    border: 1px solid #e0e0e0;
    background-color: #fff;
}

.order-bill .group &gt; ul &gt; li {
    display: flex;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 700;
}

.order-bill .group &gt; ul &gt; li:first-child {
    margin-top: 0;
}

.order-bill .group &gt; ul &gt; li .data {
    margin-left: auto;
}

.order-bill .group &gt; ul .detail {
    font-weight: 400;
}

.order-bill .group &gt; ul .detail .heading {
    color: #8a8a8a;
}

.order-bill .group &gt; ul .total {
    font-size: 16px;
}

.order-bill .group &gt; ul .total .data {
    color: #ff4e00;
}

.order-bill .group + .group {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e0e0e0;
}

.order-bill .guide {
    margin-top: 12px;
}

.order-bill .agree {
    margin-top: 24px;
}

.order-bill .payment-button {
    position: absolute;
    right: 10px;
    bottom: 10px;
    left: 10px;
}

.payment-info {
    display: flex;
    align-items: flex-start;
}

.payment-info .col {
    width: 100%;
    padding: 16px 0;
    border-top: 2px solid #a4a4a4;
    border-bottom: 1px solid #e0e0e0;
}

.payment-info .col + .col {
    margin-left: 40px;
    padding-bottom: 0;
    border-bottom: none;
}

.payment-info .group {
    padding: 0 16px;
}

.payment-info .group .title {
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
}

.payment-info .group &gt; ul &gt; li {
    display: flex;
    align-items: center;
    margin-top: 16px;
    font-size: 14px;
    font-weight: 700;
}

.payment-info .group &gt; ul &gt; li:first-child {
    margin-top: 0;
}

.payment-info .group &gt; ul &gt; li .data {
    margin-left: auto;
}

.payment-info .group &gt; ul .detail {
    font-weight: 400;
}

.payment-info .group &gt; ul .detail .heading {
    color: #8a8a8a;
}

.payment-info .group &gt; ul .toggle {
    cursor: pointer;
}

.payment-info .group &gt; ul .toggle .heading {
    display: inline-flex;
    align-items: center;
}

.payment-info .group &gt; ul .toggle .heading:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(/img/common/ico_chevron-down_sm.svg) no-repeat;
}

.payment-info .group + .group {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e0e0e0;
}

.payment-info .box {
    margin-top: 16px;
    padding: 16px 16px;
    border-radius: 8px;
    background-color: #202020;
    color: #fff;
}

.payment-info .box .group {
    padding: 0;
}

.payment-info .box .group &gt; ul &gt; li .data {
    font-size: 18px;
}

.payment-info .box .group &gt; ul .detail .data {
    color: #8a8a8a;
    font-size: 14px;
}

.payment-info .box.light {
    background-color: #ffede5;
    color: #202020;
}

.payment-info .box + .box {
    margin-top: 8px;
}

.payment-info .bullet-list {
    margin-top: 16px;
    padding-left: 32px;
}

.modal-section {
    overflow: hidden;
    width: 360px;
    border-radius: 16px;
    background-color: #fff;
}

.modal-section_header {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 60px;
    padding: 0 20px;
}

.modal-section_header .title {
    font-size: 18px;
    font-weight: 700;
}

.modal-section_header .modal-close {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 12px;
    right: 10px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: url(/img/common/ico_close.svg) no-repeat 50% 50%;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

.modal-section_body {
    overflow-y: auto;
    min-height: 268px;
    max-height: 602px;
    padding: 20px 20px;
    background-color: #fff;
}

.modal-section_body img {
    vertical-align: top;
    /* 2024-04-23 (hyo) : 상품 상세페이지 포토 리뷰 이미지 조정 */
    object-fit: cover;
    -o-object-fit: cover;
}

.modal-section_body .hr {
    height: 1px;
    margin: 24px -20px;
    background-color: #e0e0e0;
}

.modal-section_body .hr.lg {
    height: 4px;
}

.modal-section_body .full-area {
    margin: -20px -20px;
}

.modal-section_body .full-area img {
    display: block;
    width: 100%;
    height: auto;
}

.modal-section_body .modal-guide-bar {
    margin: 24px -20px -20px;
    border-top: 1px solid #e0e0e0;
}

.modal-section_footer .button-group {
    display: flex;
}

.modal-section_footer .button {
    width: 100%;
}

.modal-section.md {
    width: 600px;
}

.modal-section.lg {
    width: 840px;
}

.modal-section.lg .modal-section_header {
    padding: 0 48px;
}

.modal-section.lg .modal-section_body {
    padding: 24px 48px 48px;
}

.modal-section.lg .modal-section_body .submit-area {
    margin-top: 48px;
}

.modal-purchase-result {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 228px;
    text-align: center;
}

.modal-purchase-result .icon {
    display: block;
    width: 64px;
    height: auto;
    margin: 0 auto 12px;
}

.modal-purchase-result strong {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
}

.modal-purchase-result p {
    color: #8a8a8a;
    font-size: 14px;
}

.modal-purchase-result p + p {
    margin-top: 16px;
    color: #202020;
}

.modal-location .badge {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 4px;
    border-radius: 2px;
    background-color: #ececec;
    color: #8a8a8a;
    font-size: 12px;
    font-weight: 700;
}

.modal-location .bar-list-header {
    display: flex;
    margin-top: 8px;
}

.modal-location .bar-list-header .name {
    font-size: 16px;
    font-weight: 700;
}

.modal-location .bar-list-header .brand {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
}

.modal-location .bar-list-header .brand:before {
    content: "";
    width: 1px;
    height: 12px;
    margin: 0 8px;
    background-color: #e0e0e0;
}

.modal-location .address {
    margin-top: 8px;
    color: #8a8a8a;
    font-size: 14px;
}

.modal-location .tel {
    margin-top: 16px;
    color: #8a8a8a;
    font-size: 14px;
}

.modal-location .map {
    margin: 24px -20px -20px;
    height: 360px;
}

.modal-location .map &gt; div {
    width: 100%;
    height: 100%;
}

.modal-share .related img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.modal-share .related .title {
    margin-top: 12px;
    font-size: 16px;
}

.modal-share .goods {
    display: flex;
    align-items: center;
}

.modal-share .goods a {
    display: flex;
    align-items: center;
}

.modal-share .goods .thumb {
    flex: none;
    width: 96px;
    height: 96px;
}

.modal-share .goods .thumb img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    /*    object-fit: cover;*/
}

.modal-share .goods .data {
    padding-left: 24px;
    text-align: left;
}

.modal-share .goods .data p {
    font-size: 14px;
}

.modal-share .goods .data .brand {
    margin-bottom: 4px;
    color: #8a8a8a;
}

.modal-share .goods .data .id {
    font-size: 12px;
}

.modal-share .goods.vertical {
    display: block;
}

.modal-share .goods.vertical a {
    display: block;
}

.modal-share .goods.vertical .data {
    padding-top: 16px;
    padding-left: 0;
}

.modal-share .share-button-group {
    display: flex;
    justify-content: center;
}

.modal-share .share-button-group button {
    display: inline-block;
    width: 50px;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.modal-share .share-button-group button .icon {
    display: block;
    width: 100%;
    height: auto;
}

.modal-share .share-button-group button span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
}

.modal-share .share-button-group button + button {
    margin-left: 52px;
}

.modal-coupon-list .guide {
    margin-bottom: 16px;
    font-size: 14px;
}

.modal-coupon-list &gt; ul &gt; li {
    margin-top: 8px;
}

.modal-coupon-list &gt; ul &gt; li:first-child {
    margin-top: 0;
}

.modal-coupon-list .coupon-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    width: 320px;
    height: 140px;
    padding: 0 100px 0 24px;
    background: url(/img/common/coupon_bg.svg) no-repeat;
}

.modal-coupon-list .coupon-item .name {
    font-size: 14px;
}

.modal-coupon-list .coupon-item .discount {
    margin-top: 2px;
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
}

.modal-coupon-list .coupon-item .condition {
    margin-top: 8px;
}

.modal-coupon-list .coupon-item .condition p {
    color: #8a8a8a;
    font-size: 14px;
}

.modal-coupon-list .coupon-item .condition .date {
    font-size: 12px;
}

.modal-coupon-list .coupon-item &gt; button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 72px;
    height: 140px;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.modal-coupon-list .coupon-item &gt; button:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin: 4px auto 0;
    background: url(/img/common/ico_coupon_download.svg) no-repeat;
}

.modal-review_benefit {
    margin: 20px -20px 0;
}

.modal-review_benefit .accordion-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 24px;
    border: solid #e0e0e0;
    border-width: 1px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 700;
    color: #202020;
    cursor: pointer;
}

.modal-review_benefit .accordion-toggle:after {
    content: "";
    width: 20px;
    height: 20px;
    margin-left: 4px;
    background: url(/img/common/ico_chevron-up.svg) no-repeat;
}

.modal-review_benefit .accordion-toggle.active:after {
    transform: rotate(180deg);
}

.modal-review_benefit .accordion-content {
    padding: 24px 24px;
    background-color: #f2f2f2;
}

#photo-review-list .modal-section {
    width: 840px;
}

#photo-review-list .modal-section_body {
    padding: 24px 70px 40px;
}

#photo-review-list .modal-section_body .photo-list {
    margin-bottom: 28px;
}

#photo-review-list .modal-section_body .photo-list ul {
    display: flex;
    flex-wrap: wrap;
}

#photo-review-list .modal-section_body .photo-list ul li {
    margin-right: 20px;
    margin-bottom: 20px;
}

#photo-review-list .modal-section_body .photo-list ul li:nth-child(4n) {
    margin-right: 0;
}

#photo-review-list .modal-section_body .photo-list ul li .photo {
    overflow: hidden;
    position: relative;
    width: 160px;
    height: 160px;
    border-radius: 8px;
}

#photo-review-list .modal-section_body .photo-list ul li .photo .more {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border: 0;
    background-color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -.2px;
    cursor: pointer;
}

/* 2024-04-23(hyo) : 상품상세페이지 리뷰 영역 &gt; 더보기 &gt; 포토리뷰 */
#photo-review-list .modal-section_body .photo-list ul li .photo a {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
}

/* 2024-04-23(hyo) : 상품상세페이지 리뷰 영역 &gt; 더보기 &gt; 포토리뷰 */
#photo-review-list .modal-section_body .photo-list ul li .photo a img {
    min-width:100%;
    min-height:100%;
    object-fit: cover;
    -o-object-fit: cover;
}

#photo-review-detail .modal-section {
    width: 840px;
}

#photo-review-detail .modal-section_body {
    max-height: 714px;
    padding: 24px 70px 70px;
}

#photo-review-detail .modal-section_body .modal-review {
    display: flex;
    justify-content: space-between;
}

#photo-review-detail .modal-section_body .modal-review &gt; div {
    width: 330px;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img {
    flex: none;
    width: 100%;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .typical-img-swiper {
    overflow: auto; 
    /* 2024-04-23(hyo) : 이미지 스크롤 처리를 위함 */
    /* overflow: hidden;    */
    width: 100%;
    max-height:330px;
    border-radius: 8px;
}

/* 2024-04-23(hyo) : 포토리뷰 상세 이미지 조정 */
#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .typical-img-swiper img {    
    min-width:100%;
    min-height:100%;
    object-fit:cover;
    -o-object-fit:cover;
}

/* 2024-04-23(hyo) : 이미지 스크롤 처리를 위함 */
/* 상품 상세페이지 - 포토리뷰 상세 이미지 스크롤 */
#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .typical-img-swiper .simplebar-content-wrapper[style*="scroll"] .simplebar-content {
    padding-right: 20px !important;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .typical-img-swiper .simplebar-track.simplebar-vertical {
    top: 4px;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .typical-img-swiper .simplebar-track {
    bottom: 4px;
}
/* 2024-04-23(hyo) : 이미지 스크롤 처리를 위함 끝 */

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper {
    padding: 0 32px;
    margin-top: 20px;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-slide {
    overflow: hidden;
    border-radius: 4px;
    cursor: pointer;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-slide:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-slide img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-slide.on {
    border: 1px solid #ff4e00;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-button-prev:after, #photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-container-rtl .swiper-button-next:after,
#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-button-next:after, #photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-container-rtl .swiper-button-prev:after {
    content: none;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-button-next, #photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-button-prev {
    top: 0;
    width: 24px;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/img/common/ico_chevron-right.svg);
    transition: opacity .3s ease;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-button-next[disabled], #photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-button-prev[disabled] {
    opacity: .35;
    cursor: default;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-button-prev, #photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-container-rtl .swiper-button-next {
    left: 0;
    transform: rotate(180deg);
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-button-next, #photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_img .thumbnail-swiper .swiper-container-rtl .swiper-button-prev {
    right: 0;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_model {
    overflow: hidden;
    padding: 18px 20px;
    margin-top: 20px;
    border-radius: 8px;
    background-color: #fafafa;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_model ul li {
    display: flex;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: -.2px;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_model ul li .head {
    width: 90px;
    color: #8a8a8a;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_info .modal-review_model ul li .info {
    width: calc(100% - 90px);
    font-weight: 500;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont {
    position: relative;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .modal-review_top {
    display: flex;
    line-height: 24px;
    font-size: 14px;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .modal-review_top .account {
    font-weight: 700;
    color: #202020;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .modal-review_top .date {
    margin-left: 8px;
    color: #8a8a8a;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .modal-review_star {
    display: flex;
    margin-top: 14px;
    margin-right: 20px;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .modal-review_star p {
    margin-left: 10px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 700;
    color: #ff4e00;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .modal-review_preview {
    margin: 20px 0;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .modal-review_preview div {
    display: flex;
    margin-top: 12px;
    font-size: 14px;
    letter-spacing: -.2px;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .modal-review_preview div:first-child {
    margin-top: 0;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .modal-review_preview div span {
    display: inline-block;
    padding: 5px 12px;
    margin: 0 7px 0 0;
    line-height: 18px;
    border-radius: 13px;
    border: 1px solid #e0e0e0;
    color: #8a8a8a;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .modal-review_preview div p {
    line-height: 28px;
    font-weight: 500;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .modal-review_desc {
    overflow-y: auto;
    max-height: 300px;
    line-height: 24px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.2px;
    /* 2024-04-23 (hyo) : 상품상세페이지 - 리뷰 상세 내역이 길면 짤림 -&gt; 영역 조정*/
    padding-bottom: 60px;

}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .modal-review_desc .simplebar-content-wrapper[style*="scroll"] .simplebar-content {
    padding-right: 20px !important;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .modal-review_desc .simplebar-track.simplebar-vertical {
    top: 4px;
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .modal-review_desc .simplebar-track {
    bottom: 60px; /*2024-04-23(hyo) : 리뷰 상세 내역 스크롤 조정 4px-&gt; 60px*/
}

#photo-review-detail .modal-section_body .modal-review &gt; div.modal-review_cont .back-list {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px;
    line-height: 18px;
    background-color: #202020;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: -.2px;
    text-align: center;
}

.modal-guide-bar .accordion-toggle {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 70px;
    padding: 0 20px;
    border: none;
    background-color: #fff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}

.modal-guide-bar .accordion-toggle:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(/img/common/ico_chevron-down.svg) no-repeat;
}

.modal-guide-bar .accordion-content {
    padding: 24px 20px;
    background-color: #f9f9f9;
}

.modal-guide-bar.expanded .accordion-toggle:after {
    transform: rotate(180deg);
}

.modal-popup {
    width: 360px;
}

.modal-popup_body .swiper-container {
    border-radius: 16px 16px 0 0;
}

.modal-popup_body .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}

.modal-popup_body .swiper-pagination {
    display: flex;
    position: absolute;
    top: 18px;
    right: 20px;
    bottom: auto;
    left: auto;
    width: auto;
    color: #fff;
    font-size: 16px;
}

.modal-popup_body .swiper-pagination-current {
    margin-right: 2px;
    font-weight: 700;
}

.modal-popup_body .swiper-pagination-total {
    margin-left: 2px;
}

.modal-popup_footer {
    display: flex;
    justify-content: space-between;
    padding: 18px 20px;
    background-color: #fff;
    border-radius: 0 0 16px 16px;
}

.modal-popup_footer button {
    padding: 0;
    border: none;
    background-color: transparent;
    color: #8a8a8a;
    font-size: 14px;
    cursor: pointer;
}

.coupon-grid &gt; ul {
    display: flex;
    flex-wrap: wrap;
    margin: -30px 0 0 -40px;
}

.coupon-grid &gt; ul &gt; li {
    width: calc(50% - 40px);
    margin: 30px 0 0 40px;
}

.coupon-grid .coupon-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    height: 140px;
    padding: 16px 164px 16px 24px;
    background: url(/img/common/grid_coupon_bg.svg) no-repeat;
}

.coupon-grid .coupon-item .name {
    font-size: 16px;
}

.coupon-grid .coupon-item .discount {
    margin-top: 2px;
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
}

.coupon-grid .coupon-item .condition {
    margin-top: 8px;
}

.coupon-grid .coupon-item .condition p {
    color: #8a8a8a;
    font-size: 14px;
}

.coupon-grid .coupon-item &gt; button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 136px;
    height: 140px;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.coupon-grid .coupon-item &gt; button:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin: 4px auto 0;
    background: url(/img/common/ico_coupon_download.svg) no-repeat;
}

.coupon-grid .coupon-item.active {
    background-image: url(/img/common/grid_coupon_active_bg.svg);
}

.coupon-grid .coupon-item.active &gt; button:after {
    background-image: url(/img/common/ico_coupon_link.svg);
}

.board-list .control-bar {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.board-list .control-bar .count {
    font-size: 14px;
}

.board-list .control-bar .status {
    display: flex;
    align-items: center;
    width: 320px;
    height: 48px;
    padding: 0 16px;
    border-radius: 4px;
    background-color: #f2f2f2;
}

.board-list .control-bar .status .heading {
    font-size: 14px;
}

.board-list .control-bar .status .data {
    margin-left: auto;
    font-size: 16px;
}

.board-list .control-bar .status .data span {
    color: #ff4e00;
    font-weight: 700;
}

.board-list .control-bar .status + .status {
    margin-left: 8px;
}

.board-list .control-bar .guide {
    display: flex;
    align-items: center;
    margin-left: 24px;
    font-size: 14px;
}

.board-list .control-bar .guide:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(/img/common/ico_info.svg) no-repeat;
}

.board-list .control-bar .sort {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.board-list .control-bar .sort .heading {
    flex: none;
    margin-right: 12px;
    font-size: 14px;
}

.board-list .control-bar .sort .form-select,
.board-list .control-bar .sort .selectric {
    width: 140px;
}

.board-list .control-bar .sort .heading ~ .heading {
    margin-left: 48px;
}

.board-list .control-bar .sort .sort-button {
    color: #8a8a8a;
    font-size: 16px;
}

.board-list .control-bar .sort .sort-button.active {
    color: #202020;
    font-weight: 700;
}

.board-list .control-bar .sort .sort-button + .sort-button {
    margin-left: 20px;
}

.board-list .product-table {
    min-height: 342px;
}

.board-list .coupon-grid {
    min-height: 480px;
}

.board-list .button-area {
    display: flex;
    justify-content: center;
    margin-top: 48px;
}

.board-list .button-area .button {
    min-width: 270px;
}

.board-list .pagination {
    margin-top: 48px;
}

.board_header {
    display: flex;
    align-items: center;
    padding: 16px 16px;
    border-top: 2px solid #a4a4a4;
    border-bottom: 1px solid #a4a4a4;
}

.board_header .title {
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
}

.board_header .title .heading {
    margin-right: 16px;
    font-weight: 400;
}

.board_header .meta {
    margin-left: auto;
}

.board_header .meta &gt; ul {
    display: flex;
}

.board_header .meta &gt; ul &gt; li {
    display: flex;
    font-size: 14px;
}

.board_header .meta &gt; ul &gt; li .data {
    margin-left: 16px;
}

.board_body {
    padding: 60px 100px;
}

.board_footer {
    padding: 50px 16px 0;
    border-top: 1px solid #e0e0e0;
}

.board_footer .button-group {
    display: flex;
    justify-content: center;
}

.board_footer .button-group .button {
    min-width: 270px;
}

.aside-filter .title {
    display: block;
    width: 100%;
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
}

.aside-filter .title.toggle {
    position: relative;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.aside-filter .title.toggle:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background: url(/img/common/ico_chevron-down_sm.svg) no-repeat;
}

.aside-filter .title.toggle.active:after {
    transform: rotate(180deg);
}

.aside-filter .hr {
    height: 2px;
    margin: 24px 0;
    background-color: #202020;
}

.aside-filter &gt; ul {
    padding: 0 12px;
}

.aside-filter &gt; ul &gt; li {
    margin-top: 12px;
}

.aside-filter &gt; ul &gt; li:first-child {
    margin-top: 0;
}

.aside-filter .reset {
    display: flex;
    width: 100%;
    margin-top: 40px;
}

.swiper-indicator {
    display: flex;
    align-items: center;
}

.swiper-indicator .swiper-progress {
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #eee;
}

.swiper-indicator .swiper-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #202020;
    transition: width .3s ease;
}

.swiper-indicator .swiper-pager {
    display: flex;
    align-items: center;
    margin-left: 32px;
    margin-right: 0;
}

.swiper-indicator .swiper-pager-button {
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background-image: url(/img/common/swiper_pager.svg);
    background-repeat: 0 0;
    background-color: transparent;
    cursor: pointer;
}

.swiper-indicator .swiper-pager-prev {
    background-position: 0 0;
}

.swiper-indicator .swiper-pager-next {
    background-position: -24px 0;
}

.swiper-indicator .swiper-counter {
    display: flex;
    align-items: center;
    margin: 0 8px;
}

.swiper-indicator .swiper-counter &gt; span {
    width: 1px;
    height: 12px;
    margin: 0 6px;
    background-color: #ddd;
}

.swiper-indicator .swiper-counter-number {
    width: 20px;
    color: #202020;
    font-size: 16px;
}

.swiper-indicator .swiper-counter-current {
    font-weight: 700;
    text-align: right;
}

.product-swiper .swiper-indicator {
    display: none;
    margin-top: 72px;
}

.product-grid &gt; ul {
    display: flex;
    flex-wrap: wrap;
    margin: -48px 0 0 -40px;
}

.product-grid &gt; ul &gt; li {
    margin: 48px 0 0 40px;
}

.product-grid.col-2 &gt; ul &gt; li {
    width: calc(50% - 40px);
}

.product-grid.col-3 &gt; ul &gt; li {
    width: calc(33.3333% - 40px);
}

/*.product-grid.col-3 &gt; ul &gt; li {
    width: calc(16.6666% - 40px);
}*/

.product-grid.col-4 &gt; ul &gt; li {
    width: calc(25% - 40px);
}

.product-grid.col-5 &gt; ul {
    margin: -48px 0 0 -20px;
}

.product-grid.col-5 &gt; ul &gt; li {
    width: calc(20% - 20px);
    margin: 48px 0 0 20px;
}

.product-grid-group .product-grid + .product-grid {
    margin-top: 120px;
}

.modal-product-grid &gt; ul {
    display: flex;
    flex-wrap: wrap;
    margin: -24px 0 0 -16px;
}

.modal-product-grid &gt; ul &gt; li {
    width: calc(50% - 16px);
    margin: 24px 0 0 16px;
}

.product-list .title {
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 700;
}

.product-list .category {
    margin-bottom: 40px;
}

.product-list .category a {
    margin-left: 40px;
    font-size: 16px;
}

.product-list .category a:first-child {
    margin-left: 0;
}

.product-list .category a.active {
    color: #ff4e00;
    font-weight: 700;
}

.product-list .control-bar {
    display: flex;
    align-items: center;    
    margin-bottom: 40px;
}

.product-list .control-bar .tab-nav {        
    display: flex;
    justify-content: space-between;
}

.product-list .control-bar .tab-nav &gt; ul &gt; li {
    display: inline-flex;
    line-height: 50px;
    flex: 1; /* li 요소가 동일한 비율로 너비를 가짐 */
    text-align: center;
    list-style: none;
}

.product-list .control-bar .tab-nav &gt; ul &gt; li:before {
    content: "";
    display: block;
    width: 1px;
    height: 16px;    
    margin: 16px 20px;
    background-color: #e0e0e0;
}

.product-list .control-bar .tab-nav &gt; ul &gt; li:first-child:before {
    display: none;
}

.product-list .control-bar .tab-nav &gt; ul &gt; li &gt; a,
.product-list .control-bar .tab-nav &gt; ul &gt; li &gt; button {
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 16px;
    cursor: pointer;
}

.product-list .control-bar .tab-nav &gt; ul &gt; li &gt; a.active,
.product-list .control-bar .tab-nav &gt; ul &gt; li &gt; button.active {
    color: #ff4e00;
    font-weight: 700;
}

.product-list .control-bar .count {
    font-size: 14px;
}

.product-list .control-bar .sort {
    margin-left: auto;
}

.product-list .control-bar .sort &gt; ul {
    display: flex;
}

.product-list .control-bar .sort &gt; ul &gt; li {
    display: flex;
    align-items: center;
    position: relative;
}

.product-list .control-bar .sort &gt; ul &gt; li:before {
    content: "";
    width: 1px;
    height: 14px;
    margin: 0 12px;
    background-color: #e0e0e0;
}

.product-list .control-bar .sort &gt; ul &gt; li:first-child:before {
    display: none;
}

.product-list .control-bar .sort &gt; ul &gt; li &gt; button {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 14px;
    cursor: pointer;
}

.product-list .control-bar .sort &gt; ul &gt; li &gt; button:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(/img/common/ico_chevron-down_sm.svg) no-repeat;
}

.product-list .control-bar .sort &gt; ul &gt; li &gt; button.active:after {
    transform: rotate(180deg);
}

.product-list .control-bar .sort &gt; ul &gt; li &gt; button.active + .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.product-list .control-bar .sort &gt; ul &gt; li .dropdown-menu {
    visibility: visible;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 100;
    opacity: 0;
    white-space: nowrap;
    transform: translateY(24px);
    transition: visibility .2s,
    opacity .2s ease,
    transform .2s ease;
    pointer-events: none;
}

.product-list .result-message {
    padding: 240px 24px;
    text-align: center;
}

.product-list .result-message .icon {
    display: block;
    width: 86px;
    height: 86px;
    margin: 0 auto;
}

.product-list .result-message strong {
    display: block;
    margin-top: 16px;
    font-size: 28px;
    font-weight: 700;
}

.product-list .result-message p {
    margin-top: 16px;
    color: #8a8a8a;
    font-size: 24px;
}

.product-list .pagination {
    margin-top: 100px;
}

.aside-nav {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid #202020;
}

.aside-nav .title {
    display: block;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 700;
}

.aside-nav &gt; ul &gt; li a {
    display: inline-block;
    padding: 8px 12px;
    font-size: 16px;
}

.aside-nav &gt; ul &gt; li a.active {
    color: #ff4e00;
    font-weight: 700;
}

.product-colgroup {
    display: flex;
    align-items: flex-start;
}

.product-colgroup .col-sticky {
    flex: none;
    position: sticky;
    top: 168px;
    left: 0;
    width: 210px;
    margin-right: 54px;
}

.product-colgroup .col {
    width: 100%;
}

.product-colgroup .col + .col {
    margin-left: 40px;
}

.product-colgroup + .product-section {
    margin-top: 120px;
    padding-left: 264px;
}

.product-detail {
    margin-top: 16px;
    /** gpick 선택(공통) **/
    /** 상품 상세 내용 */
}

.product-detail .gpick {
    display: flex;
    align-items: center;
}

.product-detail .gpick button {
    overflow: hidden;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    margin-left: 4px;
    border: none;
    background-position: center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url("/img/product/ico-help.svg");
    text-indent: -9999px;
    cursor: pointer;
}

.product-detail .detail-info {
    display: flex;
}

.product-detail .detail-info .detail-info_img {
    flex: none;
    width: 620px;
}

.product-detail .detail-info .detail-info_img .typical-img-swiper {
    overflow: hidden;
    border-radius: 16px;
}

.product-detail .detail-info .detail-info_img .typical-img-swiper .swiper-slide {
    position: relative;
}

.product-detail .detail-info .detail-info_img .typical-img-swiper .swiper-slide:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.product-detail .detail-info .detail-info_img .typical-img-swiper .swiper-slide img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.product-detail .detail-info .detail-info_img .thumbnail-swiper {
    padding: 0 36px;
    margin-top: 12px;
}

.product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-slide {
    overflow: hidden;
    width: 100px;
    border-radius: 8px;
    cursor: pointer;
}

.product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-slide:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-slide img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-slide.on {
    border: 1px solid #ff4e00;
}

.product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-button-prev:after, .product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-container-rtl .swiper-button-next:after,
.product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-button-next:after, .product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-container-rtl .swiper-button-prev:after {
    content: none;
}

.product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-button-next, .product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-button-prev {
    top: 0;
    z-index: 1;
    width: 24px;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-image: url("/img/common/prd_img_pager.svg");
    background-size: 72px 18px;
    transition: opacity .3s ease;
}

.product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-button-next[disabled], .product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-button-prev[disabled] {
    opacity: .35;
    cursor: default;
}

.product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-button-prev, .product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-container-rtl .swiper-button-next {
    left: 0;
    background-position: top 50% left 2px;
}

.product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-button-next, .product-detail .detail-info .detail-info_img .thumbnail-swiper .swiper-container-rtl .swiper-button-prev {
    right: 0;
    background-position: top 50% right 2px;
}

.product-detail .detail-info .detail-info_desc {
    width: calc(100% - 620px);
    padding-left: 40px;
}

.product-detail .detail-info .detail-info_desc .info-part {
    position: relative;
    padding-bottom: 24px;
    border-bottom: 2px solid #f2f2f2;
}

.product-detail .detail-info .detail-info_desc .info-part .info-head {
    display: flex;
    justify-content: flex-end;
}

.product-detail .detail-info .detail-info_desc .info-part .info-head .info-badge {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    left: 0;
}

.product-detail .detail-info .detail-info_desc .info-part .info-head .info-badge li {
    margin-left: 4px;
}

.product-detail .detail-info .detail-info_desc .info-part .info-head .info-badge li:first-child {
    margin-left: 0;
}

.product-detail .detail-info .detail-info_desc .info-part .info-head button {
    padding-left: 26px;
    margin-left: 22px;
    border: none;
    background-repeat: no-repeat;
    background-position: left;
    background-color: transparent;
    line-height: 22px;
    font-size: 14px;
    font-weight: 500;
    color: #8a8a8a;
    cursor: pointer;
}

.product-detail .detail-info .detail-info_desc .info-part .info-head .info-cody {
    background-image: url("/img/common/ico_hanger.svg");
}

.product-detail .detail-info .detail-info_desc .info-part .info-head .info-share {
    background-image: url("/img/common/ico_share_gray.svg");
}

.product-detail .detail-info .detail-info_desc .info-part .info-title {
    margin: 20px 0 24px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
}

.product-detail .detail-info .detail-info_desc .info-part .info-title .brand {
    color: #999999;
}

.product-detail .detail-info .detail-info_desc .info-part .info-title .name {
    padding: 8px 0;
    line-height: 24px;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.72px;
}

.product-detail .detail-info .detail-info_desc .info-part .info-pay .prime {
    margin-bottom: 4px;
    text-decoration: line-through;
    line-height: 24px;
    font-size: 16px;
    font-weight: 400;
    color: #999999;
}

.product-detail .detail-info .detail-info_desc .info-part .info-pay .info-price {
    display: flex;
    align-items: center;
}

.product-detail .detail-info .detail-info_desc .info-part .info-pay .info-price &gt; p {
    line-height: 28px;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.6px;
}

.product-detail .detail-info .detail-info_desc .info-part .info-pay .info-price .percent {
    color: #ff4e00;
}

.product-detail .detail-info .detail-info_desc .info-part .info-pay .info-price .cost {
    margin-left: 10px;
}

.product-detail .detail-info .detail-info_desc .info-part .info-pay .info-price .coupon {
    display: inline-block;
    margin-left: auto;
    line-height: 32px;
    padding: 0 30px 0 9px;
    background-color: #202020;
    background-repeat: no-repeat;
    background-position: top 50% right 6px;
    background-image: url("/img/product/ico-download.svg");
    background-size: 16px;
    font-size: 14px;
    color: #ffffff;
}

.product-detail .detail-info .detail-info_desc .info-part .info-table tr td, .product-detail .detail-info .detail-info_desc .info-part .info-table tr th {
    padding: 17px 0 0;
    vertical-align: top;
}

.product-detail .detail-info .detail-info_desc .info-part .info-table thead tr td {
    position: relative;
    line-height: 22px;
    font-size: 16px;
    font-weight: 700;
}

.product-detail .detail-info .detail-info_desc .info-part .info-table thead tr td.discount {
    position: relative;
    cursor: pointer;
}

.product-detail .detail-info .detail-info_desc .info-part .info-table thead tr td.discount:after {
    content: "";
    display: block;
    position: absolute;
    top: 17px;
    right: 0;
    width: 20px;
    height: 20px;
    background: url("/img/common/ico_chevron-down.svg") no-repeat;
}

.product-detail .detail-info .detail-info_desc .info-part .info-table thead tr td.discount &gt; p {
    display: inline-block;
    margin-left: 10px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    color: #ff4e00;
}

.product-detail .detail-info .detail-info_desc .info-part .info-table thead tr td.discount.on:after {
    transform: rotate(180deg);
}

.product-detail .detail-info .detail-info_desc .info-part .info-table tbody tr th {
    line-height: 18px;
    text-align: left;
    font-size: 14px;
    color: #8a8a8a;
}

.product-detail .detail-info .detail-info_desc .info-part .info-table tbody tr td {
    line-height: 18px;
    text-align: left;
    font-size: 14px;
    font-weight: 700;
}

.product-detail .detail-info .detail-info_desc .info-part .info-table tbody tr td .more {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 64px 16px;
    background-image: url("/img/common/prd_img_pager.svg");
    text-indent: -9999px;
}

.product-detail .detail-info .detail-info_desc .info-part .discount-list {
    display: none;
    overflow: hidden;
    z-index: 10;
    width: 100%;
    padding: 20px;
    margin-top: 16px;
    border-radius: 8px;
    background-color: #fafafa;
}

.product-detail .detail-info .detail-info_desc .info-part .discount-list ul {
    background-color: #fafafa;
}

.product-detail .detail-info .detail-info_desc .info-part .discount-list ul li {
    display: flex;
    justify-content: space-between;
    padding: 3px 0;
    font-size: 14px;
    font-weight: 400;
}

.product-detail .detail-info .detail-info_desc .info-part .discount-list ul li .th {
    color: #8a8a8a;
}

.product-detail .detail-info .detail-info_desc .info-part .discount-list ul li .td {
    font-weight: 500;
}

.product-detail .detail-info .detail-info_desc .info-part .discount-list .total {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    margin-top: 15px;
    border-top: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 800;
}

.product-detail .detail-info .detail-info_desc .total-part {
    padding-bottom: 24px;
}

.product-detail .detail-info .detail-info_desc .total-part .choice {
    margin-top: 20px;
}

.product-detail .detail-info .detail-info_desc .total-part .choice p {
    min-width: 80px;
}

.product-detail .detail-info .detail-info_desc .total-part .choice ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 13px 20px;
    background-color: #f8f8f8;
    border-radius: 4px;
    margin: 10px 0;
    line-height: 24px;
}

.product-detail .detail-info .detail-info_desc .total-part .choice ul li .option {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.product-detail .detail-info .detail-info_desc .total-part .choice ul li .option .product-spinner {
    margin-left: 33px;
}

.product-detail .detail-info .detail-info_desc .total-part .choice ul li .outcome {
    display: flex;
    align-items: center;
    margin-right: -12px;
}

.product-detail .detail-info .detail-info_desc .total-part .choice ul li .outcome .trash {
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-left: 8px;
    padding: 0;
    border: none;
    background: url(/img/common/ico_trash.svg) no-repeat 50% 50%;
    text-indent: -9999px;
    cursor: pointer;
}

.product-detail .detail-info .detail-info_desc .total-part .choice + .total {
    padding: 35px 0;
}

.product-detail .detail-info .detail-info_desc .total-part .total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 110px 0 35px;
}

.product-detail .detail-info .detail-info_desc .total-part .total .cost-total {
    text-align: right;
    font-weight: 800;
}

.product-detail .detail-info .detail-info_desc .total-part .total .cost-total strong {
    margin-left: 18px;
    font-size: 22px;
    color: #ff4e00;
}

.product-detail .detail-info .detail-info_desc .choice-part {
    display: flex;
    justify-content: space-between;
}

.product-detail .detail-info .detail-info_desc .choice-part button {
    width: 270px;
    height: 60px;
    line-height: 60px;
    border-radius: 4px;
    border: none;
    background-color: #f2f2f2;
    text-align: center;
    cursor: pointer;
}

.product-detail .detail-info .detail-info_desc .choice-part button.heart {
    width: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url("/img/common/ico_heart.svg");
    text-indent: -9999px;
}

.product-detail .detail-info .detail-info_desc .choice-part button.heart.on {
    background-image: url("/img/common/ico_heart_on.svg");
}

.product-detail .detail-info .detail-info_desc .choice-part button.heart.active {
    background-image: url("/img/common/ico_heart_on.svg");
}

.product-detail .detail-info .detail-info_desc .choice-part button.order {
    background-color: #202020;
    color: #ffffff;
}

.product-detail .detail-content {
    margin-top: 72px;
    /** 리뷰 없을 시 **/
}

.product-detail .detail-content .detail-content_tab ul {
    display: flex;
}

.product-detail .detail-content .detail-content_tab ul li.tab {
    width: 25%;
    height: 50px;
    border: 1px solid #f2f2f2;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
}

.product-detail .detail-content .detail-content_tab ul li.tab.on {
    background-color: #202020;
    font-weight: 500;
    color: #ffffff;
}

.product-detail .detail-content .detail-content_tab ul li.tab span {
    color: #ff4e00;
}

.product-detail .detail-content .detail-content_substance {
    padding: 60px 0 120px;
}

.product-detail .detail-content .detail-page {
    text-align: center;
}

.product-detail .detail-content .detail-page .page {
    padding-bottom: 32px;
}

.product-detail .detail-content .detail-page.short .page {
    overflow: hidden;
    position: relative;
    max-height: 1074px;
}

.product-detail .detail-content .detail-page.short .page::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 172px;
    background: linear-gradient(to bottom, transparent, #ffffff);
}

.product-detail .detail-content .detail-page img {
    margin: 0 auto;
}

.product-detail .detail-content .detail-page .page-more {
    width: 400px;
    height: 51px;
    line-height: 51px;
    border: 1px solid #202020;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.product-detail .detail-content .detail-page .tip {
    display: flex;
    align-items: flex-start;
    width: 100%;
    padding: 38px 42px;
    margin-top: 60px;
    border-radius: 8px;
    background-color: #fafafa;
    text-align: left;
}

.product-detail .detail-content .detail-page .tip .head {
    flex: none;
    width: 180px;
    padding-left: 18px;
    line-height: 24px;
    background-position: top 50% left 0;
    background-repeat: no-repeat;
    background-image: url("/img/product/ico-hanger.svg");
    font-size: 16px;
    color: #ff4e00;
}

.product-detail .detail-content .detail-page .tip .head b {
    font-weight: 900;
}

.product-detail .detail-content .detail-page .tip .desc {
    width: 100%;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: -.2px;
}

.product-detail .detail-content .detail-content_title {
    padding-bottom: 20px;
    font-size: 24px;
    font-weight: 700;
}

.product-detail .detail-content .detail-content_title span {
    font-size: 18px;
    font-weight: 500;
    color: #8a8a8a;
}

.product-detail .detail-content .detail-info_ol li {
    position: relative;
    padding-left: 18px;
    line-height: 24px;
    font-size: 14px;
    color: #8a8a8a;
}

.product-detail .detail-content .detail-info_ol li::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #8a8a8a;
}

.product-detail .detail-content .detail-guide .size-info {
    display: flex;
}

.product-detail .detail-content .detail-guide .size-info .size-guide {
    width: calc(100% - 290px);
    padding: 30px 0 60px 100px;
}

.product-detail .detail-content .detail-guide .size-info .size-guide table {
    width: 100%;
}

.product-detail .detail-content .detail-guide .size-info .size-guide table tr td, .product-detail .detail-content .detail-guide .size-info .size-guide table tr th {
    padding: 11px 0;
    line-height: 18px;
    text-align: center;
    font-size: 14px;
}

.product-detail .detail-content .detail-guide .size-info .size-guide table thead tr th {
    background-color: #eeeeee;
    font-weight: 800;
}

.product-detail .detail-content .detail-guide .size-info .size-guide table tbody tr th, .product-detail .detail-content .detail-guide .size-info .size-guide table tbody tr td {
    border-bottom: 1px solid #eeeeee;
}

.product-detail .detail-content .detail-guide .size-info .size-guide table tbody tr th {
    font-weight: 700;
}

.product-detail .detail-content .detail-guide .size-info .size-guide table tbody tr td {
    color: #8a8a8a;
}

.product-detail .detail-content .detail-guide .size-info .size-guide .detail-info_ol {
    margin-top: 25px;
}

.product-detail .detail-content .detail-color {
    display: flex;
}

.product-detail .detail-content .detail-color .detail-info_ol {
    width: calc(100% - 290px);
    padding-left: 100px;
}

.product-detail .detail-content .detail-review .review-head {
    display: flex;
    justify-content: space-between;
    padding: 46px 90px;
    border: 1px solid #f2f2f2;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
}

.product-detail .detail-content .detail-review .review-head &gt; div {
    width: 33.3333%;
}

.product-detail .detail-content .detail-review .review-head .review-title {
    font-size: 16px;
}

.product-detail .detail-content .detail-review .review-head .star-rate {
    display: block;
    margin: 20px auto;
}

.product-detail .detail-content .detail-review .review-head .cont {
    margin: 25px 0;
    color: #ff4e00;
}

.product-detail .detail-content .detail-review .review-head .cont span {
    margin: 0 6px;
    color: #e0e0e0;
}

.product-detail .detail-content .detail-review .review-head .score span {
    font-weight: 500;
    color: #8a8a8a;
}

.product-detail .detail-content .detail-review .review-thumb {
    margin: 60px 0;
}

.product-detail .detail-content .detail-review .review-thumb ol {
    display: flex;
}

.product-detail .detail-content .detail-review .review-thumb ol li {
    overflow: hidden;
    margin-left: 16px;
    border-radius: 8px;
    /* 2024-04-23(hyo) : 상품상세페이지 리뷰 영역  */
    width: 200px;
    height: 200px;
}

.product-detail .detail-content .detail-review .review-thumb ol li:first-child {
    margin-left: 0;
}

.product-detail .detail-content .detail-review .review-thumb ol li a {
    position: relative;
    /* 2024-04-23(hyo) : 상품상세페이지 리뷰 영역  */
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
}

.product-detail .detail-content .detail-review .review-thumb ol li a .more {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border: 0;
    background-color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -.2px;
}

.product-detail .detail-content .detail-review .review-thumb ol li img {
    display: block;
    /* 2024-04-23(hyo) : 상품상세페이지 리뷰 영역  */
    /* width: 200px;
    height: 200px; */
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.product-detail .detail-content .detail-review .review-thumb ol li .photo-more {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.product-detail .detail-content .detail-review .review-thumb ol li .photo-more p {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 35px;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 20px;
    color: #ffffff;
    text-align: center;
}

.product-detail .detail-content .detail-review .review-thumb ol li .photo-more p span {
    font-weight: 400;
}

.product-detail .detail-content .detail-review .review-list {
    position: relative;
}

.product-detail .detail-content .detail-review .review-list .review-write {
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    border: 1px solid #202020;
    background-color: #fff;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

.product-detail .detail-content .detail-review .review-list .review-list_sort ul {
    display: flex;
}

.product-detail .detail-content .detail-review .review-list .review-list_sort ul li.sort {
    position: relative;
    line-height: 30px;
    padding-right: 20px;
    margin-right: 20px;
    font-size: 16px;
    cursor: pointer;
}

.product-detail .detail-content .detail-review .review-list .review-list_sort ul li.sort.is {
    font-weight: 700;
    color: #ff4e00;
}

.product-detail .detail-content .detail-review .review-list .review-list_sort ul li.sort::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 0;
    width: 1px;
    height: 16px;
    background-color: #eeeeee;
}

.product-detail .detail-content .detail-review .review-list .review-list_sort ul li.sort:last-child::after {
    content: none;
}

.product-detail .detail-content .detail-review .review-list .review-write + .review-list_sort {
    padding-top: 20px;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont {
    margin-top: 20px;
    border-top: 1px solid #202020;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont .pagination {
    margin-top: 40px;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li {
    padding: 40px 0 20px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review {
    display: flex;
    justify-content: space-between;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .thumbnail {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: 8px;
}

/* 2024-04-23(hyo) : 상품 상세페이지 리뷰영역 - 사용자 작성 목록 이미지 조정 */
.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .thumbnail img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .thumbnail .thumb-more {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.4);
    text-align: center;
    font-weight: 500;
    color: #ffffff;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-cont {
    width: 100%;
    margin: 0 110px 0 40px;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-cont .head {
    display: flex;
    line-height: 24px;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-cont .head .nick {
    font-weight: 700;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-cont .head .date {
    margin: 0 20px 0 10px;
    color: #8a8a8a;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-cont .head .report {
    display: inline-flex;
    align-items: center;
    position: relative;
    color: #8a8a8a;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-cont .head .report::before {
    content: '';
    width: 14px;
    height: 14px;
    margin-right: 2px;
    background: url(/img/common/ico_siren_sm_gray.svg) no-repeat;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-cont .preview {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-cont .preview .star {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-cont .preview .star p {
    margin-left: 10px;
    line-height: 22px;
    font-weight: 700;
    color: #ff4e00;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-cont .preview .option {
    display: flex;
    align-items: center;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-cont .preview .option span {
    display: inline-block;
    padding: 5px 12px;
    margin: 0 7px 0 20px;
    border-radius: 13px;
    border: 1px solid #e0e0e0;
    color: #8a8a8a;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-cont .preview .option p {
    line-height: 24px;
    font-weight: 500;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-cont .desc {
    overflow: hidden;
    display: -webkit-box;
    line-height: 24px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-cont .desc.more {
    -webkit-line-clamp: unset;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-model {
    flex: none;
    width: 290px;
    min-height: 140px;
    padding: 16px;
    line-height: 24px;
    border-radius: 8px;
    background-color: #fafafa;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-model ul li {
    display: flex;
    margin-top: 8px;
    line-height: 18px;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-model ul li:first-child {
    margin-top: 0;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review .review-model ul li .th {
    flex: none;
    width: 90px;
    color: #8a8a8a;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review-add {
    display: flex;
    align-items: flex-end;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review-add .more {
    padding-left: 20px;
    margin-top: 20px;
    margin-left: 180px;
    border: none;
    background-size: 16px;
    background-color: transparent;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url("/img/common/ico_chevron-down_gray.svg");
    color: #8a8a8a;
    cursor: pointer;
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review-add .more.short {
    background-image: url("/img/common/ico_chevron-up_gray.svg");
}

.product-detail .detail-content .detail-review .review-list .review-list_cont &gt; ul &gt; li .review-add .add-btn_list {
    margin-top: 20px;
}

/* 2024-03-14 (hyo) progressbar */

.progressbar &gt; ul {
    margin: 0 -1px;
}

.progressbar &gt; ul &gt; li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #202020;
    padding-bottom: 8px;
}

.progressbar &gt; ul &gt; li &gt; .star-title {
    width:100px;
    font-size: 15px;
    font-weight:500;
    text-align:left;
}

.progressbar &gt; ul &gt; li &gt; .star-count {
    width:100px;
    padding-left:5px;
    font-size: 15px;
    font-weight:500;
    text-align:left;
}

.progressbar &gt; ul &gt; li &gt; .star-progressbar &gt; progress {
    width:420px;
    height:20px;
    border-radius: 0px;
}

.progressbar &gt; ul &gt; li &gt; .star-progressbar &gt; progress::-webkit-progress-bar {
    background:#f0f0f0;
    width:420px;
    height:20px;
    border-radius: 0px;
}

.progressbar &gt; ul &gt; li &gt; .star-progressbar &gt; progress::-webkit-progress-value {
    background:#ff773c;
    width:420px;
    height:20px;
    border-radius: 0px;
}

.progressbar &gt; ul &gt; li &gt; .star-progressbar &gt; progress::-moz-progress-bar {
    background:#f0f0f0;
    width:420px;
    height:20px;
    border-radius: 0px;
}

.progressbar &gt; ul &gt; li &gt; .star-progressbar &gt; progress::-webkit-progress-value {
    background:#ff773c;
    width:420px;
    height:20px;
    border-radius: 0px;
}

.product-detail .detail-content .content-none {
    border-top: 1px solid #a4a4a4;
    border-bottom: 1px solid #e0e0e0;
    padding: 40px 0; /*024-04-23(hyo) : 상품 상세페이지 리뷰영역 css 간격 조정*/
    margin: 20px auto 50px;
    text-align: center;
}

.product-detail .detail-content .content-none.box {
    border: 1px solid #f2f2f2;
}

.product-detail .detail-content .content-none .explain {
    line-height: 34px;
    font-size: 24px;
    letter-spacing: -.6px;
    color: #8a8a8a;
}

.product-detail .detail-content .content-none .explain-img_list {
    display: flex;
    justify-content: space-between;
    max-width: 660px;
    margin: 45px auto;
}

.product-detail .detail-content .content-none .explain-img_list div {
    display: flex;
    justify-content: space-between;
}

.product-detail .detail-content .content-none .explain-img_list p {
    display: inline-block;
    padding-top: 10px;
    margin-left: 10px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 700;
}

.product-detail .detail-content .content-none .explain-ul {
    display: flex;
    justify-content: center;
}

.product-detail .detail-content .content-none .explain-ul ul li {
    position: relative;
    padding-left: 10px;
    line-height: 24px;
    font-size: 14px;
    color: #8a8a8a;
    text-align: left;
}

.product-detail .detail-content .content-none .explain-ul ul li::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #8a8a8a;
}

.product-detail .detail-content .content-none .img {
    margin: 0 auto 20px;
}

.product-detail .detail-content .content-none .img img {
    width: 60px;
    height: 60px;
}

.product-detail .detail-content .add-btn_list {
    display: flex;
    margin-left: auto;
}

.product-detail .detail-content .add-btn_list button {
    position: relative;
    padding: 0 0 0 20px;
    box-sizing: content-box;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    font-weight: 700;
    color: #8a8a8a;
    line-height: 16px;
    cursor: pointer;
}

.product-detail .detail-content .add-btn_list button:nth-child(2n) {
    margin-left: 16px;
}

.product-detail .detail-content .add-btn_list button:nth-child(2n)::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 2px;
    left: -8px;
    width: 1px;
    height: 12px;
    background-color: #a4a4a4;
}

.product-detail .detail-content .add-btn_list .modify {
    background-image: url("/img/common/ico_edit_primary.svg");
    color: #ff4e00;
}

.product-detail .detail-content .add-btn_list .delete::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-position: 50% 50%;
    background-image: url("/img/common/ico_trash.svg");
}

.product-detail .detail-content .detail-qna {
    font-size: 14px;
}

.product-detail .detail-content .detail-qna .qna {
    position: relative;
}

.product-detail .detail-content .detail-qna .qna .qna-write {
    position: absolute;
    top: 0;
    right: 0;
    width: 220px;
    height: 50px;
    line-height: 50px;
    padding: 0;
    border: 1px solid #202020;
    background-color: #fff;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

.product-detail .detail-content .detail-qna .qna .qna-list {
    margin-top: 40px;
    border-top: 1px solid #202020;
}

.product-detail .detail-content .detail-qna .qna .qna-list .pagination {
    margin-top: 40px;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-head {
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #f2f2f2;
    font-weight: 500;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-head.on {
    border-bottom: 0;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-head .state {
    display: inline-block;
    flex: none;
    padding: 3px 5px;
    margin: 0 104px 0 24px;
    border-radius: 3px;
    background-color: #ffede5;
    color: #ff4e00;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-head .state.done {
    background-color: #dcf3eb;
    color: #06c281;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-head .qna-title {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0 210px 0 34px;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-head .qna-title.lock {
    background: url("/img/product/ico-secret.svg") no-repeat top 50% left 0;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-head .qna-title .add-btn_list {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-head .write {
    display: flex;
    flex: none;
    margin-left: 32px;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-head .write .nick {
    overflow: hidden;
    width: 164px;
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-head .write .date {
    margin-left: 12px;
    color: #8a8a8a;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-head .more {
    flex: none;
    width: 62px;
    padding: 0 20px 0 0;
    margin-left: 48px;
    background-size: 16px;
    border: none;
    background-color: transparent;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url("/img/common/ico_chevron-down_gray.svg");
    color: #8a8a8a;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-head .more.short {
    background-image: url("/img/common/ico_chevron-up_gray.svg");
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-cont {
    display: none;
    border-bottom: 1px solid #f2f2f2;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-cont .ico {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 30px;
    margin-right: 25px;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-cont &gt; div {
    display: flex;
    padding: 20px 20px 20px 130px;
    line-height: 24px;
    font-weight: 500;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-cont &gt; div.question {
    background-color: #fafafa;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-cont .img {
    padding: 20px 0 20px 180px;
}

.product-detail .detail-content .detail-qna .qna .qna-list ul li .qna-cont .img img {
    border-radius: 8px;
    margin-right: 10px;
}

.product-detail .detail-notice dl {
    border-bottom: 1px solid #f2f2f2;
}

.product-detail .detail-notice dl dt {
    display: flex;
    justify-content: space-between;
    padding: 22px 0;
    border-top: 1px solid #f2f2f2;
    font-size: 18px;
    font-weight: 500;
}

.product-detail .detail-notice dl dt .more {
    width: 60px;
    padding: 0 20px 0 0;
    margin-left: 50px;
    background-size: 16px;
    color: #8a8a8a;
    font-size: 14px;
    border: none;
    background-color: transparent;
    background-position: right;
    background-repeat: no-repeat;
    background-image: url("/img/common/ico_chevron-down_gray.svg");
    color: #8a8a8a;
}

.product-detail .detail-notice dl dt .more.short {
    background-image: url("/img/common/ico_chevron-up_gray.svg");
}

.product-detail .detail-notice dl dd {
    padding: 40px 0;
    background-color: #f2f2f2;
}

.product-detail .detail-notice dl dd .notice-cont {
    display: flex;
    margin-bottom: 64px;
}

.product-detail .detail-notice dl dd .notice-cont:last-child {
    margin-bottom: 0;
}

.product-detail .detail-notice dl dd .notice-cont .head {
    width: 330px;
    padding-left: 110px;
    line-height: 24px;
    font-size: 18px;
    font-weight: 700;
}

.product-detail .detail-notice dl dd .notice-cont .cont {
    width: calc(100% - 450px);
    font-size: 12px;
    line-height: 20px;
    color: #8a8a8a;
}

.product-detail .detail-notice dl dd .notice-cont .cont strong {
    display: block;
    margin-bottom: 8px;
    color: #202020;
}

.product-detail .detail-notice dl dd .notice-cont .cont .precaution {
    margin-top: 20px;
}

.product-detail .detail-notice dl dd .notice-cont .cont .precaution &gt; ul {
    display: flex;
    flex-wrap: wrap;
    margin: -8px 0 0 -8px;
}

.product-detail .detail-notice dl dd .notice-cont .cont .precaution &gt; ul &gt; li {
    margin: 8px 0 0 8px;
}

.product-detail .detail-notice dl dd .notice-cont .cont .precaution &gt; ul &gt; li img {
    display: block;
}

.order-bar {
    z-index: 990;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 115px;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transition: transform .3s ease;
    background-color: #ffffff;
    border-top: 1px solid #e0e0e0;
}

.order-bar.is-visible {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

.order-bar .container {
    padding: 10px 94px 20px;
}

.order-bar .container .fold {
    overflow: hidden;
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    border: none;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/img/product/ico-chevron-fold.svg");
    text-indent: -9999px;
    cursor: pointer;
}

.order-bar .container .fold.on {
    margin: 0 auto 10px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.order-bar .container .order-top {
    display: none;
    justify-content: space-between;
    margin: 0 0 40px;
}

.order-bar .container .order-top .order-part {
    overflow-y: auto;
    width: calc(50% - 20px);
    max-height: 180px;
}

.order-bar .container .order-top .order-part:first-child {
    padding-bottom: 62px;
    border-bottom: 1px solid #f2f2f2;
}

.order-bar .container .order-top .order-part p {
    min-width: 80px;
}

.order-bar .container .order-top .order-part ol li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    line-height: 42px;
}

.order-bar .container .order-top .order-part ol li .th {
    width: 180px;
    line-height: 22px;
    font-size: 16px;
    font-weight: 700;
}

.order-bar .container .order-top .order-part ol li .td {
    width: calc(100% - 180px);
}

.order-bar .container .order-top .order-part ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    margin-bottom: 10px;
    background-color: #f8f8f8;
    border-radius: 4px;
    line-height: 24px;
}

.order-bar .container .order-top .order-part ul li .option {
    display: flex;
    font-size: 14px;
}

.order-bar .container .order-top .order-part ul li .option .product-spinner {
    margin-left: 30px;
}

.order-bar .container .order-top .order-part ul li .outcome {
    display: flex;
    align-items: center;
    margin-right: -12px;
}

.order-bar .container .order-top .order-part ul li .outcome .trash {
    width: 40px;
    height: 40px;
    margin-left: 8px;
    padding: 0;
    border: none;
    background: url("/img/common/ico_trash.svg") no-repeat 50% 50%;
    text-indent: -9999px;
}

.order-bar .container .order-bottom {
    display: flex;
    justify-content: space-between;
}

.order-bar .container .order-bottom .order-part {
    display: flex;
    align-items: center;
    width: calc(50% - 20px);
}

.order-bar .container .order-bottom .order-part:first-child {
    justify-content: space-between;
}

.order-bar .container .order-bottom .order-part:last-child {
    justify-content: flex-end;
}

.order-bar .container .order-bottom .order-part .total-cost {
    line-height: 22px;
    font-size: 16px;
    font-weight: 700;
}

.order-bar .container .order-bottom .order-part .total-cost strong {
    display: inline-block;
    margin-left: 10px;
    line-height: 28px;
    font-size: 28px;
    color: #ff4e00;
}

.order-bar .container .order-bottom .order-part button {
    margin-left: 4px;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.order-bar .container .order-bottom .order-part button.heart {
    width: 60px;
    height: 60px;
    margin-left: 0;
    background-color: #f2f2f2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url("/img/common/ico_heart.svg");
    text-indent: -9999px;
}

.order-bar .container .order-bottom .order-part button.heart.on {
    background-image: url("/img/common/ico_heart_on.svg");
}

.order-bar .container .order-bottom .order-part button.heart.active {
    background-image: url("/img/common/ico_heart_on.svg");
}

.order-bar .container .order-bottom .order-part button.cart {
    width: 235px;
    height: 60px;
    line-height: 60px;
    background-color: #f2f2f2;
}

.order-bar .container .order-bottom .order-part button.order {
    width: 235px;
    height: 60px;
    line-height: 60px;
    background-color: #202020;
    color: #ffffff;
}

#gpick .gpick-guide {
    padding: 4px 0 20px;
    line-height: 18px;
    font-size: 14px;
    letter-spacing: -.2px;
    color: #8a8a8a;
}

#gpick .gpick-guide .sub-head {
    padding: 16px 0;
    font-weight: 700;
    color: #202020;
}

#gpick .gpick-guide ul {
    overflow: hidden;
    padding: 16px;
    border-radius: 8px;
    background-color: #f2f2f2;
}

#gpick .gpick-guide ul li {
    position: relative;
    padding-left: 9px;
}

#gpick .gpick-guide ul li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #8a8a8a;
}

.zoomLens {
    border: 1px solid #ddd !important;
    background: url(/img/common/zoom_ico_plus.png) no-repeat 50% 50% #fff !important;
}

.mb-data-table {
    border-bottom: 1px solid #e0e0e0;
}

.mb-data-table + .mb-data-table {
    margin-top: 50px;
}

.mb-data-table .title {
    padding: 16px 0 24px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -.43px;
}

.mb-data-table .title .checkbox {
    margin-left: 30px;
}

.mb-data-table .title {
    display: flex;
    align-items: center;
    padding: 24px 0;
    line-height: 32px;
}

.mb-data-table .title &gt; b {
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
}

.mb-data-table .title &gt; b span {
    margin-left: 4px;
    color: #ff4e00;
}

.mb-data-table .title p {
    display: inline-block;
    margin-left: 20px;
    font-size: 16px;
    font-weight: 500;
}

.mb-data-table .title a {
    position: relative;
    margin-left: 30px;
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
}

.mb-data-table .title a::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -24px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-position: top 0 right 0;
    background-repeat: no-repeat;
    background-image: url(/img/common/ico_chevron.svg);
}

.mb-data-table .must {
    margin-left: 4px;
    color: #ff4e00;
}

.mb-data-table .data-row {
    position: relative;
    padding: 8px 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.5px;
}

.mb-data-table .data-row .input {
    width: 100%;
}

.mb-data-table .data-row .input_label {
    width: 220px;
    margin-bottom: 0;
}

.mb-data-table .data-info {
    padding: 8px 0;
    border-top: 2px solid #a4a4a4;
}

.mb-data-table .data-info.noline {
    border: 0 !important;
}

.mb-data-table .data-info + .join-benefit {
    margin: 0;
}

.mb-data-table .data-info_half {
    display: flex;
    justify-content: space-between;
}

.mb-data-table .data-info_half &gt; div {
    width: 620px;
    padding: 8px 0;
    border-top: 2px solid #a4a4a4;
}

.mb-data-table .data-info_half &gt; div &gt; .data-row_head {
    padding: 8px 4px 8px 16px;
    font-size: 16px;
    font-weight: 700;
}

.mb-data-table .data-info_half &gt; div .data-row_cont {
    display: flex;
    justify-content: flex-end;
}

.mb-data-table .data-info_half &gt; div .data-row_box {
    padding: 12px 16px;
    border-radius: 8px;
    background-color: #202020;
    color: #ffffff;
}

.mb-data-table .data-info_half &gt; div .data-row_box .data-row_cont b {
    font-size: 18px;
}

.mb-data-table .data-info_half &gt; div .data-row:last-child {
    border-bottom: 1px solid #e0e0e0;
}

.mb-data-table .input_wrapper {
    display: inline-block;
    width: 320px;
}

.mb-data-table .input_wrapper + .input_guide {
    display: inline-flex;
    margin-top: 0;
    margin-left: 24px;
}

.mb-data-table .input_wrapper ~ .input_error {
    padding-left: 232px;
}

.guide-message p + .icon {
    margin-top: 60px;
}

.auto_login {
    padding: 20px;
}

.add-link_list {
    justify-content: center;
    margin-top: 24px;
    font-size: 14px;
    letter-spacing: -.5px;
}

.add-link_list a {
    position: relative;
    padding: 0 8px;
}

.add-link_list a:first-child::before {
    content: none;
}

.add-link_list a::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 1px;
    height: 14px;
    margin-right: 8px;
    background-color: #eeeeee;
}

.button-list {
    text-align: center;
}

.button-list p {
    justify-content: center;
    margin: 0 auto 20px;
}

.button-list p.guide {
    display: flex;
    margin-left: 24px;
    font-size: 14px;
    text-align: left;
}

.button-list p.guide:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(/img/common/ico_info.svg) no-repeat;
    transform: translateY(2px);
}

.button-list .button {
    width: 270px;
}

.button-list .button + .button {
    margin-left: 40px;
}

.button-list + .button-list {
    margin: 70px auto 0;
}

.button-list ~ .mb-data-table {
    margin: 50px 0;
}

.button-list ~ .mb-data-table .data-info {
    text-align: center;
}

.button-list ~ .mb-data-table .data-info .button {
    width: 270px;
    margin: 8px 20px;
    border-radius: 4px;
    border: 0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.23px;
}

.button-list ~ .mb-data-table .data-info .button span {
    padding-left: 30px;
    background-position: left;
    background-repeat: no-repeat;
}

.button-list ~ .mb-data-table .data-info .button.kakao-button {
    background-color: #fae103;
}

.button-list ~ .mb-data-table .data-info .button.kakao-button span {
    background-image: url(/img/common/ico_kakao.svg);
}

.button-list ~ .mb-data-table .data-info .button.naver-button {
    background-color: #00b900;
}

.button-list ~ .mb-data-table .data-info .button.naver-button span {
    background-image: url(/img/common/ico_naver.svg);
    color: #ffffff;
}

.mb-data-table + .button-list {
    margin: 50px auto 0;
}

#nonmember-check .guest-order-agree {
    font-size: 14px;
}

#nonmember-check .guest-order-agree .heading {
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 700;
}

#nonmember-check .guest-order-agree ol {
    margin: 8px 0;
}

#nonmember-check .guest-order-agree ol li {
    color: #8a8a8a;
}

#nonmember-check .guest-order-agree ol + p {
    margin-top: 24px;
}

#nonmember-check .guest-order-agree .info {
    font-size: 12px;
    font-weight: 700;
    color: #8a8a8a;
}

#nonmember-check .guest-order-agree .info + p {
    margin: 24px 0;
}

.guide-message {
    padding: 60px 0;
}

.join-benefit {
    margin: 30px 0;
}

.join-benefit &gt; p {
    padding: 20px 25px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.4px;
}

.join-benefit .benefit-box {
    padding: 20px;
    background-color: #f9f9f9;
}

.join-benefit .benefit-box b {
    display: block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -.5px;
}

.join-benefit .benefit-box p {
    margin-top: 4px;
    font-size: 14px;
    letter-spacing: -.2px;
    color: #8a8a8a;
}

.membership-benefit {
    margin: 50px 0 8px;
}

.membership-benefit &gt; b {
    padding: 0 16px;
    font-size: 14px;
    letter-spacing: -.5px;
}

.membership-benefit .benefit-list {
    padding: 0 16px;
}

.membership-benefit .benefit-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.membership-benefit .benefit-list ul li {
    display: flex;
    align-items: center;
    width: 33.333%;
    margin-top: 16px;
}

.membership-benefit .benefit-list ul li:nth-child(3) {
    padding-right: 24px;
}

.membership-benefit .benefit-list ul li:nth-child(2), .membership-benefit .benefit-list ul li:nth-child(5) {
    justify-content: center;
}

.membership-benefit .benefit-list ul li:nth-child(3n) {
    justify-content: flex-end;
}

.membership-benefit .benefit-list ul li p {
    margin-left: 16px;
    font-size: 14px;
    letter-spacing: -.2px;
}

.join-checklist {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.4px;
}

.join-checklist .check-all {
    padding: 16px 0;
}

.join-checklist ol {
    overflow: hidden;
    border-radius: 8px;
}

.join-checklist ol li {
    display: flex;
    justify-content: space-between;
    padding: 16px 20px 16px 12px;
    border-bottom: 1px solid #ffffff;
    background-color: #f2f2f2;
    font-size: 14px;
    letter-spacing: -.5px;
}

.join-checklist ol li .checkbox .color-primary {
    margin-right: 4px;
}

.join-checklist ol li button {
    width: 20px;
    height: 20px;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/img/common/ico_chevron-right.svg);
    text-indent: -9999px;
    cursor: pointer;
}

.join-checklist ol li .data-row_head {
    width: 220px;
    color: #8a8a8a;
}

.join-checklist ol li .data-row_cont {
    width: calc(100% - 220px);
}

.step-indicator {
    margin-bottom: -50px;
}

.step-indicator ul {
    display: flex;
    justify-content: flex-end;
}

.step-indicator ul li {
    position: relative;
    padding-left: 35px;
    margin-left: 51px;
    font-size: 18px;
    letter-spacing: -.32px;
    color: #8a8a8a;
}

.step-indicator ul li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 6px;
    left: -16px;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(/img/common/ico_chevron-right_gray.svg);
}

.step-indicator ul li:first-child::before {
    content: none;
}

.step-indicator ul li.is {
    font-weight: 700;
    color: #ff4e00;
}

.info-box {
    padding: 22px;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.info-box ul li {
    position: relative;
    padding-left: 8px;
    font-size: 14px;
    letter-spacing: -.2px;
    color: #8a8a8a;
}

.info-box ul li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #8a8a8a;
}

.button-list + .info-box {
    margin: 100px auto 0;
}

.guide-message .ico {
    display: inline-block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 44px;
}

.guide-message .ico.kakao {
    background-color: #fae103;
    background-image: url(/img/common/ico_kakao.svg);
}

.guide-message .ico.naver {
    background-color: #00b900;
    background-image: url(/img/common/ico_naver.svg);
}

.mb-data-table .input_wrapper + .input_helper {
    display: inline-flex;
    margin-top: 0;
    margin-left: 20px;
    color: #a4a4a4;
    font-weight: 400;
}

.mb-data-table.password-form .data-info {
    padding: 0;
}

.mb-data-table.password-form .data-info .guide-message + .data-row {
    border-top: 1px solid #eee;
}

.mb-data-table.password-form .data-info .data-row {
    padding: 17px 0;
}

.mb-data-table.password-form .data-info .data-row + .data-row {
    padding: 0 0 17px;
}

.button-list.password-form {
    position: relative;
}

.button-list.password-form p.guide {
    margin-left: 0 !important;
}

.button-list.password-form .button + .bullet-list {
    width: 50%;
    padding-left: 14.5%;
    margin: 0 auto;
    margin-top: 20px;
    text-align: left;
}

.button-list.password-form + .button-list {
    margin: 58px auto 0;
    padding: 50px 0 0;
    border-top: 1px solid #e0e0e0;
}

.button-list.password-form + .button-list + .button-list {
    margin: 50px auto 0;
}

.modal-option-form .title {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
}

.modal-option-form .title + p {
    color: #8a8a8a;
    font-size: 14px;
}

.modal-option-form .guide {
    margin-bottom: 24px;
    color: #8a8a8a;
    font-size: 14px;
}

.modal-option-form .goods {
    display: flex;
    align-items: center;
}

.modal-option-form .goods a {
    display: flex;
    align-items: center;
}

.modal-option-form .goods .thumb {
    flex: none;
    width: 96px;
    height: 96px;
}

.modal-option-form .goods .thumb img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}

.modal-option-form .goods .data {
    padding-left: 24px;
    text-align: left;
}

.modal-option-form .goods .data p {
    font-size: 14px;
}

.modal-option-form .goods .data .brand {
    margin-bottom: 4px;
    color: #8a8a8a;
}

.modal-option-form .goods .data .id {
    font-size: 12px;
}

.modal-option-form .goods .data .option {
    margin-top: 4px;
    font-weight: 700;
}

.modal-option-form .center-form &gt; p {
    margin-bottom: 16px;
    color: #202020;
    font-size: 16px;
    text-align: center;
}

.order-colgroup {
    display: flex;
    align-items: flex-start;
}

.order-colgroup .col {
    width: 100%;
}

.order-colgroup .col-sticky {
    flex: none;
    position: sticky;
    top: 168px;
    left: calc(100% - 290px);
    width: 290px;
    margin-left: 40px;
}

.order-result .guide-message {
    padding: 34px 0 120px;
}

.grade-status {
    display: flex;
    align-items: center;
    position: relative;
}

.grade-status .icon {
    width: 120px;
    height: auto;
}

.grade-status .data {
    width: 100%;
    padding-left: 40px;
}

.grade-status .current {
    font-size: 18px;
    font-weight: 700;
}

.grade-status .goal {
    margin-top: 4px;
    font-size: 14px;
}

.grade-status .progress {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 16px;
}

.grade-status .progress .from,
.grade-status .progress .to {
    font-size: 14px;
    font-weight: 700;
}

.grade-status .progress .from {
    color: #8a8a8a;
}

.grade-status .progress .bar {
    width: 100%;
    height: 8px;
    margin-top: 8px;
    border-radius: 4px;
    background-color: #f2f2f2;
}

.grade-status .progress .bar &gt; span {
    display: block;
    height: 8px;
    border-radius: 4px;
    background-color: #202020;
}

.grade-status .yours {
    font-size: 24px;
}

.grade-status .yours + .goal {
    margin-top: 0;
}

.grade-status .yours ~ .progress {
    margin-top: 12px;
}

.grade-status .shortcut {
    position: absolute;
    top: 0;
    right: 0;
}

.grade-status-area {
    display: flex;
    justify-content: center;
    padding: 40px 0;
    border: solid #e0e0e0;
    border-width: 1px 0;
}

.grade-status-area .grade-status {
    width: 100%;
    max-width: 760px;
}

.mypage-greeting .user {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.mypage-greeting .user p {
    font-size: 28px;
}

.mypage-greeting .user a {
    display: inline-flex;
    align-items: center;
    margin: 8px 0 0 30px;
    font-size: 16px;
}

.mypage-greeting .user a:after {
    content: "";
    width: 24px;
    height: 24px;
    background: url(/img/common/ico_chevron-right_lg.svg) no-repeat;
}

.mypage-greeting .grade-status-area {
    justify-content: flex-start;
}

.mypage-greeting .grade-status-area .grade-status {
    width: 620px;
}

.mypage-greeting .benefit {
    display: flex;
    margin-left: 138px;
}

.mypage-greeting .benefit .group {
    display: flex;
    align-items: center;
}

.mypage-greeting .benefit .group p {
    display: flex;
    flex-direction: column;
    margin-left: 20px;
}

.mypage-greeting .benefit .group p span {
    font-size: 14px;
}

.mypage-greeting .benefit .group p strong {
    font-size: 28px;
    font-weight: 700;
}

.mypage-greeting .benefit .group + .group {
    margin-left: 72px;
}

.mypage-menu &gt; ul {
    display: flex;
}

.mypage-menu &gt; ul &gt; li {
    position: relative;
    margin-left: 40px;
}

.mypage-menu &gt; ul &gt; li:first-child {
    margin-left: 0;
}

.mypage-menu &gt; ul &gt; li:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -20px;
    width: 1px;
    height: 212px;
    background-color: #e0e0e0;
    transform: translateY(-50%);
}

.mypage-menu &gt; ul &gt; li:first-child:before {
    display: none;
}

.mypage-menu &gt; ul &gt; li &gt; a {
    display: block;
    width: 180px;
    height: 260px;
    padding: 24px 20px;
    text-align: center;
}

.mypage-menu &gt; ul &gt; li &gt; a .icon {
    display: block;
    width: 80px;
    height: auto;
    margin: 0 auto 24px;
}

.mypage-menu &gt; ul &gt; li &gt; a strong {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

.mypage-menu &gt; ul &gt; li &gt; a p {
    margin-top: 8px;
    color: #8a8a8a;
    font-size: 14px;
}

.mypage-menu.box &gt; ul &gt; li:before {
    display: none;
}

.mypage-menu.box &gt; ul &gt; li &gt; a {
    border-radius: 8px;
    background-color: #f9f9f9;
}

.order-step + .mypage-menu {
    margin-top: 32px;
}

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

.form-star-rate button {
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: url(/img/common/star_rate.svg) no-repeat 0 0;
    cursor: pointer;
}

.form-star-rate button.active {
    background-position: -40px 0;
}

.form-star-rate button + button {
    margin-left: 10px;
}

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

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

.score-radio label {
    position: relative;
    padding-bottom: 26px;
}

.score-radio label input {
    margin: 0;
    width: 38px;
    height: 38px;
    background: url(/img/common/score_radio.svg) no-repeat 0 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.score-radio label input:checked {
    background-position: -38px 0;
}

.score-radio label span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    color: #8a8a8a;
    font-size: 14px;
    white-space: nowrap;
    transform: translateX(-50%);
}

.score-radio label + label {
    margin-left: 32px;
}

.header-bar .condition {
    margin-left: 10px;
    font-size: 14px;
}

.header-bar .condition + .caution {
    margin-left: 30px;
}

.header-bar .condition {
    margin-left: 10px;
    font-size: 14px;
}

.header-bar .condition + .caution {
    margin-left: 30px;
}

.withdraw-contents {
    padding: 0 0 204px;
}

.withdraw-message {
    padding: 42px 0 36px !important;
}

.withdraw-greeting .mypage-greeting .grade-status-area .grade-status {
    width: 640px;
}

.withdraw-greeting .benefit {
    margin-left: 0px !important;
}

.withdraw-greeting .benefit .group {
    position: relative;
    padding-left: 60px;
}

.withdraw-greeting .benefit .group + .group {
    margin-left: 84px !important;
}

.withdraw-greeting .benefit .group::before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    height: 60px;
    background-color: #eee;
}

.withdraw-greeting .grade-status-area {
    border: solid #eee;
    border-width: 2px 0;
}

.withdraw-greeting .grade-status-area .icon {
    width: 60px;
    height: auto;
}

.withdraw-greeting .grade-status-area .data {
    padding-left: 16px;
}

.withdraw-choice .option-wrapper {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding-right: 22px;
}

.withdraw-choice .option-group {
    flex-direction: column;
}

.withdraw-choice .option-group:first-child {
    margin-left: 22px;
}

.withdraw-choice .option-group .form-checkbox {
    width: 100%;
    margin-bottom: 17px;
}

.withdraw-choice .option-group .form-checkbox + .form-checkbox {
    margin-left: 0;
}

.withdraw-choice .option-group .form-checkbox input + span {
    margin: 0 0 0 10px;
}

.withdraw-reason + .submit-area {
    margin-top: 50px;
}

.lb-brand-grid ul {
    display: flex;
    flex-wrap: wrap;
    margin: -60px 0 0 -40px;
}

.lb-brand-grid ul li {
    width: calc(33.3333% - 40px);
    margin: 60px 0 0 40px;
}

.lb-brand-grid .item {
    display: block;
}

.lb-brand-grid .item .img {
    position: relative;
}

.lb-brand-grid .item .img:before {
    content: "";
    display: block;
    padding-bottom: 133%;
}

.lb-brand-grid .item .img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
}

.lb-brand-grid .item p {
    margin-top: 16px;
    font-size: 16px;
    text-align: center;
}

.lb-season-grid ul {
    display: flex;
    flex-wrap: wrap;
    margin: -60px 0 0 -40px;
}

.lb-season-grid ul li {
    width: calc(25% - 40px);
    margin: 60px 0 0 40px;
}

.lb-season-grid .item {
    display: block;
    width: 100%;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.lb-season-grid .item .img {
    display: block;
    position: relative;
}

.lb-season-grid .item .img:before {
    content: "";
    display: block;
    padding-bottom: 205.5172%;
}

.lb-season-grid .item .img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
}

.lb-season-slider {
    position: relative;
    width: 1200px;
    padding-top: 40px;
}

.lb-season-slider .swiper-slide {
    transform: scale(0.8491);
    transition: transform .3s ease;
}

.lb-season-slider .swiper-slide .img {
    position: relative;
}

.lb-season-slider .swiper-slide .img:before {
    content: "";
    display: block;
    padding-bottom: 205.5172%;
}

.lb-season-slider .swiper-slide .img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
}

.lb-season-slider .swiper-slide-active {
    transform: scale(1);
}

.lb-season-slider .swiper-counter {
    display: flex;
    position: absolute;
    bottom: -48px;
    left: 50%;
    color: #fff;
    font-size: 16px;
    transform: translateX(-50%);
}

.lb-season-slider .swiper-counter &gt; span {
    margin: 0 4px;
}

.lb-season-slider .swiper-pager-button,
.lb-season-slider .swiper-pager-button {
    display: block;
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    padding: 0;
    border: none;
    background: url(/img/common/lb_season_slider_pager.svg) no-repeat 0 0;
    cursor: pointer;
}

.lb-season-slider .swiper-pager-prev {
    left: -100px;
}

.lb-season-slider .swiper-pager-next {
    right: -100px;
    background-position: -60px 0;
}

.lb-season-slider .modal-close {
    display: block;
    position: absolute;
    top: -12px;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    padding: 0;
    border: none;
    background: url(/img/common/lb_season_slider_close.svg) no-repeat;
    cursor: pointer;
}

.exhibition-grid &gt; ul {
    display: flex;
    flex-wrap: wrap;
    margin: -60px 0 0 -40px;
}

.exhibition-grid &gt; ul &gt; li {
    width: calc(33.3333% - 40px);
    margin: 60px 0 0 40px;
}

.exhibition-grid .item {
    display: block;
}

.exhibition-grid .item .thumb {
    position: relative;
}

.exhibition-grid .item .thumb:before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}

.exhibition-grid .item .thumb img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
}

.exhibition-grid .item .data {
    margin-top: 16px;
}

.exhibition-grid .item .data .category {
    margin-bottom: 4px;
    color: #8a8a8a;
    font-size: 14px;
}

.exhibition-grid .item .data .title {
    font-size: 16px;
}

.exhibition-grid .item .data .date {
    margin-top: 12px;
    color: #8a8a8a;
    font-size: 14px;
}

.exhibition-grid .item .data .badge {
    margin-top: 12px;
}

.exhibition-grid .item .data .badge &gt; ul {
    display: flex;
    flex-wrap: wrap;
    margin: -4px 0 0 -4px;
}

.exhibition-grid .item .data .badge &gt; ul &gt; li {
    margin: 4px 0 0 4px;
}

.exhibition-badge {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 4px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 700;
}

.exhibition-badge-new {
    color: #ff4e00;
    background-color: #ffede5;
}

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

.exhibition-badge-coupon {
    color: #9c8d6d;
    background-color: #f3ead7;
}

.exhibition-badge-discount {
    color: #765aff;
    background-color: #f1eeff;
}

.exhibition_header {
    position: relative;
    padding-bottom: 24px;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
}

.exhibition_header .title {
    font-size: 28px;
    font-weight: 700;
}

.exhibition_header .date {
    margin-top: 16px;
    color: #8a8a8a;
    font-size: 14px;
}

.exhibition_header .share {
    display: block;
    overflow: hidden;
    position: absolute;
    right: -9px;
    bottom: 15px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: url(/img/common/ico_share.svg) no-repeat 50% 50%;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

.exhibition_body {
    padding: 40px 110px 20px;
}

.exhibition_body .visual {
    margin-bottom: 24px;
}

.exhibition_body .visual img {
    display: block;
    border-radius: 16px;
}

.timesale-detail-top {
    position: relative;
    height: 200px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: auto 100%;
}

.timesale-detail-top .timer-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    top: 50%;
    left: 50%;
    /*width: 640px;*/
    transform: translateY(-50%);
}

.timesale-detail-top .timer-wrapper .type {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}

.timesale-detail-top .timer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #ff4e00;
    font-size: 32px;
    font-weight: 700;
}

.timesale-detail-top .timer:before {
    content: "";
    width: 40px;
    height: 40px;
    margin-right: 12px;
    /*background: url(./../img/common/timesale_ico_timer_lg.svg) no-repeat 0 0/100% 100%;*/
    background: url(/img/common/timesale_ico_timer.svg) no-repeat 0 0/100% 100%;
}

.timesale-detail-top .timer .date {
    margin-right: 8px;
}

.timesale-detail {
    padding-top: 100px;
}

.timesale-detail .banner img {
    display: block;
    width: 100%;
    height: auto;
}

.timesale-detail .banner + .product-grid-group {
    /* margin-top: 120px; */
}

.terms {
    padding: 24px 0;
    border-top: 2px solid #a4a4a4;
    /* border-bottom: 1px solid #e0e0e0; */
}

.terms .title {
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: 700;
}

.terms * + .title,
.terms .title ~ .title {
    margin-top: 24px;
}

.terms div {
    color: #8a8a8a;
    font-size: 14px;
}

.terms div + ol,
.terms div + ul {
    margin-top: 4px;
}

.terms ol &gt; li, .terms ul &gt; li {
    margin-top: 4px;
    color: #8a8a8a;
    font-size: 14px;
}

.terms ol &gt; li:first-child, .terms ul &gt; li:first-child {
    margin-top: 0;
}

.terms ol + p, .terms ul + p {
    margin-top: 4px;
}

.terms .circle-demical &gt; li {
    position: relative;
    padding-left: 16px;
}

.terms .circle-demical &gt; li:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.terms .circle-demical &gt; li:nth-child(1):before {
    content: "①";
}

.terms .circle-demical &gt; li:nth-child(2):before {
    content: "②";
}

.terms .circle-demical &gt; li:nth-child(3):before {
    content: "③";
}

.terms .circle-demical &gt; li:nth-child(4):before {
    content: "④";
}

.terms .circle-demical &gt; li:nth-child(5):before {
    content: "⑤";
}

.terms .circle-demical &gt; li:nth-child(6):before {
    content: "⑥";
}

.terms .circle-demical &gt; li:nth-child(7):before {
    content: "⑦";
}

.terms .circle-demical &gt; li:nth-child(8):before {
    content: "⑧";
}

.terms .circle-demical &gt; li:nth-child(9):before {
    content: "⑨";
}

.terms .circle-demical &gt; li .demical {
    margin-top: 4px;
}

.terms .demical &gt; li {
    position: relative;
    margin-top: 4px;
    padding-left: 16px;
    color: #8a8a8a;
    font-size: 14px;
}

.terms .demical &gt; li:first-child {
    margin-top: 0;
}

.terms .demical &gt; li:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.terms .demical &gt; li:nth-child(1):before {
    content: "1.";
}

.terms .demical &gt; li:nth-child(2):before {
    content: "2.";
}

.terms .demical &gt; li:nth-child(3):before {
    content: "3.";
}

.terms .demical &gt; li:nth-child(4):before {
    content: "4.";
}

.terms .demical &gt; li:nth-child(5):before {
    content: "5.";
}

.terms .demical &gt; li:nth-child(6):before {
    content: "6.";
}

.terms .demical &gt; li:nth-child(7):before {
    content: "7.";
}

.terms .demical &gt; li:nth-child(8):before {
    content: "8.";
}

.terms .demical &gt; li:nth-child(9):before {
    content: "9.";
}

.terms .circle &gt; li {
    position: relative;
    padding-left: 9px;
}

.terms .circle &gt; li:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #8a8a8a;
}

.terms .additional {
    margin-top: 48px;
}

.terms .additional .title {
    margin-bottom: 12px;
    font-size: 14px;
}

.terms .additional .title ~ .title {
    margin-top: 24px;
}

.terms .additional div .heading {
    color: #202020;
}

.modal-terms .group-title,
.modal-terms .title {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
}

.modal-terms * + .title,
.modal-terms .title ~ .title {
    margin-top: 16px;
}

.modal-terms .group-title ~ .group-title {
    margin-top: 24px;
}

.modal-terms p {
    color: #8a8a8a;
    font-size: 14px;
}

.modal-terms p + ol,
.modal-terms p + ul {
    margin-top: 4px;
}

.modal-terms ol &gt; li, .modal-terms ul &gt; li {
    margin-top: 4px;
    color: #8a8a8a;
    font-size: 14px;
}

.modal-terms ol &gt; li:first-child, .modal-terms ul &gt; li:first-child {
    margin-top: 0;
}

.modal-terms ol + p, .modal-terms ul + p {
    margin-top: 4px;
}

.modal-terms .circle-demical &gt; li {
    position: relative;
    padding-left: 16px;
}

.modal-terms .circle-demical &gt; li:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.modal-terms .circle-demical &gt; li:nth-child(1):before {
    content: "①";
}

.modal-terms .circle-demical &gt; li:nth-child(2):before {
    content: "②";
}

.modal-terms .circle-demical &gt; li:nth-child(3):before {
    content: "③";
}

.modal-terms .circle-demical &gt; li:nth-child(4):before {
    content: "④";
}

.modal-terms .circle-demical &gt; li:nth-child(5):before {
    content: "⑤";
}

.modal-terms .circle-demical &gt; li:nth-child(6):before {
    content: "⑥";
}

.modal-terms .circle-demical &gt; li:nth-child(7):before {
    content: "⑦";
}

.modal-terms .circle-demical &gt; li:nth-child(8):before {
    content: "⑧";
}

.modal-terms .circle-demical &gt; li:nth-child(9):before {
    content: "⑨";
}

.modal-terms .circle-demical &gt; li .demical {
    margin-top: 4px;
}

.modal-terms .demical &gt; li {
    position: relative;
    margin-top: 4px;
    padding-left: 16px;
    color: #8a8a8a;
    font-size: 14px;
}

.modal-terms .demical &gt; li:first-child {
    margin-top: 0;
}

.modal-terms .demical &gt; li:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.modal-terms .demical &gt; li:nth-child(1):before {
    content: "1.";
}

.modal-terms .demical &gt; li:nth-child(2):before {
    content: "2.";
}

.modal-terms .demical &gt; li:nth-child(3):before {
    content: "3.";
}

.modal-terms .demical &gt; li:nth-child(4):before {
    content: "4.";
}

.modal-terms .demical &gt; li:nth-child(5):before {
    content: "5.";
}

.modal-terms .demical &gt; li:nth-child(6):before {
    content: "6.";
}

.modal-terms .demical &gt; li:nth-child(7):before {
    content: "7.";
}

.modal-terms .demical &gt; li:nth-child(8):before {
    content: "8.";
}

.modal-terms .demical &gt; li:nth-child(9):before {
    content: "9.";
}

.modal-terms .circle &gt; li {
    position: relative;
    padding-left: 9px;
}

.modal-terms .circle &gt; li:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #8a8a8a;
}

.modal-terms .additional {
    margin-top: 48px;
}

.modal-terms .additional .title {
    margin-bottom: 12px;
    font-size: 14px;
}

.modal-terms .additional .title ~ .title {
    margin-top: 24px;
}

.modal-terms .additional p .heading {
    color: #202020;
}

.modal-terms .additional {
    margin-top: 32px;
}

.modal-terms .additional p .heading {
    color: #202020;
}

.brand-banner {
    position: relative;
    justify-content: center;
}

.brand-banner img {
    width: 100%;
}

.brand-banner .logo {
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translateY(-50%);
}

.brand-container {
    width: 888px;
    padding: 0 24px;
    margin: 0 auto;
    line-height: 30px;
    font-size: 20px;
    letter-spacing: -.25px;
    color: #8a8a8a;
}

.brand-container .color-black {
    color: #202020;
}

.brand-container .info {
    padding: 80px 0;
    text-align: center;
}

.brand-container .info strong {
    display: block;
    padding: 20px 0;
    font-size: 48px;
    font-weight: 500;
    font-family: PlantagenetCherokee, Pretendard, Apple SD Gothic Neo, '돋움', Dotum, Verdana, Arial, sans-serif;
    color: #202020;
}

.brand-container .video {
    overflow: hidden;
    width: 100%;
    height: 472px;
    margin: 0 auto;
    border-radius: 16px;
}

.brand-container .video_half {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 840px;
    margin: 60px auto;
}

.brand-container .video_half div {
    overflow: hidden;
    width: 50%;
    height: 538px;
    border-radius: 16px;
}

.brand-container .video_half div:last-child {
    margin-left: 40px;
}

.brand-container .desc {
    margin: 60px 0;
}

.brand-container .desc b {
    display: block;
    padding: 40px 0;
    line-height: 30px;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -.83px;
}

.brand-container .desc p + p {
    margin-top: 20px;
}

.brand-container .desc strong {
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -.83px;
    color: #202020;
}

.brand-container .word_lg {
    margin: 120px auto 40px;
    line-height: 100px;
    font-size: 80px;
    font-weight: 700;
    color: #202020;
}

.brand-container .half-swiper {
    margin-bottom: 120px;
}

.brand-container .half-swiper .swiper-wrapper {
    padding-bottom: 40px;
}

.brand-container .button-list .button {
    width: 305px;
    font-weight: 700;
}

.brand-container .button-list .button + .button {
    margin-left: 10px;
}

b {
    font-weight: 700;
}

.color-primary {
    color: #ff4e00 !important;
}

.color-gray {
    color: #8a8a8a !important;
}

.color-required {
    color: #ff4e00 !important;
}

.color-error {
    color: #ee443f !important;
}

.color-welcome {
    color: #ff4e00 !important;
}

.color-bronze {
    color: #a28c7b !important;
}

.color-silver {
    color: #d6d6d6 !important;
}

.color-gold {
    color: #c39c63 !important;
}

.color-vip {
    color: #202020 !important;
}

.color-vvip {
    color: #202020 !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.full-width {
    width: 100%;
}

.simplebar-track.simplebar-vertical {
    top: 12px;
    width: 4px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 0;
    bottom: 0;
}

.simplebar-scrollbar:before {
    right: 0;
    left: 0;
    background-color: #ccc;
}

.simplebar-track {
    right: 8px;
    bottom: 12px;
}

.simplebar-track.simplebar-horizontal {
    display: none;
}

.box-content {
    padding: 24px 24px;
    border-radius: 8px;
    background-color: #f9f9f9;
    color: #8a8a8a;
    font-size: 14px;
}

.box-content .group + .group {
    margin-top: 8px;
}

.no-transition * {
    transition: none !important;
}

.payment-type .tab-nav {
    display: flex;
}

.payment-type .tab-nav a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border: 1px solid #202020;
    background-color: #fff;
    font-size: 14px;
}

.payment-type .tab-nav a.active {
    background-color: #202020;
    color: #fff;
}

.payment-type .tab-nav a + a {
    margin-left: 8px;
}

.payment-type .tabs {
    margin-top: 24px;
}

.payment-type .tab .payment-type-form {
    margin-top: 48px;
}

.chevron-link {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
    font-size: 14px;
    vertical-align: middle;
    text-decoration: underline;
    cursor: pointer;
}

.chevron-link:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 4px;
    background: url(/img/common/ico_chevron-right_sm.svg) no-repeat;
}

.payment-type-form .row {
    display: flex;
    align-items: center;
}

.payment-type-form .row .heading {
    flex: none;
    width: 120px;
    font-size: 14px;
}

.payment-type-form .row .data {
    display: flex;
    width: calc(100% - 120px);
    margin-left: auto;
    padding-left: 24px;
}

.payment-type-form .row .data .chevron-link {
    margin-left: 24px;
}

.payment-type-form .row + .row {
    margin-top: 24px;
}

.sns-account-state {
    display: flex;
    align-items: center;
}

.sns-account-state .icon {
    width: 36px;
    height: 36px;
}

.sns-account-state span {
    margin-left: 8px;
}

.sns-account-state.kakao .icon {
    background: url(/img/common/sns_account_state_ico_kakao.svg) no-repeat;
}

.sns-account-state.naver .icon {
    background: url(/img/common/sns_account_state_ico_naver.svg) no-repeat;
}

.sns-account-state.active .icon {
    background-position: -36px 0;
}

.employee-benefit .group + .group {
    margin-top: 24px;
}

.employee-benefit .title {
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
}

.employee-benefit table {
    width: 100%;
}

.employee-benefit table th,
.employee-benefit table td {
    height: 40px;
    padding: 8px 4px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

.employee-benefit table th {
    background-color: #eee;
    font-weight: normal;
}

.employee-benefit table td {
    border: solid #eee;
    border-width: 1px 0;
}

.employee-benefit .circle &gt; li {
    position: relative;
    margin-top: 8px;
    padding-left: 10px;
    font-size: 14px;
    text-align: left;
}

.employee-benefit .circle &gt; li:first-child {
    margin-top: 0;
}

.employee-benefit .circle &gt; li:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #202020;
}

.employee-benefit .desc {
    padding: 10px 0;
    border: solid #eee;
    border-width: 1px 0;
    font-size: 14px;
}

.use-coupon-form .title {
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 700;
}

.use-coupon-form .title span {
    margin-left: 10px;
}

.use-coupon-form .group {
    padding-bottom: 16px;
}

.use-coupon-form .group .goods {
    display: flex;
    align-items: center;
}

.use-coupon-form .group .goods a {
    display: flex;
    align-items: center;
}

.use-coupon-form .group .goods .thumb {
    flex: none;
    width: 96px;
    height: 128px;
}

.use-coupon-form .group .goods .thumb img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}

.use-coupon-form .group .goods .data {
    padding-left: 16px;
    text-align: left;
}

.use-coupon-form .group .goods .data p {
    font-size: 14px;
}

.use-coupon-form .group .goods .data .brand {
    margin-bottom: 4px;
    color: #8a8a8a;
}

.use-coupon-form .group .goods .data .id {
    font-size: 12px;
}

.use-coupon-form .group .goods .data .option {
    margn-top: 8px;
    font-weight: 700;
}

.use-coupon-form .group .goods .data .price-group {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.use-coupon-form .group .goods .data .price {
    font-size: 16px;
    font-weight: 700;
}

.use-coupon-form .group .goods .data .amount {
    margin-left: 8px;
    color: #8a8a8a;
    font-size: 14px;
}

.use-coupon-form .group .goods + .form-select {
    margin-top: 16px;
}

.use-coupon-form .group .form-select ~ .form-select {
    margin-top: 4px;
}

.use-coupon-form .group .selected {
    margin-top: 4px;
}

.use-coupon-form .group .selected &gt; li {
    margin-top: 4px;
}

.use-coupon-form .group .selected &gt; li:first-child {
    margin-top: 0;
}

.use-coupon-form .group .selected .box {
    display: flex;
    align-items: center;
    position: relative;
    height: 48px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #eee;
    font-size: 14px;
}

.use-coupon-form .group .selected .box .delete {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: url(/img/common/ico_close_sm.svg) no-repeat 50% 50%;
    white-space: nowrap;
    text-indent: 100%;
    cursor: pointer;
}

.use-coupon-form .group .discount {
    display: flex;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 700;
    padding: 16px 12px 0;
}

.use-coupon-form .group .discount .data {
    margin-left: auto;
}

.use-coupon-form .total {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
}

.use-coupon-form .total .data {
    margin-left: auto;
}

.modal-report .goods {
    display: flex;
    align-items: center;
}

.modal-report .goods a {
    display: flex;
    align-items: center;
}

.modal-report .goods .thumb {
    flex: none;
    width: 96px;
    height: 96px;
}

.modal-report .goods .thumb img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
}

.modal-report .goods .data {
    padding-left: 24px;
    text-align: left;
}

.modal-report .goods .data p {
    font-size: 14px;
}

.modal-report .goods .data .brand {
    margin-bottom: 4px;
    color: #8a8a8a;
}

.modal-report .goods .data .id {
    font-size: 12px;
}

.modal-report .goods .data .option {
    margin-top: 4px;
    font-weight: 700;
}

.modal-report .title {
    display: block;
    margin-bottom: 16px;
    font-size: 16px;
}

.modal-report .id {
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 700;
}

.modal-report .box {
    padding: 16px 16px;
    border-radius: 8px;
    background-color: #f2f2f2;
}

.modal-report .box p {
    font-size: 14px;
}

.modal-report .option {
    margin-top: 24px;
}

.modal-report .option &gt; ul &gt; li {
    margin-top: 16px;
}

.modal-report .option &gt; ul &gt; li:first-child {
    margin-top: 0;
}

.modal-report .additional {
    margin-top: 40px;
}

.modal-report .caution {
    position: relative;
    margin-top: 24px;
    padding-left: 20px;
    font-size: 14px;
}

.modal-report .caution:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background: url(/img/common/ico_siren_sm.svg) no-repeat;
}

.modal-report .user-block {
    text-align: center;
}

.modal-report .user-block button {
    padding: 0;
    border: none;
    background-color: transparent;
    color: #8a8a8a;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.star-rate {
    display: inline-block;
    position: relative;
    width: 108px;
    height: 20px;
    background: url(/img/common/star_rate_bg.svg) no-repeat 0 0/100% 100%;
    vertical-align: middle;
}

.star-rate &gt; span {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: url(/img/common/star_rate_filled.svg) no-repeat 0 0/auto 100%;
    white-space: nowrap;
    text-indent: 100%;
}

.star-rate.sm {
    width: 84px;
    height: 16px;
    background: url(/img/common/star_rate_bg_sm.svg) no-repeat 0 0/100% 100%;
}

.star-rate.sm &gt; span {
    background: url(/img/common/star_rate_filled_sm.svg) no-repeat 0 0/auto 100%;
}

.star-rate.lg {
    width: 216px;
    height: 40px;
}

.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; /* 헤더와 데이터 셀의 글자 가운데 정렬 */
    font-size:14px;
}</pre></body></html>