@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("../vendors/pretendard-1.3.9/pretendard.css");
/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/*  reset */
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: inherit;
	font-weight: inherit;
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	min-height: var(--reVh, 1vh);
	font-weight: 400;
}

body {
	width: 100%;
	color: #000;
	background-color: #fff;
}

html,
body {
	margin: 0 auto;
	padding: 0;
	font-family: "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	font-size: 14px;
	border: 0;
	font-weight: 400;
	font-style: normal; /*overscroll-behavior-y: none;*/
}

ol,
ul,
nav {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

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

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

select,
input,
button,
textarea {
	display: inline-block;
	font-family: "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 500;
}

embed,
object {
	position: absolute;
}

button {
	padding: 0;
	margin: 0;
	vertical-align: top;
	cursor: pointer;
	background-color: transparent;
	border: 0;
}

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

input {
	/* width: 180px;
	padding: 6px 10px 6px;
	height: 30px;
	border: 1px solid #ddd;
	color: #111; */
	vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	line-height: 14px;
	border-radius: 0;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

textarea[disabled],
textarea[readonly],
select[disabled],
select[readonly],
input[disabled],
input[readonly] {
	cursor: default !important;
}

input[disabled] + label,
input[readonly] + label {
	cursor: default !important;
}

textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 110px;
	padding: 7px 10px 7px;
	border: 1px solid #ddd;
	color: #111;
	line-height: 16px;
	border-radius: 0;
	vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}

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

input::-webkit-input-placeholder {
	color: #999;
	line-height: 14px;
}

/* 크롬 4–56 : placeholder style */
input:-moz-placeholder {
	color: #999;
	line-height: 14px;
}

/* 파이어폭스 4–18 : placeholder style */
input::-moz-placeholder {
	color: #999;
	line-height: 14px;
}

/* 파이어폭스 19–50 : placeholder style */
input:-ms-input-placeholder {
	color: #999;
	line-height: 14px;
}

/* 인터넷 익스플로러 10+ : placeholder style */
input::-webkit-input-placeholder {
	color: #999;
	line-height: 14px;
}

input:-ms-input-placeholder {
	color: #999;
	line-height: 14px;
}

input::-ms-input-placeholder {
	color: #999;
	line-height: 14px;
}

input::placeholder {
	color: #999;
	line-height: 14px;
}

/* 파이어폭스 51+, 크롬 57+ : placeholder style */
input[type=button]:hover {
	cursor: pointer;
}

input[type=button]:disabled {
	cursor: default;
}

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

button,
input,
select,
textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: top;
}

button {
	vertical-align: top;
	cursor: pointer;
}

strong {
	font-weight: 700;
}

/*h1, h2, h3, h4, h5, h6, pre {font-weight: 700; font-size: 100%; line-height: 1;}*/
caption,
legend {
	width: 0;
	height: 0;
	font-size: 1px;
	text-indent: -9999rem;
	line-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

a,
a:active,
a:focus,
a:hover,
a:link,
a:visited,
button,
button:active,
button:focus,
button:hover,
button:visited,
textarea,
textarea:active,
textarea:focus,
textarea:hover,
select,
select:active,
select:focus,
select:hover {
	text-decoration: none;
}

.btn:focus,
a.btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

a.disabled,
button[disabled],
input[disabled] {
	pointer-events: none;
	cursor: default;
}

input::-ms-clear {
	display: none;
}

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

audio[controls],
canvas,
video {
	display: inline-block;
}

button,
input,
select,
textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	cursor: pointer;
	-webkit-appearance: button;
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

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

textarea {
	overflow: auto;
	vertical-align: top;
}

textarea::-webkit-scrollbar {
	width: 3px;
	border-radius: 1.5px;
}

textarea::-webkit-scrollbar-thumb {
	background: #ccc;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
}

/* Disable orange highlight */
label,
a,
button,
select {
	-o-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button {
	padding: 0;
	background-color: transparent;
	border-width: 0;
	outline: none;
	font-family: "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	text-align: center;
}

/* iOS */
input:is([type=button], [type=submit], [type=reset]),
input[type=file]::file-selector-button,
button {
	color: #000;
}

/* // reset */
/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
:root {
	--swiper-pagination-progressbar-bg-color: rgba(0, 0, 0, 0.1);
	--swiper-pagination-progressbar-size: 2px;
	--swiper-theme-color: #000;
	--swiper-pagination-bullet-width: 3px;
	--swiper-pagination-bullet-height: 3px;
	--swiper-pagination-bullet-border-radius: 0;
	--swiper-pagination-bullet-horizontal-gap: 1.5px;
	--swiper-pagination-bullet-inactive-color: #dfdfdf;
	--swiper-pagination-bullet-inactive-opacity: 1;
	--spacing-6xl: 150px;
	--spacing-5xl: 100px;
	--spacing-4xl: 70px;
	--spacing-3xl: 60px;
	--spacing-2xl: 50px;
	--spacing-xl: 40px;
	--spacing-lg: 30px;
	--spacing-md: 24px;
	--spacing-def: 20px;
	--spacing-xs: 16px;
	--spacing-2xs: 12px;
	--spacing-3xs: 10px;
	--spacing-4xs: 8px;
	--spacing-5xs: 6px;
	--spacing-6xs: 4px;
	--spacing-min: 2px;
	--spacing-0: 0;
	--docker-extra-height: 0px;
	--main-coupon-layer-height: 0px;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.brand-contact-cont-box .brand-contact-list .brand-contact-item .ico-brand-logo-movesport-h50, .brand-contact-cont-box .brand-contact-list .brand-contact-item .ico-brand-logo-munsingwear-h50, .brand-contact-cont-box .brand-contact-list .brand-contact-item .ico-brand-logo-lecoq-h50, .brand-contact-cont-box .brand-contact-list .brand-contact-item .ico-brand-logo-dk-golf-h50, .brand-contact-cont-box .brand-contact-list .brand-contact-item .ico-brand-logo-dk-h50, .brand-contact-cont-box .brand-contact-list .brand-contact-item .ico-brand-logo-umbro-h50 {
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
}

.offscreen {
	position: absolute !important;
	display: block;
	overflow: hidden;
	height: 1px;
	width: 1px;
	clip: rect(1px, 1px, 1px, 1px);
	font-size: 14px !important;
}

/* 화면에서 숨김 */
.block-el {
	display: block;
}

/* 띠배너 */
.top-line-banner-wrap {
	position: relative;
	overflow: hidden;
	background: #000;
}

.top-line-banner-wrap .link-top-banner {
	position: relative;
	display: block;
	text-align: center;
	min-height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-2xs);
	color: #fff;
	font-size: 11px;
	letter-spacing: -0.025em;
	line-height: 15px;
}

.top-line-banner-wrap .link-top-banner img {
	width: 100%;
}

.top-line-banner-wrap .link-top-banner .timer {
	color: #fe4400;
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 22px;
	font-size: 22px;
}

.top-line-banner-wrap .link-top-banner .timer span:after {
	content: " : ";
	display: inline-block;
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 22px;
	font-size: 22px;
}

.top-line-banner-wrap .link-top-banner .timer span:first-child::after, .top-line-banner-wrap .link-top-banner .timer span:last-child::after {
	color: #000;
}

.top-line-banner-wrap .btn-top-banner-close {
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	display: block;
	width: 40px;
	height: 40px;
	background: url("../images/common/comm_ico_top_banner_close.svg") center no-repeat;
	background-size: 10px;
}

/* no-data */
.no-data-wrap {
	padding-top: var(--spacing-5xl);
	padding-bottom: var(--spacing-5xl);
	text-align: center;
}

.no-data-wrap .no-data-desc {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
	color: #666;
}

.no-data-wrap .no-data-desc ~ .no-data-sub-desc {
	margin-top: var(--spacing-5xs);
}

.no-data-wrap .no-data-desc.review {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
}

.no-data-wrap [class^=ico-] + .no-data-desc {
	margin-top: var(--spacing-2xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #999;
}

.no-data-wrap.type-sm .no-data-desc {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.no-data-wrap .no-data-sub-desc {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #999;
}

.no-data-wrap.has-tline {
	border-top: 1px solid #e5e5e5;
}

.no-data-wrap.has-line {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

/* 브랜드 */
.brand-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.brand-item .brand-logo {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	overflow: hidden;
}

.brand-item .brand-logo img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-o-object-fit: cover;
	object-fit: cover;
}

.brand-item .brand-logo:after {
	content: "";
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	border: 1px solid #e5e5e5;
	position: absolute;
	top: 0;
	left: 0;
}

.brand-item .brand-name {
	margin-left: var(--spacing-2xs);
	flex: 1;
}

.brand-item .brand-name .name-eng {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
}

.brand-item .brand-name .name-kor {
	margin-top: 5px;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #aaa;
}

.brand-item .brand-name img {
	width: 248px;
	height: 20px;
}

.brand-item .link-brand {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url("../images/common/comm_ico_arr_right_h22.svg") right center no-repeat;
	background-size: 22px 22px;
}

.brand-item ~ .brand-item {
	margin-top: var(--spacing-2xs);
}

.flex-info-wrap {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.flex-info-wrap .start {
	align-self: flex-start;
}

.flex-info-wrap .end {
	align-self: flex-end;
}

.flex-info-wrap .center {
	align-self: center;
}

.flex-info-wrap .right-area {
	flex-shrink: 0;
	text-align: right;
}

.bottom-extra-box {
	padding: var(--spacing-xs) var(--spacing-2xs);
	border-top: 1px solid #000;
}

.bottom-extra-box .selected-filter-box {
	margin: 0 calc(var(--spacing-def) * -1);
	padding: 0 var(--spacing-def);
}

/* 버거메뉴 */
.display-service-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 16px 20px;
}

.display-service-list .display-service-item {
	width: calc((100% - 20px) / 2);
}

.display-service-list .display-service-item .link-menu {
	display: inline-block;
	vertical-align: top;
}

.display-service-list .display-service-item .link-menu .text {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
}

.gnb-d-theme-swiper {
	margin-top: var(--spacing-lg);
}

.gnb-d-theme-swiper .gnb-d-theme-title {
	position: relative;
	display: block;
	margin-bottom: var(--spacing-xs);
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
}

.gnb-d-theme-swiper .gnb-d-theme-title:after {
	display: inline-block;
	content: "";
	width: 15px;
	height: 15px;
	position: absolute;
	right: 0;
	background: url("../images/common/comm_ico_burger_menu_plus.svg") 0 0 no-repeat;
	background-size: cover;
}

.gnb-d-theme-swiper .d-theme {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-5xs);
	padding-bottom: var(--spacing-xl);
}

.gnb-d-theme-swiper .d-theme li {
	position: relative;
	width: 20%;
}

.gnb-d-theme-swiper .d-theme li .d-theme-img-box {
	position: relative;
}

.gnb-d-theme-swiper .d-theme li .d-theme-img-box img {
	width: 100%;
}

.gnb-d-theme-swiper .d-theme li .d-theme-name {
	margin-top: var(--spacing-5xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	text-align: center;
}

.gnb-d-theme-swiper .swiper {
	margin-right: calc(-1 * var(--spacing-def));
	padding-right: var(--spacing-def);
}

.gnb-d-theme-swiper .swiper .swiper-wrapper .swiper-slide {
	position: relative;
	width: auto;
}

.gnb-d-theme-swiper .swiper .swiper-wrapper .swiper-slide .d-theme-img-box {
	position: relative;
	width: 120px;
	height: 120px;
}

.gnb-d-theme-swiper .swiper .swiper-wrapper .swiper-slide .d-theme-img-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-o-object-fit: cover;
	object-fit: cover;
}

.gnb-d-theme-swiper .swiper .swiper-wrapper .swiper-slide .d-theme-name {
	margin-top: var(--spacing-5xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	font-size: 24px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 24px;
}

.gnb-footer-menu-list {
	margin-top: var(--spacing-2xl);
	font-size: 0;
	padding-bottom: var(--spacing-4xl);
	width: 300px;
}

.gnb-footer-menu-list .gnb-footer-menu-item {
	display: inline-block;
	vertical-align: top;
}

.gnb-footer-menu-list .gnb-footer-menu-item .link-text .text {
	display: inline-block;
	vertical-align: top;
	color: #999;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.gnb-footer-menu-list .gnb-footer-menu-item:not(:last-child) {
	position: relative;
	margin-right: var(--spacing-3xs);
}

.gnb-footer-menu-list .gnb-footer-menu-item:not(:last-child):after {
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 1px;
	height: 12px;
	margin-top: var(--spacing-6xs);
	margin-left: var(--spacing-3xs);
	background: #e5e5e5;
}

.gnb-footer-menu-list .gnb-footer-menu-item:nth-child(4), .gnb-footer-menu-list .gnb-footer-menu-item:last-child {
	margin-right: 0;
}

.gnb-footer-menu-list .gnb-footer-menu-item:nth-child(4):after, .gnb-footer-menu-list .gnb-footer-menu-item:last-child:after {
	display: none;
}

.gnb-footer-menu-list .gnb-footer-menu-item:nth-child(n+5) {
	margin-top: var(--spacing-xs);
}

.gnb-brand-item .brand-item .brand-logo {
	width: 60px;
	height: 60px;
}

.gnb-brand-item .brand-item .brand-logo:after {
	display: none;
}

.gnb-brand-item + .gnb-brand-item {
	margin-top: var(--spacing-xs);
}

/* 비디오 영역 */
.video-control-box {
	position: relative;
	font-size: 0;
}

.video-control-box video {
	max-width: 100%;
}

.video-control-box .btn-video-play {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.video-control-box .btn-video-play:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
}

.video-control-box .btn-video-play:after {
	content: "";
	position: absolute;
	background: url("../images/product/ico_play_video.svg") 0 0 no-repeat;
	background-size: cover;
	z-index: 2;
	left: 50%;
	top: 50%;
	width: 52px;
	height: 52px;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* 최근 본 팝업 */
.tab-img-wrap .tabs .recent-prod-img-swiper .tab-item .tab-link .tab-img {
	opacity: 1;
}

.tab-img-wrap .tabs .recent-prod-img-swiper .tab-item .tab-link .tab-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-o-object-fit: cover;
	object-fit: cover;
}

/* 싱크 스크롤 */
.row-quick-banner-box {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-5xs);
}

.row-quick-banner-box .sync-scroll-row {
	padding: 0 var(--spacing-def);
	margin: 0 calc(var(--spacing-def) * -1);
	white-space: nowrap;
	overflow-x: auto;
	scrollbar-width: none;
}

.row-quick-banner-box .sync-scroll-row .item {
	display: inline-block;
	padding: var(--spacing-5xs) var(--spacing-xs) var(--spacing-5xs) var(--spacing-5xs);
	border: 1px solid #000;
	background-color: #fff;
	border-radius: 100px;
	vertical-align: top;
}

.row-quick-banner-box .sync-scroll-row .item .link-content {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap: var(--spacing-5xs);
	align-items: center;
}

.row-quick-banner-box .sync-scroll-row .item .link-content .img-box {
	width: 30px;
	border-radius: 50%;
	overflow: hidden;
}

.row-quick-banner-box .sync-scroll-row .item .link-content .img-box img {
	width: 100%;
}

.editor-box .img-box img,
.editor-box img,
.edit-cont-box .img-box img,
.edit-cont-box img,
.editor-wrap .img-box img,
.editor-wrap img {
	width: unset;
	max-width: 100%;
}

.edit-cont-box figure {
	width: 100% !important;
}

.edit-cont-box figure img {
	width: 100% !important;
	height: 100% !important;
}

.edit-cont-box article {
	margin-top: 0.5333333333vw;
}

.edit-cont-box article .article_visual {
	margin-bottom: 0.5333333333vw;
}

.edit-cont-box article .article_title .title {
	padding: 1.8666666667vw 0;
	font-size: 3.7333333333vw;
	font-weight: 800;
}

.edit-cont-box article .article_title .subTitle {
	padding: 1rem 0;
	font-weight: 700;
}

.edit-cont-box article .article_contents {
	font-size: 3.7333333333vw;
	line-height: 160%;
}

.grid-list.row.has-tbline.push-alarm-list .grid-item .flex-info-wrap {
	gap: var(--spacing-3xs);
}

.grid-list.row.has-tbline.push-alarm-list .grid-item .flex-info-wrap .right-area {
	flex: 1;
	text-align: left;
}

.grid-list.row.has-tbline.push-alarm-list .grid-item + .grid-item {
	padding-top: var(--spacing-md);
}

.grid-list.row.has-tbline.push-alarm-list .grid-item:first-child {
	padding-top: var(--spacing-md);
}

.grid-list.row.has-tbline.push-alarm-list .grid-item:last-child {
	padding-bottom: var(--spacing-md);
}

.grid-list.row.has-tbline.push-alarm-list .push-status-area {
	display: flex;
	justify-content: space-between;
}

.grid-list.row.has-tbline.push-alarm-list .push-status-area .push-type .text {
	display: inline-block;
	margin-left: var(--spacing-6xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.grid-list.row.has-tbline.push-alarm-list .push-status-area .push-date {
	color: #999;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.grid-list.row.has-tbline.push-alarm-list .push-text {
	color: #666;
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.privacy-policy-step-area {
	margin-top: var(--spacing-xl);
	border: 1px solid #e5e5e5;
}

.privacy-policy-step-area img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.company-intro-banner-wrap {
	width: 100%;
	padding-top: 60px;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}

.company-intro-banner-wrap .text {
	font-size: 44px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 44px;
	position: absolute;
	top: 4px;
	left: var(--spacing-def);
}

.company-intro-banner-wrap .img-box {
	width: 100%;
	position: static;
}

.company-intro-banner-wrap .img-box img {
	width: 100%;
	object-fit: cover;
}

.company-intro-cont-box.background {
	background-color: rgba(245, 245, 245, 0.6);
}

.company-intro-cont-box .title-wrap {
	margin-bottom: var(--spacing-3xs);
}

.company-intro-cont-box .title-wrap .kor {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	color: #fe4400;
	margin-bottom: var(--spacing-6xs);
}

.company-intro-cont-box .title-wrap .eng {
	font-size: 40px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 40px;
}

.company-intro-cont-box .img-box {
	width: auto;
	margin-right: calc(var(--spacing-def) * -1);
	position: static;
}

.company-intro-cont-box .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.company-intro-cont-box .img-box + .stext-sm {
	margin-top: var(--spacing-lg);
	letter-spacing: -0.025em;
}

.company-intro-cont-box .text-box {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	word-break: keep-all;
	word-wrap: break-word;
}

.company-intro-cont-box .text-box .text ~ .text {
	margin-top: var(--spacing-3xs);
}

.company-intro-list-area .company-sub-page-list {
	border-bottom: 1px solid #e5e5e5;
}

.company-intro-list-area .company-sub-page-list .item {
	padding: 0 var(--spacing-def);
}

.company-intro-list-area .company-sub-page-list .item ~ .item {
	border-top: 1px solid #e5e5e5;
	padding-top: var(--spacing-lg);
	margin-top: var(--spacing-lg);
}

.company-intro-list-area .company-sub-page-list .item:last-child {
	padding-bottom: var(--spacing-lg);
}

.company-intro-list-area .company-sub-page-list .item a {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
}

.company-intro-list-area .company-sub-page-list .item a .ico-arr-black {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-top: 3px;
	margin-left: 5px;
	background: url("../images/member/ico_btn_arr_black_h15.svg") 0 0 no-repeat;
	background-size: cover;
}

.human-rights-policy-step-box .step-area {
	padding-bottom: var(--spacing-2xl);
	border-bottom: 1px solid rgba(229, 229, 229, 0.6);
}

.human-rights-policy-step-box .step-area .step-box {
	display: flex;
	align-items: flex-start;
	gap: var(--spacing-2xs);
}

.human-rights-policy-step-box .step-area .step-box + .step-box {
	margin-top: var(--spacing-lg);
}

.human-rights-policy-step-box .step-area .step-box .step-no {
	flex: 0 0 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 26px;
}

.human-rights-policy-step-box .step-area .step-box .step-info-box .title {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 15px;
	margin-top: var(--spacing-5xs);
	margin-bottom: var(--spacing-xs);
}

.human-rights-policy-step-box .step-area .step-box .step-info-box .desc {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.write-info {
	text-align: right;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.visual-cont-box {
	padding: 80px 0;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.brand-contact-cont-box {
	background: #f5f5f5;
	padding: var(--spacing-lg) 0;
}

.brand-contact-cont-box .brand-contact-list {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-3xs);
}

.brand-contact-cont-box .brand-contact-list .brand-contact-item {
	display: flex;
	align-items: center;
	gap: var(--spacing-2xs);
	background: #fff;
	padding: var(--spacing-md) var(--spacing-def);
}

.brand-contact-cont-box .brand-contact-list .brand-contact-item .info-box {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.brand-contact-cont-box .brand-contact-list .brand-contact-item .info-box .brand-name {
	margin-bottom: var(--spacing-2xs);
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.brand-contact-cont-box .brand-contact-list .brand-contact-item .info-box .alliance {
	margin-top: var(--spacing-6xs);
}

.brand-contact-cont-box .brand-contact-list .brand-contact-item .ico-brand-logo-umbro-h50 {
	width: 50px;
	height: 50px;
	background: #000;
	-webkit-mask-image: url("../images/etc/ico_brand_logo_umbro_h50.svg");
	mask-image: url("../images/etc/ico_brand_logo_umbro_h50.svg");
}

.brand-contact-cont-box .brand-contact-list .brand-contact-item .ico-brand-logo-dk-h50 {
	width: 50px;
	height: 50px;
	background: #03062f;
	-webkit-mask-image: url("../images/etc/ico_brand_logo_descente_korea_h50.svg");
	mask-image: url("../images/etc/ico_brand_logo_descente_korea_h50.svg");
}

.brand-contact-cont-box .brand-contact-list .brand-contact-item .ico-brand-logo-dk-golf-h50 {
	width: 50px;
	height: 50px;
	background: #0d052f;
	-webkit-mask-image: url("../images/etc/ico_brand_logo_descente_korea_golf_h50.svg");
	mask-image: url("../images/etc/ico_brand_logo_descente_korea_golf_h50.svg");
}

.brand-contact-cont-box .brand-contact-list .brand-contact-item .ico-brand-logo-lecoq-h50 {
	width: 50px;
	height: 50px;
	background: #04081f;
	-webkit-mask-image: url("../images/etc/ico_brand_logo_lecoq_h50.svg");
	mask-image: url("../images/etc/ico_brand_logo_lecoq_h50.svg");
}

.brand-contact-cont-box .brand-contact-list .brand-contact-item .ico-brand-logo-munsingwear-h50 {
	width: 50px;
	height: 50px;
	background: #04081f;
	-webkit-mask-image: url("../images/etc/ico_brand_logo_munsingwear_h50.svg");
	mask-image: url("../images/etc/ico_brand_logo_munsingwear_h50.svg");
}

.brand-contact-cont-box .brand-contact-list .brand-contact-item .ico-brand-logo-movesport-h50 {
	width: 50px;
	height: 50px;
	background: #231815;
	-webkit-mask-image: url("../images/etc/ico_brand_logo_movesport_h50.svg");
	mask-image: url("../images/etc/ico_brand_logo_movesport_h50.svg");
}

.request-transaction-cont-box .tabs.has-height-tabs .tab-item .tab-link {
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.request-transaction-cont-box .info-list .info-item .desc {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.request-transaction-cont-box .info-list .info-item + .info-item {
	margin-top: var(--spacing-2xl);
}

.request-transaction-cont-box .info-list .info-item .request-transaction-step-area {
	border-top: 1px solid #e5e5e5;
	padding: var(--spacing-md) 0;
}

.request-transaction-cont-box .info-list .info-item .request-transaction-step-area.has-bottom-line {
	border-bottom: 1px solid #e5e5e5;
}

.request-transaction-cont-box .info-list .info-item .request-transaction-step-area .service-step-list .step-item {
	position: relative;
	display: flex;
	gap: var(--spacing-2xs);
}

.request-transaction-cont-box .info-list .info-item .request-transaction-step-area .service-step-list .step-item img,
.request-transaction-cont-box .info-list .info-item .request-transaction-step-area .service-step-list .step-item .step-info {
	position: relative;
	z-index: 1;
}

.request-transaction-cont-box .info-list .info-item .request-transaction-step-area .service-step-list .step-item img {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
}

.request-transaction-cont-box .info-list .info-item .request-transaction-step-area .service-step-list .step-item .step-info {
	margin-top: var(--spacing-5xs);
}

.request-transaction-cont-box .info-list .info-item .request-transaction-step-area .service-step-list .step-item .step-info .step-no {
	color: rgba(0, 0, 0, 0.3);
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 14px;
}

.request-transaction-cont-box .info-list .info-item .request-transaction-step-area .service-step-list .step-item .step-info .step-name {
	margin-top: var(--spacing-min);
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.request-transaction-cont-box .info-list .info-item .request-transaction-step-area .service-step-list .step-item .step-info .step-desc {
	color: #666;
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.request-transaction-cont-box .info-list .info-item .request-transaction-step-area .service-step-list .step-item + .step-item {
	padding-top: var(--spacing-def);
}

.request-transaction-cont-box .info-list .info-item .request-transaction-step-area .service-step-list .step-item:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
	background-size: 1px 4px, 1px 100%;
	left: 24px;
	top: 0;
	bottom: 0;
}

.request-transaction-cont-box .info-list .info-item .request-transaction-step-area .service-step-list .step-item:last-child:before {
	height: 20px;
	bottom: unset;
}

.request-transaction-cont-box .info-list .info-item .gray-box-sm .dash-text,
.request-transaction-cont-box .info-list .info-item .gray-box-sm .dot-text,
.request-transaction-cont-box .info-list .info-item .gray-box-sm .dot-text-sm,
.request-transaction-cont-box .info-list .info-item .gray-box-sm .star-text,
.request-transaction-cont-box .info-list .info-item .gray-box-sm .star-text-sm,
.request-transaction-cont-box .info-list .info-item .gray-box-sm .decimal-text {
	position: relative;
	display: block;
	word-break: normal;
}

.request-transaction-cont-box .tbl-no-line-wrap.tbl-distributor-open-area-wrap .tbl-row > thead > tr > th {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
	background: #f5f5f5;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
}

.request-transaction-cont-box .tbl-no-line-wrap.tbl-distributor-open-area-wrap .tbl-row > thead > tr > th:first-child {
	border-right: 0;
}

.request-transaction-cont-box .tbl-no-line-wrap.tbl-distributor-open-area-wrap .tbl-row > tbody > tr > td {
	text-align: center;
}

.company-banner-wrap {
	position: relative;
}

.company-banner-wrap .text-box {
	position: absolute;
	color: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 200px;
}

.company-banner-wrap .text-box .title {
	font-size: 22px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 30px;
}

.company-banner-wrap + .cont-inner .desc {
	margin-top: var(--spacing-lg);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.company-mission-box {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap: 18px;
}

.company-mission-box:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 100%;
	background: #000;
	top: 0;
	left: 50%;
}

.company-mission-box .mission-item-area,
.company-mission-box .goal-item {
	position: relative;
	z-index: 1;
}

.company-mission-box .mission-item-area {
	width: 100%;
	background: #fff;
}

.company-mission-box .mission-item-area .mission-item {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 90px;
	border: 1px solid #000;
	border-radius: 45px;
}

.company-mission-box .mission-item-area .mission-item .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
}

.company-mission-box .mission-item-area .mission-item:nth-child(2) {
	margin-top: calc(var(--spacing-3xs) * -1);
}

.company-mission-box .arrow {
	display: inline-block;
	width: 10px;
	height: 18px;
	background: url("../images/common/comm_ico_company_partnership_arr.svg") 0 0 no-repeat;
	background-size: cover;
	transform: rotate(90deg);
}

.company-mission-box .goal-item {
	color: #fff;
	width: 100%;
	height: 120px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fe4400;
	border-radius: 60px;
}

.company-mission-box .goal-item .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.company-mission-box .goal-item .text-eng {
	margin-top: var(--spacing-6xs);
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
}

.partnership-step-box .step-intro-box .title {
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
}

.partnership-step-box .step-intro-box .desc {
	margin-bottom: var(--spacing-6xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.partnership-step-box .step-area {
	margin-top: var(--spacing-def);
	border-top: 1px solid #000;
	border-bottom: 1px solid #e5e5e5;
	padding: var(--spacing-md) 0;
}

.partnership-step-box .step-area .step-box {
	display: flex;
	align-items: flex-start;
	gap: var(--spacing-2xs);
}

.partnership-step-box .step-area .step-box .step-no {
	font-size: 26px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 26px;
}

.partnership-step-box .step-area .step-box .step-info-box {
	flex: 1;
	margin-top: var(--spacing-min);
}

.partnership-step-box .step-area .step-box .step-info-box .title {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.partnership-step-box .step-area .step-box .step-info-box .desc {
	margin-top: var(--spacing-2xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.partnership-step-box .step-area .step-box + .step-box {
	margin-top: var(--spacing-md);
}

.listen-opinion-box .opinion-item .gray-box-sm .title {
	margin-top: var(--spacing-xs);
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.listen-opinion-box .opinion-item .gray-box-sm .desc {
	margin-top: var(--spacing-xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.listen-opinion-box .opinion-item + .opinion-item {
	margin-top: var(--spacing-def);
}

.term-text-list .term-text-item + .term-text-item {
	margin-top: var(--spacing-xl);
}

.term-text-list .term-text-item .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.tbl-no-line-wrap.right-no-line-wrap {
	border-bottom: 0;
}

.tbl-no-line-wrap.right-no-line-wrap .tbl-row {
	width: 100%;
	border-collapse: collapse;
}

.tbl-no-line-wrap.right-no-line-wrap .tbl-row th,
.tbl-no-line-wrap.right-no-line-wrap .tbl-row td {
	border: 1px solid #e5e5e5;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
}

.tbl-no-line-wrap.right-no-line-wrap .tbl-row > thead > tr > th {
	text-align: center;
	background: #f5f5f5;
	border-bottom: 1px solid #e5e5e5;
}

.tbl-no-line-wrap.right-no-line-wrap .tbl-row > tbody > tr > th {
	text-align: center;
}

.tbl-no-line-wrap.right-no-line-wrap .tbl-row > tbody > tr > td {
	text-align: center;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.tbl-no-line-wrap.right-no-line-wrap table tr th:first-child,
.tbl-no-line-wrap.right-no-line-wrap table tr td:first-child {
	border-left: none;
}

.tbl-no-line-wrap.right-no-line-wrap table tr th:last-child,
.tbl-no-line-wrap.right-no-line-wrap table tr td:last-child {
	border-right: none;
}

.tbl-no-line-wrap.right-no-line-wrap.last-child-left .tbl-row > tbody > tr > th {
	text-align: center;
}

.tbl-no-line-wrap.right-no-line-wrap.last-child-left .tbl-row > tbody > tr > td {
	text-align: center;
}

.tbl-no-line-wrap.right-no-line-wrap.last-child-left .tbl-row > tbody > tr > td:last-child {
	text-align: left;
}

.scroll-Lock {
	overflow: hidden;
}

.store-list-wrap.type-footer .list-header-box {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: var(--spacing-xs);
	margin-bottom: var(--spacing-md);
}

.store-list-wrap.type-footer .grid-list .grid-item:first-child {
	border-top: none;
	padding-top: 0;
}

.store-list-wrap.type-footer .grid-list .grid-item .store-flex-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	cursor: pointer;
}

.store-list-wrap.type-footer .grid-list .grid-item .store-flex-box .left-area {
	width: 24px;
	padding-right: var(--spacing-5xs);
}

.store-list-wrap.type-footer .grid-list .grid-item .store-flex-box .left-area .btn-toggle-map {
	width: 18px;
	height: 18px;
}

.store-list-wrap.type-footer .grid-list .grid-item .store-flex-box .left-area .btn-toggle-map.is-active .ico-store-location {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../images/product/ico_location_active_h18.svg") 0 0 no-repeat;
	background-size: cover;
}

.store-list-wrap.type-footer .grid-list .grid-item .store-flex-box .left-area .btn-toggle-map .ico-store-location {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../images/product/ico_loaction_disabled_h18.svg") 0 0 no-repeat;
	background-size: cover;
}

.store-list-wrap.type-footer .grid-list .grid-item .store-flex-box .store-info .store-name {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.store-list-wrap.type-footer .grid-list .grid-item .store-flex-box .store-info .store-category {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.store-list-wrap.type-footer .grid-list .grid-item .store-flex-box .store-info .store-address {
	margin-top: var(--spacing-6xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.store-list-wrap.type-footer .grid-list .grid-item .store-flex-box .store-info .store-tel {
	margin-top: var(--spacing-6xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.store-list-wrap.type-footer .grid-list .grid-item .store-map-box {
	width: 100%;
	height: 240px;
	margin-top: var(--spacing-def);
}

.footer-term-wrap .dash-text,
.footer-term-wrap .dot-text,
.footer-term-wrap .dot-text-sm,
.footer-term-wrap .star-text,
.footer-term-wrap .star-text-sm,
.footer-term-wrap .decimal-text {
	position: relative;
	display: block;
	word-break: normal;
}

.footer-term-wrap .stext-sm + .stext-sm {
	margin-top: var(--spacing-3xs);
}

.footer-term-wrap .term-text-list .term-text-item + .term-text-item {
	margin-top: var(--spacing-xl);
}

.footer-term-wrap .term-text-list .term-text-item .term-title {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: var(--spacing-2xs);
}

.footer-term-wrap .term-text-list .term-text-item .term-desc {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.footer-term-wrap .term-text-list .term-text-item .term-desc [class^=tbl-] + .info-text-list {
	margin-top: var(--spacing-3xs);
}

.footer-term-wrap .term-text-list .term-text-item .term-desc .decimal-text.has-list-type .info-text-list .decimal-text {
	margin-top: var(--spacing-3xs);
}

.footer-term-wrap .term-text-list .term-text-item .term-desc .info-text-list.type-sub {
	margin-left: var(--spacing-xs);
	margin-top: var(--spacing-3xs);
}

.footer-term-wrap .term-text-list .term-text-item [class^=tbl-] .info-text-list > .decimal-text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	word-break: normal;
	word-wrap: normal;
}

.footer-term-wrap .table-name {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.verify-destination-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(1px, 1fr));
	grid-template-rows: minmax(0, 1fr);
	gap: var(--spacing-def);
}

.verify-destination-list .item {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.loading-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 0;
}

body > .loading-wrap {
	position: fixed;
	padding: 0;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 112;
}

.loading-wrap .loading-box {
	position: relative;
	font-size: 0;
	z-index: 1;
}

.loading-wrap .loading-box .loading-square {
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #000;
	animation-name: loadingAnimation;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.loading-wrap .loading-box .loading-square + .loading-square {
	margin-left: var(--spacing-5xs);
}

.loading-wrap .loading-box .loading-square:nth-child(2) {
	animation-delay: 0.1666666667s;
}

.loading-wrap .loading-box .loading-square:nth-child(3) {
	animation-delay: 0.3333333333s;
}

.loading-wrap .ui-widget-overlay {
	background-color: #fff;
	opacity: 0.85;
	overflow: hidden;
	height: var(--reVh);
}

@keyframes loadingAnimation {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(1.4);
	}
	50% {
		transform: scale(1);
	}
	75% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
}
.is-android-15-app .docker-wrapper {
	padding-bottom: 0 !important;
}

.is-android-15-app .ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer .dialog-today-close-btn-wrap {
	padding-bottom: var(--spacing-def) !important;
}

.is-android-15-app .ui-dialog-container .ui-dialog .ui-dialog-content.dialog-app-install .dialog-body .dialog-inner {
	padding-bottom: var(--spacing-def) !important;
}

.is-android-15-app .ui-dialog-container .ui-dialog.dialog-bottom {
	padding-bottom: 0 !important;
}

.is-android-15-app .main-coupon-floating-layer {
	bottom: 70px !important;
}

.is-android-15-app .main-coupon-floating-layer.scroll-down {
	bottom: 0 !important;
	padding-bottom: var(--spacing-2xs) !important;
}

.is-android-15-app .main-coupon-floating-layer {
	bottom: calc(70px) !important;
}

.is-android-15-app .main-coupon-floating-layer.scroll-down {
	padding-bottom: var(--spacing-2xs) !important;
}

.is-android-15-app .main-coupon-floating-layer.scroll-down .btn-floating-coupon-close {
	margin-top: 0 !important;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.lcont-box .cont-inner, .dcont-box .cont-inner, .cont-box .cont-inner {
	padding: 0 var(--spacing-def);
}

.lcont-box .cont-inner .grid-list, .dcont-box .cont-inner .grid-list, .cont-box .cont-inner .grid-list {
	margin-right: calc(var(--spacing-def) * -1);
	margin-left: calc(var(--spacing-def) * -1);
}

/* s: content box */
body.main .cont-box {
	overflow: hidden;
}

body.main .ui-dialog-container .cont-box {
	overflow: initial;
}

.dcont-box {
	border-top: 10px solid #f5f5f5;
}

.lcont-box {
	position: relative;
}

.lcont-box:before {
	content: "";
	display: inline-block;
	width: calc(100% - 40px);
	height: 1px;
	background-color: #e5e5e5;
	position: absolute;
	top: 0;
	left: 20px;
}

.lcont-box.line-type2:before {
	background-color: #ddd;
}

.lcont-box.line-type3:before {
	background-color: rgba(229, 229, 229, 0.6);
}

.cont-inner .lcont-box:before {
	width: 100%;
	left: 0;
}

.fold-content .lcont-box:before {
	width: 100%;
	left: 0;
}

/* e: content box */
/* s: designed box */
.gray-box {
	padding: var(--spacing-lg);
	background: #f5f5f5;
}

.gray-box-sm {
	padding: var(--spacing-def);
	background: #f5f5f5;
}

.gray-box-xs {
	padding: var(--spacing-3xs);
	background: #f5f5f5;
}

.gray-box-vote {
	padding: 14px;
	background: #f5f5f5;
}

.gray-border-box {
	border: 6px solid #f5f5f5;
	padding: var(--spacing-md) 0;
}

.orange-box {
	padding: var(--spacing-def);
	background: rgba(254, 68, 0, 0.08);
}

.orange-box-sm {
	padding: 14px;
	background: rgba(254, 68, 0, 0.08);
}

.orange-box-sm .text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
	color: #fe4400;
}

.orange-box-sm .ico-calendar-orange-h15 {
	margin-right: 3px;
}

.gray-line-box {
	border: 1px solid #e5e5e5;
	margin-top: var(--spacing-xs);
	padding: var(--spacing-xs);
}

.gray-line-box-xs {
	border: 1px solid #e5e5e5;
	padding: calc(var(--spacing-xs) - 1px);
}

/* e: designed box */
/* s: custom box */
.desc-center-box {
	margin-bottom: var(--spacing-def);
	text-align: center;
}

.desc-center-box .icon-group .ico-arr-orange {
	margin-top: var(--spacing-min);
}

.desc-center-box .icon-group .ico-swipe-hand {
	margin-left: var(--spacing-5xs);
	margin-right: 3px;
}

.desc-center-box .icon-group + .desc-text {
	margin-top: 7px;
}

.desc-center-box .desc-text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
	color: #999;
}

/* e: custom box */
/* img-box */
.img-box {
	position: relative;
	text-align: center;
	width: 100%;
}

.img-box img,
.img-box video {
	width: 100%;
	max-width: 100%;
}

/* s: functional box */
.check-overflow-box .check-target.expand {
	height: auto;
	max-height: none;
	-webkit-box-orient: inherit;
	-webkit-line-clamp: inherit;
}

.check-overflow-box .check-target + .link-text {
	margin-top: var(--spacing-2xs);
}

/* e: functional box */
/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
/* s: font 컬러 */
.fc-spot {
	color: #fe4400 !important;
	font-weight: inherit;
}

.fc-black {
	color: #000 !important;
	font-weight: inherit;
}

.fc-white {
	color: #fff !important;
	font-weight: inherit;
}

.fc-gray6 {
	color: #666 !important;
	font-weight: inherit;
}

.fc-gray5 {
	color: #999 !important;
	font-weight: inherit;
}

/* e: font 컬러 */
/* s: font 굵기 */
.fw-rgl {
	font-weight: 400 !important;
}

.fw-md {
	font-weight: 500 !important;
}

.fw-bold {
	font-weight: 700 !important;
}

.fw-sb {
	font-weight: 600 !important;
}

/* e: font 굵기 */
/* s: text 정렬 */
.ta-center {
	text-align: center !important;
}

.ta-left {
	text-align: left !important;
}

.ta-right {
	text-align: right !important;
}

/* e: text 정렬 */
/* s: etc */
.udl-text {
	text-decoration: underline !important;
}

/* e: etc */
/* bar-group */
.bar-group .bar-text-xs-gray5, .bar-group .bar-text-sm-gray5, .bar-group .bar-text-sm, .bar-group .bar-text {
	display: inline-block;
	vertical-align: top;
}

.bar-group .bar-text-xs-gray5:after, .bar-group .bar-text-sm-gray5:after, .bar-group .bar-text-sm:after, .bar-group .bar-text:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #e5e5e5;
	vertical-align: top;
}

.bar-group .bar-text-xs-gray5:last-child:after, .bar-group .bar-text-sm-gray5:last-child:after, .bar-group .bar-text-sm:last-child:after, .bar-group .bar-text:last-child:after {
	content: initial;
}

.bar-group {
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}

.bar-group .bar-text-sm {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.bar-group .bar-text-sm:after {
	margin: 5px var(--spacing-3xs) 0;
}

.bar-group .bar-text-sm-gray5 {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #999;
}

.bar-group .bar-text-sm-gray5:after {
	margin: 5px var(--spacing-5xs) 0;
}

.bar-group .bar-text-xs-gray5 {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #999;
}

.bar-group .bar-text-xs-gray5:after {
	height: 8px;
	margin: var(--spacing-6xs) var(--spacing-5xs) 0;
}

/* stext */
.stext-xl {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.stext-lg {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 21px;
}

.stext-md {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

.stext-sm {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.stext-sm + .stext-sm {
	margin-top: var(--spacing-3xs);
}

.stext-sm + .info-text-list {
	margin-top: var(--spacing-5xs);
}

.stext-xs {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
/* s: cont-title */
.cont-title {
	font-size: 22px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 30px;
}

.cont-title-sm {
	font-size: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 28px;
}

.cont-title-xs {
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
}

.cont-title-xs ~ .stext-sm {
	margin-top: 7px;
}

.cont-title-2xs {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.cont-title-3xs {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.cont-title-eng {
	font-size: 44px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 44px;
}

.cont-title-eng ~ .stext-md {
	margin-top: 5px;
}

.cont-title-eng-sm {
	font-size: 40px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 40px;
}

.cont-title-eng-sm + .stext-sm,
.cont-title-eng-sm ~ .stext-md {
	margin-top: 5px;
}

.cont-title-eng-xs {
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
}

.cont-title-eng-lg {
	font-size: 60px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 60px;
}

.cont-title-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: var(--spacing-def);
}

.cont-title-wrap .ui-select.type-text + .ui-select.type-text {
	margin: 0 0 0 var(--spacing-5xs);
	vertical-align: middle;
}

.cont-title-wrap .ui-select.type-text + .cont-title-sm {
	width: 100%;
	margin-top: var(--spacing-4xs);
}

.cont-title-wrap .ui-select.type-text + .cont-title-sm .tooltip-wrap {
	vertical-align: sub;
}

.cont-title-wrap [class^=stext] {
	width: 100%;
}

.cont-title-wrap .cont-title-2xs + .stext-sm {
	margin-top: var(--spacing-5xs);
}

.cont-title-wrap .cont-title + .stext-md {
	margin-top: var(--spacing-5xs);
}

.cont-title-wrap .cont-title + .stext-lg {
	margin-top: var(--spacing-5xs);
	color: #aaa;
}

.cont-title-wrap .cont-title-eng + .stext-md {
	margin-top: var(--spacing-6xs);
}

.cont-title-wrap .right-area {
	margin-left: auto;
}

.cont-title-wrap .right-area.end {
	align-self: flex-end;
}

.cont-title-wrap ~ .right-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: 12px;
	margin: calc(var(--spacing-3xs) * -1) 0 var(--spacing-xs);
}

.cont-title-wrap.size-xs {
	margin-bottom: var(--spacing-3xs);
}

.cont-title-wrap.size-sm {
	margin-bottom: var(--spacing-xs);
}

.cont-title-wrap.size-lg {
	margin-bottom: var(--spacing-lg);
}

.cont-title-wrap.mb-0 {
	margin-bottom: 0;
}

.cont-title-wrap.ta-center {
	justify-content: center;
}

/* e: cont-title */
/* s: scont-title */
.scont-title {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
	margin-bottom: var(--spacing-xs);
}

.scont-title ~ .scont-title {
	margin-top: var(--spacing-lg);
}

.scont-title-sm {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: var(--spacing-2xs);
	/* 서브 타이틀 레벨 밑 타이틀 여백(굵기 md) : MPR-02-0028 - SJW */
}

.scont-title-sm ~ .scont-title-sm {
	margin-top: var(--spacing-xl);
}

.scont-title-sm + .scont-title-xs.fw-md {
	margin-top: var(--spacing-3xs) !important;
	margin-bottom: var(--spacing-5xs);
}

.scont-title-sm + .scont-title-xs.fw-md ~ .scont-title-xs.fw-md {
	margin-top: var(--spacing-3xs);
	margin-bottom: var(--spacing-5xs);
}

.scont-title-xs {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	margin-bottom: var(--spacing-3xs);
}

.scont-title-xs ~ .scont-title-xs {
	margin-top: var(--spacing-lg);
}

/* e: scont-title */
/* 단순 정보성 텍스트 */
.scont-title-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.scont-title-wrap [class^=scont-title] {
	margin-bottom: 0;
}

.scont-title-wrap .right-area {
	margin-left: var(--spacing-3xs);
}

.board-detail-info {
	margin-top: var(--spacing-3xs);
}

.board-detail-info .board-sub-text {
	color: #666;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.board-detail-info .board-sub-text + .post-date {
	margin-top: var(--spacing-def);
}

.board-detail-info .post-date {
	display: flex;
	justify-content: space-between;
}

.board-detail-info .post-date span {
	color: #999;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.ico-idea, .ico-siren, .ico-push-restock, .ico-push-inquiry, .ico-push-order, .ico-coupon-orange, .ico-read-more-arr, .ico-order-step-arr, .ico-circle-cellphone, .ico-circle-percente, .ico-circle-point, .ico-circle-star, .ico-view-more, .ico-card-edit, .ico-badge-gift, .ico-badge-alarm, .ico-exclm-mark, .ico-payco, .ico-naver-pay, .ico-toss-pay, .ico-review-star, .ico-add-member, .ico-alarm-store, .ico-favorite, .ico-marketing-benefit-coupon, .ico-sns-naver, .ico-sns-kakao, .ico-login-face, .ico-map-pin, .ico-mb-benefit-free, .ico-mb-benefit-point, .ico-mb-benefit-discount, .ico-login-apple-h40, .ico-login-apple, .ico-login-naver-h40, .ico-login-naver, .ico-login-kakao-h40, .ico-login-kakao, .ico-account-h40, .ico-arr-right, .ico-coupon-down, .ico-share, .ico-brand-home, .ico-btn-detail-popup, .ico-current-location, .ico-download-h15, .ico-logo-naver-h12, .ico-complete-payment, .ico-complete-order-gift, .ico-complete-order-fail, .ico-complete-question-mark, .ico-complete-exclamation-mark, .ico-complete-sns-join, .ico-complete-point, .ico-complete-password, .ico-complete-phone, .ico-complete-mail, .ico-complete-celebrate, .ico-alert-gray, .ico-coupon-white, .ico-member-only, .ico-calendar-orange-h15, .ico-swipe-hand, .ico-arr-orange, .ico-logo, .ico-remove-h8, .ico-logo-isms, .ico-kg-inipay, .ico-top, [class^=ico-docker-], .ico-brand-logo-movesport, .ico-brand-logo-penguin-musingwear, .ico-brand-logo-allterrain, .ico-brand-logo-munsingwear, .ico-brand-logo-lecoq-golf, .ico-brand-logo-lecoq, .ico-brand-logo-dk-golf, .ico-brand-logo-dk, .ico-brand-logo-umbro, .ico-sub-gate, [class^=ico-header-] {
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
}

/* s : 아이콘 */
/* header icon */
[class^=ico-header-] {
	width: 22px;
	height: 22px;
}

.ico-header-back {
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_header_back.svg");
	mask-image: url("../images/common/comm_ico_header_back.svg");
}

.ico-header-home {
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_header_home.svg");
	mask-image: url("../images/common/comm_ico_header_home.svg");
}

.ico-header-setting {
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_header_setting.svg");
	mask-image: url("../images/common/comm_ico_header_setting.svg");
}

.ico-header-search {
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_header_search.svg");
	mask-image: url("../images/common/comm_ico_header_search.svg");
}

.ico-header-cart {
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_header_cart.svg");
	mask-image: url("../images/common/comm_ico_header_cart.svg");
}

.ico-header-alarm {
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_header_alarm.svg");
	mask-image: url("../images/common/comm_ico_header_alarm.svg");
}

.ico-sub-gate {
	width: 14px;
	height: 14px;
	background: orange;
}

.ico-brand-logo-umbro {
	width: 47px;
	height: 32px;
	background: #000;
	-webkit-mask-image: url("../images/brand/ico_brand_logo_umbro.svg");
	mask-image: url("../images/brand/ico_brand_logo_umbro.svg");
}

.ico-brand-logo-dk {
	width: 32px;
	height: 32px;
	background: #03062f;
	-webkit-mask-image: url("../images/brand/ico_brand_logo_descente_korea.svg");
	mask-image: url("../images/brand/ico_brand_logo_descente_korea.svg");
}

.ico-brand-logo-dk-golf {
	width: 87px;
	height: 32px;
	background: #0d052f;
	-webkit-mask-image: url("../images/brand/ico_brand_logo_descente_korea_golf.svg");
	mask-image: url("../images/brand/ico_brand_logo_descente_korea_golf.svg");
}

.ico-brand-logo-lecoq {
	width: 96px;
	height: 32px;
	background: #04081f;
	-webkit-mask-image: url("../images/brand/ico_brand_logo_lecoq.svg");
	mask-image: url("../images/brand/ico_brand_logo_lecoq.svg");
}

.ico-brand-logo-lecoq-golf {
	width: 96px;
	height: 32px;
	background: #04081f;
	-webkit-mask-image: url("../images/brand/ico_brand_logo_lecoq_golf.svg");
	mask-image: url("../images/brand/ico_brand_logo_lecoq_golf.svg");
}

.ico-brand-logo-munsingwear {
	width: 32px;
	height: 32px;
	background: #273a58;
	-webkit-mask-image: url("../images/brand/ico_brand_logo_munsingwear.svg");
	mask-image: url("../images/brand/ico_brand_logo_munsingwear.svg");
}

.ico-brand-logo-allterrain {
	width: 103px;
	height: 32px;
	background: #000;
	-webkit-mask-image: url("../images/brand/ico_brand_logo_allterrain.svg");
	mask-image: url("../images/brand/ico_brand_logo_allterrain.svg");
}

.ico-brand-logo-penguin-musingwear {
	width: 63px;
	height: 32px;
	background: #001232;
	-webkit-mask-image: url("../images/brand/ico_brand_logo_penguin_musingwear.svg");
	mask-image: url("../images/brand/ico_brand_logo_penguin_musingwear.svg");
}

.ico-brand-logo-movesport {
	width: 32px;
	height: 32px;
	background: #231815;
	-webkit-mask-image: url("../images/brand/ico_brand_logo_movesport.svg");
	mask-image: url("../images/brand/ico_brand_logo_movesport.svg");
}

/* docker icon */
[class^=ico-docker-] {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
}

.ico-docker-menu {
	background: url("../images/common/comm_ico_dock_menu.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-docker-brand {
	background: url("../images/common/comm_ico_dock_brand.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-docker-home {
	background: url("../images/common/comm_ico_dock_home.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-docker-my {
	background: url("../images/common/comm_ico_dock_my.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-docker-special {
	background: url("../images/common/comm_ico_dock_special.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-docker-benefits {
	background: url("../images/common/comm_ico_dock_benefits.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-docker-mvp {
	background: url("../images/common/comm_ico_dock_mvp.svg") 0 0 no-repeat;
	background-size: cover;
}

/* floating */
.ico-top {
	width: 42px;
	height: 42px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	background: #fff url("../images/common/comm_ico_floating_top.svg") 0 0 no-repeat;
	background-size: cover;
}

/* footer */
.ico-kg-inipay {
	width: 18px;
	height: 18px;
	background: url("../images/common/comm_ico_footer_kg_inipay.png") 0 0 no-repeat;
	background-size: cover;
}

.ico-logo-isms {
	width: 18px;
	height: 18px;
	background: url("../images/common/comm_ico_footer_isms_logo.svg") 0 0 no-repeat;
	background-size: cover;
}

/* common */
.ico-remove-h8 {
	width: 18px;
	height: 18px;
	background: url("../images/form/ico_attach_remove.svg") center no-repeat;
	background-size: 8px;
}

.ico-logo {
	width: 60px;
	height: 60px;
	background: url("../images/main/ico_logo.svg") 0 0 no-repeat;
	background-size: cover;
}

/* box-model */
.ico-arr-orange {
	width: 18px;
	height: 18px;
	background: url("../images/product/ico_arr_orange_h18.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-arr-orange.right {
	transform: rotate(180deg);
}

.ico-swipe-hand {
	width: 22px;
	height: 22px;
	background: url("../images/product/ico_user_interaction_hand.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-calendar-orange-h15 {
	width: 15px;
	height: 15px;
	background: url("../images/product/ico_calendar_orange_h15.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-member-only {
	width: 15px;
	height: 15px;
	background: url("../images/product/ico_member_only.svg") 0 0 no-repeat;
	background-size: cover;
	margin-right: var(--spacing-6xs);
}

/* grid-list */
.ico-coupon-white {
	width: 18px;
	height: 18px;
	background: url("../images/common/comm_ico_download_white_h18.svg") 0 0 no-repeat;
	background-size: cover;
}

/* no-data */
.ico-alert-gray {
	width: 42px;
	height: 42px;
	background: url("../images/common/comm_ico_nodata_gray.svg") 0 0 no-repeat;
	background-size: cover;
}

/* complete-wrap */
.ico-complete-celebrate {
	width: 80px;
	height: 80px;
	background: url("../images/member/ico_complete_celebrate.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-complete-mail {
	width: 70px;
	height: 70px;
	background: url("../images/member/ico_complete_mail.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-complete-phone {
	width: 70px;
	height: 70px;
	background: url("../images/member/ico_complete_phone.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-complete-password {
	width: 70px;
	height: 70px;
	background: url("../images/member/ico_complete_password.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-complete-point {
	width: 70px;
	height: 70px;
	background: url("../images/member/ico_complete_point.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-complete-sns-join {
	width: 70px;
	height: 70px;
	background: url("../images/member/ico_complete_sns_join.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-complete-exclamation-mark {
	width: 70px;
	height: 70px;
	background: url("../images/member/ico_complete_exclamation_mark.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-complete-question-mark {
	width: 70px;
	height: 70px;
	background: url("../images/member/ico_complete_question_mark.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-complete-order-fail {
	width: 70px;
	height: 70px;
	background: url("../images/order/ico_order_fail.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-complete-order-gift {
	width: 70px;
	height: 70px;
	background: url("../images/order/ico_order_gift_complete.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-complete-payment {
	width: 70px;
	height: 70px;
	background: url("../images/my/ico_complete_payment.svg") 0 0 no-repeat;
	background-size: cover;
}

/* product */
.ico-logo-naver-h12 {
	width: 63px;
	height: 12px;
	background: url("../images/product/ico_logo_ep_naver.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-download-h15 {
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_ico_download_black_h15.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-current-location {
	width: 15px;
	height: 15px;
	background: url("../images/product/ico_current_location_h15.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-btn-detail-popup {
	width: 20px;
	height: 20px;
	background: url("../images/product/ico_btn_detail_popup.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-brand-home {
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_ico_home_h13.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-share {
	width: 22px;
	height: 22px;
	background: url("../images/common/comm_ico_share.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-coupon-down {
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_ico_coupon_down_w.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-arr-right {
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_ico_arr_right_15.svg") 0 0 no-repeat;
	background-size: cover;
}

/* member */
.ico-account-h40 {
	width: 40px;
	height: 40px;
	background: url("../images/member/ico_account_h40.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-login-kakao {
	width: 46px;
	height: 46px;
	background: url("../images/member/ico_login_kakao.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-login-kakao-h40 {
	width: 40px;
	height: 40px;
	background: url("../images/member/ico_login_kakao.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-login-naver {
	width: 46px;
	height: 46px;
	background: url("../images/member/ico_login_naver.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-login-naver-h40 {
	width: 40px;
	height: 40px;
	background: url("../images/member/ico_login_naver.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-login-apple {
	width: 46px;
	height: 46px;
	background: url("../images/member/ico_login_apple.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-login-apple-h40 {
	width: 40px;
	height: 40px;
	background: url("../images/member/ico_login_apple.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-mb-benefit-discount {
	width: 48px;
	height: 48px;
	background: url("../images/member/ico_benefit_discount.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-mb-benefit-point {
	width: 48px;
	height: 48px;
	background: url("../images/member/ico_benefit_point.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-mb-benefit-free {
	width: 48px;
	height: 48px;
	background: url("../images/member/ico_benefit_free.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-map-pin {
	width: 18px;
	height: 18px;
	background: url("../images/common/comm_ico_map_pin.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-login-face {
	width: 46px;
	height: 46px;
	background: url("../images/member/ico_login_face.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-sns-kakao {
	width: 22px;
	height: 22px;
	background: url("../images/member/ico_sns_kakao.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-sns-naver {
	width: 22px;
	height: 22px;
	background: url("../images/member/ico_sns_naver.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-marketing-benefit-coupon {
	width: 150px;
	height: 150px;
	background: url("../images/member/ico_marketing_benefit_coupon.jpg") 0 0 no-repeat;
	background-size: cover;
}

.ico-favorite {
	width: 15px;
	height: 15px;
	background: #e5e5e5;
	-webkit-mask-image: url("../images/common/comm_ico_review_favorite.svg");
	mask-image: url("../images/common/comm_ico_review_favorite.svg");
}

.ico-alarm-store {
	width: 15px;
	height: 15px;
	background: #fe4400;
	-webkit-mask-image: url("../images/common/comm_ico_alarm_stored.svg");
	mask-image: url("../images/common/comm_ico_alarm_stored.svg");
}

.ico-add-member {
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_ico_add_member.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-review-star {
	width: 10px;
	height: 10px;
	background: #aaa;
	-webkit-mask-image: url("../images/common/comm_ico_star.svg");
	mask-image: url("../images/common/comm_ico_star.svg");
	mask-size: 10px;
}

/* order */
.ico-toss-pay {
	width: 83px;
	height: 16px;
	background: url("../images/order/ico_payment_toss_pay.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-naver-pay {
	width: 52px;
	height: 18px;
	background: url("../images/order/ico_payment_naver_pay.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-payco {
	width: 53px;
	height: 12px;
	background: url("../images/order/ico_payment_payco.svg") 0 0 no-repeat;
	background-size: cover;
}

/* my */
.ico-exclm-mark {
	width: 70px;
	height: 70px;
	background: rgba(0, 0, 0, 0.7);
	-webkit-mask-image: url("../images/member/ico_exclm_mark_h70.svg");
	mask-image: url("../images/member/ico_exclm_mark_h70.svg");
}

.ico-badge-alarm {
	width: 15px;
	height: 15px;
	background: #fe4400;
	-webkit-mask-image: url("../images/badge/ico_badge_alarm.svg");
	mask-image: url("../images/badge/ico_badge_alarm.svg");
}

.ico-badge-gift {
	width: 16px;
	height: 16px;
	background: #fe4400;
	-webkit-mask-image: url("../images/badge/ico_badge_gift.svg");
	mask-image: url("../images/badge/ico_badge_gift.svg");
}

.ico-card-edit {
	width: 18px;
	height: 18px;
	background: #000;
	-webkit-mask-image: url("../images/my/ico_my_card_edit.svg");
	mask-image: url("../images/my/ico_my_card_edit.svg");
}

/* etc */
.ico-view-more {
	width: 22px;
	height: 22px;
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_arr_right_bold_h22.svg");
	mask-image: url("../images/common/comm_ico_arr_right_bold_h22.svg");
}

.ico-circle-star {
	width: 22px;
	height: 22px;
	background: url("../images/my/ico_member_circle_star_h22.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-circle-point {
	width: 22px;
	height: 22px;
	background: url("../images/my/ico_member_circle_point_h22.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-circle-percente {
	width: 22px;
	height: 22px;
	background: url("../images/my/ico_member_circle_percentage_h22.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-circle-cellphone {
	width: 22px;
	height: 22px;
	background: url("../images/my/ico_member_circle_cellphone_h22.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-order-step-arr {
	width: 12px;
	height: 12px;
	background: url("../images/my/ico_order_step_arr.svg") center no-repeat;
}

/* brand, theme */
.ico-read-more-arr {
	width: 18px;
	height: 18px;
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_read_more_arr.svg");
	mask-image: url("../images/common/comm_ico_read_more_arr.svg");
}

.btn-lg .ico-read-more-arr {
	margin-left: var(--spacing-def);
}

.btn-md .ico-read-more-arr {
	margin-left: 18px;
}

.btn-xl .ico-read-more-arr {
	margin-left: var(--spacing-def);
}

.fill-black .ico-read-more-arr, .line-white .ico-read-more-arr {
	background: #fff;
}

/* main */
.ico-coupon-orange {
	width: 22px;
	height: 22px;
	background: url("../images/main/ico_coupon_orange.svg") 0 0 no-repeat;
	background-size: cover;
}

/* e: 아이콘 */
.ico-push-order {
	width: 16px;
	height: 16px;
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_push_order.svg");
	mask-image: url("../images/common/comm_ico_push_order.svg");
}

.ico-push-inquiry {
	width: 16px;
	height: 16px;
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_push_inquiry.svg");
	mask-image: url("../images/common/comm_ico_push_inquiry.svg");
}

.ico-push-restock {
	width: 16px;
	height: 16px;
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_push_restock.svg");
	mask-image: url("../images/common/comm_ico_push_restock.svg");
}

.ico-siren {
	width: 30px;
	height: 30px;
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_siren.svg");
	mask-image: url("../images/common/comm_ico_siren.svg");
}

.ico-idea {
	width: 30px;
	height: 30px;
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_idea.svg");
	mask-image: url("../images/common/comm_ico_idea.svg");
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
/* button _ 삭제 예정 */
.btn-round-sm {
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 15px;
	min-width: 50px;
	height: 30px;
	padding: 0 var(--spacing-2xs);
}

.btn-round-sm .text {
	font-size: 12px;
	line-height: 16px;
	font-weight: 300;
	letter-spacing: -0.001em;
}

/* button */
a,
button {
	/* 버튼 공통 */
}

a[disabled], a[aria-disabled=true], a.disabled,
button[disabled],
button[aria-disabled=true],
button.disabled {
	pointer-events: none !important;
	cursor: default !important;
	text-decoration: none !important;
}

a[disabled] *, a[aria-disabled=true] *, a.disabled *,
button[disabled] *,
button[aria-disabled=true] *,
button.disabled * {
	text-decoration: none !important;
}

a[disabled] [class^=ico], a[aria-disabled=true] [class^=ico], a.disabled [class^=ico],
button[disabled] [class^=ico],
button[aria-disabled=true] [class^=ico],
button.disabled [class^=ico] {
	opacity: 0.5;
}

a[class^=btn],
button[class^=btn] {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	text-align: center;
}

a[class^=btn] .text,
button[class^=btn] .text {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

a[class^=btn] .text .spot,
button[class^=btn] .text .spot {
	color: #fe4400;
}

a[class^=btn].w-square,
button[class^=btn].w-square {
	min-width: initial;
	width: auto;
}

a[class^=btn].w-auto,
button[class^=btn].w-auto {
	min-width: initial;
	width: auto;
}

a[class^=btn]:active .text .spot,
button[class^=btn]:active .text .spot {
	color: rgba(254, 68, 0, 0.5);
}

a[class^=btn].btn-sel-coupon,
button[class^=btn].btn-sel-coupon {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: url(../images/form/ico_select_arr_h15.svg) right 16px center no-repeat;
	padding: 15px 35px var(--spacing-xs) 14px;
}

a[class^=btn].btn-sel-coupon .text,
button[class^=btn].btn-sel-coupon .text {
	text-align: left;
	font-weight: 400;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

a[class^=link-],
button[class^=link-] {
	-webkit-touch-callout: none;
}

a:active .text .fc-spot,
button:active .text .fc-spot {
	color: rgba(254, 68, 0, 0.5) !important;
}

a.btn-sm, a.btn-md, a.btn-lg, a.btn-xl, a.btn-2xl,
button.btn-sm,
button.btn-md,
button.btn-lg,
button.btn-xl,
button.btn-2xl {
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.btn-2xl {
	height: 70px;
	padding: 0 calc(var(--spacing-md) - 1px);
}

.btn-2xl .text {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 21px;
}

.btn-2xl.w-square {
	min-width: initial;
	width: 70px;
	padding: 0;
}

.btn-xl {
	height: 56px;
	padding: 0 calc(var(--spacing-md) - 1px);
}

.btn-xl .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.btn-xl.w-square {
	min-width: initial;
	width: 56px;
	padding: 0;
}

.btn-lg {
	height: 50px;
	padding: 0 calc(var(--spacing-md) - 1px);
}

.btn-lg .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
}

.btn-lg.w-square {
	min-width: initial;
	width: 50px;
	padding: 0;
}

.btn-md {
	min-width: 80px;
	height: 42px;
	padding: 0 var(--spacing-def);
}

.btn-md .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.btn-md [class^=ico] ~ .text {
	margin-left: var(--spacing-5xs);
}

.btn-md.w-square {
	min-width: initial;
	width: 42px;
	padding: 0;
}

.btn-sm {
	height: 34px;
	padding: 0 18px;
}

.btn-sm .text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
}

.btn-sm [class^=ico] ~ .text {
	margin-left: var(--spacing-6xs);
}

.btn-sm.w-square {
	min-width: initial;
	width: 34px;
	padding: 0;
}

.btn-round-sm {
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 15px;
	min-width: 50px;
	height: 30px;
	padding: 0 var(--spacing-2xs);
}

.btn-round-sm .text {
	font-size: 12px;
	line-height: 16px;
	font-weight: 300;
	letter-spacing: -0.001em;
}

.line-light-gray {
	background-color: #fff;
	border: 1px solid #ddd;
}

.line-light-gray .text {
	color: #666;
}

.line-light-gray[disabled] .text, .line-light-gray[aria-disabled=true] .text, .line-light-gray.disabled .text {
	color: #ddd;
}

.line-light-gray:active {
	background-color: #f5f5f5;
	border-color: #ccc;
	color: #151515;
}

.line-orange {
	background-color: #fff;
	border: 1px solid rgba(254, 68, 0, 0.3);
}

.line-orange .text {
	color: #fe4400;
}

.line-orange[disabled], .line-orange[aria-disabled=true], .line-orange.disabled {
	opacity: 0.5;
}

.line-orange:active {
	background-color: #fff4f0;
}

.line-black,
.line-gray {
	background-color: #fff;
}

.line-black .text,
.line-gray .text {
	color: #000;
}

.line-black[disabled], .line-black[aria-disabled=true], .line-black.disabled,
.line-gray[disabled],
.line-gray[aria-disabled=true],
.line-gray.disabled {
	border-color: #ddd;
}

.line-black[disabled] .text, .line-black[aria-disabled=true] .text, .line-black.disabled .text,
.line-gray[disabled] .text,
.line-gray[aria-disabled=true] .text,
.line-gray.disabled .text {
	color: #ddd;
}

.line-black:active,
.line-gray:active {
	background-color: #f5f5f5;
	border-color: #000;
}

.line-black {
	border: 1px solid #000;
}

.line-gray {
	border: 1px solid #e5e5e5;
}

.line-white {
	background-color: transparent;
	border: 1px solid #fff;
}

.line-white .text {
	color: #fff;
}

.line-white[disabled], .line-white[aria-disabled=true], .line-white.disabled {
	background: rgba(255, 255, 255, 0.3);
}

.line-white:active {
	border-color: #999;
}

.line-white:active .text {
	color: #999;
}

.line-white:active .ico-read-more-arr {
	background: #999;
}

.fill-black {
	background-color: #000;
	border: 1px solid #000;
}

.fill-black .text {
	color: #fff;
}

.fill-black .text.fc-spot {
	color: #ff5f26 !important;
}

.fill-black[disabled], .fill-black[aria-disabled=true], .fill-black.disabled {
	background-color: #aaa;
	border-color: #aaa;
}

.fill-black[disabled] .text, .fill-black[aria-disabled=true] .text, .fill-black.disabled .text {
	color: #fff !important;
}

.fill-black:active .text {
	color: rgba(255, 255, 255, 0.5);
}

.fill-black:active .text.fc-spot {
	color: rgba(255, 95, 38, 0.5) !important;
}

.fill-black:active .ico-read-more-arr {
	background: rgba(255, 255, 255, 0.5);
}

.fill-white {
	background-color: #fff;
	border: 1px solid #fff;
}

.fill-white .text {
	color: #000;
}

.fill-white[disabled] .text, .fill-white[aria-disabled=true] .text, .fill-white.disabled .text {
	color: #666 !important;
}

.fill-white[disabled] .ico-read-more-arr, .fill-white[aria-disabled=true] .ico-read-more-arr, .fill-white.disabled .ico-read-more-arr {
	background: #666;
}

.fill-white:active .text {
	color: #999;
}

.fill-white:active .ico-read-more-arr {
	background: #999;
}

.fill-orange {
	background-color: #fe4400;
	border-color: #fe4400;
}

.fill-orange .text {
	color: #fff;
}

.fill-orange[disabled], .fill-orange[aria-disabled=true], .fill-orange.disabled {
	background-color: rgba(254, 68, 0, 0.3);
	border-color: transparent;
}

.fill-orange:active .text {
	color: rgba(255, 255, 255, 0.6);
}

.btn-share {
	width: 22px;
	height: 22px;
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_share_b.svg");
	mask-image: url("../images/common/comm_ico_share_b.svg");
}

.link-text {
	color: #000;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.link-text.underline {
	text-decoration: underline;
}

.link-text.gray {
	color: #999;
}

.link-text.spot {
	color: #fe4400;
}

.link-text.size-lg {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.link-text.size-xl {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

.link-text .ico-ai {
	margin-right: var(--spacing-6xs);
}

.btn-arr-right .text {
	position: relative;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	padding-right: calc(var(--spacing-6xs) + 15px);
	color: #000;
}

.btn-arr-right .text:after {
	position: absolute;
	top: 2px;
	right: 0;
	content: "";
	display: inline-block;
	vertical-align: top;
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_ico_btn_arr_right.svg") 0 0 no-repeat;
	background-size: cover;
}

.btn-arr-right .text.fc-gray6:after {
	width: 15px;
	height: 15px;
	background-image: url("../images/common/comm_ico_btn_arr_right_gray_h15.svg");
}

.btn-arr-right .text.fc-spot:after {
	top: 1px;
	background-image: url("../images/common/comm_ico_btn_arr_right_orange.svg");
}

.btn-arr-right.font-size-md .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	padding-right: var(--spacing-md);
}

.btn-arr-right.font-size-md .text.fc-gray6:after {
	top: 1px;
	width: 18px;
	height: 18px;
	background-image: url("../images/common/comm_ico_btn_arr_right_gray_h18.svg");
}

a.btn-arrow,
button.btn-arrow {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: var(--spacing-def) 0;
	background: #fff;
	text-align: left;
}

a.btn-arrow .text,
button.btn-arrow .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
	text-align: left;
}

a.btn-gray-arrow,
button.btn-gray-arrow {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: var(--spacing-lg);
	background: #f5f5f5;
	text-align: left;
}

a.btn-gray-arrow.sm,
button.btn-gray-arrow.sm {
	padding: var(--spacing-def);
}

a.btn-gray-arrow .text,
button.btn-gray-arrow .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
	text-align: left;
}

a.btn-gray-arrow .coupon-text > span,
button.btn-gray-arrow .coupon-text > span {
	display: block;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

a.btn-gray-arrow .coupon-text > span + span,
button.btn-gray-arrow .coupon-text > span + span {
	margin-top: var(--spacing-3xs);
}

a.btn-check-login-arr,
button.btn-check-login-arr {
	display: flex;
	width: 100%;
	justify-content: space-between;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.btn-review-favorite .ico-favorite {
	margin-right: var(--spacing-5xs);
}

.btn-review-favorite .text {
	color: #999;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.btn-review-favorite .text span {
	color: #000;
	font-weight: 600;
}

.btn-review-favorite.active .ico-favorite {
	background: #fe4400;
}

.ico-location {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../images/common/comm_ico_location_h18.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-alarm {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_ico_alarm_h15.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-refresh {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url("../images/common/comm_ico_refresh.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-refresh-w {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url("../images/common/comm_ico_refresh_w.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-present {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url("../images/common/comm_ico_present_w.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-filter-w {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_ico_filter_white_h15.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-ai {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url("../images/common/comm_ico_ai.svg") 0 0 no-repeat;
	background-size: cover;
	vertical-align: sub;
}

/* 아이콘 버튼  */
.btn-info {
	display: inline-block;
	width: 18px;
	height: 18px;
}

.btn-info [class^=ico-] {
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: top;
	border-radius: 9px;
	-moz-transition: background 0.2s ease-out;
	-webkit-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
	background: #f0f0f0 url("../images/common/comm_ico_btn_info.svg") center no-repeat;
	background-size: cover;
}

.btn-wrap {
	display: flex;
	gap: var(--spacing-4xs) var(--spacing-5xs);
}

.btn-wrap [class^=btn-] {
	width: 100%;
}

.btn-wrap.row {
	flex-direction: column;
}

.btn-wrap.gap-lg {
	gap: var(--spacing-3xs);
}

.btn-wrap.no-gap {
	gap: 0;
}

.btn-wrap.center {
	justify-content: center;
}

.btn-wrap.center [class^=btn],
.btn-wrap.center .link-text {
	flex: none;
	width: auto;
}

.btn-wrap.left [class^=btn],
.btn-wrap.left .link-text {
	flex: none;
	width: auto;
}

.btn-wrap.full {
	display: block;
}

.btn-wrap.full [class^=btn] {
	width: 100%;
	min-width: initial;
}

.btn-wrap.prod-btn-type {
	display: flex;
	background: #000;
	gap: 0;
}

.btn-wrap.prod-btn-type .prod-btn-box {
	flex: 1;
	display: flex;
}

.btn-wrap.prod-btn-type .prod-btn-box .fill-black {
	flex: 1;
}

.btn-wrap.prod-btn-type .pay-info {
	flex: 1;
	color: #fff;
	padding: 0 var(--spacing-def);
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 21px;
	align-self: center;
}

.btn-wrap.prod-btn-type .pay-info .amount {
	display: inline-block;
	color: #ff5f26;
	font-weight: 600;
	margin-left: var(--spacing-5xs);
}

.btn-wrap.prod-btn-type .pay-info + .prod-btn-box {
	flex: 0 1 120px;
}

.btn-wrap.prod-btn-type .fill-black:not([style*="display: none"]) + .prod-btn-box,
.btn-wrap.prod-btn-type .fill-black:not([style*="display: none"]) + .fill-black,
.btn-wrap.prod-btn-type .pay-info:not([style*="display: none"]) + .prod-btn-box,
.btn-wrap.prod-btn-type .pay-info:not([style*="display: none"]) + .fill-black {
	position: relative;
}

.btn-wrap.prod-btn-type .fill-black:not([style*="display: none"]) + .prod-btn-box:before,
.btn-wrap.prod-btn-type .fill-black:not([style*="display: none"]) + .fill-black:before,
.btn-wrap.prod-btn-type .pay-info:not([style*="display: none"]) + .prod-btn-box:before,
.btn-wrap.prod-btn-type .pay-info:not([style*="display: none"]) + .fill-black:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 16px;
	background: rgba(255, 255, 255, 0.3);
	left: 0;
	top: 27px;
}

.btn-wrap.prod-btn-type .fill-black [class^=btn],
.btn-wrap.prod-btn-type .pay-info [class^=btn] {
	width: auto;
}

.btn-wrap.prod-btn-type .fill-black[disabled], .btn-wrap.prod-btn-type .fill-black[aria-disabled=true], .btn-wrap.prod-btn-type .fill-black.disabled,
.btn-wrap.prod-btn-type .pay-info[disabled],
.btn-wrap.prod-btn-type .pay-info[aria-disabled=true],
.btn-wrap.prod-btn-type .pay-info.disabled {
	background-color: #000;
	border: 1px solid #000;
}

.btn-wrap.prod-btn-type .fill-black[disabled] .text, .btn-wrap.prod-btn-type .fill-black[aria-disabled=true] .text, .btn-wrap.prod-btn-type .fill-black.disabled .text,
.btn-wrap.prod-btn-type .pay-info[disabled] .text,
.btn-wrap.prod-btn-type .pay-info[aria-disabled=true] .text,
.btn-wrap.prod-btn-type .pay-info.disabled .text {
	opacity: 0.6;
}

.btn-wrap.tline-black {
	border-top: 1px solid #000;
}

.btn-wrap.tline-black .btn-round-arr-right {
	width: 100%;
	padding-top: var(--spacing-xs);
}

.btn-wrap.tline-white {
	border-top: 1px solid #fff;
}

.btn-wrap.tline-white .btn-round-arr-right {
	width: 100%;
	padding-top: var(--spacing-xs);
}

.btn-link {
	z-index: 1;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
}

.ico-arw-down-w {
	display: inline-block;
	margin-left: var(--spacing-5xs);
	width: 18px;
	height: 18px;
	background: url("../images/common/comm_ico_arw_down_w.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-arw-up-w {
	display: inline-block;
	margin-left: var(--spacing-5xs);
	width: 18px;
	height: 18px;
	background: url("../images/common/comm_ico_arw_down_w.svg") 0 0 no-repeat;
	background-size: cover;
	transform: rotate(180deg);
}

.btn-tooltip {
	display: inline-block;
	position: relative;
	width: 18px;
	height: 18px;
}

.btn-tooltip .ico-tooltip {
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: top;
	background: #fff url("../images/common/comm_ico_tooltip.svg") center no-repeat;
	background-size: cover;
	border: 1px solid #e5e5e5;
	border-radius: 10px;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.btn-tooltip.type-white .ico-tooltip {
	background: transparent url("../images/common/comm_ico_tooltip_type_white.svg") center no-repeat;
	background-size: cover;
	border-color: rgba(255, 255, 255, 0.3);
}

.btn-link-share .ico-share-kakao,
.btn-link-share .ico-share-url {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: var(--spacing-2xs);
	vertical-align: middle;
}

.btn-link-share .ico-share-kakao {
	background: url("../images/common/comm_ico_share_kakao.svg") 0 0 no-repeat;
	background-size: cover;
}

.btn-link-share .ico-share-url {
	background: url("../images/common/comm_ico_share_url.svg") 0 0 no-repeat;
	background-size: cover;
}

.btn-link-share .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
	vertical-align: middle !important;
}

.btn-round-arr-right .text {
	position: relative;
	display: inline-block;
	padding-right: calc(var(--spacing-6xs) + var(--spacing-md));
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
	vertical-align: top;
	padding-top: 1px;
}

.btn-round-arr-right .text:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	width: 22px;
	height: 22px;
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_btn_arr_h22.svg");
	mask-image: url("../images/common/comm_ico_btn_arr_h22.svg");
}

.btn-round-arr-right .text.ft-eng {
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 22px;
}

.btn-round-arr-right .text.fc-white:after {
	background: #fff;
}

.link-text-list li + li {
	margin-top: var(--spacing-xs);
}

.btn-sorting-filter {
	padding-right: 20px;
	background: url("../images/common/comm_ico_sorting_toggle.svg") right center no-repeat;
	background-size: 16px 16px;
}

.btn-sorting-filter .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.btn-upload-file {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	text-align: center;
	height: 50px;
	background-color: #000;
	border: 1px solid #000;
	padding: 0 calc(var(--spacing-md) - 1px);
}

.btn-upload-file input[type=file] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.btn-upload-file label {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.btn-upload-file .text {
	display: inline-block;
	color: #fff;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 48px;
}

.btn-upload-file .text .fc-spot {
	color: #ff5f26;
}

.btn-upload-file:active .text .fc-spot {
	color: rgba(255, 95, 38, 0.5) !important;
}

.btn-upload-file.type-white {
	background-color: #fff;
}

.btn-upload-file.type-white .text {
	color: #000;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
/* form - input */
/* ui-input */
.ui-input,
.ui-date {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	width: 100%;
	border: 0;
	color: #000;
	outline: none;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-input::-ms-clear, .ui-input::-ms-reveal,
.ui-date::-ms-clear,
.ui-date::-ms-reveal {
	display: none;
}

.ui-input::-webkit-search-decoration, .ui-input::-webkit-search-cancel-button, .ui-input::-webkit-search-results-button, .ui-input::-webkit-search-results-decoration,
.ui-date::-webkit-search-decoration,
.ui-date::-webkit-search-cancel-button,
.ui-date::-webkit-search-results-button,
.ui-date::-webkit-search-results-decoration {
	display: none;
}

.ui-input[type=number]::-webkit-outer-spin-button, .ui-input[type=number]::-webkit-inner-spin-button,
.ui-date[type=number]::-webkit-outer-spin-button,
.ui-date[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: textfield;
	margin: 0;
}

.ui-input[type=date]::-webkit-calendar-picker-indicator, .ui-input[type=month]::-webkit-calendar-picker-indicator, .ui-input[type=time]::-webkit-calendar-picker-indicator, .ui-input[type=week]::-webkit-calendar-picker-indicator,
.ui-date[type=date]::-webkit-calendar-picker-indicator,
.ui-date[type=month]::-webkit-calendar-picker-indicator,
.ui-date[type=time]::-webkit-calendar-picker-indicator,
.ui-date[type=week]::-webkit-calendar-picker-indicator {
	background: none;
}

.ui-input[type=search],
.ui-date[type=search] {
	background: #fff;
}

.ui-input[type=search]::-webkit-search-cancel-button, .ui-input[type=search]::-webkit-search-results-button, .ui-input[type=search]::-webkit-search-results-decoration,
.ui-date[type=search]::-webkit-search-cancel-button,
.ui-date[type=search]::-webkit-search-results-button,
.ui-date[type=search]::-webkit-search-results-decoration {
	display: none;
	width: 0;
	height: 0;
}

.ui-input::placeholder,
.ui-date::placeholder {
	color: #aaa;
}

.ui-input:focus,
.ui-date:focus {
	border-color: #000;
	-moz-transition: border 0.2s ease-out;
	-webkit-transition: border 0.2s ease-out;
	transition: border 0.2s ease-out;
}

.date-box, .input-search-box, .input-line-box, .input-box-sm,
.value-input-box-sm, .input-box,
.value-input-box {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.date-box .btn-input-del, .input-search-box .btn-input-del, .input-line-box .btn-input-del, .input-box-sm .btn-input-del,
.value-input-box-sm .btn-input-del, .input-box .btn-input-del,
.value-input-box .btn-input-del {
	flex-shrink: 0;
	display: none;
	width: 18px;
	height: 18px;
	background: url("../images/form/ico_ip_clear.svg") 0 0 no-repeat;
	background-size: cover;
}

.date-box .btn-toggle-pw, .input-search-box .btn-toggle-pw, .input-line-box .btn-toggle-pw, .input-box-sm .btn-toggle-pw,
.value-input-box-sm .btn-toggle-pw, .input-box .btn-toggle-pw,
.value-input-box .btn-toggle-pw {
	flex-shrink: 0;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-left: var(--spacing-3xs);
	background: url("../images/form/ico_pw_show.svg") 0 0 no-repeat;
	background-size: cover;
	-moz-transition: background 0.2s ease-out;
	-webkit-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
	vertical-align: top;
}

.date-box .btn-toggle-pw.is-active, .input-search-box .btn-toggle-pw.is-active, .input-line-box .btn-toggle-pw.is-active, .input-box-sm .btn-toggle-pw.is-active,
.value-input-box-sm .btn-toggle-pw.is-active, .input-box .btn-toggle-pw.is-active,
.value-input-box .btn-toggle-pw.is-active {
	background: url("../images/form/ico_pw_hide.svg") 0 0 no-repeat;
	background-size: cover;
}

.date-box .timer-count, .input-search-box .timer-count, .input-line-box .timer-count, .input-box-sm .timer-count,
.value-input-box-sm .timer-count, .input-box .timer-count,
.value-input-box .timer-count {
	flex-shrink: 0;
	display: inline-block;
	margin-left: var(--spacing-3xs);
	color: #fe4400;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.001em;
	font-weight: 300;
	vertical-align: top;
}

.date-box .btn-round-sm, .input-search-box .btn-round-sm, .input-line-box .btn-round-sm, .input-box-sm .btn-round-sm,
.value-input-box-sm .btn-round-sm, .input-box .btn-round-sm,
.value-input-box .btn-round-sm {
	flex-shrink: 0;
	margin-top: var(--spacing-3xs);
	margin-left: var(--spacing-3xs);
}

.date-box .btn-input-search, .input-search-box .btn-input-search, .input-line-box .btn-input-search, .input-box-sm .btn-input-search,
.value-input-box-sm .btn-input-search, .input-box .btn-input-search,
.value-input-box .btn-input-search {
	flex-shrink: 0;
	margin-left: var(--spacing-3xs);
}

.date-box .unit, .input-search-box .unit, .input-line-box .unit, .input-box-sm .unit,
.value-input-box-sm .unit, .input-box .unit,
.value-input-box .unit {
	display: inline-block;
	flex-shrink: 0;
	color: #000;
	vertical-align: top;
}

.has-value.date-box .btn-input-del, .has-value.input-search-box .btn-input-del, .has-value.input-line-box .btn-input-del, .has-value.input-box-sm .btn-input-del,
.has-value.value-input-box-sm .btn-input-del, .has-value.input-box .btn-input-del,
.has-value.value-input-box .btn-input-del {
	display: block;
}

/* input default type */
.input-box,
.value-input-box {
	padding: 0 calc(var(--spacing-xs) - 1px);
	border: 1px solid #e5e5e5;
	background-color: #fff;
}

.input-box .ui-input,
.value-input-box .ui-input {
	height: 48px;
	padding: 0;
	background: transparent;
}

.input-box .ui-input[readonly],
.value-input-box .ui-input[readonly] {
	pointer-events: none;
}

.input-box .btn-toggle-pw,
.value-input-box .btn-toggle-pw {
	margin-top: calc(var(--spacing-xs) - 3px);
}

.input-box .btn-input-del,
.value-input-box .btn-input-del {
	margin-top: calc(var(--spacing-xs) - 1px);
}

.input-box .unit,
.value-input-box .unit {
	margin-top: calc(var(--spacing-xs) - 2px);
}

.input-box.is-focus,
.value-input-box.is-focus {
	border-color: #000;
	-moz-transition: border 0.2s ease-out;
	-webkit-transition: border 0.2s ease-out;
	transition: border 0.2s ease-out;
}

.input-box.is-disabled,
.value-input-box.is-disabled {
	border-color: #e5e5e5;
	background-color: #f5f5f5;
}

.input-box.is-disabled .ui-input::placeholder,
.value-input-box.is-disabled .ui-input::placeholder {
	color: rgba(170, 170, 170, 0.5);
}

.input-box.is-disabled .btn-input-del,
.value-input-box.is-disabled .btn-input-del {
	display: none;
}

.input-box.is-disabled .unit,
.value-input-box.is-disabled .unit {
	opacity: 0.5;
}

.input-box-sm,
.value-input-box-sm {
	padding: 0 calc(var(--spacing-xs) - 1px);
	border: 1px solid #e5e5e5;
	background-color: #fff;
}

.input-box-sm .ui-input,
.value-input-box-sm .ui-input {
	height: 40px;
	padding: 0;
	background: transparent;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.input-box-sm .ui-input[readonly],
.value-input-box-sm .ui-input[readonly] {
	pointer-events: none;
}

.input-box-sm .btn-input-del,
.value-input-box-sm .btn-input-del {
	margin-top: 11px;
}

.input-box-sm.is-focus,
.value-input-box-sm.is-focus {
	border-color: #000;
	-moz-transition: border 0.2s ease-out;
	-webkit-transition: border 0.2s ease-out;
	transition: border 0.2s ease-out;
}

.input-box-sm.is-disabled,
.value-input-box-sm.is-disabled {
	border-color: #e5e5e5;
	background-color: #f5f5f5;
}

.input-box-sm.is-disabled .btn-input-del,
.value-input-box-sm.is-disabled .btn-input-del {
	display: none;
}

.input-box-sm.is-disabled .unit,
.value-input-box-sm.is-disabled .unit {
	opacity: 0.5;
}

.input-box .timer-count {
	margin-top: var(--spacing-2xs);
}

.value-input-box .ui-input {
	padding-right: var(--spacing-5xs);
	text-align: right;
}

.value-input-box.has-value .ui-input {
	font-weight: 500;
}

/* input line type */
.input-line-box {
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}

.input-line-box .ui-input {
	height: 49px;
	padding: 0;
}

.input-line-box .btn-input-del {
	margin-top: calc(var(--spacing-xs) - 1px);
}

.input-line-box .btn-toggle-pw {
	margin-top: calc(var(--spacing-xs) - 3px);
}

.input-line-box .timer-count {
	margin-top: calc(var(--spacing-xs) - 2px);
}

.input-line-box.is-focus {
	border-color: #000;
	-moz-transition: border 0.2s ease-out;
	-webkit-transition: border 0.2s ease-out;
	transition: border 0.2s ease-out;
}

.input-line-box.is-disabled .ui-input {
	background-color: #fff;
}

.input-line-box.is-disabled .ui-input::placeholder {
	color: rgba(153, 153, 153, 0.5);
}

.input-line-box.is-disabled .btn-input-del {
	display: none;
}

.input-search-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	border-bottom: 1px solid #000;
	border-radius: 0;
}

.input-search-box .ui-input {
	height: 49px;
	padding: 0 var(--spacing-xs) 0 0;
}

.input-search-box .btn-input-search {
	width: 22px;
	height: 22px;
	background: url("../images/form/ico_search_black_h22.svg") 0 0 no-repeat;
	background-size: cover;
}

.input-search-box .btn-input-brand {
	margin-right: var(--spacing-4xs);
	padding: var(--spacing-4xs) var(--spacing-2xs);
	background-color: #000;
	border-radius: var(--spacing-lg);
	color: #fff;
	flex-shrink: 0;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.input-search-box .btn-input-brand::after {
	content: "";
	display: inline-block;
	margin-left: var(--spacing-6xs);
	width: 10px;
	height: 10px;
	background-color: #fff;
	mask: url(../images/common/comm_btn_close_10.svg) center no-repeat;
}

.date-box {
	position: relative;
	padding-right: calc(var(--spacing-xs) - 2px);
	border: 1px solid #e5e5e5;
}

.date-box .ui-date {
	height: 40px;
	padding: 0 0 0 calc(var(--spacing-xs) - 2px);
	cursor: pointer;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.date-box .ui-date:active, .date-box .ui-date:focus {
	border-color: #000;
}

.date-box .ui-date[disabled], .date-box .ui-date[aria-disabled], .date-box .ui-date[readonly] {
	pointer-events: none;
	cursor: default;
}

.date-box .ui-datepicker-trigger {
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	width: 37px;
	height: 40px;
	background: #fff url("../images/form/ico_datepicker_trigger.svg") 6px center no-repeat;
	background-size: 15px;
	color: transparent;
}

.date-box .ui-datepicker-trigger:before {
	content: "날짜 선택";
	position: absolute;
	display: block;
	overflow: hidden;
	width: 1px;
	height: 1px;
	clip: rect(1px, 1px, 1px, 1px);
}

.date-range-box {
	flex: 1;
	display: flex;
	align-items: center;
	gap: var(--spacing-xs);
	border: 1px solid #e5e5e5;
	padding: 0 calc(var(--spacing-xs) - 2px);
	background: #fff;
}

.date-range-box .date-box {
	flex: 1;
	width: auto;
	border: none;
}

.date-range-box .date-box .ui-date {
	padding: 0;
}

.date-range-box .date-box .ui-datepicker-trigger {
	width: 21px;
}

.input-group + .input-group,
.input-group + .ui-select,
.input-group + .textarea-box,
.input-group + .input-flex-box,
.valid-check + .input-group,
.valid-check + .ui-select,
.valid-check + .textarea-box,
.valid-check + .input-flex-box,
.ui-select + .input-group,
.ui-select + .ui-select,
.ui-select + .textarea-box,
.ui-select + .input-flex-box {
	margin-top: var(--spacing-5xs);
}

.input-flex-box .input-group + .input-group,
.input-flex-box .input-group + .ui-select,
.input-flex-box .input-group + .textarea-box, .input-flex-box .valid-check + .input-group,
.input-flex-box .valid-check + .ui-select,
.input-flex-box .valid-check + .textarea-box, .input-flex-box .ui-select + .input-group,
.input-flex-box .ui-select + .ui-select,
.input-flex-box .ui-select + .textarea-box {
	margin-top: 0;
}

/* input-flex-box */
.input-flex-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}

.input-flex-box .input-group,
.input-flex-box .ui-select {
	flex: 1;
}

.input-flex-box .input-group ~ .ui-select,
.input-flex-box .ui-select ~ .ui-select {
	margin-left: var(--spacing-3xs);
}

.input-flex-box .input-group ~ .input-group,
.input-flex-box .ui-select ~ .input-group {
	margin-top: 0;
	margin-left: 5px;
}

.input-flex-box .input-group ~ .ui-box-chk,
.input-flex-box .ui-select ~ .ui-box-chk {
	margin-left: var(--spacing-5xs);
}

.input-flex-box .gap {
	align-self: center;
	display: inline-block;
	margin-left: var(--spacing-3xs);
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.001em;
	font-weight: 300;
	color: #000;
	text-align: center;
	vertical-align: top;
}

.input-flex-box .btn-lg,
.input-flex-box .btn-md,
.input-flex-box .btn-upload-file {
	position: relative;
	flex: initial;
	width: auto;
	margin-left: 5px;
}

.input-flex-box ~ .input-group {
	margin-top: var(--spacing-5xs);
}

.input-flex-box.input-rnn-box .gap {
	margin-left: var(--spacing-5xs);
}

/* 하단 텍스트 */
.input-guide {
	display: block;
	width: 100%;
	margin-top: var(--spacing-5xs);
	color: #999;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.input-guide span ~ span {
	margin-left: var(--spacing-5xs);
}

/* 유효성 검사 */
.valid-check .valid-desc {
	display: none;
	margin-top: var(--spacing-5xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.valid-check.fail .input-box,
.valid-check.fail .input-box-sm,
.valid-check.fail .input-line-box,
.valid-check.fail .ui-select .ui-selectmenu-button,
.valid-check.fail .textarea-box {
	border-color: #fe4400;
}

.valid-check.fail .valid-desc {
	display: block;
	color: #fe4400;
}

.valid-check.fail .multi-input-valid:not(.fail) .input-box,
.valid-check.fail .multi-input-valid:not(.fail) .input-box-sm,
.valid-check.fail .multi-input-valid:not(.fail) .input-line-box,
.valid-check.fail .multi-input-valid:not(.fail) .ui-select .ui-selectmenu-button,
.valid-check.fail .multi-input-valid:not(.fail) .textarea-box {
	border-color: #999;
}

.valid-check.success .input-box,
.valid-check.success .input-box-sm,
.valid-check.success .input-line-box,
.valid-check.success .ui-select .ui-selectmenu-button,
.valid-check.success .textarea-box {
	border-color: #000;
}

.valid-check.success .valid-desc {
	display: block;
	color: #000;
}

/* form - radio, checkbox */
.ui-color-chip, .prod-color-rdo, .ui-chip-rdo, .ui-star-chk, .ui-box-chk,
.ui-box-rdo, .ui-chk,
.ui-rdo,
.ui-filter-chk,
.ui-chk-right,
.ui-sub-filter-chk {
	position: relative;
	display: inline-block;
	font-size: 0;
	vertical-align: top;
}

.ui-color-chip input, .prod-color-rdo input, .ui-chip-rdo input, .ui-star-chk input, .ui-box-chk input,
.ui-box-rdo input, .ui-chk input,
.ui-rdo input,
.ui-filter-chk input,
.ui-chk-right input,
.ui-sub-filter-chk input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.ui-color-chip input + label, .prod-color-rdo input + label, .ui-chip-rdo input + label, .ui-star-chk input + label, .ui-box-chk input + label,
.ui-box-rdo input + label, .ui-chk input + label,
.ui-rdo input + label,
.ui-filter-chk input + label,
.ui-chk-right input + label,
.ui-sub-filter-chk input + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	vertical-align: top;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ui-chk,
.ui-rdo,
.ui-filter-chk,
.ui-chk-right,
.ui-sub-filter-chk {
	min-height: 22px;
}

.ui-chk input + label,
.ui-rdo input + label,
.ui-filter-chk input + label,
.ui-chk-right input + label,
.ui-sub-filter-chk input + label {
	padding-left: 22px;
	min-height: 22px;
}

.ui-chk input + label:before, .ui-chk input + label:after,
.ui-rdo input + label:before,
.ui-rdo input + label:after,
.ui-filter-chk input + label:before,
.ui-filter-chk input + label:after,
.ui-chk-right input + label:before,
.ui-chk-right input + label:after,
.ui-sub-filter-chk input + label:before,
.ui-sub-filter-chk input + label:after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-size: border-box;
}

.ui-chk input + label > .text,
.ui-rdo input + label > .text,
.ui-filter-chk input + label > .text,
.ui-chk-right input + label > .text,
.ui-sub-filter-chk input + label > .text {
	display: inline-block;
	margin-left: var(--spacing-5xs);
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	line-height: 22px;
	color: #000;
	vertical-align: top;
}

.ui-chk input + label > .text.text-sm,
.ui-rdo input + label > .text.text-sm,
.ui-filter-chk input + label > .text.text-sm,
.ui-chk-right input + label > .text.text-sm,
.ui-sub-filter-chk input + label > .text.text-sm {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 22px;
}

.ui-chk input + label .ui-text-wrap,
.ui-rdo input + label .ui-text-wrap,
.ui-filter-chk input + label .ui-text-wrap,
.ui-chk-right input + label .ui-text-wrap,
.ui-sub-filter-chk input + label .ui-text-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: var(--spacing-4xs);
}

.ui-chk input + label .ui-text-wrap .text,
.ui-rdo input + label .ui-text-wrap .text,
.ui-filter-chk input + label .ui-text-wrap .text,
.ui-chk-right input + label .ui-text-wrap .text,
.ui-sub-filter-chk input + label .ui-text-wrap .text {
	flex-shrink: 0;
	display: inline-block;
	margin-right: var(--spacing-4xs);
	font-size: 15px;
	line-height: 22px;
	color: #000;
	vertical-align: top;
}

.ui-chk input + label .ui-text-wrap .sub-text,
.ui-rdo input + label .ui-text-wrap .sub-text,
.ui-filter-chk input + label .ui-text-wrap .sub-text,
.ui-chk-right input + label .ui-text-wrap .sub-text,
.ui-sub-filter-chk input + label .ui-text-wrap .sub-text {
	display: inline-block;
	font-size: 13px;
	line-height: 22px;
	color: #000;
	vertical-align: top;
}

.ui-chk input[disabled] + label, .ui-chk input[aria-disabled] + label, .ui-chk input[readonly] + label,
.ui-rdo input[disabled] + label,
.ui-rdo input[aria-disabled] + label,
.ui-rdo input[readonly] + label,
.ui-filter-chk input[disabled] + label,
.ui-filter-chk input[aria-disabled] + label,
.ui-filter-chk input[readonly] + label,
.ui-chk-right input[disabled] + label,
.ui-chk-right input[aria-disabled] + label,
.ui-chk-right input[readonly] + label,
.ui-sub-filter-chk input[disabled] + label,
.ui-sub-filter-chk input[aria-disabled] + label,
.ui-sub-filter-chk input[readonly] + label {
	pointer-events: none;
}

.ui-chk input[disabled] + label:before, .ui-chk input[aria-disabled] + label:before, .ui-chk input[readonly] + label:before,
.ui-rdo input[disabled] + label:before,
.ui-rdo input[aria-disabled] + label:before,
.ui-rdo input[readonly] + label:before,
.ui-filter-chk input[disabled] + label:before,
.ui-filter-chk input[aria-disabled] + label:before,
.ui-filter-chk input[readonly] + label:before,
.ui-chk-right input[disabled] + label:before,
.ui-chk-right input[aria-disabled] + label:before,
.ui-chk-right input[readonly] + label:before,
.ui-sub-filter-chk input[disabled] + label:before,
.ui-sub-filter-chk input[aria-disabled] + label:before,
.ui-sub-filter-chk input[readonly] + label:before {
	border: 1px solid #ddd;
	background-color: #f5f5f5;
}

.ui-chk input[disabled] + label .text, .ui-chk input[aria-disabled] + label .text, .ui-chk input[readonly] + label .text,
.ui-rdo input[disabled] + label .text,
.ui-rdo input[aria-disabled] + label .text,
.ui-rdo input[readonly] + label .text,
.ui-filter-chk input[disabled] + label .text,
.ui-filter-chk input[aria-disabled] + label .text,
.ui-filter-chk input[readonly] + label .text,
.ui-chk-right input[disabled] + label .text,
.ui-chk-right input[aria-disabled] + label .text,
.ui-chk-right input[readonly] + label .text,
.ui-sub-filter-chk input[disabled] + label .text,
.ui-sub-filter-chk input[aria-disabled] + label .text,
.ui-sub-filter-chk input[readonly] + label .text {
	color: #999;
}

.ui-chk input:checked + label:before,
.ui-rdo input:checked + label:before,
.ui-filter-chk input:checked + label:before,
.ui-chk-right input:checked + label:before,
.ui-sub-filter-chk input:checked + label:before {
	background-color: #000;
	border-color: #000;
}

.ui-chk input:checked[disabled] + label:before, .ui-chk input:checked[aria-disabled] + label:before, .ui-chk input:checked[readonly] + label:before,
.ui-rdo input:checked[disabled] + label:before,
.ui-rdo input:checked[aria-disabled] + label:before,
.ui-rdo input:checked[readonly] + label:before,
.ui-filter-chk input:checked[disabled] + label:before,
.ui-filter-chk input:checked[aria-disabled] + label:before,
.ui-filter-chk input:checked[readonly] + label:before,
.ui-chk-right input:checked[disabled] + label:before,
.ui-chk-right input:checked[aria-disabled] + label:before,
.ui-chk-right input:checked[readonly] + label:before,
.ui-sub-filter-chk input:checked[disabled] + label:before,
.ui-sub-filter-chk input:checked[aria-disabled] + label:before,
.ui-sub-filter-chk input:checked[readonly] + label:before {
	opacity: 0.4;
}

/* checkbox */
.ui-chk input + label:before,
.ui-chk-right input + label:before,
.ui-filter-chk input + label:before,
.ui-sub-filter-chk input + label:before {
	border: 1px solid #ddd;
	background-color: #fff;
	left: 0;
}

.ui-chk input + label:after,
.ui-chk-right input + label:after,
.ui-filter-chk input + label:after,
.ui-sub-filter-chk input + label:after {
	background: url("../images/form/ico_check.svg") 0 0 no-repeat;
	background-size: cover;
}

.ui-chk input:checked + label:before,
.ui-chk-right input:checked + label:before,
.ui-filter-chk input:checked + label:before,
.ui-sub-filter-chk input:checked + label:before {
	-moz-transition: background-color 0.15s;
	-webkit-transition: background-color 0.15s;
	transition: background-color 0.15s;
	background-color: #000;
}

.ui-chk input:checked + label:after,
.ui-chk-right input:checked + label:after,
.ui-filter-chk input:checked + label:after,
.ui-sub-filter-chk input:checked + label:after {
	background: url("../images/form/ico_check_active.svg") 0 0 no-repeat;
	background-size: cover;
}

.ui-chk.ta-top input + label:before,
.ui-chk-right.ta-top input + label:before,
.ui-filter-chk.ta-top input + label:before,
.ui-sub-filter-chk.ta-top input + label:before {
	top: 0;
	transform: initial;
}

.ui-chk.ta-top input + label:after,
.ui-chk-right.ta-top input + label:after,
.ui-filter-chk.ta-top input + label:after,
.ui-sub-filter-chk.ta-top input + label:after {
	top: 0;
	transform: initial;
}

.ui-chk-right input + label {
	padding-left: 0;
	padding-right: 22px;
}

.ui-chk-right input + label:before {
	left: initial;
	right: 0;
}

.ui-chk-right input + label:after {
	left: initial;
	right: 0;
}

.ui-chk-right input + label > .text {
	margin-left: 0;
	margin-right: var(--spacing-4xs);
	text-align: right;
}

.ui-box-chk,
.ui-box-rdo {
	min-height: 42px;
}

.ui-box-chk > input + label,
.ui-box-rdo > input + label {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: var(--spacing-3xs);
	background: #fff;
	border: 1px solid #e5e5e5;
	text-align: center;
}

.ui-box-chk > input + label .text,
.ui-box-rdo > input + label .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
	color: #666;
	-moz-transition: border-color 0.2s;
	-webkit-transition: border-color 0.2s;
	transition: border-color 0.2s;
	word-break: keep-all;
	word-wrap: break-word;
}

.ui-box-chk > input:checked + label,
.ui-box-rdo > input:checked + label {
	border-color: #000;
}

.ui-box-chk > input:checked + label .text,
.ui-box-rdo > input:checked + label .text {
	color: #000;
}

.ui-box-chk > input:disabled + label, .ui-box-chk > input[readonly] + label,
.ui-box-rdo > input:disabled + label,
.ui-box-rdo > input[readonly] + label {
	color: #999;
	background: #f5f5f5;
}

.ui-col-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--spacing-5xs);
}

.ui-col-grid.gap-lg {
	gap: var(--spacing-2xs) 0;
}

.ui-col-grid.col5 {
	grid-template-columns: repeat(5, 1fr);
}

.ui-col-grid.col5 .col-span {
	grid-column: 1/6;
}

.ui-col-grid.col3 {
	grid-template-columns: repeat(3, 1fr);
}

.ui-col-grid.col3 .col-span {
	grid-column: 1/4;
}

.ui-col-grid .ui-box-chk,
.ui-col-grid .ui-box-rdo {
	width: 100%;
	height: 100%;
}

.ui-col-grid .ui-chk {
	width: 100%;
}

.ui-chk input + label .thumb-prod-row,
.ui-rdo input + label .thumb-prod-row {
	margin-left: var(--spacing-3xs);
}

.ui-chk.w-full,
.ui-rdo.w-full {
	width: 100%;
}

.ui-chk.w-full input + label,
.ui-rdo.w-full input + label {
	width: 100%;
}

.ui-star-chk input + label {
	padding-left: var(--spacing-xs);
}

.ui-star-chk input + label:after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: url("../images/form/ico_check_star.svg") 0 0 no-repeat;
	background-size: cover;
}

.ui-star-chk input + label .text {
	display: inline-block;
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
	margin-left: var(--spacing-6xs);
}

.ui-star-chk input[disabled] + label, .ui-star-chk input[aria-disabled] + label, .ui-star-chk input[readonly] + label {
	pointer-events: none;
}

.ui-star-chk input[disabled] + label:after, .ui-star-chk input[aria-disabled] + label:after, .ui-star-chk input[readonly] + label:after {
	opacity: 0.5;
}

.ui-star-chk input[disabled] + label .text, .ui-star-chk input[aria-disabled] + label .text, .ui-star-chk input[readonly] + label .text {
	color: #999;
}

.ui-star-chk input:checked + label:after {
	background-image: url("../images/form/ico_check_star_active.svg");
}

.ui-star-chk input:checked + label[disabled] + label:after, .ui-star-chk input:checked + label[aria-disabled] + label:after, .ui-star-chk input:checked + label[readonly] + label:after {
	opacity: 0.5;
}

/* radio */
.ui-rdo > input + label:before, .ui-rdo > input + label:after {
	border-radius: 22px;
}

.ui-rdo > input + label:before {
	background-color: #fff;
	border: 1px solid #ddd;
}

.ui-rdo > input + label:after {
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 7px;
	width: 8px;
	height: 8px;
	background-color: #f5f5f5;
	border: none;
}

.ui-rdo > input[disabled] + label:after, .ui-rdo > input[aria-disabled] + label:after, .ui-rdo > input[readonly] + label:after {
	background-color: #e5e5e5;
}

.ui-rdo > input:checked + label:before {
	-moz-transition: background-color 0.15s;
	-webkit-transition: background-color 0.15s;
	transition: background-color 0.15s;
}

.ui-rdo > input:checked + label:after {
	animation: none;
	background-color: #fff;
}

/* chip타입 */
.ui-chip-rdo {
	min-height: 34px;
}

.ui-chip-rdo input {
	/*&[type="checkbox"] {

		+ label {
			padding-right: 25px;

			&:after {
				content: '';
				display: inline-block;
				width: 8px;
				height: 8px;
				position: absolute;
				top: 10px;
				right: 11px;
				@include mixins.ratio_images('../images/common/comm_ico_chk_chip');
				vertical-align: top;
			}
		}

		&:checked {
			& + label {
				padding-right: 29px;

				&:after {
					width: 12px;
					height: 12px;
					top: 8px;
					@include mixins.ratio_images_change('../images/common/comm_ico_chk_chip_active');
				}
			}
		}
	}*/
}

.ui-chip-rdo input + label {
	padding: var(--spacing-5xs) 11px 5px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
	border: 1px solid #f5f5f5;
	border-radius: 19px;
	background: #f5f5f5;
}

.ui-chip-rdo input + label .text {
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
	color: #666;
}

.ui-chip-rdo input:checked + label {
	border-color: #000;
	background: #fff;
}

.ui-chip-rdo input:checked + label .text {
	color: #000;
	font-weight: 600;
}

/* check/radio list(horizontal) */
.ui-row-list {
	font-size: 0;
	margin-top: -14px;
}

.ui-row-list .item {
	display: inline-block;
	margin-right: var(--spacing-md);
	padding-top: 14px;
	vertical-align: top;
}

.ui-row-list .item .ui-rdo input + label > .text,
.ui-row-list .item .ui-chk input + label > .text {
	font-size: 14px;
	line-height: 22px;
}

.ui-row-list .item:last-child {
	margin-right: 0;
}

.ui-row-list.review-evaluation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-5xs);
	margin-top: 0;
}

.ui-row-list.review-evaluation .item {
	flex: 1 0 0;
	margin-right: 0;
	padding-top: 0;
}

.ui-row-list.review-evaluation .item .ui-chip-rdo {
	width: 100%;
	height: 100%;
}

.ui-row-list.review-evaluation .item .ui-chip-rdo input + label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
	height: 100%;
	text-align: center;
}

/* check/radio list(vertical) */
.ui-col-list {
	font-size: 0;
}

.ui-col-list .item,
.ui-col-list .filter-item,
.ui-col-list .sub-filter-item {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}

.ui-col-list .item .btn-text,
.ui-col-list .filter-item .btn-text,
.ui-col-list .sub-filter-item .btn-text {
	flex-shrink: 0;
	margin-left: 5px;
}

.ui-col-list .item ~ .item,
.ui-col-list .filter-item ~ .item,
.ui-col-list .sub-filter-item ~ .item {
	margin-top: var(--spacing-2xs);
}

.ui-col-list.gap-sm .item ~ .item {
	margin-top: var(--spacing-5xs);
}

.ui-col-list.gap-lg .item ~ .item {
	margin-top: var(--spacing-xs);
}

.ui-col-list .item .ui-rdo input + label > .text,
.ui-col-list .item .ui-chk input + label > .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

.ui-col-list .item .ui-rdo ~ .input-group,
.ui-col-list .item .ui-chk ~ .input-group {
	margin-top: var(--spacing-2xs);
}

.ui-col-list .item .ui-rdo ~ .gray-box,
.ui-col-list .item .ui-chk ~ .gray-box {
	margin-top: var(--spacing-2xs);
}

.ui-col-list .item .input-flex-box {
	width: 100%;
}

.ui-col-list .item .input-group {
	width: 100%;
}

.ui-col-list .item .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

.ui-col-list.ta-top .item .ui-rdo input + label:before,
.ui-col-list.ta-top .item .ui-chk input + label:before {
	top: 0;
	transform: initial;
}

.ui-col-list.ta-top .item .ui-rdo input + label:after,
.ui-col-list.ta-top .item .ui-chk input + label:after {
	top: 7px;
	transform: initial;
}

.ui-col-list.ta-top .item .ui-chk input + label:after {
	top: 0;
	transform: initial;
}

.rdo-box-list {
	width: 100%;
}

.rdo-box-list .rdo-box-item {
	width: 100%;
	padding: var(--spacing-def);
	border: 1px solid #aaa;
	background-color: #fff;
	border-radius: 4px;
}

.rdo-box-list .rdo-box-item .ui-rdo {
	width: 100%;
}

.rdo-box-list .rdo-box-item .ui-rdo input + label {
	width: 100%;
}

.rdo-box-list .rdo-box-item .rdo-box-info {
	display: block;
	width: calc(100% - 20px);
	margin-top: 1px;
	margin-left: 14px;
}

.rdo-box-list .rdo-box-item .rdo-box-info .rdo-box-tit-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.rdo-box-list .rdo-box-item .rdo-box-info .rdo-box-tit-wrap .rdo-box-tit {
	font-size: 14px;
	font-weight: 500;
	color: #000;
}

.rdo-box-list .rdo-box-item .rdo-box-info .rdo-box-tit-wrap .btn-tooltip {
	position: relative;
	z-index: 2;
	margin-top: 3px;
	margin-left: var(--spacing-5xs);
}

.rdo-box-list .rdo-box-item .rdo-box-info .rdo-box-desc {
	display: block;
	margin-top: var(--spacing-6xs);
	font-size: 12px;
	color: #666;
}

.rdo-box-list .rdo-box-item .rdo-box-info .rdo-box-sub-desc {
	display: block;
	margin-top: var(--spacing-4xs);
	font-size: 12px;
	font-weight: 500;
	color: #fe4400;
}

.rdo-box-list .rdo-box-item .rdo-box-info .badge-wrap {
	margin-top: var(--spacing-2xs);
	margin-bottom: 0;
}

.rdo-box-list .rdo-box-item ~ .rdo-box-item {
	margin-top: var(--spacing-3xs);
}

.rdo-box-list .rdo-box-item .rdo-active-content {
	display: none;
}

.rdo-box-list .rdo-box-item.is-active {
	border: 1px solid #fe4400;
	-moz-transition: border 0.15s;
	-webkit-transition: border 0.15s;
	transition: border 0.15s;
}

.rdo-box-list .rdo-box-item.is-active .rdo-active-content {
	display: block;
}

.rdo-active-content {
	margin-top: var(--spacing-def);
}

.prod-color-rdo {
	width: 64px;
	height: 64px;
}

.prod-color-rdo > input + label {
	width: 100%;
	height: 100%;
}

.prod-color-rdo > input + label img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.prod-color-rdo > input:checked + label {
	position: relative;
}

.prod-color-rdo > input:checked + label:before, .prod-color-rdo > input:checked + label:after {
	content: "";
	position: absolute;
	display: inline-block;
}

.prod-color-rdo > input:checked + label:before {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #000;
}

.prod-color-rdo > input:checked + label:after {
	left: 1px;
	top: 1px;
	right: 1px;
	bottom: 1px;
	border: 2px solid #fff;
}

.prod-color-rdo > input[disabled] + label, .prod-color-rdo > input[aria-disabled=true] + label {
	opacity: 0.3;
}

.prod-color-rdo.size-sm {
	width: 40px;
	height: 40px;
}

.prod-color-rdo.size-sm + .prod-color-rdo {
	margin-left: var(--spacing-6xs);
}

/* filter > color chip _ 240613 LTK */
.ui-color-chip-list {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--spacing-2xs) var(--spacing-3xs);
}

.ui-color-chip-list .color-chip-item {
	flex: 0 1 45px;
}

.ui-color-chip {
	width: 100%;
	height: 45px;
}

.ui-color-chip input + label {
	z-index: 1;
	padding-left: 45px;
	padding-top: 45px;
}

.ui-color-chip input:checked + label .text {
	font-weight: 500;
	-moz-transition: font-weight 0.15s;
	-webkit-transition: font-weight 0.15s;
	transition: font-weight 0.15s;
}

.ui-color-chip input:checked + label:after {
	display: inline-block;
}

.ui-color-chip .ico-color-chip {
	display: inline-block;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 0;
	left: 21px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	vertical-align: top;
	background: #fff;
	border: 1px solid #e5e5e5;
	-moz-transition: border-color 0.2s ease-out;
	-webkit-transition: border-color 0.2s ease-out;
	transition: border-color 0.2s ease-out;
}

.ui-color-chip .ico-color-chip:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	left: 3px;
	top: 3px;
}

.ui-color-chip input:checked ~ .ico-color-chip {
	border-color: #000;
}

.ui-color-chip.green .ico-color-chip:after {
	background: #274945;
}

.ui-color-chip.khaki .ico-color-chip:after {
	background: #525647;
}

.ui-color-chip.blue .ico-color-chip:after {
	background: #0a1e8b;
}

.ui-color-chip.navy .ico-color-chip:after {
	background: #0b264a;
}

.ui-color-chip.purple .ico-color-chip:after {
	background: #653188;
}

.ui-color-chip.etc .ico-color-chip:after {
	background: linear-gradient(125deg, #f00 0%, #f30 20%, #ff6500 40%, #fffc00 60%, #5d8f49 80%, #0a00b2 100%);
}

.ui-color-chip.black .ico-color-chip:after {
	background: #000;
}

.ui-color-chip.grey .ico-color-chip:after {
	background: #808080;
}

.ui-color-chip.white .ico-color-chip:after {
	background: #fff;
}

.ui-color-chip.red .ico-color-chip:after {
	background: #ea3423;
}

.ui-color-chip.brown .ico-color-chip:after {
	background: #62411d;
}

.ui-color-chip.pink .ico-color-chip:after {
	background: #f5c3cb;
}

.ui-color-chip.orange .ico-color-chip:after {
	background: #e87433;
}

.ui-color-chip.yellow .ico-color-chip:after {
	background: #f8e054;
}

.ui-color-chip.beige .ico-color-chip:after {
	background: #e7d4b8;
}

.ui-color-chip.silver .ico-color-chip:after {
	background: linear-gradient(180deg, #e6e6e6 0%, #ccc 52.6%, #e6e6e6 100%);
}

/* toggle */
.ui-toggle {
	position: relative;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.ui-toggle input[type=checkbox] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.ui-toggle input[type=checkbox] + label {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	line-height: 20px;
	color: #666;
	cursor: pointer;
}

.ui-toggle input[type=checkbox] + label:before {
	content: "";
	position: absolute;
	background: #e5e5e5;
	left: 0;
	top: 0;
	z-index: 1;
	-moz-transition: left 0.2s ease-out;
	-webkit-transition: left 0.2s ease-out;
	transition: left 0.2s ease-out;
	-moz-transition: background-color 0.15s ease-out;
	-webkit-transition: background-color 0.15s ease-out;
	transition: background-color 0.15s ease-out;
}

.ui-toggle input[type=checkbox] + label:after {
	content: "";
	position: absolute;
	background: #fff;
	border-radius: 50%;
	top: 2px;
	z-index: 2;
	-moz-transition: left 0.2s ease-out;
	-webkit-transition: left 0.2s ease-out;
	transition: left 0.2s ease-out;
}

.ui-toggle input[type=checkbox]:checked + label {
	color: #000;
	font-weight: 500;
}

.ui-toggle input[type=checkbox]:checked + label:before {
	background: #000;
}

.ui-toggle input[type=checkbox]:disabled + label, .ui-toggle input[type=checkbox][readonly] + label {
	opacity: 0.5;
}

/* default (w31 * h18) */
.ui-toggle input[type=checkbox] + label {
	min-width: 31px;
	height: 18px;
	padding-left: 31px;
}

.ui-toggle input[type=checkbox] + label .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	color: #000;
}

.ui-toggle input[type=checkbox] + label:before {
	width: 31px;
	height: 18px;
	border-radius: 18px;
}

.ui-toggle input[type=checkbox] + label:after {
	width: 12px;
	height: 12px;
	margin-left: calc(var(--spacing-xs) * -1);
	margin-top: 1px;
	left: 19px;
}

.ui-toggle input[type=checkbox]:checked + label:after {
	left: 31px;
}

.ui-toggle.type-orange input[type=checkbox] + label:before {
	background: #aaa;
}

.ui-toggle.type-orange input[type=checkbox]:checked + label:before {
	background: #fe4400;
}

.ui-toggle.has-text input[type=checkbox] + label {
	padding-left: calc(var(--spacing-xl) - 3px);
}

.ui-toggle.has-text.text-left input[type=checkbox] + label {
	padding-left: 0;
	padding-right: calc(var(--spacing-xl) - 3px);
}

.ui-toggle.has-text.text-left input[type=checkbox] + label:before {
	left: initial;
	right: 0;
}

.ui-toggle.has-text.text-left input[type=checkbox] + label:after {
	left: initial;
	right: 16px;
	-moz-transition: right 0.2s ease-out;
	-webkit-transition: right 0.2s ease-out;
	transition: right 0.2s ease-out;
}

.ui-toggle.has-text.text-left input[type=checkbox]:checked + label:after {
	right: 3px;
}

.ui-toggle.has-text.text-gray input[type=checkbox] + label .text {
	color: #999;
	font-weight: 500;
}

/* size lg (w38 * h24) */
.ui-toggle-list {
	margin-top: 15px;
}

.ui-toggle-list .ui-toggle-item {
	padding: 15px 0;
	border-top: 1px solid #999;
}

.ui-toggle-list .ui-toggle-item .flex-info-wrap .stitle-wrap .stitle {
	font-weight: 300;
}

/* select */
.ui-select {
	width: 100%;
}

.ui-select .ui-selectmenu-button {
	outline: none;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 100%;
	height: 50px;
	margin-right: 0;
	padding: 15px 35px var(--spacing-xs) 14px;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	background: url("../images/form/ico_select_arr_h15.svg") right 16px center no-repeat;
	background-size: 15px;
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	color: #000;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ui-select .ui-selectmenu-button .ui-selectmenu-text {
	margin-right: 0;
}

.ui-select .ui-selectmenu-button:focus {
	border-color: #000;
	-moz-transition: border 0.2s ease-out;
	-webkit-transition: border 0.2s ease-out;
	transition: border 0.2s ease-out;
}

.ui-select .ui-selectmenu-button[disabled], .ui-select .ui-selectmenu-button[aria-disabled=true], .ui-select .ui-selectmenu-button[readonly] {
	border-color: #e5e5e5;
	background-color: #f5f5f5;
	background-image: url("../images/form/ico_select_arr_h15_disabled.svg");
	color: #999;
	opacity: 1;
}

.ui-select.type-sm {
	display: inline-block;
	width: auto;
	min-width: 100px;
	height: 42px;
}

.ui-select.type-sm .ui-selectmenu-button {
	height: 42px;
	padding: calc(var(--spacing-2xs) - 1px) var(--spacing-lg) var(--spacing-3xs) calc(var(--spacing-xs) - 1px);
	border: 1px solid #e5e5e5;
	background-position: right 12px center;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.ui-select.type-sm .ui-selectmenu-button:focus {
	border-color: #000;
	-moz-transition: border 0.2s ease-out;
	-webkit-transition: border 0.2s ease-out;
	transition: border 0.2s ease-out;
}

.ui-select.type-text {
	display: inline-block;
	width: auto;
	height: 17px;
}

.ui-select.type-text .ui-selectmenu-button {
	width: auto;
	height: 21px;
	padding: 0 17px 0 0;
	border: 0;
	background: url("../images/form/ico_arw_down_black.svg") right center no-repeat;
	background-size: 14px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 21px;
}

.ui-select.type-text .ui-selectmenu-button .ui-selectmenu-text {
	text-align: right;
	line-height: 21px;
}

.ui-select.type-text.size-lg {
	height: 24px;
}

.ui-select.type-text.size-lg .ui-selectmenu-button {
	height: 24px;
	border: 0;
	background: url("../images/form/ico_arw_down_black_bold_h15.svg") right center no-repeat;
	background-size: 15px;
	font-size: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
}

.ui-select.type-text.size-lg .ui-selectmenu-button .ui-selectmenu-text {
	line-height: 24px;
}

.ui-select.type-sort {
	display: inline-block;
	width: auto;
	height: 17px;
}

.ui-select.type-sort .ui-selectmenu-button {
	width: auto;
	height: 21px;
	padding: 0 var(--spacing-def) 0 0;
	border: 0;
	background: url("../images/form/ico_select_sort.svg") right center no-repeat;
	background-size: 16px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 21px;
}

.ui-select.type-sort .ui-selectmenu-button .ui-selectmenu-text {
	text-align: right;
	line-height: 21px;
}

.ui-selectmenu-menu {
	background: #fff;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	z-index: 200;
	max-width: calc(100vw - 40px);
}

.ui-selectmenu-menu .ui-menu {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-radius: 0;
	max-height: 190px;
	overflow: auto;
	-webkit-overflow-scrolling: auto;
	/* Track */
	/* Handle */
	/* Handle on hover */
}

.ui-selectmenu-menu .ui-menu::-webkit-scrollbar {
	width: 2px;
}

.ui-selectmenu-menu .ui-menu::-webkit-scrollbar-track {
	background: #e5e5e5;
}

.ui-selectmenu-menu .ui-menu::-webkit-scrollbar-thumb {
	background: #000;
}

.ui-selectmenu-menu .ui-menu::-webkit-scrollbar-thumb:hover {
	background: #000;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item {
	padding: var(--spacing-xs);
}

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper {
	padding: 0;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
	margin: 0;
	padding: 0;
	font-weight: 600;
}

.ui-selectmenu-menu.type-sm, .ui-selectmenu-menu.type-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.ui-selectmenu-menu.type-sm .ui-menu .ui-menu-item, .ui-selectmenu-menu.type-text .ui-menu .ui-menu-item {
	padding: var(--spacing-xs);
}

.ui-selectmenu-menu.type-sm .ui-menu .ui-menu-item {
	padding: 13px var(--spacing-xs);
}

.ui-selectmenu-menu.type-text .ui-menu {
	padding: 5px 0;
}

.ui-selectmenu-menu.type-text .ui-menu .ui-menu-item {
	padding: var(--spacing-4xs) var(--spacing-xs);
}

.ui-selectmenu-menu.cart-coupon {
	max-width: calc(100vw - 24px);
}

/* textarea */
.textarea-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	border: 1px solid #e5e5e5;
}

.textarea-box .ui-textarea {
	outline: none;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
	flex: 1 0 0;
	padding: calc(var(--spacing-xs) - 1px);
	outline: none;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #000;
	resize: none;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

.textarea-box .ui-textarea::placeholder {
	color: #aaa;
}

.textarea-box .count-check {
	padding-right: 14px;
	padding-left: 14px;
	padding-bottom: var(--spacing-xs);
	color: #999;
	text-align: right;
}

.textarea-box .count-check .count {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #000;
}

.textarea-box .count-check .total {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.textarea-box .count-check .total:before {
	content: "/";
}

.textarea-box.is-focus {
	border-color: #000;
	-moz-transition: border 0.2s ease-out;
	-webkit-transition: border 0.2s ease-out;
	transition: border 0.2s ease-out;
}

.textarea-box.is-focus .count-check .count {
	color: #000;
}

.textarea-box.is-disabled {
	color: #f5f5f5;
	background: #f9f9f9;
	border-color: #e5e5e5;
}

.textarea-box.is-disabled::-webkit-input-placeholder {
	font-size: inherit;
	color: #f5f5f5;
}

.textarea-box.is-disabled:-ms-input-placeholder {
	font-size: inherit;
	color: #f5f5f5;
}

.textarea-box.is-disabled::-ms-input-placeholder {
	font-size: inherit;
	color: #f5f5f5;
}

.textarea-box.is-disabled::placeholder {
	font-size: inherit;
	color: #f5f5f5;
}

.textarea-box.is-disabled:-ms-input-placeholder {
	font-size: inherit;
	color: #f5f5f5;
}

.textarea-box.is-disabled::-ms-input-placeholder {
	font-size: inherit;
	color: #f5f5f5;
}

/* 파일 첨부 */
.attach-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.attach-box {
	position: relative;
	display: inline-block;
	width: 80px !important;
	height: 80px;
	overflow: hidden;
	vertical-align: top;
}

.attach-box ~ .attach-box {
	margin-left: var(--spacing-6xs);
}

.attach-box input[type=file] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.attach-box label {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: #000 url("../images/form/ico_plus_h16.svg") center no-repeat;
	background-size: 16px;
}

.attach-box .attach-img-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.attach-box .attach-img-wrap .attach-img {
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-size: cover;
}

.attach-box .attach-img-wrap .attach-img img,
.attach-box .attach-img-wrap .attach-img video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.attach-box .attach-img-wrap .img-loading-svg {
	position: absolute;
	display: none;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.3);
	left: 0;
	top: 0;
	z-index: 1;
	/*@keyframes stroke-ani {
		from {
			stroke-dashoffset: 69.115px;
		}
		to {
			stroke-dashoffset: 140px;
		}
	}*/
}

.attach-box .attach-img-wrap .img-loading-svg .progress {
	position: absolute;
	top: 29px;
	left: 29px;
	width: 22px;
	height: 22px;
	transform: rotateZ(90deg) scaleX(-1);
	transform-origin: center center;
}

.attach-box .attach-img-wrap .img-loading-svg .progress .frame,
.attach-box .attach-img-wrap .img-loading-svg .progress .bar {
	fill: none;
}

.attach-box .attach-img-wrap .img-loading-svg .progress .frame {
	stroke: rgba(0, 0, 0, 0.6);
}

.attach-box .attach-img-wrap .img-loading-svg .progress .bar.no-data {
	stroke: transparent;
}

.attach-box .attach-img-wrap .img-loading-svg .progress .bar {
	stroke: #fff;
	stroke-linecap: round;
}

.attach-box .attach-img-wrap .btn-remove {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: #f5f5f5;
}

.attach-box .attach-img-wrap.uploading .img-loading-svg {
	display: inline-block;
}

.attach-box .attach-img-wrap.uploading .btn-remove {
	display: none;
}

.attach-box.video label {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: #000 url("../images/form/ico_video.svg") center no-repeat;
	background-size: 20px;
}

/* jQuery UI -  spinner */
.ui-spinner-box {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #dde0e3;
	border-radius: 0;
	background-color: #fff;
	height: 42px;
	width: 120px;
	overflow: hidden;
}

.ui-spinner-box .ui-spinner {
	width: 100%;
	height: 100%;
	background: none;
	border: 0;
	border-radius: 0;
}

.ui-spinner-box .ui-widget-content {
	position: relative;
	width: 100%;
	padding: 0 var(--spacing-xl);
}

.ui-spinner-box .ui-widget-content .ui-spinner-input {
	display: none;
}

.ui-spinner-box .ui-widget-content .count {
	position: relative;
	/*display: block;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
	outline: 0;
	text-align: center;
	box-sizing: border-box;
	vertical-align: top;
	border: 0;
	background: 0;
}

.ui-spinner-box .ui-widget-content .count[type=number]::-webkit-outer-spin-button, .ui-spinner-box .ui-widget-content .count[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.ui-spinner-box .ui-widget-content .ui-spinner-button {
	position: absolute;
	display: block;
	top: 50%;
	width: 24px;
	height: 24px;
	padding: 3px;
	margin-top: calc(var(--spacing-2xs) * -1);
	box-sizing: border-box;
	border: none;
	background: transparent;
	cursor: pointer;
	border-radius: 0;
	z-index: 1;
}

.ui-spinner-box .ui-widget-content .ui-spinner-button .ui-icon {
	display: block;
	/*margin: 0 auto;*/
	width: 15px;
	height: 15px;
	background: url("../images/form/ico_spinner_down.svg") 0 0 no-repeat;
	background-size: cover;
	text-align: center;
	vertical-align: top;
	margin-top: calc(var(--spacing-4xs) * -1);
	margin-left: calc(var(--spacing-4xs) * -1);
}

.ui-spinner-box .ui-widget-content .ui-spinner-button.ui-spinner-up {
	right: 10px;
}

.ui-spinner-box .ui-widget-content .ui-spinner-button.ui-spinner-up .ui-icon {
	background: url("../images/form/ico_spinner_up.svg") 0 0 no-repeat;
	background-size: cover;
}

.ui-spinner-box .ui-widget-content .ui-spinner-button.ui-spinner-down {
	left: 10px;
}

.ui-spinner-box.ui-state-disabled {
	opacity: 0.4;
	background-color: #dde0e3;
}

.ui-spinner-box.spinner-lg {
	height: 50px;
}

.ui-spinner-box.spinner-lg .ui-widget-content .count {
	height: 48px;
}

.ui-spinner-box.spinner-sm {
	width: 88px;
	height: 23px;
	border: none;
	background-color: transparent;
	border-radius: 0;
}

.ui-spinner-box.spinner-sm .ui-widget-content {
	width: 100%;
	padding: 0 var(--spacing-lg);
	border-radius: 0;
}

.ui-spinner-box.spinner-sm .ui-widget-content .count {
	height: 23px;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
}

.ui-spinner-box.spinner-sm .ui-widget-content .ui-spinner-button {
	background: #fff;
	border: 1px solid #e5e5e5;
	width: 23px;
	height: 23px;
	margin-top: 0;
	top: 0;
}

.ui-spinner-box.spinner-sm .ui-widget-content .ui-spinner-button.ui-spinner-up {
	right: 0;
}

.ui-spinner-box.spinner-sm .ui-widget-content .ui-spinner-button.ui-spinner-down {
	left: 0;
}

.ui-spinner-box.w-full {
	width: 100%;
}

/* jQuery UI -  spinner */
.ui-slider-box .ui-slider {
	height: 2px;
	margin: 5px 3px 5px 9px;
	background: rgba(0, 0, 0, 0.1);
}

.ui-slider-box .ui-slider .ui-slider-range {
	background: #000;
}

.ui-slider-box .ui-slider .ui-slider-handle {
	width: 12px;
	height: 12px;
	background: #fff;
	border: 2px solid #000;
	border-radius: 50%;
	top: -5px;
}

.ui-slider-box .ui-slider .ui-slider-handle:focus {
	outline: none;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.ui-slider-box .slider-value-box {
	display: flex;
	justify-content: space-between;
	margin-top: 11px;
}

.ui-slider-box .slider-value-box .min-value,
.ui-slider-box .slider-value-box .max-value {
	color: #999;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

/* starRating */
.star-rating-box {
	font-size: 0;
}

.star-rating-box .rating-container {
	display: inline-block;
}

.star-rating-box .rating-container .rating-stars:focus {
	outline: none;
}

.star-rating-box .rating-container.rating-md {
	font-size: 10px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 12px;
}

.star-rating-box .rating-container.rating-md .rating-stars,
.star-rating-box .rating-container.rating-md .empty-stars,
.star-rating-box .rating-container.rating-md .filled-stars {
	height: 12px;
	vertical-align: top;
}

.star-rating-box .rating-container.rating-md .rating-stars .star,
.star-rating-box .rating-container.rating-md .empty-stars .star,
.star-rating-box .rating-container.rating-md .filled-stars .star {
	margin: 0 var(--spacing-min) 0 0;
	height: 12px;
}

.star-rating-box .rating-container.rating-md .rating-stars {
	font-size: 0;
	margin-top: 1px;
}

.star-rating-box .rating-container.rating-md .rating-stars .empty-stars .star .glyphicon-star-empty:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #e5e5e5;
	-webkit-mask-image: url("../images/common/comm_ico_star.svg");
	mask-image: url("../images/common/comm_ico_star.svg");
}

.star-rating-box .rating-container.rating-md .rating-stars .filled-stars .star .glyphicon-star:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_star.svg");
	mask-image: url("../images/common/comm_ico_star.svg");
}

.star-rating-box .rating-container.rating-md.has-caption .caption {
	margin-left: var(--spacing-6xs);
	font-size: 0;
}

.star-rating-box .rating-container.rating-md.has-caption .caption .caption-badge {
	color: #000;
	padding: 0;
	border-radius: 0;
	background: none;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 15px;
}

.star-rating-box .rating-container.rating-disabled .rating-stars {
	cursor: auto;
}

.star-rating-box.rating-lg .rating-container .rating-stars,
.star-rating-box.rating-lg .rating-container .empty-stars,
.star-rating-box.rating-lg .rating-container .filled-stars {
	height: 30px;
}

.star-rating-box.rating-lg .rating-container .rating-stars .star,
.star-rating-box.rating-lg .rating-container .empty-stars .star,
.star-rating-box.rating-lg .rating-container .filled-stars .star {
	margin: 0 var(--spacing-5xs) 0 0;
	height: 30px;
}

.star-rating-box.rating-lg .rating-container .rating-stars .star .glyphicon:before,
.star-rating-box.rating-lg .rating-container .empty-stars .star .glyphicon:before,
.star-rating-box.rating-lg .rating-container .filled-stars .star .glyphicon:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	mask-size: 30px;
}

.star-rating-box.rating-lg .rating-container .rating-stars {
	font-size: 0;
}

.star-rating-box.rating-lg .rating-container .rating-stars .empty-stars .star .glyphicon-star-empty:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	mask-size: 30px;
}

.star-rating-box.rating-lg .rating-container .rating-stars .filled-stars .star .glyphicon-star:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	mask-size: 30px;
}

.star-rating-box.rating-center .rating-container {
	display: block;
	text-align: center;
}

.star-rating-box .review-cnt {
	display: inline-block;
	color: #999;
	margin-left: 3px;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
	vertical-align: top;
	cursor: pointer;
}

/* form item */
.sub-form-list .sub-form-item .form-title, .form-item .form-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}

.sub-form-list .sub-form-item .form-title .title-text, .form-item .form-title .title-text {
	color: #000;
}

.sub-form-list .sub-form-item .form-title .title-text .required, .form-item .form-title .title-text .required {
	display: inline-block;
	vertical-align: top;
}

.sub-form-list .sub-form-item .form-title .title-text .required:before, .form-item .form-title .title-text .required:before {
	content: "";
	overflow: hidden;
	display: inline-block;
	border-radius: 50%;
	background-color: #fe4400;
	vertical-align: top;
}

.sub-form-list .sub-form-item .form-title .right-area, .form-item .form-title .right-area {
	margin-left: auto;
}

.sub-form-list .sub-form-item .form-title .right-area .stext-xs, .form-item .form-title .right-area .stext-xs {
	color: #999;
}

.sub-form-list .sub-form-item .form-title .right-area + .link-balloon, .form-item .form-title .right-area + .link-balloon {
	position: absolute;
	top: 8px;
	right: 0;
}

.sub-form-list .sub-form-item .form-title .right-area + .link-balloon::before, .form-item .form-title .right-area + .link-balloon::before {
	border-top: 8px solid #fe4400;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 0 solid transparent;
	bottom: calc(var(--spacing-6xs) * -1);
	right: var(--spacing-2xl);
}

.sub-form-list .sub-form-item .form-cont, .form-item .form-cont {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

.form-item {
	position: relative;
}

.form-list > .form-item > .form-title .title-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.form-list > .form-item > .form-title .title-text .required:before {
	width: 3px;
	height: 3px;
	margin: 3px 0 0 var(--spacing-min);
}

.form-list > .form-item > .form-title .title-text .goods-info {
	display: block;
	margin-top: 7px;
}

.form-list > .form-item > .form-title .btn-tooltip {
	margin-left: var(--spacing-6xs);
}

.form-list > .form-item ~ .form-item {
	margin-top: var(--spacing-lg);
}

.form-list > .form-item > .form-cont {
	margin-top: var(--spacing-xs);
}

.form-list-lg > .form-item > .form-title {
	margin-bottom: var(--spacing-def);
}

.form-list-lg > .form-item > .form-title .title-text {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.form-list-lg > .form-item > .form-title .title-text .required:before {
	width: 4px;
	height: 4px;
	margin: 3px 0 0 var(--spacing-6xs);
}

.form-list-lg > .form-item ~ .form-item {
	padding-top: var(--spacing-2xl);
}

.sub-form-list .sub-form-item .form-title {
	margin-bottom: var(--spacing-3xs);
}

.sub-form-list .sub-form-item .form-title .title-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
	color: #999;
}

.sub-form-list .sub-form-item ~ .sub-form-item {
	margin-top: var(--spacing-def);
}

.all-chk-wrap .ui-chk.all-chk input + label:before, .all-chk-wrap .ui-chk.all-chk input + label:after {
	top: 0;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.all-chk-wrap .ui-chk.all-chk .ui-text-wrap {
	flex-wrap: wrap;
}

.all-chk-wrap .ui-chk.all-chk .ui-text-wrap .sub-text {
	width: 100%;
	margin-top: 3px;
	color: #999;
	line-height: 19px;
}

.all-chk-wrap .agree-box {
	margin-top: var(--spacing-def);
	padding-top: var(--spacing-def);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.all-chk-wrap .agree-box .ui-col-list .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.all-chk-wrap .agree-box .ui-col-list .item .ui-chk {
	flex: 1 0 0;
}

.all-chk-wrap .agree-box .ui-col-list .item .btn-arr-black {
	flex-shrink: 0;
	width: 15px;
	height: 15px;
	margin-top: 3px;
	margin-left: 5px;
	background: url("../images/member/ico_btn_arr_black_h15.svg") 0 0 no-repeat;
	background-size: cover;
}

.all-chk-wrap .agree-box .ui-col-list .item .btn-arr-black .text {
	font-size: 0;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
body:is(.dialog-open, .depth2-open, .datepicker-open) {
	width: 100%;
	overflow: hidden;
}

body:is(.dialog-open, .depth2-open, .datepicker-open) .wrapper {
	overflow: hidden;
	touch-action: none;
}

body:is(.dialog-open, .depth2-open, .datepicker-open) .container-wrapper,
body:is(.dialog-open, .depth2-open, .datepicker-open) .floating-wrapper,
body:is(.dialog-open, .depth2-open, .datepicker-open) .footer-wrapper,
body:is(.dialog-open, .depth2-open, .datepicker-open) .content-docker-wrap,
body:is(.dialog-open, .depth2-open, .datepicker-open) .my-pocket-floating {
	pointer-events: none;
	touch-action: none;
}

body:is(.dialog-open, .depth2-open, .datepicker-open).ios {
	touch-action: none;
}

[data-role=dialog] {
	display: none;
}

.ui-dialog-container {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100dvh;
	margin: 0;
	z-index: 100;
}

.ui-dialog-container.open {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	overflow-x: hidden;
	overflow-y: auto;
	flex-wrap: wrap;
}

.ui-dialog-container.open .ui-dialog {
	-moz-animation: bottomPopAnimation 0.25s cubic-bezier(0.45, 0, 0.55, 1) forwards;
	-webkit-animation: bottomPopAnimation 0.25s cubic-bezier(0.45, 0, 0.55, 1) forwards;
	animation: bottomPopAnimation 0.25s cubic-bezier(0.45, 0, 0.55, 1) forwards;
}

.ui-dialog-container.open .ui-dialog.dialog-full {
	-moz-animation: none;
	-webkit-animation: none;
	animation: none;
}

.ui-dialog-container .ui-dialog {
	position: relative;
	width: 100% !important;
	max-width: 360px;
	padding: 0 var(--spacing-def);
	overflow: hidden;
}

.ui-dialog-container .ui-dialog:not(.dialog-full, .dialog-bottom) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	max-height: calc(100% - 80px);
}

.ui-dialog-container .ui-dialog .ui-dialog-content {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	background-color: #fff;
	-webkit-overflow-scrolling: auto;
	width: 100%;
	padding: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-header {
	padding: var(--spacing-md) var(--spacing-3xl) 0 var(--spacing-def);
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-header .dialog-title {
	font-size: 18px;
	line-height: 27px;
	letter-spacing: -0.001em;
	font-weight: 500;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-header ~ .dialog-body {
	padding-top: var(--spacing-def);
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-body .cont-inner,
.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer .cont-inner {
	padding: 0 var(--spacing-def);
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-body .cont-inner .grid-list.col2,
.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer .cont-inner .grid-list.col2 {
	gap: var(--spacing-xl) var(--spacing-3xs);
	margin-right: 0;
	margin-left: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-body .cont-inner .grid-list.col2.gap-lg,
.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer .cont-inner .grid-list.col2.gap-lg {
	gap: var(--spacing-lg) var(--spacing-3xs);
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-body .cont-inner .grid-list.col2 .grid-item .thumb-prod-inner .info-box,
.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer .cont-inner .grid-list.col2 .grid-item .thumb-prod-inner .info-box {
	padding: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-body {
	flex: 1 1 auto;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding-top: var(--spacing-xl);
	-webkit-touch-callout: none;
	min-height: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-body .dialog-inner {
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: calc(var(--spacing-xl) + env(safe-area-inset-bottom));
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-body .dialog-inner [class^=cont-box]:first-child {
	padding-top: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-body .dialog-inner [class^=cont-box]:last-child {
	padding-bottom: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-body .dialog-inner [class^=cont-box] .cont-inner .complete-text-wrap:last-child {
	padding-bottom: var(--spacing-xl);
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer {
	position: relative;
	padding-right: var(--spacing-def);
	padding-bottom: calc(var(--spacing-def) + env(safe-area-inset-bottom));
	padding-left: var(--spacing-def);
	background-color: #fff;
	flex-shrink: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer .btn-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-5xs);
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer .btn-wrap [class^=btn] {
	width: 100%;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer .btn-wrap [class^=btn].w-auto {
	width: auto;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-btn-flex-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-btn-flex-wrap .right-area {
	margin-left: auto;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .popup-input-sticky {
	z-index: 2;
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	padding-left: var(--spacing-def);
	padding-right: var(--spacing-def);
	padding-bottom: var(--spacing-lg);
	margin-left: calc(var(--spacing-def) * -1);
	margin-right: calc(var(--spacing-def) * -1);
	background: #fff;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .popup-input-sticky .input-gray-search-box {
	margin-bottom: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-close {
	position: absolute;
	top: 24px;
	right: 20px;
	width: 22px;
	height: 22px;
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_close.svg");
	mask-image: url("../images/common/comm_ico_close.svg");
}

.ui-dialog-container .ui-dialog .ui-dialog-content#popCustomOptionChoice .dialog-body .dialog-inner [class^=cont-box] .cont-inner .form-list .form-item .form-cont .ui-col-grid.col3 + .input-flex-box, .ui-dialog-container .ui-dialog .ui-dialog-content#popAi .dialog-body .dialog-inner [class^=cont-box] .cont-inner .form-list .form-item .form-cont .ui-col-grid.col3 + .input-flex-box {
	display: none;
	margin-top: var(--spacing-5xs);
}

.ui-dialog-container .ui-dialog.dialog-full {
	max-width: 100%;
	padding: 0;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content {
	height: 100dvh;
	max-height: 100dvh;
}

.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-header {
	padding-top: var(--spacing-xs);
}

.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-header.has-share-btn {
	padding-right: var(--spacing-5xl);
}

.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-header ~ .dialog-body {
	padding-top: 27px;
}

.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body {
	padding-top: var(--spacing-4xl);
	padding-bottom: 0;
}

.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .dialog-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	min-height: 100%;
	padding-bottom: calc(var(--spacing-xl) + env(safe-area-inset-bottom));
}

.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .dialog-inner .tab-line-wrap.divider-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	flex: 1;
}

.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-body .dialog-inner .tab-line-wrap.divider-top .tab-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	flex: 1;
}

.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-footer {
	padding: 0;
}

.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-footer .btn-wrap {
	gap: 0;
}

.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .btn-share {
	position: absolute;
	top: 19px;
	right: 58px;
}

.ui-dialog-container .ui-dialog.dialog-full .ui-dialog-content .dialog-close {
	top: 19px;
}

.ui-dialog-container .ui-dialog.dialog-bottom {
	max-width: 100%;
	max-height: calc(100% - 30px);
	padding: 0;
	align-self: flex-end;
	padding-bottom: env(safe-area-inset-bottom);
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content {
	width: 100%;
	height: auto;
	margin: 0 auto;
	flex: 1 1 auto;
}

.ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content .dialog-footer {
	padding: 0;
}

.ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content .dialog-footer .btn-wrap {
	gap: 0;
}

.ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content .dialog-footer .btn-wrap .btn-2xl.fill-black + .btn-2xl.fill-black {
	position: relative;
}

.ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content .dialog-footer .btn-wrap .btn-2xl.fill-black + .btn-2xl.fill-black:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 14px;
	background: #707070;
	left: 0;
	top: 28px;
}

.ui-dialog-container .ui-dialog.dialog-bottom .ui-dialog-content .dialog-footer .btn-wrap .btn-2xl.fill-black + .btn-2xl.fill-black.btn-xl:before {
	height: 16px;
	top: 22px;
}

.ui-dialog-container .ui-dialog.dialog-alert {
	position: relative;
	max-width: 375px;
	max-height: calc(var(--reVh) - 80px);
	margin: 0 auto;
	padding: 0 var(--spacing-lg);
	align-self: center;
}

.ui-dialog-container .ui-dialog.dialog-alert .ui-dialog-content {
	max-width: 315px;
	max-height: calc(var(--reVh) - 80px);
}

.ui-dialog-container .ui-dialog.dialog-alert .ui-dialog-content .dialog-body {
	padding-top: var(--spacing-xl);
}

.ui-dialog-container .ui-dialog.dialog-alert .ui-dialog-content .dialog-body .dialog-inner {
	padding-bottom: var(--spacing-xl) !important;
}

.ui-dialog-container .ui-dialog.dialog-alert .ui-dialog-content .dialog-body .alert-desc {
	color: #000;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	word-break: keep-all;
	word-wrap: break-word;
	text-align: center;
}

.ui-dialog-container .ui-dialog.dialog-alert .ui-dialog-content .dialog-footer {
	padding: 0 var(--spacing-def) var(--spacing-def);
	border-top: 0;
	box-shadow: initial;
}

.ui-dialog-container .ui-dialog.dialog-alert .ui-dialog-content .dialog-footer .dialog-alert-btn-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.ui-dialog-container .ui-dialog.dialog-alert .ui-dialog-content .dialog-footer .dialog-alert-btn-wrap .btn-alert {
	color: #fe4400;
}

.ui-dialog-container .ui-dialog.dialog-alert .ui-dialog-content .dialog-footer .dialog-alert-btn-wrap .right-area {
	margin-left: auto;
}

.ui-dialog-container .ui-widget-overlay {
	background-color: #000;
	opacity: 0.5;
	overflow: hidden;
	height: var(--reVh);
}

body.datepicker-open {
	overflow: hidden;
}

body.datepicker-open .ui-datepicker.ui-widget.ui-widget-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.ui-widget-overlay {
	width: 100%;
	background-color: #000;
	opacity: 0.5;
	right: 0;
	bottom: 0;
}

/* 토스트 팝업 */
.wrapper.no-docker ~ .toast-wrap {
	bottom: calc(var(--spacing-def) + env(safe-area-inset-bottom));
}

.wrapper.no-docker ~ .toast-wrap.top, .wrapper.no-docker ~ .toast-wrap.middle {
	bottom: inherit;
}

.toast-wrap {
	display: none;
	position: fixed;
	left: 50%;
	bottom: calc(70px + 16px + env(safe-area-inset-bottom));
	width: calc(100% - 32px);
	max-width: 335px;
	z-index: 1005;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-moz-transition: top 0.23s;
	-webkit-transition: top 0.23s;
	transition: top 0.23s;
	font-size: 0;
}

.toast-wrap.top, .toast-wrap.middle {
	bottom: inherit;
}

.toast-wrap.top {
	top: calc(60px + 16px);
}

.toast-wrap.middle {
	top: 50%;
	transform: translate(-50%, -50%);
}

.toast-wrap .toast-message {
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	box-sizing: border-box;
	width: 100%;
	min-height: 47px;
	padding: 15px var(--spacing-lg) 11px;
	background: rgba(0, 0, 0, 0.85);
	color: #fff;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	text-align: center;
}

/* s: custom popup */
.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer {
	/* 오늘 하루 그만 보기 */
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer .prod-total-price {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 20px;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer .prod-total-price .prod-count {
	color: #666;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer .prod-total-price .price-value {
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer .prod-total-price + .btn-wrap {
	margin-top: var(--spacing-xl);
}

.ui-dialog-container .ui-dialog .ui-dialog-content .dialog-footer .dialog-today-close-btn-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 19px var(--spacing-def) calc(19px + env(safe-area-inset-bottom));
}

.ui-dialog-container .ui-dialog.bottom-full .ui-dialog-content {
	height: calc(var(--reVh) - 130px);
}

.ui-dialog-container .ui-dialog .ui-dialog-content {
	/* 필터 팝업 */
	/* 공유하기 팝업 */
	/* 마케팅 팝업 */
	/* APP 설치 유도 */
	/* 전시 > 룩북 상세 */
	/* 기획전 > 관련상품 */
	/* 배송지연 안내 팝업 > 오늘 하루 그만 보기 */
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: var(--spacing-def);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner {
	padding-bottom: var(--spacing-lg);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .tab-line-wrap .tabs .tab-item .tab-link {
	padding-top: var(--spacing-6xs);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box {
	padding-top: var(--spacing-lg);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-brand-list .brand-item .btn-filter-brand {
	display: flex;
	width: 100%;
	align-items: center;
	text-align: left;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-brand-list .brand-item .btn-filter-brand .brand-logo {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-brand-list .brand-item .btn-filter-brand .brand-logo:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #e5e5e5;
	left: 0;
	top: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-brand-list .brand-item .btn-filter-brand .brand-name {
	flex: 1;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-brand-list .brand-item .btn-filter-brand .brand-name span {
	display: block;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-brand-list .brand-item .btn-filter-brand .brand-name .name-eng {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-brand-list .brand-item .btn-filter-brand .brand-name .name-kor {
	margin-top: 5px;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #999;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-brand-list .brand-item .btn-filter-brand.checked {
	padding-right: calc(var(--spacing-5xs) + 16px);
	background: url("../images/filter/ico_filter_selected.svg") right center no-repeat;
	background-size: 16px;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-brand-list .brand-item .btn-filter-brand.checked .brand-logo:after {
	border-color: #000;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-brand-list .brand-item + .brand-item {
	margin-top: var(--spacing-2xs);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-price-box {
	display: flex;
	column-gap: var(--spacing-5xs);
	align-items: center;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-price-box .input-group {
	flex: 1;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-price-box > span {
	font-size: 10px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 12px;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-price-box + .btn-md {
	width: 100%;
	margin-top: var(--spacing-def);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .ui-slider-box {
	margin-top: var(--spacing-lg);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .ui-slider-box + .ui-col-list {
	margin-top: var(--spacing-lg);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .btn-wrap {
	display: flex;
	gap: var(--spacing-6xs);
	margin-top: var(--spacing-def);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .btn-wrap .w-auto {
	flex: 0 0 42px;
	padding: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .btn-wrap .fill-black {
	flex: 1;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-sub-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-sub-title + .ui-col-list {
	margin-top: var(--spacing-xs);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-sub-title + .filter-price-box,
.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .filter-sub-title + .ui-col-grid {
	margin-top: var(--spacing-3xs);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .ui-col-grid + .filter-sub-title {
	margin-top: var(--spacing-lg);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-body .dialog-inner .filter-box .ui-col-list + .filter-sub-title {
	margin-top: var(--spacing-def);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-filter .dialog-footer {
	padding-top: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.url-share .btn-wrap.row {
	gap: var(--spacing-xs);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.url-share .btn-link-share {
	width: 100%;
	text-align: left;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-prod-option .dialog-inner {
	padding-bottom: calc(var(--spacing-def) + env(safe-area-inset-bottom));
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-marketing .dialog-body {
	padding-top: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-marketing .dialog-body .dialog-inner {
	padding-bottom: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-marketing .dialog-body .dialog-inner .swiper-fraction-wrap {
	position: relative;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-marketing .dialog-body .dialog-inner .swiper-fraction-wrap .swiper-pagination {
	padding: var(--spacing-5xs) var(--spacing-2xs);
	position: absolute;
	top: 16px;
	right: 12px;
	left: auto;
	bottom: auto;
	z-index: 1;
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 15px;
	color: rgba(255, 255, 255, 0.6);
	background: rgba(0, 0, 0, 0.3);
	border-radius: 50px;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-marketing .dialog-body .dialog-inner .swiper-fraction-wrap .swiper-pagination .swiper-pagination-current {
	color: #fff;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-marketing .dialog-body .dialog-inner .swiper-wrapper .swiper-slide .thumb-box {
	width: 100%;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-marketing .dialog-body .dialog-inner .swiper-wrapper .swiper-slide .thumb-box img {
	width: 100%;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-app-install {
	position: relative;
	padding-top: var(--spacing-lg);
	background: transparent;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-app-install .dialog-body {
	padding-top: 0;
	background: #fff;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-app-install .dialog-body .dialog-inner {
	padding-bottom: calc(var(--spacing-def) + env(safe-area-inset-bottom));
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-app-install .dialog-body .dialog-inner .cont-box .cont-inner .ico-logo {
	position: absolute;
	top: 0;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-look-book-detail .dialog-header {
	min-height: 64px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-look-book-detail .dialog-header .dialog-title {
	position: relative;
	padding: 0 26px 0 0;
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 22px;
	color: #fff;
	height: auto;
	max-height: none;
	-webkit-box-orient: inherit;
	-webkit-line-clamp: inherit;
	white-space: normal;
	word-break: break-all;
	z-index: 1;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-look-book-detail .dialog-header .dialog-title .ui-select {
	width: auto;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-look-book-detail .dialog-header .dialog-title .ui-select .ui-selectmenu-button {
	position: relative;
	width: auto;
	height: auto;
	margin: 0 -26px 0 0;
	padding: 0 26px 0 0;
	border: 0;
	background: transparent;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-look-book-detail .dialog-header .dialog-title .ui-select .ui-selectmenu-button .ui-selectmenu-text {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 22px;
	color: #fff;
	height: auto;
	max-height: none;
	-webkit-box-orient: inherit;
	-webkit-line-clamp: inherit;
	white-space: normal;
	word-break: break-all;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-look-book-detail .dialog-header .dialog-title .ui-select .ui-selectmenu-button:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	position: absolute;
	top: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.08) url("../images/exhibition/ico_look_book_detail_sel_arr.svg") center no-repeat;
	background-size: 20px;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-look-book-detail .dialog-header ~ .dialog-body {
	padding-top: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-look-book-detail .dialog-header:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-look-book-detail .dialog-body {
	position: relative;
	z-index: 0;
	/*&:before {
		content: '';
		display: inline-block;
		width: 100%;
		height: 89px;
		position: absolute;
		left: 0;
		top: 0;
		background: linear-gradient(180deg, rgba(variables.$colorBlack, .6) 0%, rgba(variables.$colorBlack, 0) 100%);
		z-index: 2;
	}*/
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-look-book-detail .dialog-close,
.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-look-book-detail .btn-share {
	background: #fff;
	z-index: 2;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-exhibit-prod .showcase-sub-wrap .showcase-sub-title {
	font-size: 22px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 30px;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-exhibit-prod .showcase-sub-wrap .showcase-sub-text {
	color: #666;
	margin-top: var(--spacing-xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-exhibit-prod .showcase-sub-wrap .swiper {
	width: 100%;
	padding-top: var(--spacing-lg);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-exhibit-prod .showcase-sub-wrap .swiper .swiper-wrapper .swiper-slide {
	overflow: hidden;
	align-self: center;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-exhibit-prod .showcase-sub-wrap .swiper .swiper-wrapper .swiper-slide .editor-wrap {
	height: 100%;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-exhibit-prod .showcase-sub-wrap .swiper .swiper-wrapper .swiper-slide .editor-wrap .img-box {
	height: 100%;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-exhibit-prod .showcase-sub-wrap .swiper .swiper-wrapper .swiper-slide .editor-wrap .img-box img {
	height: 100%;
	object-fit: contain;
	object-position: left;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-exhibit-prod .promotion-prod-header {
	position: sticky;
	background: #fff;
	padding-bottom: var(--spacing-def);
	text-align: right;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-exhibit-prod .promotion-prod-box {
	margin-top: var(--spacing-def);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-exhibit-prod .promotion-prod-box ~ .promotion-prod-box {
	margin-top: var(--spacing-2xl);
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-delivery-delay .dialog-footer {
	padding: 0;
}

.ui-dialog-container .ui-dialog .ui-dialog-content.dialog-delivery-delay .dialog-footer .dialog-today-close-btn-wrap {
	border-top: 1px solid #e5e5e5;
}

/* e: custom popup */
.ui-dialog.dialog-full .ui-dialog-content .grid-select-wrap + .btn-wrap {
	margin-top: var(--spacing-def);
}

.ui-dialog.dialog-full .ui-dialog-content .store-flex-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	cursor: pointer;
}

.ui-dialog.dialog-full .ui-dialog-content .store-flex-box .left-area {
	width: 24px;
	padding-right: var(--spacing-5xs);
}

.ui-dialog.dialog-full .ui-dialog-content .store-flex-box .left-area .btn-toggle-map {
	width: 18px;
	height: 18px;
}

.ui-dialog.dialog-full .ui-dialog-content .store-flex-box .left-area .btn-toggle-map.is-active .ico-store-location {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../images/product/ico_location_active_h18.svg") 0 0 no-repeat;
	background-size: cover;
}

.ui-dialog.dialog-full .ui-dialog-content .store-flex-box .left-area .btn-toggle-map .ico-store-location {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../images/product/ico_loaction_disabled_h18.svg") 0 0 no-repeat;
	background-size: cover;
}

.ui-dialog.dialog-full .ui-dialog-content .store-flex-box .store-info .store-name {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.ui-dialog.dialog-full .ui-dialog-content .store-flex-box .store-info .store-category {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.ui-dialog.dialog-full .ui-dialog-content .store-flex-box .store-info .store-address {
	margin-top: var(--spacing-6xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.ui-dialog.dialog-full .ui-dialog-content .store-flex-box .store-info .store-tel {
	margin-top: var(--spacing-6xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.ui-dialog.dialog-full .ui-dialog-content .store-map-box {
	width: 100%;
	height: 240px;
	margin-top: var(--spacing-def);
}

.ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-inner .thumb-size-guide {
	margin-bottom: var(--spacing-def);
}

.ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-inner .thumb-size-guide .thumb-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.ui-dialog.dialog-full .ui-dialog-content .dialog-body .cont-inner .thumb-size-guide .thumb-box img {
	display: block;
	width: 320px;
	height: 320px;
}

.ui-dialog.prod-img-view {
	max-width: 100%;
	padding: 0;
}

.ui-dialog.prod-img-view .ui-dialog-content {
	background: transparent;
}

.ui-dialog.prod-img-view .ui-dialog-content .dialog-body {
	padding-top: 42px;
}

.ui-dialog.prod-img-view .ui-dialog-content .dialog-body .prod-img-preview-swiper {
	position: relative;
	--swiper-theme-color: #fff;
	padding-bottom: var(--spacing-def);
}

.ui-dialog.prod-img-view .ui-dialog-content .dialog-body .prod-img-preview-swiper .swiper-zoom-container {
	position: relative;
	width: 100%;
	padding-top: 138%;
}

.ui-dialog.prod-img-view .ui-dialog-content .dialog-body .prod-img-preview-swiper .swiper-zoom-container img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;
	left: 0;
	top: 0;
}

.ui-dialog.prod-img-view .ui-dialog-content .dialog-body .prod-img-preview-swiper .swiper-pagination {
	position: absolute;
	width: auto;
	left: calc((100vw - 48px) / 2);
	right: calc((100vw - 48px) / 2);
	top: initial;
	bottom: 0;
}

.ui-dialog.prod-img-view .ui-dialog-content .dialog-close {
	background: #fff;
	top: 0;
}

.gift-info-wrap {
	margin-bottom: var(--spacing-lg);
	text-align: center;
}

.gift-info-wrap + .gift-info-wrap {
	border-top: 1px solid #e5e5e5;
	margin-top: var(--spacing-def);
	padding-top: var(--spacing-lg);
}

.gift-info-wrap .gift-title {
	background-color: #f5f5f5;
	height: 46px;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 46px;
}

.gift-info-wrap img {
	margin: var(--spacing-xs) 0;
	width: auto;
	height: 208px;
}

.gift-info-wrap .gift-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.gift-info-wrap .info-text-list {
	text-align: left;
}

.apply-list {
	margin-top: var(--spacing-def);
}

.apply-list li {
	margin-top: var(--spacing-xs);
	padding-top: var(--spacing-xs);
	border-top: 1px solid #e5e5e5;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.apply-list li:first-child {
	margin: 0;
	padding: 0;
	border-top: 0;
}

.apply-list li span {
	display: inline-block;
	width: 50px;
	margin-right: var(--spacing-3xs);
	font-weight: 600;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.swiper-dot-wrap, .swiper-auto-wrap {
	position: relative;
	overflow: hidden;
}

.swiper {
	position: relative;
}

[class^=cont-] .cont-inner .swiper.swiper-slide-width {
	margin-right: calc(var(--spacing-def) * -1);
	padding-right: var(--spacing-def);
}

[class^=dcont-] .cont-inner .swiper.swiper-slide-width {
	margin-right: calc(var(--spacing-def) * -1);
	padding-right: var(--spacing-def);
}

[class^=lcont-] .cont-inner .swiper.swiper-slide-width {
	margin-right: calc(var(--spacing-def) * -1);
	padding-right: var(--spacing-def);
}

.swiper.w324 .swiper-slide {
	width: 324px;
}

.swiper.w320 .swiper-slide {
	width: 32px;
}

.swiper.w301 .swiper-slide {
	width: 301px;
}

.swiper.w200 .swiper-slide {
	width: 200px;
}

.swiper.w150 .swiper-slide {
	width: 150px;
}

.swiper.w120 .swiper-slide {
	width: 120px;
}

.swiper.w104 .swiper-slide {
	width: 104px;
}

.swiper.w60 .swiper-slide {
	width: 60px;
}

/* swiper */
.swiper-auto-wrap {
	padding-left: var(--spacing-def);
	padding-right: var(--spacing-def);
	margin-left: calc(var(--spacing-def) * -1);
	margin-right: calc(var(--spacing-def) * -1);
}

.swiper-auto-wrap .swiper-slide {
	width: auto;
}

.swiper-dot-wrap .swiper-slide {
	width: 100%;
}

.swiper-dot-wrap .swiper-pagination {
	position: relative;
	top: auto;
	bottom: auto;
	left: auto;
	height: 4px;
	margin-top: var(--spacing-def);
}

.swiper-dot-wrap .swiper-pagination .swiper-pagination-bullet {
	width: 4px;
	height: 4px;
	margin: 0 calc(var(--spacing-5xs) / 2);
	background: #aaa;
	opacity: 1;
	vertical-align: top;
	-moz-transition: background 0.2s ease-out;
	-webkit-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
}

.swiper-dot-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #000;
}

.swiper-dot-wrap.no-control .swiper-pagination {
	display: none !important;
}

.swiper-progress-wrap .swiper-pagination {
	position: relative;
	width: 48px;
	margin-top: var(--spacing-def);
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.swiper-nav-wrap {
	position: relative;
}

.swiper-nav-wrap .swiper-navigation {
	position: absolute;
	width: 68px;
	height: 34px;
	font-size: 0;
	z-index: 12;
}

.swiper-nav-wrap .swiper-navigation .swiper-prev,
.swiper-nav-wrap .swiper-navigation .swiper-next {
	width: 34px;
	height: 34px;
	background: #000;
}

.swiper-nav-wrap .swiper-navigation .swiper-prev:before,
.swiper-nav-wrap .swiper-navigation .swiper-next:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	background: url("../images/common/comm_ico_swiper_btn_arr_h34.svg") 0 0 no-repeat;
	background-size: cover;
}

.swiper-nav-wrap .swiper-navigation .swiper-next:before {
	transform: rotate(180deg);
}

.swiper-fraction-wrap .swiper-pagination {
	width: auto;
}

.swiper-fraction-wrap.no-control .swiper-pagination {
	display: none;
}

.best-item-swiper .swiper-slide .best-item-list {
	display: flex;
	flex-direction: column;
}

.best-item-swiper .swiper-slide .best-item-list .thumb-prod ~ .thumb-prod {
	border-top: 1px solid rgba(229, 229, 229, 0.6);
	padding-top: var(--spacing-2xs);
	margin-top: var(--spacing-2xs);
}

.best-item-swiper .swiper-slide .best-item-list .thumb-prod {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--spacing-3xs);
	padding-right: var(--spacing-3xs);
}

.best-item-swiper .swiper-slide .best-item-list .thumb-prod .best-no {
	font-size: 26px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 26px;
	width: 28px;
	text-align: center;
}

.best-item-swiper .swiper-slide .best-item-list .thumb-prod .prod-info-box {
	width: 100%;
}

/* s : 결제수단 카드 스와이퍼 */
.payment-method-swiper {
	position: relative;
	overflow: hidden;
}

.cont-inner .payment-method-swiper {
	margin: 0 calc(var(--spacing-def) * -1);
}

.cont-inner .payment-method-swiper .swiper-fraction-wrap {
	padding: 0 var(--spacing-def);
}

.payment-method-swiper .swiper-slide .card-box,
.payment-method-swiper .swiper-slide .account-box {
	position: relative;
	width: 100%;
	padding-top: 63.43%;
	border-radius: 16px;
	background-size: cover;
}

.payment-method-swiper .swiper-slide .card-box .card-inner,
.payment-method-swiper .swiper-slide .card-box .account-inner,
.payment-method-swiper .swiper-slide .account-box .card-inner,
.payment-method-swiper .swiper-slide .account-box .account-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: var(--spacing-md) var(--spacing-def);
}

.payment-method-swiper .swiper-slide .card-box .card-name,
.payment-method-swiper .swiper-slide .card-box .account-name,
.payment-method-swiper .swiper-slide .account-box .card-name,
.payment-method-swiper .swiper-slide .account-box .account-name {
	margin-top: auto;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.payment-method-swiper .swiper-slide .card-box .card-number,
.payment-method-swiper .swiper-slide .card-box .account-number,
.payment-method-swiper .swiper-slide .account-box .card-number,
.payment-method-swiper .swiper-slide .account-box .account-number {
	margin-top: 11px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.payment-method-swiper .swiper-slide .card-box .btn-card-del,
.payment-method-swiper .swiper-slide .account-box .btn-card-del {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #f5f5f5 url("../images/order/ico_btn_card_del.svg") center no-repeat;
	background-size: 8px;
}

.payment-method-swiper .swiper-slide .card-box .card-name {
	color: #fff;
}

.payment-method-swiper .swiper-slide .card-box .card-number {
	color: #fff;
}

.payment-method-swiper .swiper-slide .account-box .account-name {
	color: #000;
}

.payment-method-swiper .swiper-slide .account-box .account-number {
	color: #000;
}

.payment-method-swiper .swiper-slide .ui-select {
	margin-top: var(--spacing-3xs);
}

.payment-method-swiper .swiper-slide .btn-payment-card-add {
	position: relative;
	width: 100%;
	padding-top: 63.43%;
	border-radius: 16px;
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
}

.payment-method-swiper .swiper-slide .btn-payment-card-add .text {
	position: absolute;
	top: 49.75%;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.payment-method-swiper .swiper-slide .btn-payment-card-add:before {
	position: absolute;
	top: 32.51%;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	margin: 0 auto 17px;
	background: url("../images/order/ico_btn_card_add.svg") 0 0 no-repeat;
	background-size: cover;
}

.payment-method-swiper .swiper-pagination {
	position: relative;
	top: auto;
	bottom: auto;
	left: auto;
	margin-top: var(--spacing-def);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
	color: rgba(0, 0, 0, 0.5);
}

.payment-method-swiper .swiper-pagination .swiper-pagination-current {
	color: #000;
}

/* e : 결제수단 카드 스와이퍼 */
/* // swiper */
/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.fold-item {
	border-bottom: 1px solid #e5e5e5;
}

.fold-item .fold-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: relative;
	padding: var(--spacing-def) var(--spacing-def) var(--spacing-def) 0;
	background-color: #fff;
}

.fold-item .fold-header .fold-title {
	flex: 1;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
	color: #000;
}

.fold-item .fold-header .fold-title .ui-chk,
.fold-item .fold-header .fold-title .ui-rdo {
	z-index: 2;
}

.fold-item .fold-header .btn-fold {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.fold-item .fold-header .btn-fold:after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: top;
	background: url("../images/common/comm_ico_fold_arr_gray.svg") 0 0 no-repeat;
	background-size: cover;
	-moz-transform: rotateZ(0);
	-webkit-transform: rotateZ(0);
	transform: rotateZ(0);
	-moz-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	-webkit-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
}

.fold-item .fold-content {
	display: none;
	padding: var(--spacing-6xs) 0 var(--spacing-lg);
	background-color: #fff;
}

.expanded.fold-item > .fold-header .btn-fold:after {
	-moz-transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

.expanded.fold-item > .fold-header .fold-show-control {
	display: none;
}

.expanded.fold-item > .fold-content {
	display: block;
}

.no-fold.fold-item .btn-fold:after {
	display: none;
}

/* default */
.fold-wrap {
	/*  2025-02-20:: 이미지 넣을 기획전용 */
}

.fold-wrap .fold-list {
	border-top: 1px solid #e5e5e5;
}

.fold-wrap .fold-list.type-filter {
	border-top: none;
}

.fold-wrap .fold-list.type-filter .fold-item {
	border-bottom: none;
}

.fold-wrap .fold-list.type-filter .fold-item .fold-header {
	padding: var(--spacing-3xs) 0;
}

.fold-wrap .fold-list.type-filter .fold-item .fold-header .fold-title {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.fold-wrap .fold-list.type-filter .fold-item .fold-header .fold-title .prod-count {
	color: #999;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

.fold-wrap .fold-list.type-filter .fold-item .fold-header .fold-title .ico-selected {
	margin: 1px 0 0 var(--spacing-5xs);
}

.fold-wrap .fold-list.type-filter .fold-item .fold-content {
	padding: var(--spacing-md) 0 var(--spacing-lg);
	border-top: none;
}

.fold-wrap .fold-list.type-qna .fold-header {
	padding-top: var(--spacing-md);
	padding-right: 35px;
	padding-bottom: var(--spacing-md);
}

.fold-wrap .fold-list.type-qna .fold-content {
	padding-top: 0;
	padding-left: 32px;
	padding-bottom: var(--spacing-md);
}

.fold-wrap .fold-list.type-qna .fold-content .img-box {
	width: 104px;
	margin-top: var(--spacing-def);
	text-align: left;
}

.fold-wrap .fold-list.type-qna .fold-content .qna-item {
	position: relative;
	margin-top: var(--spacing-xl);
	align-items: flex-start;
}

.fold-wrap .fold-list.type-qna .fold-content .qna-item .qna-type {
	position: absolute;
	top: 0;
	left: -32px;
	color: #fe4400;
}

.fold-wrap .fold-list.type-qna .fold-content .link-text {
	margin-top: 22px;
}

.fold-wrap.event .fold-list {
	border: 0;
}

.fold-wrap.event .fold-list .fold-item {
	border: 0;
}

.fold-wrap.event .fold-list .fold-item .fold-header {
	padding: 0;
}

.fold-wrap.event .fold-list .fold-item .fold-header .btn-fold:after {
	display: none;
}

.fold-wrap.event .fold-list .fold-item .fold-content {
	padding: 0;
}

.fold-wrap.type-menu .fold-list {
	border-top: none;
}

.fold-wrap.type-menu .fold-list .fold-item {
	border-bottom: none;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-header {
	padding-top: 13px;
	padding-right: 35px;
	padding-bottom: 13px;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-header .fold-title {
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
	max-width: 296px;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-header .fold-title:lang(ko) {
	font-size: 26px;
	font-weight: 700;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-header .btn-fold:after {
	position: absolute;
	background-image: url("../images/order/ico_order_fold_arr.svg");
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content {
	padding-top: var(--spacing-3xs);
	padding-right: var(--spacing-6xs);
	padding-left: var(--spacing-6xs);
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth2-list .depth2-item .link-depth2,
.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth2-list .depth2-item .btn-depth-more,
.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth2-list .depth2-item .depth3-list .depth3-item .link-depth3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth2-list .depth2-item .link-depth2 .text,
.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth2-list .depth2-item .btn-depth-more .text {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 21px;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth2-list .depth2-item .link-depth2 {
	display: inline-block;
	vertical-align: top;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth2-list .depth2-item .btn-depth-more {
	width: 100%;
	position: relative;
	text-align: left;
	padding-right: 15px;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth2-list .depth2-item .btn-depth-more:after {
	display: inline-block;
	content: "";
	width: 15px;
	height: 15px;
	position: absolute;
	right: 0;
	background: url("../images/common/comm_ico_burger_menu_plus.svg") 0 0 no-repeat;
	background-size: cover;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth2-list .depth2-item .btn-depth-more ~ .depth3-list {
	display: none;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth2-list .depth2-item.is-active .link-depth2 .text,
.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth2-list .depth2-item.is-active .btn-depth-more .text {
	color: #fe4400;
	font-weight: 600;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth2-list .depth2-item.is-active .btn-depth-more:after {
	background-image: url("../images/common/comm_ico_burger_menu_minus.svg");
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth2-list .depth2-item.is-active .depth3-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth2-list .depth2-item ~ .depth2-item {
	margin-top: var(--spacing-def);
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth3-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--spacing-xs) var(--spacing-def);
	padding-top: var(--spacing-def);
	padding-right: var(--spacing-5xs);
	padding-left: var(--spacing-5xs);
	padding-bottom: var(--spacing-3xs);
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth3-list .depth3-item {
	width: calc((100% - 20px) / 2);
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth3-list .depth3-item .link-depth3 {
	display: inline-block;
	vertical-align: top;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth3-list .depth3-item .link-depth3 .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	color: #666;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .depth3-list .depth3-item .link-depth3.is-current-page .text {
	font-weight: 600;
	color: #000;
	text-decoration: underline;
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .fold-wrap.type-menu {
	margin-top: calc(-1 * var(--spacing-3xs));
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .fold-wrap.type-menu .fold-list .fold-item .fold-header {
	padding-top: var(--spacing-2xs);
	padding-bottom: var(--spacing-2xs);
}

.fold-wrap.type-menu .fold-list .fold-item .fold-content .fold-wrap.type-menu .fold-list .fold-item .fold-title {
	font-size: 26px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 26px;
}

.fold-wrap.type-menu .fold-list .fold-item:last-child > .fold-content {
	padding-bottom: 0;
}

.fold-wrap.type-menu .fold-list .fold-item.menu-img .fold-header {
	padding: 0 35px 0 0;
}

.fold-wrap.type-my-main .fold-list {
	border: none;
}

.fold-wrap.type-my-main .fold-item .fold-header {
	padding: var(--spacing-lg) var(--spacing-def);
}

.fold-wrap.type-my-main .fold-item .fold-header .fold-title {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.fold-wrap.type-my-main .fold-item .fold-header .btn-fold:after {
	margin-right: var(--spacing-def);
	background: url("../images/my/ico_fold_arr_my_main.svg") 0 0 no-repeat;
	background-size: cover;
}

.fold-wrap.type-my-main .fold-item .fold-content {
	padding: var(--spacing-md) var(--spacing-def) var(--spacing-lg);
}

.fold-wrap.type-my-main .fold-item.expanded > .fold-header {
	padding-bottom: 0;
}

.fold-wrap.type-my-main .fold-item.expanded > .fold-header .btn-fold:after {
	align-self: flex-end;
	margin-bottom: var(--spacing-6xs);
}

.fold-wrap.type-my-main .fold-item:last-child {
	border-bottom: none;
}

.ico-managed {
	display: inline-block;
	vertical-align: top;
	width: 3px;
	height: 3px;
	margin-top: 3px;
	margin-left: var(--spacing-min);
	background: #fe4400;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
/* s : keyframes */
@keyframes bottomPopAnimation {
	0% {
		margin-bottom: -20vh;
	}
	100% {
		margin-bottom: 0;
	}
}
@keyframes rightPopAnimation {
	0% {
		margin-right: -50vw;
	}
	100% {
		margin-right: 0;
	}
}
@keyframes scaleAnimation {
	0% {
		-moz-transform: scale(0.85);
		-webkit-transform: scale(0.85);
		transform: scale(0.85);
	}
	100% {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes opacityActive {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/* e: keyframes */
/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
/* text list */
.dash-text,
.dot-text,
.dot-text-sm,
.star-text,
.star-text-sm,
.decimal-text {
	position: relative;
	display: block;
	word-break: keep-all;
	word-wrap: break-word;
}

.dash-text {
	padding-left: var(--spacing-4xs);
}

.dash-text:before {
	display: block;
	position: absolute;
	left: 0;
	content: "-";
	top: 0;
}

.dash-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.dot-text-sm, .dot-text {
	padding-left: var(--spacing-4xs);
}

.dot-text-sm:before, .dot-text:before {
	display: block;
	position: absolute;
	left: 0;
	content: "";
	top: 8px;
	width: 2px;
	height: 2px;
	border-radius: 2px;
}

.dot-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.dot-text:before {
	background-color: #666;
}

.dot-text-sm {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #666;
}

.dot-text-sm:before {
	background-color: #666;
}

.star-text-sm, .star-text {
	padding-left: var(--spacing-4xs);
}

.star-text-sm:before, .star-text:before {
	display: block;
	position: absolute;
	left: 0;
	content: "*";
	top: 0;
	color: #000;
}

.fc-gray6.star-text-sm:before, .fc-gray6.star-text:before {
	color: #666;
}

.star-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #999;
}

.star-text:before {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.star-text-sm {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #999;
}

.star-text-sm:before {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.decimal-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #000;
}

.has-list-type {
	padding-left: 16px;
}

.has-list-type .text-list-type {
	position: absolute;
	left: 0;
	top: 0;
}

.info-text-list .dash-text {
	margin-top: var(-spacing-0);
}

.info-text-list .dash-text ~ .dash-text {
	margin-top: var(--spacing-5xs);
}

.info-text-list .dot-text {
	margin-top: 0;
}

.info-text-list .dot-text ~ .dot-text {
	margin-top: var(--spacing-5xs);
}

.info-text-list .dot-text.fc-spot:before {
	background-color: #fe4400;
}

.info-text-list .dot-text-sm {
	margin-top: 0;
}

.info-text-list .dot-text-sm ~ .dot-text-sm {
	margin-top: var(--spacing-5xs);
}

.info-text-list .star-text {
	margin-top: 0;
}

.info-text-list .star-text ~ .star-text {
	margin-top: var(--spacing-5xs);
}

.info-text-list .star-text-sm {
	margin-top: 0;
}

.info-text-list .star-text-sm ~ .star-text-sm {
	margin-top: var(--spacing-5xs);
}

.info-text-list .decimal-text {
	margin-top: 0;
}

.info-text-list .decimal-text ~ .decimal-text {
	margin-top: var(--spacing-3xs);
}

.info-text-list .info-text-list {
	margin-top: var(--spacing-5xs);
}

.info-text-list .info-text-list .info-text-list {
	margin-top: var(--spacing-5xs);
}

/* text list */
/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.prod-price {
	font-size: 0;
	margin-top: var(--spacing-4xs);
}

.prod-price .price-group {
	display: inline-block;
}

.prod-price .price-group .val,
.prod-price .price-group .unit {
	color: #000;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.prod-price .price-group.origin .val,
.prod-price .price-group.origin .unit {
	color: #999;
	font-weight: 400;
	text-decoration: line-through;
}

.prod-price .percent {
	color: #fe4400;
	margin-right: var(--spacing-6xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

/* grid-list */
.grid-list {
	display: grid;
	grid-template-columns: minmax(1px, 1fr);
	grid-template-rows: minmax(0, 1fr);
	gap: var(--spacing-xl) 0;
	padding: 0 var(--spacing-def);
}

.grid-list.col2 {
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: minmax(0, 1fr);
	gap: var(--spacing-xl) var(--spacing-min);
	padding: 0;
}

.grid-list.col2 .grid-item.event-full-banner, .grid-list.col2 .grid-item.prod-full {
	grid-column: 1/3;
}

.grid-list.col2 .grid-item.thumb-prod.prod-full .thumb-prod-inner .info-box {
	padding-top: 21px;
	padding-right: var(--spacing-def);
	padding-left: var(--spacing-def);
}

.grid-list.col2 .grid-item.thumb-prod.prod-full .thumb-prod-inner .info-box .rank-num {
	top: -27px;
	left: 20px;
	min-width: 34px;
	height: 34px;
	padding-top: 3px;
	padding-right: var(--spacing-5xs);
	padding-left: var(--spacing-5xs);
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
}

.grid-list.col2 .grid-item.thumb-prod.prod-full .thumb-prod-inner .info-box .rank-num + .prod-brand {
	padding-top: 0;
}

.grid-list.col3 {
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: minmax(0, 1fr);
	gap: var(--spacing-xl) var(--spacing-min);
	padding: 0;
}

.grid-list.row {
	gap: var(--spacing-2xs);
}

.grid-list.row.item-has-line {
	gap: var(--spacing-lg);
}

.grid-list.row.item-has-line .grid-item + .grid-item {
	padding-top: var(--spacing-lg);
	border-top: 1px solid #e5e5e5;
}

.grid-list.row.item-has-line .grid-item + .grid-item .btn-delete-ord {
	top: 30px;
}

.grid-list.row.has-tbline {
	gap: var(--spacing-lg);
}

.grid-list.row.has-tbline .grid-item + .grid-item {
	padding-top: var(--spacing-lg);
	border-top: 1px solid #e5e5e5;
}

.grid-list.row.has-tbline .grid-item + .grid-item .btn-delete-ord {
	top: 30px;
}

.grid-list.row.has-tbline .grid-item:first-child {
	padding-top: var(--spacing-lg);
	border-top: 1px solid #e5e5e5;
}

.grid-list.row.has-tbline .grid-item:last-child {
	padding-bottom: var(--spacing-lg);
	border-bottom: 1px solid #e5e5e5;
}

/* prod-item _240528 LTK */
.grid-item.thumb-prod, .grid-item.thumb-prod-row {
	position: relative;
	width: 100%;
}

.grid-item.thumb-prod .thumb-prod-inner, .grid-item.thumb-prod-row .thumb-prod-inner {
	position: relative;
	transition: all 0.5s ease-in-out;
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box {
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .thumb-box-inner, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .thumb-box-inner {
	padding-top: 138%;
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .thumb-box-inner img, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .thumb-box-inner img {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box a, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box a {
	display: block;
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box img, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .ui-chk, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .ui-chk {
	position: absolute;
	z-index: 5;
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .member-only,
.grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal,
.grid-item.thumb-prod .thumb-prod-inner .thumb-box .coming-soon, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .member-only,
.grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .time-deal,
.grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .coming-soon {
	position: absolute;
	display: inline-block;
	border-radius: 12px;
	left: 8px;
	top: 8px;
	font-size: 0;
	z-index: 2;
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .member-only .text,
.grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal .text,
.grid-item.thumb-prod .thumb-prod-inner .thumb-box .coming-soon .text, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .member-only .text,
.grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .time-deal .text,
.grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .coming-soon .text {
	display: inline-block;
	vertical-align: top;
}

.grid-list:not(.col2) .grid-item.thumb-prod .thumb-prod-inner .thumb-box .member-only,
.grid-list:not(.col2) .grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal,
.grid-list:not(.col2) .grid-item.thumb-prod .thumb-prod-inner .thumb-box .coming-soon, .grid-list:not(.col2) .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .member-only,
.grid-list:not(.col2) .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .time-deal,
.grid-list:not(.col2) .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .coming-soon {
	border-radius: 15px;
	left: 10px;
	top: 10px;
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .member-only, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .member-only {
	background: rgba(254, 68, 0, 0.08);
	padding: var(--spacing-5xs) var(--spacing-4xs);
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .member-only .ico-member-only, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .member-only .ico-member-only {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: var(--spacing-6xs);
	background: url("../images/product/ico_member_only.svg") 0 0 no-repeat;
	background-size: cover;
	vertical-align: text-top;
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .member-only .text, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .member-only .text {
	color: #fe4400;
	font-size: 10px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 12px;
}

.grid-list:not(.col2) .grid-item.thumb-prod .thumb-prod-inner .thumb-box .member-only, .grid-list:not(.col2) .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .member-only {
	padding-right: var(--spacing-3xs);
	padding-left: var(--spacing-3xs);
}

.grid-list:not(.col2) .grid-item.thumb-prod .thumb-prod-inner .thumb-box .member-only .ico-member-only, .grid-list:not(.col2) .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .member-only .ico-member-only {
	width: 15px;
	height: 15px;
}

.grid-list:not(.col2) .grid-item.thumb-prod .thumb-prod-inner .thumb-box .member-only .text, .grid-list:not(.col2) .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .member-only .text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .time-deal {
	padding: var(--spacing-5xs) var(--spacing-4xs) var(--spacing-6xs);
	min-width: 92px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	background: #000;
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal .ico-time-deal, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .time-deal .ico-time-deal {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: var(--spacing-min);
	background: url("../images/product/ico_time_deal.svg") 0 0 no-repeat;
	background-size: cover;
	vertical-align: top;
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal .text, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .time-deal .text {
	color: #fff;
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 14px;
}

.grid-list:not(.col2) .grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal, .grid-list:not(.col2) .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .time-deal {
	padding-top: 7px;
	padding-right: var(--spacing-3xs);
	padding-left: var(--spacing-3xs);
	padding-bottom: 5px;
}

.grid-list:not(.col2) .grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal .ico-time-deal, .grid-list:not(.col2) .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .time-deal .ico-time-deal {
	width: 15px;
	height: 15px;
	margin-right: var(--spacing-6xs);
	margin-bottom: 1px;
}

.grid-list:not(.col2) .grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal .text, .grid-list:not(.col2) .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .time-deal .text {
	font-size: 16px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 16px;
	margin-top: 1px;
}

body.ios .grid-list:not(.col2) .grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal, body.mac .grid-list:not(.col2) .grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal, body.ios .grid-list:not(.col2) .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .time-deal, body.mac .grid-list:not(.col2) .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .time-deal {
	padding-top: var(--spacing-5xs);
	padding-bottom: var(--spacing-5xs);
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .coming-soon, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .coming-soon {
	min-width: 58px;
	padding: var(--spacing-5xs) var(--spacing-2xs) var(--spacing-5xs);
	text-align: center;
	background: rgba(0, 0, 0, 0.6);
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .coming-soon .text, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .coming-soon .text {
	color: #fff;
	font-size: 10px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 12px;
}

.grid-list:not(.col2) .grid-item.thumb-prod .thumb-prod-inner .thumb-box .coming-soon, .grid-list:not(.col2) .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .coming-soon {
	padding-top: 7px;
	padding-bottom: 7px;
}

.grid-list:not(.col2) .grid-item.thumb-prod .thumb-prod-inner .thumb-box .coming-soon .text, .grid-list:not(.col2) .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .coming-soon .text {
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 15px;
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .badge-thumb, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .badge-thumb {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .btn-cart, .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .btn-cart {
	position: absolute;
	width: 42px;
	height: 42px;
	background: url("../images/product/ico_btn_cart.svg") 0 0 no-repeat;
	background-size: cover;
	right: 0;
	bottom: 0;
	z-index: 9;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box, .grid-item.thumb-prod-row .thumb-prod-inner .info-box {
	position: relative;
	display: block;
}

.grid-list.col2 .grid-item.thumb-prod .thumb-prod-inner .info-box, .grid-list.col2 .grid-item.thumb-prod-row .thumb-prod-inner .info-box {
	padding: 0 var(--spacing-3xs);
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .rank-num, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .rank-num {
	display: inline-block;
	vertical-align: top;
	position: absolute;
	z-index: 1;
	top: -23px;
	left: 10px;
	min-width: 26px;
	height: 26px;
	padding-top: 1px;
	padding-right: var(--spacing-6xs);
	padding-left: var(--spacing-6xs);
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 26px;
	background: #000;
	color: #fff;
	text-align: center;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .rank-num + .prod-brand, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .rank-num + .prod-brand {
	padding-top: var(--spacing-2xs);
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .prod-date-count, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .prod-date-count {
	color: #fe4400;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .prod-date-count + .prod-brand, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .prod-date-count + .prod-brand {
	margin-top: var(--spacing-4xs);
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .prod-soon, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .prod-soon {
	display: inline-block;
	margin-bottom: var(--spacing-xs);
	padding: var(--spacing-5xs) var(--spacing-4xs);
	background: rgba(254, 68, 0, 0.08);
	border-radius: var(--spacing-def);
	color: #fe4400;
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .prod-no, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .prod-no {
	position: relative;
	width: 26px;
	height: 26px;
	margin: calc(var(--spacing-md) * -1) 0 var(--spacing-3xs);
	background-color: #000;
	color: #fff;
	text-align: center;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 26px;
	z-index: 1;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .prod-brand, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .prod-brand {
	color: #aaa;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .prod-title, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .prod-title {
	width: 100%;
	margin-top: var(--spacing-6xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .prod-size, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .prod-size {
	color: #999;
	margin-top: var(--spacing-4xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .prod-size + .prod-size, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .prod-size + .prod-size {
	margin-top: 0;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .sold-out, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .sold-out {
	color: #999;
	margin-top: var(--spacing-2xs);
	text-transform: uppercase;
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .badge-wrap, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .badge-wrap {
	font-size: 0;
	margin: var(--spacing-xs) 0 calc(var(--spacing-min) * -1);
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .review-cnt-wrap, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .review-cnt-wrap {
	margin-top: var(--spacing-2xs);
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .review-cnt-wrap .ico-review-star, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .review-cnt-wrap .ico-review-star {
	margin: 3px 3px 0 0;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .review-cnt-wrap .review-val,
.grid-item.thumb-prod .thumb-prod-inner .info-box .review-cnt-wrap .review-cnt, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .review-cnt-wrap .review-val,
.grid-item.thumb-prod-row .thumb-prod-inner .info-box .review-cnt-wrap .review-cnt {
	display: inline-block;
	color: #999;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .hashtag-wrap, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .hashtag-wrap {
	margin-top: var(--spacing-2xs);
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .hashtag-wrap .hashtag, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .hashtag-wrap .hashtag {
	color: #999;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .hashtag-wrap .hashtag + .hashtag:before, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .hashtag-wrap .hashtag + .hashtag:before {
	content: " ";
}

.grid-item.thumb-prod .thumb-prod-inner .info-box [class^=btn-], .grid-item.thumb-prod-row .thumb-prod-inner .info-box [class^=btn-] {
	position: relative;
	z-index: 2;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .sold-out-text,
.grid-item.thumb-prod .thumb-prod-inner .info-box .u-custom-remain-text, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .sold-out-text,
.grid-item.thumb-prod-row .thumb-prod-inner .info-box .u-custom-remain-text {
	color: #999;
	margin-top: var(--spacing-def);
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .sold-out-text, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .sold-out-text {
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .u-custom-remain-text, .grid-item.thumb-prod-row .thumb-prod-inner .info-box .u-custom-remain-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.grid-item.thumb-prod .thumb-prod-inner .prod-compare, .grid-item.thumb-prod-row .thumb-prod-inner .prod-compare {
	margin-top: var(--spacing-def);
}

.grid-item.thumb-prod .thumb-prod-inner .prod-compare .ui-select, .grid-item.thumb-prod-row .thumb-prod-inner .prod-compare .ui-select {
	width: 100%;
}

.grid-item.thumb-prod .thumb-prod-inner .prod-compare .ui-select + .ui-select, .grid-item.thumb-prod-row .thumb-prod-inner .prod-compare .ui-select + .ui-select {
	margin-top: var(--spacing-5xs);
}

.grid-item.thumb-prod .thumb-prod-inner .thumb-box .ui-chk {
	left: 10px;
	top: 10px;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box {
	margin-top: var(--spacing-3xs);
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .badge-wrap .badge.best {
	background: rgba(254, 68, 0, 0.08);
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .badge-wrap .badge.best .text {
	color: #fe4400;
}

.grid-item.thumb-prod .thumb-prod-inner .info-box .prod-price .price-group.origin {
	display: block;
	margin-bottom: var(--spacing-min);
}

.grid-item.thumb-prod.size-sm .thumb-prod-inner .info-box {
	margin-top: var(--spacing-4xs);
}

.grid-item.thumb-prod.size-sm .thumb-prod-inner .info-box .prod-brand {
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
}

.grid-item.thumb-prod.size-sm .thumb-prod-inner .info-box .prod-title {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 34px;
	line-height: 17px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.grid-item.thumb-prod.size-sm .thumb-prod-inner .info-box .prod-price {
	margin-top: var(--spacing-5xs);
}

.grid-item.thumb-prod.size-sm .thumb-prod-inner .info-box .prod-price .price-group .val,
.grid-item.thumb-prod.size-sm .thumb-prod-inner .info-box .prod-price .price-group .unit {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 15px;
}

.grid-item.thumb-prod-row .thumb-prod-inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--spacing-2xs);
}

.grid-item.thumb-prod-row .thumb-prod-inner .thumb-box {
	flex: 0 0 80px;
}

.grid-item.thumb-prod-row .thumb-prod-inner .thumb-box .ui-chk {
	left: 0;
	top: 0;
}

.grid-item.thumb-prod-row .thumb-prod-inner .info-box {
	flex: 1;
	text-align: left;
}

.grid-item.thumb-prod-row .thumb-prod-inner .info-box .prod-price .price-group.origin {
	margin-left: var(--spacing-5xs);
}

.grid-item.thumb-prod-row .thumb-prod-inner .info-box .badge-wrap {
	margin-top: 0;
	margin-bottom: var(--spacing-2xs);
}

.grid-item.thumb-prod-row.size-lg .orange-box {
	text-align: center;
}

.grid-item.thumb-prod-row.size-lg .thumb-box {
	flex: 0 0 104px;
}

.grid-item.thumb-prod-row.size-sm .thumb-box {
	flex: 0 0 60px;
}

.grid-item.thumb-prod-row.size-sm .info-box .prod-title {
	margin-top: var(--spacing-min);
	-webkit-line-clamp: 1;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.grid-item.thumb-prod-row.size-sm .info-box .prod-price {
	margin-top: var(--spacing-5xs);
}

.grid-item.thumb-prod-row.size-sm .info-box .prod-price .price-group .val,
.grid-item.thumb-prod-row.size-sm .info-box .prod-price .price-group .unit,
.grid-item.thumb-prod-row.size-sm .info-box .prod-price .percent {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
}

.grid-item.thumb-prod-row.size-sm .info-box .prod-price .price-group.origin .val,
.grid-item.thumb-prod-row.size-sm .info-box .prod-price .price-group.origin .unit {
	font-weight: 400;
}

.grid-item.thumb-prod-row.size-sm .info-box .badge-wrap {
	margin: var(--spacing-5xs) 0 0;
}

.grid-item.thumb-prod-row.size-sm .info-box .review-cnt-wrap {
	margin-top: var(--spacing-6xs);
}

.grid-item.thumb-prod-row .cart-price-box {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.grid-item.thumb-prod-row .cart-price-box .text-discount {
	color: #fe4400;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
}

.grid-item.thumb-prod-row .cart-price-box .prod-price {
	margin-left: auto;
}

.grid-item.thumb-prod-row .cart-price-box .prod-price .price-group .val,
.grid-item.thumb-prod-row .cart-price-box .prod-price .price-group .unit {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.grid-item.thumb-prod-row .cart-price-box .prod-price .price-group.origin {
	display: block;
	margin-bottom: var(--spacing-min);
	text-align: right;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.grid-item.thumb-prod-row .cart-price-box .prod-price .price-group.origin .val {
	color: #aaa;
	text-decoration: line-through;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.grid-item.thumb-prod-row .cart-price-box .prod-price .percent {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.grid-item.thumb-prod-row .date {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	margin-bottom: 17px;
}

.grid-item.thumb-prod-row .state-type {
	margin-bottom: var(--spacing-xs);
	color: #fe4400;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
}

.grid-item.thumb-prod-row .review-point-info {
	margin-top: 21px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	text-align: center;
}

.grid-item.thumb-prod-row .ui-spinner-box {
	position: relative;
	margin-top: var(--spacing-def);
	z-index: 5;
}

.grid-item.event-banner, .grid-item.event-full-banner {
	position: relative;
	width: 100%;
}

.grid-item.event-banner .thumb-box, .grid-item.event-full-banner .thumb-box {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

.grid-item.event-banner .thumb-box .event-link, .grid-item.event-full-banner .thumb-box .event-link {
	position: relative;
	display: block;
	height: 100%;
}

.grid-item.event-banner .thumb-box .event-link img, .grid-item.event-full-banner .thumb-box .event-link img {
	width: 100%;
}

.grid-item.thumb-exhibit .thumb-exhibit-inner {
	position: relative;
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .thumb-box {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	z-index: 8;
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .thumb-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .thumb-box .badge-thumb {
	position: absolute;
	bottom: 0;
	left: 0;
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .thumb-box .time-deal {
	position: absolute;
	display: inline-block;
	border-radius: 12px;
	font-size: 0;
	z-index: 2;
	top: 7px;
	left: var(--spacing-3xs);
	min-width: 92px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	background: #000;
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .thumb-box .time-deal .ico-time-deal {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: var(--spacing-6xs);
	margin-bottom: 1px;
	background: url("../images/product/ico_time_deal.svg") 0 0 no-repeat;
	background-size: cover;
	vertical-align: top;
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .thumb-box .time-deal .text {
	color: #fff;
	font-size: 16px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 16px;
	margin-top: 1px;
}

.grid-list:not(.col2) .grid-item.thumb-exhibit .thumb-exhibit-inner .thumb-box .time-deal {
	padding-top: 7px;
	padding-right: var(--spacing-3xs);
	padding-left: var(--spacing-3xs);
	padding-bottom: 5px;
}

.grid-list:not(.col2) .grid-item.thumb-exhibit .thumb-exhibit-inner .thumb-box .time-deal .ico-time-deal {
	width: 15px;
	height: 15px;
	margin-right: var(--spacing-6xs);
	margin-bottom: 1px;
}

.grid-list:not(.col2) .grid-item.thumb-exhibit .thumb-exhibit-inner .thumb-box .time-deal .text {
	font-size: 16px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 16px;
	margin-top: 1px;
}

body.ios .grid-list:not(.col2) .grid-item.thumb-exhibit .thumb-exhibit-inner .thumb-box .time-deal, body.mac .grid-list:not(.col2) .grid-item.thumb-exhibit .thumb-exhibit-inner .thumb-box .time-deal {
	padding-top: var(--spacing-5xs);
	padding-bottom: var(--spacing-5xs);
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .thumb-box .btn-prod-picker {
	position: absolute;
	width: 26px;
	height: 26px;
	z-index: 11;
	background: url("../images/common/comm_ico_prod_picker_plus.svg") 0 0 no-repeat;
	background-size: cover;
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .info-box {
	margin-top: var(--spacing-2xs);
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-brand {
	color: #999;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-brand + .exhibit-title {
	margin-top: var(--spacing-6xs);
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-title {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-title:not(.multi-line) {
	overflow: hidden;
	display: block;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-title.multi-line {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 42px;
	line-height: 21px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.swiper-slide-width .grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-period {
	margin-top: var(--spacing-4xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-price {
	margin-top: var(--spacing-4xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.grid-item.thumb-exhibit .thumb-exhibit-inner .btn-link {
	z-index: 9;
}

.grid-item.thumb-exhibit.type-promotion-prod {
	padding-left: var(--spacing-3xs);
	padding-right: var(--spacing-3xs);
}

.grid-item.thumb-exhibit.type-promotion-prod .thumb-exhibit-inner .thumb-box .brand-logo {
	position: absolute;
	width: 56px;
	height: 56px;
	left: -10px;
	bottom: 0;
}

.grid-item.thumb-exhibit.type-promotion-prod .thumb-exhibit-inner .info-box {
	margin-top: var(--spacing-xs);
}

.grid-item.thumb-exhibit.type-promotion-prod .thumb-exhibit-inner .info-box .exhibit-title {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.grid-item.thumb-exhibit.type-promotion-prod .thumb-exhibit-inner .info-box .exhibit-title.multi-line {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 44px;
	line-height: 22px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.grid-item.thumb-exhibit.type-promotion-prod .thumb-exhibit-inner .info-box .exhibit-desc {
	margin-top: 7px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.grid-item.thumb-exhibit.type-promotion-prod .thumb-exhibit-inner .info-box .exhibit-desc.multi-line {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.grid-item.thumb-exhibit.type-promotion-prod .thumb-exhibit-inner + .grid-list {
	margin-top: var(--spacing-xs);
	gap: var(--spacing-2xs);
}

.grid-item.thumb-exhibit.type-promotion-prod .thumb-exhibit-inner + .grid-list .grid-item + .grid-item {
	border-top: 1px solid rgba(229, 229, 229, 0.6);
	padding-top: var(--spacing-2xs);
}

.grid-item.thumb-exhibit.type-promotion-prod .info-box .badge-wrap {
	margin: var(--spacing-2xs) 0 0;
}

.grid-item.thumb-exhibit.type-promotion-prod .info-box .review-cnt-wrap {
	margin-top: var(--spacing-4xs);
}

.grid-item.thumb-exhibit.type-promotion-swiper {
	position: relative;
}

.grid-item.thumb-exhibit.type-promotion-swiper .thumb-exhibit-inner {
	position: relative;
}

.grid-item.thumb-exhibit.type-promotion-swiper .thumb-exhibit-inner .thumb-box {
	overflow: hidden;
}

.grid-item.thumb-exhibit.type-promotion-swiper .thumb-exhibit-inner .thumb-box:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 320px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
}

.grid-item.thumb-exhibit.type-promotion-swiper .thumb-exhibit-inner .info-box {
	position: absolute;
	padding-right: var(--spacing-md);
	padding-left: var(--spacing-md);
	left: 0;
	right: 0;
	bottom: 148px;
	z-index: 8;
}

.grid-item.thumb-exhibit.type-promotion-swiper .thumb-exhibit-inner .info-box .brand-logo {
	width: 50px;
	height: 50px;
}

.grid-item.thumb-exhibit.type-promotion-swiper .thumb-exhibit-inner .info-box .exhibit-title {
	margin-top: var(--spacing-2xs);
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	color: #fff;
}

.grid-item.thumb-exhibit.type-promotion-swiper .thumb-exhibit-inner .info-box .exhibit-title.multi-line {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 56px;
	line-height: 28px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.grid-item.thumb-exhibit.type-promotion-swiper .thumb-exhibit-inner .info-box .exhibit-desc {
	margin-top: 11px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.85);
}

.grid-item.thumb-exhibit.type-promotion-swiper .thumb-exhibit-inner .info-box .exhibit-desc.multi-line {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.grid-item.thumb-exhibit.type-promotion-swiper .swiper-slide-width {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 36px;
	padding-right: var(--spacing-md);
	padding-left: var(--spacing-md);
	margin-right: calc(var(--spacing-md-def) * -1);
	z-index: 10;
}

.grid-item.thumb-exhibit.type-promotion-swiper .swiper-slide-width .swiper-slide .info-box {
	margin-top: 0;
}

.grid-item.thumb-exhibit.type-promotion-txt {
	position: relative;
}

.grid-item.thumb-exhibit.type-promotion-txt .thumb-exhibit-inner {
	position: relative;
}

.grid-item.thumb-exhibit.type-promotion-txt .thumb-exhibit-inner .thumb-box {
	overflow: hidden;
}

.grid-item.thumb-exhibit.type-promotion-txt .thumb-exhibit-inner .thumb-box:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 240px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
}

.grid-item.thumb-exhibit.type-promotion-txt .thumb-exhibit-inner .info-box {
	position: absolute;
	padding-right: var(--spacing-md);
	padding-left: var(--spacing-md);
	left: 0;
	right: 0;
	bottom: 50px;
	z-index: 8;
}

.grid-item.thumb-exhibit.type-promotion-txt .thumb-exhibit-inner .info-box .exhibit-title {
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	color: #fff;
	text-align: center;
}

.grid-item.thumb-exhibit.type-promotion-txt .thumb-exhibit-inner .info-box .exhibit-title.multi-line {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 64px;
	line-height: 32px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.grid-item.thumb-exhibit.type-promotion-txt .thumb-exhibit-inner .info-box .exhibit-desc {
	margin-top: 11px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.85);
	text-align: center;
}

.grid-item.thumb-exhibit.type-promotion-txt .thumb-exhibit-inner .info-box .exhibit-desc.multi-line {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.grid-item.thumb-exhibit.type-promotion-img .thumb-exhibit-inner .info-box {
	display: none;
}

.grid-item.thumb-exhibit.brand-benefit-item .thumb-exhibit-inner {
	position: relative;
}

.grid-item.thumb-exhibit.brand-benefit-item .thumb-exhibit-inner .thumb-box {
	padding-top: 125%;
}

.grid-item.thumb-exhibit.brand-benefit-item .thumb-exhibit-inner .thumb-box img {
	position: absolute;
	left: 0;
	top: 0;
}

.grid-item.thumb-exhibit.brand-benefit-item .thumb-exhibit-inner .thumb-box:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 130px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%);
}

.grid-item.thumb-exhibit.brand-benefit-item .thumb-exhibit-inner .info-box {
	position: absolute;
	padding: 0 var(--spacing-md);
	left: 0;
	right: 0;
	bottom: var(--spacing-lg);
	z-index: 8;
}

.grid-item.thumb-exhibit.brand-benefit-item .thumb-exhibit-inner .info-box .brand-logo {
	width: 40px;
	height: 40px;
}

.grid-item.thumb-exhibit.brand-benefit-item .thumb-exhibit-inner .info-box .exhibit-title {
	margin-top: var(--spacing-3xs);
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	color: #fff;
}

.grid-item.thumb-exhibit.brand-benefit-item .thumb-exhibit-inner .info-box .exhibit-title.multi-line {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 64px;
	line-height: 32px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.grid-list.col2 .grid-item.early-bird-cont-box {
	grid-column: 1/3;
}

/* 매장 찾기 결과 목록 */
.store-list-wrap .list-header-box {
	margin-bottom: var(--spacing-xs);
}

.store-list-wrap .grid-list {
	gap: 0;
}

.store-list-wrap .grid-list .grid-item {
	padding: var(--spacing-md) 0;
	border-bottom: 1px solid #e5e5e5;
}

.store-list-wrap .grid-list .grid-item:first-child {
	border-top: 1px solid #e5e5e5;
}

.store-list-wrap .no-data-wrap.type-sm {
	border-top: 1px solid #e5e5e5;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
/* S: tab-wrap */
.tab-udl-text-wrap, .tab-img-wrap, .tab-round-wrap, .tab-divide-wrap, .tab-line-wrap, .tab-wrap {
	width: 100%;
	padding: 0;
}

.tab-udl-text-wrap .tabs, .tab-img-wrap .tabs, .tab-round-wrap .tabs, .tab-divide-wrap .tabs, .tab-line-wrap .tabs, .tab-wrap .tabs {
	overflow: hidden;
	padding: 0;
	border-radius: 0;
}

.tab-udl-text-wrap .tabs .tab-item, .tab-img-wrap .tabs .tab-item, .tab-round-wrap .tabs .tab-item, .tab-divide-wrap .tabs .tab-item, .tab-line-wrap .tabs .tab-item, .tab-wrap .tabs .tab-item {
	width: auto;
	position: relative;
	margin: 0;
	border-radius: 0;
}

.tab-udl-text-wrap .tabs .tab-item .tab-link, .tab-img-wrap .tabs .tab-item .tab-link, .tab-round-wrap .tabs .tab-item .tab-link, .tab-divide-wrap .tabs .tab-item .tab-link, .tab-line-wrap .tabs .tab-item .tab-link, .tab-wrap .tabs .tab-item .tab-link {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	padding: 0;
}

.tab-udl-text-wrap .tabs .tab-item .tab-link .tab-text, .tab-img-wrap .tabs .tab-item .tab-link .tab-text, .tab-round-wrap .tabs .tab-item .tab-link .tab-text, .tab-divide-wrap .tabs .tab-item .tab-link .tab-text, .tab-line-wrap .tabs .tab-item .tab-link .tab-text, .tab-wrap .tabs .tab-item .tab-link .tab-text {
	display: inline-block;
	vertical-align: top;
}

.tab-udl-text-wrap .tabs .tab-item .tab-link .filter-cnt, .tab-img-wrap .tabs .tab-item .tab-link .filter-cnt, .tab-round-wrap .tabs .tab-item .tab-link .filter-cnt, .tab-divide-wrap .tabs .tab-item .tab-link .filter-cnt, .tab-line-wrap .tabs .tab-item .tab-link .filter-cnt, .tab-wrap .tabs .tab-item .tab-link .filter-cnt {
	color: #fe4400;
	margin-left: 3px;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.tab-udl-text-wrap .tabs .tab-item .tab-link.disabled, .tab-img-wrap .tabs .tab-item .tab-link.disabled, .tab-round-wrap .tabs .tab-item .tab-link.disabled, .tab-divide-wrap .tabs .tab-item .tab-link.disabled, .tab-line-wrap .tabs .tab-item .tab-link.disabled, .tab-wrap .tabs .tab-item .tab-link.disabled {
	opacity: 0.5;
}

.tab-udl-text-wrap .tabs .tab-item.ui-state-active, .tab-img-wrap .tabs .tab-item.ui-state-active, .tab-round-wrap .tabs .tab-item.ui-state-active, .tab-divide-wrap .tabs .tab-item.ui-state-active, .tab-line-wrap .tabs .tab-item.ui-state-active, .tab-wrap .tabs .tab-item.ui-state-active {
	margin-bottom: 0;
	padding-bottom: 0;
}

.tab-udl-text-wrap .tabs .ui-tabs-nav, .tab-img-wrap .tabs .ui-tabs-nav, .tab-round-wrap .tabs .ui-tabs-nav, .tab-divide-wrap .tabs .ui-tabs-nav, .tab-line-wrap .tabs .ui-tabs-nav, .tab-wrap .tabs .ui-tabs-nav {
	padding: 0;
}

.tab-udl-text-wrap .tabs.swiper-auto-wrap, .tab-img-wrap .tabs.swiper-auto-wrap, .tab-round-wrap .tabs.swiper-auto-wrap, .tab-divide-wrap .tabs.swiper-auto-wrap, .tab-line-wrap .tabs.swiper-auto-wrap, .tab-wrap .tabs.swiper-auto-wrap {
	margin-left: 0;
	margin-right: calc(var(--spacing-def) * -1);
	padding-right: calc(var(--spacing-def));
}

.tab-udl-text-wrap .tab-content, .tab-img-wrap .tab-content, .tab-round-wrap .tab-content, .tab-divide-wrap .tab-content, .tab-line-wrap .tab-content, .tab-wrap .tab-content {
	padding: 0;
}

.tab-udl-text-wrap .tab-content.is-active, .tab-img-wrap .tab-content.is-active, .tab-round-wrap .tab-content.is-active, .tab-divide-wrap .tab-content.is-active, .tab-line-wrap .tab-content.is-active, .tab-wrap .tab-content.is-active {
	display: block !important;
}

.justify-tab.tab-udl-text-wrap > .tabs, .justify-tab.tab-img-wrap > .tabs, .justify-tab.tab-round-wrap > .tabs, .justify-tab.tab-divide-wrap > .tabs, .justify-tab.tab-line-wrap > .tabs, .justify-tab.tab-wrap > .tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding-right: 0;
	padding-left: 0;
}

.justify-tab.tab-udl-text-wrap > .tabs .tab-item, .justify-tab.tab-img-wrap > .tabs .tab-item, .justify-tab.tab-round-wrap > .tabs .tab-item, .justify-tab.tab-divide-wrap > .tabs .tab-item, .justify-tab.tab-line-wrap > .tabs .tab-item, .justify-tab.tab-wrap > .tabs .tab-item {
	flex: 1;
	overflow: hidden;
}

.justify-tab.tab-udl-text-wrap > .tabs .tab-item .tab-link, .justify-tab.tab-img-wrap > .tabs .tab-item .tab-link, .justify-tab.tab-round-wrap > .tabs .tab-item .tab-link, .justify-tab.tab-divide-wrap > .tabs .tab-item .tab-link, .justify-tab.tab-line-wrap > .tabs .tab-item .tab-link, .justify-tab.tab-wrap > .tabs .tab-item .tab-link {
	text-align: center;
	width: 100%;
	height: 100%;
}

.justify-tab.tab-udl-text-wrap > .tabs .tab-item .tab-link .tab-text, .justify-tab.tab-img-wrap > .tabs .tab-item .tab-link .tab-text, .justify-tab.tab-round-wrap > .tabs .tab-item .tab-link .tab-text, .justify-tab.tab-divide-wrap > .tabs .tab-item .tab-link .tab-text, .justify-tab.tab-line-wrap > .tabs .tab-item .tab-link .tab-text, .justify-tab.tab-wrap > .tabs .tab-item .tab-link .tab-text {
	display: inline-block;
	word-break: keep-all;
	word-wrap: break-word;
}

.justify-tab.prod-review-tab.tab-udl-text-wrap > .tabs .tab-item .tab-link, .justify-tab.prod-review-tab.tab-img-wrap > .tabs .tab-item .tab-link, .justify-tab.prod-review-tab.tab-round-wrap > .tabs .tab-item .tab-link, .justify-tab.prod-review-tab.tab-divide-wrap > .tabs .tab-item .tab-link, .justify-tab.prod-review-tab.tab-line-wrap > .tabs .tab-item .tab-link, .justify-tab.prod-review-tab.tab-wrap > .tabs .tab-item .tab-link {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: calc(var(--spacing-2xs) - 1px) calc(var(--spacing-4xs) - 1px);
}

.justify-tab.prod-review-tab.tab-udl-text-wrap > .tabs .tab-item .tab-link .tab-text, .justify-tab.prod-review-tab.tab-img-wrap > .tabs .tab-item .tab-link .tab-text, .justify-tab.prod-review-tab.tab-round-wrap > .tabs .tab-item .tab-link .tab-text, .justify-tab.prod-review-tab.tab-divide-wrap > .tabs .tab-item .tab-link .tab-text, .justify-tab.prod-review-tab.tab-line-wrap > .tabs .tab-item .tab-link .tab-text, .justify-tab.prod-review-tab.tab-wrap > .tabs .tab-item .tab-link .tab-text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
	white-space: normal;
}

.flex-wrap.tab-udl-text-wrap > .tabs, .flex-wrap.tab-img-wrap > .tabs, .flex-wrap.tab-round-wrap > .tabs, .flex-wrap.tab-divide-wrap > .tabs, .flex-wrap.tab-line-wrap > .tabs, .flex-wrap.tab-wrap > .tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	padding-right: 0;
	padding-left: 0;
}

.flex-wrap.tab-udl-text-wrap > .tabs .tab-item, .flex-wrap.tab-img-wrap > .tabs .tab-item, .flex-wrap.tab-round-wrap > .tabs .tab-item, .flex-wrap.tab-divide-wrap > .tabs .tab-item, .flex-wrap.tab-line-wrap > .tabs .tab-item, .flex-wrap.tab-wrap > .tabs .tab-item {
	flex: 50%;
}

.flex-wrap.tab-udl-text-wrap > .tabs .tab-item .tab-link, .flex-wrap.tab-img-wrap > .tabs .tab-item .tab-link, .flex-wrap.tab-round-wrap > .tabs .tab-item .tab-link, .flex-wrap.tab-divide-wrap > .tabs .tab-item .tab-link, .flex-wrap.tab-line-wrap > .tabs .tab-item .tab-link, .flex-wrap.tab-wrap > .tabs .tab-item .tab-link {
	text-align: center;
	width: 100%;
	height: 100%;
}

.flex-wrap.tab-udl-text-wrap > .tabs .tab-item .tab-link .tab-text, .flex-wrap.tab-img-wrap > .tabs .tab-item .tab-link .tab-text, .flex-wrap.tab-round-wrap > .tabs .tab-item .tab-link .tab-text, .flex-wrap.tab-divide-wrap > .tabs .tab-item .tab-link .tab-text, .flex-wrap.tab-line-wrap > .tabs .tab-item .tab-link .tab-text, .flex-wrap.tab-wrap > .tabs .tab-item .tab-link .tab-text {
	display: inline-block;
	word-break: keep-all;
	word-wrap: break-word;
}

.anchor-tab.tab-udl-text-wrap, .anchor-tab.tab-img-wrap, .anchor-tab.tab-round-wrap, .anchor-tab.tab-divide-wrap, .anchor-tab.tab-line-wrap, .anchor-tab.tab-wrap {
	position: relative;
}

.anchor-tab.tab-udl-text-wrap .tab-content, .anchor-tab.tab-img-wrap .tab-content, .anchor-tab.tab-round-wrap .tab-content, .anchor-tab.tab-divide-wrap .tab-content, .anchor-tab.tab-line-wrap .tab-content, .anchor-tab.tab-wrap .tab-content {
	display: block;
}

.divider-top.tab-udl-text-wrap, .divider-top.tab-img-wrap, .divider-top.tab-round-wrap, .divider-top.tab-divide-wrap, .divider-top.tab-line-wrap, .divider-top.tab-wrap {
	border-top: 10px solid #f5f5f5;
}

.tab-udl-text-wrap .tab-content-header, .tab-img-wrap .tab-content-header, .tab-round-wrap .tab-content-header, .tab-divide-wrap .tab-content-header, .tab-line-wrap .tab-content-header, .tab-wrap .tab-content-header {
	margin-top: var(--spacing-lg);
}

.tab-wrap {
	position: relative;
}

.tab-wrap > .tabs {
	position: relative;
	background: #fff;
}

.tab-wrap > .tabs .tab-item {
	min-height: 42px;
}

.tab-wrap > .tabs .tab-item .tab-link {
	padding: calc(var(--spacing-2xs) - 1px) calc(var(--spacing-xs) - 1px) var(--spacing-3xs);
	font-size: 0;
	background: #f5f5f5;
	border: 1px solid #f5f5f5;
	border-radius: 0;
}

.tab-wrap > .tabs .tab-item .tab-link .tab-text {
	color: #666;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.tab-wrap > .tabs .tab-item.ui-state-active .tab-link {
	background: #fff;
	border: 1px solid #000;
}

.tab-wrap > .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #000;
	font-weight: 600;
}

.tab-wrap.size-sm > .tabs .tab-item .tab-link .tab-text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.tab-wrap.size-sm > .tab-content {
	margin-top: var(--spacing-5xs);
}

.tab-line-wrap > .tabs {
	position: relative;
	background: #fff;
}

.tab-line-wrap > .tabs:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
	background-color: #ddd;
	position: absolute;
	bottom: 0;
	left: 0;
}

.tab-line-wrap > .tabs .tab-item {
	min-height: 40px;
}

.tab-line-wrap > .tabs .tab-item .tab-link {
	padding: var(--spacing-6xs) var(--spacing-4xs) var(--spacing-xs);
	font-size: 0;
}

.tab-line-wrap > .tabs .tab-item .tab-link .tab-text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
	color: #000;
	opacity: 0.3;
}

.tab-line-wrap > .tabs .tab-item.ui-state-active .tab-link .tab-text {
	position: relative;
	opacity: 1;
}

.tab-line-wrap > .tabs .tab-item.ui-state-active .tab-link .tab-text:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -16px;
	left: 0;
	right: 0;
	z-index: 1;
	background: #000;
}

.tab-line-wrap > .tabs .tab-item.ui-state-active .tab-link .val {
	position: relative;
}

.tab-line-wrap > .tabs .tab-item.ui-state-active .tab-link .val:after {
	content: "";
	display: inline-block;
	width: calc(100% + 3px);
	height: 2px;
	position: absolute;
	bottom: -13px;
	left: -3px;
	right: 0;
	z-index: 1;
}

.tab-line-wrap > .tabs.swiper-auto-wrap {
	padding-right: var(--spacing-def);
	padding-left: var(--spacing-def);
}

.tab-line-wrap:not(.justify-tab) {
	position: relative;
}

.tab-line-wrap:not(.justify-tab) .tabs {
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}

.tab-line-wrap:not(.justify-tab) .tabs .tab-item .tab-link {
	padding-top: 14px;
}

.tab-line-wrap:not(.justify-tab) .tabs .tab-item:first-child .tab-link {
	padding-left: var(--spacing-def);
}

.tab-line-wrap:not(.justify-tab) .tabs .tab-item:last-child .tab-link {
	padding-right: var(--spacing-def);
}

.tab-line-wrap.justify-tab > .tabs {
	border-bottom: 0;
}

.tab-line-wrap.justify-tab > .tabs .tab-item .tab-link {
	padding-top: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.tab-line-wrap.justify-tab > .tabs .tab-item.ui-state-active:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background: #000;
}

.tab-line-wrap.justify-tab > .tabs .tab-item.ui-state-active .tab-link:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	z-index: 1;
}

.tab-line-wrap.justify-tab > .tabs .tab-item.ui-state-active .tab-link .val {
	color: #fe4400;
	font-weight: 600;
}

.tab-line-wrap.justify-tab > .tabs .tab-item.ui-state-active .tab-link .val:after {
	display: none;
}

.tab-line-wrap.justify-tab > .tabs .tab-item.ui-state-active .tab-link .tab-text:after {
	display: none;
}

.tab-line-wrap.justify-tab.scroll-fix-container {
	padding-top: var(--spacing-2xl);
}

.tab-divide-wrap > .tabs {
	position: relative;
	background: #fff;
}

.tab-divide-wrap > .tabs .tab-item .tab-link {
	font-size: 0;
}

.tab-divide-wrap > .tabs .tab-item .tab-link .tab-text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	color: rgba(0, 0, 0, 0.3);
}

.tab-divide-wrap > .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #000;
	font-weight: 600;
}

.tab-divide-wrap > .tabs .tab-item + .tab-item {
	margin-left: var(--spacing-2xs);
	padding-left: calc(var(--spacing-2xs) + 1px);
}

.tab-divide-wrap > .tabs .tab-item + .tab-item:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #e5e5e5;
	left: 0;
	top: 4px;
}

.tab-divide-wrap > .tabs.font-size-lg .tab-item .tab-text {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.tab-divide-wrap > .tabs.font-size-lg .tab-item + .tab-item {
	margin-left: var(--spacing-3xs);
	padding-left: calc(var(--spacing-3xs) + 1px);
}

.tab-divide-wrap .tab-content {
	margin-top: var(--spacing-lg);
}

.tab-round-wrap > .tabs {
	position: relative;
}

.tab-round-wrap > .tabs .tab-item .tab-link {
	border: 1px solid #000;
	border-radius: 21px;
	padding-top: calc(var(--spacing-4xs) - 1px);
	padding-right: calc(var(--spacing-xs) - 1px);
	padding-left: calc(var(--spacing-xs) - 1px);
	padding-bottom: calc(var(--spacing-4xs) - 1px);
}

.tab-round-wrap > .tabs .tab-item .tab-link .tab-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
	color: #000;
}

.tab-round-wrap > .tabs .tab-item.ui-state-active .tab-link {
	background: #000;
}

.tab-round-wrap > .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #fff;
}

.tab-round-wrap > .tabs .tab-item + .tab-item {
	margin-left: var(--spacing-6xs);
}

.tab-round-wrap > .tabs.bg-gray .tab-item .tab-link {
	border-color: #f5f5f5;
	background: #f5f5f5;
}

.tab-round-wrap > .tabs.bg-gray .tab-item .tab-link .tab-text {
	color: #666;
	font-weight: 400;
}

.tab-round-wrap > .tabs.bg-gray .tab-item.ui-state-active .tab-link {
	background: #000;
	border-color: #000;
}

.tab-round-wrap > .tabs.bg-gray .tab-item.ui-state-active .tab-link .tab-text {
	color: #fff;
	font-weight: 500;
}

.tab-round-wrap .tab-content {
	margin-top: 0;
}

.tab-round-wrap .tab-content.contain-swiper {
	margin-right: calc(var(--spacing-def) * -1);
}

.tab-round-wrap .tab-content.contain-swiper .swiper.swiper-slide-width {
	margin-right: unset;
}

.tab-img-wrap > .tabs {
	position: relative;
	background: #fff;
}

.tab-img-wrap > .tabs .tab-item .tab-link {
	font-size: 0;
}

.tab-img-wrap > .tabs .tab-item .tab-link .tab-img {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0.4;
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.tab-img-wrap > .tabs .tab-item .tab-link .tab-img:before, .tab-img-wrap > .tabs .tab-item .tab-link .tab-img:after {
	content: "";
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	opacity: 0;
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.tab-img-wrap > .tabs .tab-item .tab-link .tab-img:before {
	border: 3px solid #fff;
}

.tab-img-wrap > .tabs .tab-item .tab-link .tab-img:after {
	border: 1px solid #000;
}

.tab-img-wrap > .tabs .tab-item.ui-state-active .tab-link .tab-img {
	opacity: 1;
}

.tab-img-wrap > .tabs .tab-item.ui-state-active .tab-link .tab-img:before, .tab-img-wrap > .tabs .tab-item.ui-state-active .tab-link .tab-img:after {
	opacity: 1;
}

.tab-img-wrap > .tabs .tab-item + .tab-item {
	margin-left: var(--spacing-5xs);
}

.tab-udl-text-wrap > .tabs {
	position: relative;
}

.tab-udl-text-wrap > .tabs .tab-item .tab-link {
	font-size: 0;
}

.tab-udl-text-wrap > .tabs .tab-item .tab-link .tab-text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
	color: rgba(0, 0, 0, 0.3);
}

.tab-udl-text-wrap > .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #000;
	font-weight: 600;
	text-decoration: underline;
}

.tab-udl-text-wrap > .tabs .tab-item + .tab-item {
	margin-left: var(--spacing-xs);
}

.tab-udl-text-wrap > .tabs.font-size-lg .tab-item .tab-text {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.tab-udl-text-wrap > .tabs.font-size-lg .tab-item + .tab-item {
	margin-left: var(--spacing-3xs);
	padding-left: calc(var(--spacing-3xs) + 1px);
}

.tab-udl-text-wrap .tab-content {
	margin-top: var(--spacing-lg);
}

/* E: tabWrap */
/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
/* 툴팁 공통 */
.tooltip-wrap {
	position: relative;
	display: inline-block;
	height: 18px;
	vertical-align: top;
	box-sizing: border-box;
}

.tooltip-wrap.active .btn-tooltip .ico-tooltip {
	background-image: url("../images/common/comm_ico_tooltip_active.svg");
	background-color: #000;
	border-color: #000;
}

.tooltip-wrap.active .btn-tooltip.type-white .ico-tooltip {
	background-image: url("../images/common/comm_ico_tooltip_type_white_active.svg");
	background-color: #fff;
	border-color: #fff;
}

.tooltip-wrap.active .tooltip-box {
	visibility: visible;
	opacity: 1;
	-moz-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}

.tooltip-wrap .tooltip-box {
	display: block;
	position: absolute;
	left: 0;
	top: 18px;
	z-index: 20;
	text-align: left;
	overflow: hidden;
	width: calc(100vw - 40px);
	padding: var(--spacing-def);
	margin-top: var(--spacing-3xs);
	background-color: #fff;
	border: 1px solid #000;
	box-sizing: border-box;
	opacity: 0;
	-moz-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	visibility: hidden;
}

.tooltip-wrap .tooltip-box .tooltip-contents .tbl-gray-wrap .tbl-col thead tr th {
	padding: var(--spacing-3xs) 0 !important;
}

.tooltip-wrap .tooltip-box .tooltip-contents .tbl-gray-wrap .tbl-col tbody tr td {
	padding: var(--spacing-3xs) 0 calc(var(--spacing-2xs) - 1px) !important;
}

.tooltip-wrap .tooltip-box .tooltip-contents .tbl-info-wrap {
	padding: 0 !important;
}

.tooltip-wrap .tooltip-box .tooltip-contents .tbl-info-wrap .tbl-info th {
	color: #666;
}

.tooltip-wrap.hide .tooltip-box {
	-moz-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.tooltip-wrap.tooltip-left .tooltip-box {
	left: initial;
	right: 0;
}

.tooltip-wrap.tooltip-left-force .tooltip-box {
	left: initial !important;
	right: 0 !important;
}

/* 주황색 말풍선 : 마이페이지, 상품상세 사이즈 비교하기, 옵션 선택 사이즈 비교하기, 최근 로그인 */
.link-balloon {
	position: relative;
	padding: var(--spacing-5xs) var(--spacing-2xs);
	background: #fe4400;
	border-radius: var(--spacing-2xs);
	color: #fff;
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
}

.link-balloon:before, .link-balloon:after {
	content: "";
	position: absolute;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.tbl-gray-wrap .tbl-col, .tbl-no-line-wrap .tbl-col {
	border-collapse: separate;
}

.tbl-gray-wrap .tbl-col tr th, .tbl-no-line-wrap .tbl-col tr th,
.tbl-gray-wrap .tbl-col tr td,
.tbl-no-line-wrap .tbl-col tr td {
	padding: 14px var(--spacing-2xs);
	font-size: 10px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 12px;
	background-color: #fff;
	vertical-align: middle;
}

.tbl-gray-wrap .tbl-col tr th, .tbl-no-line-wrap .tbl-col tr th {
	font-weight: 600;
}

.tbl-gray-wrap .tbl-col tr td.is-active, .tbl-no-line-wrap .tbl-col tr td.is-active {
	position: relative;
	font-weight: 500;
	color: #fe4400;
}

.tbl-gray-wrap .tbl-col tr td.is-active:before, .tbl-no-line-wrap .tbl-col tr td.is-active:before {
	content: "";
	position: absolute;
	left: -1px;
	top: -1px;
	bottom: -1px;
	right: -1px;
	border: 1px solid #bcc6c5;
}

.tbl-gray-wrap .tbl-col tr td.va-top, .tbl-no-line-wrap .tbl-col tr td.va-top {
	vertical-align: top;
}

.tbl-info-wrap.scroll-x,
.tbl-no-line-wrap.scroll-x,
.tbl-gray-wrap.scroll-x {
	overflow-x: auto;
}

.tbl-no-line-wrap {
	border-top: 1px solid #000;
	border-bottom: 1px solid #e5e5e5;
}

.tbl-no-line-wrap .tbl-col thead tr th {
	border-bottom: 1px solid #000;
}

.tbl-no-line-wrap .tbl-col tr th,
.tbl-no-line-wrap .tbl-col tr td {
	padding: calc(var(--spacing-xs) - 1px) calc(var(--spacing-3xs) / 2);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	text-align: center;
	border-top: 1px solid #e5e5e5;
}

.tbl-no-line-wrap .tbl-col tr th.bg-spot,
.tbl-no-line-wrap .tbl-col tr td.bg-spot {
	background: rgba(254, 68, 0, 0.04);
}

.tbl-no-line-wrap .tbl-col tr th span.fc-blue,
.tbl-no-line-wrap .tbl-col tr td span.fc-blue {
	color: #0058fe !important;
}

.tbl-no-line-wrap .tbl-col tr th:first-child,
.tbl-no-line-wrap .tbl-col tr td:first-child {
	padding-left: var(--spacing-3xs);
}

.tbl-no-line-wrap .tbl-col tr th:last-child,
.tbl-no-line-wrap .tbl-col tr td:last-child {
	padding-right: var(--spacing-3xs);
}

.tbl-no-line-wrap .tbl-col tr th {
	font-weight: 600;
}

.tbl-gray-wrap .tbl-col thead tr th {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
	padding: var(--spacing-3xs) 0;
	background: #f5f5f5;
	text-align: center;
}

.tbl-gray-wrap .tbl-col tbody tr th,
.tbl-gray-wrap .tbl-col tbody tr td {
	padding: var(--spacing-3xs) 0 calc(var(--spacing-2xs) - 1px);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	text-align: center !important;
	border-bottom: 1px solid #e5e5e5;
}

.tbl-gray-wrap .tbl-col tbody tr th span.fc-blue,
.tbl-gray-wrap .tbl-col tbody tr td span.fc-blue {
	color: #0058fe !important;
}

.tbl-gray-wrap .tbl-col tbody tr th {
	font-weight: 600;
}

.tbl-desc-box {
	display: flex;
	justify-content: space-between;
	margin-top: var(--spacing-2xs);
	color: #999;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.tbl-info-wrap tbody + tbody tr:first-child th,
.tbl-info-wrap tbody + tbody tr:first-child td {
	padding-top: var(--spacing-def);
}

.tbl-info-wrap tr th,
.tbl-info-wrap tr td {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	text-align: left;
	vertical-align: top;
	word-break: keep-all;
	word-wrap: break-word;
	color: #000;
}

.tbl-info-wrap tr th {
	font-weight: 500;
}

.tbl-info-wrap tr th.va-mid {
	vertical-align: middle;
}

.tbl-info-wrap tr td {
	font-weight: 500;
}

.tbl-info-wrap tr ~ tr th {
	padding-top: var(--spacing-md);
	padding-right: var(--spacing-def);
}

.tbl-info-wrap tr ~ tr td {
	padding-top: var(--spacing-md);
}

.tbl-info-wrap .tbl-info tbody + tbody tr:first-child th,
.tbl-info-wrap .tbl-info tbody + tbody tr:first-child td {
	padding-top: var(--spacing-def);
}

.tbl-info-wrap .tbl-info tr th,
.tbl-info-wrap .tbl-info tr td {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	text-align: left;
	vertical-align: top;
	word-break: keep-all;
	word-wrap: break-word;
	color: #000;
}

.tbl-info-wrap .tbl-info tr th {
	font-weight: 500;
}

.tbl-info-wrap .tbl-info tr th.va-mid {
	vertical-align: middle;
}

.tbl-info-wrap .tbl-info tr td {
	font-weight: 500;
}

.tbl-info-wrap .tbl-info tr td .link-text {
	margin-left: var(--spacing-5xs);
}

.tbl-info-wrap .tbl-info tr ~ tr th {
	padding-top: var(--spacing-md);
	padding-right: var(--spacing-def);
}

.tbl-info-wrap .tbl-info tr ~ tr td {
	padding-top: var(--spacing-md);
}

.tbl-info-wrap .tbl-info.info-right th {
	font-weight: 500;
	color: #666;
}

.tbl-info-wrap .tbl-info.info-right tbody tr td,
.tbl-info-wrap .tbl-info.info-right tfoot tr td {
	text-align: right;
}

.tbl-info-wrap .tbl-info.info-right tbody tr td .flex,
.tbl-info-wrap .tbl-info.info-right tfoot tr td .flex {
	justify-content: flex-end;
}

.tbl-info-wrap .tbl-info.info-right .info-left tbody tr td {
	text-align: left;
}

.tbl-info-wrap .tbl-info.info-right tr td .bar-group {
	justify-content: flex-end;
}

.tbl-info-wrap .tbl-info.type-xs th {
	padding-right: var(--spacing-xs);
	font-weight: 400;
}

.tbl-info-wrap .tbl-info.type-xs td {
	font-weight: 400;
}

.tbl-info-wrap .tbl-info.type-xs tr ~ tr th {
	padding-top: var(--spacing-3xs);
}

.tbl-info-wrap .tbl-info.type-xs tr ~ tr td {
	padding-top: var(--spacing-3xs);
}

.tbl-info-wrap .total-discount-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: var(--spacing-def) 0;
}

.tbl-info-wrap .total-discount-box .title,
.tbl-info-wrap .total-discount-box .value {
	color: #fe4400;
}

.tbl-info-wrap .total-discount-box .title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.tbl-info-wrap .total-discount-box .value {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.tbl-info-wrap .total-price-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: var(--spacing-def);
}

.tbl-info-wrap .total-price-box .title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.tbl-info-wrap .total-price-box .title .count {
	color: #fe4400;
}

.tbl-info-wrap .total-price-box .value {
	color: #fe4400;
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.badge {
	display: inline-block;
	height: 18px;
	padding: calc(var(--spacing-6xs) - 1px) var(--spacing-5xs);
	background: rgba(254, 68, 0, 0.08);
	vertical-align: top;
}

.badge .text {
	color: #fe4400;
	font-size: 10px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 12px;
}

.badge.best {
	background: #fe4400;
}

.badge.best .text {
	color: #fff;
}

.badge.beta {
	padding: 0 var(--spacing-5xs);
	background: #fff;
	border: 1px solid #e5e5e5;
}

.badge.beta .text {
	color: #999;
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
}

.badge-round {
	display: inline-block;
	height: 27px;
	padding: var(--spacing-5xs) var(--spacing-3xs);
	background: rgba(254, 68, 0, 0.08);
	border-radius: 15px;
	vertical-align: top;
}

.badge-round [class^=ico-badge] {
	margin-right: var(--spacing-min);
}

.badge-round .text {
	display: inline-block;
	color: #fe4400;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
	vertical-align: top;
}

.badge-md {
	display: inline-block;
	height: 22px;
	padding: calc(var(--spacing-6xs) + 1px) var(--spacing-5xs) var(--spacing-6xs);
	background: rgba(254, 68, 0, 0.08);
	vertical-align: top;
}

.badge-md .text {
	display: inline-block;
	color: #fe4400;
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 13px;
	vertical-align: top;
}

.badge-md.light-gray {
	background: rgba(102, 102, 102, 0.08);
}

.badge-md.light-gray .text {
	color: #666;
}

.badge-md.best, .badge-md.orange {
	background: #fe4400;
}

.badge-md.best .text, .badge-md.orange .text {
	color: #fff;
}

.badge-md.supporter {
	background-color: #046eff;
}

.badge-md.supporter .text {
	color: #fff;
}

.badge-thumb {
	display: inline-block;
	padding: var(--spacing-5xs) var(--spacing-2xs);
	background: #000;
	font-size: 0;
	vertical-align: top;
}

.badge-thumb .text {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	vertical-align: top;
}

.badge-wrap {
	font-size: 0;
	margin-bottom: calc(var(--spacing-min) * -1);
}

.badge-wrap .badge {
	margin-right: var(--spacing-min);
	margin-bottom: var(--spacing-min);
}

.badge-md-wrap {
	font-size: 0;
	margin-bottom: calc(var(--spacing-6xs) * -1);
}

.badge-md-wrap .badge-md {
	margin-right: var(--spacing-6xs);
	margin-bottom: var(--spacing-6xs);
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
/* s : complete-wrap */
.complete-wrap {
	width: 100%;
	text-align: center;
}

.complete-wrap .cont-title-wrap [class^=cont-title] {
	width: 100%;
	font-weight: 600;
}

.complete-wrap .cont-title-wrap .cont-title-xs + .stext-md {
	margin-top: var(--spacing-xs);
}

.complete-wrap [class^=ico-complete-] {
	margin-bottom: var(--spacing-lg);
}

.complete-wrap [class^=gray-box] {
	margin-top: var(--spacing-lg);
}

/* e : complete-wrap */
/* s : layout custom */
.dialog-inner .complete-wrap [class^=ico-complete-] {
	margin-bottom: var(--spacing-def);
}

/* s : layout custom */
/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.grade-text:before {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 30px;
	vertical-align: middle;
}

.grade-text.size-lg:before {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 50px;
	vertical-align: middle;
}

.grade-img.size-xl {
	display: inline-block;
	width: 64px;
	height: 64px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 64px;
	vertical-align: middle;
}

.grade-text:before {
	content: "";
	margin-right: var(--spacing-min);
}

.grade-text.size-lg:before {
	content: "";
	margin-right: var(--spacing-5xs);
}

.grade-text {
	display: inline-block;
	margin-right: var(--spacing-6xs);
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
}

.grade-text.vip {
	color: #fe4400;
}

.grade-text.vip:before {
	background-image: url("../images/common/comm_ico_member_vip.svg");
}

.grade-text.gold {
	color: #f7ac03;
}

.grade-text.gold:before {
	background-image: url("../images/common/comm_ico_member_gold.svg");
}

.grade-text.silver {
	color: #868b91;
}

.grade-text.silver:before {
	background-image: url("../images/common/comm_ico_member_silver.svg");
}

.grade-text.bronze {
	color: #a06b5d;
}

.grade-text.bronze:before {
	background-image: url("../images/common/comm_ico_member_bronze.svg");
}

.grade-text.executive {
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	color: #fe4400;
}

.grade-text.executive:before {
	content: none;
}

.grade-text.pro {
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	color: #4675ea;
}

.grade-text.pro:before {
	background-image: url("../images/common/comm_ico_member_pro.svg");
}

.grade-text.field {
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	color: #4675ea;
}

.grade-text.field:before {
	background-image: url("../images/common/comm_ico_member_field.svg");
}

.grade-text.influence {
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	color: #4675ea;
}

.grade-text.influence:before {
	content: none;
}

.grade-text.size-lg {
	display: inline-block;
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
	margin-right: 0;
}

.grade-text.no-badge:before {
	content: none !important;
}

.grade-img.vip {
	background-image: url("../images/common/comm_ico_member_vip.svg");
}

.grade-img.gold {
	background-image: url("../images/common/comm_ico_member_gold.svg");
}

.grade-img.silver {
	background-image: url("../images/common/comm_ico_member_silver.svg");
}

.grade-img.bronze {
	background-image: url("../images/common/comm_ico_member_bronze.svg");
}

.grade-img.pro {
	background-image: url("../images/common/comm_ico_member_pro.svg");
}

.grade-img.field {
	background-image: url("../images/common/comm_ico_member_field.svg");
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.coupon-item-sm, .coupon-item {
	position: relative;
	display: inline-flex;
	align-items: stretch;
	flex-wrap: wrap;
	color: #fff;
}

.coupon-item-sm .left-area, .coupon-item .left-area {
	display: flex;
	flex-direction: column;
	background: #1d1e2e;
}

.coupon-item-sm .right-area, .coupon-item .right-area {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #1d1e2e;
	border-left: 1px solid #fff;
}

.coupon-item-sm .bottom-area, .coupon-item .bottom-area {
	flex: 1 1 100%;
	margin-top: var(--spacing-def);
}

.coupon-item-sm .stext-xs, .coupon-item .stext-xs {
	margin-top: auto;
}

.coupon-item-sm .info-text-list, .coupon-item .info-text-list {
	margin-top: auto;
}

.coupon-item-sm .info-text-list .dot-text, .coupon-item .info-text-list .dot-text,
.coupon-item-sm .info-text-list .dot-text-sm,
.coupon-item .info-text-list .dot-text-sm {
	color: #999;
}

.coupon-item-sm .brand-name, .coupon-item .brand-name {
	position: relative;
	display: inline-block;
	color: rgba(255, 255, 255, 0.3);
	writing-mode: vertical-rl;
}

.coupon-item-sm .multiple-value, .coupon-item .multiple-value {
	position: absolute;
	width: 34px;
	height: 34px;
	background: #fe4400;
	border-radius: 50%;
	text-align: center;
	top: calc(var(--spacing-3xs) * -1);
	right: calc(var(--spacing-xs) * -1);
	z-index: 1;
}

.coupon-item-sm .multiple-value .text, .coupon-item .multiple-value .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 34px;
}

.type-free-return.coupon-item-sm .left-area, .type-free-return.coupon-item .left-area {
	background: #046eff;
}

.type-free-return.coupon-item-sm .left-area .info-text-list .dot-text, .type-free-return.coupon-item .left-area .info-text-list .dot-text,
.type-free-return.coupon-item-sm .left-area .info-text-list .dot-text-sm,
.type-free-return.coupon-item .left-area .info-text-list .dot-text-sm {
	color: #fff;
}

.type-free-return.coupon-item-sm .left-area .info-text-list .dot-text::before, .type-free-return.coupon-item .left-area .info-text-list .dot-text::before,
.type-free-return.coupon-item-sm .left-area .info-text-list .dot-text-sm::before,
.type-free-return.coupon-item .left-area .info-text-list .dot-text-sm::before {
	background-color: #fff;
}

.type-free-return.coupon-item-sm .right-area, .type-free-return.coupon-item .right-area {
	background: #046eff;
}

.coupon-item {
	width: 100%;
}

.coupon-item > h4 {
	color: #000;
}

.coupon-item .left-area {
	flex: 1;
	min-height: 185px;
	padding: var(--spacing-md) var(--spacing-lg);
}

.coupon-item .right-area {
	flex: 0 0 51px;
	padding: 0 var(--spacing-2xs);
}

.coupon-item .coupon-name {
	margin-bottom: var(--spacing-6xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 34px;
	line-height: 17px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.coupon-item .value-area .value {
	font-size: 44px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 44px;
}

.coupon-item .value-area .unit {
	font-size: 44px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 44px;
}

.coupon-item .value-area .unit-won {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.coupon-item .value-area .free-return-coupon {
	display: block;
	margin-top: calc(var(--spacing-2xs) - var(--spacing-6xs));
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
}

.coupon-item .coupon-issuance-date {
	margin-top: auto;
	color: #999;
	font-size: 12px;
}

.coupon-item .coupon-issuance-date .value {
	color: #fff;
}

.coupon-item .brand-name {
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
}

.coupon-item.disabled {
	color: #666;
}

.coupon-item.disabled .left-area {
	background-color: #f5f5f5;
}

.coupon-item.disabled .right-area {
	background-color: #f5f5f5;
}

.coupon-item.disabled .coupon-date {
	display: inline-block;
	max-width: 90px;
	margin-top: var(--spacing-2xs);
	padding: 3px var(--spacing-5xs);
	background-color: #aaa;
	color: #fff;
	font-size: 10px;
}

.coupon-item.disabled .brand-name {
	color: rgba(153, 153, 153, 0.3);
}

.coupon-item-sm {
	width: 180px;
}

.coupon-item-sm .left-area {
	flex: 1 0 129px;
	min-height: 112px;
	padding: var(--spacing-def);
}

.coupon-item-sm .right-area {
	padding: 0 var(--spacing-5xs);
}

.coupon-item-sm .coupon-name {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
	margin-bottom: var(--spacing-6xs);
}

.coupon-item-sm .value-area .value {
	font-size: 40px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 40px;
}

.coupon-item-sm .value-area .free-return-coupon {
	padding-top: var(--spacing-min);
	font-size: 22px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 30px;
}

.coupon-item-sm .value-area .unit {
	font-size: 40px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 40px;
}

.coupon-item-sm .value-area .unit-won {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.coupon-item-sm .brand-name {
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 14px;
}

.coupon-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-3xs);
}

.coupon-list-sm {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-xs);
}

.coupon-list.download-popup .coupon-item .left-area {
	padding: var(--spacing-md) var(--spacing-def);
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
/* sps */
.tab-line-wrap:not(.justify-tab).scroll-fix-container {
	position: relative;
	padding-top: var(--spacing-2xl);
}

.sps[data-sps] {
	position: relative;
}

.sps[data-sps].sps-abv {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
}

.sps[data-sps].sps-blw {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 50;
}

.sps-observer {
	position: absolute;
	top: 0;
	clip: rect(1px, 1px, 1px, 1px);
}

/* jQueryUI - Datepicker */
.ui-datepicker {
	display: none;
	padding: var(--spacing-def) var(--spacing-def) 33px;
	background: #fff;
	border-radius: 0;
	box-sizing: border-box;
	position: fixed !important;
	z-index: 9999 !important;
	top: 50% !important;
	left: 50% !important;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: calc(100% - 40px);
	border: none;
	background: #fff;
	max-width: 320px;
}

.ui-datepicker .ui-datepicker-header {
	margin-bottom: var(--spacing-def);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-shrink: 0;
	width: 100%;
	padding: 0;
	background: none;
	border: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
	color: #000;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
	display: inline-block;
	width: auto;
	margin: 0;
	padding-right: 15px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	color: #000;
	text-align: right;
	background: url("../images/form/ico_date_year_month_arr.svg") right center no-repeat;
	background-size: 15px 15px;
	border: none;
	vertical-align: top;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year::-ms-expand,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month::-ms-expand {
	display: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year + .ui-datepicker-month {
	margin-left: var(--spacing-5xs);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	top: 2px;
	width: 15px;
	height: 15px;
	margin: 0;
	padding-bottom: 0;
	border: none;
	cursor: pointer;
	background: url("../images/form/ico_datepicker_nav.svg") 0 0 no-repeat;
	background-size: 15px 15px;
}

.ui-datepicker .ui-datepicker-prev .ui-state-hover,
.ui-datepicker .ui-datepicker-next .ui-state-hover {
	background-color: transparent;
	border: none;
}

.ui-datepicker .ui-datepicker-prev {
	background: url("../images/form/ico_datepicker_prev.svg") 0 0 no-repeat;
	background-size: cover;
	left: 0;
}

.ui-datepicker .ui-datepicker-next {
	background: url("../images/form/ico_datepicker_next.svg") 0 0 no-repeat;
	background-size: cover;
	right: 0;
}

.ui-datepicker .ui-datepicker-calendar {
	table-layout: fixed;
	margin-bottom: 0;
}

.ui-datepicker .ui-datepicker-calendar th {
	width: 40px;
	height: 43px;
	padding: 0 0 3px 0;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
	text-align: center;
}

.ui-datepicker .ui-datepicker-calendar td {
	width: 40px;
	height: 48px;
	padding: 7px 2px;
	text-align: center;
	box-sizing: border-box;
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 0;
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 34px;
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid transparent;
	vertical-align: top;
	box-sizing: border-box;
	transition: border 0.2s, color 0.2s, background 0.2s;
}

.ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-hover, .ui-datepicker .ui-datepicker-calendar td .ui-state-default.ui-state-active {
	color: #fff;
	border-color: #fe4400;
	background-color: #fe4400;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight {
	color: #000;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today .ui-state-highlight.ui-state-hover {
	color: #fff;
	border-color: #fe4400;
	background-color: #fe4400;
}

.ml-0 {
	margin-left: var(--spacing-0) !important;
}

.ml-min {
	margin-left: var(--spacing-min) !important;
}

.ml-6xs {
	margin-left: var(--spacing-6xs) !important;
}

.ml-5xs {
	margin-left: var(--spacing-5xs) !important;
}

.ml-4xs {
	margin-left: var(--spacing-4xs) !important;
}

.ml-3xs {
	margin-left: var(--spacing-3xs) !important;
}

.ml-2xs {
	margin-left: var(--spacing-2xs) !important;
}

.ml-xs {
	margin-left: var(--spacing-xs) !important;
}

.ml-def {
	margin-left: var(--spacing-def) !important;
}

.ml-md {
	margin-left: var(--spacing-md) !important;
}

.ml-lg {
	margin-left: var(--spacing-lg) !important;
}

.ml-xl {
	margin-left: var(--spacing-xl) !important;
}

.ml-2xl {
	margin-left: var(--spacing-2xl) !important;
}

.ml-3xl {
	margin-left: var(--spacing-3xl) !important;
}

.ml-4xl {
	margin-left: var(--spacing-4xl) !important;
}

.ml-5xl {
	margin-left: var(--spacing-5xl) !important;
}

.ml-6xl {
	margin-left: var(--spacing-6xl) !important;
}

.mt-0 {
	margin-top: var(--spacing-0) !important;
}

.mt-min {
	margin-top: var(--spacing-min) !important;
}

.mt-6xs {
	margin-top: var(--spacing-6xs) !important;
}

.mt-5xs {
	margin-top: var(--spacing-5xs) !important;
}

.mt-4xs {
	margin-top: var(--spacing-4xs) !important;
}

.mt-3xs {
	margin-top: var(--spacing-3xs) !important;
}

.mt-2xs {
	margin-top: var(--spacing-2xs) !important;
}

.mt-xs {
	margin-top: var(--spacing-xs) !important;
}

.mt-def {
	margin-top: var(--spacing-def) !important;
}

.mt-md {
	margin-top: var(--spacing-md) !important;
}

.mt-lg {
	margin-top: var(--spacing-lg) !important;
}

.mt-xl {
	margin-top: var(--spacing-xl) !important;
}

.mt-2xl {
	margin-top: var(--spacing-2xl) !important;
}

.mt-3xl {
	margin-top: var(--spacing-3xl) !important;
}

.mt-4xl {
	margin-top: var(--spacing-4xl) !important;
}

.mt-5xl {
	margin-top: var(--spacing-5xl) !important;
}

.mt-6xl {
	margin-top: var(--spacing-6xl) !important;
}

.mb-0 {
	margin-bottom: var(--spacing-0) !important;
}

.mb-min {
	margin-bottom: var(--spacing-min) !important;
}

.mb-6xs {
	margin-bottom: var(--spacing-6xs) !important;
}

.mb-5xs {
	margin-bottom: var(--spacing-5xs) !important;
}

.mb-4xs {
	margin-bottom: var(--spacing-4xs) !important;
}

.mb-3xs {
	margin-bottom: var(--spacing-3xs) !important;
}

.mb-2xs {
	margin-bottom: var(--spacing-2xs) !important;
}

.mb-xs {
	margin-bottom: var(--spacing-xs) !important;
}

.mb-def {
	margin-bottom: var(--spacing-def) !important;
}

.mb-md {
	margin-bottom: var(--spacing-md) !important;
}

.mb-lg {
	margin-bottom: var(--spacing-lg) !important;
}

.mb-xl {
	margin-bottom: var(--spacing-xl) !important;
}

.mb-2xl {
	margin-bottom: var(--spacing-2xl) !important;
}

.mb-3xl {
	margin-bottom: var(--spacing-3xl) !important;
}

.mb-4xl {
	margin-bottom: var(--spacing-4xl) !important;
}

.mb-5xl {
	margin-bottom: var(--spacing-5xl) !important;
}

.mb-6xl {
	margin-bottom: var(--spacing-6xl) !important;
}

.mr-0 {
	margin-right: var(--spacing-0) !important;
}

.mr-min {
	margin-right: var(--spacing-min) !important;
}

.mr-6xs {
	margin-right: var(--spacing-6xs) !important;
}

.mr-5xs {
	margin-right: var(--spacing-5xs) !important;
}

.mr-4xs {
	margin-right: var(--spacing-4xs) !important;
}

.mr-3xs {
	margin-right: var(--spacing-3xs) !important;
}

.mr-2xs {
	margin-right: var(--spacing-2xs) !important;
}

.mr-xs {
	margin-right: var(--spacing-xs) !important;
}

.mr-def {
	margin-right: var(--spacing-def) !important;
}

.mr-md {
	margin-right: var(--spacing-md) !important;
}

.mr-lg {
	margin-right: var(--spacing-lg) !important;
}

.mr-xl {
	margin-right: var(--spacing-xl) !important;
}

.mr-2xl {
	margin-right: var(--spacing-2xl) !important;
}

.mr-3xl {
	margin-right: var(--spacing-3xl) !important;
}

.mr-4xl {
	margin-right: var(--spacing-4xl) !important;
}

.mr-5xl {
	margin-right: var(--spacing-5xl) !important;
}

.mr-6xl {
	margin-right: var(--spacing-6xl) !important;
}

.pl-0 {
	padding-left: var(--spacing-0) !important;
}

.pl-min {
	padding-left: var(--spacing-min) !important;
}

.pl-6xs {
	padding-left: var(--spacing-6xs) !important;
}

.pl-5xs {
	padding-left: var(--spacing-5xs) !important;
}

.pl-4xs {
	padding-left: var(--spacing-4xs) !important;
}

.pl-3xs {
	padding-left: var(--spacing-3xs) !important;
}

.pl-2xs {
	padding-left: var(--spacing-2xs) !important;
}

.pl-xs {
	padding-left: var(--spacing-xs) !important;
}

.pl-def {
	padding-left: var(--spacing-def) !important;
}

.pl-md {
	padding-left: var(--spacing-md) !important;
}

.pl-lg {
	padding-left: var(--spacing-lg) !important;
}

.pl-xl {
	padding-left: var(--spacing-xl) !important;
}

.pl-2xl {
	padding-left: var(--spacing-2xl) !important;
}

.pl-3xl {
	padding-left: var(--spacing-3xl) !important;
}

.pl-4xl {
	padding-left: var(--spacing-4xl) !important;
}

.pl-5xl {
	padding-left: var(--spacing-5xl) !important;
}

.pl-6xl {
	padding-left: var(--spacing-6xl) !important;
}

.pt-0 {
	padding-top: var(--spacing-0) !important;
}

.pt-min {
	padding-top: var(--spacing-min) !important;
}

.pt-6xs {
	padding-top: var(--spacing-6xs) !important;
}

.pt-5xs {
	padding-top: var(--spacing-5xs) !important;
}

.pt-4xs {
	padding-top: var(--spacing-4xs) !important;
}

.pt-3xs {
	padding-top: var(--spacing-3xs) !important;
}

.pt-2xs {
	padding-top: var(--spacing-2xs) !important;
}

.pt-xs {
	padding-top: var(--spacing-xs) !important;
}

.pt-def {
	padding-top: var(--spacing-def) !important;
}

.pt-md {
	padding-top: var(--spacing-md) !important;
}

.pt-lg {
	padding-top: var(--spacing-lg) !important;
}

.pt-xl {
	padding-top: var(--spacing-xl) !important;
}

.pt-2xl {
	padding-top: var(--spacing-2xl) !important;
}

.pt-3xl {
	padding-top: var(--spacing-3xl) !important;
}

.pt-4xl {
	padding-top: var(--spacing-4xl) !important;
}

.pt-5xl {
	padding-top: var(--spacing-5xl) !important;
}

.pt-6xl {
	padding-top: var(--spacing-6xl) !important;
}

.pb-0 {
	padding-bottom: var(--spacing-0) !important;
}

.pb-min {
	padding-bottom: var(--spacing-min) !important;
}

.pb-6xs {
	padding-bottom: var(--spacing-6xs) !important;
}

.pb-5xs {
	padding-bottom: var(--spacing-5xs) !important;
}

.pb-4xs {
	padding-bottom: var(--spacing-4xs) !important;
}

.pb-3xs {
	padding-bottom: var(--spacing-3xs) !important;
}

.pb-2xs {
	padding-bottom: var(--spacing-2xs) !important;
}

.pb-xs {
	padding-bottom: var(--spacing-xs) !important;
}

.pb-def {
	padding-bottom: var(--spacing-def) !important;
}

.pb-md {
	padding-bottom: var(--spacing-md) !important;
}

.pb-lg {
	padding-bottom: var(--spacing-lg) !important;
}

.pb-xl {
	padding-bottom: var(--spacing-xl) !important;
}

.pb-2xl {
	padding-bottom: var(--spacing-2xl) !important;
}

.pb-3xl {
	padding-bottom: var(--spacing-3xl) !important;
}

.pb-4xl {
	padding-bottom: var(--spacing-4xl) !important;
}

.pb-5xl {
	padding-bottom: var(--spacing-5xl) !important;
}

.pb-6xl {
	padding-bottom: var(--spacing-6xl) !important;
}

.pr-0 {
	padding-right: var(--spacing-0) !important;
}

.pr-min {
	padding-right: var(--spacing-min) !important;
}

.pr-6xs {
	padding-right: var(--spacing-6xs) !important;
}

.pr-5xs {
	padding-right: var(--spacing-5xs) !important;
}

.pr-4xs {
	padding-right: var(--spacing-4xs) !important;
}

.pr-3xs {
	padding-right: var(--spacing-3xs) !important;
}

.pr-2xs {
	padding-right: var(--spacing-2xs) !important;
}

.pr-xs {
	padding-right: var(--spacing-xs) !important;
}

.pr-def {
	padding-right: var(--spacing-def) !important;
}

.pr-md {
	padding-right: var(--spacing-md) !important;
}

.pr-lg {
	padding-right: var(--spacing-lg) !important;
}

.pr-xl {
	padding-right: var(--spacing-xl) !important;
}

.pr-2xl {
	padding-right: var(--spacing-2xl) !important;
}

.pr-3xl {
	padding-right: var(--spacing-3xl) !important;
}

.pr-4xl {
	padding-right: var(--spacing-4xl) !important;
}

.pr-5xl {
	padding-right: var(--spacing-5xl) !important;
}

.pr-6xl {
	padding-right: var(--spacing-6xl) !important;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
/*  header */
.header-wrapper {
	position: relative;
	width: 100%;
	z-index: 27;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	transition: transform 0.23s;
}

.header-wrapper .header-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	height: 60px;
	padding-top: var(--spacing-xs);
	padding-right: var(--spacing-def);
	padding-left: var(--spacing-def);
	padding-bottom: var(--spacing-xs);
	background: #fff;
	-moz-transition: background 0.2s ease-out;
	-webkit-transition: background 0.2s ease-out;
	transition: background 0.2s ease-out;
	z-index: 2;
}

.header-wrapper .header-box [class^=link-] {
	display: inline-block;
	vertical-align: top;
}

.header-wrapper .header-box .header-left {
	min-width: 60px;
	margin-right: var(--spacing-2xs);
	overflow: hidden;
	flex-shrink: 0;
	font-size: 0;
}

.header-wrapper .header-box .header-left .link-home,
.header-wrapper .header-box .header-left .link-setting {
	margin-left: var(--spacing-2xs);
}

.header-wrapper .header-box .header-center {
	flex: 1 0 0;
	text-align: center;
	overflow: hidden;
}

.header-wrapper .header-box .header-center .ptitle {
	padding-top: 1px;
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 22px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.header-wrapper .header-box .header-right {
	min-width: 60px;
	padding-left: var(--spacing-2xs);
	margin-left: auto;
	box-sizing: content-box;
	text-align: right;
	font-size: 0;
}

.header-wrapper .header-box .header-right [class^=link-] ~ [class^=link-] {
	margin-left: var(--spacing-xs);
}

.header-wrapper .header-box .header-right .link-cart {
	display: inline-block;
	position: relative;
}

.header-wrapper .header-box .header-right .link-cart .count {
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: -0.025em;
}

.header-wrapper .header-box .header-right .link-alarm.has-new-alarm {
	position: relative;
}

.header-wrapper .header-box .header-right .link-alarm.has-new-alarm:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #fe4400;
	border-radius: 50%;
	top: 0;
	right: 0;
}

.header-wrapper .header-box.type-search .header-left,
.header-wrapper .header-box.type-search .header-right {
	min-width: 22px;
}

.header-wrapper .header-box.type-search .input-group .input-search-box {
	position: relative;
	border-bottom: none;
	align-items: flex-start;
}

.header-wrapper .header-box.type-search .input-group .input-search-box .ui-input {
	height: 38px;
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 22px;
}

.header-wrapper .header-box.type-search .input-group .input-search-box .ico-input-del {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	margin-top: var(--spacing-3xs);
	margin-left: var(--spacing-3xs);
	background: url("../images/form/ico_ip_clear.svg") 0 0 no-repeat;
	background-size: cover;
}

.header-wrapper .header-box.type-search .input-group .input-search-box .btn-open-search-layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.header-wrapper.sps-blw:not(.no-fix) {
	position: fixed;
	top: 0;
	left: 0;
}

.header-wrapper.type-black {
	height: 60px;
}

.header-wrapper.type-black .header-box {
	background: #000;
}

.header-wrapper.type-black .header-box .header-left .ico-header-back {
	background: #fff;
}

.header-wrapper.type-black .header-box .header-left .ico-header-home {
	background: #fff;
}

.header-wrapper.type-black .header-box .header-left .ico-header-setting {
	background: #fff;
}

.header-wrapper.type-black .header-box .header-center .ptitle {
	color: #fff;
}

.header-wrapper.type-black .header-box .header-right .ico-header-cart {
	background: #fff;
}

.header-wrapper.type-black .header-box .header-right .ico-header-cart .count {
	color: #000;
}

.header-wrapper.type-black .header-box .header-right .ico-header-search {
	background: #fff;
}

.header-wrapper.type-black .header-box .header-right .ico-header-alarm {
	background: #fff;
}

.header-wrapper.type-transparent.sps-abv .header-box {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.header-wrapper.type-transparent.sps-abv .header-box .header-left .ico-header-back {
	background: #fff;
}

.header-wrapper.type-transparent.sps-abv .header-box .header-left .ico-header-home {
	background: #fff;
}

.header-wrapper.type-transparent.sps-abv .header-box .header-left .ico-header-setting {
	background: #fff;
}

.header-wrapper.type-transparent.sps-abv .header-box .header-center .ptitle {
	color: #fff;
}

.header-wrapper.type-transparent.sps-abv .header-box .header-right .ico-header-cart {
	background: #fff;
}

.header-wrapper.type-transparent.sps-abv .header-box .header-right .ico-header-cart .count {
	color: #000;
}

.header-wrapper.type-transparent.sps-abv .header-box .header-right .ico-header-search {
	background: #fff;
}

.header-wrapper.type-transparent.sps-abv .header-box .header-right .ico-header-alarm {
	background: #fff;
}

.header-wrapper.type-showcase {
	top: 22px;
}

.header-wrapper.type-showcase .header-box {
	background: transparent;
}

.header-wrapper.shorts {
	position: fixed;
	top: 0;
	left: 0;
}

.header-wrapper.shorts .header-box {
	background-color: transparent;
}

.header-wrapper.shorts .header-box .header-left .ico-header-back {
	background: #fff;
}

/* // header */
/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
body.app-view .btn-go-top {
	display: none !important;
}

body.gnb-open {
	overflow: hidden;
	width: 100%;
}

body.gnb-open .wrapper {
	overflow: hidden;
	touch-action: none;
}

body.gnb-open .wrapper .container-wrapper .gnb-box {
	position: relative;
	z-index: 100;
	overflow: visible;
}

body.gnb-open .wrapper .container-wrapper .contents-wrap {
	padding-top: var(--spacing-2xl);
}

body.gnb-open .floating-wrapper,
body.gnb-open .footer-wrapper,
body.gnb-open .docker-wrapper {
	z-index: 24;
	pointer-events: none;
	touch-action: none;
}

body.gnb-open.sub-gnb .wrapper .container-wrapper .contents-wrap {
	padding-top: 0;
}

body.gnb-open.ios {
	touch-action: none;
}

body.floating-open {
	overflow: hidden;
	width: 100%;
}

body.floating-open .wrapper {
	overflow: hidden;
	touch-action: none;
}

body.floating-open .wrapper .container-wrapper .gnb-box .sub-depth-layer-wrap,
body.floating-open .wrapper .container-wrapper .gnb-box .current-depth {
	z-index: unset;
}

body.floating-open .wrapper .floating-wrapper .floating-toggle-list {
	max-width: 90px;
	margin-right: var(--spacing-5xs);
	opacity: 1;
	z-index: 30;
}

body.floating-open .wrapper .floating-wrapper .btn-floating-toggle {
	position: relative;
	border-color: #000;
	background: #000 url("../images/common/comm_ico_floating_toggle_close.svg") center no-repeat;
	background-size: 10px;
	z-index: 30;
}

body.floating-open .wrapper .docker-wrapper {
	z-index: 100;
}

#btn_webchat_tck {
	display: flex;
	position: fixed;
	right: 12px !important;
	bottom: calc(184px + var(--main-coupon-layer-height) + env(safe-area-inset-bottom));
	z-index: 99 !important;
	-moz-transition: bottom 0.15s;
	-webkit-transition: bottom 0.15s;
	transition: bottom 0.15s;
}

#btn_webchat_tck .ul-wrap ul li {
	width: 42px;
	height: 42px;
}

body #btn_webchat_tck.is-active {
	bottom: calc(232px + var(--main-coupon-layer-height) + env(safe-area-inset-bottom));
}

body #btn_webchat_tck.scroll-down {
	bottom: calc(24px + var(--main-coupon-layer-height) + 96px + env(safe-area-inset-bottom));
}

.wrapper.no-docker + #btn_webchat_tck {
	bottom: 28pxvar(--main-coupon-layer-height)env(safe-area-inset-bottom)48px !important;
}

.wrapper {
	padding-bottom: env(safe-area-inset-bottom);
}

.wrapper.has-cont-docker {
	padding-bottom: calc(70px + var(--docker-extra-height) + env(safe-area-inset-bottom));
}

.wrapper .header-wrapper.sps-blw ~ .container-wrapper {
	padding-top: var(--spacing-3xl);
}

.wrapper .header-wrapper.type-transparent ~ .container-wrapper, .wrapper .header-wrapper.type-showcase ~ .container-wrapper {
	margin-top: -60px;
}

.wrapper .container-wrapper {
	position: relative;
}

.wrapper .container-wrapper .gnb-box {
	background: #fff;
	overflow: hidden;
}

.wrapper .container-wrapper .gnb-box .current-depth {
	position: relative;
	height: 44px;
	padding: 9px var(--spacing-def) 15px;
	font-size: 0;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
}

.wrapper .container-wrapper .gnb-box .current-depth .depth {
	display: inline-block;
	vertical-align: top;
}

.wrapper .container-wrapper .gnb-box .current-depth .depth .depth-name {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
	color: #000;
}

.wrapper .container-wrapper .gnb-box .current-depth .depth .btn-current-depth {
	position: relative;
	padding-right: var(--spacing-3xs);
}

.wrapper .container-wrapper .gnb-box .current-depth .depth .btn-current-depth:after {
	content: "";
	width: 6px;
	height: 4px;
	position: absolute;
	top: 8px;
	right: 0;
	background: url("../images/common/comm_ico_gnb_depth_open_arr.svg") right center no-repeat;
	background-size: 6px 4px;
	-moz-transition: 0.15s;
	-webkit-transition: 0.15s;
	transition: 0.15s;
}

.wrapper .container-wrapper .gnb-box .current-depth .depth ~ .depth {
	position: relative;
}

.wrapper .container-wrapper .gnb-box .current-depth .depth ~ .depth:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 17px;
	margin-top: 1px;
	margin-right: var(--spacing-5xs);
	margin-left: var(--spacing-5xs);
	vertical-align: top;
	background: url("../images/common/comm_ico_gnb_depth_divider.svg") 0 0 no-repeat;
	background-size: cover;
}

.wrapper .container-wrapper .gnb-box .current-depth-list {
	display: none;
	padding: 13px var(--spacing-def) var(--spacing-md);
	font-size: 0;
	position: absolute;
	top: 44px;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 3;
}

.wrapper .container-wrapper .gnb-box .current-depth-list .depth-item {
	display: inline-block;
	width: calc(50% - 10px);
	vertical-align: top;
}

.wrapper .container-wrapper .gnb-box .current-depth-list .depth-item .link-depth {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}

.wrapper .container-wrapper .gnb-box .current-depth-list .depth-item .link-depth .text {
	display: inline-block;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	color: #666;
	vertical-align: top;
}

.wrapper .container-wrapper .gnb-box .current-depth-list .depth-item ~ .depth-item:nth-child(n+3) {
	margin-top: 3px;
}

.wrapper .container-wrapper .gnb-box .current-depth-list .depth-item:nth-child(2n) {
	margin-left: var(--spacing-def);
}

.wrapper .container-wrapper .gnb-box .current-depth-list .depth-item.is-active .text {
	position: relative;
	color: #000;
	font-weight: 600;
}

.wrapper .container-wrapper .gnb-box .current-depth-list .depth-item.is-active .text:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #000;
	position: absolute;
	bottom: 1px;
	left: 0;
}

.wrapper .container-wrapper .gnb-box .sub-depth-layer-wrap {
	position: relative;
	height: 50px;
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
}

.wrapper .container-wrapper .gnb-box .sub-depth-layer-wrap .sub-depth-list .sub-depth-item {
	width: auto;
}

.wrapper .container-wrapper .gnb-box .sub-depth-layer-wrap .sub-depth-list .sub-depth-item .link-sub-depth {
	display: inline-block;
	vertical-align: top;
	padding-top: 15px;
	padding-right: var(--spacing-4xs);
	padding-left: var(--spacing-4xs);
	padding-bottom: 15px;
}

.wrapper .container-wrapper .gnb-box .sub-depth-layer-wrap .sub-depth-list .sub-depth-item .link-sub-depth .text {
	display: inline-block;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	color: rgba(0, 0, 0, 0.3);
	vertical-align: top;
}

.wrapper .container-wrapper .gnb-box .sub-depth-layer-wrap .sub-depth-list .sub-depth-item:first-child .link-sub-depth {
	padding-left: var(--spacing-def);
}

.wrapper .container-wrapper .gnb-box .sub-depth-layer-wrap .sub-depth-list .sub-depth-item:last-child .link-sub-depth {
	padding-right: var(--spacing-def);
}

.wrapper .container-wrapper .gnb-box .sub-depth-layer-wrap .sub-depth-list .sub-depth-item.is-active .text {
	position: relative;
	color: #000;
	font-weight: 600;
}

.wrapper .container-wrapper .gnb-box .sub-depth-layer-wrap .sub-depth-list .sub-depth-item.is-active .text:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -15px;
	left: 0;
	background: #000;
	z-index: 1;
}

.wrapper .container-wrapper .gnb-box .sub-depth-layer-wrap .btn-sub-depth {
	display: none;
	position: absolute;
	top: 13px;
	right: 12px;
	width: 22px;
	height: 22px;
	border: 1px solid #ddd;
	border-radius: 11px;
	z-index: 2;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	background: #fff;
}

.wrapper .container-wrapper .gnb-box .sub-depth-layer-wrap .btn-sub-depth:after {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/common/comm_ico_gnb_sub_depth_arr.svg") 0 0 no-repeat;
	background-size: cover;
	-moz-transition: 0.15s;
	-webkit-transition: 0.15s;
	transition: 0.15s;
}

.wrapper .container-wrapper .gnb-box .sub-depth-layer-wrap.overflowed {
	padding-right: 34px;
}

.wrapper .container-wrapper .gnb-box .sub-depth-layer-wrap.overflowed:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 49px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 100%);
	z-index: 1;
	overflow: hidden;
}

.wrapper .container-wrapper .gnb-box .sub-depth-layer-wrap.overflowed .btn-sub-depth {
	display: block;
}

.wrapper .container-wrapper .gnb-box .btn-current-depth.is-active:after {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.wrapper .container-wrapper .gnb-box.is-sub-depth-open .sub-depth-layer-wrap {
	position: absolute;
	height: auto;
	overflow: unset;
	padding-right: 0;
}

.wrapper .container-wrapper .gnb-box.is-sub-depth-open .sub-depth-layer-wrap .sub-depth-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	max-height: 242px;
	padding: 13px var(--spacing-def) var(--spacing-md);
	box-sizing: border-box;
	overflow-y: auto;
}

.wrapper .container-wrapper .gnb-box.is-sub-depth-open .sub-depth-layer-wrap .sub-depth-list .sub-depth-item {
	width: calc(50% - 10px);
}

.wrapper .container-wrapper .gnb-box.is-sub-depth-open .sub-depth-layer-wrap .sub-depth-list .sub-depth-item .link-sub-depth {
	display: block;
	padding-top: 5px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	vertical-align: top;
}

.wrapper .container-wrapper .gnb-box.is-sub-depth-open .sub-depth-layer-wrap .sub-depth-list .sub-depth-item .link-sub-depth .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	color: #666;
}

.wrapper .container-wrapper .gnb-box.is-sub-depth-open .sub-depth-layer-wrap .sub-depth-list .sub-depth-item.is-active .text {
	color: #000;
	font-weight: 600;
}

.wrapper .container-wrapper .gnb-box.is-sub-depth-open .sub-depth-layer-wrap .sub-depth-list .sub-depth-item.is-active .text:after {
	width: 100%;
	height: 1px;
	background: #000;
	position: absolute;
	bottom: 1px;
	left: 0;
}

.wrapper .container-wrapper .gnb-box.is-sub-depth-open .sub-depth-layer-wrap .sub-depth-list .sub-depth-item ~ .sub-depth-item:nth-child(n+3) {
	margin-top: 3px;
}

.wrapper .container-wrapper .gnb-box.is-sub-depth-open .sub-depth-layer-wrap .sub-depth-list .sub-depth-item:nth-child(2n) {
	margin-left: var(--spacing-def);
}

.wrapper .container-wrapper .gnb-box.is-sub-depth-open .sub-depth-layer-wrap .btn-sub-depth {
	top: unset;
	bottom: -34px;
}

.wrapper .container-wrapper .gnb-box.is-sub-depth-open .sub-depth-layer-wrap .btn-sub-depth:after {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.wrapper .container-wrapper .gnb-box.is-sub-depth-open .sub-depth-layer-wrap:after {
	display: none;
}

.wrapper .container-wrapper .gnb-box.sps-blw {
	height: 44px;
}

.wrapper .container-wrapper .gnb-box.sps-blw.sub-content {
	height: 94px;
}

.wrapper .container-wrapper .gnb-box.sps-blw .current-depth {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 29;
	padding-top: 15px;
	height: 50px;
}

.wrapper .container-wrapper .gnb-box.sps-blw .sub-depth-layer-wrap {
	position: fixed;
	top: 50px;
	left: 0;
	right: 0;
	transition: top 0.23s;
	z-index: 28;
}

.wrapper .container-wrapper .gnb-box.sps-blw .sub-depth-layer-wrap.scroll-up {
	-moz-top: 50px;
	-webkit-top: 50px;
	top: 50px;
}

.wrapper .container-wrapper .gnb-box.sps-blw.is-sub-depth-open .sub-depth-layer-wrap {
	top: 50px;
}

.wrapper .container-wrapper .gnb-box.sps-blw ~ .contents-wrap {
	padding-top: var(--spacing-2xl);
}

.wrapper .container-wrapper .dim-layer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	height: var(--reVh, 1vh);
	z-index: 25;
}

/* S: floating */
.floating-wrapper {
	z-index: 100;
	position: fixed;
	bottom: calc(88px + env(safe-area-inset-bottom));
	right: 12px;
	-moz-transition: bottom 0.15s;
	-webkit-transition: bottom 0.15s;
	transition: bottom 0.15s;
}

.floating-wrapper .btn-floating-toggle,
.floating-wrapper .btn-serach,
.floating-wrapper .btn-recent-prod,
.floating-wrapper .btn-go-top {
	width: 42px;
	height: 42px;
}

.floating-wrapper .btn-floating-toggle ~ [class^=btn-]:not(.btn-go-top):not(.btn-floating-filter),
.floating-wrapper .btn-serach ~ [class^=btn-]:not(.btn-go-top):not(.btn-floating-filter),
.floating-wrapper .btn-recent-prod ~ [class^=btn-]:not(.btn-go-top):not(.btn-floating-filter),
.floating-wrapper .btn-go-top ~ [class^=btn-]:not(.btn-go-top):not(.btn-floating-filter) {
	margin-top: var(--spacing-5xs);
}

.floating-wrapper .floating-toggle-list {
	position: absolute;
	top: 0;
	right: 42px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	max-width: 0;
	height: 42px;
	opacity: 0;
	overflow: hidden;
	-moz-transition: all ease-in-out 0.23s;
	-webkit-transition: all ease-in-out 0.23s;
	transition: all ease-in-out 0.23s;
}

.floating-wrapper .floating-toggle-list .floating-item ~ .floating-item {
	margin-left: var(--spacing-5xs);
}

.floating-wrapper .floating-toggle-list .floating-item [class^=btn-] {
	width: 42px;
	height: 42px;
	border-radius: 21px;
}

.floating-wrapper .floating-toggle-list .btn-chatbot {
	background: #fe4400 url("../images/common/comm_ico_floating_chatbot.svg") center no-repeat;
	background-size: 18px;
}

.floating-wrapper .floating-toggle-list .btn-kakaotalk {
	background: #fee503 url("../images/common/comm_ico_floating_kakaotalk.svg") center no-repeat;
	background-size: 20px;
}

.floating-wrapper .btn-floating-toggle {
	border-radius: 22px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background: #fff url("../images/common/comm_ico_floating_customer_service.svg") center no-repeat;
	background-size: 18px;
}

.floating-wrapper .btn-serach {
	position: relative;
	display: block;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 22px;
	margin-top: var(--spacing-5xs);
	background: #fff url("../images/common/comm_ico_floating_serach.svg") center center no-repeat;
	width: 42px;
	height: 42px;
}

.floating-wrapper .btn-recent-prod {
	position: relative;
	display: block;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background: #fff;
	border-radius: 22px;
	margin-top: var(--spacing-5xs);
}

.floating-wrapper .btn-recent-prod .thumb-box {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 100%;
	box-sizing: border-box;
	border-radius: 20px;
	overflow: hidden;
}

.floating-wrapper .btn-recent-prod .thumb-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-o-object-fit: cover;
	object-fit: cover;
}

.floating-wrapper .btn-recent-prod .recent-prod-layer {
	position: absolute;
	bottom: 3px;
	right: 47px;
	background: rgba(255, 255, 255, 0.8);
	-moz-backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	width: calc(100vw - 85px - var(--scrollVWidth));
	padding: var(--spacing-3xs) var(--spacing-4xs) 9px 35px;
	margin-right: 5px;
	border: 1px solid #000;
	cursor: default;
	text-align: left;
	font-size: 11px;
	line-height: 15px;
	letter-spacing: -0.025em;
	/*white-space: nowrap;*/
	color: #000;
}

.floating-wrapper .btn-recent-prod .recent-prod-layer .prod-name {
	display: inline-block;
	font-weight: 700;
	vertical-align: top;
}

.floating-wrapper .btn-recent-prod .recent-prod-layer .btn-close {
	width: 8px;
	height: 8px;
	padding: 5px;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 10px;
	background: url("../images/common/comm_ico_recent_prod_layer_close.svg") center no-repeat;
	background-size: 8px;
	box-sizing: content-box;
}

.floating-wrapper .btn-recent-prod .recent-prod-layer:after {
	position: absolute;
	bottom: 11px;
	right: -6px;
	content: "";
	display: inline-block;
	width: 6px;
	height: 9px;
	background: url("../images/common/comm_bg_recent_prod_layer_arr.svg") 0 0 no-repeat;
	background-size: cover;
}

.floating-wrapper .btn-go-top {
	position: relative;
	display: block;
	max-height: 0;
	opacity: 0;
	border: none;
	overflow: hidden;
	-moz-transition: all ease-in-out 0.23s;
	-webkit-transition: all ease-in-out 0.23s;
	transition: all ease-in-out 0.23s;
}

.floating-wrapper .btn-go-top.is-active {
	max-height: 42px;
	margin-top: var(--spacing-5xs);
	opacity: 1;
}

.floating-wrapper .btn-floating-filter {
	position: fixed;
	color: #fff;
	background: #000;
	margin-top: 0;
	padding: var(--spacing-4xs) var(--spacing-xs) var(--spacing-6xs);
	border-radius: 17px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	left: 50%;
	bottom: calc(86px + env(safe-area-inset-bottom));
	transform: translateX(-50%);
	-moz-transition: bottom 0.15s;
	-webkit-transition: bottom 0.15s;
	transition: bottom 0.15s;
}

.floating-wrapper .btn-floating-filter .ico-filter-w {
	margin: var(--spacing-min) var(--spacing-6xs) 0 0;
}

.floating-wrapper .btn-floating-filter.selected .text {
	position: relative;
	padding-right: calc(var(--spacing-6xs) + 3px);
}

.floating-wrapper .btn-floating-filter.selected .text:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #fe4400;
	border-radius: 50%;
	top: 5px;
	right: 0;
}

.floating-wrapper .btn-floating-filter.hide {
	display: none;
}

.wrapper.has-cont-docker .floating-wrapper {
	bottom: calc(86px + var(--docker-extra-height) + env(safe-area-inset-bottom));
}

.wrapper.no-docker .floating-wrapper {
	bottom: calc(24px + env(safe-area-inset-bottom));
}

.floating-wrapper.scroll-down, .floating-wrapper.scroll-down .btn-floating-filter {
	bottom: calc(24px + env(safe-area-inset-bottom));
}

/* s: docker */
.docker-wrapper {
	margin: 0 auto;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 30;
	background: rgba(255, 255, 255, 0.9);
	padding-bottom: env(safe-area-inset-bottom);
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-moz-backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	transition: transform 0.23s;
}

.docker-wrapper .docker-list {
	height: 70px;
	padding-right: var(--spacing-3xs);
	padding-left: var(--spacing-3xs);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.docker-wrapper .docker-list .docker-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	text-align: center;
	flex: 1 0 0;
	height: 100%;
}

.docker-wrapper .docker-list .docker-item .btn-docker {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 100%;
	padding-top: 14px;
	position: relative;
}

.docker-wrapper .docker-list .docker-item .btn-docker .text {
	display: block;
	margin-top: var(--spacing-5xs);
	font-size: 11px;
	line-height: 16px;
	letter-spacing: -0.025em;
	color: #000;
}

.docker-wrapper .docker-list .docker-item .btn-docker .ico-docker-special ~ .text {
	color: #ff652c;
}

@media screen and (max-width: 286px) {
	.docker-wrapper .docker-list {
		padding-right: 0;
		padding-left: 0;
	}
}
.docker-wrapper.scroll-down {
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.docker-wrapper.scroll-down .docker_list .docker_item.my .btn_docker_my {
	animation: none;
}

.docker-wrapper .chk-wrap {
	padding: var(--spacing-xs) var(--spacing-def);
	border-top: 1px solid #000;
}

.docker-wrapper .link-balloon {
	position: relative;
	top: var(--spacing-5xs);
	left: var(--spacing-def);
	z-index: 31;
}

.docker-wrapper .link-balloon:after {
	border-top: 8px solid #fe4400;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 0 solid transparent;
	bottom: calc(var(--spacing-6xs) * -1);
	right: 50%;
}

.docker-wrapper .link-balloon span:not(.fw-sb) {
	display: inline-block;
	margin-left: var(--spacing-4xs);
	width: 11px;
	height: 11px;
	background: #fff;
	-webkit-mask-image: url("../images/common/comm_ico_close.svg");
	mask-image: url("../images/common/comm_ico_close.svg");
	mask-size: contain;
	vertical-align: middle;
	font-size: 0;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.footer-wrapper .footer-bottom .sns-area [class^=ico] {
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
}

.footer-wrapper {
	margin-top: var(--spacing-5xl);
}

.footer-wrapper .footer-inner {
	padding-right: var(--spacing-def);
	padding-left: var(--spacing-def);
}

.footer-wrapper .footer-top {
	background: #f5f5f5;
}

.footer-wrapper .footer-top .customer-service-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-left: -5px;
	margin-right: -5px;
}

.footer-wrapper .footer-top .customer-service-list .service-item .link-service {
	display: inline-block;
	padding: 18px 5px;
	vertical-align: top;
}

.footer-wrapper .footer-top .customer-service-list .service-item .link-service .text {
	display: inline-block;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	vertical-align: top;
}

.footer-wrapper .footer-bottom {
	margin-top: var(--spacing-lg);
	margin-bottom: var(--spacing-6xl);
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item {
	border-bottom: none;
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-header {
	display: inline-block;
	padding-top: 0;
	padding-right: 26px;
	padding-bottom: 0;
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-header .fold-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-header .btn-fold:after {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	vertical-align: top;
	background: #000 url("../images/common/comm_ico_fold_arr_white.svg") center no-repeat;
	background-size: 7px 4px;
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-content {
	border-top: none;
	padding: 0;
	margin-top: 13px;
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-content .ft-info {
	font-size: 0;
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-content .ft-info .info-row .info {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: rgba(0, 0, 0, 0.8);
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-content .ft-info .info-row .info ~ .info {
	padding-left: var(--spacing-5xs);
	margin-left: var(--spacing-5xs);
	position: relative;
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-content .ft-info .info-row .info ~ .info:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 9px;
	background: rgba(0, 0, 0, 0.2);
	position: absolute;
	left: 0;
	top: 4px;
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-content .ft-info .info-row .info .link-info {
	margin-left: var(--spacing-5xs);
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-content .ft-info .info-row .info .link-info .text {
	text-decoration: underline;
	font-weight: 600;
	color: #000;
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-content .ft-info .info-row ~ .info-row {
	margin-top: var(--spacing-6xs);
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-content .ft-mark-list {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-content .ft-mark-list .ft-mark-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-content .ft-mark-list .ft-mark-item .link-inicis {
	display: inline-block;
	width: 69px;
	height: 14px;
	margin-top: var(--spacing-min);
	background: url("../images/common/comm_ico_footer_inicis.png") 0 0 no-repeat;
	background-size: cover;
	vertical-align: top;
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-content .ft-mark-list .ft-mark-item .ico-logo-isms {
	flex-shrink: 0;
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-content .ft-mark-list .ft-mark-item .text {
	display: inline-block;
	margin-left: var(--spacing-5xs);
	font-size: 10px;
	line-height: 12px;
	letter-spacing: -0.025em;
	color: rgba(0, 0, 0, 0.3);
	vertical-align: top;
}

.footer-wrapper .footer-bottom .fold-wrap .fold-item .fold-content .ft-mark-list .ft-mark-item ~ .ft-mark-item {
	margin-left: var(--spacing-2xs);
}

.footer-wrapper .footer-bottom .ft-menu-list {
	margin-top: var(--spacing-lg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}

.footer-wrapper .footer-bottom .ft-menu-list .ft-menu-item {
	width: 50%;
}

.footer-wrapper .footer-bottom .ft-menu-list .ft-menu-item .link-menu {
	display: inline-block;
	vertical-align: top;
}

.footer-wrapper .footer-bottom .ft-menu-list .ft-menu-item .link-menu .text {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.footer-wrapper .footer-bottom .ft-menu-list .ft-menu-item:nth-child(n+3) {
	margin-top: var(--spacing-4xs);
}

.footer-wrapper .footer-bottom .copyright {
	margin-top: var(--spacing-lg);
	color: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.footer-wrapper .footer-bottom .sns-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-3xs);
	margin-top: var(--spacing-lg);
}

.footer-wrapper .footer-bottom .sns-area [class^=ico] {
	background-color: #f5f5f5;
	border-radius: 100%;
	width: 36px;
	height: 36px;
	font-size: 0;
}

.footer-wrapper .footer-bottom .sns-area [class^=ico]::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 18px;
	height: 18px;
}

.footer-wrapper .footer-bottom .sns-area .ico-facebook::before {
	background: url("../images/common/comm_ico_facebook.png") no-repeat center center;
}

.footer-wrapper .footer-bottom .sns-area .ico-instagram::before {
	background: url("../images/common/comm_ico_instagram.png") no-repeat center center;
}

.footer-wrapper .footer-bottom .sns-area .ico-youtube::before {
	background: url("../images/common/comm_ico_youtube.png") no-repeat center center;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.time-sale-cont-box .marquee-wrap {
	overflow: hidden;
}

.time-sale-cont-box .marquee-wrap .marquee-box,
.time-sale-cont-box .marquee-wrap .original-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.time-sale-cont-box .marquee-wrap .marquee-item .text {
	white-space: nowrap;
	min-width: fit-content;
}

.time-sale-cont-box .initialized.marquee-wrap .marquee-box .marquee-item {
	-webkit-animation-name: marquee;
	animation-name: marquee;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes marquee {
	0% {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
@keyframes marquee {
	0% {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
body.main .header-wrapper {
	display: block;
	background: transparent;
}

body.main .header-wrapper .header-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

body.main .header-wrapper .header-inner .header-bi {
	flex-shrink: 0;
}

body.main .header-wrapper .header-inner .gnb-search-box {
	flex: 1 0 0;
}

body.main .header-wrapper .header-inner .gnb-search-box .input-group .input-search-box {
	position: relative;
	border: none;
}

body.main .header-wrapper .header-inner .gnb-search-box .input-group .input-search-box .ui-input {
	padding-right: 0;
}

body.main .header-wrapper .header-inner .gnb-search-box .input-group .input-search-box .btn-input-search {
	box-sizing: content-box;
	position: relative;
	width: 22px;
	height: 22px;
	margin: 0;
	z-index: 2;
	background-image: url("../images/common/comm_ico_header_search.svg");
	background-size: 22px 22px;
}

body.main .header-wrapper .header-inner .gnb-search-box .input-group .input-search-box .btn-open-search-layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

body.main .header-wrapper .header-inner .link-cart .ico-header-cart {
	position: relative;
}

body.main .header-wrapper .header-inner .link-cart .ico-header-cart .count {
	width: 100%;
	position: absolute;
	top: 5px;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	text-align: center;
}

body.main .header-wrapper .header-bottom .gnb-swiper-wrap {
	overflow: hidden;
}

body.main .header-wrapper .header-bottom .gnb-swiper-wrap .gnb-list {
	font-size: 0;
}

body.main .header-wrapper .header-bottom .gnb-swiper-wrap .gnb-list .gnb-item {
	display: inline-block;
	vertical-align: top;
	width: auto;
}

body.main .header-wrapper .header-bottom .gnb-swiper-wrap .gnb-list .gnb-item .link-gnb {
	display: inline-block;
	padding-right: var(--spacing-4xs);
	padding-left: var(--spacing-4xs);
	vertical-align: top;
}

body.main .header-wrapper .header-bottom .gnb-swiper-wrap .gnb-list .gnb-item .link-gnb .text {
	display: inline-block;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	vertical-align: top;
}

body.main .header-wrapper .header-bottom .gnb-swiper-wrap .gnb-list .gnb-item:last-child .link-gnb {
	padding-right: var(--spacing-def);
}

body.main .header-wrapper.sps-blw {
	position: fixed;
	left: 0;
	right: 0;
}

body.main .header-wrapper.sps-blw .header-bottom {
	border-bottom: 1px solid #000;
}

body.main .header-wrapper.sps-blw .header-bottom .gnb-swiper-wrap {
	height: 49px;
}

body.main .header-wrapper.sps-blw .header-bottom .gnb-swiper-wrap .gnb-list {
	margin-top: 0;
}

body.main .header-wrapper.sps-blw .header-bottom .gnb-swiper-wrap .gnb-list .gnb-item .link-gnb {
	padding-top: 15px;
	padding-bottom: 15px;
}

body.main .header-wrapper.sps-blw .header-bottom .gnb-swiper-wrap .gnb-list .gnb-item:first-child .link-gnb {
	padding-left: var(--spacing-def);
}

body.main .header-wrapper:not(.brand, .brand-sales) .header-top {
	padding-top: var(--spacing-3xs);
	border-bottom: 1px solid #000;
	background: #fff;
}

body.main .header-wrapper:not(.brand, .brand-sales) .header-top .header-inner .header-bi {
	width: 72px;
	height: 72px;
	margin-bottom: -36px;
	margin-left: var(--spacing-def);
}

body.main .header-wrapper:not(.brand, .brand-sales) .header-top .header-inner .gnb-search-box {
	border-right: 1px solid #000;
	margin-left: var(--spacing-xs);
}

body.main .header-wrapper:not(.brand, .brand-sales) .header-top .header-inner .gnb-search-box .input-group .input-search-box .ui-input {
	height: 22px;
	padding-top: var(--spacing-6xs);
	padding-bottom: var(--spacing-3xs);
}

body.main .header-wrapper:not(.brand, .brand-sales) .header-top .header-inner .gnb-search-box .input-group .input-search-box .btn-input-search {
	padding: var(--spacing-min) var(--spacing-xs) var(--spacing-2xs) var(--spacing-2xs);
	background-position: 12px 2px;
}

body.main .header-wrapper:not(.brand, .brand-sales) .header-top .header-inner .link-cart {
	margin-top: var(--spacing-min);
	margin-right: var(--spacing-xs);
	margin-left: var(--spacing-xs);
}

body.main .header-wrapper:not(.brand, .brand-sales) .header-bottom {
	padding-left: var(--spacing-5xl);
}

body.main .header-wrapper:not(.brand, .brand-sales) .header-bottom .gnb-swiper-wrap .gnb-list {
	margin-top: var(--spacing-xs);
}

body.main .header-wrapper:not(.brand, .brand-sales) ~ .container-wrapper {
	margin-top: -36px;
}

body.main .header-wrapper:not(.brand, .brand-sales).sps-abv .header-bottom .gnb-swiper-wrap .gnb-list.type-txt-white .gnb-item .link-gnb .text {
	color: #fff;
}

body.main .header-wrapper:not(.brand, .brand-sales).sps-blw {
	top: -47px;
}

body.main .header-wrapper:not(.brand, .brand-sales).sps-blw .header-top .header-bi {
	margin-top: -36px;
	margin-bottom: 0;
}

body.main .header-wrapper:not(.brand, .brand-sales).sps-blw .header-bottom {
	margin-top: 0;
	padding-left: 0;
	background: #fff;
	border-bottom: 1px solid #000;
}

body.main .header-wrapper:not(.brand, .brand-sales).sps-blw .header-bottom .gnb-swiper-wrap {
	height: 50px;
}

body.main .header-wrapper:not(.brand, .brand-sales).sps-blw .header-bottom .gnb-swiper-wrap .gnb-list {
	margin-top: 0;
}

body.main .header-wrapper:not(.brand, .brand-sales).sps-blw .header-bottom .gnb-swiper-wrap .gnb-list .gnb-item .link-gnb {
	padding-top: 15px;
	padding-bottom: 15px;
}

body.main .header-wrapper:not(.brand, .brand-sales).sps-blw .header-bottom .gnb-swiper-wrap .gnb-list .gnb-item:first-child .link-gnb {
	padding-left: var(--spacing-def);
}

body.main .header-wrapper:not(.brand, .brand-sales).sps-blw ~ .container-wrapper {
	padding-top: 47px;
	margin-top: 0;
}

body.main .header-wrapper.shorts ~ .container-wrapper {
	margin: 0;
}

body.main .container-wrapper .contents-wrap {
	padding-top: 0;
}

body.main .container-wrapper .floating-wrapper {
	bottom: calc(88px + var(--main-coupon-layer-height) + env(safe-area-inset-bottom));
}

body.main .container-wrapper .floating-wrapper.scroll-down {
	bottom: calc(24px + var(--main-coupon-layer-height) + env(safe-area-inset-bottom));
}

body.main.gnb-open .container-wrapper {
	margin-top: 0;
	padding-top: var(--spacing-3xl);
}

.main-visual-wrap {
	overflow: hidden;
	position: relative;
}

.main-visual-wrap .swiper-wrapper {
	height: 138.8888888889vw;
}

.main-visual-wrap .swiper-wrapper .swiper-slide {
	height: 100%;
	position: relative;
}

.main-visual-wrap .swiper-wrapper .swiper-slide .thumb-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.main-visual-wrap .swiper-wrapper .swiper-slide .video-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.main-visual-wrap .swiper-wrapper .swiper-slide .video-box video {
	width: 100%;
	height: 100%;
}

.main-visual-wrap .swiper-wrapper .swiper-slide .text-box {
	position: absolute;
	bottom: 70px;
	left: 0;
	z-index: 1;
	opacity: 0;
	padding-right: var(--spacing-md);
	padding-left: var(--spacing-md);
}

.main-visual-wrap .swiper-wrapper .swiper-slide .text-box .brand-name {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
	color: rgba(0, 0, 0, 0.85);
	opacity: 0;
	-moz-transform: translate(0, 18px);
	-webkit-transform: translate(0, 18px);
	transform: translate(0, 18px);
}

.main-visual-wrap .swiper-wrapper .swiper-slide .text-box .title {
	margin-top: var(--spacing-5xs);
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 38px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 76px;
	line-height: 38px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	color: #000;
	opacity: 0;
	-moz-transform: translate(0, 26px);
	-webkit-transform: translate(0, 26px);
	transform: translate(0, 26px);
}

.main-visual-wrap .swiper-wrapper .swiper-slide .text-box .sub-text {
	margin-top: var(--spacing-2xs);
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 40px;
	line-height: 20px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	color: rgba(0, 0, 0, 0.85);
	opacity: 0;
	-moz-transform: translate(0, 20px);
	-webkit-transform: translate(0, 20px);
	transform: translate(0, 20px);
}

.main-visual-wrap .swiper-wrapper .swiper-slide.swiper-slide-active .text-box {
	opacity: 1;
}

.main-visual-wrap .swiper-wrapper .swiper-slide.swiper-slide-active .text-box .brand-name {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-moz-transition: all 1.3s 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	-webkit-transition: all 1.3s 0.2s cubic-bezier(0.16, 1, 0.3, 1);
	transition: all 1.3s 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.main-visual-wrap .swiper-wrapper .swiper-slide.swiper-slide-active .text-box .title {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-moz-transition: all 1.3s 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	-webkit-transition: all 1.3s 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	transition: all 1.3s 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.main-visual-wrap .swiper-wrapper .swiper-slide.swiper-slide-active .text-box .sub-text {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-moz-transition: all 1s 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	-webkit-transition: all 1s 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	transition: all 1s 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.main-visual-wrap .swiper-wrapper .swiper-slide.type-header-white .text-box {
	color: #fff;
}

.main-visual-wrap .swiper-wrapper .swiper-slide.type-header-white .text-box .brand-name {
	color: rgba(255, 255, 255, 0.85);
}

.main-visual-wrap .swiper-wrapper .swiper-slide.type-header-white .text-box .title {
	color: #fff;
}

.main-visual-wrap .swiper-wrapper .swiper-slide.type-header-white .text-box .sub-text {
	color: rgba(255, 255, 255, 0.85);
}

.main-visual-wrap .swiper-pagination {
	position: absolute;
	width: auto;
	top: auto;
	left: auto;
	right: 20px;
	bottom: 24px;
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 15px;
	color: rgba(0, 0, 0, 0.6);
}

.main-visual-wrap .swiper-pagination .swiper-pagination-current {
	color: #000;
}

.main-visual-wrap:has(.swiper-slide-active.type-header-white) .swiper-pagination {
	color: rgba(255, 255, 255, 0.6);
}

.main-visual-wrap:has(.swiper-slide-active.type-header-white) .swiper-pagination .swiper-pagination-current {
	color: #fff;
}

.main-visual-wrap ~ .top-line-banner-wrap img {
	left: 0;
	transform: none;
}

.btn-current-location {
	position: relative;
	font-weight: inherit;
}

.btn-current-location:after {
	content: "";
	width: 15px;
	height: 15px;
	margin-top: 5px;
	margin-left: var(--spacing-6xs);
	display: inline-block;
	background: url("../images/main/ico_current_location.svg") 0 0 no-repeat;
	background-size: cover;
}

.btn-current-location .fc-blue {
	color: #3c5db5;
}

.temperature {
	font-size: 54px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 56px;
}

.main-personal-recommend-wrap {
	padding: var(--spacing-xl) var(--spacing-md) var(--spacing-md);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

.main-personal-recommend-wrap .title-wrap {
	margin-bottom: var(--spacing-2xl);
}

.main-personal-recommend-wrap .title-wrap .stext-md {
	color: rgba(255, 255, 255, 0.3);
	margin-bottom: var(--spacing-3xs);
}

.main-personal-recommend-wrap .title-wrap .title {
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	color: #fff;
	word-break: keep-all;
}

.main-personal-recommend-wrap .tab-udl-text-wrap .tabs .tab-item .tab-link .tab-text {
	color: rgba(255, 255, 255, 0.3);
}

.main-personal-recommend-wrap .tab-udl-text-wrap .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #fff;
}

.main-personal-recommend-wrap .tab-udl-text-wrap .tab-content .swiper {
	margin-right: -24px;
	padding-right: 24px;
}

.main-personal-recommend-wrap .tab-udl-text-wrap .tab-content .swiper .swiper-wrapper .swiper-slide .grid-list {
	gap: 10px 0;
}

.main-personal-recommend-wrap .tab-udl-text-wrap .tab-content .swiper .swiper-wrapper .swiper-slide .grid-list .grid-item .thumb-prod-inner {
	background: transparent;
}

.main-personal-recommend-wrap .tab-udl-text-wrap .tab-content .swiper .swiper-wrapper .swiper-slide .grid-list .grid-item .thumb-prod-inner .prod-title,
.main-personal-recommend-wrap .tab-udl-text-wrap .tab-content .swiper .swiper-wrapper .swiper-slide .grid-list .grid-item .thumb-prod-inner .price-group .val,
.main-personal-recommend-wrap .tab-udl-text-wrap .tab-content .swiper .swiper-wrapper .swiper-slide .grid-list .grid-item .thumb-prod-inner .price-group .unit {
	color: #fff;
}

.main-personal-recommend-wrap .tab-udl-text-wrap .tab-content .swiper .swiper-wrapper .swiper-slide .grid-list .grid-item + .grid-item {
	padding-top: var(--spacing-3xs);
	border-color: rgba(255, 255, 255, 0.08);
}

.main-personal-recommend-wrap .control-content {
	display: none;
}

.main-personal-recommend-wrap .control-content .swiper-nav-wrap {
	width: 820px;
}

.main-personal-recommend-wrap .control-content .swiper-nav-wrap .swiper {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

.main-personal-recommend-wrap .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .thumb-prod-inner {
	background: transparent;
}

.main-personal-recommend-wrap .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .thumb-prod-inner .prod-title,
.main-personal-recommend-wrap .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .thumb-prod-inner .price-group .val,
.main-personal-recommend-wrap .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .thumb-prod-inner .price-group .unit {
	color: #fff;
}

.main-personal-recommend-wrap .control-content .swiper-nav-wrap .swiper-navigation .swiper-prev:before,
.main-personal-recommend-wrap .control-content .swiper-nav-wrap .swiper-navigation .swiper-next:before {
	background-image: url("../images/common/comm_ico_swiper_btn_outer_arr_white_h60.svg");
}

.main-personal-recommend-wrap .control-content.active {
	display: block;
}

.running-challenge-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: relative;
	margin-left: var(--spacing-def);
	margin-bottom: 25px;
	padding: var(--spacing-xl) var(--spacing-md);
	background: url("../images/main/img_bg_running_challenge.png") 0 0 no-repeat;
	background-size: cover;
}

.running-challenge-wrap .cont-title-wrap {
	position: relative;
	z-index: 2;
}

.running-challenge-wrap .cont-title-wrap .cont-title-eng {
	color: #fff;
}

.running-challenge-wrap .cont-title-wrap .stext-md {
	color: #fff;
}

.running-challenge-wrap .cont-title-wrap .stext-md .tooltip-wrap {
	margin-top: 1px;
	margin-left: var(--spacing-6xs);
}

.running-challenge-wrap .cont-title-wrap .stext-md .tooltip-wrap .stext-sm {
	color: #000;
}

.running-challenge-wrap .pedometer-count {
	position: relative;
	z-index: 1;
	margin-top: var(--spacing-xl);
	margin-left: auto;
	text-align: right;
}

.running-challenge-wrap .pedometer-count .count {
	font-size: 60px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 72px;
	color: #fff;
}

.running-challenge-wrap .pedometer-count .total {
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.6);
}

.running-challenge-wrap .pedometer-count .total:before {
	content: "/";
}

.running-challenge-wrap .btn-wrap {
	position: relative;
	margin-top: 15px;
	margin-left: -24px;
	margin-bottom: -65px;
	z-index: 1;
}

.running-challenge-wrap .btn-wrap .fill-black[disabled], .running-challenge-wrap .btn-wrap .fill-black[aria-disabled=true], .running-challenge-wrap .btn-wrap .fill-black.disabled {
	background-color: #000;
	border: 1px solid #000;
}

.running-challenge-wrap .btn-wrap .fill-black[disabled] .text, .running-challenge-wrap .btn-wrap .fill-black[aria-disabled=true] .text, .running-challenge-wrap .btn-wrap .fill-black.disabled .text {
	color: #666 !important;
}

.running-challenge-wrap .btn-wrap .fill-black[disabled] .ico-read-more-arr, .running-challenge-wrap .btn-wrap .fill-black[aria-disabled=true] .ico-read-more-arr, .running-challenge-wrap .btn-wrap .fill-black.disabled .ico-read-more-arr {
	background: #666;
	opacity: 1;
}

.running-challenge-wrap.step1:before, .running-challenge-wrap.step2:before, .running-challenge-wrap.step3:before, .running-challenge-wrap.step4:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	background: linear-gradient(90deg, rgba(254, 68, 0, 0.6) 0%, rgba(254, 68, 0, 0) 100%);
}

.running-challenge-wrap.step1:before {
	width: 44.1176%;
}

.running-challenge-wrap.step2:before {
	width: 73.5294%;
}

.running-challenge-wrap.step3:before {
	width: 100%;
}

.running-challenge-wrap.step4:before {
	width: 100%;
	background: linear-gradient(90deg, #fe4400 0%, rgba(254, 68, 0, 0.5) 100%);
	opacity: 0.6;
}

.running-challenge-wrap .running-summary-info {
	display: none;
	width: 100%;
}

.running-challenge-wrap .running-summary-info .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
	color: #fff;
}

.running-challenge-wrap .running-summary-info .count {
	margin-left: auto;
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
	color: #fff;
}

.running-challenge-wrap .btn-running-challenge-fold {
	position: absolute;
}

.running-challenge-wrap .btn-running-challenge-fold:after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: top;
	background: url("../images/main/ico_challenge_fold_arr.svg") 0 0 no-repeat;
	background-size: cover;
	-moz-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	-webkit-transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
	transition: transform 0.15s cubic-bezier(0.17, 0.67, 0.29, 1.32);
}

.running-challenge-wrap:not(.summary) .btn-running-challenge-fold {
	width: 50px;
	height: 50px;
	background: #000;
	left: 0;
	bottom: -25px;
}

.running-challenge-wrap:not(.summary) .btn-running-challenge-fold:after {
	-moz-transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

.running-challenge-wrap.summary {
	padding: var(--spacing-def) 41px var(--spacing-def) var(--spacing-md);
	margin-bottom: 0;
}

.running-challenge-wrap.summary .running-summary-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.running-challenge-wrap.summary .fold-running-cont {
	display: none;
}

.running-challenge-wrap.summary .btn-running-challenge-fold {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.running-challenge-wrap.summary .btn-running-challenge-fold:after {
	margin-right: 20px;
	-moz-transform: rotateZ(0);
	-webkit-transform: rotateZ(0);
	transform: rotateZ(0);
}

.main-codi-swiper-wrap {
	position: relative;
}

.main-codi-swiper-wrap > .swiper {
	margin-right: -30px;
	margin-left: var(--spacing-3xs);
	padding-right: 30px;
}

.main-codi-swiper-wrap > .swiper .swiper-slide {
	width: 90.9%;
}

.main-codi-swiper-wrap > .swiper .swiper-slide .btn-wrap {
	opacity: 0;
}

.main-codi-swiper-wrap > .swiper .swiper-slide-active .btn-wrap {
	-moz-animation: opacityActive 0.3s linear forwards;
	-webkit-animation: opacityActive 0.3s linear forwards;
	animation: opacityActive 0.3s linear forwards;
	animation-delay: 0.15s;
}

.main-codi-swiper-wrap > .swiper .swiper-slide .grid-list .grid-item + .grid-item {
	padding-top: var(--spacing-xs);
	border-top: 1px solid rgba(229, 229, 229, 0.6);
}

.main-codi-swiper-wrap .logo-box .brand-logo {
	position: absolute;
	z-index: 10;
}

.main-codi-swiper-wrap .logo-box .brand-logo.prev-active {
	z-index: 11;
}

.main-codi-swiper-wrap .logo-box .brand-logo.active {
	z-index: 12;
	animation: opacityActive 0.5s linear;
}

.time-sale-cont-box {
	position: relative;
	padding-top: 120px;
	padding-bottom: var(--spacing-3xl);
	background: #ced6c5;
}

.time-sale-cont-box .marquee-wrap {
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
}

.time-sale-cont-box .marquee-wrap .marquee-item {
	padding: 0 18px;
}

.time-sale-cont-box .marquee-wrap .marquee-item .text {
	font-size: 126px;
	color: #000;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	font-weight: 400;
	letter-spacing: -0.01em;
}

.time-sale-cont-box .swiper-nav-wrap {
	width: calc(100% - 60px);
	margin: 0 auto;
}

.time-sale-cont-box .swiper-nav-wrap .swiper .swiper-slide .thumb-prod {
	padding-bottom: 170px;
}

.time-sale-cont-box .swiper-nav-wrap .swiper .swiper-slide .thumb-prod-inner {
	background: transparent;
	/*.info-box {
		position: absolute;
		bottom: -27.755%;
		right: 0;
		width: 66.66%;
		margin-top: 0;
		padding-top: 66.66%;
		background: variables.$colorBlack;
		z-index: 1;

		.info-box-inner {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			@include mixins.justify_width(stretch, start, column);
			width: 100%;
			padding: var(--spacing-md);
			background: variables.$colorBlack;
		}

		.time-deal-count {
			@include mixins.font_size_md_en;
			color: variables.$textColorW;
		}

		.prod-brand {
			margin-top: auto;
		}

		.prod-title, .price-group:not(.origin) .val, .price-group:not(.origin) .unit {
			color: variables.$textColorW;
		}

		.prod-price {
			@include mixins.justify_width;
			flex-wrap: wrap;

			.price-group {
				&:not(.origin) {
					margin-right: 5px;
				}

				&.origin {
					order: 3;
					margin-bottom: 0;
				}
			}
		}
	}*/
}

.time-sale-cont-box .swiper-nav-wrap .swiper .swiper-slide .thumb-prod-inner .thumb-box {
	width: 83.334%;
}

.time-sale-cont-box .swiper-nav-wrap .swiper .swiper-slide .thumb-prod-inner .info-box {
	position: absolute;
	bottom: -170px;
	right: 0;
	width: 200px;
	height: 200px;
	margin-top: 0;
	background: #000;
	z-index: 1;
}

.time-sale-cont-box .swiper-nav-wrap .swiper .swiper-slide .thumb-prod-inner .info-box .info-box-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: var(--spacing-md);
	background: #000;
}

.time-sale-cont-box .swiper-nav-wrap .swiper .swiper-slide .thumb-prod-inner .info-box .time-deal-count {
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
	color: #fff;
}

.time-sale-cont-box .swiper-nav-wrap .swiper .swiper-slide .thumb-prod-inner .info-box .prod-brand {
	margin-top: auto;
}

.time-sale-cont-box .swiper-nav-wrap .swiper .swiper-slide .thumb-prod-inner .info-box .prod-title,
.time-sale-cont-box .swiper-nav-wrap .swiper .swiper-slide .thumb-prod-inner .info-box .price-group:not(.origin) .val,
.time-sale-cont-box .swiper-nav-wrap .swiper .swiper-slide .thumb-prod-inner .info-box .price-group:not(.origin) .unit {
	color: #fff;
}

.time-sale-cont-box .swiper-nav-wrap .swiper .swiper-slide .thumb-prod-inner .info-box .prod-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}

.time-sale-cont-box .swiper-nav-wrap .swiper .swiper-slide .thumb-prod-inner .info-box .prod-price .price-group:not(.origin) {
	margin-right: 5px;
}

.time-sale-cont-box .swiper-nav-wrap .swiper .swiper-slide .thumb-prod-inner .info-box .prod-price .price-group.origin {
	order: 3;
	margin-bottom: 0;
}

.time-sale-cont-box .swiper-nav-wrap .swiper .swiper-slide .thumb-prod-inner .prod-link {
	width: 420px;
}

.time-sale-cont-box .swiper-nav-wrap .swiper-navigation {
	bottom: 200px;
	right: 0;
}

.tab-round-wrap .tabs.hasImg .tab-item .tab-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 5px 15px 5px 5px;
}

.tab-round-wrap .tabs.hasImg .tab-item .tab-link .img-box {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: var(--spacing-5xs);
	border-radius: 15px;
	overflow: hidden;
	vertical-align: top;
}

.tab-round-wrap .tabs.hasImg .tab-item .tab-link .img-box img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.main-look-book-wrap {
	padding-top: var(--spacing-3xl);
	padding-bottom: var(--spacing-3xl);
	background: #222;
}

.main-look-book-wrap .cont-title-wrap .cont-title-eng {
	color: #fff;
}

.main-look-book-wrap .cont-title-wrap .right-area .ico-view-more {
	background: #fff;
}

.main-look-book-wrap .tab-divide-wrap .tabs {
	background: transparent;
}

.main-look-book-wrap .tab-divide-wrap .tabs .tab-item .tab-link .tab-text {
	color: rgba(255, 255, 255, 0.3);
}

.main-look-book-wrap .tab-divide-wrap .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #fff;
}

.main-look-book-wrap .tab-divide-wrap .tabs .tab-item + .tab-item:before {
	background: rgba(255, 255, 255, 0.3);
}

.main-look-book-wrap .tab-divide-wrap .tab-content .main-look-book-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding-right: var(--spacing-def);
	margin-right: calc(-1 * var(--spacing-def));
	gap: 10px;
	overflow-y: auto;
}

.main-look-book-wrap .tab-divide-wrap .tab-content .main-look-book-item .thumb-exhibit {
	width: 250px;
	flex-shrink: 0;
}

.main-look-book-wrap .tab-divide-wrap .tab-content .main-look-book-item .thumb-exhibit .info-box .exhibit-title {
	color: #fff;
}

.main-look-book-wrap .tab-divide-wrap .tab-content .main-look-book-item .look-book-prod-list .look-book-prod-item {
	width: 109px;
	position: relative;
}

.main-look-book-wrap .tab-divide-wrap .tab-content .main-look-book-item .look-book-prod-list .look-book-prod-item .thumb-box {
	position: relative;
	padding-top: 138%;
}

.main-look-book-wrap .tab-divide-wrap .tab-content .main-look-book-item .look-book-prod-list .look-book-prod-item .thumb-box img {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.main-look-book-wrap .tab-divide-wrap .tab-content .main-look-book-item .look-book-prod-list .look-book-prod-item + .look-book-prod-item {
	margin-top: var(--spacing-3xs);
}

.main-brand-banner-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: relative;
	margin-left: var(--spacing-def);
}

.main-brand-banner-wrap .img-box {
	position: relative;
}

.main-brand-banner-wrap .img-box .cont-title-wrap {
	position: absolute;
	right: var(--spacing-md);
	left: var(--spacing-md);
	bottom: 55px;
	text-align: left;
	z-index: 1;
}

.main-brand-banner-wrap .img-box .cont-title-wrap [class^=ico-brand-logo] {
	background: #fff;
	margin-bottom: var(--spacing-2xs);
}

.main-brand-banner-wrap .img-box .cont-title-wrap .cont-title-eng {
	width: 100%;
	color: #fff;
}

.main-brand-banner-wrap .img-box .cont-title-wrap .stext-sm {
	margin-top: 5px;
	color: rgba(255, 255, 255, 0.8);
}

.main-brand-banner-wrap .img-box:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 200px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.main-brand-banner-wrap .btn-wrap {
	margin-top: -25px;
	position: relative;
	z-index: 1;
}

.promotion-list {
	gap: var(--spacing-2xl);
}

.main-coupon-floating-layer {
	position: fixed;
	z-index: 100;
	width: 100%;
	bottom: calc(70px + env(safe-area-inset-bottom));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: var(--spacing-2xs) 47px var(--spacing-2xs) var(--spacing-xs);
	background: rgba(0, 0, 0, 0.85);
	transition: bottom 0.23s;
}

.main-coupon-floating-layer .ico-coupon-orange {
	flex-shrink: 0;
}

.main-coupon-floating-layer .text {
	margin-left: var(--spacing-3xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #fff;
}

.main-coupon-floating-layer .text span {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 110px;
	width: auto;
}

.main-coupon-floating-layer .btn-floating-coupon-close {
	width: 47px;
	height: 46px;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 2;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url("../images/main/ico_coupon_floating_close.svg") center no-repeat;
	background-size: 10px;
}

.main-coupon-floating-layer.scroll-down {
	bottom: 0;
	padding-bottom: calc(var(--spacing-2xs) + env(safe-area-inset-bottom));
}

.main-coupon-floating-layer.scroll-down .btn-floating-coupon-close {
	margin-top: calc(-0.5 * env(safe-area-inset-bottom));
}

.black-week .cont-box {
	overflow: inherit !important;
}

.black-week .main-visual-wrap .swiper-wrapper .swiper-slide .thumb-box::after {
	display: none;
}

.black-week .tab-wrap.promotion-category-tab-wrap > .tabs {
	position: sticky;
	top: 50px;
	z-index: 10;
	background-color: #192d48;
}

.black-week .tab-wrap.promotion-category-tab-wrap > .tabs .tab-item {
	flex: 0 0 auto;
	min-height: 48px;
}

.black-week .tab-wrap.promotion-category-tab-wrap > .tabs .tab-item .tab-link {
	display: block;
	padding: 0 calc(var(--spacing-xs) - 1px);
	width: 100%;
	background: #192d48;
}

.black-week .tab-wrap.promotion-category-tab-wrap > .tabs .tab-item .tab-link .tab-text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 48px;
	color: #999;
}

.black-week .tab-wrap.promotion-category-tab-wrap > .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #e48b7c;
}

.black-week .prod-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	justify-content: safe center;
	gap: 10px;
	margin-right: calc(var(--spacing-def) * -1);
	padding: var(--spacing-md) var(--spacing-def) 0 0;
	overflow-x: auto;
}

.black-week .prod-tabs .prod-tab {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
	color: #999;
	cursor: pointer;
	flex: 0 0 auto;
}

.black-week .prod-tabs .prod-tab.active {
	color: #000;
}

.black-week .prod-tabs .prod-tab + .prod-tab::before {
	content: "";
	display: inline-block;
	margin-right: var(--spacing-3xs);
	background-color: #e5e5e5;
	width: 1px;
	height: 12px;
	vertical-align: middle;
}

.black-week .cont-title-wrap {
	margin-bottom: 0;
}

.black-week .cont-title-wrap + .prod-tabs, .black-week .cont-title-wrap + .cont-inner > .prod-tabs {
	padding-top: 0;
}

.black-week .brand-tabs {
	display: none !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin: 0 calc(var(--spacing-def) * -1);
	padding: 0 var(--spacing-def) var(--spacing-4xs);
	overflow-x: auto;
}

.black-week .brand-tabs.active {
	display: flex !important;
	align-items: flex-start;
	justify-content: safe center;
	gap: var(--spacing-3xs);
}

.black-week .brand-tabs .brand-tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	cursor: pointer;
}

.black-week .brand-tabs .brand-tab.active .tab-img::before, .black-week .brand-tabs .brand-tab.active .tab-img::after {
	opacity: 1;
}

.black-week .brand-tabs .brand-tab.active .tab-text {
	color: #000;
}

.black-week .brand-tabs .brand-tab .tab-img {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.black-week .brand-tabs .brand-tab .tab-img::before, .black-week .brand-tabs .brand-tab .tab-img::after {
	content: "";
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	opacity: 0;
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.black-week .brand-tabs .brand-tab .tab-img::before {
	border: 3px solid #fff;
}

.black-week .brand-tabs .brand-tab .tab-img::after {
	border: 1px solid #000;
}

.black-week .brand-tabs .brand-tab .tab-text {
	margin-top: var(--spacing-5xs);
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
	color: #999;
	text-align: center;
	word-break: keep-all;
}

.black-week .brand-content {
	display: none;
	margin-bottom: var(--spacing-2xl);
}

.black-week .brand-content.active {
	display: block;
}

.black-week .prod-content {
	display: none;
	margin-bottom: var(--spacing-lg);
}

.black-week .prod-content.active {
	display: block;
}

.black-week .black-week-wrap {
	position: relative;
}

.black-week .black-week-wrap .black-week-title {
	margin-bottom: var(--spacing-def);
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
}

.black-week .black-week-wrap .btn {
	display: block;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	width: 89%;
	font-size: 0;
}

.black-week .black-week-wrap .btn.btn1 {
	height: 11.6%;
	bottom: 15.7%;
}

.black-week .black-week-wrap .btn.btn2 {
	height: 9.5%;
	bottom: 9.4%;
}

.black-week .black-week-wrap .btn.btn3 {
	height: 9.8%;
	bottom: 9.6%;
}

.black-week .black-week-wrap .tab-divide-wrap .tabs .swiper-wrapper {
	justify-content: center;
}

.black-week .black-week-wrap .brand-page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 3%;
	margin-top: calc(var(--spacing-lg) * -1);
}

.black-week .black-week-wrap .brand-page a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-top: var(--spacing-lg);
	width: 31.3333333333%;
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
	text-align: center;
}

.black-week .black-week-wrap .brand-page a img {
	margin-bottom: 12px;
}

.black-week .black-week-wrap .brand-page a span {
	position: relative;
}

.black-week .black-week-wrap .brand-page a span:after {
	content: "";
	display: inline-block;
	margin: 2px 0 0 2px;
	width: 6px;
	height: 6px;
	-webkit-transform: rotate(45deg);
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	transform: rotate(135deg);
}

.black-week .black-week-wrap .today-timer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	line-height: 1;
}

.black-week .black-week-wrap .today-timer .timer span:after {
	content: " : ";
	display: inline-block;
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 14px;
}

.black-week .black-week-wrap .today-timer .timer span:last-child::after {
	display: none;
}

.black-week .black-week-wrap .coupon-list {
	margin-bottom: var(--spacing-6xs);
}

.black-week .black-week-wrap .coupon-list li {
	position: relative;
	width: 294px;
	margin: 0 auto;
}

.black-week .black-week-wrap .coupon-list li .today-timer {
	position: absolute;
	bottom: 24%;
	left: 8%;
	color: #fff;
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
	font-weight: 300;
}

.black-week .black-week-wrap .coupon-list li .today-timer .timer {
	color: #fff;
}

.black-week .black-week-wrap .coupon-list ~ a {
	display: block;
	width: 294px;
	margin: var(--spacing-lg) auto 0;
}

.black-week .black-week-wrap .raffle {
	background: url("https://img.dk-on.com/contents/directImgUpload/260413_DK_BlackWeek_M4_02.jpg") no-repeat;
	background-size: 100% 100%;
}

.black-week .black-week-wrap .raffle .raffle-tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-5xs);
	padding: 0 var(--spacing-def);
	font-size: 13px;
	letter-spacing: -0.025em;
	line-height: 19px;
	overflow-x: scroll;
}

.black-week .black-week-wrap .raffle .raffle-tab > li {
	padding: var(--spacing-5xs) var(--spacing-3xs);
	border: 1px solid #000;
	border-radius: 20px;
	flex: 0 0 auto;
}

.black-week .black-week-wrap .raffle .raffle-tab > li.active {
	border-color: #6c9fea;
	background-color: #6c9fea;
}

.black-week .black-week-wrap .raffle .raffle-tab > li.active > button {
	color: #fff;
}

.black-week .black-week-wrap .raffle .raffle-tab > li > button {
	color: #000;
}

.black-week .black-week-wrap .raffle .today-timer {
	padding: var(--spacing-xs) var(--spacing-def) var(--spacing-2xs);
	font-size: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 28px;
	color: #2973df;
}

.black-week .black-week-wrap .raffle .today-timer .timer {
	font-size: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 28px;
}

.black-week .black-week-wrap .raffle .today-timer .timer span:after {
	padding: 0 var(--spacing-min);
	font-size: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 28px;
	vertical-align: top;
}

.black-week .black-week-wrap .raffle .raffleSwiper {
	padding: var(--spacing-2xs) var(--spacing-def);
}

.black-week .black-week-wrap .raffle .raffleSwiper .swiper .swiper-wrapper .swiper-slide a {
	display: block;
}

.black-week .black-week-wrap .hotdeal.today-timer .timer span:after {
	display: none;
}

.black-week .black-week-wrap .brand-prod {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}

.black-week .black-week-wrap .brand-prod > li {
	flex: 50%;
}

.black-week .black-week-wrap .line-up .swiper {
	background: #e4edfe;
	padding-bottom: var(--spacing-xl);
}

.black-week .black-week-wrap .brand-sales-sns-wrap {
	margin-bottom: var(--spacing-lg);
}

.d-type-cont-box .img-box {
	display: block;
	margin-bottom: var(--spacing-xs);
}

.d-type-cont-box .swiper-progress-wrap .swiper-pagination {
	width: 100%;
}

.balloon-cont-box .cont-title-eng {
	color: #fff;
}

.balloon-cont-box .swiper {
	overflow: visible;
}

.balloon-cont-box .swiper .swiper-slide {
	position: relative;
}

.balloon-cont-box .swiper .swiper-slide.swiper-slide-prev .d-type-balloon, .balloon-cont-box .swiper .swiper-slide.swiper-slide-next .d-type-balloon {
	opacity: 0;
}

.balloon-cont-box .swiper .swiper-slide.swiper-slide-active .d-type-balloon {
	opacity: 1;
}

.balloon-cont-box .swiper .swiper-slide .d-type-balloon span {
	position: absolute;
	top: 20px;
	right: -10px;
	display: inline-block;
	background-color: #000;
	padding: var(--spacing-3xs) var(--spacing-xs);
	border-radius: var(--spacing-def);
	color: #fff;
}

.balloon-cont-box .swiper .swiper-slide .d-type-balloon span + span {
	top: auto;
	right: auto;
	bottom: 20px;
	left: -10px;
}

.balloon-cont-box .grid-item.thumb-prod .thumb-prod-inner .info-box {
	margin-top: var(--spacing-2xs);
}

.balloon-cont-box .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-title {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
	color: #fff;
	-webkit-line-clamp: 1;
}

.balloon-cont-box .swiper-progress-wrap .swiper-pagination {
	background: rgba(255, 255, 255, 0.1);
	width: 100%;
}

.balloon-cont-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #fff;
}

.prod-cont-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	text-align: center;
}

.prod-cont-box .swiper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 1;
}

.prod-cont-box .swiper .swiper-slide-active .grid-item.thumb-prod .thumb-prod-inner .cont-title-eng {
	opacity: 1;
}

.prod-cont-box .swiper .swiper-slide-active .grid-item.thumb-prod .thumb-prod-inner .thumb-box {
	opacity: 1;
	transform: scale(1);
}

.prod-cont-box .swiper .swiper-slide-active .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-title {
	opacity: 1;
}

.prod-cont-box .swiper .swiper-navigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 1;
}

.prod-cont-box .swiper .swiper-navigation .swiper-prev::before,
.prod-cont-box .swiper .swiper-navigation .swiper-next::before {
	content: "";
	display: inline-block;
	background: url("../images/common/comm_ico_swiper_btn_arr_white_h40.svg") 0 0 no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
}

.prod-cont-box .swiper .swiper-navigation .swiper-prev {
	position: absolute;
	left: 20px;
}

.prod-cont-box .swiper .swiper-navigation .swiper-next {
	position: absolute;
	right: 20px;
}

.prod-cont-box .swiper .swiper-navigation .swiper-next::before {
	transform: rotate(180deg);
}

.prod-cont-box .swiper .grid-item.thumb-prod .thumb-prod-inner .cont-title-eng {
	color: #fff;
	opacity: 0;
	transition: opacity 0.8s ease;
}

.prod-cont-box .swiper .grid-item.thumb-prod .thumb-prod-inner .thumb-box {
	margin: var(--spacing-xs) auto 0;
	width: 180px;
	height: 180px;
	opacity: 0;
	transform: scale(0.5);
	transition: opacity 0.8s ease 0.5s, transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.5s;
}

.prod-cont-box .swiper .grid-item.thumb-prod .thumb-prod-inner .info-box {
	margin: var(--spacing-3xs) 0 var(--spacing-def);
}

.prod-cont-box .swiper .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-brand {
	color: rgba(255, 255, 255, 0.6);
}

.prod-cont-box .swiper .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-title {
	color: #fff;
	opacity: 0;
	transition: opacity 0.8s ease;
}

#shoplive_shorts .csl-sf.csl-TemplateShorts.grid-2.horizontal {
	padding: 0;
	margin-right: calc(var(--spacing-def) * -1) !important;
}

#shoplive_shorts .csl-WrapperTemplateArrow.left.bonding {
	display: none;
}

#shoplive_shorts .csl-WrapperTemplateArrow.right.bonding {
	display: none;
}

.LayerModalPlayer {
	z-index: 110 !important;
}

.csl-layer-fullscreen-modal .ui-dialog-container.open {
	display: flex !important;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.size-comparison-box .flex-info-wrap .left-area .ico-size-comparison {
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
}

.review-list-item .review-footer .right-area .link-text + .link-text, .review-list-item .review-content-header .right-area .link-text + .link-text, .review-list-item .purchase-info-box span + span, .review-item .purchase-info-box span + span,
.review-list-item .reviewer-info-box span + span,
.review-item .reviewer-info-box span + span {
	position: relative;
	margin-left: calc(var(--spacing-2xs) + 1px);
}

.review-list-item .review-footer .right-area .link-text + .link-text:before, .review-list-item .review-content-header .right-area .link-text + .link-text:before, .review-list-item .purchase-info-box span + span:before, .review-item .purchase-info-box span + span:before,
.review-list-item .reviewer-info-box span + span:before,
.review-item .reviewer-info-box span + span:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #e5e5e5;
	left: -7px;
	top: 4px;
}

.prod-brand-banner {
	position: relative;
}

.prod-brand-banner .banner-img {
	width: 100%;
}

.prod-brand-banner .banner-info-box {
	position: absolute;
	flex: 1;
	left: 20px;
	right: 20px;
	bottom: 40px;
}

.prod-brand-banner .banner-info-box .brand-logo {
	color: rgba(255, 255, 255, 0.6);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.prod-brand-banner .banner-info-box .brand-logo img {
	stroke: #fff;
	fill: #fff;
}

.prod-brand-banner .banner-info-box .event-title {
	color: #fff;
	margin-top: 11px;
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.prod-brand-banner .banner-info-box .event-desc {
	color: rgba(255, 255, 255, 0.6);
	margin-top: var(--spacing-5xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.selected-filter-box {
	overflow: hidden;
}

.selected-filter-box .swiper-slide {
	width: auto;
}

.selected-filter-box .selected-filter {
	padding: var(--spacing-5xs) var(--spacing-3xs) 7px;
	background: #f5f5f5;
}

.selected-filter-box .selected-filter .text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #000;
	vertical-align: middle;
}

.selected-filter-box .selected-filter .ico-remove {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: var(--spacing-4xs);
	vertical-align: middle;
	background: url("../images/common/comm_btn_close_10.svg") 0 0 no-repeat;
	background-size: cover;
}

.selected-filter-box + .list-header-box {
	margin-top: var(--spacing-lg);
}

.list-header-box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: var(--spacing-xs);
	justify-content: space-between;
}

.list-header-box .list-info-area {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.list-header-box .list-info-area .list-count {
	color: #fe4400;
}

.list-header-box .list-view-control-area.w-full {
	width: 100%;
	margin-top: var(--spacing-xs);
}

.list-header-box .list-view-control-area.w-full .input-flex-box {
	margin-bottom: var(--spacing-6xs);
}

.list-header-box .list-view-control-area .ui-select.type-text select {
	padding: 0 21px 0;
	background: url("../images/product/ico_list_sort.svg") right center no-repeat;
	background-size: 16px;
}

.list-header-box .list-view-control-area .ui-select.type-text + .btn-grid-filter:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #e5e5e5;
	left: 0;
	top: 5px;
}

.list-header-box .list-view-control-area .btn-grid-filter,
.list-header-box .list-view-control-area .btn-grid-switch {
	position: relative;
	width: 32px;
	height: 22px;
	margin-left: var(--spacing-3xs);
	padding-left: var(--spacing-3xs);
}

.list-header-box .list-view-control-area .btn-grid-filter {
	background: url("../images/product/ico_list_filter.svg") right center no-repeat;
	background-size: 22px;
}

.list-header-box .list-view-control-area .btn-grid-filter.selected:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #fe4400;
	border: 2px solid #fff;
	border-radius: 50%;
	right: -2px;
	top: -2px;
}

.list-header-box .list-view-control-area .btn-grid-filter + .btn-grid-switch:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #e5e5e5;
	left: 0;
	top: 5px;
}

.list-header-box .list-view-control-area .btn-grid-switch {
	background: url("../images/product/ico_list_view_col1.svg") right center no-repeat;
	background-size: 22px;
}

.list-header-box .list-view-control-area .btn-grid-switch.is-col1 {
	background: url("../images/product/ico_list_view_col2.svg") right center no-repeat;
	background-size: 22px;
}

.list-header-box .selected-filter-box {
	flex: 1 0 calc(100% - 40px);
	margin: var(--spacing-xs) calc(var(--spacing-def) * -1) var(--spacing-6xs);
	padding: 0 var(--spacing-def);
	min-width: 0;
}

.selected-prod-info-box {
	max-height: 110px;
	overflow-y: auto;
}

.selected-prod-info {
	position: relative;
	padding: var(--spacing-def);
	background: #f5f5f5;
}

.selected-prod-info + .selected-prod-info {
	margin-top: var(--spacing-5xs);
}

.selected-prod-info .selected-opt-info {
	font-size: 0;
}

.selected-prod-info .selected-opt-info .selected-opt,
.selected-prod-info .selected-opt-info .order-able-cnt {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.selected-prod-info .selected-opt-info .order-able-cnt {
	color: #666;
	margin-left: var(--spacing-min);
}

.selected-prod-info .selected-price-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: var(--spacing-2xs);
}

.selected-prod-info .selected-price-box .total-price {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.selected-prod-info .btn-remove {
	position: absolute;
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("../images/product/ico_select_prod_remove.svg") 0 0 no-repeat;
	background-size: cover;
	top: 10px;
	right: 10px;
}

.selected-prod-info + .btn-wrap {
	margin-top: var(--spacing-lg);
}

.prod-opt-box .opt-label-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: var(--spacing-xs);
	position: relative;
}

.prod-opt-box .opt-label-box .opt-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.prod-opt-box .opt-label-box .opt-value {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.prod-opt-box .opt-label-box .opt-right-area {
	font-size: 0;
}

.prod-opt-box .opt-label-box .opt-right-area .link-text + .link-text {
	margin-left: var(--spacing-3xs);
}

.prod-opt-box .opt-label-box .link-balloon {
	position: absolute;
	top: calc(var(--spacing-xl) * -1);
	right: 0;
}

.prod-opt-box .opt-label-box .link-balloon:after {
	border-top: 8px solid #fe4400;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 0 solid transparent;
	bottom: calc(var(--spacing-6xs) * -1);
	right: var(--spacing-3xs);
}

.prod-opt-box .opt-label-box .link-balloon span:not(.fw-sb) {
	display: inline-block;
	margin-left: var(--spacing-3xs);
	width: 11px;
	height: 11px;
	background: #fff;
	-webkit-mask-image: url("../images/common/comm_ico_close.svg");
	mask-image: url("../images/common/comm_ico_close.svg");
	mask-size: contain;
	vertical-align: middle;
	font-size: 0;
}

.prod-opt-box + .prod-opt-box,
.prod-opt-box + .selected-prod-info-box {
	margin-top: var(--spacing-lg);
}

.prod-color-list {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.delivery-info-flex {
	margin-top: var(--spacing-2xs);
}

.delivery-info-flex .no-defective-box {
	margin-top: var(--spacing-def);
}

.delivery-info-flex .no-defective-box .img-box {
	font-size: 0;
}

.delivery-info-flex .no-defective-box .img-box img {
	width: calc(50% - 5px);
}

.delivery-info-flex .no-defective-box .img-box img + img {
	margin-left: var(--spacing-5xs);
}

.delivery-info-flex .package-sample-box {
	display: flex;
	flex: 1;
	align-items: center;
	gap: var(--spacing-2xs);
}

.delivery-info-flex .package-sample-box ~ .package-sample-box {
	position: relative;
	margin-top: var(--spacing-2xs);
	padding-top: var(--spacing-2xs);
	border-top: 1px solid rgba(229, 229, 229, 0.6);
}

.delivery-info-flex .package-sample-box .img-box {
	flex: 0 0 95px;
}

.delivery-info-flex .package-sample-box .desc-box .scont-title-xs + .stext-sm {
	margin-top: var(--spacing-5xs);
}

.naver-ep-title {
	font-size: 0;
	padding: var(--spacing-xs) 0;
	margin-bottom: var(--spacing-def);
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
}

.naver-ep-title .ico-logo-naver-h12 {
	margin-top: 3px;
}

.naver-ep-title .text {
	display: inline-block;
	margin-left: 3px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	vertical-align: top;
}

.info-text-box + .scont-title-xs {
	margin-top: 22px;
}

.location-info-wrap {
	margin-bottom: var(--spacing-def);
}

.location-info-wrap .btn-location-refresh {
	font-size: 0;
	text-align: left;
}

.location-info-wrap .btn-location-refresh .ico-current-location {
	margin-top: var(--spacing-min);
	margin-right: 3px;
}

.location-info-wrap .btn-location-refresh .location-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
	color: #999;
	vertical-align: top;
}

/* 리뷰 작성 팝업 */
.my-size {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.my-size .my-size-info-box {
	padding: var(--spacing-2xs);
	border: 1px solid #e5e5e5;
	width: 288px !important;
	height: 110px;
	cursor: pointer;
}

.my-size .my-size-info-box img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.my-size .my-size-info-box.checked {
	border-color: #000;
}

.my-size .my-size-info-box .selected-size {
	font-size: 0;
	margin-bottom: var(--spacing-def);
}

.my-size .my-size-info-box .selected-size .badge {
	height: 21px;
	background: #fe4400;
}

.my-size .my-size-info-box .selected-size .badge .text {
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 15px;
	color: #fff;
}

.my-size .my-size-info-box .selected-size .size-name {
	display: inline-block;
	vertical-align: top;
	margin-top: 1px;
	margin-left: var(--spacing-5xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.my-size .my-size-info-box .tbl-info-wrap .tbl-info.type-xs th {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	color: #000;
	padding-right: 15px;
}

.my-size .my-size-info-box .tbl-info-wrap .tbl-info.type-xs td {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.my-size .textarea-box.review-write .ui-textarea {
	height: 198px;
}

.review-detail-wrap .review-thumb-area .review-detail-img-swiper {
	position: relative;
	padding-bottom: calc(var(--spacing-def) + var(--swiper-pagination-progressbar-size));
}

.review-detail-wrap .review-thumb-area .review-detail-img-swiper .swiper-wrapper .swiper-slide {
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	background: #000;
}

.review-detail-wrap .review-thumb-area .review-detail-img-swiper .swiper-wrapper .swiper-slide .video-control-box {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.review-detail-wrap .review-thumb-area .review-detail-img-swiper .swiper-wrapper .swiper-slide img,
.review-detail-wrap .review-thumb-area .review-detail-img-swiper .swiper-wrapper .swiper-slide iframe,
.review-detail-wrap .review-thumb-area .review-detail-img-swiper .swiper-wrapper .swiper-slide video,
.review-detail-wrap .review-thumb-area .review-detail-img-swiper .swiper-wrapper .swiper-slide object,
.review-detail-wrap .review-thumb-area .review-detail-img-swiper .swiper-wrapper .swiper-slide embed {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.review-detail-wrap .review-thumb-area .review-detail-img-swiper .swiper-wrapper .swiper-slide img,
.review-detail-wrap .review-thumb-area .review-detail-img-swiper .swiper-wrapper .swiper-slide iframe,
.review-detail-wrap .review-thumb-area .review-detail-img-swiper .swiper-wrapper .swiper-slide object,
.review-detail-wrap .review-thumb-area .review-detail-img-swiper .swiper-wrapper .swiper-slide embed,
.review-detail-wrap .review-thumb-area .review-detail-img-swiper .swiper-wrapper .swiper-slide video {
	object-fit: contain;
}

.review-detail-wrap .review-thumb-area .review-detail-img-swiper .swiper-pagination {
	position: absolute;
	width: 48px;
	top: initial;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
}

.review-detail-wrap .review-list-item .review-contents {
	display: block;
	max-height: unset;
}

.review-detail-swiper .swiper-navigation {
	position: static;
	width: auto;
	height: 0;
}

.review-detail-swiper .swiper-navigation .swiper-prev,
.review-detail-swiper .swiper-navigation .swiper-next {
	position: absolute;
	width: 30px;
	height: 30px;
	background: transparent;
	top: 45.8333333333vw;
	z-index: 2;
}

.review-detail-swiper .swiper-navigation .swiper-prev:before,
.review-detail-swiper .swiper-navigation .swiper-next:before {
	background-image: url("../images/product/ico_review_swiper_btn_arr.svg");
}

.review-detail-swiper .swiper-navigation .swiper-next {
	right: 0;
}

.review-box {
	display: flex;
	border-bottom: 1px solid rgba(229, 229, 229, 0.6);
	margin-bottom: var(--spacing-md);
	padding-bottom: var(--spacing-md);
	justify-content: space-between;
	gap: 7px;
}

.review-box li {
	width: 33.33%;
	text-align: center;
}

.review-box li img {
	width: 100%;
}

.review-box .review-text {
	display: block;
	margin: var(--spacing-3xs) var(--spacing-xs) 0;
	color: #999;
	font-size: 12px;
	text-align: center;
}

.prod-img-wrap {
	position: relative;
}

.prod-img-wrap .swiper-slide button {
	position: relative;
	width: 100%;
	padding-top: 138%;
}

.prod-img-wrap .swiper-slide button img {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.prod-img-wrap .fraction-box {
	position: absolute;
	right: 20px;
	bottom: 23px;
	z-index: 10;
}

.prod-img-wrap .fraction-box .swiper-pagination {
	position: relative;
	display: inline-block;
	color: rgba(0, 0, 0, 0.5);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
	width: auto;
	left: initial;
	top: initial;
	bottom: initial;
}

.prod-img-wrap .fraction-box .swiper-pagination .swiper-pagination-current {
	color: #000;
}

.prod-img-wrap .fraction-box .btn-detail-popup {
	margin-left: var(--spacing-5xs);
	vertical-align: middle;
}

.prod-detail-box .prod-opt-select {
	display: flex;
	margin-top: var(--spacing-def);
	margin-right: calc(var(--spacing-def) * -1);
	padding-right: var(--spacing-def);
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
}

.prod-detail-box .prod-opt-select .prod-color-rdo {
	flex: 0 0 40px;
	scroll-snap-align: start;
}

.prod-detail-box .btn-prod-brand {
	margin-top: var(--spacing-lg);
}

.prod-detail-box .btn-prod-brand .text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
}

.prod-detail-box .btn-prod-brand .ico-brand-home {
	margin-top: 1px;
	margin-left: var(--spacing-min);
	vertical-align: text-top;
}

.prod-detail-box .prod-name {
	margin-top: var(--spacing-3xs);
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
}

.prod-detail-box .prod-code {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	color: #999;
	margin-top: var(--spacing-5xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.prod-detail-box .prod-price .price-group .val,
.prod-detail-box .prod-price .percent {
	font-size: 40px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 40px;
}

.prod-detail-box .prod-price .price-group .unit {
	margin-left: var(--spacing-min);
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 21px;
}

.prod-detail-box .prod-price .price-group.origin .val {
	color: #999;
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
	text-decoration: line-through;
}

.prod-detail-box .prod-price .percent {
	color: #fe4400;
}

.prod-detail-box .prod-price .btn-info {
	vertical-align: bottom;
	margin: 0 0 var(--spacing-6xs) var(--spacing-6xs);
}

.prod-detail-box .prod-price .price-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.prod-detail-box .star-rating-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-5xs);
	margin-top: var(--spacing-3xs);
}

.prod-detail-box .prod-order-info {
	margin-top: var(--spacing-lg);
}

.prod-detail-box .prod-order-info .btn-check-login-arr {
	padding: var(--spacing-def) 0 var(--spacing-def);
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.prod-detail-box .prod-order-info .btn-check-login-arr .text {
	color: #666;
}

.prod-detail-box .prod-order-info .fold-list {
	border-top: none;
}

.prod-detail-box .prod-order-info .order-fold-header {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}

.prod-detail-box .prod-order-info .order-fold-header .order-fold-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
	color: #666;
}

.prod-detail-box .prod-order-info .order-fold-header .order-fold-info .price {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.prod-detail-box .prod-order-info .order-fold-header .order-fold-info .price .fc-spot {
	font-weight: inherit;
}

.prod-detail-box .prod-order-info .order-fold-header .order-fold-info .discount {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.prod-detail-box .prod-order-info .order-fold-header .order-fold-info .discount .fc-spot {
	font-weight: inherit;
}

.prod-detail-box .prod-order-info .order-fold-header + .tbl-info-wrap {
	margin-top: var(--spacing-md);
}

.prod-detail-box .prod-order-info .order-benefit-item .tbl-info-wrap {
	padding: var(--spacing-def) 0;
}

.prod-detail-box .prod-order-info .order-benefit-item .tbl-info-wrap .tbl-info td .link-text {
	margin-top: var(--spacing-5xs);
}

.prod-detail-box .prod-order-info .order-benefit-item .tbl-info-wrap + .tbl-info-wrap {
	border-top: 1px solid #e5e5e5;
}

.prod-detail-box .prod-order-info .prod-size-box .size-title {
	display: flex;
	align-items: center;
}

.prod-detail-box .prod-order-info .prod-size-box .size-title .title {
	flex: 1;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
}

.prod-detail-box .prod-order-info .prod-size-box .size-title .util-area {
	display: flex;
	align-items: center;
}

.prod-detail-box .prod-order-info .prod-size-box .size-title .util-area .link-text + .link-text {
	margin-left: var(--spacing-3xs);
}

.prod-detail-box .prod-order-info .prod-size-box .size-title .util-area .line-orange {
	margin-left: var(--spacing-2xs);
}

.prod-detail-box .prod-order-info .prod-size-box .size-title + .ui-col-grid {
	margin-top: var(--spacing-xs);
}

.prod-detail-box .prod-order-info .prod-size-box .ui-box-chk label,
.prod-detail-box .prod-order-info .prod-size-box .ui-box-rdo label {
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 24px;
}

.prod-detail-box .prod-order-info .total-price {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.prod-detail-box .prod-order-info .total-price .title {
	color: #666;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
}

.prod-detail-box .prod-order-info .total-price .price {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.color-list-wrap {
	display: flex;
}

.md-talk {
	padding: var(--spacing-def);
	background: #f5f5f5;
}

.md-talk .title {
	padding-left: var(--spacing-2xs);
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
	background: url("../images/common/comm_ico_quote_h8.svg") left top 3px no-repeat;
	background-size: 10px 8px;
}

.md-talk .desc {
	color: #666;
	margin-top: var(--spacing-5xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	word-break: break-word;
}

.prod-tab > .tab-line-wrap > .tabs {
	position: sticky;
	top: 60px;
	z-index: 10;
}

.prod-tab > .tab-line-wrap > .tab-content {
	position: relative;
}

.prod-tab > .tab-line-wrap > .tab-content .intersect-target {
	position: absolute;
	top: calc(var(--spacing-lg) * -1);
	left: 0;
	right: 0;
}

.prod-tab > .tab-line-wrap > .tab-content ~ .tab-content {
	margin-top: var(--spacing-5xl);
}

.prod-tab img,
.prod-tab video {
	width: 100%;
	max-width: 100%;
}

.prod-tab .editor-box img {
	display: block;
	width: auto;
	margin: 0 auto;
}

.prod-tab .detail-content-box.detail-overflowed {
	position: relative;
	max-height: 1430px;
	overflow: hidden;
}

.prod-tab .detail-content-box.detail-overflowed:after {
	content: "";
	position: absolute;
	display: inline-block;
	height: 250px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 80%);
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.prod-tab .detail-content-box.detail-overflowed .btn-show-overflow {
	position: absolute;
	left: var(--spacing-def);
	right: var(--spacing-def);
	bottom: 0;
	z-index: 2;
}

.prod-tab .detail-content-box.detail-overflowed > .editor-box {
	padding-top: 0 !important;
}

.prod-tab .detail-content-box .video-box {
	font-size: 0;
}

.prod-tab .detail-content-box .model-info-box .title {
	color: #666;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.prod-tab .detail-content-box .model-info-box .info {
	display: flex;
	align-items: center;
	height: 82px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.prod-tab .detail-content-box .prod-detail-img {
	display: grid;
	gap: var(--spacing-3xs);
	grid-template-columns: 1fr;
}

.prod-tab .prod-tech-list {
	display: grid;
	grid-template-columns: 1fr;
}

.prod-tab .prod-tech-list .prod-tech-item {
	display: flex;
	align-items: center;
	gap: var(--spacing-2xs);
}

.prod-tab .prod-tech-list .prod-tech-item img {
	width: 60px;
	height: 60px;
}

.prod-tab .prod-tech-list .prod-tech-item .tech-info {
	flex: 1;
}

.prod-tab .prod-tech-list .prod-tech-item .tech-info .tech-name {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.prod-tab .prod-tech-list .prod-tech-item .tech-info .tech-desc {
	color: #666;
	margin-top: var(--spacing-5xs);
	word-break: keep-all;
	word-wrap: break-word;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.prod-tab .prod-tech-list .prod-tech-item ~ .prod-tech-item {
	padding-top: var(--spacing-def);
}

.prod-tab .tab-divide-wrap.prod-specs .tabs {
	margin: 0 calc(var(--spacing-def) * -1);
	padding: 0 var(--spacing-def);
}

.prod-tab .tab-divide-wrap.prod-specs .tabs .tab-item .tab-link .tab-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.prod-tab .tab-divide-wrap.prod-specs .tabs .tab-item + .tab-item {
	margin-left: var(--spacing-3xs);
	padding-left: var(--spacing-3xs);
}

.prod-tab .fit-guide-box {
	text-align: center;
}

.prod-tab .fit-guide-box img {
	width: auto;
}

.prod-tab .edit-my-size {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.prod-tab .edit-my-size .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.prod-tab .outfit-price-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.prod-tab .outfit-price-box .prod-price .percent {
	margin-right: var(--spacing-min);
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.prod-tab .outfit-price-box .prod-price .price-group .val {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.prod-tab .outfit-price-box .prod-price .price-group .unit {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.prod-tab .outfit-price-box .prod-price .price-group.origin {
	display: block;
	margin-bottom: var(--spacing-min);
}

.prod-tab .outfit-price-box .prod-price .price-group.origin .val {
	color: #999;
	text-decoration: line-through;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.prod-tab .outfit-price-box .prod-price .tooltip-wrap {
	margin-top: var(--spacing-min);
	margin-left: var(--spacing-6xs);
}

.prod-tab .recommend-outfit-box {
	display: flex;
	gap: var(--spacing-3xs);
}

.prod-tab .recommend-outfit-box .current-item-box {
	flex: 0 0 161px;
	padding-right: var(--spacing-3xs);
	border-right: 1px solid #000;
}

.prod-tab .recommend-outfit-box .swiper {
	margin-left: 0;
}

.prod-tab .btn-arrow-wrap {
	border-top: 1px solid #e5e5e5;
}

.prod-tab .btn-arrow-wrap .btn-arrow {
	border-bottom: 1px solid #e5e5e5;
}

.size-comparison-box {
	background: #f5f5f5;
	padding: var(--spacing-lg) var(--spacing-def);
}

.size-comparison-box .flex-info-wrap {
	align-items: center;
}

.size-comparison-box .flex-info-wrap .left-area {
	display: flex;
	align-items: center;
}

.size-comparison-box .flex-info-wrap .left-area .ico-size-comparison {
	width: 40px;
	height: 40px;
	background: url("../images/product/ico_size_comparison.svg") 0 0 no-repeat;
	background-size: cover;
}

.size-comparison-box .flex-info-wrap .left-area .info-box {
	flex: 0 0 233px;
	margin-left: var(--spacing-2xs);
}

.size-comparison-box .flex-info-wrap .left-area .info-box .title {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: var(--spacing-5xs);
}

.size-comparison-box .flex-info-wrap .left-area .info-box .desc {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.size-comparison-box .flex-info-wrap .right-area {
	margin-left: var(--spacing-def);
}

.review-list-item .purchase-info-box span, .review-item .purchase-info-box span,
.review-list-item .reviewer-info-box span,
.review-item .reviewer-info-box span {
	display: inline-block;
}

.review-list-item .purchase-info-box, .review-item .purchase-info-box {
	margin-top: var(--spacing-5xs);
}

.review-list-item .purchase-info-box span, .review-item .purchase-info-box span {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
}

.review-list-item .photo-box, .review-item .photo-box {
	display: inline-grid;
	grid-template-columns: repeat(3, 80px);
	grid-template-rows: 80px;
	gap: var(--spacing-6xs);
}

.review-list-item .photo-box .btn-review-img, .review-item .photo-box .btn-review-img {
	position: relative;
}

.review-list-item .photo-box .btn-review-img img, .review-item .photo-box .btn-review-img img,
.review-list-item .photo-box .btn-review-img video,
.review-item .photo-box .btn-review-img video {
	width: 100%;
	height: 100%;
	background: #000;
	object-fit: contain;
}

.review-list-item .photo-box .btn-review-img .count, .review-item .photo-box .btn-review-img .count {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 22px;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.review-list-item .photo-box .btn-review-img.video:not(:nth-child(3)):after, .review-item .photo-box .btn-review-img.video:not(:nth-child(3)):after {
	content: "";
	position: absolute;
	display: inline-block;
	background: url("../images/common/comm_ico_video_play_review.svg") center no-repeat;
	background-size: 22px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.review-list-item .reviewer-info-box span, .review-item .reviewer-info-box span {
	color: #999;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.best-review-wrap .swiper .swiper-wrapper .swiper-slide {
	height: auto;
}

.best-review-wrap .swiper .swiper-wrapper .swiper-slide .review-item {
	height: 100%;
}

.review-item {
	padding: 0 var(--spacing-def) var(--spacing-5xs);
	border-left: 1px solid #000;
}

.review-item .star-rating-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	height: 22px;
}

.review-item .review-contents {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	height: 57px;
	max-height: 57px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	white-space: pre-line;
	text-align: left;
}

.all-review-info {
	display: flex;
}

.all-review-info .info-box {
	flex: 1;
	text-align: center;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
}

.all-review-info .info-box .val {
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
}

.all-review-info .info-box .star-rating-box {
	margin-top: var(--spacing-6xs);
}

.all-review-info .info-box .type {
	color: #999;
	margin-top: var(--spacing-6xs);
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 14px;
}

.all-review-info .info-box + .info-box {
	border-left: 1px solid #e5e5e5;
}

.ai-review {
	background-image: linear-gradient(to bottom, #EEF5FF, #FAF5FF);
	padding: var(--spacing-def);
}

.ai-review .cont-title-wrap {
	gap: var(--spacing-5xs);
}

.ai-review .cont-title-wrap .ico-ai {
	width: 20px;
	height: 20px;
	margin-right: var(--spacing-5xs);
}

.ai-review .ai-tag {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--spacing-5xs);
	margin: var(--spacing-xs) 0 var(--spacing-6xs);
}

.ai-review .ai-tag li {
	padding: var(--spacing-3xs);
	border-radius: 14px;
	background-color: #fff;
	color: #666;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.review-stat-box {
	display: flex;
	justify-content: center;
	gap: 0 var(--spacing-md);
	flex-wrap: wrap;
}

.review-stat-box .stat-gender,
.review-stat-box .stat-age,
.review-stat-box .stat-evaluation {
	text-align: center;
}

.review-stat-box .stat-gender {
	flex: 0 0 142px;
}

.review-stat-box .stat-gender .chart-box {
	justify-content: center;
	gap: var(--spacing-3xs);
}

.review-stat-box .stat-age {
	flex: 0 0 133px;
}

.review-stat-box .stat-age .chart-box {
	justify-content: center;
}

.review-stat-box .stat-age .chart-box .column-bar-chart-area {
	flex: 1;
}

.review-stat-box .stat-evaluation {
	flex: 1;
	margin-top: var(--spacing-lg);
	padding-top: var(--spacing-lg);
	border-top: 1px solid #e5e5e5;
}

.review-stat-box .stat-evaluation .stat-title {
	margin-bottom: 0;
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.review-stat-box .stat-evaluation .ui-select {
	margin-right: var(--spacing-5xs);
}

.review-stat-box .stat-evaluation select,
.review-stat-box .stat-evaluation .ui-select .ui-selectmenu-button {
	color: #fe4400;
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
	padding-right: 15px;
	background: url("../images/product/ico_prod_review_sel_arr.svg") right top 3px no-repeat;
	background-size: 15px;
}

.review-stat-box .chart-box {
	display: flex;
}

.review-stat-box .stat-title {
	margin-bottom: var(--spacing-def);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.review-stat-box .pie-chart-area {
	font-size: 0;
}

.review-stat-box .pie-chart-area .pie-chart {
	position: relative;
	display: inline-block;
	width: 66px;
	padding-top: 66px;
	overflow: hidden;
}

.review-stat-box .pie-chart-area .pie-chart .progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 66px;
	height: 66px;
	margin: 0 auto;
	transform: rotateZ(-90deg);
	transform-origin: center center;
}

.review-stat-box .pie-chart-area .pie-chart .progress .frame,
.review-stat-box .pie-chart-area .pie-chart .progress .bar {
	fill: none;
}

.review-stat-box .pie-chart-area .pie-chart .progress .frame {
	stroke: rgba(0, 0, 0, 0.1);
}

.review-stat-box .pie-chart-area .pie-chart .progress .bar.no-data {
	stroke: transparent;
}

.review-stat-box .pie-chart-area .pie-chart .progress .bar {
	stroke: #fe4400;
	stroke-linecap: round;
}

.review-stat-box .pie-chart-area .pie-chart .pie-info {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 62px;
	height: 62px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
}

.review-stat-box .pie-chart-area .pie-chart .pie-info .value,
.review-stat-box .pie-chart-area .pie-chart .pie-info .percent {
	color: #fe4400;
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 14px;
}

.review-stat-box .pie-chart-area .chart-title {
	color: #666;
	margin-top: var(--spacing-5xs);
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 15px;
}

.review-stat-box .column-bar-chart-area .value,
.review-stat-box .column-bar-chart-area .percent {
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 14px;
}

.review-stat-box .column-bar-chart-area .column-bar {
	position: relative;
	width: 2px;
	height: 47px;
	margin: var(--spacing-min) auto 0;
	background: rgba(0, 0, 0, 0.1);
}

.review-stat-box .column-bar-chart-area .column-bar .progress {
	position: absolute;
	background: #000;
	left: 0;
	right: 0;
	bottom: 0;
}

.review-stat-box .column-bar-chart-area .chart-title {
	color: #666;
	margin-top: var(--spacing-5xs);
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 15px;
}

.review-stat-box .review-evaluation-list {
	margin-top: var(--spacing-xs);
}

.review-stat-box .review-evaluation-list .list-item {
	display: flex;
	align-items: center;
}

.review-stat-box .review-evaluation-list .list-item .title {
	display: inline-block;
	width: 80px;
	background: #f5f5f5;
	border-radius: 12px;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 24px;
}

.review-stat-box .review-evaluation-list .list-item .value-area {
	flex: 1;
	display: flex;
	justify-content: space-between;
	margin-left: var(--spacing-3xs);
}

.review-stat-box .review-evaluation-list .list-item .value-area .value-name {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
}

.review-stat-box .review-evaluation-list .list-item .value-area .value {
	flex: 1;
	display: flex;
	align-items: center;
	color: #999;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.review-stat-box .review-evaluation-list .list-item .value-area .value:before {
	content: "";
	display: inline-block;
	flex: 1;
	height: 1px;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
	background-size: 4px 1px, 100% 1px;
	margin: 0 var(--spacing-3xs);
}

.review-stat-box .review-evaluation-list .list-item + .list-item {
	margin-top: var(--spacing-5xs);
}

.no-review {
	color: #999;
	padding: 150px 0;
	text-align: center;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.review-list-header-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.review-list-header-box .ui-select.type-text select {
	padding: 0 21px 0;
	background: url("../images/product/ico_list_sort.svg") right center no-repeat;
	background-size: 16px;
}

.review-list {
	border-top: 1px solid #e5e5e5;
}

.review-list .review-list-item {
	padding: var(--spacing-md) 0;
	border-bottom: 1px solid #e5e5e5;
}

.review-list.no-tline {
	border-top: 0;
}

.review-list-item {
	position: relative;
}

.review-list-item .badge-md-wrap + .review-content-header {
	margin-top: var(--spacing-3xs);
}

.review-list-item .review-content-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.review-list-item .review-content-header .right-area .link-text + .link-text {
	position: relative;
}

.review-list-item .review-content-header .star-rating-box {
	display: inline-block;
	vertical-align: top;
}

.review-list-item .review-content-header .star-rating-box .rating-container {
	font-size: 14px;
	line-height: 14px;
}

.review-list-item .review-content-header .star-rating-box .rating-container .rating-stars,
.review-list-item .review-content-header .star-rating-box .rating-container .empty-stars,
.review-list-item .review-content-header .star-rating-box .rating-container .filled-stars {
	height: 14px;
}

.review-list-item .review-content-header .star-rating-box .rating-container .rating-stars .star,
.review-list-item .review-content-header .star-rating-box .rating-container .empty-stars .star,
.review-list-item .review-content-header .star-rating-box .rating-container .filled-stars .star {
	height: 14px;
}

.review-list-item .review-content-header .star-rating-box .rating-container .rating-stars .empty-stars {
	display: inline-block;
	height: 14px;
}

.review-list-item .review-content-header .star-rating-box .rating-container .rating-stars .empty-stars .star {
	height: 14px;
}

.review-list-item .review-content-header .star-rating-box .rating-container .rating-stars .empty-stars .star .glyphicon-star-empty:before {
	width: 14px;
	height: 14px;
	mask-size: 14px;
}

.review-list-item .review-content-header .star-rating-box .rating-container .rating-stars .filled-stars .star .glyphicon-star:before {
	width: 14px;
	height: 14px;
	mask-size: 14px;
}

.review-list-item .review-content-header .star-rating-box .rating-container .caption .caption-badge {
	font-family: inherit;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
}

.review-list-item .review-content-header .purchase-info-box {
	position: relative;
	flex: 1 1 100%;
	margin-top: var(--spacing-xs);
}

.review-list-item .review-content-header + .photo-box {
	margin-top: var(--spacing-xs);
}

.review-list-item .member-size-info {
	margin-top: var(--spacing-3xs);
}

.review-list-item .member-size-info > span {
	display: block;
}

.review-list-item .member-size-info > span + span {
	margin-top: var(--spacing-5xs);
}

.review-list-item .member-size-info .type {
	color: #999;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
}

.review-list-item .member-size-info .info {
	color: #999;
	margin-left: var(--spacing-5xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.review-list-item .review-evaluation {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--spacing-5xs) 0;
}

.review-list-item .review-evaluation .evaluation-item {
	flex: 1 1 50%;
	color: #666;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.review-list-item .review-evaluation .evaluation-item .title {
	display: inline-block;
	width: 31px;
}

.review-list-item .review-evaluation .evaluation-item .evaluation {
	color: #000;
	font-weight: 500;
	margin-left: var(--spacing-2xs);
}

.review-list-item .photo-box {
	display: grid;
	grid-template-columns: repeat(3, 104px);
	grid-template-rows: 104px;
	margin-top: var(--spacing-lg);
	overflow-x: auto;
	overflow-y: hidden;
}

.review-list-item .review-contents {
	margin-top: var(--spacing-2xs);
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 95px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	white-space: pre-line;
	text-align: left;
}

.review-list-item .review-contents.ellipsis-line3 {
	position: relative;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 57px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.review-list-item .gray-box-xs .thumb-prod-row .thumb-prod-inner {
	background: transparent;
}

.review-list-item .review-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: var(--spacing-def);
}

.review-list-item .review-footer .right-area {
	margin-left: auto;
}

.review-list-item .review-footer .right-area .link-text + .link-text {
	position: relative;
}

.review-list-item .gray-box-xs .thumb-prod-row .btn-link {
	z-index: 2;
}

.video-control-box video {
	pointer-events: none;
}

.video-control-box.playing video {
	pointer-events: initial;
}

.video-control-box.playing .btn-video-play {
	display: none;
}

.ui-col-grid.grid-compare .grid-item {
	height: 100%;
}

.ui-col-grid.grid-compare .grid-item .thumb-prod-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.ui-col-grid.grid-compare .grid-item .info-box {
	margin-bottom: var(--spacing-def);
}

.ui-col-grid.grid-compare .grid-item .prod-compare {
	margin-top: auto;
}

.u-custom-wrap .tab-content {
	width: 100%;
	overflow-x: auto;
}

.u-custom-wrap .custom-style {
	position: relative;
	margin: 0 auto;
	width: 420px;
}

.u-custom-wrap .custom-style .custom-emblem {
	position: absolute;
	top: 75px;
	right: 126px;
	width: 35px;
	height: 35px;
	overflow: hidden;
}

.u-custom-wrap .custom-style .custom-emblem img {
	width: auto;
	height: 100%;
}

.u-custom-wrap .custom-style .custom-text {
	position: absolute;
	top: 130px;
	left: 50%;
	margin-left: -80px;
	width: 160px;
	height: 60px;
	font-family: "trade-gothic-next-condensed", "Trade Gothic LT Std", "Pretendard", sans-serif;
	font-size: 28px;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
	word-break: keep-all;
	overflow-wrap: break-word;
	overflow: hidden;
}

.u-custom-wrap .custom-style .custom-text.textTypeB {
	font-family: "Dozer One", "Noto Sans CJK KR", sans-serif;
	font-size: 23px;
	font-weight: 900;
	line-height: 26px;
}

.u-custom-wrap .custom-style .custom-text img {
	width: auto;
	height: 100%;
}

.u-custom-wrap .custom-style .custom-name {
	position: absolute;
	top: 83px;
	left: 50%;
	margin-left: -100px;
	width: 200px;
	height: 30px;
	font-family: "trade-gothic-next-condensed", "Trade Gothic LT Std", "Pretendard", sans-serif;
	font-size: 31px;
	font-weight: 600;
	line-height: 0.7;
	text-align: center;
	word-break: keep-all;
	overflow-wrap: break-word;
	overflow: hidden;
}

.u-custom-wrap .custom-style .custom-name.textTypeB {
	font-family: "Dozer One", "Noto Sans CJK KR", sans-serif;
	font-size: 27px;
	font-weight: 900;
	line-height: 1;
}

.u-custom-wrap .custom-style .custom-name img {
	width: auto;
	height: 100%;
}

.u-custom-wrap .custom-style .custom-num {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: 3px;
	position: absolute;
	top: 125px;
	left: 50%;
	margin-left: -81.5px;
	width: 163px;
	height: 114px;
	overflow: hidden;
}

.u-custom-wrap .custom-style .custom-num .num {
	width: 80px;
	height: 114px;
}

.u-custom-wrap .custom-style .custom-num .num img {
	width: auto;
	height: 100%;
}

.u-custom-wrap .custom-style .custom-text02 {
	position: absolute;
	bottom: 124px;
	left: 50%;
	margin-left: -85px;
	width: 170px;
	height: 20px;
	font-family: "trade-gothic-next-condensed", "Trade Gothic LT Std", "Pretendard", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	word-break: keep-all;
	overflow-wrap: break-word;
	overflow: hidden;
}

.u-custom-wrap .custom-style .custom-text02.textTypeB {
	font-family: "Dozer One", "Noto Sans CJK KR", sans-serif;
	font-size: 16px;
	font-weight: 900;
	line-height: 20px;
}

.u-custom-wrap .custom-style .custom-text02 img {
	width: auto;
	height: 100%;
}

.u-custom-wrap .custom-style .custom-wappen {
	position: absolute;
	bottom: 62px;
	right: 161px;
	width: 82px;
	height: 100px;
	overflow: hidden;
}

.u-custom-wrap .custom-style .custom-wappen.wappenRight {
	right: 50%;
	margin-right: -41px;
}

.u-custom-wrap .custom-style .custom-wappen img {
	width: auto;
	height: 100%;
}

.u-custom-wrap .custom-style.shirt .custom-emblem {
	top: 85px;
	right: 129px;
}

.u-custom-wrap .custom-style.long .custom-emblem {
	top: 100px;
}

.u-custom-wrap .custom-style.long .custom-text {
	top: 156px;
}

.u-custom-wrap .custom-style.long .custom-name {
	top: 96px;
	width: 180px;
	margin-left: -90px;
}

.u-custom-wrap .custom-style.long .custom-num {
	gap: 8px;
	top: 143px;
	margin-left: -74px;
	width: 148px;
	height: 97px;
}

.u-custom-wrap .custom-style.long .custom-num .num {
	width: 70px;
	height: 97px;
}

.u-custom-wrap .custom-style.long .custom-text02 {
	bottom: 114px;
	margin-left: -75px;
	width: 150px;
}

.u-custom-wrap .custom-style.long .custom-wappen {
	right: 144px;
}

.u-custom-wrap .custom-style.long .custom-wappen.wappenRight {
	right: 166px;
	margin-right: 0;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.dialog-search .search-brand-tabs {
	margin-bottom: var(--spacing-3xs);
	font-size: 0;
}

.dialog-search .search-brand-tabs .search-brand-item {
	display: inline-block;
	vertical-align: top;
}

.dialog-search .search-brand-tabs .search-brand-item .btn-brand .text {
	font-size: 40px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 40px;
	color: rgba(0, 0, 0, 0.2);
}

.dialog-search .search-brand-tabs .search-brand-item ~ .search-brand-item {
	margin-top: 0;
}

.dialog-search .search-brand-tabs .search-brand-item ~ .search-brand-item:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 18px;
	margin-top: 11px;
	margin-left: var(--spacing-2xs);
	margin-right: var(--spacing-2xs);
	background: #e5e5e5;
}

.dialog-search .search-brand-tabs .search-brand-item.is-active .btn-brand .text {
	color: #000;
}

.dialog-search .btn-remove-keyword-all .text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #999;
}

.dialog-search .recent-keyword-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 7px 6px;
}

.dialog-search .recent-keyword-list .keyword-item {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.dialog-search .recent-keyword-list .keyword-item .link-word {
	display: inline-block;
	height: 34px;
	padding: var(--spacing-4xs) 34px var(--spacing-4xs) 14px;
	max-width: 100%;
	background: #f5f5f5;
	overflow: hidden;
	vertical-align: top;
}

.dialog-search .recent-keyword-list .keyword-item .link-word .text {
	display: inline-block;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	vertical-align: top;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dialog-search .recent-keyword-list .keyword-item .btn-word-del {
	position: absolute;
	width: 10px;
	height: 10px;
	top: 12px;
	right: 12px;
	background: url("../images/common/comm_btn_close_10.svg") 0 0 no-repeat;
	background-size: cover;
}

.dialog-search .no-data-wrap {
	padding-top: 0;
	padding-bottom: 0;
	text-align: left;
}

.dialog-search .no-data-wrap .no-data-desc {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	color: #999;
}

.dialog-search .recommend-keyword-list .keyword-item .link-word {
	display: inline-block;
	width: 100%;
	padding: var(--spacing-4xs) 0;
	vertical-align: top;
}

.dialog-search .recommend-keyword-list .keyword-item .link-word .text {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

.dialog-search .recommend-keyword-list .keyword-item:first-child .link-word {
	padding-top: 0;
}

.dialog-search .auto-complete-brand {
	padding-bottom: var(--spacing-lg);
	margin-bottom: var(--spacing-lg);
	border-bottom: 1px solid #e5e5e5;
}

.dialog-search .auto-complete-list .auto-complete-item .link-word {
	display: inline-block;
	width: 100%;
	padding: var(--spacing-4xs) 0;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	vertical-align: top;
}

.dialog-search .auto-complete-list .auto-complete-item .link-word .mark {
	color: #fe4400;
}

.dialog-search .auto-complete-list .auto-complete-item:first-child .link-word {
	padding-top: 0;
}

.dialog-search .auto-complete-list .auto-complete-item:last-child .link-word {
	padding-bottom: 0;
}

.related-keyword-list {
	margin-right: calc(var(--spacing-def) * -1);
	margin-left: calc(var(--spacing-def) * -1);
	padding-top: 7px;
	padding-right: 14px;
	padding-left: 14px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e5e5e5;
	overflow-x: auto;
	white-space: nowrap;
	font-size: 0;
}

.related-keyword-list .keyword-item {
	display: inline-block;
	vertical-align: top;
}

.related-keyword-list .keyword-item .link-word {
	display: inline-block;
	padding-right: var(--spacing-5xs);
	padding-left: var(--spacing-5xs);
	vertical-align: top;
}

.related-keyword-list .keyword-item .link-word .text {
	display: inline-block;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #999;
	vertical-align: top;
}

.cont-box.search-brand {
	border-bottom: 10px solid #f5f5f5;
	padding-bottom: var(--spacing-lg);
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.tbl-no-line-wrap .tbl-row {
	border-collapse: separate;
}

.tbl-no-line-wrap .tbl-row tr th,
.tbl-no-line-wrap .tbl-row tr td {
	padding: 14px var(--spacing-2xs);
	font-size: 10px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 12px;
	background-color: #fff;
	vertical-align: middle;
}

.tbl-no-line-wrap .tbl-row tr th {
	font-weight: 600;
}

.tbl-no-line-wrap .tbl-row tr td.is-active {
	position: relative;
	font-weight: 500;
	color: #fe4400;
}

.tbl-no-line-wrap .tbl-row tr td.is-active:before {
	content: "";
	position: absolute;
	left: -1px;
	top: -1px;
	bottom: -1px;
	right: -1px;
	border: 1px solid #bcc6c5;
}

.tbl-no-line-wrap .tbl-row tr td.va-top {
	vertical-align: top;
}

.account-info-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.account-info-wrap .info-box {
	margin-left: var(--spacing-2xs);
	text-align: left;
}

.account-info-wrap .info-box .user-account {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.account-info-wrap .info-box .user-account + .bar-group {
	margin-top: 5px;
}

.form-login-box .input-group ~ .input-group {
	margin-top: var(--spacing-def);
}

.login-btn {
	position: relative;
}

.login-btn .link-balloon {
	display: none;
	position: absolute;
	bottom: -17px;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
}

.login-btn .link-balloon::after {
	border-bottom: 8px solid #fe4400;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 0 solid transparent;
	top: calc(var(--spacing-6xs) * -1);
	bottom: auto;
	right: 50%;
	left: 50%;
	transform: translateX(-50%);
}

.easy-login-list {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-lg);
	font-size: 0;
	text-align: center;
}

.easy-login-list .easy-login-item {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.easy-login-list .easy-login-item .link-easy-login {
	display: inline-block;
	vertical-align: top;
}

.easy-login-list .easy-login-item .link-balloon {
	display: none;
	position: absolute;
	bottom: -34px;
	left: 50%;
	transform: translateX(-50%);
	width: max-content;
}

.easy-login-list .easy-login-item .link-balloon::after {
	border-bottom: 8px solid #fe4400;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 0 solid transparent;
	top: calc(var(--spacing-6xs) * -1);
	bottom: auto;
	right: 50%;
	left: 50%;
	transform: translateX(-50%);
}

.easy-login-box {
	position: relative;
	margin-top: 39px;
	padding-top: 27px;
}

.easy-login-box .scont-title-sm {
	padding-right: var(--spacing-def);
	padding-left: var(--spacing-def);
	margin-bottom: 0;
	position: absolute;
	top: -10px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fff;
}

.member-benefit-list {
	margin-bottom: calc(var(--spacing-xs) - 1px);
}

.member-benefit-list .member-benefit-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.member-benefit-list .member-benefit-item [class^=ico-mb-benefit] {
	flex-shrink: 0;
}

.member-benefit-list .member-benefit-item .benefit-info {
	margin-left: var(--spacing-2xs);
}

.member-benefit-list .member-benefit-item .benefit-info .benefit-title {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.member-benefit-list .member-benefit-item .benefit-info .benefit-desc {
	margin-top: 5px;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #666;
}

.member-benefit-list .member-benefit-item ~ .member-benefit-item {
	margin-top: var(--spacing-def);
	padding-top: var(--spacing-def);
	border-top: 1px solid rgba(229, 229, 229, 0.6);
}

.celebrate-benefit-wrap {
	text-align: center;
}

.celebrate-benefit-wrap .benefit-title {
	font-size: 44px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 44px;
	margin-top: var(--spacing-lg);
}

.celebrate-benefit-wrap .benefit-title + .benefit-desc {
	margin-top: var(--spacing-6xs);
}

.celebrate-benefit-wrap .benefit-desc {
	display: inline-block;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	padding-left: var(--spacing-def);
	background: url("../images/member/ico_benefit_chk.svg") 0 0 no-repeat;
	background-size: 16px 16px;
}

.celebrate-benefit-wrap .benefit-desc + .benefit-desc {
	margin-top: var(--spacing-5xs);
}

.terms-wrap .terms-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.terms-wrap .terms-text + .terms-text,
.terms-wrap .terms-text + .terms-info-list {
	margin-top: var(--spacing-3xs);
}

.terms-wrap .terms-info-list li ~ li {
	margin-top: var(--spacing-3xs);
}

/* sns 버튼 컬러 */
.btn-kakao {
	background: #fee503;
}

.btn-kakao .ico-sns-kakao {
	margin-right: var(--spacing-6xs);
}

.btn-naver {
	background: #22cb60;
}

.btn-naver .ico-sns-naver {
	margin-right: var(--spacing-6xs);
}

.btn-naver .text {
	color: #fff;
}

.term-wrap .dash-text,
.term-wrap .dot-text,
.term-wrap .dot-text-sm,
.term-wrap .star-text,
.term-wrap .star-text-sm,
.term-wrap .decimal-text {
	position: relative;
	display: block;
	word-break: normal;
}

.term-wrap .term-text-list .term-text-item + .term-text-item {
	margin-top: var(--spacing-xl);
}

.term-wrap .term-text-list .term-text-item .term-title {
	margin-bottom: var(--spacing-2xs);
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.term-wrap .term-text-list .term-text-item .term-desc {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.term-wrap .term-text-list .term-text-item .term-desc .info-text-list.type-sub {
	margin-left: var(--spacing-xs);
	margin-top: var(--spacing-3xs);
}

.term-wrap .term-text-list .term-text-item .term-desc .info-text-list .normal-text {
	margin-top: 0;
}

.term-wrap .term-text-list .term-text-item .term-desc .info-text-list .normal-text ~ .normal-text {
	margin-top: var(--spacing-3xs);
}

.term-wrap .term-text-list .term-text-item .term-desc .info-text-list .normal-text + .info-text-list {
	margin-top: var(--spacing-3xs);
}

.tbl-no-line-wrap {
	border-top: 1px solid #000;
	border-bottom: 1px solid #e5e5e5;
}

.tbl-no-line-wrap .dash-text,
.tbl-no-line-wrap .dot-text,
.tbl-no-line-wrap .dot-text-sm,
.tbl-no-line-wrap .star-text,
.tbl-no-line-wrap .star-text-sm,
.tbl-no-line-wrap .decimal-text {
	position: relative;
	display: block;
	word-break: normal;
}

.tbl-no-line-wrap .tbl-row > tbody > tr:not(:first-child) > th,
.tbl-no-line-wrap .tbl-row > tbody > tr:not(:first-child) > td {
	border-top: 1px solid #e5e5e5;
}

.tbl-no-line-wrap .tbl-row > tbody > tr > th,
.tbl-no-line-wrap .tbl-row > tbody > tr > td {
	text-align: left;
}

.tbl-no-line-wrap .tbl-row > tbody > tr > th {
	border-right: 1px solid #e5e5e5;
}

.tbl-no-line-wrap.thead-gray-tbl-wrap .tbl-row > thead > tr > th {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
	background: #f5f5f5;
	border-bottom: 1px solid #e5e5e5;
}

.tbl-no-line-wrap.thead-gray-tbl-wrap .tbl-row > thead > tr > th:first-child {
	border-right: 1px solid #e5e5e5;
}

.tbl-no-line-wrap.thead-gray-tbl-wrap .tbl-row > tbody > tr > td {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.retention-use-period .info-text-list {
	margin-top: var(--spacing-5xs);
}

.retention-use-period .info-text-list .dash-text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
	color: #000;
}

.retention-use-period.fc-spot .info-text-list {
	margin-top: var(--spacing-5xs);
}

.retention-use-period.fc-spot .info-text-list .dash-text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #000;
}

.tbl-no-line-wrap.has-bg-tbl-wrap .tbl-row > tbody > tr > td {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.tbl-no-line-wrap.has-bg-tbl-wrap .tbl-row > tbody > tr > th {
	background: #f5f5f5;
}

.captcha-wrap {
	margin-top: var(--spacing-def);
}

.captcha-wrap .valid-check {
	margin-bottom: var(--spacing-2xs);
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.coupon-available-list .coupon-available-item {
	position: relative;
	display: inline-block;
	font-size: 0;
	vertical-align: top;
}

.coupon-available-list .coupon-available-item input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.coupon-available-list .coupon-available-item input + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	vertical-align: top;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fold-wrap.type-cart .fold-list, .fold-wrap.type-order .fold-list {
	border: none;
}

.fold-wrap.type-cart .fold-list .fold-item, .fold-wrap.type-order .fold-list .fold-item {
	border: none;
}

.fold-wrap.type-cart .fold-list .fold-item .fold-header, .fold-wrap.type-order .fold-list .fold-item .fold-header {
	padding: var(--spacing-lg) var(--spacing-def);
}

.fold-wrap.type-cart .fold-list .fold-item .fold-header .fold-title .cont-title-wrap, .fold-wrap.type-order .fold-list .fold-item .fold-header .fold-title .cont-title-wrap {
	justify-content: space-between;
	flex-wrap: nowrap;
}

.fold-wrap.type-cart .fold-list .fold-item .fold-header .fold-title .cont-title-wrap .right-area, .fold-wrap.type-order .fold-list .fold-item .fold-header .fold-title .cont-title-wrap .right-area {
	margin: 0 21px 0 var(--spacing-def);
}

.fold-wrap.type-cart .fold-list .fold-item .fold-header .fold-title .cont-title-wrap .right-area .total-prod-count .order-prod-name, .fold-wrap.type-order .fold-list .fold-item .fold-header .fold-title .cont-title-wrap .right-area .total-prod-count .order-prod-name {
	width: 170px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}

.fold-wrap.type-cart .fold-list .fold-item .fold-header .fold-title .cont-title-wrap .right-area .total-prod-count .text, .fold-wrap.type-order .fold-list .fold-item .fold-header .fold-title .cont-title-wrap .right-area .total-prod-count .text {
	display: inline-block;
	vertical-align: middle;
}

.fold-wrap.type-cart .fold-list .fold-item .fold-header .fold-title .cont-title-wrap .right-area .total-prod-count .num-group, .fold-wrap.type-order .fold-list .fold-item .fold-header .fold-title .cont-title-wrap .right-area .total-prod-count .num-group {
	display: inline-flex;
	vertical-align: middle;
}

.fold-wrap.type-cart .fold-list .fold-item .fold-header .fold-title .ui-chk, .fold-wrap.type-order .fold-list .fold-item .fold-header .fold-title .ui-chk {
	z-index: 2;
}

.fold-wrap.type-cart .fold-list .fold-item .fold-header .fold-title .ui-chk input + label .text, .fold-wrap.type-order .fold-list .fold-item .fold-header .fold-title .ui-chk input + label .text {
	padding-top: 1px;
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.fold-wrap.type-cart .fold-list .fold-item .fold-header .btn-fold:after, .fold-wrap.type-order .fold-list .fold-item .fold-header .btn-fold:after {
	position: absolute;
	top: 33px;
	right: var(--spacing-def);
	background-image: url("../images/order/ico_order_fold_arr.svg");
}

.fold-wrap.type-cart .fold-list .fold-item .fold-content, .fold-wrap.type-order .fold-list .fold-item .fold-content {
	border: none;
	padding: 0 var(--spacing-def) var(--spacing-lg);
}

.fold-wrap.type-cart .fold-list .fold-item .fold-content .grid-list, .fold-wrap.type-order .fold-list .fold-item .fold-content .grid-list {
	padding: 0;
}

.fold-wrap.type-cart .fold-list .fold-item + .fold-item, .fold-wrap.type-order .fold-list .fold-item + .fold-item {
	border-top: 10px solid #f5f5f5;
}

.fold-wrap.type-cart .fold-list .grid-list.row.item-has-line .grid-item + .grid-item .btn-delete-ord, .fold-wrap.type-order .fold-list .grid-list.row.item-has-line .grid-item + .grid-item .btn-delete-ord {
	top: 30px;
}

.fold-wrap.type-cart .fold-list .btn-delete-ord, .fold-wrap.type-order .fold-list .btn-delete-ord {
	position: absolute;
	width: 15px;
	height: 15px;
	padding: 3px;
	background: url("../images/order/ico_delete_ord.svg") center no-repeat;
	background-size: 15px;
	top: 0;
	right: 0;
}

.fold-wrap.type-cart .codi-order-info, .fold-wrap.type-order .codi-order-info {
	position: relative;
	display: none;
	margin: var(--spacing-3xs) 0 0 28px;
}

.fold-wrap.type-cart .codi-order-info .codi-price-box, .fold-wrap.type-order .codi-order-info .codi-price-box {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: var(--spacing-def);
}

.fold-wrap.type-cart .codi-order-info .codi-price-box .text, .fold-wrap.type-order .codi-order-info .codi-price-box .text {
	color: #999;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
}

.fold-wrap.type-cart .codi-order-info .codi-price-box .prod-price, .fold-wrap.type-order .codi-order-info .codi-price-box .prod-price {
	margin-left: auto;
}

.fold-wrap.type-cart .codi-order-info .codi-price-box .price-group .val,
.fold-wrap.type-cart .codi-order-info .codi-price-box .price-group .unit, .fold-wrap.type-order .codi-order-info .codi-price-box .price-group .val,
.fold-wrap.type-order .codi-order-info .codi-price-box .price-group .unit {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.fold-wrap.type-cart .codi-order-info .codi-price-box .price-group.origin, .fold-wrap.type-order .codi-order-info .codi-price-box .price-group.origin {
	display: block;
	margin-bottom: var(--spacing-min);
	text-align: right;
	line-height: 15px;
}

.fold-wrap.type-cart .codi-order-info .codi-price-box .price-group.origin .val, .fold-wrap.type-order .codi-order-info .codi-price-box .price-group.origin .val {
	color: #aaa;
	text-decoration: line-through;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
}

.fold-wrap.type-cart .codi-order-info .codi-price-box .percent, .fold-wrap.type-order .codi-order-info .codi-price-box .percent {
	color: #fe4400;
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.fold-wrap.type-cart .codi-order-info .codi-price-box .btn-delete-ord, .fold-wrap.type-order .codi-order-info .codi-price-box .btn-delete-ord {
	z-index: 2;
}

.fold-wrap.type-cart .fold-list .fold-item.expanded .codi-order-info, .fold-wrap.type-order .fold-list .fold-item.expanded .codi-order-info {
	display: block;
}

.fold-wrap.type-order .fold-list .fold-item.expanded .fold-header {
	padding-bottom: var(--spacing-md);
}

/* 주문서 */
.custom-member-box {
	margin-top: var(--spacing-def);
}

.custom-member-box .gray-box-sm {
	position: relative;
}

.custom-member-box .gray-box-sm .btn-del-custom-mem {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 15px;
	height: 15px;
	background: url("../images/order/ico_delete_custom_mem.svg") 0 0 no-repeat;
	background-size: cover;
}

.custom-member-box .gray-box-sm + .gray-box-sm {
	margin-top: var(--spacing-3xs);
}

.custom-member-box .member-title {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
}

.custom-member-list .custom-item {
	margin-top: var(--spacing-def);
}

.custom-member-list .custom-item .custom-title {
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
	color: #999;
	margin-bottom: var(--spacing-3xs);
}

.custom-member-list .custom-item .custom-cont .ui-select {
	width: 100%;
}

.custom-member-list .custom-item .custom-cont .ui-box-chk input + label {
	padding-right: var(--spacing-def);
	padding-left: var(--spacing-def);
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
}

.card-benefit-swiper {
	position: relative;
	overflow: hidden;
}

.card-benefit-swiper .swiper-slide {
	width: 100%;
}

.card-benefit-swiper .swiper-slide .card-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: var(--spacing-lg);
}

.card-benefit-swiper .swiper-slide .card-box .text-box .stext-xs {
	margin-top: var(--spacing-5xs);
}

.card-benefit-swiper .swiper-slide .card-box img {
	height: 24px;
}

.card-benefit-swiper .swiper-slide > img {
	width: 100%;
}

.payment-method .account-cash-receipt-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.payment-method .account-cash-receipt-list .cash-receipt-item {
	flex: 1 0 0;
}

.payment-method .account-cash-receipt-list .cash-receipt-item .btn-cash-receipt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
	height: 56px;
	background: #f5f5f5;
}

.payment-method .account-cash-receipt-list .cash-receipt-item .btn-cash-receipt .text {
	color: #666;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.payment-method .account-cash-receipt-list .cash-receipt-item.is-active .btn-cash-receipt {
	border: 1px solid #000;
	background: #fff;
}

.payment-method .account-cash-receipt-list .cash-receipt-item.is-active .btn-cash-receipt .text {
	font-weight: 600;
	color: #000;
}

.payment-method .account-cash-receipt-cont {
	display: none;
	margin-top: var(--spacing-5xs);
}

.payment-method .account-cash-receipt-cont .input-flex-box .ui-select {
	flex: 0 0 213px;
}

.payment-method-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--spacing-5xs);
}

.payment-method-list .payment-method-item {
	position: relative;
	width: calc((100% - 6px) / 2);
}

.payment-method-list .payment-method-item .pay-tip {
	position: absolute;
	top: -10px;
	right: 6px;
}

.payment-method-list .payment-method-item .btn-payment-method {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
	height: 50px;
	border: 1px solid #e5e5e5;
}

.payment-method-list .payment-method-item .btn-payment-method .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.payment-method-list .payment-method-item .btn-payment-method .text img {
	margin-right: var(--spacing-min);
}

.payment-method-list .payment-method-item.is-active .btn-payment-method {
	border-color: #000;
}

.payment-method-list .payment-method-item.is-active .btn-payment-method .text {
	font-weight: 500;
	color: #000;
}

.payment-method-wrap {
	padding-top: var(--spacing-3xs);
}

.payment-method-wrap .grid-list.row.item-has-line .grid-item .ui-rdo .pay-tip {
	margin-left: 6px;
}

.payment-method-wrap .pay-tip {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	max-width: 145px;
	height: 25px;
	padding: 0 var(--spacing-4xs);
	background-color: #fff0eb;
	color: #fe4400;
	border-radius: 12px;
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
	word-break: keep-all;
	text-align: center;
}

.payment-method-wrap .pay-tip span {
	overflow: hidden;
	white-space: nowrap;
}

.payment-method-cont {
	padding-top: var(--spacing-lg);
	display: none;
}

.safety-purchase-service-wrap {
	margin-top: var(--spacing-def);
}

.safety-purchase-service-wrap .input-flex-box .input-group ~ .ui-row-list {
	margin-left: var(--spacing-5xs);
}

.safety-purchase-service-wrap .input-flex-box .ui-row-list .item {
	margin-right: 0;
}

.safety-purchase-service-wrap .input-flex-box .ui-row-list .item .ui-box-rdo {
	width: 82px;
}

.safety-purchase-service-wrap .input-flex-box .ui-row-list .item .ui-box-rdo input:checked + label {
	z-index: 1;
}

.safety-purchase-service-wrap .input-flex-box .ui-row-list .item .ui-box-rdo input:not(:checked) + label {
	background: #f5f5f5;
	border-color: #f5f5f5;
}

.safety-purchase-service-wrap .input-flex-box .ui-row-list .item ~ .item {
	margin-left: -1px;
}

.safety-purchase-service-wrap .service-agree-list {
	display: none;
	margin-top: var(--spacing-def);
}

.safety-purchase-service-wrap .service-agree-list .service-agree-item + .service-agree-item {
	margin-top: var(--spacing-lg);
}

.safety-purchase-service-wrap .service-agree-list .service-agree-item .tbl-info-wrap {
	margin: var(--spacing-def) 0 0 var(--spacing-lg);
}

.goods-info {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
	color: #999;
}

.cs-info-box {
	text-align: left;
}

.cs-info-box .cs-call {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.cs-info-box .cs-time {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #999;
	margin-top: var(--spacing-6xs);
}

.select-delivery-list .select-delivery-item ~ .select-delivery-item {
	margin-top: var(--spacing-md);
	padding-top: var(--spacing-md);
	border-top: 1px solid #ddd;
}

.select-delivery-list .flex-info-wrap .delivery-info-wrap {
	flex: 1;
}

.select-delivery-list ~ .form-list {
	border-top: 1px solid #e5e5e5;
}

.delivery-info-wrap .delivery-title-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: var(--spacing-5xs);
}

.delivery-info-wrap .delivery-title-wrap .delivery-title {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.delivery-info-wrap .delivery-address,
.delivery-info-wrap .delivery-phone-number {
	display: block;
}

.delivery-info-wrap .delivery-address {
	margin-top: var(--spacing-2xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.delivery-info-wrap .delivery-phone-number {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.toggle-bg-box {
	padding: var(--spacing-def);
	background: #f5f5f5;
}

.toggle-bg-box .flex-info-wrap {
	align-items: center;
}

.toggle-bg-box.is-checked {
	background: rgba(254, 68, 0, 0.08);
}

.toggle-bg-box.is-checked .stext-sm {
	color: #fe4400;
}

.coupon-available-list .coupon-available-item {
	width: 100%;
}

.coupon-available-list .coupon-available-item ~ .coupon-available-item {
	margin-top: var(--spacing-3xs);
}

.coupon-available-list .coupon-available-item input + label {
	border: 1px solid #e5e5e5;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.coupon-available-list .coupon-available-item input:checked + label {
	border: 1px solid #000;
}

.coupon-available-list .coupon-available-item .coupon-item {
	color: #000;
	width: 100%;
}

.coupon-available-list .coupon-available-item .coupon-item.not-select {
	height: 50px;
	padding: var(--spacing-xs);
	box-sizing: border-box;
}

.coupon-available-list .coupon-available-item .coupon-item .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

.coupon-available-list .coupon-available-item .coupon-item .left-area {
	background-color: #fff;
	padding: var(--spacing-md) var(--spacing-def);
}

.coupon-available-list .coupon-available-item .coupon-item .left-area .coupon-name {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.coupon-available-list .coupon-available-item .coupon-item .left-area .value-area {
	color: #fe4400;
}

.coupon-available-list .coupon-available-item .coupon-item .left-area .info-text-list .dot-text {
	color: #666;
}

.coupon-available-list .coupon-available-item .coupon-item .right-area {
	background-color: #f5f5f5;
}

.coupon-available-list .coupon-available-item .coupon-item .right-area .brand-name {
	color: rgba(0, 0, 0, 0.3);
}

.coupon-available-list .coupon-available-item .coupon-item.disabled .left-area {
	background-color: #f5f5f5;
}

.coupon-available-list .coupon-available-item .coupon-item.disabled .left-area .coupon-name {
	color: #666;
}

.coupon-available-list .coupon-available-item .coupon-item.disabled .left-area .value-area {
	color: #666;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.personal-content .personal-store-info-wrap .store-info .tbl-info-wrap .tbl-info tr th .info-title [class^=ico-], .personal-content .personal-banner-wrap .thumb-box .info-box .ico-descente, .store-graphic-cont-box .store-graphic-wrap .content-control-list .btn-content-control [class^=ico-store-graphic], .store-sales-info-cont-box .store-info-list .store-info-item .btn-md .ico-find-location, .for-gift-cont-box .for-gift-list .for-gift-item .for-gift-info-box .more-view-btn .ico-arr-right-w, .gray-tline .right-area .ico-view-more-w20, .member-benefit-step-list .member-benefit-step-item .step-text .ico-step-arw, .recent-promotion-cont-box .right-area .ico-view-more-w20, .visual-swiper-cont-box .ucustom-prod-box .ico-brand-logo-umbro-white, .how-to-use-wrap .tbl-info-wrap .tbl-info tr [class^=ico-], .ico-polygon, .ico-star {
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
}

.tennis-guide-marquee .marquee-wrap {
	overflow: hidden;
}

.tennis-guide-marquee .marquee-wrap .marquee-box,
.tennis-guide-marquee .marquee-wrap .original-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.tennis-guide-marquee .marquee-wrap .marquee-item .text {
	white-space: nowrap;
	min-width: fit-content;
}

.tennis-guide-marquee .initialized.marquee-wrap .marquee-box .marquee-item {
	-webkit-animation-name: marquee;
	animation-name: marquee;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

[data-aos=pos-center-fade-up] {
	opacity: 0;
	transition-property: transform, opacity;
	-moz-transform: translate3d(-50%, calc(-50% + 100px), 0);
	-webkit-transform: translate3d(-50%, calc(-50% + 100px), 0);
	transform: translate3d(-50%, calc(-50% + 100px), 0);
}

[data-aos=pos-center-fade-up].aos-animate {
	opacity: 1;
	-moz-transform: translate3d(-50%, -50%, 0);
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

.wrapper .header-wrapper.brand-sales .header-bottom .gnb-swiper-wrap, .wrapper .header-wrapper.brand .header-bottom .gnb-swiper-wrap {
	padding-left: var(--spacing-2xs);
	padding-right: var(--spacing-2xs);
}

.wrapper .header-wrapper.brand-sales .header-bottom .gnb-swiper-wrap .gnb-list .link-gnb, .wrapper .header-wrapper.brand .header-bottom .gnb-swiper-wrap .gnb-list .link-gnb {
	padding-top: 14px;
	padding-bottom: 14px;
}

.wrapper .header-wrapper.brand-sales {
	background: #fff;
}

.wrapper .header-wrapper.brand-sales .header-top {
	height: 60px;
}

.wrapper .header-wrapper.brand-sales .header-top .header-inner {
	height: 100%;
	padding-right: var(--spacing-def);
	padding-left: var(--spacing-def);
	align-items: center;
}

.wrapper .header-wrapper.brand-sales .header-top .header-inner .header-bi {
	height: 32px;
}

.wrapper .header-wrapper.brand-sales .header-top .header-inner .gnb-search-box {
	margin-left: var(--spacing-def);
	border-bottom: 1px solid #000;
}

.wrapper .header-wrapper.brand-sales .header-top .header-inner .gnb-search-box .input-group .input-search-box .ui-input {
	height: 35px;
}

.wrapper .header-wrapper.brand-sales .header-top .header-inner .gnb-search-box .input-group .input-search-box .btn-input-search {
	padding-top: 7px;
	padding-bottom: var(--spacing-5xs);
	background-position: 0 7px;
}

.wrapper .header-wrapper.brand-sales .header-top .header-inner .link-cart {
	margin-left: var(--spacing-def);
}

.wrapper .header-wrapper.brand-sales.sps-blw {
	top: -60px;
}

.wrapper .header-wrapper.brand-sales.sps-blw .gnb-swiper-wrap {
	padding-left: 0;
	padding-right: 0;
}

.wrapper .header-wrapper.brand-sales.sps-blw ~ .container-wrapper {
	padding-top: 108px;
}

.wrapper .header-wrapper.brand {
	height: 60px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}

.wrapper .header-wrapper.brand .header-inner {
	height: 100%;
	justify-content: space-between;
	align-items: center;
	padding-right: var(--spacing-def);
	padding-left: var(--spacing-def);
}

.wrapper .header-wrapper.brand .header-inner .header-bi .link-logo [class^=ico-brand-logo] {
	background: #fff;
}

.wrapper .header-wrapper.brand .header-inner .header-right .btn-open-search-layer {
	width: 22px;
	height: 22px;
	background: #fff;
	-webkit-mask-image: url("../images/common/comm_ico_header_search.svg");
	mask-image: url("../images/common/comm_ico_header_search.svg");
}

.wrapper .header-wrapper.brand .header-inner .header-right .link-cart {
	margin-left: var(--spacing-xs);
}

.wrapper .header-wrapper.brand .header-inner .header-right .link-cart .ico-header-cart {
	background: #fff;
}

.wrapper .header-wrapper.brand .header-inner .header-right .link-cart .ico-header-cart .count {
	color: #000;
}

.wrapper .header-wrapper.brand ~ .container-wrapper {
	margin-top: -60px;
}

.wrapper .container-wrapper .gnb-swiper-wrap {
	position: sticky;
	top: 0;
	overflow: hidden;
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
	background: #fff;
	z-index: 30;
	border-bottom: 1px solid #e5e5e5;
}

.wrapper .container-wrapper .gnb-swiper-wrap .gnb-list .gnb-item .link-gnb {
	display: inline-block;
	padding: 14px 8px 15px;
	vertical-align: top;
}

.wrapper .container-wrapper .gnb-swiper-wrap .gnb-list .gnb-item .link-gnb .text {
	display: inline-block;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	vertical-align: top;
}

.wrapper .container-wrapper .gnb-swiper-wrap .gnb-list .gnb-item:first-child .link-gnb {
	padding-left: var(--spacing-def);
}

.wrapper .container-wrapper .gnb-swiper-wrap .gnb-list .gnb-item:last-child .link-gnb {
	padding-right: var(--spacing-def);
}

/* 브랜드관 공통 */
.exhibition-codi-swiper-wrap .swiper {
	margin-right: calc(-1 * var(--spacing-def));
	padding-right: var(--spacing-def);
}

.exhibition-codi-swiper-wrap .swiper .swiper-wrapper .swiper-slide .thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-title {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.exhibition-codi-swiper-wrap .swiper .swiper-wrapper .swiper-slide .thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-desc {
	margin-top: 7px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.exhibition-codi-swiper-wrap .swiper .swiper-wrapper .swiper-slide .thumb-exhibit .grid-item + .grid-item {
	border-top: 1px solid rgba(229, 229, 229, 0.6);
	padding-top: var(--spacing-2xs);
}

.exhibition-codi-swiper-wrap .swiper:not(.no-control) .swiper-wrapper .swiper-slide {
	width: 93.75%;
}

.exhibition-codi-swiper-wrap .swiper:not(.no-control) .swiper-wrapper .swiper-slide .btn-wrap {
	opacity: 0;
}

.exhibition-codi-swiper-wrap .swiper:not(.no-control) .swiper-wrapper .swiper-slide-active .btn-wrap {
	-moz-animation: opacityActive 0.3s linear forwards;
	-webkit-animation: opacityActive 0.3s linear forwards;
	animation: opacityActive 0.3s linear forwards;
	animation-delay: 0.15s;
}

.exhibition-codi-swiper-wrap .swiper:not(.no-control) ~ .btn-wrap {
	margin-right: 6.25%;
}

.shorts-swiper-wrap .swiper .swiper-wrapper .swiper-slide {
	width: 180px;
}

.shorts-swiper-wrap .swiper .swiper-wrapper .swiper-slide .poster-img {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	z-index: 1;
}

.shorts-swiper-wrap .swiper .swiper-wrapper .swiper-slide .video-box {
	width: 100%;
	height: 315px;
	position: relative;
	overflow: hidden;
}

.shorts-swiper-wrap .swiper .swiper-wrapper .swiper-slide .video-box video {
	width: auto;
	height: 100%;
	object-fit: contain;
	pointer-events: none;
}

.shorts-swiper-wrap .swiper .swiper-wrapper .swiper-slide .video-box video [poster] {
	width: 100%;
	height: 100%;
}

.shorts-swiper-wrap .swiper .swiper-wrapper .swiper-slide .video-box .badge-play-time {
	display: inline-block;
	padding: 5px 10px 5px 23px;
	background: #000;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #fff;
}

.shorts-swiper-wrap .swiper .swiper-wrapper .swiper-slide .video-box .badge-play-time:before {
	position: absolute;
	top: 6px;
	left: 6px;
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_ico_white_shorts_play_btn.svg") 0 0 no-repeat;
	background-size: cover;
}

.shorts-swiper-wrap .swiper .swiper-wrapper .swiper-slide .info-box {
	margin-top: var(--spacing-2xs);
}

.shorts-swiper-wrap .swiper .swiper-wrapper .swiper-slide .info-box .shorts-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.shorts-swiper-full {
	overflow: hidden;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: auto;
}

.shorts-swiper-full .scroll {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.shorts-swiper-full .btn-sound {
	position: fixed;
	top: 64px;
	left: 12px;
	z-index: 4;
	width: 42px;
	height: 42px;
	font-size: 0;
}

.shorts-swiper-full .btn-sound.on {
	background: url("../images/common/sound_on.svg") no-repeat;
}

.shorts-swiper-full .btn-sound.off {
	background: url("../images/common/sound_off.svg") no-repeat;
}

.shorts-swiper-full .btn-pause {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	font-size: 0;
	background: url("../images/common/btn_pause.svg") center center no-repeat;
	background-size: 70px 70px;
}

.shorts-swiper-full .btn-play {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	font-size: 0;
	background: url("../images/common/btn_play.svg") center center no-repeat;
	background-size: 70px 70px;
}

.shorts-swiper-full .swiper {
	width: 100%;
	height: var(--reVh, 1vh);
	overflow: hidden;
}

.shorts-swiper-full .swiper .swiper-wrapper .swiper-slide {
	display: flex;
	justify-content: center;
	height: var(--reVh, 1vh) !important;
}

.shorts-swiper-full .swiper .swiper-wrapper .swiper-slide .video-box video {
	width: 100%;
	height: var(--reVh, 1vh);
	object-fit: cover;
}

.brand-sns-swiper {
	margin-right: calc(-1 * var(--spacing-def));
	padding-right: var(--spacing-def);
}

.brand-sns-swiper .thumb-sns-post .thumb-box {
	width: 100%;
	position: relative;
}

.brand-sns-swiper .thumb-sns-post .thumb-box img {
	width: 100%;
	height: 100%;
}

.brand-sns-swiper .thumb-sns-post .thumb-box .more-picture-num {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
	text-align: center;
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 23px;
}

.brand-sns-swiper .thumb-sns-post > .info-box {
	margin-top: var(--spacing-3xs);
}

.brand-sns-swiper .thumb-sns-post > .info-box .sns-id {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 21px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 21px;
	line-height: 21px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.brand-sns-swiper .thumb-sns-post > .info-box .sns-desc {
	margin-top: 7px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	height: 38px;
	max-height: 38px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.brand-sns-swiper .thumb-sns-post .lcont-box .grid-item.thumb-prod-row .thumb-prod-inner .info-box .badge-wrap {
	margin: var(--spacing-2xs) 0 0;
}

.brand-sns-swiper .thumb-sns-post .lcont-box .grid-item.thumb-prod-row .thumb-prod-inner .info-box .review-cnt-wrap {
	margin-top: var(--spacing-4xs);
}

.brand-sns-swiper .thumb-sns-post .lcont-box .grid-item.thumb-prod-row .thumb-prod-inner + .thumb-prod-inner {
	margin-top: var(--spacing-3xs);
}

/* 브랜드관 세일즈타입 */
.brand-sales-visual-wrap {
	position: relative;
}

.brand-sales-visual-wrap .swiper {
	padding-bottom: 20px;
}

.brand-sales-visual-wrap .swiper .swiper-wrapper {
	height: 150.6060606061vw;
}

.brand-sales-visual-wrap .swiper .swiper-wrapper .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	height: 100%;
	position: relative;
}

.brand-sales-visual-wrap .swiper .swiper-wrapper .swiper-slide .thumb-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.brand-sales-visual-wrap .swiper .swiper-wrapper .swiper-slide .video-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.brand-sales-visual-wrap .swiper .swiper-wrapper .swiper-slide .video-box video {
	width: 100%;
	height: 100%;
}

.brand-sales-visual-wrap .swiper .swiper-wrapper .swiper-slide .text-box {
	padding-right: var(--spacing-md);
	padding-left: var(--spacing-md);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	z-index: 1;
}

.brand-sales-visual-wrap .swiper .swiper-wrapper .swiper-slide .text-box .title {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 38px;
	color: #000;
}

.brand-sales-visual-wrap .swiper .swiper-wrapper .swiper-slide .text-box .sub-text {
	margin-top: var(--spacing-xs);
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	color: rgba(0, 0, 0, 0.8);
}

.brand-sales-visual-wrap .swiper .swiper-wrapper .swiper-slide.type-header-white .text-box {
	color: #fff;
}

.brand-sales-visual-wrap .swiper .swiper-wrapper .swiper-slide.type-header-white .text-box .brand-name {
	color: rgba(255, 255, 255, 0.85);
}

.brand-sales-visual-wrap .swiper .swiper-wrapper .swiper-slide.type-header-white .text-box .title {
	color: #fff;
}

.brand-sales-visual-wrap .swiper .swiper-wrapper .swiper-slide.type-header-white .text-box .sub-text {
	color: rgba(255, 255, 255, 0.85);
}

.brand-sales-visual-wrap .swiper:not(.no-control) .swiper-wrapper {
	height: 150.6060606061vw;
}

.brand-sales-visual-wrap .swiper:not(.no-control) .swiper-wrapper .swiper-slide {
	width: calc(100% - 20px);
}

.brand-sales-visual-wrap .swiper:not(.no-control) .swiper-wrapper .swiper-slide .text-box {
	opacity: 0;
}

.brand-sales-visual-wrap .swiper:not(.no-control) .swiper-wrapper .swiper-slide .text-box .title {
	opacity: 0;
	-moz-transform: translate(0, 16px);
	-webkit-transform: translate(0, 16px);
	transform: translate(0, 16px);
}

.brand-sales-visual-wrap .swiper:not(.no-control) .swiper-wrapper .swiper-slide .text-box .sub-text {
	opacity: 0;
	-moz-transform: translate(0, 10px);
	-webkit-transform: translate(0, 10px);
	transform: translate(0, 10px);
}

.brand-sales-visual-wrap .swiper:not(.no-control) .swiper-wrapper .swiper-slide.swiper-slide-active .text-box {
	opacity: 1;
}

.brand-sales-visual-wrap .swiper:not(.no-control) .swiper-wrapper .swiper-slide.swiper-slide-active .text-box .title {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-moz-transition: all 1.3s 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	-webkit-transition: all 1.3s 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	transition: all 1.3s 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.brand-sales-visual-wrap .swiper:not(.no-control) .swiper-wrapper .swiper-slide.swiper-slide-active .text-box .sub-text {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-moz-transition: all 1s 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	-webkit-transition: all 1s 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	transition: all 1s 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.brand-sales-visual-wrap .swiper:not(.no-control) .swiper-pagination {
	position: absolute;
	width: auto;
	padding: 11px 19px 12px;
	bottom: 0;
	right: 20px;
	left: unset;
	color: rgba(255, 255, 255, 0.6);
	background: #000;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
}

.brand-sales-visual-wrap .swiper:not(.no-control) .swiper-pagination .swiper-pagination-current {
	color: #fff;
}

.brand-sales-visual-wrap .swiper:not(.no-control) .swiper-pagination .swiper-pagination-current,
.brand-sales-visual-wrap .swiper:not(.no-control) .swiper-pagination .swiper-pagination-total {
	display: inline-block;
	vertical-align: top;
}

.time-sale-wrap {
	position: relative;
	padding-top: var(--spacing-3xl);
	padding-bottom: var(--spacing-3xl);
}

.time-sale-wrap .cont-title-wrap {
	margin-bottom: 0;
}

.time-sale-wrap .cont-title-wrap .cont-title-eng-sm {
	width: 100%;
	color: rgba(255, 255, 255, 0.6);
	text-align: center;
	font-size: 30px;
}

.time-sale-wrap .cont-inner .swiper {
	margin-right: calc(-1 * var(--spacing-def));
	padding-right: var(--spacing-def);
}

.time-sale-wrap .cont-inner .swiper .swiper-slide .time-sale-count {
	margin-bottom: var(--spacing-def);
	width: 100%;
	font-size: 40px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 40px;
	color: #fff;
	text-align: center;
}

.time-sale-wrap .cont-inner .swiper .swiper-slide .thumb-box {
	position: relative;
	width: 100%;
	padding-top: 138.125%;
}

.time-sale-wrap .cont-inner .swiper .swiper-slide .thumb-box img {
	position: absolute;
	height: 100%;
	top: 0;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-o-object-fit: contain;
	object-fit: contain;
}

.time-sale-wrap .cont-inner .swiper .swiper-slide .thumb-box .info-box {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	width: calc(100% - 20px);
	padding: 25px var(--spacing-def);
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.85);
	color: #fff;
}

.time-sale-wrap .cont-inner .swiper .swiper-slide .thumb-box .info-box .prod-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.time-sale-wrap .cont-inner .swiper .swiper-slide .thumb-box .info-box .prod-price .percent {
	margin-right: var(--spacing-min);
	font-weight: 600;
}

.time-sale-wrap .cont-inner .swiper .swiper-slide .thumb-box .info-box .prod-price .price-group:not(.origin) {
	margin-right: 5px;
}

.time-sale-wrap .cont-inner .swiper .swiper-slide .thumb-box .info-box .prod-price .price-group:not(.origin) .val,
.time-sale-wrap .cont-inner .swiper .swiper-slide .thumb-box .info-box .prod-price .price-group:not(.origin) .unit {
	color: #fff;
}

.time-sale-wrap .cont-inner .swiper .swiper-slide .thumb-box .info-box .prod-price .price-group.origin .val,
.time-sale-wrap .cont-inner .swiper .swiper-slide .thumb-box .info-box .prod-price .price-group.origin .unit {
	color: #666;
}

.time-sale-wrap .time-sale-swiper-group {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	overflow: hidden;
}

.time-sale-wrap .time-sale-swiper-group .time-sale-swiper-left {
	width: 860px;
	overflow: hidden;
}

.time-sale-wrap .time-sale-swiper-group .time-sale-swiper-left .swiper {
	width: 100%;
}

.time-sale-wrap .time-sale-swiper-group .time-sale-swiper-left .swiper .swiper-slide-prev {
	transform: translateX(170px);
}

.time-sale-wrap .time-sale-swiper-group .time-sale-swiper-left .swiper .swiper-slide-active {
	transform: translateX(170px);
}

.time-sale-wrap .time-sale-swiper-group .time-sale-swiper-left .swiper .swiper-slide-active ~ .swiper-slide {
	transform-origin: top left;
	transform: translateX(170px);
}

.time-sale-wrap .time-sale-swiper-group .time-sale-swiper-left .swiper .swiper-slide-next {
	transform: translateX(60px);
}

.time-sale-wrap .time-sale-swiper-group .time-sale-swiper-left .swiper .swiper-slide-next ~ .swiper-slide {
	transform-origin: top left;
	transform: translateX(60px);
}

.time-sale-wrap .time-sale-swiper-group .time-sale-info {
	flex: 1 0 0;
	text-align: center;
	color: #fff;
}

.time-sale-wrap .time-sale-swiper-group .time-sale-info .time-sale-count {
	font-size: 90px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	font-weight: 400;
	letter-spacing: -0.01em;
}

.time-sale-wrap .time-sale-swiper-group .time-sale-info .prod-title {
	margin-top: var(--spacing-xl);
	font-size: 15px;
	letter-spacing: -0.025em;
	line-height: 21px;
}

.time-sale-wrap .time-sale-swiper-group .time-sale-info .prod-price {
	margin-top: var(--spacing-xs);
}

.time-sale-wrap .time-sale-swiper-group .time-sale-info .prod-price .percent,
.time-sale-wrap .time-sale-swiper-group .time-sale-info .prod-price .price-group .val,
.time-sale-wrap .time-sale-swiper-group .time-sale-info .prod-price .price-group .unit {
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.time-sale-wrap .time-sale-swiper-group .time-sale-info .prod-price .percent {
	margin-right: var(--spacing-min);
}

.time-sale-wrap .time-sale-swiper-group .time-sale-info .prod-price .price-group.origin {
	margin-right: var(--spacing-5xs);
}

.time-sale-wrap .time-sale-swiper-group .time-sale-info .prod-price .price-group.origin .val,
.time-sale-wrap .time-sale-swiper-group .time-sale-info .prod-price .price-group.origin .unit {
	color: #fff;
}

.time-sale-wrap .time-sale-swiper-group .time-sale-info .prod-price .price-group:not(.origin) .val,
.time-sale-wrap .time-sale-swiper-group .time-sale-info .prod-price .price-group:not(.origin) .unit {
	font-weight: 400;
	color: #666;
	text-decoration: line-through;
}

.time-sale-wrap .time-sale-swiper-group .time-sale-swiper-right {
	width: 520px;
	margin-right: -200px;
	overflow: hidden;
}

.time-sale-wrap .time-sale-swiper-group .swiper-navigation {
	left: 800px;
	top: 660px;
}

.time-sale-wrap .time-deal-bg-list {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.time-sale-wrap .time-deal-bg-list:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 2;
}

.time-sale-wrap .time-deal-bg-list .time-deal-bg-item .blur-img-box {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	opacity: 0;
	top: 0;
	overflow: hidden;
}

.time-sale-wrap .time-deal-bg-list .time-deal-bg-item .blur-img-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-moz-filter: blur(20px);
	-webkit-filter: blur(20px);
	filter: blur(20px);
	-o-object-fit: cover;
	object-fit: cover;
}

.time-sale-wrap .time-deal-bg-list .time-deal-bg-item.active .blur-img-box {
	opacity: 1;
}

.sales-promotion-wrap .sales-promotion-banner {
	position: relative;
	height: 450px;
	padding-right: 20px;
	padding-left: 20px;
}

.sales-promotion-wrap .sales-promotion-banner .sales-promotion-bnr-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-o-object-position: top;
	object-position: top;
	-o-object-fit: cover;
	object-fit: cover;
	z-index: -2;
}

.sales-promotion-wrap .sales-promotion-banner .cont-title-wrap {
	padding-top: 150px;
}

.sales-promotion-wrap .sales-promotion-banner .cont-title-wrap .cont-title-eng-sm {
	width: 100%;
	text-align: center;
	color: #fff;
}

.sales-promotion-wrap .sales-promotion-banner .cont-title-wrap .stext-sm {
	text-align: center;
	color: rgba(255, 255, 255, 0.8);
}

.sales-promotion-wrap .sales-promotion-banner:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 450px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

.sales-promotion-wrap .sales-promotion-prod {
	margin-top: -72px;
}

.sales-signature-series-wrap {
	background: #000;
	padding-top: var(--spacing-3xl);
	padding-bottom: var(--spacing-3xl);
	overflow: hidden;
}

.sales-signature-series-wrap .cont-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.sales-signature-series-wrap .cont-inner .cont-title-wrap {
	flex-direction: column;
	align-items: flex-start;
	flex-shrink: 0;
	margin-right: auto;
}

.sales-signature-series-wrap .cont-inner .cont-title-wrap .cont-title-eng-sm {
	color: #fff;
}

.sales-signature-series-wrap .cont-inner .cont-title-wrap .stext-sm {
	width: auto;
	color: rgba(255, 255, 255, 0.8);
}

.sales-signature-series-wrap .cont-inner .swiper-auto-wrap {
	margin-left: 26px;
	padding-left: 0;
}

.sales-signature-series-wrap .cont-inner .swiper-auto-wrap .signature-series-list .signature-series-item {
	width: 120px;
	height: 166px;
}

.sales-signature-series-wrap .cont-inner .swiper-auto-wrap .signature-series-list .signature-series-item .link-signature-series {
	display: inline-block;
	vertical-align: top;
}

.sales-signature-series-wrap .cont-inner .swiper-auto-wrap .signature-series-list .signature-series-item .link-signature-series .signature-series-title {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 26px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 26px;
	color: #fff;
}

.sales-signature-series-wrap .cont-inner .swiper-auto-wrap .signature-series-list .signature-series-item ~ .signature-series-item {
	margin-left: var(--spacing-3xs);
}

.highlight-clip-wrap .video-area {
	position: relative;
	width: 100%;
}

.highlight-clip-wrap .video-area .video-control-box {
	position: relative;
	width: 100%;
}

.highlight-clip-wrap .video-area .video-control-box video {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.highlight-clip-wrap .clip-title {
	margin-top: var(--spacing-xs);
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.highlight-clip-wrap .clip-sub-desc {
	margin-top: 7px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.brand-sales-service-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	position: relative;
	margin-left: var(--spacing-def);
}

.brand-sales-service-wrap .img-box {
	position: relative;
}

.brand-sales-service-wrap .img-box .cont-title-wrap {
	position: absolute;
	right: var(--spacing-md);
	left: var(--spacing-md);
	bottom: 55px;
	text-align: left;
}

.brand-sales-service-wrap .img-box .cont-title-wrap .cont-title-eng-sm {
	color: #fff;
}

.brand-sales-service-wrap .img-box .cont-title-wrap .stext-sm {
	color: rgba(255, 255, 255, 0.8);
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.brand-sales-service-wrap .btn-wrap {
	margin-top: -25px;
	position: relative;
	z-index: 1;
}

.styling-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--spacing-xl) var(--spacing-min);
	margin: 0 calc(var(--spacing-def) * -1);
}

.styling-list li {
	position: relative;
	width: calc(50% - var(--spacing-min) / 2);
}

.styling-list li .video-box,
.styling-list li .img-box {
	width: 100%;
	height: auto;
	aspect-ratio: 179/224;
	overflow: hidden;
	text-align: center;
}

.styling-list li .video-box video,
.styling-list li .video-box img,
.styling-list li .img-box video,
.styling-list li .img-box img {
	width: 100%;
	height: 100%;
}

.styling-list li .text-box {
	margin: var(--spacing-2xs) 0 0 var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 19px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.styling-detail .brand-sns-swiper .thumb-sns-post > .thumb-box,
.styling-detail .brand-sns-swiper .thumb-sns-post > .video-box {
	width: 100%;
	height: auto;
	aspect-ratio: 300/375;
	overflow: hidden;
}

.styling-detail .brand-sns-swiper .thumb-sns-post > .thumb-box img,
.styling-detail .brand-sns-swiper .thumb-sns-post > .thumb-box video,
.styling-detail .brand-sns-swiper .thumb-sns-post > .video-box img,
.styling-detail .brand-sns-swiper .thumb-sns-post > .video-box video {
	width: 100%;
	height: 100%;
}

.styling-detail .brand-sns-swiper .swiper .swiper-slide {
	width: 100%;
}

.styling-detail .look-book-detail-wrap {
	margin: 0 calc(var(--spacing-def) * -1) var(--spacing-5xl);
}

.styling-detail .look-book-detail-wrap .look-book-img-swiper .swiper .swiper-wrapper .swiper-slide .thumb-box,
.styling-detail .look-book-detail-wrap .look-book-img-swiper .swiper .swiper-wrapper .swiper-slide .video-box {
	width: 100%;
	height: auto;
	aspect-ratio: 360/448;
	overflow: hidden;
}

.styling-detail .look-book-detail-wrap .look-book-img-swiper .swiper .swiper-wrapper .swiper-slide .video-box video {
	width: 100%;
	height: 100%;
}

.styling-detail .look-book-detail-wrap .look-book-img-gallery-swiper {
	bottom: -80px;
}

.styling-detail .look-book-detail-wrap .look-book-img-gallery-swiper .swiper-wrapper .swiper-slide {
	width: 60px;
	height: 60px;
}

/* 브랜드관 브랜드타입 */
.brand-visual-wrap {
	position: sticky;
	top: 0;
	height: 155.5555555556vw;
}

@media screen and (max-height: 559px) {
	.brand-visual-wrap {
		position: static;
		top: unset;
	}
}
.brand-visual-wrap .swiper {
	height: 100%;
}

.brand-visual-wrap .swiper .swiper-slide {
	position: relative;
	height: 100%;
}

.brand-visual-wrap .swiper .swiper-slide .thumb-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.brand-visual-wrap .swiper .swiper-slide .video-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.brand-visual-wrap .swiper .swiper-slide .video-box video {
	width: 100%;
	height: 100%;
}

.brand-visual-wrap .swiper .swiper-slide .text-box {
	width: 100%;
	position: absolute;
	bottom: 75px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
	opacity: 0;
	text-align: center;
}

.brand-visual-wrap .swiper .swiper-slide .text-box .title {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 38px;
	color: #000;
	opacity: 0;
	-moz-transform: translate(0, 16px);
	-webkit-transform: translate(0, 16px);
	transform: translate(0, 16px);
}

.brand-visual-wrap .swiper .swiper-slide .text-box .sub-text {
	margin-top: var(--spacing-xs);
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	color: #000;
	opacity: 0;
	-moz-transform: translate(0, 10px);
	-webkit-transform: translate(0, 10px);
	transform: translate(0, 10px);
}

.brand-visual-wrap .swiper .swiper-slide.swiper-slide-active .text-box {
	opacity: 1;
}

.brand-visual-wrap .swiper .swiper-slide.swiper-slide-active .text-box .title {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-moz-transition: all 1.3s 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	-webkit-transition: all 1.3s 0.25s cubic-bezier(0.16, 1, 0.3, 1);
	transition: all 1.3s 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.brand-visual-wrap .swiper .swiper-slide.swiper-slide-active .text-box .sub-text {
	opacity: 1;
	-moz-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-moz-transition: all 1s 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	-webkit-transition: all 1s 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	transition: all 1s 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.brand-visual-wrap .swiper .swiper-slide.type-header-white .text-box {
	color: #fff;
}

.brand-visual-wrap .swiper .swiper-slide.type-header-white .text-box .brand-name {
	color: rgba(255, 255, 255, 0.85);
}

.brand-visual-wrap .swiper .swiper-slide.type-header-white .text-box .title {
	color: #fff;
}

.brand-visual-wrap .swiper .swiper-slide.type-header-white .text-box .sub-text {
	color: rgba(255, 255, 255, 0.85);
}

.brand-visual-wrap .swiper-floating-box {
	position: absolute;
	left: 50%;
	bottom: 30px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	z-index: 1;
}

.brand-visual-wrap .swiper-floating-box .swiper-pagination {
	white-space: nowrap;
	width: auto;
	margin-right: var(--spacing-2xs);
	position: relative;
	top: auto;
	bottom: auto;
	left: auto;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: rgba(0, 0, 0, 0.6);
}

.brand-visual-wrap .swiper-floating-box .swiper-pagination .swiper-pagination-current {
	color: #000;
}

.brand-visual-wrap .swiper-floating-box .autoplay-progress {
	position: relative;
	z-index: 10;
	width: 100px;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.3);
}

.brand-visual-wrap .swiper-floating-box .autoplay-progress svg {
	--progress: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	stroke-width: 2px;
	stroke: #000;
	fill: none;
	stroke-dashoffset: calc(100 * (1 - var(--progress)));
	stroke-dasharray: 100;
}

.brand-visual-wrap:has(.swiper-slide-active.type-header-white) .swiper-floating-box .swiper-pagination {
	color: rgba(255, 255, 255, 0.6);
}

.brand-visual-wrap:has(.swiper-slide-active.type-header-white) .swiper-floating-box .swiper-pagination .swiper-pagination-current {
	color: #fff;
}

.brand-visual-wrap:has(.swiper-slide-active.type-header-white) .swiper-floating-box .autoplay-progress {
	background-color: rgba(255, 255, 255, 0.3);
}

.brand-visual-wrap:has(.swiper-slide-active.type-header-white) .swiper-floating-box .autoplay-progress svg {
	stroke: #fff;
}

.brand-visual-wrap ~ .cont-box {
	position: relative;
	z-index: 28;
	background-color: #fff;
}

.brand-issue-swiper-wrap .swiper {
	margin-right: calc(var(--spacing-def) * -1);
	padding-right: var(--spacing-def);
}

.brand-issue-swiper-wrap .swiper .brand-issue-wrap .thumb-box {
	position: relative;
	width: 100%;
	padding-top: 125%;
}

.brand-issue-swiper-wrap .swiper .brand-issue-wrap .thumb-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 0;
	top: 0;
}

.brand-issue-swiper-wrap .swiper .brand-issue-wrap .thumb-box:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 320px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
}

.brand-issue-swiper-wrap .swiper .brand-issue-wrap .text-box {
	position: absolute;
	left: 0;
	padding-right: 24px;
	padding-left: 24px;
	bottom: 55px;
}

.brand-issue-swiper-wrap .swiper .brand-issue-wrap .text-box .title {
	font-size: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 28px;
	color: #fff;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 56px;
	line-height: 28px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.brand-issue-swiper-wrap .swiper .brand-issue-wrap .text-box .sub-title {
	margin-top: 7px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.8);
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.brand-issue-swiper-wrap .btn-wrap {
	position: relative;
	height: 50px;
	margin-top: -25px;
	z-index: 1;
}

.brand-issue-swiper-wrap .btn-wrap [class^=btn-] {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.brand-issue-swiper-wrap .btn-wrap [class^=btn-].active {
	z-index: 2;
}

.personal-recommend-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-right: calc(var(--spacing-def) * -1);
	padding-right: var(--spacing-def);
	overflow: hidden;
}

.personal-recommend-wrap .recommend-left-area {
	width: 130px;
	flex-shrink: 0;
}

.personal-recommend-wrap .recommend-left-area .behavior-history-info-box {
	width: 100%;
	margin-top: 7px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.personal-recommend-wrap .recommend-left-area .behavior-history-info-box .name {
	display: inline-block;
	vertical-align: top;
}

.personal-recommend-wrap .recommend-left-area .prod-img-box {
	margin-top: var(--spacing-def);
	position: relative;
	width: 80px;
	height: 80px;
	border-radius: 40px;
	overflow: hidden;
}

.personal-recommend-wrap .recommend-left-area .prod-img-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-o-object-fit: cover;
	object-fit: cover;
}

.personal-recommend-wrap .recommend-right-area {
	margin-left: var(--spacing-xs);
	margin-right: calc(var(--spacing-def) * -1);
	padding-right: var(--spacing-def);
	flex: 1;
	overflow: hidden;
}

.video-cont-box {
	position: relative;
	padding-top: var(--spacing-4xl);
}

.video-cont-box .cont-inner {
	position: absolute;
	top: calc(var(--spacing-4xl) + var(--spacing-3xl));
	left: 0;
}

.video-cont-box .cont-inner .cont-title-wrap {
	position: relative;
}

.video-cont-box .cont-inner .cont-title-wrap .cont-title-eng-sm,
.video-cont-box .cont-inner .cont-title-wrap .stext-sm {
	color: #fff;
}

.video-cont-box .cont-inner .video-area {
	width: 100%;
	margin-top: 111px;
}

.video-cont-box .cont-inner .video-area .video-control-box {
	position: relative;
	width: 100%;
}

.video-cont-box .cont-inner .video-area .video-control-box video {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.thumb-coordination {
	position: relative;
}

.thumb-coordination .thumb-box {
	position: relative;
	width: 100%;
	padding-top: 125%;
	overflow: hidden;
}

.thumb-coordination .thumb-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	left: 0;
	top: 0;
}

.thumb-coordination .thumb-box:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 320px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
}

.thumb-coordination .info-box {
	position: absolute;
	left: 0;
	right: 0;
	padding-right: 24px;
	padding-left: 24px;
	bottom: 40px;
}

.thumb-coordination .info-box .coordination-name {
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	color: #fff;
}

.thumb-coordination .info-box .coordination-num {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.85);
}

.thumb-coordination .info-box .btn-wrap {
	position: relative;
	z-index: 2;
}

.brand-look-book-swiper .swiper-wrapper .swiper-slide {
	width: 93.75%;
	transform-origin: top left;
	-moz-transition: transform 0.2s ease-out;
	-webkit-transition: transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
}

.brand-look-book-swiper .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
	-moz-transform: scale(0.6533);
	-webkit-transform: scale(0.6533);
	transform: scale(0.6533);
}

.brand-look-book-swiper .swiper-wrapper .swiper-slide:not(.swiper-slide-active) .info-box {
	display: none;
}

.brand-event-banner-wrap {
	position: relative;
	height: 450px;
}

.brand-event-banner-wrap .img-brand-event-banner-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: unset;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-o-object-fit: cover;
	object-fit: cover;
}

.brand-event-banner-wrap .banner-info-group {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
}

.brand-event-banner-wrap .banner-info-group:not(.aos-init) {
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.brand-event-banner-wrap .banner-info-group .title {
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	color: #fff;
}

.brand-event-banner-wrap .banner-info-group .sub-title {
	margin-top: 11px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.8);
}

[class^=cont-] .cont-inner .swiper.swiper-slide-width.best-item-swiper {
	padding-right: calc(var(--spacing-3xl));
}

.ico-star {
	width: 11px;
	height: 11px;
	background: url("../images/common/comm_ico_star_h11.svg") 0 0 no-repeat;
	background-size: cover;
}

.ico-polygon {
	width: 14px;
	height: 14px;
	background: url("../images/common/comm_ico_polygon_check_h14.svg") 0 0 no-repeat;
	background-size: cover;
}

.theme-halls-title-cont-box {
	margin-top: calc(var(--spacing-3xl) * -1);
}

.theme-halls-title-cont-box .theme-halls-thumb-wrap {
	position: relative;
}

.theme-halls-title-cont-box .theme-halls-thumb-wrap .cont-title-wrap {
	position: absolute;
	left: 20px;
	bottom: 40px;
	z-index: 1;
	color: #fff;
}

.codi-cont-box {
	overflow: hidden;
}

.codi-cont-box .codi-cont-wrap {
	width: 100%;
	position: relative;
	padding: var(--spacing-3xl) 0;
}

.codi-cont-box .codi-cont-wrap .cont-title-wrap {
	color: #fff;
}

.codi-cont-box .codi-cont-wrap .themes-codi-swiper-wrap .swiper {
	margin-left: var(--spacing-3xs);
}

.codi-cont-box .codi-cont-wrap .themes-codi-swiper-wrap .thumb-box:before {
	content: "";
	position: absolute;
	display: inline-block;
	height: 54px;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	z-index: 1;
	pointer-events: none;
}

.codi-cont-box .codi-cont-wrap .themes-codi-swiper-wrap .info-box {
	color: #fff;
}

.codi-cont-box .codi-cont-wrap .themes-codi-swiper-wrap .codi-product-list {
	display: flex;
	flex-direction: row;
	gap: var(--spacing-5xs);
	margin-top: var(--spacing-xs);
}

.codi-cont-box .codi-cont-wrap .themes-codi-swiper-wrap .codi-product-list .codi-product-item {
	width: 60px;
}

.codi-cont-box .codi-cont-wrap .themes-codi-swiper-wrap .codi-product-list .codi-product-item img {
	width: 100%;
}

.codi-cont-box .codi-cont-wrap .themes-codi-swiper-wrap .badge-pro {
	position: absolute;
	right: 12px;
	bottom: 226px;
	z-index: 10;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--spacing-min);
}

.codi-cont-box .codi-cont-wrap .themes-codi-swiper-wrap .badge-pro .pro-name {
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 15px;
	color: #fff;
}

.codi-cont-box .logo-box .brand-logo {
	position: absolute;
	bottom: 277px;
	z-index: 10;
}

.codi-cont-box .logo-box .brand-logo.prev-active {
	z-index: 11;
}

.codi-cont-box .logo-box .brand-logo.active {
	z-index: 12;
	animation: opacityActive 0.5s linear;
}

.codi-cont-box .golf-codi-bg {
	width: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
}

.codi-cont-box .golf-codi-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.codi-cont-box .golf-codi-bg::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	-moz-backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	position: absolute;
	left: 0;
	top: 0;
}

.codi-cont-box .golf-codi-bg::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.6;
	position: absolute;
}

.tline-white {
	border-top: 1px solid #fff;
}

.tline-white .btn-round-arr-right {
	width: 100%;
	padding-top: var(--spacing-xs);
}

.tline-white .btn-round-arr-right .text {
	color: #fff;
}

.tline-white .btn-round-arr-right .text:after {
	background: #fff;
}

.best-item-swiper .swiper-slide .best-item-list {
	display: flex;
	flex-direction: column;
}

.best-item-swiper .swiper-slide .best-item-list .thumb-prod ~ .thumb-prod {
	border-top: 1px solid rgba(229, 229, 229, 0.6);
	padding-top: var(--spacing-2xs);
	margin-top: var(--spacing-2xs);
}

.best-item-swiper .swiper-slide .best-item-list .thumb-prod {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--spacing-3xs);
	padding-right: var(--spacing-3xs);
}

.best-item-swiper .swiper-slide .best-item-list .thumb-prod .best-no {
	font-size: 26px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 26px;
	width: 28px;
	text-align: center;
}

.best-item-swiper .swiper-slide .best-item-list .thumb-prod .prod-info-box {
	width: 100%;
}

.tab-content.choice {
	margin-top: var(--spacing-lg);
}

.tab-content.choice .thumb-box {
	margin: 0 calc(var(--spacing-def) * -1);
	position: relative;
}

.tab-content.choice .thumb-box img {
	width: 100%;
}

.tab-content.choice .info-area {
	width: 100%;
	position: relative;
}

.tab-content.choice .info-area .info-box {
	width: 100%;
	margin-top: calc((var(--spacing-3xl) + var(--spacing-min)) * -1);
	padding: var(--spacing-def);
	box-sizing: border-box;
	background-color: #000;
	color: #fff;
	opacity: 0.85;
}

.tab-content.choice .info-area .info-box .prod-info-top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.tab-content.choice .info-area .info-box .prod-info-top .prod-brand {
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
	color: #aaa;
}

.tab-content.choice .info-area .info-box .prod-info-top .review-total-info {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--spacing-6xs);
}

.tab-content.choice .info-area .info-box .prod-info-top .review-total-info .ico-star {
	margin-bottom: var(--spacing-min);
}

.tab-content.choice .info-area .info-box .prod-info-top .review-total-info .val {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
}

.tab-content.choice .info-area .prod-info-bottom {
	margin-top: var(--spacing-6xs);
}

.tab-content.choice .info-area .prod-info-bottom .prod-title {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.tab-content.choice .info-area .prod-info-bottom .prod-price .price-group .val,
.tab-content.choice .info-area .prod-info-bottom .prod-price .price-group .unit {
	color: #fff;
}

.tab-content.choice .info-area .prod-info-bottom .prod-price .price-group.origin {
	margin-left: var(--spacing-5xs);
}

.tab-content.choice .info-area .prod-info-bottom .prod-price .price-group.origin .val,
.tab-content.choice .info-area .prod-info-bottom .prod-price .price-group.origin .unit {
	color: #999;
}

.tab-content.choice .info-area .prod-info-bottom .badge-wrap {
	margin-top: var(--spacing-2xs);
}

.tab-content.choice .info-area .prod-info-bottom .badge-wrap .badge {
	background: #fe4400;
}

.tab-content.choice .info-area .prod-info-bottom .badge-wrap .badge .text {
	color: #fff;
}

.tab-content.choice .swiper-nav-wrap {
	margin-top: var(--spacing-md);
}

.tab-content.choice .swiper-nav-wrap .swiper-slide {
	width: calc(100% - var(--spacing-3xs));
	height: auto;
}

.tab-content.choice .swiper-nav-wrap .swiper-slide .review-item {
	display: block;
	padding: var(--spacing-5xs) var(--spacing-5xs) var(--spacing-5xs) var(--spacing-xs);
	height: 100%;
}

.tab-content.choice .swiper-nav-wrap .swiper-slide .review-item .badge-md-wrap {
	margin: calc(var(--spacing-5xs) * -1) 0 var(--spacing-5xs);
}

.tab-content.choice .swiper-nav-wrap .swiper-slide .review-item .cont-box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: var(--spacing-3xs);
	align-items: center;
}

.tab-content.choice .swiper-nav-wrap .swiper-slide .review-item .cont-box .review-contents {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 57px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
	width: 100%;
	flex: 1;
}

.tab-content.choice .swiper-nav-wrap .swiper-slide .review-item .cont-box .review-photo-box {
	width: 54px;
	display: block;
}

.benefit-banner-swiper {
	width: 100%;
	overflow: hidden;
}

.benefit-banner-swiper img {
	width: 100%;
}

.promotion-wrap .swiper .swiper-wrapper .swiper-slide .thumb-box {
	position: relative;
}

.promotion-wrap .swiper .swiper-wrapper .swiper-slide .thumb-box .promotion-content-box {
	position: absolute;
	left: 24px;
	bottom: 36px;
	z-index: 1;
}

.promotion-wrap .swiper .swiper-wrapper .swiper-slide .thumb-box .promotion-content-box .promotion-title-wrap {
	margin-bottom: var(--spacing-lg);
}

.promotion-wrap .swiper .swiper-wrapper .swiper-slide .thumb-box .promotion-content-box .promotion-title-wrap .promotion-title {
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: var(--spacing-3xs);
}

.promotion-wrap .swiper .swiper-wrapper .swiper-slide .thumb-box .promotion-content-box .promotion-title-wrap .promotion-sub-title {
	color: #fff;
	opacity: 0.8;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.promotion-wrap .swiper .swiper-wrapper .swiper-slide .thumb-box .promotion-content-box .promotion-product-list {
	display: flex;
	flex-direction: row;
	gap: var(--spacing-5xs);
}

.promotion-wrap .swiper .swiper-wrapper .swiper-slide .thumb-box .promotion-content-box .promotion-product-list .promotion-product-item {
	width: 60px;
}

.promotion-wrap .swiper .swiper-wrapper .swiper-slide .thumb-box .promotion-content-box .promotion-product-list .promotion-product-item:nth-child(2) {
	border-radius: 2px;
	overflow: hidden;
}

.promotion-wrap .swiper .swiper-wrapper .swiper-slide .thumb-box .promotion-content-box .promotion-product-list .promotion-product-item .prod-link {
	display: block;
	width: 100%;
}

.short-content-wrap .swiper.w180 .swiper-slide {
	width: 180px;
}

.short-content-wrap .swiper.w180 .swiper-slide .thumb-box {
	position: relative;
}

.short-content-wrap .swiper.w180 .swiper-slide .thumb-box .badge-play-time {
	display: inline-block;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #fff;
	background-color: #000;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	vertical-align: center;
	padding: var(--spacing-5xs) var(--spacing-3xs) var(--spacing-5xs) var(--spacing-5xs);
	display: flex;
	gap: var(--spacing-min);
	align-items: center;
}

.short-content-wrap .swiper.w180 .swiper-slide .thumb-box .badge-play-time:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../images/common/comm_ico_white_shorts_play_btn.svg) 0 0 no-repeat;
	background-size: cover;
}

.short-content-wrap .swiper.w180 .swiper-slide .shorts-title {
	text-transform: uppercase;
	margin-top: var(--spacing-3xs);
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.brand-theme-banner-box {
	width: 100%;
}

.brand-theme-banner-box .link-view-more {
	display: block;
}

.brand-theme-banner-box .link-view-more img {
	width: 100%;
}

.ui-dialog.dialog-full.dialog-banner-full-view .dialog-header {
	padding-bottom: var(--spacing-def);
}

.ui-dialog.dialog-full.dialog-banner-full-view .dialog-body {
	padding-top: 0 !important;
}

.ui-dialog.dialog-full.dialog-banner-full-view .dialog-inner .cont-inner {
	padding: 0 !important;
}

.ui-dialog.dialog-full.dialog-banner-full-view .dialog-inner .banner-list .banner-item {
	width: 100%;
	position: relative;
}

.ui-dialog.dialog-full.dialog-banner-full-view .dialog-inner .banner-list .banner-item .banner-link {
	width: 100%;
}

.ui-dialog.dialog-full.dialog-banner-full-view .dialog-inner .banner-list .banner-item .banner-link .img-box {
	position: relative;
}

.ui-dialog.dialog-full.dialog-banner-full-view .dialog-inner .banner-list .banner-item .banner-link .img-box::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
}

.ui-dialog.dialog-full.dialog-banner-full-view .dialog-inner .banner-list .banner-item .banner-link .main-banner-title-wrap {
	color: #fff;
	width: 100%;
	padding: 0 var(--spacing-md);
	box-sizing: border-box;
	position: absolute;
	bottom: 51px;
	text-transform: uppercase;
}

.ui-dialog.dialog-full.dialog-banner-full-view .dialog-inner .banner-list .banner-item .banner-link .main-banner-title-wrap .banner-title {
	font-size: 32px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 37px;
	margin-bottom: var(--spacing-xs);
	word-break: keep-all;
	word-wrap: break-word;
}

.ui-dialog.dialog-full.dialog-banner-full-view .dialog-inner .banner-list .banner-item .banner-link .main-banner-title-wrap .banner-sub-title {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

.member-grade-info-title-area {
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
}

.member-grade-info-title-area .name-box .customer-name {
	color: #fe4400;
}

.member-grade-info-title-area .member-grade-box {
	margin-top: var(--spacing-6xs);
}

.barcode-area {
	margin-top: var(--spacing-def);
}

.barcode-area .point-text .point-count {
	margin-left: var(--spacing-6xs);
}

.barcode-area .point-coupon-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.barcode-area .point-coupon-text .coupon-text::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 var(--spacing-3xs);
	background-color: #e5e5e5;
	vertical-align: middle;
}

.barcode-area .barcode-btn {
	width: 100%;
}

.barcode-area .barcode-btn .img-box img {
	height: 100px;
}

.store-list-wrap .grid-list .grid-item .store-map-box {
	display: none;
}

.store-list-wrap .grid-list .grid-item.active .store-map-box {
	display: block;
}

.barcode-box .barcode-content {
	transform: rotate(270deg) translateX(-50%) scale(1.5);
}

.barcode-box .barcode-content img {
	width: 100%;
}

.quick-menu-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-3xs);
}

.quick-menu-list .quick-menu-item {
	position: relative;
	text-align: center;
}

.quick-menu-list .quick-menu-item .thumb-box {
	border-radius: 50%;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.quick-menu-list .quick-menu-item .thumb-box img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.quick-menu-list .quick-menu-item .text {
	margin-top: var(--spacing-5xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
}

.quick-menu-wrap {
	margin-right: 0;
}

.quick-menu-wrap .quick-menu-list {
	margin: 0 var(--spacing-def);
	justify-content: flex-start;
	gap: 0;
}

.quick-menu-wrap .quick-menu-list .quick-menu-item {
	margin-right: 10px;
	flex: 0 0 auto;
}

.quick-menu-wrap .quick-menu-list .quick-menu-item .thumb-box {
	width: 66px;
	height: 66px;
}

.quick-menu-wrap .quick-menu-list .quick-menu-item:last-child {
	margin-right: var(--spacing-def);
}

.tooltip-box {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.grid-list.col3by2 {
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: var(--spacing-def) var(--spacing-6xs);
}

.instayiling-detail-wrap .instayiling-thumb-area .swiper-wrapper .swiper-slide {
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	background: #000;
}

.instayiling-detail-wrap .instayiling-thumb-area .swiper-wrapper .swiper-slide img,
.instayiling-detail-wrap .instayiling-thumb-area .swiper-wrapper .swiper-slide object,
.instayiling-detail-wrap .instayiling-thumb-area .swiper-wrapper .swiper-slide embed {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.instayiling-detail-wrap .instayiling-thumb-area .swiper-wrapper .swiper-slide img,
.instayiling-detail-wrap .instayiling-thumb-area .swiper-wrapper .swiper-slide object,
.instayiling-detail-wrap .instayiling-thumb-area .swiper-wrapper .swiper-slide embed {
	object-fit: cover;
}

.instayiling-detail-wrap .instayiling-thumb-area .instayiling-id {
	margin-top: var(--spacing-def);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	color: #999;
}

.instayiling-detail-wrap .instayiling-thumb-area .instayiling-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	margin-top: var(--spacing-5xs);
}

.instayiling-detail-wrap .instayiling-info-area {
	margin-top: var(--spacing-xl);
}

.instayiling-detail-wrap .instayiling-info-area .instayiling-related-img-swiper {
	margin-right: calc(var(--spacing-def) * -1);
	padding-right: var(--spacing-def);
}

.instayiling-detail-wrap .instayiling-info-area .instayiling-related-img-swiper > .swiper-wrapper > .swiper-slide {
	width: 232px;
}

.cont-title-wrap ~ .gnb-d-theme-swiper {
	margin-top: var(--spacing-def);
}

.theme-bnr-cont-box {
	padding-bottom: 25px;
}

.theme-bnr-cont-box .cont-title-eng-xs {
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
	opacity: 0.3;
}

.theme-bnr-cont-box .theme-banner-wrap .tab-img-wrap > .tabs .tab-item .tab-img {
	width: 56px;
	height: 56px;
	border-radius: 0;
}

.theme-bnr-cont-box .theme-banner-wrap .tab-img-wrap > .tabs .tab-item .tab-img::before, .theme-bnr-cont-box .theme-banner-wrap .tab-img-wrap > .tabs .tab-item .tab-img::after {
	border: 0;
}

.theme-bnr-cont-box .theme-banner-wrap .tab-img-wrap > .tabs .tab-item .tab-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.theme-bnr-cont-box .theme-banner-wrap .tab-img-wrap > .tabs .tab-item + .tab-item {
	margin-left: var(--spacing-3xs);
}

.theme-bnr-cont-box .theme-banner-wrap .tab-img-wrap .tab-content {
	margin-top: var(--spacing-def);
	position: relative;
}

.theme-bnr-cont-box .theme-banner-wrap .tab-img-wrap .tab-content > .btn-link {
	bottom: -25px;
}

.theme-bnr-cont-box .theme-banner-wrap .tab-img-wrap .tab-content .img-box {
	position: relative;
}

.theme-bnr-cont-box .theme-banner-wrap .tab-img-wrap .tab-content .img-box:before {
	content: "";
	position: absolute;
	display: inline-block;
	height: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	z-index: 1;
	pointer-events: none;
}

.theme-bnr-cont-box .theme-banner-wrap .tab-img-wrap .tab-content .info-box {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	padding: 0 var(--spacing-md) 56px var(--spacing-md);
	z-index: 2;
}

.theme-bnr-cont-box .theme-banner-wrap .tab-img-wrap .tab-content .info-box .brand-name {
	font-size: 44px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 44px;
}

.theme-bnr-cont-box .theme-banner-wrap .tab-img-wrap .tab-content .info-box .desc {
	margin-top: var(--spacing-6xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.theme-bnr-cont-box .theme-banner-wrap .tab-img-wrap .tab-content .btn-theme-read-more {
	position: absolute;
	bottom: -25px;
	z-index: 3;
}

.theme-quick-menu-wrap {
	position: relative;
}

.theme-quick-menu-wrap .theme-quick-menu-list {
	border-top: 1px solid #000;
}

.theme-quick-menu-wrap .theme-quick-menu-list .row {
	display: flex;
	justify-content: flex-start;
	border-bottom: 1px solid #000;
}

.theme-quick-menu-wrap .theme-quick-menu-list .row .theme-link {
	display: flex;
	align-items: center;
	gap: var(--spacing-3xs);
	width: 50%;
	padding: var(--spacing-3xs) 0;
}

.theme-quick-menu-wrap .theme-quick-menu-list .row .theme-link .img-box {
	flex: 0 0 50px;
	height: 68px;
}

.theme-quick-menu-wrap .theme-quick-menu-list .row .theme-link .img-box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.theme-quick-menu-wrap .theme-quick-menu-list .row .theme-link .text {
	padding-right: var(--spacing-def);
	font-size: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 28px;
	overflow: hidden;
	display: block;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.theme-quick-menu-wrap .theme-quick-menu-list .row .theme-link .text.eng {
	font-size: 26px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 26px;
}

.hot-issue-cont-box {
	position: relative;
}

.hot-issue-cont-box .hot-issue-swiper {
	position: relative;
	margin-left: var(--spacing-3xs);
}

.hot-issue-cont-box .hot-issue-swiper:not(.no-control) .swiper-wrapper .swiper-slide {
	width: 93.75%;
}

.hot-issue-cont-box .hot-issue-swiper .grid-item.thumb-exhibit .thumb-exhibit-inner .info-box {
	margin-top: var(--spacing-xs);
}

.hot-issue-cont-box .hot-issue-swiper .grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-title {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.hot-issue-cont-box .hot-issue-swiper .grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-desc {
	margin-top: var(--spacing-5xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.hot-issue-cont-box .hot-issue-swiper .grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-desc.multi-line {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	height: 30px;
	max-height: 30px;
	line-height: 15px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.hot-issue-cont-box .swiper.w300 .swiper-slide {
	width: 300px !important;
}

.hot-issue-cont-box .logo-box .brand-logo {
	position: absolute;
	bottom: 74px;
	z-index: 10;
	width: 50px;
	height: 50px;
}

.hot-issue-cont-box .logo-box .brand-logo.prev-active {
	z-index: 11;
}

.hot-issue-cont-box .logo-box .brand-logo.active {
	z-index: 12;
	animation: opacityActive 0.5s linear;
}

.d-day-swiper .swiper-wrapper .swiper-slide {
	width: 300px;
}

.d-day-swiper .timer {
	position: absolute;
	top: 341px;
	left: 0;
	z-index: 8;
	background-color: #000;
	width: 136px;
	padding: var(--spacing-4xs) 0;
	color: #fff;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
	text-align: center;
}

.d-day-swiper .timer em.end {
	color: #fe4400;
}

.d-day-swiper .timer span:after {
	content: " : ";
	display: inline-block;
}

.d-day-swiper .timer span:first-of-type::after, .d-day-swiper .timer span:last-of-type::after {
	color: #000;
}

.d-day-swiper .grid-item.thumb-exhibit .thumb-exhibit-inner .info-box {
	margin-top: var(--spacing-xs);
}

.d-day-swiper .grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-title {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 22px;
	line-height: 22px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.d-day-swiper .grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-desc {
	margin-top: var(--spacing-5xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 21px;
	line-height: 21px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.d-day-swiper .grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .btn-wrap {
	margin-top: var(--spacing-def);
}

.personal-recommend-box {
	background: #1d1e2e;
	color: #fff;
	padding: var(--spacing-3xl) 0 var(--spacing-3xl) var(--spacing-def);
	overflow: hidden;
}

.personal-recommend-box .cont-title-wrap {
	flex-direction: column;
	align-items: flex-start;
}

.personal-recommend-box .cont-title-wrap .personal-recommend-desc {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
	margin-top: var(--spacing-5xs);
	word-break: keep-all;
}

.personal-recommend-box .personal-recommend-swiper {
	margin-top: var(--spacing-lg);
	padding-right: var(--spacing-def);
}

.personal-recommend-box .personal-recommend-swiper .grid-item.thumb-prod .thumb-prod-inner {
	background: transparent;
}

.personal-recommend-box .personal-recommend-swiper .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-price .price-group .val,
.personal-recommend-box .personal-recommend-swiper .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-price .price-group .unit {
	color: #fff;
}

.theme-discover-box {
	background: #f0f0f0;
	padding: var(--spacing-3xl) 0;
}

.theme-discover-box .tab-content {
	position: relative;
	margin-top: var(--spacing-lg);
}

.theme-discover-box .tab-content .discover-content {
	overflow-x: scroll;
	overflow-y: hidden;
	display: flex;
	gap: var(--spacing-3xs);
	margin-left: var(--spacing-3xs);
}

.theme-discover-box .tab-content .discover-content .left-area .thumb-box {
	position: relative;
	width: 250px;
	height: 312px;
	box-sizing: border-box;
	z-index: 8;
}

.theme-discover-box .tab-content .discover-content .left-area .thumb-box img {
	width: 100%;
	height: 312px;
}

.theme-discover-box .tab-content .discover-content .left-area .thumb-box .video-area {
	position: relative;
	width: 100%;
}

.theme-discover-box .tab-content .discover-content .left-area .thumb-box .video-area .video-control-box {
	position: relative;
	width: 250px;
	height: 312px;
	position: relative;
	overflow: hidden;
}

.theme-discover-box .tab-content .discover-content .left-area .thumb-box .video-area .video-control-box video {
	display: inline-block;
	position: absolute;
	height: 100%;
	left: 50%;
	transform: translateX(-50%);
	object-fit: contain;
	vertical-align: top;
}

.theme-discover-box .tab-content .discover-content .right-area .discover-list {
	display: grid;
	gap: var(--spacing-3xs);
	grid-auto-flow: column;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
}

.theme-discover-box .tab-content .discover-content .right-area .discover-list .discover-item {
	position: relative;
	width: 109px;
	height: 151px;
	padding-top: 138%;
}

.theme-discover-box .tab-content .discover-content .right-area .discover-list .discover-item img {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.theme-discover-box .tab-content .brand-logo {
	position: absolute;
	top: 256px;
	left: -10px;
	width: 56px;
	height: 56px;
	z-index: 9;
}

.theme-discover-box .tab-content .info-box {
	margin: var(--spacing-xs) 0 0 var(--spacing-3xs);
}

.theme-discover-box .tab-content .info-box .title {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.theme-discover-box .tab-content .info-box .desc {
	margin-top: var(--spacing-5xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.brand-introduce-banner-wrap {
	position: relative;
}

.brand-introduce-banner-wrap .img-box {
	position: relative;
}

.brand-introduce-banner-wrap .img-box:after {
	content: "";
	position: absolute;
	display: inline-block;
	height: 200px;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.brand-introduce-banner-wrap .introduce-text-box {
	position: absolute;
	padding: 0 var(--spacing-xl);
	left: 0;
	right: 0;
	bottom: var(--spacing-2xl);
	text-align: center;
}

.brand-introduce-banner-wrap .introduce-text-box .logo-area img {
	height: 36px;
	filter: invert(1);
}

.brand-introduce-banner-wrap .introduce-text-box .title {
	color: #fff;
	margin-top: var(--spacing-xs);
	font-size: 40px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 40px;
}

.brand-introduce-banner-wrap .introduce-text-box .desc {
	color: rgba(255, 255, 255, 0.85);
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.brand-introduce-box .text-box .subject {
	color: #aaa;
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
}

.brand-introduce-box .text-box .subject + .title {
	margin-top: var(--spacing-6xs);
}

.brand-introduce-box .text-box .subject + .desc {
	margin-top: var(--spacing-3xs);
}

.brand-introduce-box .text-box .title {
	font-size: 22px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 30px;
}

.brand-introduce-box .text-box .title.en {
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
	text-transform: uppercase;
}

.brand-introduce-box .text-box .title + .desc {
	margin-top: var(--spacing-def);
}

.brand-introduce-box .text-box .desc {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.brand-introduce-box .swiper {
	margin-top: var(--spacing-2xl);
}

.brand-introduce-box .swiper .swiper-slide .video-control-box {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
}

.brand-introduce-box .swiper .swiper-slide video {
	height: 100%;
	object-fit: cover;
}

.brand-introduce-box .sub-visual-box {
	margin-top: var(--spacing-lg);
}

.brand-introduce-box .sub-visual-box .text-box {
	display: flex;
}

.brand-introduce-box .sub-visual-box .text-box .subject {
	flex: 0 0 var(--spacing-5xl);
}

.brand-introduce-box .sub-visual-box .text-box .title-area {
	flex: 1;
}

.brand-introduce-box .sub-visual-box .img-box {
	margin-top: var(--spacing-lg);
	padding-left: var(--spacing-5xl);
}

.brand-introduce-box.main {
	margin-top: var(--spacing-2xl);
}

.brand-introduce-box.main .swiper {
	margin-right: calc(var(--spacing-def) * -1);
}

.brand-introduce-box.main .swiper .swiper-pagination {
	margin-left: calc(var(--spacing-3xs) * -1);
}

.brand-introduce-box.sub-main {
	position: relative;
	margin-top: var(--spacing-2xl);
}

.brand-introduce-box.sub-main .background-box {
	position: absolute;
	height: 138.889vw;
	left: 0;
	right: 0;
	top: 96px;
}

.brand-introduce-box.sub-main .background-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.brand-introduce-box.sub-main .background-box:after {
	content: "";
	position: absolute;
	display: inline-block;
	background: rgba(0, 0, 0, 0.6);
	-moz-backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.brand-introduce-box.sub-main .visual-box,
.brand-introduce-box.sub-main .sub-visual-box {
	position: relative;
	z-index: 1;
}

.brand-introduce-box.sub-main .visual-box {
	margin-right: calc(var(--spacing-def) * -1);
}

.brand-introduce-box.sub-main .visual-box img {
	max-width: 100%;
}

.brand-introduce-box.sub-main .sub-visual-box .text-box .title,
.brand-introduce-box.sub-main .sub-visual-box .text-box .desc {
	color: #fff;
}

.brand-introduce-box .brand-identity-box {
	margin-top: var(--spacing-4xl);
	text-align: center;
}

.brand-introduce-box .brand-identity-box .logo-box img {
	height: 42px;
}

.brand-introduce-box .brand-identity-box .text-box {
	margin-top: var(--spacing-def);
}

.brand-introduce-wrap {
	margin-top: var(--spacing-2xs);
}

.brand-introduce-wrap .brand-introduce-box:nth-child(odd) .swiper {
	margin-right: calc(var(--spacing-def) * -1);
}

.brand-introduce-wrap .brand-introduce-box:nth-child(odd) .swiper .swiper-pagination {
	margin-left: calc(var(--spacing-3xs) * -1);
}

.brand-introduce-wrap .brand-introduce-box:nth-child(even) .swiper {
	margin-left: calc(var(--spacing-def) * -1);
}

.brand-introduce-wrap .brand-introduce-box:nth-child(even) .swiper .swiper-pagination {
	margin-left: var(--spacing-3xs);
}

.brand-introduce-wrap .brand-introduce-box + .brand-introduce-box {
	margin-top: var(--spacing-4xl);
}

.brand-category-swiper {
	margin-right: calc(var(--spacing-def) * -1);
}

.brand-category-swiper .swiper-pagination {
	margin-left: calc(var(--spacing-3xs) * -1);
}

.choose-service-box .brand-service-list-area {
	margin-top: var(--spacing-3xs);
}

.choose-service-box .brand-service-list-area .item {
	position: relative;
}

.choose-service-box .brand-service-list-area .item .btn-link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--spacing-6xs);
}

.choose-service-box .brand-service-list-area .item .btn-link .text,
.choose-service-box .brand-service-list-area .item .btn-link .desc {
	color: #fff;
}

.choose-service-box .brand-service-list-area .item .btn-link .text {
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
}

.choose-service-box .brand-service-list-area .item .btn-link .desc {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.choose-service-box .brand-service-list-area .item + .item {
	margin-top: var(--spacing-3xs);
}

.how-to-use-it-box .tab-round-wrap {
	margin-top: var(--spacing-3xs);
}

.how-to-use-it-box .tab-round-wrap .tab-content {
	margin-top: var(--spacing-lg);
}

.how-to-use-it-box .tab-round-wrap .tab-content .btn-wrap {
	margin-top: var(--spacing-lg);
}

.service-step-area .service-step-list .step-item {
	position: relative;
	display: flex;
	gap: var(--spacing-2xs);
}

.service-step-area .service-step-list .step-item img,
.service-step-area .service-step-list .step-item .step-info {
	position: relative;
	z-index: 1;
}

.service-step-area .service-step-list .step-item img {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
}

.service-step-area .service-step-list .step-item .step-info {
	margin-top: var(--spacing-5xs);
}

.service-step-area .service-step-list .step-item .step-info .step-no {
	color: rgba(0, 0, 0, 0.3);
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 14px;
}

.service-step-area .service-step-list .step-item .step-info .step-name {
	margin-top: var(--spacing-min);
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.service-step-area .service-step-list .step-item .step-info .step-desc {
	color: #666;
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.service-step-area .service-step-list .step-item + .step-item {
	padding-top: var(--spacing-def);
}

.service-step-area .service-step-list .step-item:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
	background-size: 1px 4px, 1px 100%;
	left: 24px;
	top: 0;
	bottom: 0;
}

.service-step-area .service-step-list .step-item:last-child:before {
	height: 20px;
	bottom: unset;
}

.tennis-guide-tab-wrap {
	position: relative;
	padding-top: 102px;
}

.tennis-guide-tab-wrap > .tabs {
	position: absolute;
	width: 100%;
	top: 0;
	display: flex;
	flex-wrap: wrap;
	z-index: 10;
}

.tennis-guide-tab-wrap > .tabs .tab-item {
	flex: 1 1 50%;
}

.tennis-guide-tab-wrap > .tabs .tab-item .tab-link {
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	border: none;
	background: #fff;
	border-top: 1px solid #e5e5e5;
}

.tennis-guide-tab-wrap > .tabs .tab-item:nth-child(even) {
	border-left: 1px solid #e5e5e5;
}

.tennis-guide-tab-wrap > .tabs .tab-item:nth-child(n+3) {
	border-bottom: 1px solid #e5e5e5;
}

.tennis-guide-tab-wrap > .tabs .tab-item.ui-state-active {
	border-color: #000;
}

.tennis-guide-tab-wrap > .tabs .tab-item.ui-state-active .tab-link {
	background: #000;
}

.tennis-guide-tab-wrap > .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #fff;
}

.tennis-guide-tab-wrap > .tabs.viewport-out {
	position: fixed;
	top: 0;
	display: none;
}

.tennis-guide-tab-wrap > .tabs.viewport-out .tab-item {
	flex: 1 0 100%;
	border-left: 0;
}

.tennis-guide-tab-wrap > .tabs.viewport-out .tab-item:nth-child(n+3) {
	border-bottom: 0;
}

.tennis-guide-tab-wrap > .tabs.viewport-out + .btn-tab-select {
	position: sticky;
	display: block;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 11;
}

.tennis-guide-tab-wrap > .tabs.viewport-out.show {
	display: flex;
	top: 50px;
}

.tennis-guide-tab-wrap > .tabs.viewport-out.show + .btn-tab-select:after {
	transform: rotate(0deg);
}

.tennis-guide-tab-wrap .btn-tab-select {
	position: relative;
	display: none;
	height: 50px;
	background: #000;
	text-align: left;
	padding: 0 var(--spacing-xl) 0 var(--spacing-def);
	z-index: 2;
}

.tennis-guide-tab-wrap .btn-tab-select .text {
	color: #fff;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.tennis-guide-tab-wrap .btn-tab-select:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_ico_arw_down_w.svg") 0 0 no-repeat;
	background-size: cover;
	top: 18px;
	right: 20px;
	transform: rotate(-180deg);
	transition: transform 0.23s;
}

.tennis-guide-tab-wrap > .tab-content {
	padding-top: var(--spacing-4xl);
}

.tennis-guide-tab-wrap > .tab-content:first-of-type {
	padding-top: var(--spacing-2xl);
}

.tennis-guide-title-wrap {
	text-align: center;
}

.tennis-guide-title-wrap .prod-desc {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

.tennis-guide-title-wrap .prod-title {
	margin-top: var(--spacing-5xs);
	font-size: 22px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 30px;
}

.tennis-guide-title-wrap .prod-title-en {
	margin-top: var(--spacing-6xs);
	font-size: 40px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 40px;
}

.tennis-guide-title-wrap .prod-sub-desc {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.tennis-guide-sub-title-wrap {
	margin-top: var(--spacing-lg);
	text-align: center;
}

.tennis-guide-sub-title-wrap .prod-sub-title {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.tennis-guide-sub-title-wrap .prod-sub-desc {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.tennis-prod-wrap {
	position: relative;
	margin-top: var(--spacing-lg);
	padding: var(--spacing-xl) 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.tennis-prod-wrap:before {
	content: "";
	position: absolute;
	display: inline-block;
	height: 1px;
	background: #000;
	left: 0;
	right: 0;
	top: 250px;
}

.tennis-prod-wrap .title-area {
	text-align: center;
}

.tennis-prod-wrap .title-area .title {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.tennis-prod-wrap .prod-img-area {
	width: 256px;
	margin: 53px auto 41px;
}

.tennis-prod-wrap .prod-img-area .img-box .tennis-prod-back {
	position: absolute;
	width: 240px;
	transform: rotate(15deg);
	left: 15px;
	top: 6px;
}

.tennis-prod-wrap .prod-img-area .img-box .tennis-prod {
	position: relative;
	z-index: 1;
}

.tennis-prod-wrap .info-area {
	text-align: center;
}

.tennis-prod-wrap .info-area .prod-title {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.tennis-prod-wrap .info-area .prod-price {
	margin-top: var(--spacing-3xs);
}

.tennis-prod-wrap .info-area .prod-price .percent,
.tennis-prod-wrap .info-area .prod-price .price-group .val,
.tennis-prod-wrap .info-area .prod-price .price-group .unit {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.tennis-prod-wrap .info-area .btn-round-arr-right {
	margin-top: var(--spacing-def);
}

.tennis-sec-title-wrap .sec-title {
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
}

.tennis-sec-title-wrap .sec-sub-title {
	margin-top: var(--spacing-6xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.tennis-sec-title-wrap ~ .tennis-sec-title-wrap {
	margin-top: var(--spacing-2xl);
}

.enjoy-tennis-wrap {
	overflow-x: scroll;
	display: flex;
	scroll-snap-type: x mandatory;
	margin-right: calc(var(--spacing-def) * -1);
}

.enjoy-tennis-wrap .item {
	display: flex;
	flex-direction: column;
	flex: 0 0 261px;
	border-left: 1px solid #000;
	padding: 0 var(--spacing-3xs);
	scroll-snap-align: start;
}

.enjoy-tennis-wrap .item .info-box .title {
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
}

.enjoy-tennis-wrap .item .info-box .desc {
	margin-top: var(--spacing-6xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.enjoy-tennis-wrap .item:nth-child(odd) .info-box {
	margin-top: var(--spacing-def);
	margin-bottom: var(--spacing-3xs);
}

.enjoy-tennis-wrap .item:nth-child(even) {
	flex-direction: column-reverse;
}

.enjoy-tennis-wrap .item:nth-child(even) .info-box {
	margin-top: var(--spacing-3xs);
	margin-bottom: var(--spacing-def);
}

.enjoy-tennis-wrap .item:last-child {
	margin-right: var(--spacing-3xs);
}

.how-to-use-wrap {
	margin-top: var(--spacing-3xs);
}

.how-to-use-wrap .map-box {
	height: 180px;
}

.how-to-use-wrap .club-name {
	margin-top: var(--spacing-def);
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
}

.how-to-use-wrap .tbl-info-wrap {
	margin-top: var(--spacing-def);
	padding-top: var(--spacing-md);
	border-top: 1px solid #000;
}

.how-to-use-wrap .tbl-info-wrap .tbl-info tr [class^=ico-] {
	width: 15px;
	height: 15px;
}

.how-to-use-wrap .tbl-info-wrap .tbl-info tr .ico-location {
	background: url("../images/brand/ico_location.svg") 0 0 no-repeat;
	background-size: cover;
}

.how-to-use-wrap .tbl-info-wrap .tbl-info tr .ico-tel {
	background: url("../images/brand/ico_tel.svg") 0 0 no-repeat;
	background-size: cover;
}

.how-to-use-wrap .tbl-info-wrap .tbl-info tr .ico-time {
	background: url("../images/brand/ico_time.svg") 0 0 no-repeat;
	background-size: cover;
}

.how-to-use-wrap .tbl-info-wrap .tbl-info tr td {
	font-weight: 400;
}

.how-to-use-wrap .tbl-info-wrap .tbl-info tr td .link-text {
	margin-left: 0;
}

.tennis-lesson-img-wrap {
	margin-top: var(--spacing-def);
	overflow-x: scroll;
	display: flex;
	scroll-snap-type: x mandatory;
	margin-right: calc(var(--spacing-def) * -1);
}

.tennis-lesson-img-wrap .img-box {
	flex: 0 0 240px;
	margin-right: var(--spacing-3xs);
	scroll-snap-align: start;
}

.tennis-lesson-img-wrap .img-box:last-child {
	margin-right: var(--spacing-def);
}

.court-banner-wrap {
	position: relative;
}

.court-banner-wrap .court-text-box {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	top: var(--spacing-4xl);
}

.court-banner-wrap .court-text-box .img-title {
	height: 68px;
}

.court-banner-wrap .court-text-box .desc {
	color: #fff;
	margin-top: var(--spacing-xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.lcc-tab-wrap {
	margin-top: -111px;
}

.lcc-tab-wrap .tabs {
	display: flex;
	justify-content: center;
}

.lcc-tab-wrap .tabs .tab-item .tab-link {
	border-color: #fff;
}

.lcc-tab-wrap .tabs .tab-item .tab-link .tab-text {
	color: #fff;
}

.lcc-tab-wrap .tabs .tab-item.ui-state-active .tab-link {
	background: #fff;
}

.lcc-tab-wrap .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #000;
}

.lcc-tab-wrap .tab-content {
	position: relative;
	margin-top: var(--spacing-lg);
}

.lcc-tab-wrap .tab-content:before, .lcc-tab-wrap .tab-content:after {
	content: "";
	position: absolute;
	display: inline-block;
}

.lcc-tab-wrap .tab-content:before {
	width: 1px;
	background: #000;
	left: 40px;
	top: 0;
	bottom: 0;
}

.lcc-tab-wrap .tab-content:after {
	width: 30px;
	height: 30px;
	border: 1px solid #000;
	border-radius: 50%;
	left: 25px;
	bottom: 20px;
}

.lcc-tab-wrap .tab-content .semester-comment-box {
	margin-top: var(--spacing-lg);
	padding-top: var(--spacing-lg);
	background: url("../images/brand/brand_tennis_semester_quote.jpg") no-repeat center top;
	background-size: 16px 14px;
	text-align: center;
}

.lcc-tab-wrap .tab-content .semester-comment-box .comment {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
}

.lcc-tab-wrap .tab-content .semester-comment-box .semester-name {
	color: #666;
	margin-top: var(--spacing-2xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.lcc-tab-wrap .tab-content .img-box.img-left {
	width: 55.556vw;
	margin-top: var(--spacing-xl);
}

.lcc-tab-wrap .tab-content .img-box.img-right {
	width: 47.222vw;
	margin: -36.111vw var(--spacing-def) 0 auto;
}

.look-banner-wrap {
	position: relative;
}

.look-banner-wrap .cont-title-eng-lg {
	position: absolute;
	color: #fff;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

.look-banner-wrap .logo {
	position: absolute;
	display: inline-block;
	left: 50%;
	bottom: var(--spacing-def);
	transform: translateX(-50%);
}

.look-banner-wrap .logo [class*=ico-brand-logo] {
	background: #fff;
}

.tennis-guide-marquee .marquee-wrap .marquee-item {
	height: 23px;
	margin: 13px 8px 16px;
}

.tennis-guide-marquee .marquee-wrap .marquee-item .text {
	display: inline-block;
	padding: 3px 48px 0 0;
	background: url("../images/brand/brand_tennis_ball.jpg") no-repeat right top;
	background-size: 32px;
	font-size: 24px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
}

.tennis-membership-wrap {
	padding: var(--spacing-4xl) 0;
	background: url("../images/brand/brand_tennis_membership_bg.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
}

.tennis-membership-wrap .benefit-list {
	padding: 0 var(--spacing-3xs);
}

.tennis-membership-wrap .benefit-list .item {
	display: flex;
	align-items: center;
	gap: var(--spacing-def);
}

.tennis-membership-wrap .benefit-list .item img {
	width: 72px;
}

.tennis-membership-wrap .benefit-list .item + .item {
	margin-top: var(--spacing-def);
	padding-top: var(--spacing-def);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.visual-swiper-cont-box {
	position: relative;
}

.visual-swiper-cont-box .swiper-slide > img {
	width: 100%;
}

.visual-swiper-cont-box .swiper-navigation {
	font-size: 0;
}

.visual-swiper-cont-box .swiper-navigation .swiper-prev,
.visual-swiper-cont-box .swiper-navigation .swiper-next {
	position: absolute;
	width: 40px;
	height: 40px;
	background: transparent;
	top: 50%;
	z-index: 2;
}

.visual-swiper-cont-box .swiper-navigation .swiper-prev::before,
.visual-swiper-cont-box .swiper-navigation .swiper-next::before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url("../images/common/comm_ico_swiper_btn_arr_white_h40.svg") 0 0 no-repeat;
	background-size: cover;
}

.visual-swiper-cont-box .swiper-navigation .swiper-next {
	right: 0;
}

.visual-swiper-cont-box .swiper-navigation .swiper-next::before {
	transform: rotate(180deg);
}

.visual-swiper-cont-box .ucustom-prod-box {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: var(--spacing-2xl) 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.visual-swiper-cont-box .ucustom-prod-box .cont-title-wrap .cont-title-eng {
	color: #fff;
}

.visual-swiper-cont-box .ucustom-prod-box .uniform-box {
	position: relative;
	width: 250px;
	height: 300px;
	background: #fff;
}

.visual-swiper-cont-box .ucustom-prod-box .uniform-box .uniform-prod-img {
	position: absolute;
	top: 40px;
	left: 25px;
}

.visual-swiper-cont-box .ucustom-prod-box .uniform-box .uniform-prod-name {
	text-align: right;
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 15px;
}

.visual-swiper-cont-box .ucustom-prod-box .ico-brand-logo-umbro-white {
	width: 54px;
	height: 36px;
	background: #fff;
	-webkit-mask-image: url("../images/brand/ico_brand_logo_umbro_w.svg");
	mask-image: url("../images/brand/ico_brand_logo_umbro_w.svg");
}

.ucustom-step-area .step-list .step-item {
	position: relative;
	display: flex;
	gap: var(--spacing-2xs);
}

.ucustom-step-area .step-list .step-item img,
.ucustom-step-area .step-list .step-item .step-info {
	position: relative;
	z-index: 1;
}

.ucustom-step-area .step-list .step-item img {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
}

.ucustom-step-area .step-list .step-item .step-info {
	margin-top: var(--spacing-5xs);
}

.ucustom-step-area .step-list .step-item .step-info .step-no {
	color: rgba(0, 0, 0, 0.3);
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 14px;
}

.ucustom-step-area .step-list .step-item .step-info .step-name {
	margin-top: var(--spacing-min);
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.ucustom-step-area .step-list .step-item .step-info .step-desc {
	color: #666;
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.ucustom-step-area .step-list .step-item + .step-item {
	padding-top: var(--spacing-def);
}

.ucustom-step-area .step-list .step-item:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
	background-size: 1px 4px, 1px 100%;
	left: 24px;
	top: 0;
	bottom: 0;
}

.ucustom-step-area .step-list .step-item:last-child:before {
	height: 20px;
	bottom: unset;
}

.ucustom-font-type {
	margin-top: var(--spacing-def);
}

.ucustom-font-type .img-box {
	margin: var(--spacing-4xs) 0 var(--spacing-xs);
}

.design-type-wrap {
	padding: var(--spacing-4xl) 0;
}

.design-type-wrap .cont-title-wrap .right-area .ico-view-more {
	background: #fff;
}

.design-type-wrap .tab-wrap .tabs {
	background: transparent;
}

.design-type-wrap .tab-wrap .tabs .tab-item .tab-link {
	padding: 0;
	background: transparent;
	border: 0;
}

.design-type-wrap .tab-wrap .tabs .tab-item .tab-link .tab-text {
	display: flex;
	margin-right: var(--spacing-2xs);
	gap: var(--spacing-6xs);
	color: rgba(255, 255, 255, 0.3);
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
}

.design-type-wrap .tab-wrap .tabs .tab-item .tab-link .tab-text .hash {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
}

.design-type-wrap .tab-wrap .tabs .tab-item.ui-state-active .tab-link {
	background: transparent;
	border: 0;
}

.design-type-wrap .tab-wrap .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #fff;
	background: transparent;
}

.design-type-wrap .swiper .swiper-wrapper .swiper-slide .thumb-prod-inner {
	background: transparent;
}

.design-type-wrap .swiper .swiper-wrapper .swiper-slide .thumb-prod-inner .prod-title,
.design-type-wrap .swiper .swiper-wrapper .swiper-slide .thumb-prod-inner .price-group .val,
.design-type-wrap .swiper .swiper-wrapper .swiper-slide .thumb-prod-inner .price-group .unit {
	color: #fff;
}

.ucustom-swiper-cont-box .cont-title-wrap {
	align-items: flex-start;
}

.ucustom-swiper-cont-box .swiper {
	margin-right: calc(var(--spacing-def) * -1);
	padding-right: var(--spacing-def);
}

.gradient-bottom-gray {
	background: linear-gradient(to bottom, whitesmoke, white);
}

.gradient-bottom-gray .cont-inner.size-lg {
	padding: 0 var(--spacing-lg);
}

.gradient-bottom-gray .special-benefit-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.gradient-bottom-gray .special-benefit-wrap .cont-title-wrap {
	justify-content: center;
}

.gradient-bottom-gray .special-benefit-wrap .special-benefit-box .special-benefit-item.special-benefit-item {
	margin-top: var(--spacing-lg);
}

.gradient-bottom-gray .special-benefit-wrap .special-benefit-box .special-benefit-item .coupon-thumb-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gradient-bottom-gray .special-benefit-wrap .special-benefit-box .special-benefit-item .coupon-info-box {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.gradient-bottom-gray .special-benefit-wrap .special-benefit-box .special-benefit-item .coupon-info-box .badge-round.badge-benefit {
	padding: calc(var(--spacing-5xs) - 1px) var(--spacing-xs);
	background-color: #fff;
	border: 1px solid #fe4400;
}

.gradient-bottom-gray .special-benefit-wrap .special-benefit-box .special-benefit-item .coupon-info-box .title {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
	text-align: center;
}

.gradient-bottom-gray .special-benefit-wrap .special-benefit-box .special-benefit-item .coupon-info-box .desc {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.gradient-bottom-gray .special-benefit-wrap .coupon-use-method-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background: #f5f5f5;
	padding: var(--spacing-def) 0;
	width: 100%;
}

.shoe-finder-cont-box {
	background: linear-gradient(to bottom, white, rgb(248, 248, 248) 111px, rgb(248, 248, 248) 100%);
}

.shoe-finder-cont-box .cont-title-sm {
	margin-bottom: 22px;
}

.shoe-finder-cont-box .tabs .tab-item .tab-link {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 61px;
}

.shoe-finder-cont-box .tab-content {
	margin-top: var(--spacing-lg);
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .top-area {
	display: flex;
	justify-content: center;
	flex: 0 0 60px;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .top-area .content-control-list {
	display: flex;
	align-items: center;
	gap: var(--spacing-3xs);
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .top-area .content-control-list .btn-content-control {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--spacing-5xs);
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .top-area .content-control-list .btn-content-control.active .img {
	opacity: 1;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .top-area .content-control-list .btn-content-control.active .img:before, .shoe-finder-cont-box .tab-content .shoe-finder-wrap .top-area .content-control-list .btn-content-control.active .img:after {
	opacity: 1;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .top-area .content-control-list .btn-content-control.active .text {
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 15px;
	color: #000;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .top-area .content-control-list .btn-content-control .img {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0.4;
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .top-area .content-control-list .btn-content-control .img:before, .shoe-finder-cont-box .tab-content .shoe-finder-wrap .top-area .content-control-list .btn-content-control .img:after {
	content: "";
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 50%;
	opacity: 0;
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .top-area .content-control-list .btn-content-control .img:before {
	border: 3px solid #fff;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .top-area .content-control-list .btn-content-control .img:after {
	border: 1px solid #000;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .top-area .content-control-list .btn-content-control .text {
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
	color: #999;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area {
	position: relative;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content {
	display: none;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content.active {
	display: block;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper {
	padding: 0 var(--spacing-3xs);
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 var(--spacing-def);
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .thumb-box {
	position: relative;
	width: 100%;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .thumb-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .info-box {
	text-align: center;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .info-box .prod-hash {
	color: #999;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .info-box .prod-title {
	margin-top: var(--spacing-5xs);
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .info-box .prod-price {
	margin-top: var(--spacing-xs);
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .info-box .prod-price .percent {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .info-box .prod-price .price-group {
	display: inline-block;
	margin-left: var(--spacing-6xs);
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .info-box .prod-price .price-group .val,
.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .info-box .prod-price .price-group .unit {
	color: #000;
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .info-box .btn-round-arr-right .text {
	padding-right: calc(var(--spacing-5xs) + 22px);
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper-navigation {
	position: absolute;
	width: calc(100% - 60px);
	padding-top: calc(100% - 60px);
	top: 0;
	left: 30px;
	pointer-events: none;
	height: 30px;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper-navigation .swiper-prev,
.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper-navigation .swiper-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	right: 0;
	width: 30px;
	height: 30px;
	background: transparent;
	pointer-events: all;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper-navigation .swiper-prev::before,
.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper-navigation .swiper-next::before {
	background: url("../images/common/comm_ico_swiper_btn_arr_h30.svg") 0 0 no-repeat;
	background-size: cover;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper-navigation .swiper-prev {
	position: absolute;
	left: -30px;
}

.shoe-finder-cont-box .tab-content .shoe-finder-wrap .bottom-area .control-content .swiper-nav-wrap .swiper-navigation .swiper-next {
	position: absolute;
	right: -30px;
}

.recent-promotion-cont-box .right-area .ico-view-more-w20 {
	width: 20px;
	height: 20px;
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_arr_right_bold_h20.svg");
	mask-image: url("../images/common/comm_ico_arr_right_bold_h20.svg");
}

.pro-golf-bnr-cont-box .img-box {
	position: relative;
}

.pro-golf-bnr-cont-box .img-box .notice-box {
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 47px;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.pro-golf-info-cont-box {
	background: #000;
}

.pro-golf-info-cont-box .pro-golf-info-box {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: var(--spacing-4xl) 0;
	color: #fff;
}

.pro-golf-info-cont-box .pro-golf-info-box .title {
	font-size: 20px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 28px;
}

.pro-golf-info-cont-box .pro-golf-info-box .desc {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.pro-golf-info-cont-box .pro-golf-info-box .info-divide-box {
	margin-top: var(--spacing-lg);
	padding-top: var(--spacing-lg);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.pro-golf-info-cont-box .pro-golf-info-box .info-divide-box .info-item {
	display: flex;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.pro-golf-info-cont-box .pro-golf-info-box .info-divide-box .info-item .info-title {
	flex: 0 0 33px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	margin-right: var(--spacing-def);
}

.pro-golf-info-cont-box .pro-golf-info-box .info-divide-box .info-item + .info-item {
	margin-top: var(--spacing-2xs);
}

.member-benefit-step-list {
	border-top: 1px solid #000;
	padding-top: var(--spacing-md);
}

.member-benefit-step-list .member-benefit-step-item {
	display: flex;
	flex-direction: column;
}

.member-benefit-step-list .member-benefit-step-item + .member-benefit-step-item {
	border-top: 1px solid #e5e5e5;
	padding-top: var(--spacing-md);
	margin-top: var(--spacing-md);
}

.member-benefit-step-list .member-benefit-step-item:first-child .num {
	margin-bottom: var(--spacing-4xs);
}

.member-benefit-step-list .member-benefit-step-item:last-child {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: var(--spacing-md);
}

.member-benefit-step-list .member-benefit-step-item .num {
	font-size: 26px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 26px;
	opacity: 0.3;
	margin-bottom: var(--spacing-def);
}

.member-benefit-step-list .member-benefit-step-item .step-text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.member-benefit-step-list .member-benefit-step-item .step-text .ico-step-arw {
	width: 12px;
	height: 12px;
	background: url("../images/brand/ico_brand_step_arw.svg") 0 0 no-repeat;
	background-size: cover;
	margin-top: var(--spacing-6xs);
}

.member-benefit-step-list .member-benefit-step-item .desc {
	margin-top: var(--spacing-2xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #999;
}

.go-to-brand-cont-box {
	padding-bottom: 25px;
	overflow: hidden;
}

.go-to-brand-cont-box .cont-title-wrap .cont-title-eng .deco-line {
	margin-bottom: 15px;
	display: inline-block;
	width: 93px;
	height: 2px;
	background: #000;
	margin-right: var(--spacing-xs);
}

.go-to-brand-cont-box .swiper {
	overflow: visible;
}

.go-to-brand-cont-box .swiper .swiper-slide {
	position: relative;
}

.go-to-brand-cont-box .swiper .swiper-slide .img-box {
	position: relative;
}

.go-to-brand-cont-box .swiper .swiper-slide .img-box:before {
	content: "";
	position: absolute;
	display: inline-block;
	height: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	z-index: 1;
	pointer-events: none;
}

.go-to-brand-cont-box .swiper .swiper-slide .info-box {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	padding: 0 var(--spacing-md) 56px var(--spacing-md);
	z-index: 2;
}

.go-to-brand-cont-box .swiper .swiper-slide .info-box .brand-bi .ico-brand-logo-dk-golf,
.go-to-brand-cont-box .swiper .swiper-slide .info-box .brand-bi .ico-brand-logo-lecoq-golf {
	background: #fff;
}

.go-to-brand-cont-box .swiper .swiper-slide .info-box .brand-name {
	margin-top: var(--spacing-3xs);
	font-size: 44px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 44px;
}

.go-to-brand-cont-box .swiper .swiper-slide .info-box .desc {
	margin-top: var(--spacing-6xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	opacity: 0.8;
}

.go-to-brand-cont-box .swiper .swiper-slide .btn-theme-read-more {
	position: absolute;
	bottom: -25px;
	z-index: 3;
}

.cs-center-info {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.gray-tline {
	border-top: 1px solid #e5e5e5;
}

.gray-tline .right-area .ico-view-more-w20 {
	width: 20px;
	height: 20px;
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_arr_right_bold_h20.svg");
	mask-image: url("../images/common/comm_ico_arr_right_bold_h20.svg");
}

.gift-bnr-cont-box {
	position: relative;
}

.gift-bnr-cont-box .thumb-box {
	position: relative;
}

.gift-bnr-cont-box .thumb-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gift-bnr-cont-box .info-box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 224px;
	color: #fff;
}

.gift-bnr-cont-box .info-box .title {
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: var(--spacing-3xs);
}

.gift-bnr-cont-box .info-box .info-desc {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	margin-bottom: var(--spacing-3xs);
}

.how-to-gift-cont-box {
	background: #1d1e2e;
	overflow: hidden;
}

.how-to-gift-cont-box .cont-title-wrap {
	flex-direction: column;
	align-items: flex-start;
	color: #fff;
}

.how-to-gift-cont-box .cont-title-wrap .scont-title-sm {
	opacity: 0.85;
	margin-bottom: 0;
}

.how-to-gift-cont-box .swiper .swiper-wrapper .swiper-slide {
	padding: var(--spacing-lg);
	background: #fff;
	display: flex;
	flex-direction: column;
}

.how-to-gift-cont-box .swiper .swiper-wrapper .swiper-slide:last-child .thumb-box {
	margin-top: var(--spacing-def);
}

.how-to-gift-cont-box .swiper .swiper-wrapper .swiper-slide .num {
	font-size: 26px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: var(--spacing-xs);
}

.how-to-gift-cont-box .swiper .swiper-wrapper .swiper-slide .desc {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

.how-to-gift-cont-box .swiper .swiper-wrapper .swiper-slide .thumb-box {
	border: 1px solid #e5e5e5;
	margin-top: var(--spacing-xl);
}

.how-to-gift-cont-box .swiper .swiper-wrapper .swiper-slide .thumb-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.how-to-gift-cont-box .swiper .swiper-pagination {
	background: rgba(255, 255, 255, 0.1);
}

.how-to-gift-cont-box .swiper .swiper-pagination .swiper-pagination-progressbar-fill {
	background: #fff;
}

.for-gift-cont-box .cont-title-wrap {
	flex-direction: column;
	align-items: flex-start;
}

.for-gift-cont-box .for-gift-list {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-3xs);
	color: #fff;
}

.for-gift-cont-box .for-gift-list .for-gift-item {
	position: relative;
}

.for-gift-cont-box .for-gift-list .for-gift-item .thumb-box {
	position: relative;
}

.for-gift-cont-box .for-gift-list .for-gift-item .thumb-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.for-gift-cont-box .for-gift-list .for-gift-item .for-gift-info-box {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.for-gift-cont-box .for-gift-list .for-gift-item .for-gift-info-box .title {
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: calc(var(--spacing-6xs) + 1px);
}

.for-gift-cont-box .for-gift-list .for-gift-item .for-gift-info-box .more-view-btn {
	display: flex;
	align-items: center;
	gap: var(--spacing-6xs);
}

.for-gift-cont-box .for-gift-list .for-gift-item .for-gift-info-box .more-view-btn .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.for-gift-cont-box .for-gift-list .for-gift-item .for-gift-info-box .more-view-btn .ico-arr-right-w {
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_ico_arr_right_15_w.svg") 0 0 no-repeat;
	background-size: cover;
}

.descente-seoul-visual-cont-box {
	padding-top: var(--spacing-2xl);
}

.descente-seoul-visual-cont-box .flex-info-wrap .logo {
	font-size: 44px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 44px;
	color: #fff;
}

.descente-seoul-visual-cont-box .flex-info-wrap .desc {
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 14px;
	color: #fff;
	opacity: 0.6;
}

.descente-seoul-visual-cont-box .info-box {
	margin-top: 290px;
	padding-bottom: var(--spacing-4xl);
	color: #fff;
	word-wrap: break-word;
}

.descente-seoul-visual-cont-box .info-box .title {
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: var(--spacing-def);
}

.descente-seoul-visual-cont-box .info-box .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.6);
	word-break: keep-all;
}

.descente-seoul-visual-cont-box .info-box .text + .text {
	margin-top: var(--spacing-3xs);
}

.store-sales-info-cont-box .store-info-list .store-info-item .cont-title-wrap .badge-round.badge-descente-seoul {
	display: inline-block;
	vertical-align: top;
	height: 24px;
	padding: var(--spacing-5xs) var(--spacing-2xs);
	border-radius: 21px;
	vertical-align: top;
	margin-left: var(--spacing-5xs);
}

.store-sales-info-cont-box .store-info-list .store-info-item .cont-title-wrap .badge-round.badge-descente-seoul.closed {
	background: rgba(0, 0, 0, 0.08);
}

.store-sales-info-cont-box .store-info-list .store-info-item .cont-title-wrap .badge-round.badge-descente-seoul.closed .text {
	color: #999;
}

.store-sales-info-cont-box .store-info-list .store-info-item .cont-title-wrap .badge-round.badge-descente-seoul .text {
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 14px;
}

.store-sales-info-cont-box .store-info-list .store-info-item .location-info {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
}

.store-sales-info-cont-box .store-info-list .store-info-item .operating-hours {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	margin-top: calc(var(--spacing-2xs) + 2px);
}

.store-sales-info-cont-box .store-info-list .store-info-item .btn-md .ico-find-location {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: #fff;
	background: url("../images/brand/ico_find_location.svg") 0 0 no-repeat;
	background-size: cover;
}

.store-sales-info-cont-box .store-info-list .store-info-item .title {
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 24px;
	color: #aaa;
}

.store-sales-info-cont-box .store-info-list .store-info-item .tbl-no-line-wrap.floor-info-wrap {
	border-top: 0;
	border-bottom: 1px solid #000;
}

.store-sales-info-cont-box .store-info-list .store-info-item .tbl-no-line-wrap.floor-info-wrap .tbl-row > thead > tr > th,
.store-sales-info-cont-box .store-info-list .store-info-item .tbl-no-line-wrap.floor-info-wrap .tbl-row > tbody > tr > th {
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
	padding: var(--spacing-xs);
	padding-left: 0;
}

.store-sales-info-cont-box .store-info-list .store-info-item .tbl-no-line-wrap.floor-info-wrap .tbl-row > thead > tr > td,
.store-sales-info-cont-box .store-info-list .store-info-item .tbl-no-line-wrap.floor-info-wrap .tbl-row > tbody > tr > td {
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
	padding: var(--spacing-xs);
}

.store-sales-info-cont-box .store-info-list .store-info-item .tbl-no-line-wrap.floor-info-wrap .tbl-row > thead > tr:first-child > th,
.store-sales-info-cont-box .store-info-list .store-info-item .tbl-no-line-wrap.floor-info-wrap .tbl-row > tbody > tr:first-child > th {
	padding: 0 var(--spacing-xs) var(--spacing-xs) 0;
}

.store-sales-info-cont-box .store-info-list .store-info-item .tbl-no-line-wrap.floor-info-wrap .tbl-row > thead > tr:first-child > td,
.store-sales-info-cont-box .store-info-list .store-info-item .tbl-no-line-wrap.floor-info-wrap .tbl-row > tbody > tr:first-child > td {
	padding: var(--spacing-xs);
	padding-top: 0;
}

.store-sales-info-cont-box .store-info-list .store-info-item .tbl-no-line-wrap.floor-info-wrap .tbl-row > tbody > tr:not(:first-child) > th,
.store-sales-info-cont-box .store-info-list .store-info-item .tbl-no-line-wrap.floor-info-wrap .tbl-row > tbody > tr:not(:first-child) > td {
	border-top: 1px solid #000;
}

.store-sales-info-cont-box .store-info-list .store-info-item .tbl-no-line-wrap.floor-info-wrap .tbl-row > tbody > tr > th {
	border-right: 1px solid #000;
}

.store-graphic-cont-box {
	background: #f5f5f5;
	padding: var(--spacing-4xl) 0;
}

.store-graphic-cont-box .cont-title-wrap .text {
	margin-top: var(--spacing-6xs);
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

.store-graphic-cont-box .store-graphic-wrap .content-control-list {
	display: flex;
	gap: var(--spacing-3xs);
}

.store-graphic-cont-box .store-graphic-wrap .content-control-list .btn-content-control {
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #fff;
}

.store-graphic-cont-box .store-graphic-wrap .content-control-list .btn-content-control.active {
	background: #000;
}

.store-graphic-cont-box .store-graphic-wrap .content-control-list .btn-content-control.active [class^=ico-store-graphic] {
	background: #fff;
}

.store-graphic-cont-box .store-graphic-wrap .content-control-list .btn-content-control [class^=ico-store-graphic] {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #0a104a;
}

.store-graphic-cont-box .store-graphic-wrap .content-control-list .btn-content-control .ico-store-graphic-sports-heritage {
	width: 30px;
	height: 27px;
	-webkit-mask-image: url("../images/brand/brand_descente_seoul_graphic_info01.svg");
	mask-image: url("../images/brand/brand_descente_seoul_graphic_info01.svg");
}

.store-graphic-cont-box .store-graphic-wrap .content-control-list .btn-content-control .ico-store-graphic-functional-beauty {
	width: 30px;
	height: 27px;
	-webkit-mask-image: url("../images/brand/brand_descente_seoul_graphic_info02.svg");
	mask-image: url("../images/brand/brand_descente_seoul_graphic_info02.svg");
}

.store-graphic-cont-box .store-graphic-wrap .content-control-list .btn-content-control .ico-store-graphic-data-science {
	width: 30px;
	height: 27px;
	-webkit-mask-image: url("../images/brand/brand_descente_seoul_graphic_info03.svg");
	mask-image: url("../images/brand/brand_descente_seoul_graphic_info03.svg");
}

.store-graphic-cont-box .store-graphic-wrap .content-control-list .btn-content-control .ico-store-graphic-craftsmanship {
	width: 32px;
	height: 26px;
	-webkit-mask-image: url("../images/brand/brand_descente_seoul_graphic_info04.svg");
	mask-image: url("../images/brand/brand_descente_seoul_graphic_info04.svg");
}

.store-graphic-cont-box .store-graphic-wrap .control-content {
	display: none;
}

.store-graphic-cont-box .store-graphic-wrap .control-content .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.store-graphic-cont-box .store-graphic-wrap .control-content.active {
	display: block;
}

.store-graphic-cont-box .store-graphic-wrap .control-content .info-box .title {
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
	color: #aaa;
}

.store-graphic-cont-box .store-graphic-wrap .control-content .info-box .desc .hash-tag {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.store-graphic-cont-box .store-graphic-wrap .control-content .info-box .desc .hash-tag + .hash-tag {
	margin-left: var(--spacing-3xs);
}

.store-graphic-cont-box .store-graphic-wrap .control-content .info-box .desc .detail-desc {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.store-service-cont-box .swiper .swiper-wrapper .swiper-slide {
	position: relative;
}

.store-service-cont-box .swiper .swiper-wrapper .swiper-slide .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
	text-align: center;
}

.store-service-cont-box .swiper .swiper-wrapper .swiper-slide .quick-menu-link {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 2;
}

.select-other-size-list .select-other-size-item + .select-other-size-item {
	margin-top: var(--spacing-md);
	padding-top: var(--spacing-md);
	border-top: 1px solid #e5e5e5;
}

.select-other-size-list .select-other-size-item:last-child {
	padding-bottom: var(--spacing-md);
	border-bottom: 1px solid #e5e5e5;
}

.select-other-size-list .my-size-manage-box .selected-size {
	display: flex;
	align-items: center;
	font-size: 0;
	margin-bottom: var(--spacing-def);
}

.select-other-size-list .my-size-manage-box .selected-size .badge {
	background: #fe4400;
}

.select-other-size-list .my-size-manage-box .selected-size .badge .text {
	font-size: 10px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 12px;
	color: #fff;
}

.select-other-size-list .my-size-manage-box .selected-size .size-name {
	display: inline-block;
	vertical-align: top;
	margin-left: var(--spacing-5xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.select-other-size-list .my-size-manage-box .selected-size .bar-group {
	margin-left: auto;
}

.select-other-size-list .my-size-manage-box .size-name {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.select-other-size-list .my-size-manage-box .tbl-info-wrap .tbl-info.type-xs th {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.select-other-size-list .my-size-manage-box .tbl-info-wrap .tbl-info.type-xs td {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.personal-content .personal-banner-wrap {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.personal-content .personal-banner-wrap .thumb-box {
	width: 100%;
	height: 100%;
}

.personal-content .personal-banner-wrap .thumb-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.personal-content .personal-banner-wrap .thumb-box .info-box {
	position: absolute;
	left: 30px;
	bottom: 40px;
	z-index: 1;
}

.personal-content .personal-banner-wrap .thumb-box .info-box .ico-descente {
	width: 40px;
	height: 40px;
	background: url("../images/brand/ico_brand_logo_descente_w.svg") 0 0 no-repeat;
	background-size: cover;
}

.personal-content .personal-banner-wrap .thumb-box .info-box .text-box {
	margin-top: var(--spacing-xs);
}

.personal-content .personal-banner-wrap .thumb-box .info-box .text-box .title {
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: var(--spacing-3xs);
	color: #fff;
}

.personal-content .personal-banner-wrap .thumb-box .info-box .text-box .sub-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.85);
}

.personal-content .personal-banner-wrap .thumb-box .info-box .btn-lg.line-white {
	margin-top: var(--spacing-def);
}

.personal-content .personal-banner-wrap .thumb-box::after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 180px;
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
}

.personal-content .text-box .stext-sm ~ .stext-sm {
	margin-top: var(--spacing-3xs);
}

.personal-content .img-wrap {
	margin-top: var(--spacing-def);
}

.personal-content .img-wrap .img-box ~ .img-box {
	margin-top: var(--spacing-3xs);
}

.personal-content .personal-step-content-box .personal-service-text-box {
	margin-top: var(--spacing-2xl);
}

.personal-content .review-wrap .swiper.w272 .swiper-slide {
	width: 272px;
}

.personal-content .review-wrap .swiper.w272 .swiper-slide .reivew-item {
	border-left: 1px solid #000;
	padding: 0 var(--spacing-3xs);
	height: 305px;
}

.personal-content .review-wrap .swiper.w272 .swiper-slide .reivew-item .text {
	margin-top: var(--spacing-xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.personal-content .personal-store-info-wrap {
	margin-top: var(--spacing-def);
}

.personal-content .personal-store-info-wrap .store-name .text {
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: var(--spacing-5xs);
}

.personal-content .personal-store-info-wrap .store-name .sub-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.personal-content .personal-store-info-wrap .store-info {
	border-top: 1px solid #000;
	margin-top: var(--spacing-def);
	padding-top: var(--spacing-md);
}

.personal-content .personal-store-info-wrap .store-info .tbl-info-wrap .tbl-info tr th .info-title {
	display: flex;
	gap: var(--spacing-6xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	color: #666;
}

.personal-content .personal-store-info-wrap .store-info .tbl-info-wrap .tbl-info tr th .info-title [class^=ico-] {
	width: 15px;
	height: 15px;
}

.personal-content .personal-store-info-wrap .store-info .tbl-info-wrap .tbl-info tr th .info-title .ico-location {
	background: url("../images/brand/ico_location.svg") 0 0 no-repeat;
	background-size: cover;
}

.personal-content .personal-store-info-wrap .store-info .tbl-info-wrap .tbl-info tr th .info-title .ico-tel {
	background: url("../images/brand/ico_tel.svg") 0 0 no-repeat;
	background-size: cover;
}

.personal-content .personal-store-info-wrap .store-info .tbl-info-wrap .tbl-info tr th .info-title .ico-time {
	background: url("../images/brand/ico_time.svg") 0 0 no-repeat;
	background-size: cover;
}

.personal-content .personal-store-info-wrap .store-info .tbl-info-wrap .tbl-info tr td {
	font-weight: 400;
}

.personal-content .personal-store-info-wrap .store-info .tbl-info-wrap .tbl-info tr td .link-text {
	margin: 0;
}

.personal-content .personal-reservation-title {
	margin-bottom: var(--spacing-def);
}

.personal-content .personal-reservation-title .cont-title-sm {
	margin-bottom: var(--spacing-5xs);
}

.personal-content .personal-reservation-wrap {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: var(--spacing-lg) 0;
}

.personal-content .personal-reservation-wrap .reservation-box .reservation-list {
	display: grid;
	gap: var(--spacing-6xs);
	grid-template-columns: repeat(auto-fill, minmax(77px, auto));
}

.personal-content .personal-reservation-wrap .reservation-box .reservation-list .reservation-item .ui-box-rdo {
	width: 100%;
}

.personal-content .personal-reservation-wrap .reservation-box .star-text {
	margin-top: var(--spacing-3xs);
}

.personal-content .add-info-box .form-list-lg .form-item .form-cont .ui-col-list .item {
	display: block;
}

.personal-content .add-info-box .form-list-lg .form-item .form-cont .ui-col-list .item .textarea-box {
	margin-top: var(--spacing-xs);
}

.personal-content .add-info-box .form-list-lg .form-item .form-cont .my-size-info-box {
	border: none;
	padding: 0;
}

.personal-content .add-info-box .form-list-lg .form-item .form-cont .my-size-info-box .badge.direct {
	background-color: rgba(102, 102, 102, 0.08);
}

.personal-content .add-info-box .form-list-lg .form-item .form-cont .my-size-info-box .badge.direct .text {
	color: #666;
}

.personal-content .add-info-box .form-list-lg .form-item .form-cont .my-size-info-box .my-size-nodata-wrap {
	text-align: center;
}

.personal-content .add-info-box .form-list-lg .form-item .form-cont .my-size-info-box .my-size-nodata-wrap .btn-wrap.w100 [class^=btn] {
	flex: 0 0 100px;
	white-space: nowrap;
}

.personal-content .info-text-list .check-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	position: relative;
	padding-left: 22px;
	word-break: keep-all;
	word-wrap: break-word;
}

.personal-content .info-text-list .check-text::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/common/common_ico_check.svg) center/cover no-repeat;
	position: absolute;
	left: 0;
	top: 2px;
}

.personal-content .info-text-list .check-text ~ .check-text {
	margin-top: var(--spacing-xs);
}

.personal-content .service-info-wrap .product-info-wrap {
	height: 280px;
	margin-top: var(--spacing-3xs);
}

.personal-content .service-info-wrap .product-info-wrap .product-price-box .product-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.personal-content .service-info-wrap .product-info-wrap .product-price-box .price {
	margin-top: var(--spacing-6xs);
	font-size: 20px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 28px;
}

.personal-content .service-info-wrap .product-info-wrap .product-img-wrap {
	position: relative;
}

.personal-content .service-info-wrap .product-info-wrap .product-img-wrap .img-box {
	width: 360px;
	left: 50%;
	top: -60px;
	transform: translateX(-50%);
}

.personal-content .service-info-wrap .product-info-wrap .product-img-wrap .text {
	font-size: 100px;
	font-family: "Bebas Neue";
	letter-spacing: -0.001em;
	text-align: right;
	color: rgba(0, 0, 0, 0.03);
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: -1;
	line-height: 100px;
}

.personal-content .service-info-wrap .text-box {
	text-align: right;
}

.personal-content .service-info-wrap .text-box .main-text {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.personal-content .service-info-wrap .text-box .sub-text {
	margin-top: var(--spacing-4xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.disc-content .banner-wrap {
	width: 100%;
	padding-bottom: calc(var(--spacing-4xl) * 2);
	position: relative;
}

.disc-content .banner-wrap .img-box {
	width: 100%;
	height: 400px;
	overflow: hidden;
}

.disc-content .banner-wrap .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.disc-content .banner-wrap .banner-desc-box {
	width: 340px;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: var(--spacing-lg);
	box-sizing: border-box;
	color: #fff;
	z-index: 1;
}

.disc-content .banner-wrap .banner-desc-box .title {
	margin-bottom: var(--spacing-xl);
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
}

.disc-content .banner-wrap .banner-desc-box .text {
	padding-top: var(--spacing-xl);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	position: relative;
}

.disc-content .banner-wrap .banner-desc-box .text::before {
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
}

.disc-content .banner-wrap .banner-desc-box::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-moz-backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	z-index: -1;
}

.disc-content .banner-wrap .banner-desc-box::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.85;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.disc-content .disc-info {
	text-align: center;
}

.disc-content .disc-info .ico-disc-logo {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: url(../images/brand/ico_disc_descente_logo.png) center/cover no-repeat;
}

.disc-content .disc-info .info-text-box {
	margin-top: var(--spacing-def);
}

.disc-content .disc-info .info-text-box .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.disc-content .innovation-slide-wrap .swiper.w320 .swiper-wrapper .swiper-slide {
	width: 320px;
}

.disc-content .innovation-slide-wrap .desc-box {
	word-break: keep-all;
	word-wrap: break-word;
}

.disc-content .disc-story-video-wrap .video-area {
	width: 100%;
}

.disc-content .disc-story-video-wrap .video-area .video-box {
	width: 100%;
}

.disc-content .disc-story-video-wrap .video-area .video-box video {
	width: 100%;
}

.disc-content .disc-story-video-wrap .video-area .video-box .video-control-box .btn-video-play .btn-content-box {
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.disc-content .disc-story-video-wrap .video-area .video-box .video-control-box .btn-video-play .btn-content-box .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.85);
	text-align: center;
	display: block;
}

.disc-content .disc-story-video-wrap .video-area .video-box .video-control-box .btn-video-play .btn-content-box .ico-play {
	display: inline-block;
	width: 52px;
	height: 52px;
	background: url("../images/product/ico_play_video.svg") 0 0 no-repeat;
	background-size: cover;
	position: static;
	margin-top: var(--spacing-3xs);
}

.disc-content .disc-story-video-wrap .video-area .video-box .video-control-box .btn-video-play::before {
	background: rgba(0, 0, 0, 0.6);
}

.disc-content .disc-story-video-wrap .video-area .video-box .video-control-box .btn-video-play::after {
	content: "";
	display: none;
}

.disc-content .location-wrap .location-addr {
	margin-top: var(--spacing-def);
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.wrapper .header-wrapper.theme {
	height: 60px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}

.wrapper .header-wrapper.theme .header-inner {
	height: 100%;
	justify-content: space-between;
	align-items: center;
	padding-right: var(--spacing-def);
	padding-left: var(--spacing-def);
	font-size: 0;
}

.wrapper .header-wrapper.theme .header-inner .header-left {
	min-width: 60px;
	margin-right: var(--spacing-2xs);
}

.wrapper .header-wrapper.theme .header-inner .header-left .ico-header-back {
	background: #fff;
}

.wrapper .header-wrapper.theme .header-inner .header-center {
	text-align: center;
	overflow: hidden;
}

.wrapper .header-wrapper.theme .header-inner .header-center .ptitle {
	color: #fff;
	padding-top: 1px;
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 22px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wrapper .header-wrapper.theme .header-inner .header-right {
	min-width: 60px;
	padding-left: var(--spacing-2xs);
}

.wrapper .header-wrapper.theme .header-inner .header-right .btn-open-search-layer {
	width: 22px;
	height: 22px;
	background: #fff;
	-webkit-mask-image: url("../images/common/comm_ico_header_search.svg");
	mask-image: url("../images/common/comm_ico_header_search.svg");
}

.wrapper .header-wrapper.theme .header-inner .header-right .link-cart {
	margin-left: var(--spacing-xs);
}

.wrapper .header-wrapper.theme .header-inner .header-right .link-cart .ico-header-cart {
	background: #fff;
}

.wrapper .header-wrapper.theme .header-inner .header-right .link-cart .ico-header-cart .count {
	color: #000;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.service-cancel-info-wrap .ico-exclm-mark-bk {
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
}

.tbl-no-line-wrap .tbl-row, .tbl-no-line-wrap .tbl-col {
	border-collapse: separate;
}

.tbl-no-line-wrap .tbl-row tr th, .tbl-no-line-wrap .tbl-col tr th,
.tbl-no-line-wrap .tbl-row tr td,
.tbl-no-line-wrap .tbl-col tr td {
	padding: 14px var(--spacing-2xs);
	font-size: 10px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 12px;
	background-color: #fff;
	vertical-align: middle;
}

.tbl-no-line-wrap .tbl-row tr th, .tbl-no-line-wrap .tbl-col tr th {
	font-weight: 600;
}

.tbl-no-line-wrap .tbl-row tr td.is-active, .tbl-no-line-wrap .tbl-col tr td.is-active {
	position: relative;
	font-weight: 500;
	color: #fe4400;
}

.tbl-no-line-wrap .tbl-row tr td.is-active:before, .tbl-no-line-wrap .tbl-col tr td.is-active:before {
	content: "";
	position: absolute;
	left: -1px;
	top: -1px;
	bottom: -1px;
	right: -1px;
	border: 1px solid #bcc6c5;
}

.tbl-no-line-wrap .tbl-row tr td.va-top, .tbl-no-line-wrap .tbl-col tr td.va-top {
	vertical-align: top;
}

.my-info-wrap .my-info-inner {
	overflow: hidden;
}

.my-info-wrap .notice-box {
	padding: var(--spacing-3xs) var(--spacing-def) 0;
	background: #000;
}

.my-info-wrap .notice-box .notice-box-inner {
	padding: calc(var(--spacing-xs) - 1px);
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid #fff;
	border-radius: 2px;
}

.my-info-wrap .notice-box .notice-box-inner .notice-info {
	display: block;
	padding-left: var(--spacing-md);
	background: url("../images/my/ico_my_notice_info.svg") no-repeat left center;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.my-info-wrap .info-grade-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	padding: var(--spacing-lg) var(--spacing-def) var(--spacing-xl);
	background: #000;
}

.my-info-wrap .info-grade-box .top-area {
	flex: 1 1 100%;
	margin-bottom: var(--spacing-2xl);
}

.my-info-wrap .info-grade-box .top-area .link-user-name {
	margin-right: var(--spacing-4xs);
	padding-right: calc(20px + var(--spacing-6xs));
	background: url("../images/my/ico_link_user_name.svg") center right no-repeat;
}

.my-info-wrap .info-grade-box .top-area p {
	color: #fff;
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
}

.my-info-wrap .info-grade-box .top-area p.email {
	color: #666;
	margin-top: var(--spacing-4xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.my-info-wrap .info-grade-box .left-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--spacing-4xs) 0;
}

.my-info-wrap .info-grade-box .left-area .link-text {
	position: relative;
	margin-right: var(--spacing-xs);
}

.my-info-wrap .info-grade-box .left-area .link-text:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 8px;
	background: rgba(255, 255, 255, 0.3);
	top: 4px;
	right: -8px;
}

.my-info-wrap .info-grade-box .left-area .link-text:last-child:after {
	display: none;
}

.my-info-wrap .info-grade-box .left-area:has(.link-text:nth-child(4)):not(:has(.link-text:nth-child(5))) .link-text:nth-child(3)::after {
	display: none;
}

.my-info-wrap .info-grade-box .swiper-brand-logo {
	width: 64px;
}

.my-info-wrap .info-grade-box .swiper-brand-logo .swiper-wrapper {
	align-items: center;
}

.my-info-wrap .info-grade-box .swiper-brand-logo .swiper-slide {
	width: 36px;
	height: 36px;
	opacity: 0;
}

.my-info-wrap .info-grade-box .swiper-brand-logo .swiper-slide-prev, .my-info-wrap .info-grade-box .swiper-brand-logo .swiper-slide-next {
	opacity: 0.85;
}

.my-info-wrap .info-grade-box .swiper-brand-logo .swiper-slide-active {
	opacity: 1;
}

.my-info-wrap .info-grade-box + .info-divide-box .info-value-box {
	padding: var(--spacing-def);
}

.my-info-wrap .info-divide-box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.my-info-wrap .info-divide-box .info-value-box {
	padding: 0 var(--spacing-def);
}

.my-info-wrap .info-divide-box .info-value-box .scont-title-xs {
	position: relative;
}

.my-info-wrap .info-divide-box .info-value-box .link-balloon {
	position: absolute;
	left: calc(var(--spacing-3xs) * -1);
	bottom: calc(100% + var(--spacing-6xs));
}

.my-info-wrap .info-divide-box .info-value-box .link-balloon:before {
	border-top: 8px solid #fe4400;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 0 solid transparent;
	bottom: calc(var(--spacing-6xs) * -1);
	right: var(--spacing-3xs);
}

.my-info-wrap .info-divide-box .info-value-box .link-balloon:after {
	top: 0;
	left: -100%;
	width: 50%;
	height: 100%;
	background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
	transition: all 0.5s;
	animation: shine-sweep 2.5s infinite;
}

.my-info-wrap .info-divide-box .info-value-box .value-area {
	display: block;
	text-align: right;
}

.my-info-wrap .info-divide-box .info-value-box .value-area .value {
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
}

.my-info-wrap .info-divide-box .info-value-box .value-area .unit {
	margin-left: var(--spacing-min);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.my-info-wrap .info-divide-box .info-value-box .extinction-point {
	color: #666;
	text-align: right;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.my-info-wrap .info-divide-box .info-value-box .extinction-point .point {
	color: #fe4400;
	font-weight: 600;
}

.my-info-wrap .info-divide-box .info-value-box:nth-child(2n) {
	border-left: 1px solid rgba(229, 229, 229, 0.6);
}

.my-info-wrap .info-divide-box .info-value-box:nth-child(n+3) {
	border-top: 1px solid rgba(229, 229, 229, 0.6);
}

@keyframes shine-sweep {
	0% {
		left: -100%;
	}
	20% {
		left: 100%;
	}
	100% {
		left: 100%;
	}
}
.my-alarm-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-3xs);
	padding: var(--spacing-xs) var(--spacing-def);
	border-bottom: 1px solid rgba(229, 229, 229, 0.6);
}

.my-alarm-box .swiper {
	flex: 1;
	height: 27px;
}

.my-alarm-box .swiper .swiper-slide {
	height: 27px;
}

.my-alarm-box .swiper .swiper-slide .text-alarm {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.my-alarm-box .text-alarm {
	display: inline-block;
	margin: 5px 0 0;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.my-alarm-box .text-alarm .link-text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.my-lcont-wrap {
	border-top: 1px solid #000;
}

.my-lcont-wrap .cont-inner {
	padding: 0 var(--spacing-def);
}

.my-lcont-wrap.has-bottom-line {
	border-bottom: 1px solid #e5e5e5;
}

.order-step-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.order-step-box .step-item {
	flex: 1;
	text-align: center;
}

.order-step-box .step-item .step-cnt {
	display: block;
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
}

.order-step-box .step-item .step-name {
	display: block;
	margin-top: var(--spacing-5xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.order-step-box .step-item:is(a, button) .step-name {
	opacity: 0.3;
}

.order-step-box .step-item:is(a, button):hover .step-cnt, .order-step-box .step-item:is(a, button).current .step-cnt {
	text-decoration: underline;
}

.order-step-box .step-item:is(a, button):hover .step-name, .order-step-box .step-item:is(a, button).current .step-name {
	opacity: 1;
}

.order-step-prod-swiper .prod-swiper-box {
	position: relative;
	min-height: 142px;
}

.order-step-prod-swiper .prod-swiper-box:not(.current) {
	display: none;
}

.order-step-prod-swiper .prod-swiper-box:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 60px;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.23s linear;
}

.order-step-prod-swiper .prod-swiper-box > .swiper {
	margin-right: calc(var(--spacing-def) * -1);
	padding-right: var(--spacing-def);
}

.order-step-prod-swiper .prod-swiper-box > .swiper > .swiper-wrapper > .swiper-slide {
	padding: var(--spacing-xs);
	background: #fff;
	border: 1px solid #e5e5e5;
}

.order-cancel-return-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: calc(var(--spacing-def) * 2 + 1px);
	background: #f5f5f5;
	padding: var(--spacing-xs) var(--spacing-def);
}

.order-cancel-return-box .item {
	flex: 1;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.order-cancel-return-box .item .title .text {
	color: #666;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.order-cancel-return-box .item .value .cnt {
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
}

.order-cancel-return-box .item .value .unit {
	margin-left: var(--spacing-min);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.order-cancel-return-box .item + .item:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #e5e5e5;
	left: calc(var(--spacing-def) * -1 - 1px);
}

.my-grade-box .grade-progress-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-2xs);
}

.my-grade-box .grade-progress-box .data-area {
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
}

.my-grade-box .grade-progress-box .data-area .grade-name {
	flex: 1;
}

.my-grade-box .grade-progress-box .data-area .grade-datum-point {
	align-self: center;
	color: #999;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.my-grade-box .grade-progress-box .data-area .grade-datum-point .tooltip-wrap {
	margin-left: var(--spacing-5xs);
}

.my-grade-box .grade-progress-box .data-area .progress {
	flex: 0 0 100%;
	height: 3px;
	margin: calc(var(--spacing-2xs) + 2px) 0 var(--spacing-3xs);
	background: rgba(0, 0, 0, 0.08);
}

.my-grade-box .grade-progress-box .data-area .progress .progress-bar {
	display: inline-block;
	height: 100%;
	background: #000;
	vertical-align: top;
}

.my-grade-box .grade-progress-box .data-area .after-grade-desc {
	flex: 0 0 100%;
	text-align: right;
	color: #666;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.benefit-filter-box {
	position: relative;
}

.benefit-filter-box .benefit-filter-swiper {
	margin-right: 54px;
}

.benefit-filter-box .benefit-filter-swiper .swiper-slide {
	width: 60px;
	text-align: center;
}

.benefit-filter-box .benefit-filter-swiper .btn-benefit-filter {
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
}

.benefit-filter-box .benefit-filter-swiper .btn-benefit-filter.active:before, .benefit-filter-box .benefit-filter-swiper .btn-benefit-filter.active:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 50%;
}

.benefit-filter-box .benefit-filter-swiper .btn-benefit-filter.active:before {
	border: 3px solid #fff;
}

.benefit-filter-box .benefit-filter-swiper .btn-benefit-filter.active:after {
	border: 1px solid #000;
}

.benefit-filter-box .benefit-filter-swiper .btn-benefit-filter.active + .brand-name {
	color: #000;
	font-weight: 500;
}

.benefit-filter-box .benefit-filter-swiper .brand-name {
	color: #999;
	margin-top: var(--spacing-5xs);
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
}

.benefit-filter-box .brand-select-box {
	position: absolute;
	right: 0;
	top: 14px;
	z-index: 10;
}

.benefit-filter-box .brand-select-box .btn-brand-filter {
	width: 34px;
	height: 34px;
	background: url("../images/my/ico_brand_filter.svg") center no-repeat;
}

.benefit-filter-box .brand-select-box .benefit-brand-layer {
	position: absolute;
	display: none;
	width: 326px;
	padding: calc(var(--spacing-def) - 1px);
	background: #fff;
	border: 1px solid #000;
	top: calc(100% + var(--spacing-3xs));
	right: 0;
}

.benefit-filter-box .brand-select-box .benefit-brand-layer .benefit-brand-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--spacing-xs) var(--spacing-3xs);
}

.benefit-filter-box .brand-select-box .benefit-brand-layer .benefit-brand-list .ui-star-chk input + label:after {
	top: 1.5px;
	transform: none;
}

.benefit-filter-box .brand-select-box .benefit-tooltip {
	position: absolute;
	display: none;
	padding: var(--spacing-5xs) var(--spacing-2xs);
	border-radius: 15px;
	background: #fe4400;
	right: 46px;
	top: 50%;
	transform: translateY(-50%);
}

.benefit-filter-box .brand-select-box .benefit-tooltip .text {
	position: relative;
	color: #fff;
	font-size: 10px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 12px;
	white-space: nowrap;
}

.benefit-filter-box .brand-select-box .benefit-tooltip:after {
	content: "";
	position: absolute;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #fe4400;
	border-right: 0 solid transparent;
	border-top: 5px solid transparent;
	right: -4px;
	top: 11px;
}

.benefit-filter-box .brand-select-box.show .btn-brand-filter {
	background-image: url("../images/my/ico_brand_filter_active.svg");
}

.benefit-filter-box .brand-select-box.show .benefit-brand-layer {
	display: block;
}

.benefit-filter-box + .scont-title-wrap {
	margin-top: var(--spacing-lg);
}

.benefit-filter-box.no-selected .benefit-filter-swiper {
	display: none;
}

.benefit-filter-box.no-selected .brand-select-box {
	top: calc(var(--spacing-4xs) * -1);
}

.benefit-filter-box.no-selected .benefit-tooltip {
	display: initial;
}

.benefit-filter-box.no-selected + .scont-title-wrap {
	margin: var(--spacing-4xs) 0 var(--spacing-4xs);
}

.benefit-filter-box.no-selected ~ .brand-benefit-list {
	margin-top: var(--spacing-xs);
}

.brand-benefit-list {
	display: grid;
	grid-template-columns: minmax(1px, 1fr);
	gap: var(--spacing-def);
	margin-top: var(--spacing-xs);
}

/* s : 마이페이지 > 활동정보 */
.restock-info-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.restock-info-text .left-area .star-text-sm {
	margin-top: var(--spacing-3xs);
}

.restock-info-text .right-area {
	margin-left: auto;
}

.restock-info-text .right-area .count-group .val {
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
}

.restock-info-text .right-area .count-group .unit {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.participate-event-list {
	border-bottom: 1px solid #e5e5e5;
}

.participate-event-list .participate-event-item {
	padding-top: var(--spacing-md);
	padding-bottom: var(--spacing-md);
	border-top: 1px solid #e5e5e5;
}

.participate-event-list .participate-event-item .event-state {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-bottom: var(--spacing-2xs);
}

.participate-event-list .participate-event-item .event-state .badge-md ~ .date {
	margin-left: var(--spacing-5xs);
}

.participate-event-list .participate-event-item .event-state .date {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #999;
}

.participate-event-list .participate-event-item .event-state .result {
	margin-left: auto;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.participate-event-list .participate-event-item .event-title {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.participate-event-list .participate-event-item .duration {
	margin-top: var(--spacing-3xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.participate-event-list .participate-event-item .fold-wrap {
	margin-top: var(--spacing-def);
}

.participate-event-list .participate-event-item .fold-wrap .fold-list {
	border-top: 0;
}

.participate-event-list .participate-event-item .fold-wrap .fold-list .fold-item {
	border-bottom: 0;
}

.participate-event-list .participate-event-item .fold-wrap .fold-list .fold-item .fold-header {
	padding-top: 0;
	padding-bottom: 0;
}

.participate-event-list .participate-event-item .fold-wrap .fold-list .fold-item .fold-content {
	padding-top: 17px;
	padding-bottom: 0;
}

.grid-list.row.registrationable-review-list {
	gap: var(--spacing-md);
}

.grid-list.row.registrationable-review-list .grid-item {
	padding-bottom: var(--spacing-md);
	border-bottom: 1px solid #e5e5e5;
}

.qna-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.qna-item .date {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #999;
}

.qna-item .qna-type {
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
	margin-right: var(--spacing-def);
	flex-shrink: 0;
}

.qna-item .qna-info {
	flex: 1 0 0;
}

.qna-item .qna-info .qna-state {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.qna-item .qna-info .qna-state .badge-md ~ .category {
	margin-left: var(--spacing-5xs);
}

.qna-item .qna-info .qna-state .category {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.qna-item .qna-info .qna-state .right-area {
	margin-left: auto;
}

.qna-item .qna-info .qna-title {
	margin-top: 13px;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.qna-item .qna-info .date {
	margin-top: 22px;
}

/* e : 마이페이지 > 활동정보 */
.text-sel-opt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #999;
	margin-top: var(--spacing-def);
}

.grade-info-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.grid-list .grid-item .order-delivery-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-3xs);
	margin-bottom: var(--spacing-xs);
}

.grid-list .grid-item .order-delivery-list .bar-group .bar-text-sm {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.grid-list .grid-item .order-delivery-list .bar-group .bar-text-sm .udl-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.grid-list .grid-item .order-delivery-list .badge-round .ico-badge-gift {
	width: 15px;
	height: 15px;
}

.grid-list .grid-item .delivery-info-box {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	text-align: center;
	margin-top: var(--spacing-def);
}

.grid-list .grid-item .delivery-info-box .courier {
	color: #999;
	margin-right: var(--spacing-5xs);
}

.grid-list .grid-item .thumb-prod-inner .info-box .text-hash {
	color: #fe4400;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
	margin-top: var(--spacing-5xs);
}

.grid-list .grid-item .gray-box-sm .text-gift-info {
	display: flex;
	flex-direction: column;
}

.grid-list .grid-item .gray-box-sm .text-gift-info .badge-text .text {
	display: inline-block;
	color: #fe4400;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	vertical-align: top;
}

.grid-list .grid-item .gray-box-sm .text-gift-info .text-message {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.grid-list .grid-item .delivery-addr-entry-deadline-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-top: var(--spacing-def);
}

.grid-list .grid-item .delivery-addr-entry-deadline-box .text-sel-opt {
	color: #999;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	margin-top: 0;
}

.grid-list .grid-item .delivery-addr-entry-deadline-box .date {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	margin-bottom: 0;
}

.online-delivery-info-list {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-md);
}

.online-delivery-info-list .online-delivery-info-item {
	display: flex;
	gap: var(--spacing-2xs);
}

.online-delivery-info-list .online-delivery-info-item .order-cnt {
	padding: 0 var(--spacing-3xs);
	font-size: 26px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 26px;
}

.online-delivery-info-list .online-delivery-info-item .order-title {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.online-delivery-info-list .online-delivery-info-item .order-desc {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	margin-top: var(--spacing-2xs);
	color: #666;
}

.fold-wrap .fold-list.type-delivery {
	border-top: none;
}

.fold-wrap .fold-list.type-delivery .fold-item {
	border-bottom: none;
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-header {
	padding: var(--spacing-md) 0;
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-header .fold-title {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-header .fold-title .total-price-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 21px;
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-header .fold-title .total-price-box .title {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-header .fold-title .total-price-box .title .count {
	color: #fe4400;
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-header .fold-title .total-price-box .value {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
	color: #fe4400;
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-header .btn-fold::after {
	position: absolute;
	background-image: url("../images/order/ico_order_fold_arr.svg");
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-content {
	padding: 0;
	padding-bottom: var(--spacing-lg);
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-content .delivery-info-wrap .delivery-desc {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-content .tbl-info-wrap .tbl-info.type-sm th {
	font-weight: 400;
	color: #666;
	padding-right: var(--spacing-lg);
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-content .tbl-info-wrap .tbl-info.type-sm tr td {
	color: #666;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-content .tbl-info-wrap .tbl-info.type-sm tr ~ tr th {
	padding-top: var(--spacing-3xs);
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-content .tbl-info-wrap .tbl-info.type-sm tr ~ tr td {
	padding-top: var(--spacing-3xs);
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-content .tbl-info-wrap .tbl-info.type-sm .discount-benefits {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-5xs);
}

.fold-wrap .fold-list.type-delivery .fold-item .fold-content .tbl-info-wrap .tbl-info.type-sm .discount-benefits .detail-desc {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #999;
}

.fold-wrap .fold-list.type-gift-box {
	border-top: none;
	margin-bottom: 14px;
}

.fold-wrap .fold-list.type-gift-box .fold-item {
	border-bottom: none;
}

.fold-wrap .fold-list.type-gift-box .fold-item .fold-header {
	padding: var(--spacing-xs) 0;
}

.fold-wrap .fold-list.type-gift-box .fold-item .fold-header .fold-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.fold-wrap .fold-list.type-gift-box .fold-item .fold-content {
	padding: 0;
	padding-bottom: var(--spacing-lg);
}

.fold-wrap .fold-list.type-gift-box .fold-item .fold-content .tbl-info-wrap .tbl-info.type-xs th {
	font-weight: 400;
	color: #666;
	padding-right: var(--spacing-lg);
}

.fold-wrap .fold-list.type-gift-box .fold-item .fold-content .tbl-info-wrap .tbl-info.type-xs tr td {
	color: #666;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.fold-wrap .fold-list.type-gift-box .fold-item .fold-content .tbl-info-wrap .tbl-info.type-xs tr ~ tr th {
	padding-top: var(--spacing-3xs);
}

.fold-wrap .fold-list.type-gift-box .fold-item .fold-content .tbl-info-wrap .tbl-info.type-xs tr ~ tr td {
	padding-top: var(--spacing-3xs);
}

.fold-wrap .fold-list.type-gift-box .fold-item .fold-content .tbl-info-wrap .tbl-info.type-xs .discount-benefits {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-5xs);
}

.fold-wrap .fold-list.type-gift-box .fold-item .fold-content .tbl-info-wrap .tbl-info.type-xs .discount-benefits .detail-desc {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #999;
}

.custom-swiper-cont-box .swiper-nav-wrap {
	position: relative;
}

.custom-swiper-cont-box .swiper-nav-wrap.swiper-custom .swiper-initialized {
	width: 260px;
}

.custom-swiper-cont-box .swiper-nav-wrap .swiper-navigation {
	position: static;
	width: auto;
	height: 0;
}

.custom-swiper-cont-box .swiper-nav-wrap .swiper-navigation .swiper-prev,
.custom-swiper-cont-box .swiper-nav-wrap .swiper-navigation .swiper-next {
	width: 30px;
	height: 30px;
	position: absolute;
	top: calc(50% - 15px);
	z-index: 2;
	background: transparent;
}

.custom-swiper-cont-box .swiper-nav-wrap .swiper-navigation .swiper-prev:before,
.custom-swiper-cont-box .swiper-nav-wrap .swiper-navigation .swiper-next:before {
	width: 30px;
	height: 30px;
	background-size: 30px;
	background: url("../images/common/comm_ico_swiper_btn_arr_h30.svg") 0 0 no-repeat;
	background-size: cover;
}

.custom-swiper-cont-box .swiper-nav-wrap .swiper-navigation .swiper-prev {
	left: 0;
}

.custom-swiper-cont-box .swiper-nav-wrap .swiper-navigation .swiper-next {
	right: 0;
}

.list-search-box {
	background: #f5f5f5;
	padding: var(--spacing-def);
	text-align: center;
}

.list-search-box .btn-wrap {
	gap: 0;
}

.list-search-box .btn-wrap button {
	padding: 0;
	border: 1px solid #f5f5f5;
}

.list-search-box .btn-wrap button:active, .list-search-box .btn-wrap button.active {
	border: 1px solid #000;
	background-color: #fff;
}

.list-search-box .btn-wrap button:active .text, .list-search-box .btn-wrap button.active .text {
	color: #000;
}

.list-search-box .list-search-inner {
	display: inline-flex;
	width: 100%;
	gap: var(--spacing-5xs);
	margin-top: var(--spacing-5xs);
}

.list-search-box .list-search-inner .input-group {
	margin-top: 0;
	width: 100%;
}

.list-search-box .list-search-inner .input-group .date-box {
	width: 214px;
}

.list-search-box .list-search-inner .input-group.date-range-box .date-box {
	width: auto;
}

.list-search-box .list-search-inner .w80 {
	flex: 0 0 80px;
}

.my-point-list .my-point-item + .my-point-item {
	margin-top: var(--spacing-md);
	padding-top: var(--spacing-md);
	border-top: 1px solid #e5e5e5;
}

.my-point-list .my-point-item:first-child {
	padding-top: var(--spacing-md);
	border-top: 1px solid #e5e5e5;
}

.my-point-list .my-point-item .flex-info-wrap .ta-left {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	flex: 0 0 232px;
}

.my-point-list .my-point-item .flex-info-wrap .ta-left .text-order-no .udl-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.my-point-list .my-point-item .flex-info-wrap .ta-left .text-point-reason {
	margin-top: var(--spacing-4xs);
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.my-point-list .my-point-item .flex-info-wrap .ta-left .text-date {
	margin-top: var(--spacing-3xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #999;
}

.my-point-list .my-point-item .flex-info-wrap .right-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-direction: column;
}

.my-point-list .my-point-item .flex-info-wrap .right-area .text-point.plus {
	color: #fe4400;
}

.my-point-list .my-point-item .flex-info-wrap .right-area .text-point.plus + .text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #fe4400;
}

.my-point-list .my-point-item .flex-info-wrap .right-area .text-point.minus {
	color: #999;
}

.my-point-list .my-point-item .flex-info-wrap .right-area .text-point.minus + .text {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #999;
}

.discount-coupon-cont-box {
	display: flex;
}

.discount-coupon-cont-box .discount-coupon-item {
	display: flex;
	flex-direction: column;
	flex: 0 0 50%;
}

.discount-coupon-cont-box .discount-coupon-item:nth-child(1) {
	padding-right: var(--spacing-xs);
}

.discount-coupon-cont-box .discount-coupon-item:nth-child(2) {
	border-left: 1px solid rgba(229, 229, 229, 0.6);
	padding-left: var(--spacing-xs);
}

.discount-coupon-cont-box .discount-coupon-item:nth-child(2) .discount-coupon-name,
.discount-coupon-cont-box .discount-coupon-item:nth-child(2) .discount-coupon-number-box {
	margin-left: var(--spacing-6xs);
}

.discount-coupon-cont-box .discount-coupon-item .discount-coupon-name {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.discount-coupon-cont-box .discount-coupon-item .discount-coupon-number-box {
	display: block;
	margin-top: var(--spacing-lg);
	text-align: right;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.discount-coupon-cont-box .discount-coupon-item .discount-coupon-number-box .discount-coupon-cnt {
	font-size: 30px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 30px;
	margin-right: var(--spacing-min);
}

.my-coupon-history-cont-box .cont-title-wrap {
	justify-content: space-between;
}

.check-coupon-limit-box .limit-list .limit-item + .limit-item {
	margin-top: var(--spacing-3xs);
}

.check-coupon-limit-box .limit-list .limit-item .flex-info-wrap {
	align-items: flex-start;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.check-coupon-limit-box .limit-list .limit-item .flex-info-wrap .brand-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.total-amount-box .total-amount-list .total-amount-item {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.total-amount-box .total-amount-list .total-amount-item + .total-amount-item {
	margin-top: var(--spacing-3xs);
}

.my-complete-wrap .form-list .form-item .form-title {
	margin-bottom: var(--spacing-xs);
}

.my-complete-wrap .form-list .form-item .valid-desc {
	text-align-last: left;
}

.my-complete-wrap .btn-wrap .btn-xl.type-kakao {
	background: #fee503;
}

.my-complete-wrap .btn-wrap .btn-xl.type-kakao .ico-kakao-talk {
	background: url(../images/my/ico_my_kakaotalk.svg);
	width: 22px;
	height: 22px;
	background-size: contain;
	display: inline-block;
	margin-right: var(--spacing-6xs);
}

.my-complete-wrap .btn-wrap .btn-xl.type-kakao .text {
	color: #2f2a03;
}

.my-complete-wrap .btn-wrap .btn-xl.type-naver {
	background: #22cb60;
}

.my-complete-wrap .btn-wrap .btn-xl.type-naver .ico-naver {
	background: url(../images/my/ico_my_naver.svg);
	width: 22px;
	height: 22px;
	background-size: contain;
	display: inline-block;
	margin-right: var(--spacing-6xs);
}

.my-complete-wrap .btn-wrap .btn-xl.type-naver .text {
	color: #fff;
}

.my-complete-wrap .btn-wrap .btn-xl.type-apple .ico-apple {
	background: url(../images/my/ico_my_apple.svg);
	width: 22px;
	height: 22px;
	background-size: contain;
	display: inline-block;
	margin-right: var(--spacing-6xs);
}

.my-complete-wrap .btn-wrap .btn-xl.type-apple .text {
	color: #fff;
}

.my-cont-wrap .my-size-gray-box .selected-size {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	font-size: 0;
	margin-bottom: var(--spacing-def);
}

.my-cont-wrap .my-size-gray-box .selected-size .badge {
	background: #fe4400;
}

.my-cont-wrap .my-size-gray-box .selected-size .badge .text {
	font-size: 10px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 12px;
	color: #fff;
}

.my-cont-wrap .my-size-gray-box .selected-size .size-name {
	display: inline-block;
	vertical-align: top;
	margin-left: var(--spacing-5xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.my-cont-wrap .my-size-gray-box .selected-size .bar-group {
	margin-left: auto;
}

.my-cont-wrap .my-size-gray-box .tbl-info-wrap .tbl-info.type-xs th {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.my-cont-wrap .my-size-gray-box .tbl-info-wrap .tbl-info.type-xs td {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.my-cont-wrap .link-text {
	color: #999;
}

.my-cont-wrap .my-size-manage-list .my-size-manage-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-3xs);
}

.my-cont-wrap .my-size-manage-list .my-size-manage-item + .my-size-manage-item {
	margin-top: var(--spacing-md);
	padding-top: var(--spacing-md);
	border-top: 1px solid #e5e5e5;
}

.my-cont-wrap .my-size-manage-list .my-size-manage-item .flex-info-wrap .size-name {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.my-cont-wrap .my-size-manage-list .my-size-manage-item .tbl-info-wrap .tbl-info.type-xs th {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.my-cont-wrap .my-size-manage-list .my-size-manage-item .tbl-info-wrap .tbl-info.type-xs td {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.tbl-no-line-wrap {
	border-top: 1px solid #000;
	border-bottom: 1px solid #e5e5e5;
}

.tbl-no-line-wrap .tbl-col > thead > tr > th {
	border-bottom: 1px solid #000;
}

.tbl-no-line-wrap .tbl-col > thead > tr:not(:first-child) > th,
.tbl-no-line-wrap .tbl-col > thead > tr:not(:first-child) > td,
.tbl-no-line-wrap .tbl-col > tbody > tr:not(:first-child) > th,
.tbl-no-line-wrap .tbl-col > tbody > tr:not(:first-child) > td {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.tbl-no-line-wrap .tbl-col > thead > tr > th,
.tbl-no-line-wrap .tbl-col > thead > tr > td,
.tbl-no-line-wrap .tbl-col > tbody > tr > th,
.tbl-no-line-wrap .tbl-col > tbody > tr > td {
	padding: var(--spacing-xs) calc(var(--spacing-3xs) / 2);
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 15px;
	text-align: center;
}

.tbl-no-line-wrap .tbl-col > thead > tr > th.bg-spot,
.tbl-no-line-wrap .tbl-col > thead > tr > td.bg-spot,
.tbl-no-line-wrap .tbl-col > tbody > tr > th.bg-spot,
.tbl-no-line-wrap .tbl-col > tbody > tr > td.bg-spot {
	background: rgba(254, 68, 0, 0.04);
}

.tbl-no-line-wrap .tbl-col > thead > tr > th span.fc-blue,
.tbl-no-line-wrap .tbl-col > thead > tr > td span.fc-blue,
.tbl-no-line-wrap .tbl-col > tbody > tr > th span.fc-blue,
.tbl-no-line-wrap .tbl-col > tbody > tr > td span.fc-blue {
	color: #0058fe !important;
}

.tbl-no-line-wrap .tbl-col > thead > tr > th:first-child,
.tbl-no-line-wrap .tbl-col > thead > tr > td:first-child,
.tbl-no-line-wrap .tbl-col > tbody > tr > th:first-child,
.tbl-no-line-wrap .tbl-col > tbody > tr > td:first-child {
	padding-left: var(--spacing-3xs);
}

.tbl-no-line-wrap .tbl-col > thead > tr > th:last-child,
.tbl-no-line-wrap .tbl-col > thead > tr > td:last-child,
.tbl-no-line-wrap .tbl-col > tbody > tr > th:last-child,
.tbl-no-line-wrap .tbl-col > tbody > tr > td:last-child {
	padding-right: var(--spacing-3xs);
}

.tbl-no-line-wrap .tbl-col > thead > tr th,
.tbl-no-line-wrap .tbl-col > tbody > tr th {
	font-weight: 600;
}

.tbl-no-line-wrap .tbl-col.type-my-page > tbody > tr > td {
	padding: var(--spacing-def) calc(var(--spacing-3xs) / 2);
}

.tbl-no-line-wrap .tbl-col.type-my-page > tbody > tr > td .link-box {
	width: 104px;
	margin: var(--spacing-5xs) auto 0 0;
	text-align: center;
}

.tbl-no-line-wrap .tbl-col.type-my-page > tbody > tr > td .badge-wrap {
	line-height: 1;
}

.tbl-no-line-wrap .tbl-col.type-my-page > tbody > tr.merged th,
.tbl-no-line-wrap .tbl-col.type-my-page > tbody > tr.merged td {
	padding-top: 0;
	border-top: none;
}

.tbl-no-line-wrap .tbl-row > tbody > tr:not(:first-child) > th,
.tbl-no-line-wrap .tbl-row > tbody > tr:not(:first-child) > td {
	border-top: 1px solid #e5e5e5;
}

.tbl-no-line-wrap .tbl-row > tbody > tr > th,
.tbl-no-line-wrap .tbl-row > tbody > tr > td {
	text-align: left;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
	padding: 14px var(--spacing-3xs);
}

.tbl-no-line-wrap .tbl-row > tbody > tr > th {
	border-right: 1px solid #e5e5e5;
}

.card-name .ico-card-edit {
	background: #fff;
	margin-left: var(--spacing-5xs);
}

.account-name .ico-card-edit {
	margin-left: var(--spacing-5xs);
}

.no-data-swiper {
	overflow: inherit;
}

.sns-login-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-2xs);
}

.sns-login-area [class^=ico] {
	width: 40px;
	height: 40px;
}

.sns-login-area .sns-account-box .bar-group {
	margin-top: var(--spacing-6xs);
}

.cont-title-wrap.my {
	gap: var(--spacing-5xs);
}

.info-text-list .required {
	display: inline-block;
	vertical-align: top;
	margin-right: var(--spacing-6xs);
}

.info-text-list .required:before {
	content: "";
	width: 3px;
	height: 3px;
	margin: 3px 0 0 var(--spacing-min);
	overflow: hidden;
	display: inline-block;
	border-radius: 50%;
	background-color: #fe4400;
	vertical-align: top;
}

.sns-login-list .sns-login-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.sns-login-list .sns-login-item ~ .sns-login-item {
	margin-top: 12px;
}

.sns-login-list .sns-login-item label {
	flex-grow: 1;
}

.sns-login-list .sns-login-item label .sns-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: 12px;
	cursor: pointer;
}

.sns-login-list .sns-login-item label .sns-box [class^=ico] {
	width: 42px;
	height: 42px;
}

.my-chk-wrap .agree-box .ui-col-list .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.my-chk-wrap .agree-box .ui-col-list .item .ui-chk {
	flex: 1 0 0;
}

.my-chk-wrap .agree-box .ui-col-list .item .ui-chk label::after {
	top: 10px;
}

.my-chk-wrap .agree-box .ui-col-list .item .ui-chk label::before {
	top: 10px;
}

.my-chk-wrap .agree-box .ui-col-list .item .btn-arr-black {
	flex-shrink: 0;
	width: 15px;
	height: 15px;
	margin-top: 3px;
	margin-left: 11px;
	background: url("../images/member/ico_btn_arr_black_h15.svg") 0 0 no-repeat;
	background-size: cover;
}

.privacy-notice {
	position: relative;
	margin-top: var(--spacing-xl);
	padding-top: var(--spacing-xl);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.privacy-notice .gray-box-sm {
	max-height: 175px;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.privacy-notice .gray-box-sm.open {
	max-height: none;
	padding-bottom: var(--spacing-4xl);
}

.privacy-notice .tbl-no-line-wrap.right-no-line-wrap .tbl-row td {
	text-align: left;
}

.privacy-notice .tbl-no-line-wrap.right-no-line-wrap .tbl-row td:last-child {
	font-weight: 600;
	text-decoration: underline;
}

.privacy-notice .dash-text {
	color: #000;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
}

.privacy-notice .btn-lg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #f5f5f5;
}

.privacy-notice .btn-lg .ico-arw {
	display: inline-block;
	margin-left: var(--spacing-min);
	width: 15px;
	height: 15px;
	background: url("../images/common/comm_ico_arw_down_w.svg") 0 0 no-repeat;
	background-size: cover;
	filter: invert(1);
	transform: rotate(180deg);
}

.privacy-notice .btn-lg.is-open .ico-arw {
	transform: rotate(0);
}

.privacy-notice .star-text span {
	text-decoration: underline;
}

.my-addr-info-wrap .gray-box {
	padding: var(--spacing-md) var(--spacing-def);
}

.my-addr-info-wrap .flex-info-wrap {
	align-items: flex-start;
}

.my-addr-info-wrap .flex-info-wrap .delivery-info-wrap .delivery-title-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.my-addr-info-wrap .flex-info-wrap .delivery-info-wrap .delivery-title-wrap .delivery-title-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	gap: 6px;
}

.my-addr-info-wrap .flex-info-wrap .delivery-info-wrap .delivery-address {
	margin-top: var(--spacing-2xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.my-addr-info-wrap .flex-info-wrap .delivery-info-wrap .delivery-phone-number {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.my-addr-info-wrap .flex-info-wrap .bar-group {
	align-self: flex-start;
	flex: 0 0 auto;
}

.my-addr-info-wrap .select-delivery-list .select-delivery-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding-top: var(--spacing-md);
}

.my-addr-info-wrap .select-delivery-list .select-delivery-item .flex-info-wrap {
	gap: var(--spacing-3xs);
	align-items: center;
}

.membership-cont-box .cont-inner {
	padding: 0 var(--spacing-def);
}

.membership-cont-box .membership-benefits-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-direction: row;
	box-sizing: border-box;
	padding-left: var(--spacing-3xs);
	gap: var(--spacing-lg);
}

.membership-cont-box .membership-benefits-box ~ .membership-benefits-box {
	border-top: 1px solid #e5e5e5;
	padding-top: var(--spacing-md);
	margin-top: var(--spacing-md);
}

.membership-cont-box .membership-benefits-box .benefits-title {
	flex: 0 0 105px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-5xs);
}

.membership-cont-box .membership-benefits-box .benefits-title [class^=ico-] {
	flex: 0 0 22px;
}

.membership-cont-box .membership-benefits-box .benefits-title .scont-title-sm {
	word-wrap: break-word;
	word-break: keep-all;
}

.membership-cont-box .membership-benefits-box .benefits-list .benefits-item {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.membership-cont-box .membership-benefits-box .benefits-list .benefits-item ~ .benefits-item {
	margin-top: var(--spacing-3xs);
}

.membership-cont-box .grade-benefit-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-direction: row;
	gap: var(--spacing-lg);
	padding: 0 var(--spacing-3xs);
	box-sizing: border-box;
}

.membership-cont-box .grade-benefit-wrap .grade-text-area {
	flex: 0 0 70px;
}

.membership-cont-box .grade-benefit-wrap .grade-text-area .grade-text.size-lg {
	text-align: center;
}

.membership-cont-box .grade-benefit-wrap .grade-text-area .grade-text.size-lg::before {
	margin-right: 0;
	margin-bottom: var(--spacing-5xs);
}

.membership-cont-box .grade-benefit-wrap .grade-benefit-list-area .grade-benefit-info-box .info-text-list .grade-info-text {
	vertical-align: bottom;
}

.membership-cont-box .grade-benefit-wrap .grade-benefit-list-area .grade-benefit-info-box .info-text-list .grade-info-text ~ .grade-info-text {
	margin-top: var(--spacing-3xs);
}

.membership-cont-box .grade-benefit-wrap .grade-benefit-list-area .grade-benefit-info-box .info-text-list.coupon-benefit {
	margin-top: var(--spacing-def);
}

.membership-cont-box .grade-benefit-wrap .grade-benefit-list-area .grade-benefit-info-box .info-text-list.coupon-benefit .grade-info-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	position: relative;
	padding-left: calc(var(--spacing-def) + var(--spacing-4xs));
}

.membership-cont-box .grade-benefit-wrap .grade-benefit-list-area .grade-benefit-info-box .info-text-list.coupon-benefit .grade-info-text::before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url("../images/my/ico_member_circle_plus.svg") center/cover;
	position: absolute;
	left: 0;
	top: -2px;
}

.discount-point-info-list .discount-point-info-item ~ .discount-point-info-item {
	margin-top: var(--spacing-lg);
}

.discount-point-info-list .discount-point-info-item ~ .discount-point-info-item .info-text-list + .info-text-list {
	margin-top: var(--spacing-5xs);
}

.delivery-return-info-list .delivery-return-info-item ~ .delivery-return-info-item {
	margin-top: var(--spacing-lg);
}

.delivery-return-info-list .delivery-return-info-item .btn-box {
	width: 100px;
}

.delivery-return-info-list .delivery-return-info-item .btn-box .btn-sm {
	width: 100%;
	white-space: nowrap;
	box-sizing: border-box;
}

.bottom-extra-box .size-chk-area .ui-col-list .item .flex-info-wrap {
	justify-content: flex-start;
	gap: var(--spacing-5xs);
	align-items: center;
}

.bottom-extra-box .size-chk-area .ui-col-list .item .flex-info-wrap .right-area {
	margin-bottom: var(--spacing-min);
}

.bottom-extra-box .size-chk-area .ui-col-list .item .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.service-cancel-info-wrap .complete-wrap .cont-title-eng {
	color: #999;
	margin-bottom: var(--spacing-lg);
}

.service-cancel-info-wrap .service-cancel-title-wrap .service-cancel-title {
	margin-top: var(--spacing-def);
}

.service-cancel-info-wrap .service-cancel-title-wrap .stext-md.service-cancel-sub-title {
	margin-top: var(--spacing-4xs);
	line-height: 20px;
}

.service-cancel-info-wrap .gray-box {
	padding: var(--spacing-def) !important;
}

.service-cancel-info-wrap .gray-box .member-benefit-list {
	margin-bottom: 0;
}

.service-cancel-info-wrap .gray-box .member-benefit-list .member-benefit-item > span {
	width: 34px;
	height: 34px;
}

.service-cancel-info-wrap .gray-box .member-benefit-list .member-benefit-item .benefit-info .benefit-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.service-cancel-info-wrap .gray-box .member-benefit-list .member-benefit-item .benefit-info .benefit-desc {
	margin-top: var(--spacing-4xs);
	word-break: keep-all;
	word-wrap: break-word;
}

.service-cancel-info-wrap .gray-box .member-benefit-list .member-benefit-item ~ .member-benefit-item {
	margin-top: var(--spacing-xs);
	margin-bottom: var(--spacing-xs);
}

.service-cancel-btn-wrap .btn-lg {
	padding: 0;
}

.service-cancel-info-wrap .ico-exclm-mark-bk {
	width: 11px;
	height: 60px;
	background: url("../images/my/ico_exclm_mark_black_h60.svg") 0 0 no-repeat;
	background-size: cover;
}

.cancel-chk-box .ui-col-list .item {
	align-items: flex-start;
}

.cancel-chk-box .ui-col-list .item .atc-chk-box {
	flex-grow: 1;
}

.cancel-chk-box .ui-col-list .item .atc-chk-box .textarea-box {
	margin-top: var(--spacing-xs);
}

.agree-chk-box .ui-col-list .item {
	align-items: flex-start;
}

.agree-chk-box .ui-col-list .item label::before {
	top: 10px;
}

.agree-chk-box .ui-col-list .item label::after {
	top: 10px;
}

.agree-chk-box .ui-col-list .item label .ui-text-wrap .text {
	word-break: keep-all;
	word-wrap: break-word;
}

.info-text-list.service-cancel-info .btn-box {
	margin-top: var(--spacing-5xs);
}

.info-text-list.service-cancel-info .btn-box button {
	padding-left: var(--spacing-2xs);
	padding-right: var(--spacing-2xs);
}

.info-text-list.service-cancel-info .btn-box button ~ button {
	margin-left: var(--spacing-6xs);
}

.dcont-box .info-text-box.order-info-box .info-text-list.sub-info-text-list {
	margin-top: 6px;
}

.dcont-box .info-text-box.order-info-box .info-text-list.sub-info-text-list .decimal-text ~ .decimal-text {
	margin-top: 6px;
}

.order-cancel-prod-list .grid-item.thumb-prod-row .ui-spinner-box {
	margin-top: 0;
}

.order-cancel-prod-list .order-cancel-form-list .return-2depth .ui-select {
	display: none;
}

.order-cancel-prod-list .order-cancel-form-list .textarea-box {
	display: none;
}

.order-cancel-prod-list .order-cancel-form-list .attach-wrap {
	display: none;
}

.order-cancel-prod-list .form-list.order-cancel-gift-list .form-item .form-cont .line-gray {
	padding: var(--spacing-2xs);
}

.order-cancel-prod-list .form-list.order-cancel-gift-list .form-item .form-cont .line-gray .grid-item.thumb-prod-row .thumb-prod-inner .thumb-box {
	flex: 0 0 80px;
}

.order-cancel-prod-list .form-list.order-cancel-gift-list .form-item .form-cont .line-gray .grid-item + .grid-item {
	padding-top: var(--spacing-2xs);
	border: 0;
}

.order-cancel-prod-list .form-list.order-cancel-gift-list + .grid-item {
	padding-top: var(--spacing-lg);
	border-top: 1px solid #e5e5e5;
}

.refund-method-info .star-text {
	margin-top: var(--spacing-3xs);
}

.return-info-text {
	margin-top: var(--spacing-5xs);
}

.tbl-info-wrap.payment-info .tbl-info .th-btn {
	padding-top: 18px !important;
}

.tbl-info-wrap.payment-info .tbl-info td .flex-info-wrap {
	justify-content: flex-end;
	gap: 12px;
}

.bline-wrap .grid-item:last-child {
	padding-bottom: var(--spacing-lg);
	border-bottom: 1px solid #e5e5e5;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.ui-dialog.dialog-codi .dialog-header .btn-share, .right-area .link-view-more .ico-view-more.size-sm {
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
}

/* 공통 */
.tab-img-wrap .brand-img-tabs .tab-item .tab-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.tab-img-wrap .brand-img-tabs .tab-item .tab-link .tab-img {
	opacity: 1;
}

.tab-img-wrap .brand-img-tabs .tab-item .tab-link .tab-text {
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 15px;
	margin-top: var(--spacing-5xs);
	color: #999;
}

.tab-img-wrap .brand-img-tabs .tab-item.ui-state-active .tab-text {
	color: #000;
}

.tab-img-wrap .brand-img-tabs .tab-item + .tab-item {
	margin-left: var(--spacing-3xs);
}

.tab-img-wrap .tab-line-wrap .tabs {
	margin: 0 calc(-1 * var(--spacing-def));
}

/* s : 신상품 */
.early-bird-cont-box {
	margin-left: calc(var(--spacing-def) * -1);
	margin-right: calc(var(--spacing-def) * -1);
	padding-top: var(--spacing-2xl);
	padding-bottom: var(--spacing-2xl);
	background: #222;
}

.grid-list.col2 .early-bird-cont-box {
	margin: 0;
}

.early-bird-cont-box .cont-title-wrap .cont-title-eng-xs {
	color: #fff;
}

.early-bird-cont-box .cont-title-wrap .ico-view-more {
	background: #fff;
}

.early-bird-cont-box .swiper {
	/*margin-right: calc(-1 * var(--spacing-2xl));
	padding-right: var(--spacing-2xl);*/
}

.early-bird-cont-box .swiper .swiper-wrapper .swiper-slide .thumb-prod .thumb-prod-inner {
	background: transparent;
}

.early-bird-cont-box .swiper .swiper-wrapper .swiper-slide .thumb-prod .thumb-prod-inner .info-box .prod-title,
.early-bird-cont-box .swiper .swiper-wrapper .swiper-slide .thumb-prod .thumb-prod-inner .info-box .prod-price .val,
.early-bird-cont-box .swiper .swiper-wrapper .swiper-slide .thumb-prod .thumb-prod-inner .info-box .prod-price .unit {
	color: #fff;
}

/* e : 신상품 */
/* s : 상품리뷰 */
.prod-review-banner-swiper .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 424px;
	position: relative;
}

.prod-review-banner-swiper .swiper-wrapper .swiper-slide .thumb-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.prod-review-banner-swiper .swiper-wrapper .swiper-slide .thumb-box:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 150px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}

.prod-review-banner-swiper .swiper-wrapper .swiper-slide .text-box {
	position: absolute;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 40px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.prod-review-banner-swiper .swiper-wrapper .swiper-slide .text-box .title {
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	color: #fff;
}

.prod-review-banner-swiper .swiper-wrapper .swiper-slide .text-box .sub-text {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.85);
}

.prod-best-review-swiper {
	margin-right: calc(-1 * var(--spacing-def));
	padding-right: var(--spacing-def);
}

.prod-best-review-swiper > .swiper-wrapper > .swiper-slide {
	position: relative;
	padding-right: var(--spacing-def);
	padding-left: var(--spacing-def);
	border-left: 1px solid #000;
	height: auto;
}

.prod-best-review-swiper > .swiper-wrapper > .swiper-slide:last-child {
	border-right: 1px solid #000;
}

.prod-best-review-swiper > .swiper-wrapper > .swiper-slide .star-rating-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-top: var(--spacing-2xs);
	height: 22px;
}

.prod-best-review-swiper > .swiper-wrapper > .swiper-slide .review-prod-name {
	margin-top: var(--spacing-5xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.prod-best-review-swiper > .swiper-wrapper > .swiper-slide .review-contents {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 30px;
	line-height: 15px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.prod-best-review-swiper > .swiper-wrapper > .swiper-slide .bar-group {
	margin-top: var(--spacing-3xs);
}

.prod-best-review-swiper > .swiper-wrapper > .swiper-slide .thumb-box {
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.prod-best-review-swiper > .swiper-wrapper > .swiper-slide .thumb-box a {
	display: block;
}

.prod-best-review-swiper > .swiper-wrapper > .swiper-slide .thumb-box a .thumb-box-inner {
	padding-top: 138%;
}

.prod-best-review-swiper > .swiper-wrapper > .swiper-slide .thumb-box a .thumb-box-inner img {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.prod-recommend-review-item .prod-recommend-review {
	position: relative;
}

.prod-recommend-review-item .prod-recommend-review .thumb-box {
	position: relative;
	width: 100%;
	padding-top: 100%;
}

.prod-recommend-review-item .prod-recommend-review .thumb-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-o-object-fit: cover;
	object-fit: cover;
}

.prod-recommend-review-item .prod-recommend-review .review-info-area {
	margin-top: 17px;
}

.prod-recommend-review-item .prod-recommend-review .review-info-area .star-rating-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	height: 22px;
}

.prod-recommend-review-item .prod-recommend-review .review-info-area .review-contents {
	margin-top: var(--spacing-5xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 45px;
	line-height: 15px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.prod-recommend-review-item .prod-recommend-review .review-info-area .bar-group {
	margin-top: var(--spacing-2xs);
}

.prod-review-detail-banner {
	position: relative;
	height: 449px;
}

.prod-review-detail-banner .thumb-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.prod-review-detail-banner .thumb-box:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 150px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}

.prod-review-detail-banner .text-box {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	z-index: 1;
	padding-right: var(--spacing-lg);
	padding-left: var(--spacing-lg);
}

.prod-review-detail-banner .text-box .title {
	margin-top: var(--spacing-xs);
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	color: #fff;
}

.prod-review-detail-banner .text-box .sub-text {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #fff;
}

/* e : 상품리뷰 */
/* s : 런칭캘린더 */
.count-down-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-bottom: var(--spacing-def);
}

.count-down-info .count {
	margin-left: auto;
	font-size: 54px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 65px;
}

.launching-calendar-swiper {
	margin-right: calc(-1 * var(--spacing-def));
	padding-right: var(--spacing-def);
}

.launching-calendar-swiper > .swiper-wrapper > .swiper-slide {
	position: relative;
	padding-right: var(--spacing-def);
	padding-left: var(--spacing-def);
	border-left: 1px solid #000;
}

.launching-calendar-swiper > .swiper-wrapper > .swiper-slide:last-child {
	border-right: 1px solid #000;
}

.launching-calendar-swiper > .swiper-wrapper > .swiper-slide .star-rating-box {
	margin-top: var(--spacing-xs);
}

.launching-calendar-swiper > .swiper-wrapper > .swiper-slide .review-prod-name {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.launching-calendar-swiper > .swiper-wrapper > .swiper-slide .review-contents {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 30px;
	line-height: 15px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.launching-calendar-swiper > .swiper-wrapper > .swiper-slide .bar-group {
	margin-top: var(--spacing-def);
}

.launching-calendar-swiper > .swiper-wrapper > .swiper-slide .thumb-box {
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.launching-calendar-swiper > .swiper-wrapper > .swiper-slide .thumb-box a {
	display: block;
}

.launching-calendar-swiper > .swiper-wrapper > .swiper-slide .thumb-box a .thumb-box-inner {
	padding-top: 138%;
}

.launching-calendar-swiper > .swiper-wrapper > .swiper-slide .thumb-box a .thumb-box-inner img {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

/* e : 런칭캘린더 */
/* s : 얼리버드 10% */
.d-day-early-bird-swiper {
	position: relative;
	margin-right: calc(var(--spacing-def) * -1);
	padding-top: 53px;
	padding-right: var(--spacing-def);
}

.d-day-early-bird-swiper .count-down-info {
	align-items: flex-start;
	flex-direction: column;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	margin-bottom: 0;
}

.d-day-early-bird-swiper.swiper-initialized > .swiper-wrapper > .swiper-slide {
	transform-origin: top left;
	-moz-transition: transform 0.2s ease-out;
	-webkit-transition: transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
}

.d-day-early-bird-swiper.swiper-initialized > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) {
	-moz-transform: scale(0.6);
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
}

.d-day-early-bird-swiper.swiper-initialized > .swiper-wrapper > .swiper-slide:not(.swiper-slide-active) .info-box {
	display: none;
}

.d-day-early-bird-swiper.no-control > .swiper-wrapper {
	justify-content: center;
}

.d-day-early-bird-swiper.no-control > .swiper-wrapper > .swiper-slide {
	width: 78.12%;
}

/* e : 얼리버드 10% */
/* s : 룩북 */
.cont-box .cont-inner .look-book-picker-list {
	gap: var(--spacing-3xl) 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}

.cont-box .cont-inner .look-book-picker-list .grid-item.type-look-book .thumb-exhibit-inner .info-box {
	margin-top: 17px;
}

.cont-box .cont-inner .look-book-picker-list .grid-item.type-look-book .thumb-exhibit-inner .info-box .exhibit-brand {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.cont-box .cont-inner .look-book-picker-list .grid-item.type-look-book .thumb-exhibit-inner .info-box .exhibit-brand + .exhibit-title {
	margin-top: var(--spacing-5xs);
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
}

.cont-box .cont-inner .look-book-picker-list .grid-item.type-look-book .thumb-exhibit-inner .info-box .exhibit-title {
	padding-right: var(--spacing-xl);
	background: url("../images/common/comm_ico_arr_right_h20.svg") right 20px center no-repeat;
	background-size: 20px;
}

.grid-item.type-look-book .thumb-exhibit-inner .thumb-box {
	z-index: unset;
}

.look-book-detail-wrap {
	position: relative;
}

.look-book-detail-wrap .look-book-img-swiper .swiper .swiper-wrapper .swiper-slide .thumb-box {
	position: relative;
	width: 100%;
	height: 540px;
}

.look-book-detail-wrap .look-book-img-swiper .swiper .swiper-wrapper .swiper-slide .thumb-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 0;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-o-object-fit: cover;
	object-fit: cover;
}

.look-book-detail-wrap .look-book-img-swiper .swiper .swiper-wrapper .swiper-slide .thumb-box:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 80px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: 1;
}

.look-book-detail-wrap .look-book-img-swiper .swiper-navigation {
	position: static;
	width: auto;
	height: 0;
}

.look-book-detail-wrap .look-book-img-swiper .swiper-navigation .swiper-prev,
.look-book-detail-wrap .look-book-img-swiper .swiper-navigation .swiper-next {
	width: 50px;
	height: 50px;
	position: absolute;
	top: calc(50% - 25px);
	z-index: 2;
	background: transparent;
}

.look-book-detail-wrap .look-book-img-swiper .swiper-navigation .swiper-prev:before,
.look-book-detail-wrap .look-book-img-swiper .swiper-navigation .swiper-next:before {
	width: 50px;
	height: 50px;
	background-size: 50px;
}

.look-book-detail-wrap .look-book-img-swiper .swiper-navigation .swiper-prev.swiper-button-disabled:before,
.look-book-detail-wrap .look-book-img-swiper .swiper-navigation .swiper-next.swiper-button-disabled:before {
	opacity: 0.3;
}

.look-book-detail-wrap .look-book-img-swiper .swiper-navigation .swiper-prev {
	left: 0;
}

.look-book-detail-wrap .look-book-img-swiper .swiper-navigation .swiper-next {
	right: 0;
}

.look-book-detail-wrap .look-book-img-gallery-swiper {
	position: absolute;
	max-width: 100%;
	padding-right: var(--spacing-def);
	padding-left: var(--spacing-def);
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 20px;
}

.look-book-detail-wrap .look-book-img-gallery-swiper .swiper-wrapper .swiper-slide {
	position: relative;
	width: 40px;
	height: 40px;
}

.look-book-detail-wrap .look-book-img-gallery-swiper .swiper-wrapper .swiper-slide:before, .look-book-detail-wrap .look-book-img-gallery-swiper .swiper-wrapper .swiper-slide:after {
	content: "";
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.look-book-detail-wrap .look-book-img-gallery-swiper .swiper-wrapper .swiper-slide:before {
	border: 3px solid #fff;
}

.look-book-detail-wrap .look-book-img-gallery-swiper .swiper-wrapper .swiper-slide:after {
	border: 1px solid #000;
}

.look-book-detail-wrap .look-book-img-gallery-swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:before, .look-book-detail-wrap .look-book-img-gallery-swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after {
	opacity: 1;
}

.look-book-detail-wrap .look-book-img-gallery-swiper .swiper-wrapper .swiper-slide ~ .swiper-slide {
	margin-left: var(--spacing-6xs);
}

/* e : 룩북 */
.magazine-list .magazine-item + .magazine-item {
	margin-top: var(--spacing-3xl);
}

.magazine-list .magazine-item .thumb-exhibit-inner {
	position: relative;
}

.magazine-list .magazine-item .thumb-exhibit-inner .thumb-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.magazine-list .magazine-item .thumb-exhibit-inner .info-box {
	margin-top: var(--spacing-def);
}

.magazine-list .magazine-item .thumb-exhibit-inner .info-box .exhibit-brand {
	margin-bottom: var(--spacing-5xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #aaa;
}

.magazine-list .magazine-item .thumb-exhibit-inner .info-box .exhibit-title {
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 19px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.magazine-list .magazine-item .thumb-exhibit-inner .info-box .exhibit-desc {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
	margin-top: var(--spacing-3xs);
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 19px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.magazine-list .magazine-item .prod-list-box .prod-list {
	display: flex;
	justify-content: flex-start;
	gap: var(--spacing-5xs);
}

.magazine-list .magazine-item .prod-list-box .prod-item {
	display: flex;
	position: relative;
	flex: 0 0 60px;
}

.magazine-list .magazine-item .prod-list-box .prod-item .thumb-box {
	position: relative;
	flex: 0 0 60px;
}

.magazine-list .magazine-item .prod-list-box .prod-item .thumb-box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.ico-arw-down-w {
	margin-left: var(--spacing-5xs);
}

.cont-date {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #999;
}

.recomm-magazine-cont-box .grid-item.thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.exhibition-page-title-banner-wrap {
	position: relative;
	height: 180px;
	overflow: hidden;
}

.exhibition-page-title-banner-wrap .page-title-box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	color: #fff;
	width: 100%;
}

.exhibition-page-title-banner-wrap .page-title-box .cont-title-eng-sm {
	margin-bottom: var(--spacing-5xs);
}

.exhibition-page-title-banner-wrap .img-box {
	position: relative;
}

.exhibition-page-title-banner-wrap .img-box::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
}

.group-order-step-area {
	border-top: 1px solid rgba(229, 229, 229, 0.6);
}

.group-order-step-area .service-step-list .step-item {
	position: relative;
	display: flex;
	gap: var(--spacing-2xs);
}

.group-order-step-area .service-step-list .step-item img,
.group-order-step-area .service-step-list .step-item .step-info {
	position: relative;
	z-index: 1;
}

.group-order-step-area .service-step-list .step-item img {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
}

.group-order-step-area .service-step-list .step-item .step-info {
	margin-top: var(--spacing-5xs);
}

.group-order-step-area .service-step-list .step-item .step-info .step-no {
	color: rgba(0, 0, 0, 0.3);
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 14px;
}

.group-order-step-area .service-step-list .step-item .step-info .step-name {
	margin-top: var(--spacing-min);
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.group-order-step-area .service-step-list .step-item .step-info .step-desc {
	color: #666;
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.group-order-step-area .service-step-list .step-item + .step-item {
	padding-top: var(--spacing-def);
}

.group-order-step-area .service-step-list .step-item:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
	background-size: 1px 4px, 1px 100%;
	left: 24px;
	top: 0;
	bottom: 0;
}

.group-order-step-area .service-step-list .step-item:last-child:before {
	height: 20px;
	bottom: unset;
}

.right-area .link-view-more .ico-view-more.size-sm {
	width: 20px;
	height: 20px;
	background: #000;
	-webkit-mask-image: url("../images/exhibition/exhibition_ico_arr_right_bold_h20.svg");
	mask-image: url("../images/exhibition/exhibition_ico_arr_right_bold_h20.svg");
}

.faq-list-box .faq-list .faq-item {
	border-top: 1px solid #e5e5e5;
	padding: var(--spacing-md) 0;
}

.faq-list-box .faq-list .faq-item:last-child {
	border-bottom: 1px solid #e5e5e5;
}

.faq-list-box .faq-list .faq-item .faq-content-box {
	display: flex;
	gap: var(--spacing-3xs);
}

.faq-list-box .faq-list .faq-item .faq-content-box ~ .faq-content-box {
	margin-top: var(--spacing-3xs);
}

.faq-list-box .faq-list .faq-item .faq-content-box .faq-content-title {
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
}

.faq-list-box .faq-list .faq-item .faq-content-box .faq-content-text {
	word-break: keep-all;
	word-wrap: break-word;
}

.faq-list-box .faq-list .faq-item .faq-content-box .faq-content-text.question {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.faq-list-box .faq-list .faq-item .faq-content-box .faq-content-text.answer {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	word-break: keep-all;
	word-wrap: break-word;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.agree-chk-wrap .agree-chk-box .ui-chk .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.agree-chk-wrap .agree-chk-box .info-text-box {
	margin-top: var(--spacing-3xs);
	padding: var(--spacing-xs);
	background-color: #f5f5f5;
}

.agree-chk-wrap .agree-chk-box .info-text-box.personal-info-box {
	height: 150px;
	overflow-y: auto;
}

.agree-chk-wrap .agree-chk-box .info-text-box .info-text-list .decimal-text {
	color: #666;
}

.agree-chk-wrap .agree-chk-box .info-text-box .info-text-list.main-content > .decimal-text ~ .decimal-text {
	margin-top: var(--spacing-def);
}

.agree-chk-wrap .agree-chk-box .info-text-box .info-text-list.sub-content {
	margin-left: var(--spacing-3xs);
}

.agree-chk-wrap .agree-chk-box .info-text-box .info-text-list.sub-content.keep-period-info {
	margin-top: var(--spacing-def);
}

.agree-chk-wrap .agree-chk-box .info-text-box .info-text-list.sub-content .dash-text {
	margin-left: var(--spacing-3xs);
}

.codi-brand-tab .swiper-wrapper {
	width: 100%;
}

.codi-brand-tab .swiper-wrapper .tab-item {
	flex: 1 0 auto !important;
}

.coordination-list .coordination-item .coordination-thumb-box .swiper-progress-wrap {
	position: relative;
	margin-bottom: var(--spacing-xs);
}

.coordination-list .coordination-item .coordination-thumb-box .swiper-progress-wrap .img-box {
	padding-top: 125%;
}

.coordination-list .coordination-item .coordination-thumb-box .swiper-progress-wrap .img-box img {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}

.coordination-list .coordination-item .coordination-thumb-box .swiper-progress-wrap .swiper-pagination {
	position: absolute;
	top: unset;
	bottom: 20px;
}

.coordination-list .coordination-item .grid-list .prod-title .fc-spot {
	margin-right: var(--spacing-min);
}

.coordination-list .coordination-item ~ .coordination-item {
	margin-top: var(--spacing-3xl);
}

.ui-dialog.dialog-codi {
	position: relative;
}

.ui-dialog.dialog-codi .cont-box {
	overflow: unset;
}

.ui-dialog.dialog-codi .dialog-header {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: 10;
	color: #fff;
}

.ui-dialog.dialog-codi .dialog-header .btn-share {
	width: 22px;
	height: 22px;
	background: #fff;
	-webkit-mask-image: url("../images/common/comm_ico_share.svg");
	mask-image: url("../images/common/comm_ico_share.svg");
}

.ui-dialog.dialog-codi .dialog-header .codi-select {
	height: 20px;
	width: 84px;
	margin-top: var(--spacing-5xs);
}

.ui-dialog.dialog-codi .dialog-header .codi-select .ui-selectmenu-button {
	background-color: transparent;
	height: 100%;
	border: none;
	padding: 0;
	padding-right: var(--spacing-md);
	background: url("../images/form/ico_select_arr_white_h20.svg") no-repeat center right/20px;
}

.ui-dialog.dialog-codi .dialog-header .codi-select .ui-selectmenu-button .ui-selectmenu-text {
	color: rgba(255, 255, 255, 0.85);
	font-size: 13px;
}

.ui-dialog.dialog-codi .dialog-body {
	padding-top: 0 !important;
	margin-top: calc(var(--spacing-4xl) * -1);
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap {
	position: relative;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-swiper .swiper .swiper-slide .thumb-box {
	width: 100%;
	padding-top: 150%;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-swiper .swiper .swiper-slide .thumb-box img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-swiper .swiper .swiper-slide .thumb-box:before {
	content: "";
	display: inline-block;
	width: 100%;
	height: 80px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: 1;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-swiper .swiper-navigation.coordi-nav {
	position: static;
	height: auto;
	width: auto;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-swiper .swiper-navigation.coordi-nav .swiper-prev,
.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-swiper .swiper-navigation.coordi-nav .swiper-next {
	width: 50px;
	height: 50px;
	position: absolute;
	top: calc(50% - 25px);
	z-index: 2;
	background: transparent;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-swiper .swiper-navigation.coordi-nav .swiper-prev:before,
.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-swiper .swiper-navigation.coordi-nav .swiper-next:before {
	width: 50px;
	height: 50px;
	background-size: 50px;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-swiper .swiper-navigation.coordi-nav .swiper-prev.swiper-button-disabled:before,
.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-swiper .swiper-navigation.coordi-nav .swiper-next.swiper-button-disabled:before {
	opacity: 0.3;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-swiper .swiper-navigation.coordi-nav .swiper-prev {
	left: 0;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-swiper .swiper-navigation.coordi-nav .swiper-next {
	right: 0;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-gallery-swiper {
	position: absolute;
	max-width: 100%;
	padding-right: var(--spacing-def);
	padding-left: var(--spacing-def);
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 20px;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-gallery-swiper .swiper-wrapper .swiper-slide {
	position: relative;
	width: 40px;
	height: 40px;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-gallery-swiper .swiper-wrapper .swiper-slide:before, .ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-gallery-swiper .swiper-wrapper .swiper-slide:after {
	content: "";
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-gallery-swiper .swiper-wrapper .swiper-slide:before {
	border: 3px solid #fff;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-gallery-swiper .swiper-wrapper .swiper-slide:after {
	border: 1px solid #000;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-gallery-swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:before, .ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-gallery-swiper .swiper-wrapper .swiper-slide.swiper-slide-thumb-active:after {
	opacity: 1;
}

.ui-dialog.dialog-codi .dialog-body .coordi-detail-wrap .coordi-img-gallery-swiper .swiper-wrapper .swiper-slide ~ .swiper-slide {
	margin-left: var(--spacing-6xs);
}

.ui-dialog.dialog-codi .dialog-close {
	background: #fff !important;
	z-index: 10;
}

.ui-dialog .coordination-list .grid-list .prod-title .fc-spot {
	margin-right: var(--spacing-min);
}

.ui-dialog.dialog-lookbook .cont-box {
	overflow: unset;
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.roulette-result-wrap .complete-wrap .ico-roulette-fail, .roulette-result-wrap .complete-wrap .ico-roulette-prize, .qna-event-result-wrap .qna-event-list .qna-event-item .answer-list .answer-item [class^=ico] {
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
}

.raffle-marquee-wrap {
	overflow: hidden;
}

.raffle-marquee-wrap .marquee-box,
.raffle-marquee-wrap .original-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.raffle-marquee-wrap .marquee-item .text {
	white-space: nowrap;
	min-width: fit-content;
}

.initialized.raffle-marquee-wrap .marquee-box .marquee-item {
	-webkit-animation-name: marquee;
	animation-name: marquee;
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

/* s : 기획전/이벤트 목록 */
.promotion-banner-swiper .swiper-wrapper .swiper-slide {
	width: 100%;
	padding-top: 124.706%;
	position: relative;
}

.promotion-banner-swiper .swiper-wrapper .swiper-slide .thumb-box {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.promotion-banner-swiper .swiper-wrapper .swiper-slide .thumb-box:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 180px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}

.promotion-banner-swiper .swiper-wrapper .swiper-slide .text-box {
	position: absolute;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 35px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

.promotion-banner-swiper .swiper-wrapper .swiper-slide .text-box .brand-name {
	margin-bottom: var(--spacing-5xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
	color: rgba(255, 255, 255, 0.85);
}

.promotion-banner-swiper .swiper-wrapper .swiper-slide .text-box .title {
	font-size: 24px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 32px;
	color: #fff;
}

.promotion-banner-swiper .swiper-wrapper .swiper-slide .text-box .title:not(.full-text) {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.promotion-banner-swiper .swiper-wrapper .swiper-slide .text-box .promotion-duration {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.85);
}

/* e : 기획전/이벤트 목록 */
/* s : 기획전/이벤트 상세 */
.edit-cont-box .tabs {
	position: sticky;
	top: 60px;
	z-index: 10;
}

.edit-cont-box .btn-floating-view-ticket-prod {
	display: -ms-inline-flexbox;
	display: inline-flex;
	display: -webkit-inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	height: 34px;
	padding: var(--spacing-2xs) var(--spacing-def);
	position: fixed;
	bottom: 72px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #000;
	background: rgba(255, 255, 255, 0.85);
	-moz-backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	border: 1px solid #000;
	border-radius: 20px;
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 15px;
	z-index: 20;
}

.edit-cont-box .btn-floating-view-ticket-prod.hide {
	display: none;
}

.tab-wrap.promotion-category-tab-wrap .tabs {
	padding: 0;
	margin: 0;
}

.tab-wrap.promotion-category-tab-wrap .tabs .tab-item {
	flex: 1 0 33.3333333333%;
}

.tab-wrap.promotion-category-tab-wrap .tabs .tab-item .tab-link {
	width: 100%;
	background: #000;
	border: 0;
	padding-top: var(--spacing-xs);
	padding-bottom: 15px;
	text-align: center;
}

.tab-wrap.promotion-category-tab-wrap .tabs .tab-item .tab-link .tab-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.6);
}

.tab-wrap.promotion-category-tab-wrap .tabs .tab-item.ui-state-active {
	border: 0;
}

.tab-wrap.promotion-category-tab-wrap .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #fff;
}

.promotion-coupon-box .cont-title-wrap {
	margin-bottom: var(--spacing-xl);
}

.promotion-coupon-box .cont-title-wrap .cont-title {
	width: 100%;
	text-align: center;
}

.promotion-coupon-box .coupon-list .coupon-item .left-area {
	padding: var(--spacing-def);
}

.promotion-coupon-box .coupon-list .coupon-item .left-area .coupon-name {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 34px;
	line-height: 17px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.promotion-coupon-box .coupon-list .coupon-item .left-area .info-text-list .fc-gray5 {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.promotion-image-link-coupon-box .promotion-coupon-wrap {
	color: #fff;
}

.promotion-image-link-coupon-box .promotion-coupon-wrap .cont-title-wrap {
	flex-direction: column;
	justify-content: center;
}

.promotion-image-link-coupon-box .promotion-coupon-wrap .cont-title-wrap .raffle-step {
	width: 50px;
	height: 50px;
	margin-bottom: var(--spacing-xs);
	border-radius: 25px;
	background: #eaf0e5;
	font-size: 20px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 50px;
	color: rgba(0, 0, 0, 0.2);
}

.promotion-image-link-coupon-box .promotion-coupon-wrap .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.promotion-image-link-coupon-box .promotion-coupon-wrap .used-valid-period {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.promotion-image-link-coupon-box .promotion-coupon-wrap .used-valid-period .text {
	margin-right: var(--spacing-6xs);
}

.promotion-image-link-coupon-box .promotion-coupon-wrap .notice-box {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.promotion-image-link-coupon-box .promotion-coupon-wrap .notice-box .text {
	padding-left: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.promotion-image-link-coupon-box .promotion-coupon-wrap .notice-box .dot-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.promotion-coupon-box .promotion-coupon-list {
	justify-content: center;
}

.promotion-coupon-box .btn-wrap {
	justify-content: center;
}

.comment-list {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.comment-list .comment-item {
	padding-top: var(--spacing-md);
	padding-bottom: var(--spacing-md);
}

.comment-list .comment-item ~ .comment-item {
	border-top: 1px solid #e5e5e5;
}

.comment-list .comment-item .comment-contents .comment-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.comment-list .comment-item .comment-contents .comment-info {
	margin-top: var(--spacing-3xs);
}

.comment-list .comment-item .comment-reply {
	margin-top: var(--spacing-def);
	padding-left: var(--spacing-2xs);
}

.comment-list .comment-item .comment-reply .reply-header {
	position: relative;
	color: #fe4400;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.comment-list .comment-item .comment-reply .reply-header:before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-left: 1px solid #fe4400;
	border-bottom: 1px solid #fe4400;
	position: absolute;
	top: 5px;
	left: -12px;
}

.comment-list .comment-item .comment-reply .reply-text {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.comment-list .comment-item .comment-reply .reply-date {
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #999;
}

.time-deal-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 180px;
	padding: var(--spacing-xs);
}

.time-deal-info .deal-count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-top: var(--spacing-3xs);
}

.time-deal-info .deal-count .date-count,
.time-deal-info .deal-count .time-count {
	font-size: 26px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 26px;
	color: inherit;
}

.time-deal-info .deal-count .date-count:after {
	content: " | ";
	display: inline-block;
	margin-left: var(--spacing-2xs);
	width: 6px;
	height: 17px;
	overflow: hidden;
}

.time-deal-info .deal-count .date-count ~ .time-count {
	position: relative;
	padding-left: var(--spacing-xs);
}

.time-deal-info .deal-count .time-count .count ~ .count {
	padding: 0 var(--spacing-4xs);
}

.ticket-promo-list .thumb-exhibit {
	display: flex;
	flex-direction: column;
}

.ticket-promo-list .thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.ticket-promo-list .thumb-exhibit .thumb-exhibit-inner .info-box .exhibit-title.multi-line {
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.wrapper.showcase-wrapper {
	padding-bottom: 0;
}

.wrapper.showcase-wrapper .showcase-wrap {
	height: var(--reVh, 100vh);
	overflow: hidden;
}

.wrapper.showcase-wrapper.type-editor {
	padding-bottom: 56px;
}

.wrapper.showcase-wrapper.type-editor .showcase-wrap {
	overflow: auto;
}

.showcase-wrap .swiper-nav-wrap {
	height: var(--reVh, 1vh);
}

.showcase-wrap .swiper-nav-wrap .swiper-progress {
	position: absolute;
	top: 16px;
	left: 20px;
	right: 20px;
	z-index: 10;
	display: flex;
	gap: 4px;
}

.showcase-wrap .swiper-nav-wrap .progress-bar {
	flex: 1;
	height: 2px;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	overflow: hidden;
}

.showcase-wrap .swiper-nav-wrap .progress-bar-fill {
	width: 0;
	height: 100%;
	background-color: #000;
}

.showcase-wrap .swiper-nav-wrap .swiper {
	height: var(--reVh, 1vh);
}

.showcase-wrap .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide {
	display: flex;
	justify-content: center;
	height: var(--reVh, 1vh) !important;
}

.showcase-wrap .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide .video-box {
	background: #000;
}

.showcase-wrap .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide video,
.showcase-wrap .swiper-nav-wrap .swiper .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: var(--reVh, 1vh);
	object-fit: cover;
}

.showcase-wrap .swiper-nav-wrap .swiper-navigation {
	position: static;
}

.showcase-wrap .swiper-nav-wrap .swiper-navigation .swiper-prev,
.showcase-wrap .swiper-nav-wrap .swiper-navigation .swiper-next {
	position: absolute;
	top: 12%;
	background-color: transparent;
	width: 50%;
	height: 75%;
	z-index: 10;
}

.showcase-wrap .swiper-nav-wrap .swiper-navigation .swiper-prev:before,
.showcase-wrap .swiper-nav-wrap .swiper-navigation .swiper-next:before {
	background: transparent;
}

.showcase-wrap .swiper-nav-wrap .swiper-navigation .swiper-prev {
	left: 0;
}

.showcase-wrap .swiper-nav-wrap .swiper-navigation .swiper-next {
	right: 0;
}

.showcase-wrap .swiper-nav-wrap:not(.auto-play) .swiper-navigation {
	display: block;
}

.showcase-wrap .edit-cont-box {
	height: var(--reVh, 100vh);
}

.docker-wrapper.w-type {
	background: rgba(255, 255, 255, 0.85);
	-moz-backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}

.docker-wrapper.w-type .control-wrap {
	display: flex;
	align-items: center;
	height: 70px;
	padding: 0 var(--spacing-def);
}

.docker-wrapper.w-type .control-wrap .control-floating-wrap .btn-play,
.docker-wrapper.w-type .control-wrap .control-floating-wrap .btn-music {
	display: inline-block;
	width: 22px;
	height: 22px;
}

.docker-wrapper.w-type .control-wrap .control-floating-wrap [class^=btn-] ~ [class^=btn-] {
	margin-left: var(--spacing-5xs);
}

.docker-wrapper.w-type .control-wrap .control-floating-wrap .btn-play {
	background: url("../images/exhibition/ico_showcase_swiper_pause.svg") 0 0 no-repeat;
	background-size: cover;
}

.docker-wrapper.w-type .control-wrap .control-floating-wrap .btn-play.paused {
	background: url("../images/exhibition/ico_showcase_swiper_play.svg") 0 0 no-repeat;
	background-size: cover;
}

.docker-wrapper.w-type .control-wrap .control-floating-wrap .btn-music {
	background: url("../images/exhibition/ico_showcase_music_on.svg") 0 0 no-repeat;
	background-size: cover;
}

.docker-wrapper.w-type .control-wrap .control-floating-wrap .btn-music.paused {
	background: url("../images/exhibition/ico_showcase_music_off.svg") 0 0 no-repeat;
	background-size: cover;
}

.docker-wrapper.w-type .control-wrap .btn-sm {
	border-radius: 17px;
	margin: 0 auto;
}

.docker-wrapper.w-type .control-wrap .btn-event {
	min-width: 64px;
	line-height: 34px;
}

.docker-wrapper.w-type .control-wrap .btn-event .ico-badge-gift {
	margin: var(--spacing-4xs) var(--spacing-6xs) 0 0;
}

.roulette-event-wrap {
	position: relative;
	overflow: hidden;
}

.roulette-event-wrap .bg-roulette {
	width: 100%;
}

.roulette-event-wrap .roulette-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	padding: 0 var(--spacing-def);
	margin: 0 auto;
}

.roulette-event-wrap .roulette-wrap .roulette-title {
	text-align: center;
}

.roulette-event-wrap .roulette-wrap .roulette-title img {
	width: 61.111%;
}

.roulette-event-wrap .roulette-wrap .roulette-img-box {
	position: relative;
	max-width: 100%;
	margin-top: 110.625%;
	margin-left: auto;
	margin-right: auto;
}

.roulette-event-wrap .roulette-wrap .roulette-img-box .roulette img {
	width: 100%;
	-moz-transition: transform 4.5s cubic-bezier(0, 0.4, 0.44, 1.04);
	-webkit-transition: transform 4.5s cubic-bezier(0, 0.4, 0.44, 1.04);
	transition: transform 4.5s cubic-bezier(0, 0.4, 0.44, 1.04);
}

.roulette-event-wrap .roulette-wrap .roulette-img-box .pin {
	position: absolute;
	display: inline-block;
	width: 8.75%;
	height: 13.75%;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	top: -4.0625%;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
}

.roulette-event-wrap .roulette-wrap .roulette-img-box .dk-logo {
	display: block;
	width: 33.33%;
	height: 33.33%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.roulette-event-wrap .roulette-wrap .btn-roulette {
	margin-top: var(--spacing-lg);
	width: 100%;
}

.raffle-cont-box .cont-title-wrap {
	justify-content: center;
	text-align: center;
	margin-bottom: var(--spacing-xl);
}

.raffle-cont-box .cont-title-wrap .raffle-step {
	width: 50px;
	height: 50px;
	margin-bottom: var(--spacing-xs);
	border-radius: 25px;
	background: #eaf0e5;
	font-size: 20px;
	letter-spacing: -0.025em;
	font-weight: 700;
	line-height: 50px;
	color: rgba(0, 0, 0, 0.2);
}

.raffle-cont-box .cont-title-wrap .cont-title-eng-sm {
	width: 100%;
}

.raffle-cont-box .cont-title-wrap .stext-sm {
	color: rgba(0, 0, 0, 0.5);
}

.raffle-cont-box .grid-list {
	gap: var(--spacing-2xl);
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal-info {
	position: absolute;
	display: inline-block;
	border-radius: 12px;
	font-size: 0;
	z-index: 2;
	top: 7px;
	left: 50%;
	min-width: 92px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	background: #000;
	padding: var(--spacing-5xs) var(--spacing-4xs);
	border-radius: 17px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal-info .deal-count {
	margin-top: 0;
	color: #fff;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal-info .deal-count::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: var(--spacing-min);
	background: url("../images/product/ico_time_deal.svg") 0 0 no-repeat;
	background-size: cover;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal-info .deal-count .date-count,
.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .thumb-box .time-deal-info .deal-count .time-count {
	display: inline-block;
	padding: var(--spacing-min) var(--spacing-min) 0;
	border: 0;
	font-size: 16px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 16px;
	font-size: 18px;
	line-height: 18px;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .info-box {
	margin-top: 17px;
	text-align: center;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-brand {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-title {
	margin-top: var(--spacing-4xs);
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: var(--spacing-xs);
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-price .percent {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-price .price-group:not(.origin) .val,
.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-price .price-group:not(.origin) .unit {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 22px;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-price .price-group.origin {
	order: 3;
	margin-left: 3px;
	margin-bottom: 0;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-price .price-group.origin .val,
.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-price .price-group.origin .unit {
	font-size: 16px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 22px;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .info-box .prod-price .price-group.origin .unit {
	position: absolute !important;
	display: block;
	overflow: hidden;
	height: 1px;
	width: 1px;
	clip: rect(1px, 1px, 1px, 1px);
	font-size: 14px !important;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .btn-wrap {
	position: relative;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .btn-wrap .attendance-balloon {
	position: absolute;
	top: -12px;
	right: 10px;
	color: #fff;
	background: #fe4400;
	border-radius: 24px;
	padding: calc(var(--spacing-6xs) + 1px) var(--spacing-2xs) var(--spacing-6xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .btn-wrap .attendance-balloon:after {
	content: "";
	position: absolute;
	border-top: 8px solid #fe4400;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 0 solid transparent;
	bottom: calc(var(--spacing-6xs) * -1);
	right: 12px;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .gray-box-sm .stext-sm {
	text-align: center;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod .thumb-prod-inner .gray-box-sm .stext-sm + .stext-sm {
	margin-top: 7px;
}

.raffle-cont-box .grid-list .grid-item.thumb-prod ~ .grid-item.thumb-prod {
	padding-top: var(--spacing-2xl);
	border-top: 1px solid #e5e5e5;
}

.raffle-marquee-wrap {
	background: #000;
	padding-top: 14px;
	padding-bottom: var(--spacing-2xs);
}

.raffle-marquee-wrap .marquee-item {
	padding-right: var(--spacing-3xs);
	padding-left: var(--spacing-3xs);
}

.raffle-marquee-wrap .marquee-item .text {
	font-size: 24px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 24px;
	color: #fff;
}

.attendance-wrap .attendance-title {
	width: 100%;
}

.attendance-wrap .calendar-wrap {
	width: 100%;
	padding: var(--spacing-def);
	background: #fff;
}

.attendance-wrap .calendar-wrap .calendar-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: end;
	-moz-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	margin-bottom: var(--spacing-def);
}

.attendance-wrap .calendar-wrap .calendar-header .left-area .month {
	font-size: 60px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 60px;
}

.attendance-wrap .calendar-wrap .calendar-header .left-area .year {
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
}

.attendance-wrap .calendar-wrap .calendar-header .left-area .day {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
}

.attendance-wrap .calendar-wrap .calendar-header .right-area .text-attendance {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: end;
	-moz-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.attendance-wrap .calendar-wrap .calendar-header .right-area .text-attendance .text,
.attendance-wrap .calendar-wrap .calendar-header .right-area .text-attendance .unit {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 17px;
}

.attendance-wrap .calendar-wrap .calendar-header .right-area .text-attendance .num {
	margin-left: var(--spacing-6xs);
	margin-bottom: calc(-1 * var(--spacing-6xs));
	font-size: 40px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 40px;
}

.attendance-wrap .calendar-wrap .calendar-header .right-area .text-attendance .unit {
	margin-left: var(--spacing-min);
}

.attendance-wrap .calendar-wrap .calendar-header .right-area .text-attendance .reward-guide {
	position: absolute;
	color: #fff;
	background: #fe4400;
	border-radius: 24px;
	padding: var(--spacing-5xs) 14px;
	font-size: 11px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 15px;
	right: 0;
	bottom: calc(100% + var(--spacing-3xs));
	white-space: nowrap;
}

.attendance-wrap .calendar-wrap .calendar-header .right-area .text-attendance .reward-guide:after {
	content: "";
	position: absolute;
	border-top: 8px solid #fe4400;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 0 solid transparent;
	bottom: calc(var(--spacing-6xs) * -1);
	right: 12px;
}

.attendance-wrap .calendar-wrap .calendar-body {
	border-top: 1px solid #000;
	padding-top: var(--spacing-2xs);
	padding-bottom: var(--spacing-3xs);
}

.attendance-wrap .calendar-wrap .calendar-body .tbl-calendar {
	width: 100%;
}

.attendance-wrap .calendar-wrap .calendar-body .tbl-calendar th {
	padding-bottom: var(--spacing-2xs);
	border-bottom: 1px solid #000;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	font-weight: 700;
}

.attendance-wrap .calendar-wrap .calendar-body .tbl-calendar td {
	padding-top: var(--spacing-2xs);
}

.attendance-wrap .calendar-wrap .calendar-body .tbl-calendar td .day {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
	max-width: 40px;
	height: 40px;
	margin: 0 auto;
}

.attendance-wrap .calendar-wrap .calendar-body .tbl-calendar td .day .day-num {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
}

.attendance-wrap .calendar-wrap .calendar-body .tbl-calendar td .day.today.attendance {
	background-position: center bottom 5px;
}

.attendance-wrap .calendar-wrap .calendar-body .tbl-calendar td .day.attendance:after {
	content: "";
	width: 100%;
	max-width: 40px;
	height: 40px;
	padding-top: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: url("../images/promotion/summer_black_week_stamp.png") no-repeat;
	background-size: contain;
}

.attendance-wrap .calendar-wrap .calendar-body .tbl-calendar td .day.off {
	color: #bfbfbf;
}

.attendance-benefit-wrap {
	background: #0b1172;
	padding: var(--spacing-3xl) var(--spacing-lg);
}

.attendance-benefit-wrap .cont-title-wrap {
	margin-bottom: var(--spacing-xl);
}

.attendance-benefit-wrap .cont-title-wrap .cont-title {
	width: 100%;
	color: #fff;
	text-align: center;
}

.attendance-benefit-wrap .attendance-benefit-list .benefit-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.attendance-benefit-wrap .attendance-benefit-list .benefit-item .img-box {
	width: 72px;
	height: 72px;
	flex-shrink: 0;
	margin-right: var(--spacing-def);
}

.attendance-benefit-wrap .attendance-benefit-list .benefit-item .desc-box .benefit-desc {
	font-size: 15px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 21px;
	color: #fff;
}

.attendance-benefit-wrap .attendance-benefit-list .benefit-item .desc-box .benefit-sub-desc {
	margin-top: 9px;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: rgba(255, 255, 255, 0.6);
}

.attendance-benefit-wrap .attendance-benefit-list .benefit-item ~ .benefit-item {
	margin-top: var(--spacing-def);
	padding-top: var(--spacing-def);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* e : 기획전/이벤트 상세 */
.vote-status-box {
	padding: 14px;
	background: #f5f5f5;
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 17px;
}

.vote-status-box.bg-spot {
	background: rgba(254, 68, 0, 0.08);
}

.vote-progress-box .vote-progress-item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.vote-progress-box .vote-progress-item + .vote-progress-item {
	margin-top: var(--spacing-md);
	padding-top: var(--spacing-md);
	border-top: 1px solid rgba(229, 229, 229, 0.6);
}

.vote-progress-box .vote-progress-item .vote-item-name {
	flex: 1;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.vote-progress-box .vote-progress-item .vote-percentage {
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
}

.vote-progress-box .vote-progress-item .progress {
	flex: 0 0 100%;
	height: 4px;
	margin-top: var(--spacing-3xs);
	background: rgba(0, 0, 0, 0.08);
}

.vote-progress-box .vote-progress-item .progress .progress-bar {
	display: inline-block;
	height: 100%;
	background: #000;
	vertical-align: top;
}

.vote-progress-box .vote-progress-item.high-value .vote-percentage,
.vote-progress-box .vote-progress-item.high-value .progress .progress-bar {
	color: #fe4400;
	font-weight: inherit;
}

.vote-progress-box .vote-progress-item.high-value .progress .progress-bar {
	background: #fe4400;
}

.form-cont .input-item {
	margin-bottom: var(--spacing-def);
}

.form-cont .input-item .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
	color: #999;
}

.form-cont .input-item .input-group {
	margin-top: var(--spacing-3xs);
}

.all-chk-wrap .ui-chk input + label .ui-text-wrap .text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.all-chk-wrap .agree-box {
	margin-top: var(--spacing-lg);
	padding-top: var(--spacing-lg);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.all-chk-wrap .agree-box .fold-wrap .fold-list {
	border-top: 0;
}

.all-chk-wrap .agree-box .fold-wrap .fold-list .fold-item {
	border-bottom: 0;
}

.all-chk-wrap .agree-box .fold-wrap .fold-list .fold-item .fold-header {
	padding-top: 0;
	padding-bottom: 0;
}

.all-chk-wrap .agree-box .fold-wrap .fold-list .fold-item ~ .fold-item {
	margin-top: var(--spacing-xs);
}

.all-chk-wrap .agree-box .fold-wrap .fold-list .fold-item .fold-content {
	padding: var(--spacing-xs) 0 0 0;
}

.all-chk-wrap .agree-box .fold-wrap .fold-list .fold-item .fold-content .gray-box-sm {
	max-height: 150px;
	overflow-y: auto;
}

.all-chk-wrap .agree-box .fold-wrap .fold-list .fold-item .fold-content .gray-box-sm .stext-2xs + .info-text-list {
	margin-top: 7px;
}

.all-chk-wrap .agree-box .fold-wrap .fold-list .fold-item .fold-content .gray-box-sm .info-text-list + .stext-2xs {
	margin-top: var(--spacing-3xs);
}

.gray-notice-box {
	background: #f5f5f5;
	margin-top: var(--spacing-2xl);
	padding: var(--spacing-lg) var(--spacing-def);
}

.promotion-related-prod .promotion-prod-header {
	position: sticky;
	background: #fff;
	padding: 0 0 var(--spacing-def);
	left: 0;
	right: 0;
	top: 60px;
	z-index: 10;
}

.promotion-related-prod .promotion-prod-wrap .promotion-prod-box ~ .promotion-prod-box {
	margin-top: var(--spacing-2xl);
}

.promotion-related-prod .cont-inner .grid-list {
	margin: 0;
	column-gap: var(--spacing-3xs);
}

.promotion-related-prod .cont-inner .grid-list .grid-item.thumb-prod .thumb-prod-inner .info-box {
	padding: 0;
}

.promotion-prod-controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

.promotion-prod-controls .btn-grid-filter {
	position: relative;
	width: auto;
	height: 22px;
	margin-left: var(--spacing-3xs);
	padding-left: var(--spacing-3xs);
	background: url("../images/product/ico_list_filter.svg") right center no-repeat;
	background-size: 22px 22px;
}

.promotion-prod-controls .btn-grid-filter:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #e5e5e5;
	left: 0;
	top: 5px;
}

.promotion-prod-controls .btn-grid-filter.selected:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #fe4400;
	border: 2px solid #fff;
	border-radius: 50%;
	right: -2px;
	top: -2px;
}

.promotion-prod-controls .btn-grid-filter .text {
	margin-right: var(--spacing-md);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.vote-cont-box .grid-list.col2 .grid-item.vote-grid-item {
	display: flex;
	flex-direction: column;
	padding: 0 var(--spacing-3xs);
}

.vote-cont-box .grid-list.col2 .grid-item.vote-grid-item label {
	margin-top: auto;
}

.vote-cont-box .grid-list.col2 .grid-item.vote-grid-item .thumb-box {
	margin: var(--spacing-xs) calc(var(--spacing-3xs) * -1) 0 calc(var(--spacing-3xs) * -1);
}

.vote-cont-box .grid-list .grid-item.vote-grid-item .radio-box {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.vote-cont-box .grid-list .grid-item.vote-grid-item .radio-box .ui-rdo {
	margin-bottom: var(--spacing-5xs);
}

.vote-cont-box .grid-list .grid-item.vote-grid-item .radio-box .ui-rdo label {
	padding: 0;
	width: 22px;
}

.vote-cont-box .grid-list .grid-item.vote-grid-item .radio-box .text {
	text-align: center;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.vote-cont-box .grid-list .grid-item.vote-grid-item .thumb-box {
	margin-top: var(--spacing-xs);
}

.vote-cont-box .grid-list .grid-item.vote-grid-item .thumb-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.vote-cont-box .grid-list .grid-item.vote-grid-item .info-box {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	margin-top: var(--spacing-2xs);
	display: block;
	display: -webkit-box;
	overflow: hidden;
	max-height: 38px;
	line-height: 19px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: normal;
	word-break: break-all;
}

.ticket-order-wrap .form-cont .all-chk-wrap .ui-text-wrap .sub-text {
	margin-top: var(--spacing-5xs);
}

.ticket-order-wrap .form-cont .all-chk-wrap .agree-box .fold-wrap .gray-box-sm .stext-sm + .info-text-list {
	margin-top: 7px;
}

.ticket-order-wrap .form-cont .all-chk-wrap .agree-box .fold-wrap .gray-box-sm .info-text-list + .stext-sm {
	margin-top: var(--spacing-3xs);
}

.qna-event-list-box .qna-event-list .qna-event-item {
	display: none;
}

.qna-event-list-box .qna-event-list .qna-event-item .title-box {
	margin-bottom: var(--spacing-lg);
}

.qna-event-list-box .qna-event-list .qna-event-item .title-box .qna-type {
	color: rgba(0, 0, 0, 0.3);
	margin-bottom: var(--spacing-6xs);
}

.qna-event-list-box .qna-event-list .qna-event-item.is-active {
	display: block;
}

.qna-event-list-box .qna-event-list .qna-event-item .img-list-wrap {
	margin-bottom: var(--spacing-def);
}

.qna-event-list-box .qna-event-list .qna-event-item .answer-list {
	text-align: left;
}

.qna-event-list-box .qna-event-list .qna-event-item .answer-list .answer-item ~ .answer-item {
	margin-top: var(--spacing-xs);
}

.qna-event-list-box .qna-event-list .qna-event-item .form-cont {
	margin-top: var(--spacing-2xl);
}

.qna-event-page-box .qna-num {
	color: rgba(0, 0, 0, 0.5);
}

.qna-event-page-box .qna-num .current {
	color: #000;
}

.qna-event-result-wrap .qna-event-list .qna-event-item .title-box {
	margin-bottom: var(--spacing-xs);
}

.qna-event-result-wrap .qna-event-list .qna-event-item .title-box .qna-type {
	font-size: 26px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: var(--spacing-6xs);
}

.qna-event-result-wrap .qna-event-list .qna-event-item .title-box .text {
	margin-bottom: 0;
}

.qna-event-result-wrap .qna-event-list .qna-event-item .answer-list .answer-item {
	display: flex;
	align-items: center;
	gap: var(--spacing-5xs);
}

.qna-event-result-wrap .qna-event-list .qna-event-item .answer-list .answer-item ~ .answer-item {
	margin-top: var(--spacing-xs);
}

.qna-event-result-wrap .qna-event-list .qna-event-item .answer-list .answer-item.customer-answer [class^=ui] input[disabled] + label .text {
	color: #000;
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.qna-event-result-wrap .qna-event-list .qna-event-item .answer-list .answer-item .gray-line-box-xs {
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.qna-event-result-wrap .qna-event-list .qna-event-item .answer-list .answer-item .gray-line-box-xs [class^=ico] {
	flex: 0 0 16px;
}

.qna-event-result-wrap .qna-event-list .qna-event-item .answer-list .answer-item [class^=ico] {
	width: 16px;
	height: 16px;
}

.qna-event-result-wrap .qna-event-list .qna-event-item .answer-list .answer-item .ico-correct {
	background: #fe4400;
	-webkit-mask-image: url("../images/promotion/ico_result_true.svg");
	mask-image: url("../images/promotion/ico_result_true.svg");
}

.qna-event-result-wrap .qna-event-list .qna-event-item .answer-list .answer-item .ico-wrong {
	background: #999;
	-webkit-mask-image: url("../images/promotion/ico_result_false.svg");
	mask-image: url("../images/promotion/ico_result_false.svg");
}

.qna-event-result-wrap .qna-event-list .qna-event-item ~ .qna-event-item {
	margin-top: var(--spacing-lg);
	padding-top: var(--spacing-lg);
	border-top: 1px solid #e5e5e5;
}

.roulette-result-wrap .complete-wrap [class^=ico-] {
	margin-bottom: var(--spacing-lg);
}

.roulette-result-wrap .complete-wrap .ico-roulette-prize {
	width: 150px;
	height: 150px;
	background: url("../images/promotion/ico_roulette_prize.svg") 0 0 no-repeat;
	background-size: cover;
}

.roulette-result-wrap .complete-wrap .ico-roulette-fail {
	width: 150px;
	height: 150px;
	background: url("../images/promotion/ico_roulette_no_prize.svg") 0 0 no-repeat;
	background-size: cover;
}

.roulette-result-wrap .complete-wrap .cont-title-eng {
	margin-bottom: var(--spacing-5xs);
}

.outlet-category-wrap {
	padding-top: var(--spacing-3xl);
	padding-bottom: var(--spacing-3xl);
	background: #222;
}

.outlet-category-wrap .cont-title-wrap .cont-title-eng {
	color: #fff;
}

.outlet-category-wrap .cont-title-wrap .right-area .ico-view-more {
	background: #fff;
}

.outlet-category-wrap .tab-divide-wrap .tabs {
	background: transparent;
}

.outlet-category-wrap .tab-divide-wrap .tabs .tab-item .tab-link .tab-text {
	color: rgba(255, 255, 255, 0.3);
}

.outlet-category-wrap .tab-divide-wrap .tabs .tab-item.ui-state-active .tab-link .tab-text {
	color: #fff;
}

.outlet-category-wrap .tab-divide-wrap .tabs .tab-item + .tab-item:before {
	background: rgba(255, 255, 255, 0.3);
}

.outlet-category-wrap .tab-divide-wrap .tab-content .outlet-category-item {
	display: flex;
	gap: 10px;
	overflow-y: auto;
}

.outlet-category-wrap .tab-divide-wrap .tab-content .outlet-category-item .thumb-exhibit {
	flex: 0 0 65.625%;
}

.outlet-category-wrap .tab-divide-wrap .tab-content .outlet-category-item .thumb-exhibit .thumb-exhibit-inner {
	height: 100%;
}

.outlet-category-wrap .tab-divide-wrap .tab-content .outlet-category-item .thumb-exhibit .thumb-exhibit-inner .thumb-box {
	height: 100%;
}

.outlet-category-wrap .tab-divide-wrap .tab-content .outlet-category-item .thumb-exhibit .info-box .exhibit-title {
	color: #fff;
}

.outlet-category-wrap .tab-divide-wrap .tab-content .outlet-category-item .outlet-category-prod-list .outlet-category-prod-item {
	flex: 1;
	position: relative;
}

.outlet-category-wrap .tab-divide-wrap .tab-content .outlet-category-item .outlet-category-prod-list .outlet-category-prod-item .thumb-box {
	position: relative;
	padding-top: 138%;
}

.outlet-category-wrap .tab-divide-wrap .tab-content .outlet-category-item .outlet-category-prod-list .outlet-category-prod-item .thumb-box img {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.outlet-category-wrap .tab-divide-wrap .tab-content .outlet-category-item .outlet-category-prod-list .outlet-category-prod-item + .outlet-category-prod-item {
	margin-top: var(--spacing-3xs);
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.ico-view-more-w20, .inquiry-cont-box [class^=ico-cs], .info-btn-box .info-btn .ico-question-mark {
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
}

.notice-search-box {
	border: 1px solid #e5e5e5;
	background-color: #fff;
	width: 100%;
	display: block;
}

.notice-search-box .input-search-box {
	border: none;
}

.notice-search-box .input-search-box .ui-input {
	padding: 0 var(--spacing-xs);
	height: 42px;
}

.notice-search-box .input-search-box .btn-input-del {
	margin-top: 13px;
}

.notice-search-box .input-search-box .btn-input-search {
	width: 17px;
	height: 17px;
	background: url("../images/cs/ico_cs_search.svg") 0 0 no-repeat;
	background-size: cover;
	margin-right: 16px;
	margin-top: 13px;
	align-items: center;
}

.notice-wrap {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	padding: var(--spacing-md) 0;
}

.notice-wrap .notice-list .notice-item .notice-type .badge-md {
	height: 20px;
	padding: var(--spacing-6xs) var(--spacing-5xs);
}

.notice-wrap .notice-list .notice-item .title {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 20px;
	margin-top: var(--spacing-2xs);
	margin-bottom: var(--spacing-3xs);
}

.notice-wrap .notice-list .notice-item .date {
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	color: #999;
}

.notice-wrap .notice-list .notice-item ~ .notice-item {
	border-top: 1px solid #e5e5e5;
	padding-top: var(--spacing-md);
	margin-top: var(--spacing-md);
}

.notice-detail-wrap .notice-header {
	padding-bottom: var(--spacing-def);
	border-bottom: 1px solid #e5e5e5;
}

.notice-detail-wrap .notice-header .notice-title-wrap .title {
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: var(--spacing-3xs);
}

.notice-detail-wrap .notice-body {
	border-bottom: 1px solid #e5e5e5;
	padding: var(--spacing-lg) 0;
}

.notice-detail-wrap .notice-body .notice-content {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.notice-detail-wrap .notice-footer {
	padding: var(--spacing-def) 0;
	border-bottom: 1px solid #e5e5e5;
}

.notice-detail-wrap .notice-footer .notice-list {
	width: 100%;
}

.notice-detail-wrap .notice-footer .notice-list .notice-item ~ .notice-item {
	border-top: 1px solid #e5e5e5;
	padding-top: var(--spacing-def);
	margin-top: var(--spacing-def);
}

.notice-detail-wrap .notice-footer .notice-list .notice-item .notice-link {
	display: flex;
	gap: var(--spacing-def);
}

.notice-detail-wrap .notice-footer .notice-list .notice-item .notice-link .notice-order {
	color: #999;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
	flex: 0 0 33px;
}

.notice-detail-wrap .notice-footer .notice-list .notice-item .notice-link .title {
	width: 100%;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
}

.info-btn-box .stext-sm {
	margin-right: var(--spacing-6xs);
}

.info-btn-box .info-btn {
	cursor: pointer;
}

.info-btn-box .info-btn .ico-question-mark {
	width: 18px;
	height: 18px;
	background: url("../images/common/comm_ico_question_mark.svg") 0 0 no-repeat;
	background-size: cover;
}

.fake-prod-report-info-box .info-text-list .info-text-item {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.fake-prod-report-info-box .info-text-list .info-text-item ~ .info-text-item {
	margin-top: var(--spacing-3xs);
}

.fake-prod-report-info-box .rewards-info-item ~ .rewards-info-item {
	margin-top: var(--spacing-3xs);
}

.fake-prod-report-info-box .rewards-info-item .rewards-info-title {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 500;
	line-height: 19px;
	margin-bottom: var(--spacing-5xs);
}

.faq-keyword-box {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing-5xs);
}

.faq-keyword-box .fill-light-gray {
	background: #f5f5f5;
	padding: 0 var(--spacing-2xs);
}

.faq-keyword-box .fill-light-gray .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.inquiry-cont-box [class^=ico-cs] {
	width: 22px;
	height: 22px;
	margin-right: var(--spacing-5xs);
	background: #fff;
}

.inquiry-cont-box .ico-cs-inquiry-progress-status {
	-webkit-mask-image: url("../images/cs/ico_cs_inquiry_progress_status.svg");
	mask-image: url("../images/cs/ico_cs_inquiry_progress_status.svg");
}

.inquiry-cont-box .ico-cs-personal-inquiry {
	-webkit-mask-image: url("../images/cs/ico_cs_personal_inquiry.svg");
	mask-image: url("../images/cs/ico_cs_personal_inquiry.svg");
}

.inquiry-cont-box .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.customer-service-cont-box .swiper .swiper-wrapper .swiper-slide {
	position: relative;
	flex: 0 0 70px;
}

.customer-service-cont-box .swiper .swiper-wrapper .swiper-slide .quick-menu-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.customer-service-cont-box .swiper .swiper-wrapper .swiper-slide .img-box {
	padding: 0 calc(var(--spacing-3xs) / 2);
}

.customer-service-cont-box .swiper .swiper-wrapper .swiper-slide .text {
	margin-top: var(--spacing-3xs);
	font-size: 12px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 17px;
	text-align: center;
}

.ico-view-more-w20 {
	width: 20px;
	height: 20px;
	background: #000;
	-webkit-mask-image: url("../images/common/comm_ico_arr_right_bold_h20.svg");
	mask-image: url("../images/common/comm_ico_arr_right_bold_h20.svg");
}

.faq-top3-cont-box .fold-wrap .fold-list.type-qna .qna-item .qna-type {
	font-size: 20px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 20px;
}

.faq-top3-cont-box .fold-wrap .fold-list.type-qna .qna-item .qna-info .qna-title {
	margin-top: 0;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.faq-top3-cont-box .fold-wrap .fold-list.type-qna .fold-content {
	padding-bottom: var(--spacing-lg);
}

.faq-top3-cont-box .fold-wrap .fold-list.type-qna .fold-content .qna-item {
	margin-top: 0;
}

.faq-top3-cont-box .fold-wrap .fold-list.type-qna .fold-content .qna-item .additional-questions {
	border-top: 1px solid rgba(229, 229, 229, 0.6);
	margin-top: var(--spacing-def);
	padding-top: var(--spacing-def);
}

.announcement-cont-box .notice-wrap {
	border-bottom: 0;
}

.cs-quick-menu-list .cs-quick-menu-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--spacing-lg) var(--spacing-def);
}

.cs-quick-menu-list .cs-quick-menu-item + .cs-quick-menu-item {
	border-top: 1px solid #e5e5e5;
}

.cs-quick-menu-list .cs-quick-menu-item .quick-menu-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.btn-arr-black {
	flex-shrink: 0;
	width: 15px;
	height: 15px;
	background: url("../images/member/ico_btn_arr_black_h15.svg") 0 0 no-repeat;
	background-size: cover;
}

.customer-service-area .link-cs {
	display: inline-block;
	vertical-align: top;
}

.customer-service-area .link-cs .text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 19px;
}

.customer-service-area .tel-cs {
	margin-top: var(--spacing-6xs);
	display: block;
	font-size: 40px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 40px;
}

.customer-service-area .cs-text {
	display: block;
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.faq-cont-box .fold-wrap .type-qna .qna-item .qna-info .qna-title {
	margin-top: var(--spacing-5xs);
}

.faq-cont-box .fold-wrap .type-qna .fold-content {
	padding-bottom: var(--spacing-lg);
}

.faq-cont-box .fold-wrap .type-qna .fold-content .qna-item {
	margin-top: 0;
}

.faq-cont-box .fold-wrap .type-qna .fold-content .qna-item .additional-questions {
	border-top: 1px solid rgba(229, 229, 229, 0.6);
	margin-top: var(--spacing-def);
	padding-top: var(--spacing-def);
}

.service-guide-cont-box .tabs .tab-item .tab-link {
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.service-guide-cont-box .service-guide-step-area .service-step-list .step-item {
	position: relative;
	display: flex;
	gap: var(--spacing-2xs);
}

.service-guide-cont-box .service-guide-step-area .service-step-list .step-item img,
.service-guide-cont-box .service-guide-step-area .service-step-list .step-item .step-info {
	position: relative;
	z-index: 1;
}

.service-guide-cont-box .service-guide-step-area .service-step-list .step-item img {
	width: 48px;
	height: 48px;
	flex: 0 0 48px;
}

.service-guide-cont-box .service-guide-step-area .service-step-list .step-item .step-info {
	margin-top: var(--spacing-5xs);
}

.service-guide-cont-box .service-guide-step-area .service-step-list .step-item .step-info .step-no {
	color: rgba(0, 0, 0, 0.3);
	font-size: 14px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 14px;
}

.service-guide-cont-box .service-guide-step-area .service-step-list .step-item .step-info .step-name {
	margin-top: var(--spacing-min);
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 20px;
}

.service-guide-cont-box .service-guide-step-area .service-step-list .step-item .step-info .step-desc {
	color: #666;
	margin-top: var(--spacing-3xs);
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.service-guide-cont-box .service-guide-step-area .service-step-list .step-item + .step-item {
	padding-top: var(--spacing-def);
}

.service-guide-cont-box .service-guide-step-area .service-step-list .step-item:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 1px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 50%, transparent 50%), linear-gradient(to right, transparent, transparent);
	background-size: 1px 4px, 1px 100%;
	left: 24px;
	top: 0;
	bottom: 0;
}

.service-guide-cont-box .service-guide-step-area .service-step-list .step-item:last-child:before {
	height: 20px;
	bottom: unset;
}

.service-guide-cont-box .info-list .info-item + .info-item {
	margin-top: var(--spacing-xl);
}

.service-guide-cont-box .info-list .info-item .stext-sm + .stext-sm {
	margin-top: var(--spacing-3xs);
}

.service-guide-cont-box .info-list .info-item .info-text-list .decimal-text,
.service-guide-cont-box .info-list .info-item .info-text-list .dash-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.service-guide-cont-box .info-list .info-item .info-text-list .text {
	color: #666;
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.service-guide-cont-box .info-list .info-item .info-text-list .text + .text {
	margin-top: var(--spacing-5xs);
}

.service-guide-cont-box .info-list .info-item .package-sample-box {
	margin-top: 22px;
}

.service-guide-cont-box .info-list .info-item .package-sample-box + .package-sample-box {
	margin-top: var(--spacing-def);
}

.service-guide-cont-box .info-list .info-item .package-sample-box .thumb-box {
	display: flex;
	align-items: center;
	gap: var(--spacing-2xs);
}

.service-guide-cont-box .info-list .info-item .package-sample-box .thumb-box .img-box {
	flex: 0 0 95px;
}

.service-guide-cont-box .info-list .info-item .package-sample-box .thumb-box .desc-box {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
	word-break: keep-all;
}

.service-guide-cont-box .info-list .info-item .fold-content-list .fold-content-item {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.service-guide-cont-box .info-list .info-item .fold-content-list .fold-content-item + .fold-content-item {
	margin-top: var(--spacing-def);
}

.service-guide-cont-box .info-list .info-item .fold-content-list .fold-content-item .desc {
	margin-top: var(--spacing-5xs);
}

/* 기본 컬러칩 */
/* // 기본 컬러칩 */
/* s : fonts _ LTK 240529 */
/* e : fonts _ LTK 240529 */
/* s : font Mixins _ LTK 240529 */
/* e : font Mixins _ LTK 240529 */
.container-wrapper.error {
	height: calc(100vh - 70px);
}

.container-wrapper.error .contents-wrap {
	height: 100%;
	padding: 120px var(--spacing-def) 0;
}

.container-wrapper.error .contents-wrap .error-wrap .error-title {
	font-size: 50px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
}

.container-wrapper.error .contents-wrap .error-wrap .error-text-box {
	margin-top: var(--spacing-def);
}

.container-wrapper.error .contents-wrap .error-wrap .error-text-box .error-text {
	font-size: 14px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 20px;
}

.container-wrapper.error .contents-wrap .error-wrap .system-title {
	font-size: 44px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 44px;
	color: #999;
}

.container-wrapper.error .contents-wrap .error-wrap .system-sub-text {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
}

.container-wrapper.error .contents-wrap .error-wrap .system-text-box {
	margin-top: var(--spacing-lg);
}

.container-wrapper.error .contents-wrap .error-wrap .system-text-box .system-text {
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
}

.container-wrapper.error .contents-wrap .error-wrap .system-text-box .system-text + .system-sub-text {
	margin-top: var(--spacing-3xs);
}

.container-wrapper.error .contents-wrap .error-wrap .gray-box-sm .system-info-list .system-info-item {
	font-size: 13px;
	letter-spacing: -0.025em;
	font-weight: 400;
	line-height: 19px;
	color: #666;
}

.container-wrapper.error .contents-wrap .error-wrap .gray-box-sm .system-info-list .system-info-item .title {
	margin-right: var(--spacing-5xs);
}

.container-wrapper.error .contents-wrap .error-wrap .gray-box-sm + .system-sub-text {
	margin-top: var(--spacing-lg);
}

.app-set-list .app-set-item + .app-set-item {
	margin-top: var(--spacing-xl);
}

.error-wrap .error-title {
	font-size: 40px;
	font-family: "Bebas Neue", "Pretendard", "SF Pro Display", AppleSDGothicNeo-Light, Helvetica, "Malgun Gothic", "MalgunGothic", "맑은고딕", sans-serif !important;
	letter-spacing: -0.01em;
	font-weight: 400;
	line-height: 40px;
	margin-bottom: var(--spacing-6xs);
}

.error-wrap .error-text-box .error-text {
	font-size: 18px;
	letter-spacing: -0.025em;
	font-weight: 600;
	line-height: 24px;
}