@charset "utf-8";

* {
	background-repeat: no-repeat !important;
}

/* text */
[class*=h1],
[class*=h2],
[class*=h3],
[class*=h4],
[class*=h5],
[class*=h6],
[class*=h7],
[class*=h8],
[class*=h9],
[class*=h10],
[class*=h11],
[class*=h12],
[class*=b1],
[class*=b2],
[class*=b3],
[class*=b4],
[class*=b5],
[class*=b6],
[class*=b7],
[class*=b8],
[class*=b9],
[class*=b10],
[class*=b11],
[class*=b12] {
	color: #111;
	letter-spacing: -0.2px !important;
}

.line-through {
	text-decoration: line-through;
}

/* color */
.color-primary-1 {
	color: var(--color-primary-1);
}

.color-primary-2 {
	color: var(--color-primary-2);
}

.color-secondary-1 {
	color: var(--color-secondary-1);
}

.color-secondary-2 {
	color: var(--color-secondary-2);
}

.color-secondary-3 {
	color: var(--color-secondary-3);
}

.color-highlight-1 {
	color: var(--color-highlight-1);
}

.color-highlight-2 {
	color: var(--color-highlight-2);
}

.color-999 {
	color: #999;
}

/* button */
.btn-primary-1,
.btn-primary-2,
.btn-secondary-1,
.btn-secondary-2,
.btn-secondary-3,
.btn-highlight-1,
.btn-highlight-2,
.btn-rounded,
[class*=btn-outline] {
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-block {
	width: 100% !important;
}

.btn-primary-1 {
	color: #fff !important;
	background-color: var(--color-primary-1);
}

.btn-primary-2 {
	background-color: var(--color-primary-2);
}

.btn-secondary-1 {
	background-color: var(--color-secondary-1);
}

.btn-secondary-2 {
	background-color: var(--color-secondary-2);
}

.btn-secondary-3 {
	background-color: var(--color-secondary-3);
}

.btn-highlight-1 {
	background-color: var(--color-highlight-1);
}

.btn-highlight-2 {
	background-color: var(--color-highlight-2);
}

.btn-rounded {
	width: 100%;
	height: 52px;
	border-radius: 60px;
}

.btn-rounded-default {
	border: 1px solid #EEE;
	background-color: #FFF;
}

.btn-outline-primary-1 {
	color: var(--color-primary-1);
  border: solid 1px var(--color-primary-1);
  background-color: #fff;
}

/* 전시 유형 */
[class*=product-item] .thumb.no-bg {
	background-color: transparent;
}

[class*=product-item] .thumb.bg {
	background-color: #f9f9f9;
}

/* (공통) 플래그 */
.badge-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
}

.badge-highlight,
.badge-primary,
[class*=badge-outline],
.badge-new,
.badge-hot,
.badge-tag-primary-1 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.badge-highlight,
.badge-primary,
[class*=badge-outline] {
	border-radius: 0 6px;
}

.badge-highlight {
	color: var(--color-highlight-1) !important;
	background-color: var(--color-highlight-2) !important;
	border:1px solid #FCDDEA;
}

.badge-primary {
	color: var(--color-primary-1) !important;
	background-color: var(--color-secondary-3) !important;
	border:1px solid #D3F2CD;
}

.badge-outline {
	color: #333 !important;
	background-color: #fff;
	border: 1px solid #eee;
}

.badge-outline-highlight {
	color: var(--color-highlight-1) !important;
	border: 1px solid var(--color-highlight-1) !important;
}

.badge-outline-primary {
	color: var(--color-primary-1) !important;
	border: 1px solid var(--color-primary-1) !important;
}

[class*=badge-outline] {
	background-color: #fff;
}

.badge-new,
.badge-hot {
	color: #fff;
	background: var(--color-highlight-1);
	border: 1px solid #FFF;
	border-radius: 10px;
}

.badge-tag-primary-1 {
	color: #333;
	background: var(--color-secondary-1);
}

/* 리뷰 점수 및 개수 */
.review-count {
	background-image: url(/res/images/icon/star-on-111.svg);
	background-position: 0 50%;
}

.review-count-32 {
	padding-left: 36px;
	background-size: 32px;
}

.review-count-28 {
	padding-left: 30px;
	background-size: 28px;
}

.review-count-24 {
	padding-left: 26px;
	background-size: 24px;
}

.review-count-20 {
	padding-left: 22px;
	background-size: 20px;
}

.review-count-18 {
	padding-left: 20px;
	background-size: 18px;
}	

.review-count-16 {
	padding-left: 18px;
	background-size: 16px;
}	

.review-group {
	display: flex;
	align-items: center;
	gap: 0 4px;
}

.review-group .star {
	display: block;
	width: 120px;
	height: 24px;
	background-image: url(/res/images/icon/star-group-off-111.svg);
}

.review-group .star,
.review-group .star > span {
	background-size: cover;
}

.review-group.review-group-80 .star {
	width: 80px;
	height: 16px;
}

.review-group.review-group-100 .star {
	width: 100px;
	height: 20px;
}

.review-group.review-group-120 .star {
	width: 120px;
	height: 24px;
}

.review-group.review-group-140 .star {
	width: 140px;
	height: 28px;
}

.review-group.review-group-160 .star {
	width: 160px;
	height: 32px;
}

.review-group.review-group-200 .star {
	width: 200px;
	height: 40px;
}

.review-group .star > span {
	display: block;
	height: 100%;
	background-image: url(/res/images/icon/star-group-on-111.svg);
}

/* 수정 및 삭제 버튼 */
.edit-delete-btn-wrap, .report-block-btn-wrap {
	display: flex;
}

.edit-delete-btn-wrap button:not(.see-more-btn),
.report-block-btn-wrap button:not(.see-more-btn),
.report-block-btn-wrap a:not(.see-more-btn) {
	display: inline-flex;
	align-items: center;
}

.edit-delete-btn-wrap button+button:before,
.report-block-btn-wrap button+button:before,
.report-block-btn-wrap a+a:before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin: 0 8px;
	background-color: #ddd;
}

.edit-delete-btn-wrap .edit-btn,
.edit-delete-btn-wrap .delete-btn {
	padding-right: 18px;
	background-position: 100% 50%;
	background-size: 16px;
}

.edit-delete-btn-wrap .edit-btn {
	background-image: url(/res/images/icon/edit-111.svg);
}

.edit-delete-btn-wrap .delete-btn {
	background-image: url(/res/images/icon/trash-111.svg);
}

.edit-delete-btn-wrap .see-more-btn {
	width: 16px;
	height: 16px;
	background-image: url(/res/images/icon/more-555.svg);
}

.edit-delete-btn-wrap .see-more-btn ~ button {
	display: none;
}

.edit-delete-btn-wrap.active {
	position: relative;
	align-items: end;
	flex-direction: column;
}

.edit-delete-btn-wrap.active .see-more-btn {
	padding-bottom: 4px;
}	

.edit-delete-btn-wrap.active .see-more-btn ~ button {
	position: absolute;
	display: block;
	width: 72px;
	height: 42px;
	border: 1px solid #ccc;
	text-align: center;
	background-color: #fff;
	background-position: 41px;
}

.edit-delete-btn-wrap.active .see-more-btn ~ button:before {
	display: none;
}

.edit-delete-btn-wrap.active .edit-btn,
.edit-delete-btn-wrap.active .see-more-btn+.delete-btn {
	top: 20px;
}

.edit-delete-btn-wrap.active .edit-btn {
	border-radius: 4px 4px 0 0;
}

.edit-delete-btn-wrap.active .see-more-btn+.delete-btn {
	border-radius: 4px;
}

.edit-delete-btn-wrap.active .edit-btn+.delete-btn {
	border-top: none !important;
	border-radius: 0 0 4px 4px;
}

.edit-delete-btn-wrap.active .delete-btn {
	top: 62px;
}

/* 신고 및 차단 버튼 */
.report-block-btn-wrap button, .report-block-btn-wrap a {
	color: #BBB;
}

/* 말줄임 */
.row-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all;
}

.row-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
}

.row-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	white-space: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
}

/* 스와이퍼 */
.swiper-container.swiper-disabled .swiper-button,
.swiper-container.swiper-disabled .swiper-scrollbar {
	display: none;
}

.swiper-container .swiper-scrollbar {
	position: static !important;
	display: flex;
	align-items: center;
	/* width: 80px !important; */
	height: 4px !important;
	margin: 28px auto 0;
	background: rgba(17, 17, 17, 0.1);
	border-radius: 2px;
}

.swiper-container .swiper-scrollbar-drag {
	height: 4px;
	margin: 0;
	border-radius: 2px;
	background-color: #111;
}

/* 스크롤바 */
.scrollbar {
	overflow-y: auto;
}

.scrollbar::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 4px
}

.scrollbar:hover::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 4px;
	background-clip: padding-box;
}

.scrollbar::-webkit-scrollbar-track {
	border-radius: 4px;
	background: none;
}

/* 스크롤바 뷰 제거 */
.no-scrollbar {
	overflow: auto hidden;
	white-space: nowrap;
	-ms-overflow-style: none;
}

.no-scrollbar::-webkit-scrollbar {
	display: none;
}

/* 앱 푸시 배너 */
.app-push-banner {
	display: flex;
	align-items: center;
	padding: 13px 20px;
	background-color: #F2FFF0;
}

.app-push-banner img {
	width: 28px;
	height: 28px;
}

.app-push-banner .text {
	flex: 1;
	margin-left: 9px;
}

.app-push-banner .text strong {
	color: var(--color-primary-1);
	font-weight: 600;
}

.app-push-banner button {
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	padding: 0 12px;
	color: var(--color-primary-1);
	background-color: #fff;
	border: 1px solid var(--color-primary-1);
	border-radius: 4px;
}@charset "utf-8";

:root {
	--color-primary-1: #3cc814;
	--color-primary-2: #052832;
	--color-secondary-1: #B7FCB1;
	--color-secondary-2: #DEFDD4;
	--color-secondary-3: #F2FFF0;
	--color-highlight-1: #ff3894;
	--color-highlight-2: #FFEFF6;
	--color-brand-164: #1A213E;
	--color-brand-bblab: #441540;
	--color-brand-nutrionelife: #0D1E22;
	--color-brand-b2on: #0D1E22;
	--color-brand-scentomega: #004761;
	--color-brand-lesecret: #14122B;
	--color-brand-thesaeng: #0A2058;
	--color-brand-vitaschnell: #000000;
	--color-brand-mypuzzle: #39144E;
	--color-brand-depeto: #00512C;
	--color-brand-mdspick: #1A1919;
	--color-brand-outandabout: #2D2D2C;
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: local('Pretendard-Regular'),
		url('/res/fonts/Pretendard-Regular.woff2') format('woff2'),
		url('/res/fonts/Pretendard-Regular.woff') format('woff'),
		url('/res/fonts/Pretendard-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: local('Pretendard-Medium'),
		url('/res/fonts/Pretendard-Medium.woff2') format('woff2'),
		url('/res/fonts/Pretendard-Medium.woff') format('woff'),
		url('/res/fonts/Pretendard-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: local('Pretendard-SemiBold'),
		url('/res/fonts/Pretendard-SemiBold.woff2') format('woff2'),
		url('/res/fonts/Pretendard-SemiBold.woff') format('woff'),
		url('/res/fonts/Pretendard-SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: local('Pretendard-Bold'),
		url('/res/fonts/Pretendard-Bold.woff2') format('woff2'),
		url('/res/fonts/Pretendard-Bold.woff') format('woff'),
		url('/res/fonts/Pretendard-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: local('Pretendard-ExtraBold'),
		url('/res/fonts/Pretendard-ExtraBold.woff2') format('woff2'),
		url('/res/fonts/Pretendard-ExtraBold.woff') format('woff'),
		url('/res/fonts/Pretendard-ExtraBold.ttf') format('truetype');
}

@font-face {
	font-family: 'GmarketSans';
	font-weight: 500;
	src: local('GmarketSansTTFMedium'),
		url('/res/fonts/GmarketSansTTFMedium.woff2') format('woff'),
		url('/res/fonts/GmarketSansTTFMedium.woff') format('woff'),
		url('/res/fonts/GmarketSansTTFMedium.ttf') format('truetype');	
}

@font-face {
	font-family: 'GmarketSans';
	font-weight: 700;
	src: local('GmarketSansTTFBold'),
		url('/res/fonts/GmarketSansTTFBold.woff2') format('woff'),
		url('/res/fonts/GmarketSansTTFBold.woff') format('woff'),
		url('/res/fonts/GmarketSansTTFBold.ttf') format('truetype');
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

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

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

body {
	position: relative;
	font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: #797979;
	letter-spacing: -0.5px;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: 1;
}

body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
p,
form,
fieldset,
table,
tr,
th,
td {
	margin: 0;
	padding: 0;
	font-weight: 400
}

ul,
ol,
li {
	list-style: none
}

img,
fieldset {
	border: none;
	vertical-align: top
}

legend,
caption {
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -1
}

textarea,
button {
	vertical-align: middle
}

input,
select {
	height: 48px;
	vertical-align: middle;
	background: #fff;
	font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", sans-serif;
	color: #111;
	letter-spacing: -0.5px;
	border-radius: 0;
	font-weight: 400;
	font-size: 14px;
}

input {
	padding: 3px 12px
}

select {
	padding: 3px 4px
}

option {
	padding: 10px
}

input:focus {
	outline: none
}

input[type="radio"],
input[type="checkbox"] {
	border: none;
	padding: 0;
	height: auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"] {
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #f9f9f9;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	caret-color: var(--color-primary-1);
	font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", sans-serif;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type="text"].on,
input[type="password"].on,
input[type="email"].on,
input[type="number"].on {
	border-bottom: 1px solid #000;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus {
	border: 1px solid #ccc;
}

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

select {
	padding: 0 40px 0 12px;
	font-weight: 400;
	font-size: 14px;
	line-height: 14px;
	color: #111;
	background: url('/res/images/icon/arrow-down-111.svg') no-repeat right 14px top 50% #fff;
	background-size: 20px;
	border: none;
	border-radius: 4px;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
}

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

select::-ms-value {
	color: inherit;
	background: none
}

textarea {
	padding: 10px;
	vertical-align: middle;
	background: #f9f9f9;
	border: none;
	font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", sans-serif;
	color: #111;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.5px;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	resize: none
}

textarea:focus {
	border: 1px solid #ccc
}

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

a:hover,
a:focus,
a:active {
	text-decoration: none;
	outline: none
}

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

button {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	overflow: visible;
	white-space: nowrap;
	font-weight: 400;
	font-size: 13px;
	font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", sans-serif
}

button:active {
	outline: none
}

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

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

th,
b,
strong {
	font-weight: normal
}

::-webkit-input-placeholder {
	font-size: 14px;
	color: #bbb
}

:-moz-placeholder {
	font-size: 14px;
	color: #bbb
}

::-moz-placeholder {
	font-size: 14px;
	color: #bbb
}

:-ms-input-placeholder {
	font-size: 14px;
	color: #bbb
}

:placeholder-shown {
	font-size: 14px;
	color: #bbb
}

input[readonly]::-webkit-input-placeholder,
input[readonly="readonly"]::-webkit-input-placeholder {
	color: #ddd
}

input[readonly]:-moz-placeholder,
input[readonly="readonly"]:-moz-placeholder {
	color: #ddd
}

input[readonly]::-moz-placeholder,
input[readonly="readonly"]::-moz-placeholder {
	color: #ddd
}

input[readonly]:-ms-input-placeholder,
input[readonly="readonly"]:-ms-input-placeholder {
	color: #ddd
}

input[readonly] {
	cursor: auto;
	pointer-events: none
}
텍스트
input[readonly]:focus {
	border: 1px solid #f7f7f7
}

select:disabled {
	opacity: 1;
	color: #ccc;
	background: url('/res/images/icon/arrow-down-111.svg') no-repeat right 12px top 50% #f7f7f7;
	background-size: 24px
}

input:disabled {
	color: #bbb
}
@charset "utf-8";

/*단일 클래스*/
.skip {
	position: fixed;
	top: -10000px;
	z-index: 100;
	padding: 16px 0;
	width: 100%;
	height: 45px;
	text-align: center;
	color: #000;
	background: #ccc;
}

.skip:focus {
	top: 0;
}

.clear:after {
	content: "";
	display: block;
	clear: both;
}

.blind {
	position: absolute;
	top: -1000px;
	text-indent: -9999px;
	font-size: 0 !important;
}

.fl_l {
	float: left
}

.fl_r {
	float: right
}

.ta_l {
	text-align: left !important
}

.ta_c {
	text-align: center !important
}

.ta_r {
	text-align: right !important
}

.va_t {
	vertical-align: top
}

.va_m {
	vertical-align: middle
}

table.va_t th,
table.va_t td {
	vertical-align: top
}

table.va_m th,
table.va_m td {
	vertical-align: middle
}

.fw_l {
	font-weight: 300 !important
}

.fw_r {
	font-weight: 400 !important
}

.fw_m {
	font-weight: 500 !important
}

.fw_b {
	font-weight: 700 !important
}

.w25p {
	width: 25%
}

.w33p {
	width: 33.33%
}

.w50p {
	width: 50%
}

.w100p {
	width: 100%
}

.d_none {
	display: none !important;
}

.d_block {
	display: block !important;
}

.link {
	color: #00696d;
	text-decoration: underline
}

.link:hover,
.link:focus,
.link:active {
	text-decoration: underline
}

.radio_tab_con {
	display: none
}

.radio_tab_con:first-child {
	display: block
}

.cont_con {
	display: none
}

.cont_con:first-child {
	display: block
}

.img_resize {
	position: relative;
	overflow: hidden
}

.img_resize img {
	position: absolute;
	height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.img_resize.reverse img {
	width: 100%;
	height: auto !important
}

.green_t {
	color: #3cc814 !important;
}

.green_t2 {
	color: #052822 !important;
}

.red_t {
	color: #f05b5a !important;
}

/* 간격 */
.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt8 {
	margin-top: 8px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt24 {
	margin-top: 24px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt32 {
	margin-top: 32px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.ml0 {
	margin-left: 0 !important;
}

.mr0 {
	margin-right: 0 !important;
}

.pt0 {
	padding-top: 0 !important
}

.pb0 {
	padding-bottom: 0 !important
}

.pl0 {
	padding-left: 0 !important
}

.pr0 {
	padding-right: 0 !important
}

/* 툴팁 */
.tooltip_div {
	position: relative;
}

.tooltip_div .opener {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.tooltip {
	position: absolute;
	display: none;
	width: 320px;
	/* margin-top: 20px; */
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	z-index: 2;
}

.tooltip.txt_area {
	padding: 16px
}

.tooltip.txt_area .tit {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	white-space: initial;
	word-break: break-all;
}

.tooltip.txt_area .tit+.dot_indent {
	margin-top: 12px;
}

.tooltip.txt_area .txt {
	margin-top: 8px;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	white-space: initial;
	word-break: break-all;
}

.tooltip.txt_area .txt:first-child {
	margin-top: 0
}

.tooltip.txt_area .dot_indent {
	margin-top: 4px
}

.tooltip.txt_area .dot_indent:first-child {
	margin-top: 0
}

.tooltip.txt_area .dot_indent p {
	margin-top: 2px;
	padding-left: 8px;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	white-space: initial;
	word-break: break-all;
}

.tooltip.txt_area .dot_indent p:first-child {
	margin-top: 0
}

.tooltip .close_btn {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 24px;
	height: 24px;
	background: url('/res/images/m_icn_close_48x48.png') no-repeat;
	background-size: 24px
}

.tooltip.on {
	display: block;
}

/* 별점 */
.star_div:after {
	content: '';
	display: block;
	clear: both
}

.star_div .star {
	float: left;
	position: relative
}

.star_div .star.h16 {
	width: 80px;
	height: 16px
}

.star_div .star.h16:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 16px;
	background: url('/res/images/m_star32.png') no-repeat left center;
	background-size: 80px 16px
}

.star_div .star.h16 b {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 16px;
	background: url('/res/images/m_star32_on.png') no-repeat left center;
	background-size: 80px 16px
}

.star_div .star.h16+.star_score {
	margin-left: 2px;
	font-size: 13px;
	line-height: 16px;
	color: #000
}

.star_div .star.h20 {
	width: 100px;
	height: 20px;
}

.star_div .star.h20:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 20px;
	background: url('/res/images/m_star40.png') no-repeat left center;
	background-size: 100px 20px
}

.star_div .star.h20 b {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 20px;
	background: url('/res/images/m_star40_on.png') no-repeat left center;
	background-size: 100px 20px
}

.star_div .star.h32 {
	width: 160px;
	height: 32px;
}

.star_div .star.h32:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 32px;
	background: url('/res/images/m_star64.png') no-repeat left center;
	background-size: 160px 32px
}

.star_div .star.h32 b {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 32px;
	background: url('/res/images/m_star64_on.png') no-repeat left center;
	background-size: 160px 32px
}

.star_div .star.h32+.star_score {
	margin-left: 10px;
	font-size: 16px;
	line-height: 32px;
	color: #ccc
}

.star_div .star.h32+.star_score b {
	font-weight: 700;
	color: #000
}

.star_div .star_score {
	float: left;
}

.disabled_input[type="text"],
.disabled_input[type="email"],
.disabled_input[type="password"] {
	border-bottom: 1px solid #999
}

/* 데이터 없을 때 */
.no_data_div {
	display: table;
	width: 100%;
	text-align: center
}

.no_data_div .txt_area {
	display: table-cell;
	padding: 80px 20px 24px;
	vertical-align: middle;
	text-align: center;
	background: url('/res/images/icon/nodata.svg') no-repeat center top;
	background-size: 64px
}

.no_data_div .txt_area .tit {
	padding-bottom: 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #111
}

.no_data_div .txt_area .txt {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #111;
}

.no_data_div .txt_area .txt:first-child {
	margin-top: 0
}

.no_data_div .txt_area .txt2 {
	margin-top: 16px;
	font-size: 13px;
	line-height: 18px;
	color: #bbb
}

.no_data_div .txt_area .btn {
	display: block;
	margin-top: 24px;
	padding: 14px 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border: 1px solid #3cc814;
	border-radius: 4px
}

.no_data_div .txt_area .btn+.btn {
	margin-top: 10px
}

/* 텍스트 앞에 점 */
.dot_indent p {
	position: relative;
	margin-top: 4px;
	padding-left: 8px;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	word-break: break-all;
}

.dot_indent p:first-child {
	margin-top: 0
}

.dot_indent p:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 2px;
	width: 2px;
	height: 2px;
	background: #777;
	border-radius: 100%
}

.dot_indent p b {
	color: #000
}

/* 공통: 버튼 */
.disabled_btn {
	pointer-events: none
}

.btn_type a {
	display: block;
	padding: 13px 0;
	border-radius: 4px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center
}

.btn.grn,
.btn_type a.grn {
	color: #fff;
	background: var(--color-primary-1);
	border: 1px solid var(--color-primary-1);
}

.btn.grn_line,
.btn_type a.grn_line {
	color: var(--color-primary-1);
	background: #fff;
	border: 1px solid var(--color-primary-1);
}

.btn_type a.blu {
	color: #fff;
	background: var(--color-primary-2);
	border: 1px solid var(--color-primary-2);
}

.btn_type a.blu_line {
	color: var(--color-primary-2);
	background: #fff;
	border: 1px solid var(--color-primary-2)
}

.btn_type a.gry_line {
	color: #333;
	background: #fff;
	border: 1px solid #999
}

.btn_type a.disabled_btn {
	background: #ddd;
	border: 1px solid #ddd
}

.btn_type a.gry_line.disabled_btn {
	color: #fff
}

.btn_type a.go_kakao {
	position: relative;
	color: #000;
	line-height: 26px;
	background: url('/res/images/icon/m_icn_go_kakao.png') no-repeat left 12px center / 40px #fee500;
}

.btn_type a.go_kakao .floating-flag {
	left: calc(50% - 56px);
	width: 112px;
	animation: none;
}

.btn_type a.go_kakao span {
	font-size: 16px;
	font-weight: 400;
	color: #000;
}

.btn_type.btn_flex {
	display: flex
}

.btn_type.btn_flex a {
	width: 100%;
	margin-left: 8px;
}

.btn_type.btn_flex a:first-child {
	margin-left: 0px;
}

.outline-btn,
.primary-btn,
.disabled-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: -0.2px;
	border-radius: 4px;
}

.outline-btn {
	color: #3cc814;
	border: solid 1px #3cc814;
	background-color: #fff;
}

.outline-btn>span {
	height: 24px;
	line-height: 24px;
	padding-left: 28px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 24px;
}

.primary-btn {
	color: #fff;
	background-color: #3cc814;
}

.disabled-btn {
	color: #fff;
	background-color: #ddd;
}

.toggle-btn {
	position: relative;
	width: 48px;
	height: 26px;
	padding: 2px;
	border-radius: 13px;
	background-color: #ddd;
}

.toggle-btn.active {
	background-color: var(--color-primary-1);
}

.toggle-btn:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	transition: all 0.3s;
}

.toggle-btn.active:before {
	left: 24px;
}

/* 로딩 */
.loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
	z-index: 15;
	text-align: center;
}

.loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 360px
}

.loading span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-top: 20px;
	width: 300px;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	text-align: center
}

.loading span+img {
	padding-bottom: 64px
}

/* 인풋관련 기본스타일 */
.input_form {
	margin-top: 16px
}

.input_form:first-child {
	margin-top: 0
}

.input_form .tit {
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 18px;
	color: #000
}

.input_form .text {
	margin: 8px;
	font-size: 13px;
	line-height: 18px;
	color: #000
}

.input_form .input_area {
	display: flex;
	flex-wrap: nowrap;
	position: relative
}

.input_form .input_area:after {
	content: '';
	display: block;
	clear: both
}

.input_form .input_area input,
.input_form .input_area select,
.input_form .input_area .select_form {
	display: block;
	width: 100%;
	margin-right: 6px
}

.input_form .input_area input:focus {
	background: #f7f7f7
}

.input_form .input_area input.is-error {
	border: 1px solid #f05b5a;
}

.input_form .input_area input:last-child,
.input_form .input_area select:last-child {
	margin-right: 0
}

.input_form .input_area .textarea_div {
	position: relative;
	width: 100%;
	height: 120px;
	background: #f9f9f9;
	padding: 12px 12px 41px 12px;
	border-radius: 4px;
}

.input_form .input_area .textarea_div textarea {
	width: 100%;
	height: 67px;
	padding: 0;
}

.input_form .input_area .textarea_div .byte {
	position: absolute;
	bottom: 12px;
	right: 12px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.textarea_div .byte b,
.input_form .input_area .textarea_div .byte b {
	color: #999
}

.textarea_div .byte b.active,
.input_form .input_area .textarea_div .byte.active,
.input_form .input_area .textarea_div .byte b.active {
	color: #111;
}

.input_form .input_area .btn {
	display: inline-block;
	padding: 11px 0;
	min-width: 112px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 4px
}

.input_form .input_area .btn.disabled_btn {
	color: #ccc;
	border: 1px solid #ddd
}

.input_form .input_area .upload_pic {
	margin-top: 12px;
	width: 100%
}

.input_form .input_area+.input_area {
	margin-top: 8px
}

.input_form .input_area .timer {
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 12px;
	line-height: 18px;
	color: #f05b5a
}

.input_form .input_area.has_btn .timer {
	right: 130px
}

.input_form .input_area.regi_num input {
	margin: 0;
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px)
}

.input_form .input_area.regi_num span {
	float: left;
	width: 20px;
	font-size: 14px;
	line-height: 48px;
	color: #333;
	text-align: center
}

.input_form .txt {
	display: none;
	padding-left: 12px;
	font-size: 12px;
	line-height: 20px;
	color: #f05b5a
}

.input_form.radio_form .tit {
	margin-bottom: 10px;
}

.input_form.radio_form .radio_box+.radio_box {
	margin-left: 28px;
}

.input_form.check .input_area input {
	padding-right: 40px;
	background: url('/res/images/m_input_check.png') no-repeat right 12px top 50% #f7f7f7;
	background-size: 24px;
}

.input_form.check .input_area .delete {
	display: none !important
}

.input_form.error .input_area input {
	border: 1px solid #f05b5a
}

.input_form.error .txt {
	display: block
}

.input_form.point .tit {
	margin-bottom: 16px
}

.input_form.point .input_area input {
	padding-right: 48px
}

.input_form.point .input_area .delete {
	right: 112px
}

.input_form.point .input_area:before {
	content: '원';
	position: absolute;
	top: 0;
	right: 144px;
	font-size: 14px;
	line-height: 48px;
	color: #000
}

.input_form .input_area.pw_view input {
	padding-right: 70px
}

.input_form .input_area.pw_view .view {
	position: absolute;
	top: calc(50% - 17px);
	right: 7px;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_pw_view_btn.png') no-repeat center;
	background-size: 24px;
	cursor: pointer
}

.input_form .input_area.pw_view .view.on {
	background: url('/res/images/m_pw_view_btn_on.png') no-repeat center;
	background-size: 24px
}

.input_form.check .input_area.pw_view input {
	padding-right: 70px;
	background: url('/res/images/m_input_check.png') no-repeat right 40px top 50% #f7f7f7;
	background-size: 24px;
}

.select_form {
	position: relative;
	color: #111;
	font-weight: 400;
	/* border: 1px solid #ddd; */
	border-radius: 4px
}

.select_form .select {
	display: block;
	height: 48px;
	padding: 12px 56px 12px 12px;
	color: #111;
	border: 1px solid #ddd;
	background: url('/res/images/icon/arrow-down-111.svg') no-repeat right 12px top 50% #fff;
	background-size: 20px;
	border-radius: 4px
}

.select_form.selected .select {
	color: #111;
}

.select_form .select:after {
	content: '';
	display: block;
	clear: both
}

.select_form .select p {
	float: left;
	max-width: calc(100% - 38px);
	max-width: -webkit-calc(100% - 38px);
	font-size: 14px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.select_form .select.promo p:before {
	content: '[사은품] '
}

.select_form .count_txt {
	display: none;
	float: left;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.select_form .count_txt b {
	font-weight: 500
}

.select_form .option {
	display: none;
	position: absolute;
	top: 48px;
	left: 0;
	width: 100%;
	max-height: 500px;
	background: #fff;
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 4px 4px;
	overflow-y: auto;
	z-index: 3
}

.select_form .option>li {
	border-top: 1px solid #eee;
}

.select_form .option a {
	display: table;
	padding: 12px;
	width: 100%;
	border-bottom: 1px solid #eee
}

.select_form .option a:first-child {
	border-top: 1px solid #eee
}


.select_form .option a:last-child {
	border-bottom: none
}

.select_form .option a .thumb {
	display: table-cell;
	padding-right: 12px;
	width: 48px;
	height: 48px
}

.select_form .option a .thumb img {
	width: 48px;
	height: 48px
}

.select_form .option a .text {
	display: table-cell;
	width: 100%;
	vertical-align: middle
}

.select_form .option a .text span {
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.select_form .option a.disabled {
	color: #ccc;
	pointer-events: none
}

.select_form .option a.disabled .text {
	color: #ccc
}

.select_form .option a.disabled .text span {
	color: #ccc
}

.select_form.on .select {
	background: url('/res/images/icon/arrow-up-111.svg') no-repeat right 14px top 50% #fff;
	background-size: 20px;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
	border-radius: 4px 4px 0 0;
}

.select_form.type2 .option a.disabled {
	pointer-events: auto
}

.select_form.readonly {
	pointer-events: none
}

.select_form.readonly .select>p {
	color: #999999;
}

.select_form.readonly .count_txt {
	display: block
}

.select_form.disabled {
	pointer-events: none
}

.select_form.disabled .select {
	background: url('/res/images/m_icn_down_gry_40x40.png') no-repeat right 11px top 50% #f9f9f9;
	background-size: 20px
}

.select_form.disabled .select p {
	color: #ccc
}

/* 인풋 X버튼 */
.clear_has {
	position: relative
}

.clear_has input {
	padding-right: 40px;
	border-radius: 4px;
}

.clear_has .delete {
	display: none;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -12px;
	width: 24px;
	height: 24px;
	background: url('/res/images/m_clear_delete.png') no-repeat center;
	background-position: 50%;
	background-size: 24px;
}

.clear_has .delete img {
	width: 100%
}

.clear_has.has_btn .delete {
	right: 130px
}

/* 체크박스 */
.chk_box {
	display: inline-block;
	vertical-align: top;
}

.chk_box input[type="checkbox"] {
	display: none;
}

.chk_box input[type="checkbox"]+label {
	display: inline-block;
	position: relative;
	padding: 0 0 0 30px;
	font-size: 14px;
	line-height: 24px;
	color: #111;
}

.chk_box input[type="checkbox"]+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background: url("/res/images/icon/checkbox-off.svg") center no-repeat;
	background-size: 24px;
	/* border-radius: 100% */
}

.chk_box input[type="checkbox"]:disabled+label {
	color: #bbb
}

.chk_box input[type="checkbox"]:disabled+label:after {
	background: url("/res/images/icon/checkbox-disabled.svg") center no-repeat;
}

.chk_box input[type="checkbox"]:disabled[disabled]+label:after {
	background: url("/res/images/icon/checkbox-disabled.svg") center no-repeat;
}

.chk_box.on input[type="checkbox"]+label:after {
	border: none;
	background: url("/res/images/icon/checkbox-on.svg") center no-repeat;
}

/* 라디오 */
.radio_box {
	display: inline-block;
	vertical-align: top;
}

.radio_box input[type="radio"] {
	display: none;
}

.radio_box input[type="radio"]+label {
	display: inline-block;
	position: relative;
	padding: 2px 0 2px 30px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #111;
}

.radio_box input[type="radio"]+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 24px;
	height: 24px;
	background: url("/res/images/icon/radio-off.svg") no-repeat center;
	background-size: 24px;
	border-radius: 100%
}

.radio_box input[type="radio"]:checked+label:after {
	background: url("/res/images/icon/radio-on.svg") no-repeat center;
	background-size: 24px;
}

.radio_box input[type="radio"]:disabled+label {
	opacity: 0.4
}

.radio_box input[type="radio"]:disabled[disabled]+label {
	opacity: 0.4
}

.radio_box input[type="radio"]:checked:disabled[disabled]+label {
	opacity: 1;
}

/* 탑 탭 */
.top_tab {
	display: flex;
	flex-wrap: nowrap;
	position: relative;
	padding: 0 20px;
	width: 100%;
	border-bottom: 1px solid #ddd
}

.top_tab a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 48px;
	width: 100%;
	color: #bbb;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
}

.top_tab a.on {
	color: #111
}

.top_tab a h2 {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #ccc;
}

.top_tab a.on h2 {
	color: #000
}

.top_tab a.on:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #111
}

.top_tab a span {
	display: inline-block;
	position: relative
}

.top_tab a span b {
	display: inline-block;
	padding: 0 5px;
	margin: 2px 0 0 2px;
	min-width: 16px;
	font-weight: 500;
	font-size: 10px;
	line-height: 16px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 8px;
	vertical-align: top
}

/* 서브 탭 */
.sub_tab {
	display: table;
	padding: 0 20px;
	width: 100%;
}

.sub_tab a {
	display: table-cell;
	position: relative;
	padding: 9px 0;
	width: 100%;
	vertical-align: middle;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	text-align: center;
	border: 1px solid #ddd;
	border-left: none
}

.sub_tab a:first-child {
	border-left: 1px solid #ddd;
	border-radius: 10px 0 0 10px
}

.sub_tab a:last-child {
	border-radius: 0 10px 10px 0
}

.sub_tab a.on {
	color: #3cc814
}

.sub_tab a.on:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	width: -webkit-calc(100% + 2px);
	height: calc(100% + 2px);
	height: -webkit-calc(100% + 2px);
	border: 1px solid #3cc814
}

.sub_tab a:first-child.on:before {
	border-radius: 10px 0 0 10px
}

.sub_tab a:last-child.on:before {
	border-radius: 0 10px 10px 0
}

/* 하단에 버튼 픽스 */
.bottom_fix {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 20px 20px calc(constant(safe-area-inset-bottom) + 8px) 20px;
	padding: 20px 20px calc(env(safe-area-inset-bottom) + 8px) 20px;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	z-index: 3
}

.bottom_fix .btn {
	display: flex
}

.bottom_fix .btn .disabled_btn {
	background: #ddd;
	color: #fff;
	border: none;
	pointer-events: none;
}

.bottom_fix .btn a {
	display: block;
	width: 100%;
	padding: 13px 15px 13px 11px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	border-radius: 5px;
}

.bottom_fix .btn a:not(:last-child) {
	margin-right: 4px;
}

.bottom_fix .btn a.grn {
	color: #fff;
	background: #3cc814;
	border: 1px solid #3cc814
}

.bottom_fix .btn a.grn_line {
	color: #3cc814;
	background: #fff;
	border: 1px solid #3cc814
}

.bottom_fix .btn a span {
	display: inline-block
}

.bottom_fix .btn a.won span {
	font-size: 18px;
	color: #fff;
}

.bottom_fix .btn a.disabled_btn {
	background: #ddd;
	color: #fff;
	border: none;
	pointer-events: none;
}

/* 제품리스트 공통 */
.product_list .thumb {
	position: relative;
	text-align: center
}

.product_list .thumb.noimg {
	background: #f7f7f7
}

.product_list .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.product_list .thumb.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg.png') no-repeat center;
	background-size: 100% auto
}

.product_list .thumb img {
	width: 100%
}

.product_list .tag {
	display: block;
	margin-top: 10px;
	width: 100%;
	height: 16px;
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	color: #555;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.product_list .name {
	margin-top: 2px;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.product_list .name b {
	font-weight: 500
}

.product_list .price_div {
	margin-top: 8px
}

.product_list .price_div .price:after {
	content: '';
	display: block;
	clear: both
}

.product_list .price_div .price .won {
	float: left;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
	color: #080202
}

.product_list .price_div .price .won span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.product_list .price_div .price .dc {
	float: left;
	margin-left: 4px;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #3cc814
}

.product_list .price_div .price:nth-child(2) .won {
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: #999
}

.product_list .price_div .price:nth-child(2) .won span {
	font-size: 13px;
	line-height: 18px;
	text-decoration: line-through
}

/* 220929 상품 상세 2차 고도화: 혜택가 표기 */
.product_list .price_div .benefit {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #ff3894;
}

.product_list .price_div strong {
	font-size: 14px;
}

.product_list .pd_info .etc {
	margin-top: 4px
}

.product_list .pd_info .etc:after {
	content: '';
	display: block;
	clear: both
}

.product_list .pd_info .etc .pd_star {
	float: left;
	padding-left: 16px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	background: url('/res/images/m_starIcon_16x16.png') no-repeat left center;
	background-size: 16px
}

.product_list .pd_info .etc .pd_review {
	float: left;
	margin-left: 4px;
	font-size: 13px;
	line-height: 16px;
	color: #bbb
}

.product_list .pd_info .badge {
	margin-top: 8px;
	height: 18px
}

.product_list .pd_info .badge:after {
	content: '';
	display: block;
	clear: both
}

.product_list .pd_info .badge span {
	float: left;
	margin-right: 3px;
	padding: 4px 3px 2px;
	font-size: 10px;
	line-height: 1;
	color: #555;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 2px
}

.product_list .pd_info .badge span.spe {
	color: #fff;
	background: #ff3894;
	border: 1px solid #ff3894
}

.product_list .pd_info .badge span:last-child {
	margin-right: 0
}

.product_list.spe .price_div .price .dc {
	color: #ff3894
}

/* .product_list .cart_btn {
	position: absolute;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_icn_cart.png') no-repeat center;
	background-size: 24px
} */

.product_list .heart {
	position: absolute;
	width: 32px;
	height: 32px;
	background: url('/res/images/m_icn_heart_64x64.png') no-repeat center;
	background-size: 32px
}

.product_list .heart.on {
	background: url('/res/images/m_icn_heart_64x64_on.png') no-repeat center;
	background-size: 32px
}

.product_list .heart p {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px
}

.product_list .heart.ing p:nth-child(1) {
	display: block
}

.product_list .heart.ing p:nth-child(2) {
	display: none
}

.product_list .heart.off p:nth-child(1) {
	display: none
}

.product_list .heart.off p:nth-child(2) {
	display: block
}

.product_list .heart p img {
	width: 100%
}

.product_list .alarm {
	display: none;
	position: absolute;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_icn_alarm_48x48.png') no-repeat center;
	background-size: 24px
}

.product_list .alarm.on {
	background: url('/res/images/m_icn_alarm_gry_48x48.png') no-repeat center;
	background-size: 24px
}

.product_list.soldout .thumb:before {
	content: '일시품절';
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	padding: 22px 24px;
	width: 80px;
	height: 80px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	word-break: break-all;
	background: rgba(8, 8, 8, 0.5);
	border-radius: 100%
}

/* .product_list.soldout .cart_btn {
	display: none
} */

.product_list.soldout .alarm {
	display: block
}

.product_list_div script~.product_list:nth-child(2n) {
	margin-left: 0;
	clear: none;
}

.product_list_div script~.product_list:nth-child(2n+1) {
	margin-left: 16px !important;
	clear: none !important;
}

.product_list_div script+.product_list {
	margin-left: 0 !important;
}

/* 제품리스트 가로형 공통 */
.hor .product_list .thumb {
	float: left
}

.hor .product_list .pd_info {
	float: left
}

.hor .product_list .pd_info .tag {
	margin-top: 0
}

/*펫 전용 썸네일 위 뱃지*/
.pet .thumb .pet_badge {
	position: absolute;
	top: 6px;
	right: 6px;
	display: table;
	width: 32px;
	height: 32px;
	background-color: rgb(64, 15, 15, 0.8);
	background-blend-mode: multiply;
	border-radius: 100%;
}

.pet .thumb .pet_badge:before {
	content: '';
	display: table-cell;
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

/* 상품리스트 필터 */
.product_list_top {
	min-height: 24px;
}

.product_list_top .all_count {
	float: left;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	color: #111
}

.product_list_top select {
	position: absolute;
	top: 0;
	right: 70px;
	padding: 0 24px 0 12px;
	/* width: 106px; */
	height: 24px;
	font-weight: 500;
	line-height: 24px;
	direction: rtl;
	background: url(/res/images/icon/arrow-down-555.svg) no-repeat right 4px top 50%;
	background-size: 20px;
}

.product_list_top select:focus {
	outline: 0
}

.product_list_top .view_type {
	float: right;
}

.product_list_top .view_type:after {
	content: '';
	display: block;
	clear: both
}

.product_list_top .view_type a {
	float: left;
	margin-left: 6px;
	width: 24px;
	height: 24px;
}

.product_list_top .view_type a:first-child {
	margin-left: 0
}

.product_list_top .view_type a img {
	width: 100%
}

.product_list_top .view_type a img:nth-child(1) {
	display: block
}

.product_list_top .view_type a img:nth-child(2) {
	display: none
}

.product_list_top .view_type a.on img:nth-child(1) {
	display: none
}

.product_list_top .view_type a.on img:nth-child(2) {
	display: block
}

/* 수량 */
.count_div .count {
	width: 92px;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 4px;
}

.count_div .count:after {
	content: '';
	display: block;
	clear: both
}

.count_div .count a,
.count_div .count button {
	float: left;
	width: 29px;
	height: 28px
}

.count_div .count input {
	float: left;
	/* padding: 1px 0 0 0; */
	width: 32px;
	height: 28px;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
	color: #111;
	text-align: center;
	border: none;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: none;
	border-radius: 0
}

.count_div .count .minus {
	background: url('/res/images/icon/minus-555.svg') no-repeat center;
	background-size: 16px;
}

.count_div .count .plus {
	background: url('/res/images/icon/plus-555.svg') no-repeat center;
	background-size: 16px
}

.count_div .count .minus.disabled {
	background: url('/res/images/icon/minus-ccc.svg') no-repeat center;
	background-size: 16px;
	pointer-events: none
}

.count_div .count .plus.disabled {
	background: url('/res/images/icon/plus-ccc.svg') no-repeat center;
	background-size: 16px;
	pointer-events: none
}

/* 페이지 하단 안내 문구 리스트 */
.page_bottom_noti {
	margin-top: 32px;
	border-top: 10px solid #f9f9f9;
	padding: 24px 20px;
	background: #fff
}

.page_bottom_noti .tit {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #111;
	text-align: left;
}

.page_bottom_noti .dot_indent {
	margin-top: 8px;
	text-align: left;
}

.page_bottom_noti .dot_indent:first-child {
	margin-top: 0
}

.page_bottom_noti .dot_indent p {
	font-size: 13px;
	line-height: 18px;
	margin-top: 4px
}

.page_bottom_noti .dot_indent p:first-child {
	margin-top: 0
}

/* 에러페이지 */
.error_div {
	padding-top: 208px;
	background: url('/res/images/m_error_div.png') no-repeat center 115px;
	background-size: 64px;
	text-align: center
}

.error_div .tit {
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.error_div .txt {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	color: #777
}

.error_div .info {
	margin-top: 24px;
	padding: 20px;
	background: #f9f9f9;
	border-radius: 10px
}

.error_div .info .title {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.error_div .info .text {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #555
}

.error_div .btn {
	display: flex;
	margin-top: 40px
}

.error_div .btn a {
	margin-left: 8px;
	width: 100%
}

.error_div .btn a:first-child {
	margin-left: 0
}

/* 리뉴얼안내 페이지 */
.renewal_noti {
	background: #f7f7f7;
	height: 100%;
	padding: 70px 0
}

.renewal_noti .table {
	display: table;
	margin: 0 auto;
	width: calc(100% - 32px);
	width: -webkit-calc(100% - 32px);
	height: 100%
}

.renewal_noti .table_cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-bottom: 50px
}

.renewal_noti .logo {
	display: inline-block;
	width: 90px
}

.renewal_noti .logo img {
	width: 100%
}

.renewal_noti .box {
	margin-top: 24px;
	padding: 52px 16px;
	background: #fff;
	border-radius: 10px
}

.renewal_noti .box .title {
	display: inline-block;
	position: relative;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	color: #000
}

.renewal_noti .box .title span {
	color: #3cc814
}

.renewal_noti .box .title:before {
	content: '';
	position: absolute;
	top: 0;
	left: -26px;
	width: 20px;
	height: 13px;
	background: url('/res/images/m_renewal_noti_title_before.png') no-repeat;
	background-size: 20px 13px
}

.renewal_noti .box .title:after {
	content: '';
	position: absolute;
	top: 0;
	right: -26px;
	width: 20px;
	height: 13px;
	background: url('/res/images/m_renewal_noti_title_after.png') no-repeat;
	background-size: 20px 13px
}

.renewal_noti .box .text {
	margin-top: 10px;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.renewal_noti .box .time_noti {
	margin: 24px auto 0;
	padding: 19px 10px;
	background: #f9f9f9;
	border: 1px solid #eee;
	border-radius: 10px
}

.renewal_noti .box .time_noti .tit {
	font-weight: 700;
	font-size: 15px;
	line-height: 18px;
	color: #000
}

.renewal_noti .box .time_noti .time {
	margin-top: 8px;
	font-size: 14px;
	line-height: 18px;
	color: #555
}

.renewal_noti .box .noti_txt {
	display: inline-block;
	margin: 20px 0 0;
	padding-left: 26px;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	background: url('/res/images/renewal_noti_noti_txt.png') no-repeat left center;
	background-size: 20px
}

.renewal_noti .btn {
	display: block;
	margin-top: 24px;
	padding: 15px 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	backgrounD: #3cc814;
	border-radius: 10px
}

.renewal_noti .sorry {
	margin: 20px 0 0;
	font-size: 14px;
	line-height: 20px;
	coloR: #777;
	text-align: center;
}

/* 페이지 하단 댓글 영역 */
.cmt_area .cmt_wrt_div {
	border-top: 10px solid #f9f9f9;
	padding: 24px 0 24px 0;
	border-bottom: 10px solid #f9f9f9
}

.cmt_area .textarea_div .textarea_wrap {
	width: 100%;
	height: 132px;
	background: #f9f9f9;
	padding: 16px 16px 46px 16px;
	border-radius: 4px;
}

.cmt_area .textarea_div .textarea_wrap textarea {
	width: 100%;
	height: 74px;
	color: #333;
}

.cmt_area .textarea_div .textarea_wrap textarea::placeholder {
	color: #bbb;
}

.cmt_area .input_area .textarea_div .limit_textarea_cnt {
	position: absolute;
	bottom: 12px;
	right: 12px;
	color: #999;
}

.cmt_area .input_area .textarea_div .limit_textarea_cnt .byte.active {
	color: #111;
}

.cmt_area .cmt_wrt_div .chk_div {
	margin-top: 16px;
}

.cmt_area .cmt_wrt_div .btn {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	width: 100%;
	height: 48px;
	border-radius: 4px;
	padding: 12px;
	margin-top: 16px;
	text-align: center;
}

.cmt_area .cmt_div .cmt_top_area {
	padding: 24px 0;
	border-bottom: 1px solid #ccc;
}

.cmt_area .cmt_div .cmt_top_area .inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cmt_area .cmt_div .cmt_top_area .inner::after {
	content: none !important;
}

.cmt_area .cmt_div .cmt_top_area .title_div {
	display: flex;
	align-items: center;
}

.cmt_area .cmt_div .cmt_top_area .title_div .title {
	color: #111;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.cmt_area .cmt_div .cmt_top_area .title_div .count {
	margin-left: 4px;
}

.cmt_area .cmt_div .no_data_div {
	margin-top: 6px;
}

.cmt_area .cmt_div .no_data_div .txt_area {
	background: url('/res/images/icon/nodata.svg') no-repeat center 44px;
}

.cmt_area .cmt_div .cmt_list_div .list {
	padding: 20px 0;
	border-bottom: 1px solid #eee;
	position: relative
}

.cmt_area .cmt_div .cmt_list_div .list .info_div {
	display: flex;
	align-items: center;
}

.cmt_area .cmt_div .cmt_list_div .list .info_div p {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.cmt_area .cmt_div .cmt_list_div .list .info_div p:last-child {
	padding-right: 0
}

.cmt_area .cmt_div .cmt_list_div .list .info_div p:after {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin: 0 8px;
	background: #ddd;
}

.cmt_area .cmt_div .cmt_list_div .list .info_div p:last-child:after {
	display: none
}

.cmt_area .cmt_div .cmt_list_div .list>.info_div p {
	color: #bbb;
}

.cmt_area .cmt_div .cmt_list_div .list .wrt_tooltip.tooltip_div {
	display: block;
	right: 0;
}

.cmt_area .cmt_div .cmt_list_div .list .wrt_tooltip.tooltip_div .opener {
	top: 0;
	width: 20px;
	height: 20px;
	background-size: 20px;
}

.cmt_area .cmt_div .wrt_tooltip.tooltip_div .tooltip {
	top: 26px !important;
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .cmt_txt {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	margin: 20px 0 0;
	word-break: break-word;
}


.cmt_area .cmt_div .cmt_list_div .list .txt_div .cmt_edit {
	margin-top: 20px;
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .btn_div {
	display: flex;
	align-items: center;
	gap: 0 8px;
	margin-top: 20px
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .btn_div a {
	display: block;
	width: 100%;
	padding: 14px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	border: 1px solid var(--color-primary-1);
	border-radius: 4px;
	text-align: center;
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .btn_div a:last-child {
	margin-right: 0
}

.cmt_area .cmt_div .cmt_list_div .list .answer_div {
	background: #f9f9f9;
	border-radius: 4px;
	padding: 20px;
	margin-top: 20px;
}

.cmt_area .cmt_div .cmt_list_div .list .answer_div .info_div p {
	color: #333
}

.cmt_area .cmt_div .cmt_list_div .list .answer_div .info_div p:first-child {
	margin-left: 0;
}

.cmt_area .cmt_div .cmt_list_div .list .answer_div .answer {
	color: #333;
	margin-top: 12px;
	word-break: break-all;
}

.cmt_area .cmt_div .cmt_list_div .list .answer_div .plus-btn {
	margin-top: 16px;
}

.cmt_area .more_btn_wrap {
	padding-top: 24px;
	text-align: center
}

.cmt_area .more_btn_wrap .view_more_btn {
	display: block;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	border: 1px solid #eee;
	border-radius: 60px;
	padding: 14px;
	margin: 0 auto;
}

.cmt_area .more_btn_wrap .view_more_btn span {
	background: url("/res/images/icon/arrow-down-555.svg") right center no-repeat;
	background-size: 16px;
	padding-right: 20px;
}

/* 플로팅 메뉴 */
.floating_menu {
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 76px);
	bottom: calc(env(safe-area-inset-bottom) + 76px);
	right: 16px;
	display: flex;
	flex-direction: column;
	align-items: end;
	z-index: 3
}

.floating_menu a {
	display: block;
	position: relative;
	margin-top: 12px;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2)
}

.floating_menu a:first-child {
	margin-top: 0
}

.floating_menu .kakao {
	background: url('/res/images/m_floating_kakao.png') no-repeat center #ffe100;
	background-size: 24px;
}

.floating_menu .tel {
	background: url('/res/images/m_floating_tel.png') no-repeat center #fff;
	background-size: 24px;
}

.floating_menu .tel:before {
	content: '';
	position: absolute;
	top: 8px;
	right: 24px;
	width: 16px;
	height: 12px;
	background: url('/res/images/m_floating_tel_arrow.png') no-repeat;
	background-size: 16px 12px
}

.floating_menu .tel:after {
	content: '전화주문';
	position: absolute;
	top: -5px;
	right: 18px;
	padding: 4px 4px 2px;
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	background: #052832;
	border-radius: 5px
}

.floating_menu .top {
	background: url('/res/images/icon/arrow-up-555.svg') no-repeat center #fff;
	background-size: 20px;
	border: 1px solid #555;
}

.floating_menu .close {
	background: url('/res/images/m_floating_close.png') no-repeat center #fff;
	background-size: 24px;
}

.floating_menu .kakaoch {
	background: url('/res/images/m_floating_kakaoch.png') no-repeat center #ffe100;
	background-size: 24px;
}

.floating_menu .kakaoch:before {
	content: '카카오톡 채널추가';
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 15px;
	width: 148px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	text-align: left;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 22px;
	z-index: -1
}

.floating_menu .kakaocs {
	background: url('/res/images/m_floating_kakao.png') no-repeat center #ffe100;
	background-size: 24px;
}

.floating_menu .kakaocs:before {
	content: '카카오톡 1:1상담';
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 15px;
	width: 148px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	text-align: left;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 22px;
	z-index: -1
}

.floating_menu .kakao_depth {
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
}

.floating_menu.on {
	z-index: 11
}

.floating_menu.on .tel:before,
.floating_menu.on .tel:after {
	display: none
}

/* 240926 라이브 예고 기능 */
.floating_menu a.live-info-flag {
	width: 78px;
	height: 56px;
	margin-top: 32px;
	text-align: center;
	border: 3px solid #F05B5A;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: none;
}

.floating_menu a.live-info-flag:before {
	content: '';
	display: block;
	width: 67px;
	height: 25px;
	margin: -16px auto 0;
	background: url(/res/images/icon/m-live-info-flag-title.svg) 50% / cover;
}

.floating_menu a.live-info-flag .wrapper {
	display: flex;
	flex-direction: column;
	padding-top: 7px;
}

.floating_menu a.live-info-flag .term {
	color: #111;
	font-size: 12px;
	font-weight: 700;
	line-height: 12px;
	letter-spacing: -0.5px;
}

.floating_menu a.live-info-flag .desc {
	margin-top: 2px;
	color: #F05B5A;
	font-size: 14px;
	font-weight: 800;
	line-height: 14px;
	letter-spacing: -0.5px;
}

/* 221219 .disabled 클래스 추가시 플로팅 버튼 숨김처리 */
.floating_menu.disabled .top {
	display: none !important;
}

.floating_menu a.channel-talk-btn {
	width: 78px;
	height: 69px;
	margin-top: 16px;
	background: url(/res/images/icon/channeltalk_mo.png) 50% / cover;
	border-radius: 0;
	box-shadow: none;
}

/* 2507092 라이브 플로팅 */
.live-floating {
	position: fixed;
	bottom: 72px;
	right: 12px;
	z-index: 4;
}


.live-floating .video-wrap {
	/* display: flex;
    flex-direction: column; */
	font-size: 0;
	border-radius: 8px;
	overflow: hidden;
}

.live-floating .video-wrap .link-wrap {
	display: block;
}

.live-floating .video-wrap:not(.ver) .link-wrap,
.live-floating .video-wrap:not(.ver) iframe {
	width: 220px;
	height: 123px;
	aspect-ratio: 16 / 9;
}

.live-floating .video-wrap.ver .link-wrap,
.live-floating .video-wrap.ver iframe {
	width: 130px;
	height: 231px;
	aspect-ratio: 9 / 16;
}

.live-floating .video-wrap iframe,
.live-floating .video-wrap video {
	border-radius: 8px 8px 0 0;
}

.live-floating .video-wrap iframe {
	display: block;
	border: none;
	vertical-align: bottom;
}

.live-floating .video-wrap video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.live-floating .view-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	background-color: #052822;
}

.live-floating .close-btn {
	position: absolute;
	top: -30px;
	right: 0;
	width: 24px;
	height: 24px;
	background: rgba(17, 17, 17, 0.6) url(/res/images/icon/close-fff-sm.svg) 50% / 24px;
	border-radius: 50%;
}


/* ios back btn */
.floating_back_btn {
	display: inline-block;
	position: fixed;
	bottom: calc(constant(safe-area-inset-bottom) + 76px);
	bottom: calc(env(safe-area-inset-bottom) + 76px);
	left: 16px;
	z-index: 9;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 1px solid #555;
	background: url(/res/images/icon/arrow-left-555.svg) no-repeat #fff center / 20px;
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
}

/* 230907 공통 쿠폰 리스트 */
.cpn_com_list {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 0;
}

.cpn_com_list .list {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 146px;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 23px 24px;
}

.cpn_com_list .list:before {
	content: '';
	display: block;
	width: 12px;
	height: 20px;
	border-radius: 0 10px 10px 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -1px;
	border: 1px solid #ddd;
	background: #fff;
	border-left: none
}

.cpn_com_list .list:after {
	content: '';
	display: block;
	width: 12px;
	height: 20px;
	border-radius: 10px 0 0 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -1px;
	border: 1px solid #ddd;
	background: #fff;
	border-right: none
}

.cpn_com_list .list:first-child {
	margin-top: 0
}

.cpn_com_list .list .txt_area {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 20px 0;
	width: 100%;
	height: 100%;
}

.cpn_com_list .list .txt_area .cpn_dtl {
	margin-top: auto;
}

.cpn_com_list .list .txt_area .benefit .won {
	display: flex;
	align-items: end;
}

.cpn_com_list .list .cpn_dtl p {
	color: #999;
	margin-top: 2px;
}

.cpn_com_list .list .cpn_dtl .flag {
	display: flex;
	align-items: center;
}

.cpn_com_list .list .cpn_dtl .flag p {
	color: var(--color-primary-1);
	margin-top: 0;
}

.cpn_com_list .list .cpn_dtl .flag p.pink {
	color: var(--color-highlight-1);
}

.cpn_com_list .list .cpn_dtl .flag p:nth-child(n+2) {
	position: relative;
	padding-left: 13px;
}

.cpn_com_list .list .cpn_dtl .flag p:nth-child(n+2)::before {
	content: '';
	display: block;
	width: 1px;
	height: 8px;
	background: #dddddd;
	position: absolute;
	left: 6px;
	top: calc(50% - 4px);
}

.cpn_com_list .list .cpn_tit {
	color: #333;
	padding-right: 58px;
	margin-top: 4px;
	word-break: break-all;
}

.cpn_com_list .list .btn_area {
	position: absolute;
	right: 32px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.cpn_com_list .list .btn_area .cpn_down_btn {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('/res/images/icon/cpn-down.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40px;
}

.cpn_com_list .list .btn_area .cpn_down_btn.on {
	pointer-events: none;
	background-image: url('/res/images/icon/cpn-down-on.svg');
}


.cpn_com_list .list .cpn_dtl p:first-child {
	margin-top: 0;
}

.cpn_com_list .list .cpn_use {
	position: absolute;
	bottom: 24px;
	right: 24px;
	display: inline-block;
	color: #555;
	text-decoration: underline;
}

.cpn_com_list .list .except_tooltip {
	position: absolute;
	bottom: 24px;
	right: 24px;
	display: inline-flex;
	align-items: center;
}

.cpn_com_list .list .except_tooltip .term {
	color: #999;
}

.cpn_com_list .list .except_tooltip .tooltip_div {
	margin-left: 2px;
	width: 16px;
	height: 16px;
	background: url(/res/images/icon/tooltip-bbb.svg) no-repeat center / 16px;
}

.cpn_com_list .list .except_tooltip .tooltip_div .tooltip {
	padding: 16px;
}

.cpn_com_list .list .except_tooltip .tooltip_div .tooltip p {
	color: #555;
	font-size: 13px;
	line-height: 18px;
}

/* 250617 쿠폰 리스트 */
.coupon-list.swiper-container {
	overflow: clip visible;
}

.coupon-list.swiper-disabled .swiper-wrapper {
	width: calc(100% - 40px);
	margin: 0 20px;
}

.coupon-list.swiper-disabled .swiper-wrapper .swiper-slide {
	width: 100%;
}

.coupon-list>ul:not(.swiper-wrapper) {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 16px;
}

.coupon-list>ul>li {
	position: relative;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: 288px;
	height: 206px;
	padding: 24px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.coupon-list>ul:not(.swiper-wrapper)>li {
	width: 100%;
}

.coupon-list>ul>li:has(.tooltip-wrap) {
	z-index: 1;
}

.coupon-list>ul>li:before,
.coupon-list>ul>li:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: calc(50% - 10px);
	width: 10px;
	height: 20px;
	border: 1px solid #ddd;
	background-color: #fff;
}

.coupon-list>ul>li:before {
	left: -1px;
	border-radius: 0 10px 10px 0;
	border-left: none;
}

.coupon-list>ul>li:after {
	right: -1px;
	border-radius: 10px 0 0 10px;
	border-right: none;
}

.coupon-list>ul>li .benefit,
.coupon-list>ul>li .benefit:has(strong) strong {
	color: #111;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px
}

.coupon-list>ul>li .benefit:has(strong) {
	font-size: 20px;
	font-weight: 400;
}

.coupon-list>ul>li .name {
	margin-top: 4px;
	margin-right: 60px;
	color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	word-break: keep-all;
}

.coupon-list>ul>li .flag-wrap {
	display: flex;
	align-items: center;
	margin-top: auto;
}

.coupon-list>ul>li .flag-wrap li {
	display: inline-flex;
	align-items: center;
	color: #3CC814;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
}

.coupon-list>ul>li .flag-wrap li.app {
	color: #FF3894;
}

.coupon-list>ul>li .flag-wrap li+li:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: 0 6px;
	background-color: #ddd
}

.coupon-list>ul>li .info {
	margin-top: 2px;
}

.coupon-list>ul>li .info li {
	color: #999;
	font-size: 13px;
	line-height: 18px;
}

.coupon-list>ul>li .info li+li {
	margin-top: 2px;
}

.coupon-list>ul>li .download-btn,
.coupon-list>ul>li .checked-ico {
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-position: 50% 50%;
	background-size: 40px;
	border-radius: 50%;
}

.coupon-list>ul>li .download-btn {
	background-image: url('/res/images/icon/cpn-down.svg');
}

.coupon-list>ul>li .checked-ico {
	background-image: url('/res/images/icon/cpn-down-on.svg');
}

.coupon-list>ul>li .coupon-pd-btn,
.coupon-list>ul>li .tooltip-wrap {
	position: absolute;
	bottom: 24px;
	right: 24px;
}

.coupon-list>ul>li .coupon-pd-btn {
	color: #555;
	font-size: 13px;
	line-height: 18px;
	padding-right: 16px;
	text-decoration: underline;
	background: url('/res/images/icon/arrow-right-555.svg') 100% 50% / 16px;
}

.coupon-list>ul>li .tooltip-wrap {
	display: flex;
	align-items: center;
	gap: 0 2px;
	color: #999;
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
}

.coupon-list>ul>li .tooltip-wrap .tooltip_div {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	background: url('/res/images/icon/tooltip-bbb.svg') 50% / 16px;
}

.coupon-list>ul>li .tooltip-wrap>span:first-child {
	padding-right: 20px;
	background-size: 20px;
}

.coupon-list>ul>li .tooltip-wrap .tooltip-info {
	right: 0;
}

/* 어드민 모드 */
.admin_mode {
	width: 100%;
	padding: 14px 0;
	background-color: rgba(255, 0, 0, 0.5);
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	position: fixed;
	top: 150px;
	left: 0;
	z-index: 99;
	text-align: center
}

/* 임시 */
.banner img {
	width: 100%;
}

/* 공통 */
.textarea_wrap {
	position: relative;
}

.textarea_wrap textarea {
	padding: 0;
	background: #f9f9f9;
	width: 100%;
}

.textarea_wrap textarea::placeholder {
	color: #bbb;
}

.textarea_wrap .limit_textarea_cnt {
	color: #bbb;
	font-size: 13px;
	line-height: 18px;
	position: absolute;
	bottom: 12px;
	right: 12px;
}

.textarea_wrap .limit_textarea_cnt span.active,
.textarea_wrap .limit_textarea_cnt .byte.active {
	color: #111;
}

.textarea_div .limit_txt {
	position: absolute;
	bottom: 12px;
	left: 12px;
	color: #999;
}

/* 사진 첨부 */
.upload_pic {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0 10px;
	width: 100%;
	max-width: 640px;
	overflow: hidden;
}

.upload_pic .file_div {
	display: flex;
	order: 2;
}

.upload_pic .file {
	position: relative;
	margin-left: 9px;
	width: 100px;
	height: 100px;
}

.upload_pic .file:first-child {
	margin-left: 0
}

.upload_pic .file .img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.upload_pic .file .del {
	display: none;
	position: absolute;
	top: 4px;
	right: 4px;
	width: 24px;
	height: 24px;
	background: url('/res/images/icon/close-circle-777.svg') no-repeat 50%;
}

.upload_pic .file.on .img {
	display: block;
}

.upload_pic .file.on .del {
	display: block
}

.upload_pic .upload {
	position: relative;
	width: 100px;
	height: 100px;
	background: url('/res/images/icon/camera-111.svg') no-repeat top 20px center #f9f9f9;
	background-size: 40px;
	transition: background-color 0.1s ease-in-out;
	order: 1;
	cursor: pointer;
}

.upload_pic .upload.one {
	left: 0px
}

/* .upload_pic .upload.two {
	left: calc(33.33% + 3px);
	left: -webkit-calc(33.33% + 3px)
}

.upload_pic .upload.thr {
	left: calc(66.66% + 6px);
	left: -webkit-calc(66.66% + 6px)
} */

.upload_pic .upload.thr {
	display: none;
}

.upload_pic .upload input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	margin-right: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	border: none !important
}

.upload_pic .upload .upload_num {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
}

/* 등급 */
.grade>p {
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.grade .gold {
	background: url("/res/images/m_grade_review_gold.png") center / 36px no-repeat;
}

.grade .silver {
	background: url("/res/images/m_grade_review_silver.png") center / 36px no-repeat;
}

.grade .bronze {
	background: url("/res/images/m_grade_review_bronze.png") center / 36px no-repeat;
}

.grade .green {
	background: url("/res/images/m_grade_review_green.png") center / 36px no-repeat;
}

.grade .vip {
	background: url("/res/images/m_grade_review_vip.png") center / 36px no-repeat;
}

.grade .vipcusotm {
	background: url("/res/images/m_grade_review_vipcustom.png") center / 36px no-repeat;
}

.grade .celeb {
	background: url("/res/images/m_grade_review_celeb.png") center / 36px no-repeat;
}

.grade .tele {
	background: url("/res/images/m_grade_review_tele.png") center / 36px no-repeat;
}

.grade .test {
	background: url("/res/images/m_grade_review_test.png") center / 36px no-repeat;
}

/* 더보기 */
.list_more {
	width: 256px;
	height: 48px;
	border-radius: 24px;
	border: 1px solid #ddd;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	display: block;
	padding: 13px 0;
	text-align: center;
	margin: 36px auto 0 auto;
}

.list_more span {
	background: url("/res/images/m_icn_down_32x32.png") center right no-repeat;
	background-size: 16px;
	padding-right: 20px;
	display: inline-block
}

/* 수정, 삭제 버튼 툴팁 */
.mine .wrt_tooltip.tooltip_div {
	display: block;
}

.wrt_tooltip.tooltip_div {
	display: none;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 20px;
	right: 20px;
	vertical-align: middle
}

.wrt_tooltip.tooltip_div .opener {
	top: 20px;
	background: url("/res/images/icon/more-555.svg") top right no-repeat;
	background-size: 20px;
	width: 20px;
	height: 20px;
	display: block;
}

.wrt_tooltip.tooltip_div .tooltip {
	top: 42px !important;
	right: 0;
	width: 72px;
	border-color: #ccc;
	border-radius: 4px;
}

.wrt_tooltip.tooltip_div .tooltip a {
	display: flex;
	align-items: center;
	height: 42px;
	padding: 0 33px 0 12px;
	color: #111;
	font-size: 13px;
	background-size: 16px;
	background-position: calc(100% - 15px) 50%;
}

.wrt_tooltip.tooltip_div .tooltip a+a {
	border-top: 1px solid #ccc;
}

.wrt_tooltip.tooltip_div .tooltip a.edit {
	background-image: url(/res/images/icon/edit-111.svg);
}

.wrt_tooltip.tooltip_div .tooltip a.delete {
	background-image: url(/res/images/icon/trash-111.svg);
}

/* 스와이퍼 */
.swiper-container .swiper-scrollbar {
	width: 80px !important;
}

/* 240417 숨김처리 */
.head_banner.hide,
.indicator.hide,
.floating_menu.hide,
.floating_back_btn.hide {
	z-index: 0;
}

/* no data */
.no-data-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-bottom: 48px;
}

.no-data-wrap .info {
	padding-top: 124px;
	color: #111;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	background: url(/res/images/icon/nodata.svg) no-repeat 50% 48px / 64px;
}

.no-data-wrap .sub-info {
	padding-top: 2px;
	color: #999;
	font-size: 14px;
	line-height: 20px;
}

.no-data-wrap .btn-wrap {
	display: flex;
	align-items: center;
	gap: 0 8px;
	width: 100%;
	margin-top: 32px;
}

/* tooltip */
.tooltip-wrap {
	position: relative;
	cursor: pointer;
}

.tooltip-wrap.on .tooltip-info {
	visibility: visible;
	opacity: 1;
}

.tooltip-wrap>span:first-child {
	padding-right: 18px;
	background: url(/res/images/icon/tooltip-bbb.svg) 100% 50% / 16px;
}

.tooltip-wrap .tooltip-info {
	position: absolute;
	top: 24px;
	left: calc(50vw - 180px) !important;
	width: 320px;
	padding: 16px;
	border: 1px solid #ddd;
	background-color: #fff;
	visibility: hidden;
	opacity: 0;
	border-radius: 4px;
	z-index: 2;
}

.tooltip-wrap .tooltip-info .title {
	padding-bottom: 12px;
	color: #111;
	font-size: 14px;
	line-height: 20px;
	white-space: nowrap;
}

.tooltip-wrap .tooltip-info .body li,
.tooltip-wrap .tooltip-info p {
	color: #777;
	font-size: 13px;
	line-height: 18px;
	word-break: break-all;
}

.tooltip-wrap .tooltip-info .body li {
	position: relative;
	margin-left: 6px;
}

.tooltip-wrap .tooltip-info .body li:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 9px;
	left: -6px;
	width: 2px;
	height: 2px;
	background-color: #777;
	border-radius: 50%;
}

.tooltip-wrap .tooltip-info .body li+li {
	margin-top: 4px;
}

/* 페이지 안내 정보 */
.page-noti-info {
	padding: 24px 20px 0;
}

.page-noti-info .title {
	display: block;
	margin-bottom: 8px;
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.page-noti-info ul {
	display: flex;
	flex-direction: column;
	gap: 4px 0;
}

.page-noti-info ul li,
.page-noti-info p {
	position: relative;
	margin-left: 8px;
	color: #555;
	font-size: 13px;
	line-height: 18px;
}

.page-noti-info ul li:before,
.page-noti-info p:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 8px;
	left: -8px;
	width: 2px;
	height: 2px;
	background-color: #777;
	border-radius: 50%;
}

/* 상단 타이틀 스와이퍼 */
.swiper-container.top-category {
	padding: 20px 0;
}

.swiper-container.top-category:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 20px;
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	background-color: #333;
}

.swiper-container.top-category ul {
	padding-bottom: 20px;
}

.swiper-container.top-category.center .swiper-wrapper {
	justify-content: center;
}

.swiper-container.top-category .swiper-slide {
	width: initial;
	height: 36px;
	padding: 9px 16px;
	color: #999;
	font-size: 14px;
	border: 2px solid transparent;
	border-radius: 20px;
}

.swiper-container.top-category .swiper-slide.on {
	color: #111;
	font-weight: 600;
	border-color: #333;
}

/* textarea */
.textarea-wrap {
	display: flex;
	align-items: end;
	flex-direction: column;
	width: 100%;
	height: 128px;
	padding: 14px 12px;
	background-color: #F9F9F9
}

.textarea-wrap textarea {
	flex: 1;
	width: 100%;
	padding: 0;
	color: #111;
	font-size: 14px;
	line-height: 20px;
	border: none;
	background-color: inherit;
}

.textarea-wrap .length {
	margin-top: 12px;
	color: #bbb;
	font-size: 13px;
	line-height: 18px
}

.textarea-wrap .length span {
	font-size: inherit;
	color: inherit
}

.textarea-wrap .length span.active {
	color: #111
}

/* accordion */
.accordion li .head {
	cursor: pointer;
}

.accordion li .head:after {
	content: '';
	margin-left: auto;
	display: block;
	width: 20px;
	height: 20px;
	background: url(/res/images/icon/arrow-down-111.svg) 50% 50% / 20px;
	transition: transform 0.4s;
}

.accordion li.active .head:after {
	transform: rotate(180deg)
}

/* input */
.input-wrap>label {
	display: inline-block;
	width: 100%;
	margin-bottom: 8px;
	color: #111;
	font-size: 13px;
	line-height: 18px;
	text-align: left
}

.input-wrap>label.require:after {
	content: "*";
	display: inline-flex;
	margin-left: 2px;
	font-size: 13px;
	color: #F05B5A;
	vertical-align: text-bottom
}

.input-wrap:not(.select):not(.dropdown)>div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 48px;
	padding: 0 12px;
	border: 1px solid transparent;
	border-radius: 4px;
	background: #F7F7F7
}

/* .input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) {
	background-color: #eee
} */

.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=text],
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=number],
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=email],
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=password] {
	color: #bbb !important
}

.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=text]::-webkit-input-placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=number]::-webkit-input-placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=email]::-webkit-input-placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=password]::-webkit-input-placeholder {
	color: #bbb
}

.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=text]::-moz-placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=number]::-moz-placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=email]::-moz-placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=password]::-moz-placeholder {
	color: #bbb
}

.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=text]::-ms-input-placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=number]::-ms-input-placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=email]::-ms-input-placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=password]::-ms-input-placeholder {
	color: #bbb
}

.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=text]::-o-input-placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=number]::-o-input-placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=email]::-o-input-placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=password]::-o-input-placeholder {
	color: #bbb
}

.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=text]::placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=number]::placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=email]::placeholder,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=password]::placeholder {
	color: #bbb
}

.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=text]+.btn-wrap,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=number]+.btn-wrap,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=email]+.btn-wrap,
.input-wrap:not(.select):not(.dropdown)>div:has(input:read-only) input[type=password]+.btn-wrap {
	display: none
}

.input-wrap.active:not(.select):not(.dropdown)>div {
	border-color: #999
}

.input-wrap.error:not(.select):not(.dropdown)>div {
	border-color: #F05B5A
}

.input-wrap.select>div {
	display: flex;
	align-items: center
}

.input-wrap.select>div .radio-wrap+.radio-wrap {
	margin-left: 28px
}

.input-wrap input[type=text],
.input-wrap input[type=number],
.input-wrap input[type=email],
.input-wrap input[type=password] {
	flex: 1;
	min-width: calc(100% - 90px);
	height: 100%;
	padding: 0;
	color: #111;
	font-size: 14px;
	border: none;
}

.input-wrap .btn-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0 8px;
	margin-left: 6px
}

.input-wrap .btn-wrap>:not(.timer) {
	width: 24px;
	height: 24px
}

.input-wrap .btn-wrap .input-checked-ico {
	background: url(/res/images/icon/check-primary.svg) 0 0
}

.input-wrap .btn-wrap .input-delete-btn {
	display: none;
	background: url(/res/images/icon/input-delete-gray.svg) 0 0
}

.input-wrap .btn-wrap .view-btn {
	background: url(/res/images/icon/input-show-gray.svg) 0 0
}

.input-wrap .btn-wrap .view-btn.on {
	background-image: url(/res/images/icon/input-hide-gray.svg)
}

.input-wrap .btn-wrap .search-btn {
	background-image: url(/res/images/icon/search-111.svg)
}

.input-wrap .timer {
	color: #fa3636;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px
}

.input-wrap .info-msg {
	width: 100%;
	color: #999;
	font-size: 12px;
	line-height: 16px;
	text-align: left
}

.input-wrap.error .info-msg {
	color: #F05B5A
}

.input-wrap+.input-wrap {
	margin-top: 16px
}

.input-wrap.auth {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.input-wrap.auth>div {
	width: calc(100% - 118px)
}

.input-wrap.auth>div input {
	min-width: 100px
}

.input-wrap.auth>[class*=-btn] {
	width: 112px;
	height: 48px;
	line-height: 48px;
	margin-top: 0;
	margin-left: 6px;
	padding: 0 12px;
	font-weight: 400
}

.input-wrap.address {
	display: flex;
	flex-wrap: wrap;
	gap: 6px
}

.input-wrap.address>div:nth-of-type(1) {
	min-width: calc(100% - 118px);
}

.input-wrap.address>div:not(:nth-of-type(1)) {
	width: 100%;
}

.input-wrap.address>[class*=-btn] {
	width: 112px;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	font-weight: 400;
}

/* radio, checkbox */
.checkbox-wrap input[type="checkbox"],
.radio-wrap input[type="radio"] {
	display: none;
}

.checkbox-wrap,
.radio-wrap {
	display: flex
}

.checkbox-wrap input[type="checkbox"]+label,
.radio-wrap input[type="radio"]+label {
	display: inline-flex;
	align-items: center;
	color: #111;
	font-size: 14px;
	font-weight: 500;
}

.checkbox-wrap input[type="checkbox"]+label:before,
.radio-wrap input[type="radio"]+label:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	min-width: 24px;
	margin-right: 6px;
}

.checkbox-wrap input[type="checkbox"]+label:before {
	background: url(/res/images/icon/checkbox-off.svg)
}

.checkbox-wrap input[type="checkbox"]:checked+label:before {
	background-image: url(/res/images/icon/checkbox-on.svg)
}

.checkbox-wrap input[type="checkbox"]:disabled+label:before {
	background-image: url(/res/images/icon/checkbox-disabled.svg);
	cursor: not-allowed
}

.radio-wrap input[type="radio"]+label:before {
	background: url(/res/images/icon/radio-off.svg)
}

.radio-wrap input[type="radio"]:checked+label:before {
	background-image: url(/res/images/icon/radio-on.svg)
}

.radio-wrap input[type="radio"]:disabled+label:before {
	background-image: url(/res/images/icon/checkbox-disabled.svg)
}

/* dropdown */
.dropdown-wrap {
	position: relative;
	z-index: 1
}

.dropdown-wrap .selected-item {
	border: 1px solid #ddd;
	border-radius: 4px;
}

.dropdown-wrap .selected-item,
.dropdown-wrap>ul>li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 48px;
	padding: 12px 14px;
	cursor: pointer
}

.dropdown-wrap .selected-item span,
.dropdown-wrap>ul>li {
	color: #111;
	font-size: 14px;
}

.dropdown-wrap .selected-item:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/res/images/icon/arrow-down-111.svg) 50% / 20px;
	/* transition: all 0.3s */
}

.dropdown-wrap .selected-item span {
	color: #111
}

.dropdown-wrap>ul {
	position: absolute;
	top: 48px;
	left: 0;
	width: 100%;
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 4px 4px;
}

.dropdown-wrap>ul>li {
	/* background-color: #fff */
}

.dropdown-wrap>ul>li+li {
	border-top: 1px solid #eee
}

.dropdown-wrap>ul>li:hover {
	background-color: #F9F9F9
}

.dropdown-wrap.disabled .selected-item {
	cursor: default;
}

.dropdown-wrap.active {
	z-index: 2
}

.dropdown-wrap.active .selected-item {
	border-radius: 4px 4px 0 0;
}

.dropdown-wrap.active .selected-item:after {
	transform: rotate(180deg)
}

.dropdown-wrap.disabled .selected-item span {
	color: #bbb
}
@charset "utf-8";

/* =============== MO: (item) 공통 ===============*/
[class*=product-item] {
	position: relative;
	width: 100%;
}

[class*=product-item] .chk_box,
[class*=product-item] .radio_box {
	display: flex;
	align-items: center;
	width: 24px;
	margin-top: -2px;
	margin-right: 8px;
}

[class*=product-item] .chk_box input[type="checkbox"]+label,
[class*=product-item] .radio_box input[type="checkbox"]+label {
	height: 24px;
}

[class*=product-item] .thumb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 320px;
	padding: 20px;
	background: #F9F9F9;
}

[class*=product-item] .thumb img {
	width: 280px;
	height: 280px;
}

[class*=product-item] .thumb.bg-white {
	background: #fff;
}

[class*=product-item] .thumb.thumb-120 {
	width: 120px;
	height: 120px;
}

[class*=product-item] .thumb.thumb-120 img {
	width: 100px;
	height: 100px;
}

[class*=product-item] .thumb.thumb-100 {
	width: 100px;
	height: 100px;
}

[class*=product-item] .thumb.thumb-100 img {
	width: 80px;
	height: 80px;
}

[class*=product-item] .thumb.thumb-88 {
	width: 88px;
	height: 88px;
}

[class*=product-item] .thumb.thumb-88 img {
	width: 68px;
	height: 68px;
}

[class*=product-item] .thumb .ranking,
[class*=product-item] .thumb .badge-list {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}

[class*=product-item] .thumb .ranking {
	display: flex;
	align-items: center;
	/* width: 26px; */
	height: 20px;
	padding-left: 6px;
	color: #111;
	font-size: 14px;
	font-weight: 700;
}

[class*=product-item] .thumb .ranking+.badge-list {
	left: 36px;
}

[class*=product-item] .thumb .soldout {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	color: #777;
	font-size: 20px;
	font-weight: 500;
	background-color: rgba(249, 249, 249, 0.85);
}

[class*=product-item] .thumb .buy-guide {
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 24px;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	background-color: rgba(17, 17, 17, 0.4)
}

[class*=product-item] .info .hashtag-review,
[class*=product-item] .info .point-date {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

[class*=product-item] .info .point-date:empty {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

[class*=product-item] .info .hashtag-review {
	gap: 0 10px;
}

[class*=product-item] .info .hashtag-review .rebuy-info {
	padding-right: 2px;
}

[class*=product-item] .info .hashtag-review .hashtag {
	display: block;
	flex: 1 1 auto;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

[class*=product-item] .info .hashtag-review .review-count,
[class*=product-item] .info .point-date .date {
	margin-left: auto;
}

[class*=product-item] .info .name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all;
}

[class*=product-item] .info .name.row-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: inherit;
}

/* [class*=product-item] .info .name strong{
	font-weight: inherit !important;
} */

.product-list-2 [class*=product-item]:not(.product-item-list) .info .name.row-2 {
	max-height: 48px;
	min-height: 24px;
}

.product-list-3 [class*=product-item]:not(.product-item-list) .info .name.row-2 {
	max-height: 32px;
	min-height: 16px;
}

[class*=product-item] .info .volume {
	color: #bbb;
}

/* [class*=product-item]:not(.product-item-list) .info .price-info .percent {
	padding-left: 8px;
} */

[class*=product-item]:not(.product-item-list) .info .price-info .percent .percent {
	padding-left: 0;
	font: inherit !important;
}

[class*=product-item] .info .price-info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px 8px;
	margin-top: 16px;
}

[class*=product-item] .info .price-info .percent {
	color: var(--color-highlight-1);
}

.product-item-list .info .price-info .original {
	width: 100%;
	padding-left: 0 !important;
}

[class*=product-item]:not(.product-item-list) .info .price-info .benefit {
	color: #777;
}

[class*=product-item] .info .price-info .original {
	padding-left: 12px;
	color: #999;
}

[class*=product-item] .info .price-info .original strong {
	text-decoration: line-through;
}

[class*=product-item] .remove-btn {
	width: 24px;
	min-width: 24px;
	height: 24px;
	margin-left: auto;
	background: url(/res/images/icon/close-555.svg) 50%;
}

[class*=product-item] .info .badge-list {
	margin-top: 16px;
}

[class*=product-item] .info .review {
	display: flex;
	align-items: center;
	gap: 0 12px;
	margin-top: 16px;
}

[class*=product-item] .info .review .review-thumb {
	width: 64px;
	height: 64px;
}

[class*=product-item] .info .review .review-info {
	flex: 1;
	width: calc(100% - 76px);
}

[class*=product-item] .info .review .review-info .review-grade {
	display: flex;
	align-items: center;
}

[class*=product-item] .info .review .review-info .review-title {
	padding-bottom: 6px;
}

[class*=product-item] .info .review .review-info .review-name {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-height: 40px;
	min-height: 20px;
	color: #555;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
}

[class*=product-item] .info .review .review-info .review-count {
	display: inline-block;
	margin-top: 8px;
	padding-left: 18px;
	background-size: 16px;
}

[class*=product-item] .outline-gray-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 92px;
	height: 30px;
	padding: 0 12.5px;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
}

/*=============== MO: (item) column형 ===============*/
.product-item-column>a {
	display: flex;
	flex-direction: column;
}

.product-item-column .info {
	flex: 1;
	display: flex;
	flex-direction: column;
	margin-top: 16px;
}

.product-item-column .info .point-date .point {
	color: var(--color-primary-1);
}

.product-item-column .info .volume {
	display: inline-block;
	margin-top: 2px;
}

.product-item-column .info .price-info>div {
	display: flex;
}

/*=============== MO: (list) 나열 ===============*/
[class*=product-list]:not(.swiper-wrapper) {
	display: flex;
	flex-wrap: wrap;
}

.product-list-1:not(.swiper-wrapper) {
	flex-direction: column;
	gap: 48px;
}

.product-list-2:not(.swiper-wrapper) {
	gap: 48px 16px;
	flex-direction: row;
}

.product-list-2:not(.swiper-wrapper) .product-item-column {
	width: calc(50% - 8px);
}

.product-list-2:not(.swiper-wrapper) .product-item-column>a {
	height: 100%;
}

.product-list-2:not(.swiper-wrapper) .product-item-column .thumb {
	height: 152px;
	padding: 10px;
}

.product-list-2:not(.swiper-wrapper) .product-item-column .thumb .soldout {
	font-size: 16px;
}

.product-list-2:not(.swiper-wrapper) .product-item-column .thumb img {
	width: 132px;
	height: 132px;
}

.product-list-2:not(.swiper-wrapper) .product-item-column .thumb .ranking,
.product-list-2:not(.swiper-wrapper) .product-item-column .thumb .badge-list {
	top: 4px;
	left: 4px;
}

.product-list-2:not(.swiper-wrapper) .product-item-column .thumb .ranking+.badge-list {
	left: 30px;
}

.product-list-2:not(.swiper-wrapper) .product-item-column .info .price-info {
	flex-wrap: wrap;
}

.product-list-2:not(.swiper-wrapper) .product-item-column .info .benefit {
	width: 100%;
}

/*=============== MO: (list) 스와이퍼형 ===============*/
.product-swiper-1.swiper-disabled {
	width: calc(100% - 40px);
}

.product-swiper-1.swiper-disabled .product-item-column,
.product-swiper-1.swiper-disabled .product-item-list {
	width: 100% !important;
}

.product-swiper-1 .product-item-column,
.product-swiper-1 .product-item-list {
	width: calc(100% - 40px) !important;
}

.product-swiper-1 .swiper-scrollbar {
	margin-top: 24px;
}

.product-swiper-2 .product-item-column {
	width: 240px;
}

.product-swiper-2.swiper-disabled .product-item-column {
	width: 100%;
}

.product-swiper-2 .product-item-column .timer {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	padding: 4px;
	background: var(--color-secondary-1) url(/res/images/icon/clock-on-111.svg) 0 50% / 32px;
	border-radius: 0px 12px;
}

.product-swiper-2 .product-item-column .thumb {
	height: 240px;
}

.product-swiper-2 .product-item-column .thumb img {
	width: 200px;
	height: 200px;
}

.product-swiper-2 .product-item-column .thumb .soldout {
	font-size: 18px;
}

.product-swiper-3 .product-item-column {
	width: 120px;
}

.product-swiper-3 .thumb {
	padding: 10px;
}

.product-swiper-3 .thumb .ranking {
	top: 4px;
	left: 4px;
	font-size: 13px;
}

.product-swiper-3 .thumb .soldout {
	font-size: 12px;
}

.product-swiper-3 .thumb .buy-guide {
	height: 20px;
}

.product-swiper-3 [class*=product-item] .info,
.product-swiper-3 [class*=product-item] .price-info {
	margin-top: 12px;
}

.product-swiper-3.swiper-disabled .product-list-3 {
	gap: 0 16px;
}

.product-swiper-3.swiper-disabled .product-item-column {
	flex: 1;
}

.product-swiper-3.swiper-disabled .thumb {
	width: 100%;
}

/*=============== MO: (item) list형 ===============*/
.product-type-list {
	display: flex;
	flex-direction: column;
	gap: 16px 0;
	/* margin: 0 20px; */
}

.product-item-list {
	display: flex;
}

.product-item-list>a {
	display: flex;
	align-items: center;
	width: 100%;
}

.product-item-list .thumb {
	width: 100px;
	height: 100px;
}

.product-item-list .thumb img {
	width: 80px;
	height: 80px;
}

.product-item-list .thumb .ranking {
	top: 2px;
	left: 2px;
	font-size: 13px;
}

.product-item-list .thumb .soldout {
	font-size: 11px;
	font-weight: 400;
}

.product-item-list .thumb-info {
	position: relative;
	display: flex;
	width: 100%;
}

.product-item-list .thumb-info>a {
	display: flex;
	align-items: center;
}

.product-item-list .thumb-info>a:only-child {
	width: 100%;
}

.product-item-list .thumb-info>a+.info,
.product-item-list .thumb+.info {
	margin-left: 12px;
}

.product-item-list .info {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.product-item-list .sub-info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 8px;
	padding-bottom: 2px;
}

.product-item-list .sub-info .gift-name {
	padding-left: 22px;
	background: url(/res/images/icon/gift-circle-p1.svg) 0 50% / 20px;
}

.product-item-list .info .price-info {
	flex-wrap: wrap;
	align-items: center;
	flex-direction: row;
	gap: 2px 0;
	margin-top: 0;
}

.product-item-list .info .count_div {
	position: relative;
	display: inline-block;
	width: 92px;
	margin-top: 12px;
}

.product-item-list .info .speech-bubble {
	position: absolute;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 4px;
	padding: 0 12px;
	height: 26px;
	margin-top: 2px;
	border: 1px solid var(--color-primary-1);
	background-color: #fff;
	border-radius: 40px;
	white-space: nowrap;
	transform: translateX(-50%);
	z-index: 1;
}

.product-item-list .info .speech-bubble:before {
	content: '';
	position: absolute;
	top: -7px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 9px;
	height: 7.5px;
	background: url(/res/images/icon/speech-bubble-p1.svg) 50% / cover;
}

.product-item-list .name.row-2 {
	max-height: 40px;
	min-height: 20px;
}

.product-item-list .name+.price-info,
.product-item-list .count+.price-info {
	margin-top: 8px;
}

.product-item-list .info>.count {
	display: inline-block;
	padding-top: 2px;
	color: #999;
}

.product-item-list .restock-btn,
.product-item-list .info .cart-btn {
	position: relative;
	top: inherit;
	right: inherit;
	width: 92px;
	height: 30px;
	margin-top: 12px;
	border: 1px solid var(--color-primary-1);
	border-radius: 4px;
	background-color: transparent;
	background-image: none;
}

.product-item-list .restock-btn span,
.product-item-list .cart-btn span {
	padding-left: 18px;
	color: var(--color-primary-1);
	background-position: 0 50%;
	background-size: 16px;
}

.product-item-list .restock-btn span {
	background-image: url(/res/images/icon/alarm-p1.svg)
}

.product-item-list .cart-btn span {
	background-image: url(/res/images/icon/cart-p1.svg)
}

.product-item-list .restock-btn.disabled {
	background-color: #ddd;
	border: none;
}

.product-item-list .restock-btn.disabled span {
	color: #fff;
	background-image: url(/res/images/icon/alarm-fff.svg);
}

.product-item-list .info .price-info {
	gap: 0 4px;
}

/* .product-item-list .info .percent {
	padding-left: 4px;
} */

.product-item-list .info .benefit {
	/* width: 100%;
	padding-top: 0 !important; */
	color: #777 !important;
}

.time-sale-wrap .timer {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 36px;
	padding: 4px 10px;
	background: var(--color-secondary-1) url(/res/images/icon/clock-on-111.svg) 0 50% / 28px;
	border-radius: 0px 12px;
}

.product-item-list .accordion-btn {
	width: 16px;
	height: 100%;
	margin-left: 16px;
	padding: 0;
	background-size: 16px;
}

.accordion .product-item-list .head:after {
	display: none;
}

.product-item-list .qna-title {
	min-height: 20px;
	max-height: 40px;
	margin-top: 4px;
}

.product-item-list .qna-title.lock:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 2px;
	vertical-align: middle;
	background: url(/res/images/icon/lock-111.svg) 50% / 20px;
}

.product-item-list .answer-date {
	display: flex;
	align-items: center;
	margin-top: 8px;
}

.product-item-list .answer-date .date {
	display: flex;
	align-items: center;
	color: #bbb
}

.product-item-list .answer-date .date:before {
	content: '';
	width: 1px;
	height: 10px;
	margin: 0 10px;
	background-color: #eee;
}

.product-item-list .btm {
	width: 100%;
}

.product-item-list .btm .gift {
	display: block;
	min-height: 48px;
	padding: 12px;
	color: #111;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 4px;
}

.product-item-list .btm .select_form .gift {
	padding-right: 48px;
}

.product-item-list .btm .select_form.on .select {
	border-bottom: none;
	border-color: #ddd;
	border-radius: 4px 4px 0 0;
}

.product-item-list .btm .gift strong {
	padding-right: 4px;
	color: #111;
	font-weight: 400 !important;
}

.product-item-list .btm .option .gift {
	padding-right: 12px;
	border: none;
	background-color: transparent;
}

.product-item-list.column,
.product-item-list.order {
	flex-wrap: wrap;
	gap: 16px 0;
}

.product-item-list.column .top-cnt,
.product-item-list.order .top-cnt {
	display: flex;
	align-items: flex-start;
	width: 100%;
}

.product-item-list.order .top-cnt {
	justify-content: space-between;
}

.product-item-list.column .top-cnt .state-info,
.product-item-list.order .top-cnt .state-info {
	display: flex;
	align-items: center;
	gap: 0 8px;
}

.product-item-list.column .top-cnt .state-info .complete,
.product-item-list.order .top-cnt .state-info .complete {
	color: #999;
}

.product-item-list.column>a .top-cnt .chk_box {
	margin-right: 6px;
}

.product-item-list.column>a .info {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100px;
	margin-left: 12px;
}

.product-item-list.column>a .info .price-info {
	margin-top: 0;
}

.product-item-list.column .thumb-info>a:only-child {
	width: 100%;
}

.product-item-list.order .btn-wrap {
	display: flex;
	gap: 0 4px;
	width: 100%;
}

.product-item-list.order .btn-wrap button {
	flex: 1;
	height: 48px;
}

.product-item-list.review {
	flex-direction: column;
	gap: 16px 0;
}

.product-item-list.review .sub-info {
	flex-wrap: nowrap;
	justify-content: space-between;
}

.edit-delete-btn-wrap button:last-child:before,
.report-block-btn-wrap button:last-child:before {
	margin: 0 8px;
}

.product-item-list.review .id-date {
	margin-top: 8px;
}

.product-item-list.review .id-date>span {
	display: inline-flex;
	align-items: center;
	color: #bbb;
}

.product-item-list.review .id-date>span:not(:first-child):before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin: 0 6px;
	background-color: #ddd;
}

.product-item-list.review .id-date+button {
	margin-top: 12px;
}

.product-item-list.review .txt strong {
	display: inline-flex;
}

.product-item-list.review .txt strong:after {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin: 3px 6px 0 6px;
	background-color: #ddd;
}

.product-item-list.review .btm .review-thumb {
	margin-top: 16px;
}

.product-item-list.review .btm .review-wrap .txt {
	word-break: break-all;
}

.product-item-list.review .btm .review-wrap .txt .flag {
	display: inline-flex;
	align-items: center;
}

.product-item-list.review .btm.view {
	gap: 16px 0;
}

.product-item-list.review .btm.view>div {
	flex-direction: column;
	gap: 16px 0;
}

.product-item-list.review .btm.view .review-thumb {
	display: flex;
	flex-direction: column;
	width: auto;
	height: auto;
	max-width: 100%;
}

.product-item-list.review .btm.view .review-thumb img {
	width: 100%;
}

.product-item-list.review .btm.view .review-thumb img~img {
	display: block;
}

.product-item-list.review .btm.view .review-thumb img+img {
	padding-top: 10px;
}

.product-item-list.time-sale-wrap {
	gap: 12px 0;
}

.product-item-list.time-sale-wrap .top-cnt {
	display: flex;
	align-items: center;
	gap: 0 12px;
}

.product-item-list.time-sale-wrap .top-cnt .timer {
	flex: 1;
}

.product-item-list.qna {
	gap: 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.product-item-list.qna+.product-item-list.qna {
	border-top: none;
}

.product-item-list.qna .thumb-info {
	padding: 20px 0;
}

.product-item-list.qna .info {
	width: 100px;
}

.product-item-list.qna .qna-wrap,
.product-item-list.review .qna-wrap {
	position: relative;
	width: 100%;
}

.product-item-list.qna .qna-wrap {
	padding: 20px 0;
	border-top: 1px solid #eee;
}

.product-item-list.qna .qna-answer,
.product-item-list.review .qna-answer {
	padding: 20px;
	background-color: #f9f9f9;
	border-radius: 4px;
}

.product-item-list.qna .qna-answer {
	margin-top: 20px;
}

.product-item-list.qna .qna-answer>div+div,
.product-item-list.review .qna-answer>div+div {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

.product-item-list.qna .qna-cnt,
.product-item-list.review .qna-cnt {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0 16px;
}

.product-item-list.qna .qna-cnt p,
.product-item-list.review .qna-cnt p {
	word-break: break-all;
}

.product-item-list.qna .qna-answer .brand-date,
.product-item-list.qna .qna-answer .date,
.product-item-list.review .qna-answer .brand-date,
.product-item-list.review .qna-answer .date {
	display: flex;
	align-items: center;
}

.product-item-list.qna .qna-answer .date:before,
.product-item-list.review .qna-answer .date:before {
	content: '';
	width: 1px;
	height: 10px;
	margin: 0 10px;
	background-color: #ddd;
}

.product-item-list.qna .qna-answer .text,
.product-item-list.review .qna-answer .text {
	margin-top: 12px;
	word-break: break-all;
}

.product-item-list.qna .qna-answer .text img,
.product-item-list.review .qna-answer .text img {
	width: 100%;
}

.product-item-list.qna .qna-answer button,
.product-item-list.review .qna-answer button {
	margin-top: 16px;
	padding-right: 18px;
}

/* =============== MO: 뷰 타입 전환 관련 (베스트, 신상품..) ===============*/
.view_type_list {
	margin-top: 20px !important;
}

.view_type_list .product-item-list .price-info {
	margin-top: 8px;
}

.view_type_list [class*=product-item]:not(.product-item-list) .info .name.row-2 strong,
.view_type_list [class*=product-item]:not(.product-item-list) .info .name.row-2 span {
	display: none;
}

/* 리뷰 사진 첨부 관련 */
.attach-thumb {
	display: flex;
	gap: 0 10px;
}

.attach-thumb li {
	position: relative;
	min-width: 100px;
	min-height: 100px;
	overflow: hidden;
}

.attach-thumb li img {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	transform: translate(-50%, -50%);
}

.attach-thumb li .zoom-in-btn {
	position: absolute;
	right: 8px;
	bottom: 8px;
	width: 20px;
	height: 20px;
	background: url(/res/images/icon/zoom-in-gray.svg) 50% / cover;
}

.img-zoom {
	max-width: 320px;
	height: min(320px, calc(100vw - 40px));
}

.img-zoom .swiper-container,
.img-zoom .swiper-wrapper {
	width: 100%;
	height: 100%;
}

.img-zoom .swiper-container.swiper-disabled .swiper-wrapper {
	transform: translate3d(0, 0, 0) !important;
}

.img-zoom .swiper-container.swiper-disabled .swiper-pagination,
.img-zoom .swiper-container.swiper-disabled [class*=swiper-button] {
	display: none;
}

.img-zoom .swiper-container .swiper-wrapper .swiper-slide {
	overflow: hidden;
	background-color: #F9F9F9;
}

.img-zoom .swiper-container .swiper-wrapper .swiper-slide img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto !important;
	height: auto !important;
	max-width: 320px;
	max-height: 320px;
	transform: translate(-50%, -50%);
}

.img-zoom .swiper-container .swiper-pagination-fraction {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 4px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -22px;
	width: 44px;
	height: 26px;
	color: #fff;
	font-size: 11px;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 20px;
}

.img-zoom .swiper-container .swiper-pagination-fraction span {
	color: inherit;
	font-weight: 500;
}

.img-zoom .swiper-container .zoom-out-btn {
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 20px;
	height: 20px;
	background: url(/res/images/icon/zoom-out-gray.svg) 50% / cover;
	z-index: 1;
}

/* 250319 플러스 사은품 */
.product-item-list.gift {
	display: flex;
	align-items: center;
	padding: 12px;
}

.product-item-list.gift + .product-item-list.gift {
	border-top: 1px solid #eee;
}

.product-item-list.gift .thumb {
	width: 48px;
	height: 48px;
	padding: 0;
	background-color: transparent;
}

.product-item-list.gift .thumb img {
	width: 100%;
	height: 100%;
}

.product-item-list.gift .name {
	color: #111;
	font-size: 14px;
	line-height: 20px;
	white-space: break-spaces;
}

.product-item-list.gift .name strong {
	font-weight: 700;
}@charset "utf-8";

/* ============================== 공통: 레이아웃 기본스타일 ============================== */
/* 공통: 상단 여백 */
#wrap header {
	display: none
}

#wrap.main header,
#wrap.sub_main header {
	display: block
}

#wrap.main .indicator,
#wrap.sub_main .indicator {
	display: none
}

#wrap.main #content {
	padding: 132px 0 80px;
}

#wrap.main #content.up {
	padding-top: 44px;
}

#wrap.main #content.bottom {
	padding: 92px 0 110px 0
}

#wrap.sub_main #content {
	padding: 152px 0 0
}

#wrap.sub_main #content.up {
	padding-top: 64px;
}

#wrap.no-top-banner #content {
	padding-top: 48px;
}

#wrap.main.no-top-banner #content {
	padding-top: 92px;
}

#wrap.sub_main.no-top-banner #content {
	padding-top: 112px;
}

#wrap.show-indicator #content {
	padding-top: 88px;
}

#wrap.show-indicator.no-top-banner #content {
	padding-top: 48px;
}

/* 공통: 상단 여백 - 검색 결과 */
#wrap.no-top-banner .search_div .search-wrap {
	padding-top: 64px;
}

/* 공통: 상단 여백 - 상품 상세 */
#wrap:not(.no-top-banner) .product_dtl.has_head .thumb.top {
	padding-top: 88px
}

#wrap:not(.no-top-banner) #content.up .product_dtl.has_head .thumb.top {
	padding-top: 40px
}

/* 공통: 상단 여백 - 브랜드 */
#wrap.no-top-banner .category_div .intro_div {
	margin-top: 24px;
}

/* 공통: 상단 여백 - 성분별 */
#content.display-func {
	padding-top: 88px;
}

/* 비비사이클 케이스 */
/* #wrap header.is-bbcycle {
	height: 48px;
} */

/* #wrap header.is-bbcycle.up {
	top: 0;
} */

#wrap header.is-bbcycle .menu {
	display: none;
}

#wrap header.is-bbcycle .top a.change-logo img {
	left: 50%;
	transform: translateX(-50%);
}

#wrap header:not(.is-bbcycle) .top a.logo {
	justify-content: center;
}

#wrap header:not(.is-bbcycle) .top a.logo img {
	width: 88px;
}

#wrap.bottom:after {
	content: '';
	display: block;
	height: calc(constant(safe-area-inset-bottom) + 90px);
	height: calc(env(safe-area-inset-bottom) + 90px);
}

#wrap.bottom.type2:after {
	content: '';
	display: block;
	height: calc(constant(safe-area-inset-bottom) + 52px);
	height: calc(env(safe-area-inset-bottom) + 52px);
}

#wrap.bottom2:after {
	content: '';
	display: block;
	height: calc(constant(safe-area-inset-bottom) + 52px);
	height: calc(env(safe-area-inset-bottom) + 52px)
}

#content {
	position: relative;
	padding: 48px 0 0
}

#content.menu {
	padding: 96px 0 0
}

/* 레이아웃 기본스타일 */
html.not_scroll body {
	overflow: hidden
}

html.not_scroll body * {
	touch-action: none
}

html.lock body {
	height: 100%;
	overflow: hidden;
	touch-action: none;
}

html.lock .layer_pop {
	touch-action: auto
}

body {
	width: 100%;
	overflow-x: hidden
}

#wrap {
	position: relative;
	word-break: keep-all;
	background: #fff
}

.inner {
	position: relative;
	margin: 0 auto;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px)
}

#wrap:not(.main) .inner:after {
	content: "";
	display: block;
	clear: both;
}

/* ============================== 띠배너 ============================== */
.head_banner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/* transition: top 0.4s ease; */
	z-index: 3;
}

.head_banner.hidden,
.head_banner.up {
	top: -40px;
}

.head_banner.is-mypage-main {
	background-color: #3CC814;
}

.head_banner.is-mypage-main a span {
	padding-left: 24px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	background-position: 0 50%;
	background-size: 18px;
}

.head_banner.is-mypage-main a.coupon span{
	background-image: url(/res/images/icon/coupon-fff.svg);
}
.head_banner.is-mypage-main a.point  span{
	background-image: url(/res/images/icon/point-fff.svg);
}


.head_banner.is-mypage-main a strong {
	font-weight: 600;
}

.head_banner .cont {
	width: 100%;
	height: 40px;
	text-align: center;
	background: #3dc816
}

.head_banner .cont a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.head_banner .cont a img {
	height: 18px;
}

.head_banner .close_btn {
	position: absolute;
	top: calc(50% - 10px);
	right: 20px;
	display: block;
	width: 20px;
	height: 20px;
	background: url('/res/images/icon/close-fff-sm.svg') center / 20px;
}

/* .head_banner .close_btn {
	position: absolute;
	top: 9px;
	right: 5px;
	width: 30px;
	height: 30px;
}

.head_banner .close_btn:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	background: rgba(0, 0, 0, 0.3);
	border-radius: 100%
}

.head_banner .close_btn:after {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	background: url('/res/images/icon/close-fff-sm.svg') no-repeat center;
	background-size: 20px
} */

/* ============================== 인디게이터 ============================== */
.show-indicator .indicator {
	top: 0;
}

.show-indicator .indicator.up {
	top: 40px;
}

.show-indicator.no-top-banner .indicator {
	top: 0;
}

.indicator {
	position: fixed;
	top: -48px;
	left: 0;
	width: 100%;
	height: 48px;
	background: #fff;
	text-align: center;
	z-index: 4;
}

.indicator.hidden {
	top: -48px !important;
}

.indicator.up {
	top: 0;
	/* transition: top 0.4s ease */
}

.indicator.accor_div.show-depth {
	/* top: 0; */
	/* z-index: 3 */
	z-index: 12;
}

.indicator.accor_div.up {
	top: 40px;
}

/* 221019 arrow icon */
.indicator .list.on .title h1 {
	background: url("/res/images/icon/arrow-up-111.svg") center right no-repeat;
	background-size: 20px;
}

.indicator.accor_div .list.one_depth .open.title {
	position: relative;
	/* 221019 arrow icon */
	width: auto;
	display: inline-block;
}

/* .indicator.accor_div .list.one_depth .open.title:after {
	content: '';
	display: block;
	position: absolute;
	top: 14px;
	right: -24px;
	width: 20px;
	height: 20px;
	background: url("/res/images/icon/arrow-down-111.svg") center right no-repeat;
	background-size: 20px;
}

.indicator.accor_div .list.one_depth.on .open.title:after {
	background: url("/res/images/icon/arrow-up-111.svg") center right no-repeat;
	background-size: 20px;
} */

.indicator.accor_div .list.one_depth .close {
	display: none;
	padding: 16px 30px;
	background: #fff;
	position: absolute;
	width: 100%;
}

.indicator.accor_div .list.one_depth .close:after {
	content: '';
	display: block;
	clear: both
}

.indicator.accor_div .list.one_depth .close a {
	display: table;
	float: left;
	margin-left: 20px;
	width: calc(50% - 10px);
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0;
	color: #000;
	text-align: left
}

.indicator.accor_div .list.one_depth .close a:nth-child(2n-1) {
	margin-left: 0;
	clear: both
}

.indicator.accor_div .list.one_depth .close a span {
	display: table-cell;
	width: 100%;
	word-break: break-all
}

.indicator.accor_div .list.one_depth .close a h2 {
	font-size: 14px;
	line-height: 20px;
}

.indicator.accor_div .list.two_depth {
	position: relative;
	background: #fff;
	z-index: 11;
}

.indicator.accor_div .list.two_depth .indi_menu {
	padding: 0 52px 0 20px;
}

.indicator.accor_div .list.two_depth .indi_menu:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #eee
}

.indicator.accor_div .list.two_depth .indi_menu .swiper-slide {
	width: auto;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #bbb;
	padding: 14px 0px;
	text-align: center;
}

.indicator.accor_div .list.two_depth .indi_menu .swiper-slide h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #bbb;
}

.indicator.accor_div .list.two_depth .indi_menu .swiper-slide.on {
	color: #000
}

.indicator.accor_div .list.two_depth .indi_menu .swiper-slide.on h2 {
	color: #000
}

.indicator.accor_div .list.two_depth .indi_menu .swiper-slide.on:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #000
}

.indicator.accor_div .list.two_depth .open {
	position: absolute;
	top: 0;
	right: 0;
	width: 36px;
	height: 47px;
	z-index: 11;
}

.indicator.accor_div .list.two_depth .open:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: url("/res/images/icon/arrow-down-111.svg") center no-repeat #fff;
	background-size: 20px;
}

.indicator.accor_div .list.two_depth.on .open:after {
	background: url("/res/images/icon/arrow-up-111.svg") center no-repeat #fff;
	background-size: 20px;
}

.indicator.accor_div .list.two_depth .close {
	display: none;
	padding: 16px 36px;
	background: #fff;
}

.indicator.accor_div .list.two_depth .close a {
	display: table;
	float: left;
	margin-left: 32px;
	width: calc(50% - 16px);
	width: -webkit-calc(50% - 16px);
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0;
	color: #000;
	text-align: left
}

.indicator.accor_div .list.two_depth .close a:nth-child(2n-1) {
	margin-left: 0;
	clear: both
}

.indicator.accor_div .list.two_depth .close a span {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	word-break: break-all
}

.indicator.accor_div .list.two_depth .close a h2 {
	font-size: 14px;
	line-height: 20px;
}

/* 인디케이터 1depth 이상 추가 */
.indicator.accor_div .list.one_depth {
	position: relative;
	background: #fff;
	z-index: 12;
}

.indicator.pd_detail {
	top: 0
}

.indicator.pd_detail.up {
	top: 40px;
}

.indicator:after {
	content: '';
	display: block;
	clear: both
}

.indicator .prev {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 28px;
	height: 28px;
	background: url('/res/images/icon/arrow-left-111.svg') no-repeat center;
	background-size: 28px
}

.indicator .title {
	display: inline-block;
	padding: 12px 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #111;
	text-align: center;
	width: calc(100% - 72px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.indicator .title h1 {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #111;
}

.indicator .title h1 {
	padding-right: 24px;
	background: url("/res/images/icon/arrow-down-111.svg") center right no-repeat;
	background-size: 20px;
}

.indicator .utill {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	padding-right: 20px;
	z-index: 12
}

.indicator .utill:after {
	content: '';
	display: block;
	clear: both
}

.indicator .utill a {
	position: relative;
	float: left;
	padding: 5px;
	margin-right: 16px;
	width: 24px;
	height: 24px
}

.indicator .utill a:last-child {
	margin-right: 0
}

.indicator .utill a.search {
	background: url('/res/images/icon/search-111.svg') no-repeat center;
	background-size: 24px
}

.indicator .utill a.home {
	background: url('/res/images/icon/home-111.svg') no-repeat center;
	background-size: 24px
}

.indicator .utill a.cart {
	background: url('/res/images/icon/cart-111.svg') no-repeat center;
	background-size: 24px
}

.indicator .utill a.close {
	background: url('/res/images/icon/close-111.svg') no-repeat center;
	background-size: 24px
}

.indicator .utill a.cart span {
	position: absolute;
	top: -5px;
	right: -4px;
	width: 16px;
	height: 16px;
	/* font-weight: 500;
	font-size: 11px;
	line-height: 17px; */
	color: #fff;
	text-align: center;
	background: var(--color-primary-1);
	border-radius: 100%;
	padding-top: 1px;
}

.indicator a.logo {
	display: inline-block;
	margin: 12px auto 14px auto;
	width: 90px;
	height: 24px;
	background: url('/res/images/m_logo.png') no-repeat;
	background-size: 90px 24px
}

.indicator .x_btn {
	display: none;
	position: absolute;
	top: 5px;
	right: 11px;
	width: 38px;
	height: 38px;
	background: url('/res/images/icon/close-111.svg') no-repeat center;
	background-size: 28px
}

.indicator_dimd {
	display: none;
	position: fixed;
	top: constant(safe-area-inset-top);
	top: env(safe-area-inset-top);
	left: 0;
	width: 100%;
	height: calc(100vh - constant(safe-area-inset-top));
	height: calc(100vh - env(safe-area-inset-top));
	background: rgba(0, 0, 0, 0.5);
	z-index: 4
}

.indicator.ver2 {
	background: var(--color-primary-2);
}

.indicator.ver2 .prev {
	background: url('/res/images/icon/arrow-left-fff.svg') no-repeat center;
}

.indicator.ver2 .title {
	color: #fff;
}

.indicator.ver2 .utill a.search {
	background: url('/res/images/icon/search-fff.svg') no-repeat center;
	background-size: 24px
}

.indicator.ver2 .utill a.home {
	background: url('/res/images/icon/home-fff.svg') no-repeat center;
	background-size: 24px
}

.indicator.ver2 .utill a.cart {
	background: url('/res/images/icon/cart-fff.svg') no-repeat center;
	background-size: 24px
}

.indicator.ver2 .utill a.close {
	background: url('/res/images/icon/close-fff-sm.svg') no-repeat center;
	background-size: 24px
}

/* ============================== header ============================== */
#wrap.main header {
	display: block;
}

#wrap header {
	display: none;
}

#wrap.no-top-banner header,
#wrap.no-top-banner .indicator.pd_detail.up,
#wrap.no-top-banner .indicator.accor_div.up {
	top: 0;
}

#wrap.no-top-banner header.up {
	top: -48px;
}

header {
	position: fixed;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 3;
	background: var(--color-primary-2);
}

header.up {
	top: -48px;
}

header .top {
	position: relative;
	padding: 10px 0 2px;
	display: flex;
	align-items: end;
}

header .top .inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 40px);
	height: 100%;
}

header .top .inner::after {
	content: none !important;
}

header .top a {
	position: relative;
	display: block;
}

header .top a.logo {
	display: flex;
	align-items: center;
	/* margin-right: 20px; */
}

header .top a.logo img {
	width: 100%;
}

header .top a:nth-of-type(1) {
	width: 88px;
	height: 36px;
}

header .top a:nth-of-type(2) {
	flex: 1;
	/* width: 88px; */
	height: 36px;
}

header .top a.change-logo img {
	position: absolute;
	left: 0;
	transform: translateX(0);
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 2s ease-in-out;
}

header .top a.change-logo img.active {
	opacity: 1;
}

/* header .top .search_wrap {
	position: relative;
	display: flex;
	align-items: end;
	width: 176px;
	height: 40px;
	padding: 0 8px;
	margin-left: auto;
	margin-right: 12px;
	border: 1px solid #fff;
	border-radius: 0 8px;
}

header .top a.search {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 40px);
	height: 40px;
}

header .top a.search input {
	height: 20px;
	line-height: 20px;
	color: #fff;
	background-color: transparent;
	border: none;
	padding: 0;
}

header .top a.search input::placeholder {
	color: #ccc;
	font: inherit;
}

header .top .search_wrap .search-btn {
	position: absolute;
	top: 8px;
	right: 4px;
	width: 24px;
	min-width: 24px;
	height: 24px;
	background: url('/res/images/icon/search-fff.svg') 50% 50% / 24px;
} */

header .top .utill {
	display: flex;
	align-items: center;
	width: auto;
	gap: 0 12px;
}

header .top .utill a {
	width: 24px;
	height: 24px;
	background-size: 24px;
}

header .top .utill a.search {
	background-image: url('/res/images/icon/search-fff.svg');
}

header .top .utill a.cart {
	background-image: url('/res/images/icon/cart-fff.svg');
}

header .top .utill a.cart span {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 16px;
	height: 16px;
	color: #fff;
	background: var(--color-primary-1);
	border-radius: 50%;
	text-align: center;
}

header .menu {
	display: flex;
	align-items: center;
	height: 44px;
	padding: 0 20px;
}

header .menu .swiper-slide {
	width: auto;
	color: #fff;
	margin-right: 16px;
	text-align: center;
}

header .menu .swiper-slide h1 {
	color: inherit;
}

header .menu .swiper-slide:last-child {
	margin-right: 0
}

header .menu .swiper-slide.on {
	color: var(--color-primary-1);
	font-weight: 500;
}

.bottom_toolbar {
	position: fixed;
	bottom: -90px;
	left: 0;
	display: flex;
	align-items: center;
	gap: 0 10px;
	width: 100%;
	height: calc(constant(safe-area-inset-bottom) + 52px);
	height: calc(env(safe-area-inset-bottom) + 52px);
	border-top: 1px solid #eee;
	background: #fff;
	z-index: 3;
}

.bottom_toolbar.up {
	bottom: 0;
}

.bottom_toolbar a {
	display: block;
	flex: 1;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28px;
	text-align: center;
}

.bottom_toolbar a.bottom_cate_btn {
	background-image: url('/res/images/icon/bottom-menu-111.svg');
}

.bottom_toolbar a.bottom_seach_btn {
	background-image: url('/res/images/icon/search-111.svg');
}

.bottom_toolbar a.bottom_home_btn {
	background-image: url('/res/images/icon/home-111.svg');
}

.bottom_toolbar a.bottom_my_btn {
	background-image: url('/res/images/icon/user-111.svg');
}

.bottom_toolbar a.bottom_seen_no_btn {
	background-image: url('/res/images/icon/time-recent-111.svg');
}

.bottom_toolbar a.bottom_seen_btn {
	width: 42px;
	background-size: 42px;
}

.bottom_toolbar a.bottom_cate_btn.on {
	background-image: url('/res/images/icon/bottom-menu-p1.svg');
}

.bottom_toolbar a.bottom_seach_btn.on {
	background-image: url('/res/images/icon/search-p1.svg');
}

.bottom_toolbar a.bottom_home_btn.on {
	background-image: url('/res/images/icon/home-p1.svg');
}

.bottom_toolbar a.bottom_my_btn.on {
	background-image: url('/res/images/icon/user-p1.svg');
}

.bottom_toolbar a.bottom_seen_no_btn.on {
	background-image: url('/res/images/icon/time-recent-p1.svg');
}

/* ============================== footer ============================== */
footer {
	background: #fff;
	padding: 0 0 40px;
	/* border-top: 1px solid #eee; */
}

footer .notice_wrap {
	padding: 0 20px;
	border-top: 1px solid #eee;
}

footer .notice {
	width: 100%;
	height: 54px;
	background: #fff;
	overflow: hidden;
}

footer .rolling {
	position: relative;
	width: 100%;
	overflow: hidden;
}

footer .rolling li {
	display: flex;
	align-items: center;
	width: 100%;
	height: 54px;
	line-height: 54px;
	background: url('/res/images/icon/arrow-right-111.svg') no-repeat center right / 16px;
}

footer .rolling li a {
	display: block;
	width: 93%;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

footer .rolling li .badge {
	display: inline-block;
	margin-right: 6px;
	padding: 3px 8px 1px;
	color: var(--color-primary-1);
	border: 1px solid var(--color-primary-1);
	border-radius: 60px;
}

footer .utill {
	display: flex;
	align-items: center;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

footer .utill a {
	position: relative;
	display: block;
	width: 100%;
	padding: 12px 0;
	color: #777;
	text-align: center;
}

footer .utill a:after {
	content: '';
	position: absolute;
	top: 16px;
	left: 0;
	width: 1px;
	height: 10px;
	background: #ddd;
}

footer .utill a:first-child:after {
	display: none
}

footer .top {
	margin-top: 24px;
	padding: 0 20px;
}

footer .top .cs .cs_tel {
	display: flex;
	align-items: center;
}

footer .top .cs .cs_tel .tel {
	margin-left: 16px;
	padding-left: 20px;
	color: var(--color-primary-1);
	background: url('/res/images/icon/call-p1.svg') no-repeat 0 50% / 20px;
}

footer .top .cs .noti {
	color: #bbb;
	margin-top: 5px;
}

footer .top .cs .cs_link {
	display: inline-block;
	margin-top: 24px;
	padding-right: 19px;
	background: url('/res/images/icon/arrow-right-111.svg') no-repeat 100% 50% / 16px;
}

/* footer 이메일 추가 */
footer .foot_top .cs_center .email {
	display: block;
	margin-top: 6px;
	color: #777;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
}

footer .bottom {
	margin-top: 24px;
	padding: 0 20px;
}

footer .bottom .kakao_banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 16px;
	padding: 12px 12px 12px 40px;
	background: url('/res/images/icon/sns/kakao-ch-000.svg') no-repeat 12px center #FFE100 / 24px;
	border: 1px solid #F0D400;
	border-radius: 4px;
}

footer .bottom .kakao_banner .txt {
	padding-right: 18px;
	background: url('/res/images/icon/arrow-right-111.svg') no-repeat right center / 16px;
}

footer .bottom .sns_div {
	display: flex;
	align-items: start;
	justify-content: space-between;
	margin-top: 16px;
}

footer .bottom .sns_div .sns {
	display: flex;
	align-items: center;
	gap: 0 8px;
}

footer .bottom .sns_div .sns li {
	width: 28px;
	height: 28px;
}

footer .bottom .sns_div .sns li a {
	display: block;
	width: 28px;
	height: 28px;
	background-position: center;
	background-size: cover;
}

footer .bottom .sns_div .sns .kakao a {
	background-image: url('/res/images/icon/sns/footer-kakao.svg');
}

footer .bottom .sns_div .sns .facebook a {
	background-image: url('/res/images/icon/sns/footer-facebook.svg');
}

footer .bottom .sns_div .sns .instagram a {
	background-image: url('/res/images/icon/sns/footer-instagram.svg');
}

footer .bottom .sns_div .sns .youtube a {
	background-image: url('/res/images/icon/sns/footer-youtube.svg');
}

footer .bottom .sns_div .sns .blog a {
	background-image: url('/res/images/icon/sns/footer-blog.svg');
}

footer .bottom .etc {
	display: flex;
	align-items: center;
	gap: 0 30px;
	margin-top: 22px;
	padding-top: 12px;
	border-top: 1px solid #eee;
}

footer .bottom .etc a {
	color: #777;
}

footer .bottom .etc a.blk {
	color: #111;
}

footer .bottom .family_site {
	width: 100%;
	text-align: right;
}

footer .bottom .dropdown_wrap {
	position: relative;
	width: 120px;
	margin-left: auto;
}

footer .bottom .dropdown_wrap .selected {
	height: 32px;
	padding: 8px 12px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	cursor: pointer;
}

footer .bottom .dropdown_wrap .selected span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #333;
}

footer .bottom .dropdown_wrap .selected span::after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('/res/images/icon/arrow-down-111.svg') 50% / 16px;
	transition: all 0.2s;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

footer .bottom .dropdown_wrap .dropdown {
	display: none;
	position: absolute;
	top: 31px;
	left: 0;
	right: 100%;
	width: 100%;
	padding: 20px 12px;
	background-color: #fff;
	border-top: none;
	border: 1px solid #ddd;
	border-radius: 0 0 6px 6px;
	cursor: pointer;
	z-index: 1;
}

footer .bottom .dropdown_wrap .dropdown li {
	height: auto;
	margin-bottom: 16px;
	color: #555;
	text-align: left;
}

footer .bottom .dropdown_wrap .dropdown li:nth-last-of-type(1) {
	margin-bottom: 0;
}

footer .bottom .dropdown_wrap .dropdown li a {
	display: block;
	width: 100%;
}

footer .bottom .dropdown_wrap.on .selected span::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

footer .bottom .info_div {
	position: relative;
	margin-top: 24px;
}

footer .bottom .info_div li {
	display: flex;
	align-items: center;
	color: #bbb;
}

footer .bottom .info_div li span {
	font: inherit;
}

footer .bottom .info_div .list .close .check a {
	display: flex;
	align-items: center;
}

footer .bottom .info_div li span + span:before {
	content: '';
	width: 1px;
	height: 10px;
	margin: 0 6px;
	background-color: #ddd;
}

footer .bottom address {
	font-style: normal;
	color: #bbb;
}

footer .bottom .award {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 17px 30px;
	margin-top: 24px;
}

footer .bottom .award .list {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

footer .bottom .award .list .txt {
	display: flex;
	align-items: center;
	min-height: 40px;
	padding-left: 48px;
	color: #777;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 40px;
}

footer .bottom .award .list:nth-of-type(1) .txt {
	background-image: url('/res/images/footer/award-1.svg');
}

footer .bottom .award .list:nth-of-type(2) .txt {
	background-image: url('/res/images/footer/award-2.svg');
}

footer .bottom .award .list:nth-of-type(3) .txt {
	background-image: url('/res/images/footer/ccm.svg');
}

.allmenu_pop {
	display: none
}


@charset "utf-8";

/* ============================== 공통: 검색바 ============================== */
.search_div .top_div .input_form .input_area input {
	height: 36px;
	background: #fff;
	border: none;
	border: 1px solid #bbb;
	border-radius: 0;
	margin-right: 0;
	padding-left: 8px;
	padding-right: 68px;
	border-radius: 0 8px;
}

.search_div .top_div .input_form .input_area.active input {
	border-color: var(--color-primary-1);
}

.search_div .top_div .input_form .search_btn {
	position: absolute;
	top: calc(50% - 12px);
	right: 8px;
	display: block;
	width: 24px;
	height: 24px;
	background: url('/res/images/icon/search-111.svg') 50% / 24px;
}

.search_div .top_div .input_form .input_area.active .search_btn {
	background-image: url('/res/images/icon/search-p1.svg');
}

.search_div .top_div .input_form .clear_has .delete {
	top: calc(50% - 10px);
	right: 40px;
	width: 20px;
	height: 20px;
	margin: 0;
	background: url(/res/images/icon/close-circle-ddd.svg) no-repeat center / 20px;
}

/* ============================== 검색 페이지 ============================== */
.search_div.search_pop {
	position: fixed;
	width: 100%;
	height: 100vh;
	background: #fff;
	visibility: hidden;
	z-index: 99;
}

.search_div.search_pop.active {
	visibility: visible;
}

.search_div.search_pop .tit_div .tit {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: #111;
}

.search_div.search_pop .btn_area {
	z-index: 2;
}

/* 검색 페이지: 상단 검색바 */
.search_div .btn_area {
	position: relative;
	width: 100%;
	height: 68px;
	top: 0;
	left: 0;
	background: #fff;
	text-align: right;
	padding: 16px 56px 16px 20px;
	border-bottom: 1px solid #EEEEEE;
}

.search_div.search_pop.active .btn_area {
	position: absolute;
}

.search_div .btn_area .close_btn {
	position: absolute;
	top: calc(50% - 12px);
	right: 20px;
	width: 24px;
	height: 24px;
	background: url('/res/images/icon/close-111.svg') no-repeat center / 24px;
}

.search_div .top_div {
	display: block;
	position: relative;
	z-index: 11;
}

.search_div .top_div .input_form {
	margin-top: 0;
	width: 100%;
	padding: 0;
	position: relative
}

/* 검색 페이지: 카테고리 */
.search_div.search_pop .cate_div {
	position: relative;
}

.search_div.search_pop .cate_div .anchor_div {
	position: fixed;
	top: 68px;
	left: 0;
	width: 100%;
	height: 48px;
	border-bottom: 1px solid #eee;
	z-index: 11;
}

.search_div.search_pop .cate_div .anchor_div .anchor_tab {
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
	background-color: #fff;
}

.search_div.search_pop .cate_div .anchor_div .anchor_tab a {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 14px;
	color: #555;
}

.search_div.search_pop .cate_div .anchor_div .anchor_tab a:after {
	height: 1px;
	background-color: var(--color-primary-1);
}

.search_div.search_pop .cate_div .anchor_div .anchor_tab a.on {
	position: relative;
	color: #111;
	font-weight: 600;
}

.search_div.search_pop .cate_div .anchor_div .anchor_tab a.on:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--color-primary-1);
}

.search_div.search_pop .cate_div .cate_wrap {
	position: relative;
	margin-top: 116px;
	height: calc(100vh - 116px);
	overflow-y: auto;
}

.search_div.search_pop .cate_div .cate_wrap .inner {
	width: calc(100% - 40px);
}

.search_div.search_pop .cate_div .mem_div {
	padding-top: 56px
}

.search_div.search_pop .cate_div .mem_div .mem_btn {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	font-weight: 700;
	margin-bottom: 16px;
	display: inline-block
}

.search_div.search_pop .cate_div .mem_div.is_login .logout {
	display: none;
}

.search_div.search_pop .cate_div .info_div {
	background: #052822;
	color: #fff;
	width: 100%;
	border-radius: 20px;
}

.search_div.search_pop .cate_div .login .info_div {
	display: flex;
	padding: 21px 18px
}

.search_div.search_pop .cate_div .login .info_div a {
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
	position: relative;
}

.search_div.search_pop .cate_div .login .info_div a:not(:first-child):before {
	content: "";
	display: block;
	position: absolute;
	top: 7px;
	width: 1px;
	height: 36px;
	background: rgba(255, 255, 255, 0.1)
}

.search_div.search_pop .cate_div .login .info_div a .count {
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
}

.search_div.search_pop .cate_div .login .info_div a .tit {
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	opacity: 0.7;
	margin-top: 2px;
}

.search_div.search_pop .cate_div .logout .info_div {
	display: block;
	padding: 26px 17px;
}

.search_div.search_pop .cate_div .logout .mem_btn {
	padding-right: 20px;
	background: url("/res/images/m_icn_right_20x20.png") right center no-repeat;
	background-size: 20px;
}

.search_div.search_pop .cate_div .logout .info_div:after {
	content: '';
	display: block;
	clear: both
}

.search_div.search_pop .cate_div .logout .info_div .benefit {
	float: left;
}

.search_div.search_pop .cate_div .logout .info_div .benefit .tit {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
}

.search_div.search_pop .cate_div .logout .info_div .benefit .desc {
	margin-top: 2px;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
}

.search_div.search_pop .cate_div .logout .info_div .join_btn {
	float: right;
	font-size: 12px;
	line-height: 20px;
	font-weight: 500;
	color: #080202;
	background: url('/res/images/m_catepop_member.png') no-repeat left 12px top 50% #fff;
	background-size: 20px;
	padding: 11px 10px 9px 32px;
	border-radius: 8px;
}

.search_div.search_pop .cate_div .anchor_wrap {
	position: relative;
}

.search_div.search_pop .cate_div .menu+.menu {
	margin-top: 24px;
	border-top: 10px solid #eee;
}

.search_div.search_pop .cate_div .menu {
	padding: 0 20px;
}

.search_div.search_pop .cate_div .menu .title {
	padding: 20px 0;
	font-size: 16px;
	line-height: 24px;
	color: #111;
	font-weight: 600;
}

.search_div.search_pop .cate_div .menu .list_div {
	display: flex;
	flex-wrap: wrap;
}

.search_div.search_pop .cate_div .menu.inter_div .list_div,
.search_div.search_pop .cate_div .menu.fn_div .list_div {
	gap: 20px;
	padding: 24px 20px;
	background-color: #F9F9F9;
}

.search_div.search_pop .cate_div .menu.inter_div .list_div .list,
.search_div.search_pop .cate_div .menu.fn_div .list_div .list {
	width: calc(50% - 10px);
	color: #111;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all;
}

.search_div.search_pop .cate_div .menu.brand_div .list_div {
	gap: 28px;
}

.search_div.search_pop .cate_div .menu.brand_div .list_div .list {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc((100vw - 96px)/3);
	height: calc((100vw - 96px)/3);
	padding: 7.5px;
	background-color: #F9F9F9;
	border-radius: 50%;
}

.search_div.search_pop .cate_div .menu.brand_div .list_div .list img {
	width: 100%;
	max-width: 73px;
	object-fit: cover;
}

.search_div.search_pop .cate_div .menu.service_div .list_div {
	gap: 28px 20px;
}

.search_div.search_pop .cate_div .menu.service_div .list_div .list {
	width: calc(25% - 15px);
	text-align: center;
}

.search_div.search_pop .cate_div .menu.service_div .list_div .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc((100vw - 100px)/4);
	padding: 10px;
	background-color: #f9f9f9;
	border-radius: 50%;
}

.search_div.search_pop .cate_div .menu.service_div .list_div .icon img {
	width: 100%;
	max-width: 44px;
	object-fit: cover;
}

.search_div.search_pop .cate_div .menu.service_div .list_div .term {
	display: block;
	margin-top: 4px;
	color: #111;
	font-size: 13px;
	line-height: 18px;
}

.search_div.search_pop .cate_div .bottom_area {
	margin: 32px 0 72px;
}

.search_div.search_pop .cate_div .bottom_area:after {
	content: '';
	display: block;
	height: 52px;
}

.search_div.search_pop .cate_div .bottom_area .foot_area {
	background: #fff;
	text-align: center;
	border-top: 10px solid #eee;
}

.search_div.search_pop .cate_div .bottom_area .foot_area .utill {
	display: flex;
	align-items: center;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.search_div.search_pop .cate_div .bottom_area .foot_area .utill a {
	position: relative;
	display: block;
	width: 100%;
	color: #777;
	padding: 12px 0;
	text-align: center;
}

.search_div.search_pop .cate_div .bottom_area .foot_area .utill a:after {
	content: '';
	position: absolute;
	top: 16px;
	left: 0;
	width: 1px;
	height: 10px;
	background: #ddd;
}

.search_div.search_pop .cate_div .bottom_area .foot_area .utill a:first-child:after {
	display: none
}

.search_div.search_pop .cate_div .bottom_area .foot_area .cs_tel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 52px;
	margin: 40px auto 0;
	padding: 0 20px;
	width: 229px;
	border-radius: 52px;
	border: 1px solid #ddd;
}

.search_div.search_pop .cate_div .bottom_area .foot_area .cs_tel .tit {
	float: left;
	font-size: 16px;
	line-height: 28px;
	color: #000
}

.search_div.search_pop .cate_div .bottom_area .foot_area .cs_tel .tel {
	float: right;
	padding-left: 20px;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000;
	background: url('/res/images/m_footer_cs_icon.png') no-repeat left center;
	background-size: 20px
}

.search_div.search_pop .cate_div .bottom_area .foot_area .noti {
	margin-top: 12px;
	font-size: 12px;
	line-height: 16px;
	color: #777
}

.search_div.search_pop .cate_div .bottom_area .foot_area .cs_link {
	display: inline-block;
	margin-top: 16px;
	padding-right: 19px;
	font-size: 13px;
	line-height: 18px;
	color: #111;
	background: url('/res/images/icon/arrow-right-111.svg') no-repeat 100% 50% / 16px;
}

.search_div.search_pop .cate_div .brand_div.mini .list_div .list .logo {
	width: 80px;
	height: 80px;
}

.search_div.search_pop .cate_div .brand_div.mini .list_div .list .tit {
	width: 80px;
	font-size: 12px;
}

.search_div.search_pop .cate_div .service_div.mini .list_div .list .icn {
	width: 60px;
	height: 60px;
}

/* 검색 페이지: 최근 검색어, 인기 검색어 */
.search_div.search_pop .search_data_div {
	width: 100%;
	/* height: calc(100vh - 89px); */
	height: 100vh;
	padding-top: 89px;
	overflow-y: auto;
}

.search_div.search_pop .search_data_div .latest_div {
	margin-bottom: 32px;
	overflow: hidden;
}

.search_div.search_pop .search_data_div .latest_div .latest_swiper {
	margin-top: 16px;
}

.search_div.search_pop .search_data_div .latest_swiper .swiper-slide {
	width: auto;
}

/* .search_div.search_pop .search_data_div .latest_div .tit_div {
	margin-top: 16px;
} */

.search_div.search_pop .search_data_div .latest_div .tit_div .tit {
	float: left;
}

.search_div.search_pop .search_data_div .latest_div .tit_div .tit:after {
	display: block;
	content: '';
	clear: both;
}

.search_div.search_pop .search_data_div .latest_div .tit_div .delete_all {
	float: right;
	padding: 3px 0;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	text-decoration: underline;
}

.search_div.search_pop .search_data_div .latest_div .tit_div .delete_all:after {
	display: block;
	content: '';
	clear: both;
}

.search_div.search_pop .search_data_div .latest_div .list_div:after {
	display: block;
	content: '';
	clear: both;
}

.search_div.search_pop .search_data_div .latest_div .list_div .list {
	position: relative;
	float: left;
	max-width: 100%;
	margin-right: 8px;
	padding: 0 30px 0 0;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 20px;
}

.search_div.search_pop .search_data_div .latest_div .list_div .swiper-slide:last-child .list {
	margin-right: 0
}

.search_div.search_pop .search_data_div .latest_div .list_div .list .keywords {
	display: block;
	padding: 10px 0 10px 12px;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.search_div.search_pop .search_data_div .latest_div .list_div .list .delete {
	position: absolute;
	top: calc(50% - 8px);
	right: 12px;
	width: 16px;
	height: 16px;
	background: url(/res/images/icon/close-555.svg) no-repeat 50% / 16px;
}

.search_div.search_pop .search_data_div .hottest_div .tit_div {
	margin-top: 0;
	margin-bottom: 20px;
}

.search_div.search_pop .search_data_div .hottest_div .list_div:after {
	display: block;
	content: '';
	clear: both;
}

.search_div.search_pop .search_data_div .hottest_div .list_div .left {
	float: left;
	width: 50%;
	padding-right: 20px;
}

.search_div.search_pop .search_data_div .hottest_div .list_div .right {
	float: left;
	width: 50%;
}

.search_div.search_pop .search_data_div .hottest_div .list_div .list+.list {
	margin-top: 20px;
}

.search_div.search_pop .search_data_div .hottest_div .list_div .list .keywords {
	font-size: 14px;
	color: #000;
	line-height: 20px;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	max-width: 100%;
	overflow: hidden;
}

.search_div.search_pop .search_data_div .hottest_div .list_div .list .keywords span {
	color: var(--color-primary-1);
	font-weight: 700;
	margin-right: 4px;
	display: inline-block;
	text-align: center;
}

/* 검색 페이지: 검색 진입 */
.search_div .search_words {
	top: 68px !important;
	left: 0 !important;
	width: 100% !important;
	height: calc(100vh - 68px);
	padding: 20px;
	overflow-y: auto;
}

.search_div .search_words:after {
	content: '';
	display: block;
	height: calc(constant(safe-area-inset-bottom) + 72px);
	height: calc(env(safe-area-inset-bottom) + 72px);
}

.search_div .search_words li+li {
	padding-top: 28px;
}

.search_div .search_words li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.search_div .search_words li a span {
	color: var(--color-primary-1);
}

.search_div .search_words li.search_category:not(:first-child) {
	padding-top: 20px;
}

.search_div .search_words li.search_category+li:not(.search_category) {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

.search_div .search_words li.search_category a {
	display: flex;
	align-items: center;
	height: 36px;
}

.search_div .search_words li.search_category a .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #f9f9f9;
	margin-right: 8px;
}

.search_div .search_words li.search_category a .icon img {
	width: 24px;
	height: 24px;
}

.search_div .search_words li.search_category a .flag {
	color: #999;
	margin-left: auto;
}

.search_div .search_words li.search_category.brand a .icon img {
	width: 30px;
	height: 30px;
}

/* 검색 페이지: 입력완료 > 이벤트 */
.search_div .search_result .event-list {
	position: relative;
}

.search_div .search_result .event-list:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	margin: 0 20px;
	background-color: #eee;
}

.search_div .search_result .event-list ul {
	display: flex;
	padding: 20px 0;
}


.search_div .search_result .event-list li {
	display: flex;
	align-items: center;
	gap: 0 12px;
	width: auto;
}

.search_div .search_result .event-list li .thumb {
	width: 120px;
	height: 80px;
}

.search_div .search_result .event-list li .info {
	width: 151px;
}

.search_div .search_result .event-list .title {
	display: block;
}

.search_div .search_result .event-list .desc {
	margin-top: 4px;
	color: #999;
	white-space: initial;
}

.search_div .search_result .event-list .desc .date {
	padding-right: 4px;
	color: var(--color-primary-1);
}

/* 검색 페이지: 입력완료 > 상품 없을 때 */
.search_div .no-data {
	margin-top: 68px;
	text-align: center;
}

.search_div .no-data .txt {
	padding-top: 48px;
	color: #555;
}

.search_div .no-data .primary-btn {
	width: 280px;
	margin: 32px auto 0;
}

/* ============================== 검색 결과 페이지 ============================== */
.search_div .top_div {
	/* position: fixed; */
	width: 100%;
	background: #fff;
	z-index: 3;
	height: 36px;
	display: flex;
}

.search_div .top_div .input_form {
	margin-top: 0;
	width: 100%;
	/* padding: 0 16px; */
	position: relative
}

.search_div .top_div .input_form .clear_has .delete {
	right: 40px;
	z-index: 1
}

.search_div .search-wrap {
	padding-top: 86px;
	padding-bottom: 80px;
}

/* 검색 결과 페이지 별도 작업 */
#content .search_div {
	margin-top: -48px;
}

#content .search_div .btn_area {
	position: fixed;
	background-color: #fff;
	z-index: 2;
}

#content .search_div .search_words {
	position: fixed;
	background-color: rgb(255, 255, 255);
	z-index: 3;
}

#content .search_div .search_result {
	margin-top: 68px;
}

#content .search_div .search_result .category_div {
	min-height: calc(100vh - 68px);
}

#content .search_div .search_result .category_div .product_list_top {
	padding-top: 20px;
}

#content .search_div .no-data {
	position: fixed;
	width: 100%;
	height: -webkit-fill-available;
	height: fill-available;
	height: calc(100vh - 68px);
	margin-top: 0;
	background-color: rgb(255, 255, 255);
	z-index: 3;
}

/* #content .search_div .btn_area {
	position: fixed;
	width: 100%;
	padding: 16px 0;
	border-bottom: 1px solid #EEE;
	background-color: #fff;
	z-index: 1;
}

#content .search_div .search_result {
	padding-top: 68px;
} */

/* 검색 결과 페이지: 상단 여백 */
/* #wrap.no-top-banner .search_div .search-wrap {
	padding-top: 46px;
}

#content .search_div:not(.search_div.search_pop) .top_div {
	top: 87px;
}

#content .search_div:not(.search_div.search_pop) .top_div.up {
	top: 48px;
} */

/* 검색 결과 페이지: 검색 결과 없을 때 */
.search_div .no_data_div .cont_box {
	position: relative;
	padding: 32px 0;
}

.search_div .no_data_div .cont_box .icn {
	margin-bottom: 12px;
}

.search_div .no_data_div .cont_box .icn img {
	width: 64px;
	height: 64px;
}

.search_div .no_data_div .cont_box .desc {
	font-size: 14px;
	line-height: 17px;
	color: #555;
}

.search_div .no_data_div .cont_box .desc span {
	font-weight: 500;
	color: #3cc814
}

.search_div .no_data_div .cont_box .go-item-finder {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 266px;
	margin-top: 54px;
	padding-top: 31px;
	background: #edfcea url(/res/images/m-search-item-finder-bg.png) no-repeat 50% 100%;
	border-radius: 15px;
}

.search_div .no_data_div .cont_box .go-item-finder p {
	margin-bottom: 21px;
	font-size: 15px;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: -0.5px;
	color: #000;
	text-align: center;
}

.search_div .no_data_div .cont_box .go-item-finder .primary-btn {
	width: calc(100% - 40px);
}

.search_div .search-wrap .product_list_top {
	padding: 12px 0;
}

/* 240307 검색결과 없음 내 상품파인더 삭제 개선 */
.search_result .no_data_div {
	display: flex;
	flex-direction: column;
	height: calc(100vh - 68px);
	padding-top: 48px;
}

.search_result .no_data_div .txt_area {
	background-position: 50% 0;
}

.search_result .no_data_div .txt_area .txt {
	margin-top: 2px;
	color: #999;
}

.search_result .no_data_div .keyword {
	padding-top: 28px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #eee;
}

.search_result .no_data_div .keyword ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px 16px;
	width: 100%;
	margin-top: 12px;
}

.search_result .no_data_div .keyword ul li {
	color: #333;
}
@charset "utf-8";

/* text */
.h1-700 {
	font-size: 24px !important;
	line-height: 32px !important;
	font-weight: 700 !important;
}

.h1-600 {
	font-size: 24px !important;
	line-height: 32px !important;
	font-weight: 600 !important;
}

.h1-500 {
	font-size: 24px !important;
	line-height: 32px !important;
	font-weight: 500 !important;
}

.h1-400 {
	font-size: 24px !important;
	line-height: 32px !important;
	font-weight: 400 !important;
}

.h2-700 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 700 !important;
}

.h2-600 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 600 !important;
}

.h2-500 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
}

.h2-400 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 400 !important;
}

.h3-700 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 700 !important;
}

.h3-600 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 600 !important;
}

.h3-500 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 500 !important;
}

.h3-400 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 400 !important;
}

.h4-700 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 700 !important;
}

.h4-600 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 600 !important;
}

.h4-500 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
}

.h4-400 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 400 !important;
}

.h5-700 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 700 !important;
}

.h5-600 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
}

.h5-500 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
}

.h5-400 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
}

.h6-700 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 700 !important;
}

.h6-600 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 600 !important;
}

.h6-500 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 500 !important;
}

.h6-400 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 400 !important;
}

.b1-700 {
	font-size: 32px !important;
	line-height: 40px !important;
	font-weight: 700 !important;
}

.b1-600 {
	font-size: 32px !important;
	line-height: 40px !important;
	font-weight: 600 !important;
}

.b1-500 {
	font-size: 32px !important;
	line-height: 40px !important;
	font-weight: 500 !important;
}

.b1-400 {
	font-size: 32px !important;
	line-height: 40px !important;
	font-weight: 400 !important;
}

.b2-700 {
	font-size: 28px !important;
	line-height: 36px !important;
	font-weight: 700 !important;
}

.b2-600 {
	font-size: 28px !important;
	line-height: 36px !important;
	font-weight: 600 !important;
}

.b2-500 {
	font-size: 28px !important;
	line-height: 36px !important;
	font-weight: 500 !important;
}

.b2-400 {
	font-size: 28px !important;
	line-height: 36px !important;
	font-weight: 400 !important;
}

.b3-700 {
	font-size: 24px !important;
	line-height: 32px !important;
	font-weight: 700 !important;
}

.b3-600 {
	font-size: 24px !important;
	line-height: 32px !important;
	font-weight: 600 !important;
}

.b3-500 {
	font-size: 24px !important;
	line-height: 32px !important;
	font-weight: 500 !important;
}

.b3-400 {
	font-size: 24px !important;
	line-height: 32px !important;
	font-weight: 400 !important;
}

.b4-700 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 700 !important;
}

.b4-600 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 600 !important;
}

.b4-500 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
}

.b4-400 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 400 !important;
}

.b5-700 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 700 !important;
}

.b5-600 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 600 !important;
}

.b5-500 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 500 !important;
}

.b5-400 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 400 !important;
}

.b6-700 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 700 !important;
}

.b6-600 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 600 !important;
}

.b6-500 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
}

.b6-400 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 400 !important;
}

.b7-700 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 700 !important;
}

.b7-600 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
}

.b7-500 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
}

.b7-400 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
}

.b8-700 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 700 !important;
}

.b8-600 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 600 !important;
}

.b8-500 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 500 !important;
}

.b8-400 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 400 !important;
}

.b9-700 {
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 700 !important;
}

.b9-600 {
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 600 !important;
}

.b9-500 {
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 500 !important;
}

.b9-400 {
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 400 !important;
}

.b10-700 {
	font-size: 11px !important;
	line-height: 16px !important;
	font-weight: 700 !important;
}

.b10-600 {
	font-size: 11px !important;
	line-height: 16px !important;
	font-weight: 600 !important;
}

.b10-500 {
	font-size: 11px !important;
	line-height: 16px !important;
	font-weight: 500 !important;
}

.b10-400 {
	font-size: 11px !important;
	line-height: 16px !important;
	font-weight: 400 !important;
}

.b11-700 {
	font-size: 10px !important;
	line-height: 14px !important;
	font-weight: 700 !important;
}

.b11-600 {
	font-size: 10px !important;
	line-height: 14px !important;
	font-weight: 600 !important;
}

.b11-500 {
	font-size: 10px !important;
	line-height: 14px !important;
	font-weight: 500 !important;
}

.b11-400 {
	font-size: 10px !important;
	line-height: 14px !important;
	font-weight: 400 !important;
}

.b12-700 {
	font-size: 9px !important;
	line-height: 12px !important;
	font-weight: 700 !important;
}

.b12-600 {
	font-size: 9px !important;
	line-height: 12px !important;
	font-weight: 600 !important;
}

.b12-500 {
	font-size: 9px !important;
	line-height: 12px !important;
	font-weight: 500 !important;
}

.b12-400 {
	font-size: 9px !important;
	line-height: 12px !important;
	font-weight: 400 !important;
}

/* badge */
.badge-highlight,
.badge-primary,
[class*=badge-outline] {
	height: 20px;
	padding: 0 6px;
	font-size: 11px;
}

.badge-new,
.badge-hot {
	height: 14px;
	padding: 0 6px;
	font-size: 9px;
	line-height: 12px;
	letter-spacing: -0.2px !important;
}

.badge-tag-primary-1 {
	height: 26px;
	padding: 0 8px;
	border-radius: 0px 8px;
}

/* button */
.btn-primary-1,
.btn-primary-2,
.btn-secondary-1,
.btn-secondary-2,
.btn-secondary-3,
.btn-highlight-1,
.btn-highlight-2,
.btn-rounded,
[class*=btn-outline] {
	width: 260px;
	height: 52px;
}

.btn-primary-1,
.btn-primary-2,
.btn-secondary-1,
.btn-secondary-2,
.btn-secondary-3,
.btn-highlight-1,
.btn-highlight-2,
[class*=btn-outline] {
	border-radius: 4px !important;
}

/* icon button */
.more-btn {
	padding-right: 18px;
	color: #555 !important;
	background: url(/res/images/icon/plus-555.svg) 100% 50% / 16px;
}

[class*=arrow-right],
[class*=arrow-down],
[class*=arrow-up] {
	display: inline-block;
	padding-right: 18px;
	background-position: 100% 50%;
	background-size: 16px;
}

.arrow-right-555-btn {
	background-image: url(/res/images/icon/arrow-right-555.svg);
}

.arrow-down-555-btn {
	background-image: url(/res/images/icon/arrow-down-555.svg);
}

.arrow-up-111-btn {
	background-image: url(/res/images/icon/arrow-up-111.svg);
}

.arrow-up-555-btn {
	background-image: url(/res/images/icon/arrow-up-555.svg);
}

.arrow-down-111-btn {
	background-image: url(/res/images/icon/arrow-down-111.svg);
}

/* 전시 유형 리스트 전환 관련 */
.view_type_list>ul:not(:first-child) {
	display: none;
}

.view_type_list>ul[style*='display: block'] {
	display: flex !important;
}

/* 스와이퍼: 공통 배너 */
.common-banner-wrap .swiper-container .swiper-pagination-fraction {
	right: 20px;
	bottom: 10px;
	left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 2px;
	width: auto;
	height: 24px;
	padding: 0 13px;
	color: #111;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 40px;
}

.common-banner-wrap .swiper-container .swiper-pagination-fraction .swiper-pagination-total {
	color: #777;
}

/* 플러스 사은품 */
.plus-gift {
	padding: 24px 0;
	background-size: cover;
}

.plus-gift .swiper-container {
	margin-top: 16px;
}

.plus-gift .swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 12px;
}

.plus-gift .swiper-container.swiper-disabled .swiper-slide {
	flex: 1;
}

.plus-gift .title {
	position: relative;
	margin: 0 20px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
	z-index: 2;
}

.plus-gift .title>div:not(.rolling-comment) {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0 2px;
}

.plus-gift .title>div .tooltip_div {
	position: static;
	width: 16px;
	height: 16px;
	background: url(/res/images/icon/tooltip-bbb.svg) no-repeat center / 16px;
	transform: translateY(0);
	z-index: 1;
}

.plus-gift .title strong {
	font-weight: 600;
	line-height: 24px;
}

.plus-gift .title .desc {
	display: block;
	margin-top: 10px;
	color: rgba(17, 17, 17, 0.6);
	font-size: 14px;
	line-height: 20px;	
}

.plus-gift .title .date {
	display: block;
	margin-top: 6px;
	color: rgba(17, 17, 17, 0.4);
	font-size: 12px;
	line-height: 16px;
}

.plus-gift .rolling-comment {
	height: 24px;
	overflow: hidden;
}

.plus-gift .rolling-comment ul {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.plus-gift .rolling-comment li {
	display: flex;
	align-items: center;
	gap: 0 4px;
	height: 24px;
	line-height: 24px;
}

.plus-gift .swiper-slide {
	display: flex;
}

.plus-gift.product {
	background-image: url(/res/images/bg/m-plus-gift-product-item-bg.jpg)
}

.plus-gift.order {
	background-image: url(/res/images/bg/m-plus-gift-order-item-bg.jpg)
}

.plus-gift.product .swiper-container.swiper-disabled .swiper-slide {
	width: 100%;
	padding: 0 20px;
}

.plus-gift.order .swiper-container.swiper-disabled {
	padding: 0 20px;
}

.plus-gift.order .swiper-container.swiper-disabled.swiper-1 .swiper-slide {
	flex: 1;
	align-items: center;
	flex-direction: row;
	gap: 0 12px;
	padding: 0;
	background-color: transparent;
}

.plus-gift.order .swiper-container.swiper-disabled.swiper-1 .swiper-slide .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	margin: 0;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
}

.plus-gift.order .swiper-container.swiper-disabled .swiper-slide .thumb img {
	width: 80px;
	height: 80px;
}

.plus-gift.order .swiper-container.swiper-disabled.swiper-1 .swiper-slide .info {
	flex: 1;
}

.plus-gift.product .title strong:nth-of-type(2) {
	color: #535ECB;
}

.plus-gift.order .title strong:nth-of-type(2) {
	color: #1FB198;
}

.plus-gift.product .swiper-slide {
	align-items: center;
	gap: 0 12px;
	width: 280px;
}

.plus-gift.order .swiper-slide {
	flex-direction: column;
	gap: 12px 0;
}

.plus-gift.product .swiper-slide .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	background-color: #fff;
	border-radius: 50%;
}

.plus-gift.product .swiper-slide .thumb img {
	width: 80px;
	height: 80px;
}

.plus-gift.product .swiper-slide .info .pdt-check {
	width: fit-content;
	padding-right: 16px;
	color: #555;
	font-size: 12px;
	line-height: 16px;
	text-decoration: underline;
	background: url(/res/images/icon/arrow-right-555.svg) 100% 50% / 16px;
}


.plus-gift.order .swiper-slide {
	width: 134px;
	padding: 16px 12px;
	background-color: #fff;
	border-radius: 8px;
}

.plus-gift.order .swiper-slide .thumb {
	width: 90px;
	height: 90px;
	margin: 0 auto;
}

.plus-gift.order .swiper-slide .thumb img {
	width: 100%;
	height: 100%;
}

.plus-gift .swiper-slide .info {
	display: flex;
	flex-direction: column;
	gap: 4px 0;
}

.plus-gift.product .swiper-slide .info {
	flex: 1;
	gap: 10px 0;
}

.plus-gift .swiper-slide .info .term {
	color: #111;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.plus-gift .swiper-slide .info .desc {
	font-size: 13px;
	line-height: 18px;
}

.plus-gift.product .swiper-slide .info .desc {
	color: rgba(17, 17, 17, 0.4);
}

.plus-gift.order .swiper-slide .info .desc {
	color: #999;
	word-break: break-word;
}@charset "utf-8";

/* 공통 */
/* 팝업 */
.layer_pop {
	display: none;
	position: fixed;
	z-index: 14
}

.layer_pop .close_btn {
	width: 24px;
	height: 24px;
	background: url('/res/images/icon/close-pop-111.svg') no-repeat left center;
	background-size: 24px
}

.layer_pop.full_pop {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff
}

.layer_pop.full_pop .pop_tit {
	font-size: 16px;
	font-weight: 400;
	line-height: 48px;
	color: #111;
	text-align: center;
}

.layer_pop.full_pop .pop_tit>p {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	color: #111;
}

.layer_pop.full_pop .pop_con {
	padding: 32px 0;
	height: calc(100% - 48px);
	height: -webkit-calc(100% - 48px);
	overflow-y: auto
}

.layer_pop.full_pop .pop_con.btn_has {
	padding-bottom: 118px
}

.layer_pop.full_pop .fixed_btn {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 32px 20px;
	width: 100%;
	background: #fff;
}

.layer_pop.full_pop .fixed_btn a {
	display: block;
	width: 100%;
	height: 54px;
	font-weight: 500;
	font-size: 16px;
	line-height: 54px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 10px
}

.layer_pop.full_pop .fixed_btn.bottom_fix {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 8px 16px calc(constant(safe-area-inset-bottom) + 8px) 16px;
	padding: 8px 16px calc(env(safe-area-inset-bottom) + 8px) 16px;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.layer_pop.full_pop .close_btn {
	position: absolute;
	top: 12px;
	right: 20px
}

.layer_pop.mid_pop {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	background: #fff;
	border-radius: 8px
}

.layer_pop.mid_pop .pop_tit {
	padding-top: 16px;
	font-weight: 700;
	font-size: 16px;
	line-height: 32px;
	color: #000;
	text-align: center;
}

.layer_pop.mid_pop .pop_con {
	padding: 16px 16px 24px;
	text-align: center
}

.layer_pop.mid_pop .pop_con .join_benefit_div .list_div {
	display: flex;
	justify-content: center
}

.layer_pop.mid_pop .pop_con .join_benefit_div .list_div .list {
	display: block;
	margin-left: 17px;
	width: 78px;
	text-align: center;
}

.layer_pop.mid_pop .pop_con .join_benefit_div .list_div .list:first-child {
	margin-left: 0
}

.layer_pop.mid_pop .pop_con .join_benefit_div .list_div .list .icn img {
	width: 52px
}

.layer_pop.mid_pop .pop_con .join_benefit_div .list_div .list .tit {
	margin-top: 6px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	letter-spacing: -0.7px
}

.layer_pop.mid_pop .pop_con .join_txt {
	display: inline-block;
	margin-top: 24px;
	font-size: 13px;
	line-height: 16px;
	color: #000
}

.layer_pop.mid_pop .pop_con .join_txt span {
	text-decoration: underline
}

.layer_pop.mid_pop .pop_con .share_div {
	margin: 20px auto 12px;
	width: 224px
}

.layer_pop.mid_pop .pop_con .share_div:after {
	content: '';
	display: block;
	clear: both
}

.layer_pop.mid_pop .pop_con .share_div a {
	float: left;
	margin-left: 40px;
	width: 48px;
	height: 48px
}

.layer_pop.mid_pop .pop_con .share_div a:nth-child(3n-2) {
	margin-left: 0
}

.layer_pop.mid_pop .pop_con .share_div a:nth-child(n+4) {
	margin-top: 36px
}

.layer_pop.mid_pop .pop_con .share_div a img {
	width: 100%
}

.layer_pop.mid_pop .pop_btn {
	display: flex;
	margin-top: 24px;
	text-align: center
}

.layer_pop.mid_pop .pop_btn a {
	display: block;
	margin-left: 8px;
	padding: 12px 0;
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	border-radius: 10px
}

.layer_pop.mid_pop .pop_btn a:first-child {
	margin-left: 0
}

.layer_pop.mid_pop .pop_btn .ok_btn {
	color: #fff;
	background: #3cc814
}

.layer_pop.mid_pop .pop_btn .no_btn {
	color: #333;
	background: #eee
}

.layer_pop.mid_pop .close_btn {
	position: absolute;
	top: 16px;
	right: 16px
}

.layer_pop .pop_con .term_div {
	padding-top: 0;
}

.layer_pop .pop_con .term_div .text_div {
	margin-top: 0
}

/* 딤드 */
#wrap.dimd {
	height: 100%;
	overflow: hidden
}

#wrap.dimd .dimd_bg {
	display: block
}

#wrap.dimd .layer_pop {
	display: block
}

.dimd_bg,
.dimd-bg {
	display: none;
	position: fixed;
	top: constant(safe-area-inset-top);
	top: env(safe-area-inset-top);
	left: 0;
	width: 100%;
	height: calc(100vh - constant(safe-area-inset-top));
	height: calc(100vh - env(safe-area-inset-top));
	background: rgba(0, 0, 0, 0.5);
	z-index: 10
}

.slide_pop {
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	border-radius: 8px 8px 0 0;
	overflow-x: hidden;
	overflow-y: auto;
}

/* 얼럿 팝업 */
.alert_pop {
	position: fixed;
	z-index: 16;
}

.alert_pop.is-dimd {
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

.alert_pop:not(.is-dimd),
.alert_pop.is-dimd .pop_con {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	text-align: center;
	border-radius: 20px
}

.alert_pop.is-dimd .pop_con {
	position: absolute;
}

.alert_pop.is-dimd .dimd_bg {
	z-index: -1 !important;
}

.alert_pop .pop_con {
	padding: 40px 20px 20px;
	background: #fff;
	text-align: center;
	border-radius: 8px
}

.alert_pop .pop_con .txt {
	font-size: 16px;
	line-height: 24px;
	color: #111;
	word-break: break-word;
}

.alert_pop .pop_con .txt2 {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #555
}

.alert_pop .pop_con .txt+.txt2 {
	margin-top: 8px;
}

.alert_pop .pop_con [class*=txt]:only-of-type {
	font-size: 14px;
	line-height: 20px;
	color: #111;
}

.alert_pop .pop_btn {
	margin-top: 32px;
	display: flex;
	text-align: center
}

.alert_pop .pop_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	margin-right: 4px;
	border-radius: 4px
}

.alert_pop .pop_btn a:last-child {
	margin-right: 0
}

.alert_pop .pop_btn .no_btn {
	color: var(--color-primary-1);
	border: 1px solid var(--color-primary-1);
}

.alert_pop .pop_btn .ok_btn {
	color: #fff;
	background: #3cc814
}

/* 토스트팝업 */
.toast_pop {
	position: fixed;
	z-index: 21;
	bottom: -200px;
	left: 50%;
	transform: translateX(-50%);
	padding: 12px 24px;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	text-align: center;
	white-space: nowrap;
	border-radius: 9999px
}

.toast_pop.flow {
	width: calc(100% - 20px);
}

.toast_pop.flow .title {
	white-space: normal;
}

.toast_pop .pop_con {
	padding: 0
}

.toast_pop .pop_con .title b {
	color: var(--color-primary-1);
	font-weight: 500;
}

.toast_pop.cart {
	width: auto !important;
}

.toast_pop.cart .title {
	display: flex;
	align-items: center;
	gap: 0 18px;
}

.toast_pop.cart .title span {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.toast_pop.cart .title a {
	color: var(--color-primary-1);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	padding-right: 24px;
	background: url(/res/images/icon/arrow-right-p1.svg) 100% 50%;
}

/* 바텀 시트 팝업 */
.btm-to-pop,
.btm_to_pop {
	position: fixed;
	bottom: -100vh;
	width: 100%;
	height: 100vh;
	z-index: 10;
	transition: all 0.5s;
}

.btm-to-pop.active,
.btm_to_pop.active {
	bottom: 0;
}

.btm-to-pop>.cnt,
.btm_to_pop>.cnt {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 16px;
	background-color: #fff;
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
	z-index: 11;
}

.btm-to-pop>.cnt>.close-btn,
.btm_to_pop>.cnt>.close-btn {
	position: absolute;
	top: 4px;
	left: calc(50% - 16px);
	width: 32px;
	height: 20px;
	background: url(/res/images/icn-btm-to-pop-close.png) 50% 50% no-repeat;
	z-index: 1;
}

/* 당첨자 공지 팝업 */
.evt_trial_dtl_pop {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: translateX(0);
	border-radius: 0;
	background-color: #fff;
}

.evt_trial_dtl_pop .pop_con {
	width: 100%;
	height: 100%;
	padding: 0;
	border-radius: 0;
}

.evt_trial_dtl_pop .tit {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	text-align: center;
}

.evt_trial_dtl_pop .tit p {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

.evt_trial_dtl_pop .pop_con .txt {
	display: block;
	color: #000;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	padding: 0 20px 0px 20px;
	text-align: left;
	word-break: break-all;
}

.evt_trial_dtl_pop .txt strong {
	font-weight: 500;
}

.evt_trial_dtl_pop .winner_list {
	margin-top: 20px;
}

.evt_trial_dtl_pop .winner_list table {
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	border-collapse: separate;
	border-spacing: 0;
	color: #555;
}

.evt_trial_dtl_pop .winner_list table th {
	color: #000;
}

.evt_trial_dtl_pop .winner_list table th,
.evt_trial_dtl_pop .winner_list table td {
	font-size: 13px;
	line-height: 18px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	padding: 12px;
	text-align: left;
}

.evt_trial_dtl_pop .winner_list table th:nth-last-of-type(1),
.evt_trial_dtl_pop .winner_list table td:nth-last-of-type(1) {
	border-right: none;
}


/* 옵션 리스트 팝업 (레이어팝업) */
.option_layer {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 52px 16px calc(constant(safe-area-inset-bottom) + 8px) 16px;
	padding: 52px 16px calc(env(safe-area-inset-bottom) + 8px) 16px;
	width: 100%;
	max-height: calc(100% - 100px);
	max-height: -webkit-calc(100% - 100px);
	overflow-y: auto;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	z-index: 11
}

.option_layer .close {
	position: absolute;
	top: 0;
	left: 0;
	/* width: 100%;
	height: 36px;
	background: url('/res/images/m_bottom_fix_close.png') no-repeat center top 8px;
	background-size: 28px */
}

.option_layer .tit {
	margin: 16px 0 12px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.option_layer .tit:first-child {
	margin-top: 0
}

.option_layer .select_box .one_depth {
	display: block;
	padding: 13px 40px 13px 11px;
	border: 1px solid #f7f7f7;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/m_icn_down_40x40.png') no-repeat right 13px top 50% #f7f7f7;
	background-size: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 10px
}

.option_layer .select_box .one_depth:after {
	content: '';
	display: block;
	clear: both
}

.option_layer .select_box .one_depth span {
	float: right;
	font-size: 12px;
	line-height: 20px;
	color: #3cc814
}

.option_layer .select_box .two_depth {
	display: none;
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 10px 10px;
	overflow-y: auto
}

.option_layer .select_box .two_depth>div {
	display: table;
	width: 100%;
	border-bottom: 1px solid #eee
}

.option_layer .select_box .two_depth>div:last-child {
	border-bottom: none
}

.option_layer .select_box .two_depth>div .txt {
	display: table-cell;
	padding: 16px 12px;
	width: calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	font-size: 14px;
	line-height: 20px;
	color: #000;
	vertical-align: middle
}

.option_layer .select_box .two_depth>div .txt.on {
	background: #f2fef0
}

.option_layer .select_box .two_depth>div .btn {
	display: none;
	padding: 0 12px 0 2px;
	vertical-align: middle
}

.option_layer .select_box .two_depth>div .btn .alarm {
	display: inline-block;
	padding: 4px 5px;
	border: 1px solid #3cc814;
	border-radius: 5px;
	white-space: nowrap
}

.option_layer .select_box .two_depth>div .btn .alarm span {
	display: inline-block;
	padding-left: 20px;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #3cc814;
	background: url('/res/images/m_icn_alarm_40x40.png') no-repeat left center;
	background-size: 20px
}

.option_layer .select_box .two_depth>div .btn .alarm.on {
	background: #ddd;
	border: 1px solid #ddd;
	pointer-events: none
}

.option_layer .select_box .two_depth>div .btn .alarm.on span {
	color: #fff;
	background: url('/res/images/m_icn_alarm_wht_40x40.png') no-repeat left center;
	background-size: 20px
}

.option_layer .select_box .two_depth>div.soldout .txt {
	color: #ccc
}

.option_layer .select_box .two_depth>div.soldout .btn {
	display: table-cell;
}

.option_layer .select_box.on .one_depth {
	background: url('/res/images/icon/arrow-up-111.svg') no-repeat right 13px top 50% #f7f7f7;
	background-size: 20px;
	border: 1px solid #ccc;
	border-radius: 10px 10px 0 0
}

.option_layer .bottom_btn {
	margin-top: 16px
}

.option_layer .bottom_btn a {
	display: block;
	height: 52px;
	padding: 14px 0;
	text-align: center;
}

/* .option_layer .bottom_btn a span {
	display: inline-block;
	padding-left: 28px;
	background: url('/res/images/m_bottom_fix_cart.png') no-repeat left center;
	background-size: 24px
} */

/* 상세 옵션 나열형 */
.option_layer.new {
	height: 480px;
	padding: 20px 20px calc(env(safe-area-inset-bottom) + 126px) 20px;
	padding: 20px 20px calc(constant(safe-area-inset-bottom) + 126px) 20px;
}

.option_layer.new .option_select_form:not(:first-child) {
	margin-top: 20px
}

.option_layer.new .option_form .option {
	margin-bottom: 0;
	padding-top: 0;
	position: unset;
	max-height: 100%;
	border-radius: 4px;
	border: 1px solid #ddd;
	overflow-y: scroll;
}

.option_layer.new .option_form .option .radio_box {
	padding: 12px 16px;
	border-top: 1px solid #eee;
}

.option_layer.new .option_form .option .radio_box:first-child {
	border-top: none;
}

.option_layer.new .option_form .option .radio_box {
	width: 100%;
}

.option_layer.new .option_form .option .radio_box input[type="radio"]+label {
	padding: 0 0 0 30px;
	width: 100%;
}

.option_layer.new .option_form .option .radio_box input[type="radio"]+label:after {
	top: 10px;
}

.option_layer.new .option_select_form:not(.sub_option_select_form) .select_form .option .chk_div .chk_box input[type="radio"]+label:after {
	top: 8px;
}

.option_layer.new .option .radio_box .info>div {
	display: flex;
	justify-content: space-between;
	gap: 0 10px;
}

.option_layer.new .option .radio_box .info .top {
	align-items: center;
}

.option_layer.new .option .radio_box .info .top .price {
	display: flex;
	align-items: center;
}

.option_layer.new .option .radio_box .info .top .volume p {
	display: flex;
	align-items: center;
	gap: 0 4px;
}

.option_layer.new .option .radio_box .info .top .price .percent {
	color: #FF3894;
	font-size: 14px;
	line-height: 20px;
}

.option_layer.new .option .radio_box .info .top .price .percent+span {
	margin-left: 4px;
}

.option_layer.new .option .radio_box .info .bottom {
	margin-top: 2px;
}

.option_layer.new .option .radio_box .info .bottom .oneday {
	color: #bbb;
	font-size: 13px;
	line-height: 18px;
}

/* .option_layer.new .option .radio_box .info,
.option_layer.new .option .radio_box .info p.volume {
	display: flex;
	justify-content: space-between;
}

.option_layer.new .option_form .option .radio_box .info .volume p {
	display: inline-block;
	word-break: break-all;
	padding-right: 4px;
}

.option_layer.new .option_form .option .radio_box .info .volume span {
	margin-left: 4px
}

.option_layer.new .option_form .option .radio_box .info .volume .stock {
	display: inline-block;
	color: #bbb;
	vertical-align: inherit;
}

.option_layer.new .option_form .option .radio_box .info .right {
	min-width: 93px;
	text-align: right;
}

.option_layer.new .option_form .option .radio_box .info .right .price {
	display: flex;
	align-items: center;
	color: #333;
	text-align: right;
	vertical-align: middle;
}

.option_layer.new .option_form .option .radio_box .info .right .price .percent {
	color: #FF3894;
	font-size: 14px;
	line-height: 20px;
}

.option_layer.new .option_form .option .radio_box .info .right .price span+span {
	margin-left: 4px;
}

.option_layer.new .option_form .option .radio_box .info .right>span {
	color: #bbb;
}

.option_layer.new .option_form .option .radio_box .info .badge-list {
	padding-top: 2px;
} */

/* .option_layer.new .option_form .option .radio_box .plus_info {
	margin-left: -12px;
	background: #f9f9f9;
	margin-top: 8px;
	border-radius: 4px;
	padding: 10px 12px;
} */

.option_layer.new .option_form .option .radio_box .plus_info .detail {
	display: block;
	padding: 0
}

.option_layer.new .option_form .option .radio_box .plus_info.no p {
	color: #ccc;
	text-decoration: line-through
}

.option_layer.new .option_form .option .radio_box .plus_info.no b {
	display: inline-block;
	text-decoration: none;
	margin-right: 4px
}

.option_layer.new .option_form .option .radio_box.spe .info .volume:after {
	content: '특가';
	display: inline-block;
	text-align: center;
	vertical-align: text-bottom;
	margin-left: 6px;
	font-size: 10px;
	line-height: 18px;
	width: 25px;
	height: 18px;
	color: #fff;
	border-radius: 2px;
	background: #ff3894
}

.option_layer.new .fixed_info_area {
	position: fixed;
	bottom: 0;
	left: 0;
	/* padding: 16px 16px calc(env(safe-area-inset-bottom) + 8px) 16px;
	padding: 16px 16px calc(constant(safe-area-inset-bottom) + 8px) 16px; */
	width: 100%;
	background: #fff;
}

.option_layer.new .fixed_info_area .total {
	display: block;
}

.option_layer.new .fixed_info_area .final_cost {
	margin-top: 8px
}

.option_layer.new .fixed_info_area .final_cost:first-child {
	margin-top: 0
}

.option_layer.new .fixed_info_area .final_cost .price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 18px 18px calc(env(safe-area-inset-bottom) + 18px) 20px;
	margin: 18px 18px calc(constant(safe-area-inset-bottom) + 18px) 20px;
}

.option_layer.new .fixed_info_area .final_cost .price .tip {
	position: relative;
	padding-right: 18px;
}

.option_layer.new .fixed_info_area .final_cost .price .tip .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center 2px;
	background-size: 16px
}

.option_layer.new .fixed_info_area .final_cost .price .tip .tooltip_div .tooltip {
	top: -96px !important;
}

.option_layer.new .fixed_info_area .final_cost .price .won {
	display: flex;
	align-items: center;
	color: var(--color-primary-1);
}

.option_layer.new .fixed_info_area .final_cost .price .won span {
	color: var(--color-primary-1);
}

.option_layer.new .fixed_info_area .btn a {
	display: block;
	padding: 13px 0;
	border-radius: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	background: #3cc814;
	border: 1px solid #3cc814
}

.option_layer.new .fixed_info_area .btn a span {
	display: inline-block;
	padding-left: 28px;
	background: url('/res/images/m_bottom_fix_cart.png') no-repeat left center;
	background-size: 24px
}


/* 쿠폰 받기 팝업 */
.coupon_download_pop {
	max-height: calc(100% - 100px);
	max-height: -webkit-calc(100% - 100px);
}

.coupon_download_pop .pop_con {
	width: 100%;
	/* max-height: 546px; */
	padding: 0 16px calc(constant(safe-area-inset-bottom) + 73px) 16px;
	padding: 0 0 calc(env(safe-area-inset-bottom) + 73px) 0;
	margin-top: 20px;
}

.coupon_download_pop.has_cpn_btn .pop_con {
	padding: 0 16px calc(constant(safe-area-inset-bottom) + 108px) 16px;
	padding: 0 0 calc(env(safe-area-inset-bottom) + 108px) 0;
}

.coupon_download_pop .pop_con::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 12px
}

.coupon_download_pop .pop_con::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 5px;
	background-clip: padding-box;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

.coupon_download_pop .pop_con::-webkit-scrollbar-track {
	border-radius: 4px;
	background: none;
}

.coupon_download_pop .section {
	margin-top: 24px
}

.coupon_download_pop .section:first-child {
	margin-top: 0
}

.coupon_download_pop .cpn_com_list {
	gap: 12px 0;
}

.coupon_download_pop .fixed_btn {
	border-top: 1px solid #fff;
	padding: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 2;
}

.coupon_download_pop .fixed_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	padding: 14px;
	text-align: center;
}

.coupon_download_pop .fixed_btn .cpn_more_btn span {
	display: inline-block;
	background-image: url('/res/images/icon/arrow-right-111.svg');
	background-position: 100% 50%;
	background-size: 16px;
	padding-right: 18px;
}

.coupon_download_pop .fixed_btn a.grn {
	color: #fff;
	background-color: var(--color-primary-1);
}

.coupon_download_pop .fixed_btn a.disabled_btn {
	background-color: #ddd;
}

/* 쿠폰 사용 가능 상품 */
.use_product .product-item-list .thumb {
	width: 88px;
	height: 88px;
}

/* .use_product .product-item-list .info .price-info {
	gap: 0;
} */

/* .use_product .product-item-list .info .benefit {
	width: auto;
	padding-left: 6px !important;
} */

.use_product_pop .pd_view_list .list_div .list,
.use_product_pop .pd_view_list .list_div .product-item-list {
	padding: 0;
	border-top: 0;
}

/* 제품 상세 리뷰 팝업 */
.review_dtl_pop {
	padding: 0 !important;
}

.review_dtl_pop .dtl_div {
	padding-bottom: 0;
	padding-top: 0
}

.review_dtl_div .dtl_div .info_div .info .clear {
	display: flex;
	align-items: center;
}

/* 시크릿 쿠폰 팝업 */
.layer_pop.secret_coupon_pop {
	width: 300px;
	height: 314px;
	/* max-width: 320px; */
	min-width: 280px;
	padding: 0;
	background: transparent;
	border-radius: 0;
}

.secret_coupon_pop.mid_pop .pop_con {
	position: relative;
	height: 100%;
	padding: 32px 20px 20px;
	text-align: center;
	background-color: var(--color-secondary-2);
	border-radius: 4px;
	z-index: -1;
}

.secret_coupon_pop .pop_con .tit>span {
	display: block;
	color: var(--color-primary-2);
}

/* .secret_coupon_pop .pop_con .tit>span:nth-child(1) {
	font-weight: 500;
	font-size: 18px;
	line-height: 40px;
}

.secret_coupon_pop .pop_con .tit>span:nth-child(2) {
	margin-top: -13px;
	font-weight: 700;
	font-size: 45px;
	line-height: 72px;
} */

.secret_coupon_pop .pop_con .tit>span:nth-child(2) {
	padding-top: 4px;
}

.secret_coupon_pop .pop_con .bg {
	position: relative;
	margin-top: 12px;
}

.secret_coupon_pop .pop_con .bg img {
	width: calc(100% + 40px);
	margin-left: -20px;
}

.secret_coupon_pop .pop_con .bg span {
	transform: rotate(7deg) translateX(-50%);
}

.secret_coupon_pop .pop_con .bg .term,
.secret_coupon_pop .pop_con .bg .txt {
	position: absolute;
	width: 140px;
	text-align: center;
}

.secret_coupon_pop .pop_con .bg .term {
	top: 53px;
	left: 52%;
	color: #FF9F66;
	font-weight: 600;
	font-size: 9px;
	line-height: 12px;
	letter-spacing: 0.6em;
	padding-left: 0.6em;
}

.secret_coupon_pop .pop_con .bg .txt {
	top: 66px;
	left: 50.5%;
	color: #fff;
	font-weight: 500;
	font-size: 28px;
	line-height: 36px;
}

.secret_coupon_pop .pop_con .bg .txt em {
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	letter-spacing: -0.2px;
	padding-left: 2px;
}

.secret_coupon_pop .pop_con .primary-btn {
	position: relative;
	width: 100%;
	height: 48px;
	margin-top: -47px;
	border-radius: 4px;
	z-index: 1;
}

.secret_coupon_pop .pop_con .close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url(/res/images/icon/close-555.svg) 50% 50% / 20px;
}

.secret_coupon_pop .x_btn.close {
	position: absolute;
	right: 0;
	margin: 12px 0 0 auto;
	color: #fff;
}

.secret_coupon_pop .pop_login_btn,
.secret_coupon_pop .no_member_btn {
	position: absolute;
	margin: 12px 0 0 auto;
	color: #fff;
}

.secret_coupon_pop .no_member_btn {
	right: 0;
}

.secret_coupon_pop .login_btn {
	left: 0;
}

.secret_coupon_pop .bg {
	position: relative;
}

.secret_coupon_pop .bg.sale::before,
.secret_coupon_pop .bg.sale::after {
	content: '';
	position: absolute;
	display: block;
}

.secret_coupon_pop .bg.sale::before {
	top: -7px;
	left: 5px;
	width: 79px;
	height: 79px;
	background: url('/res/images/popup/secret-coupon-pop-badge-p1.svg') no-repeat center / 79px auto;
}

.secret_coupon_pop .bg.sale::after {
	top: 0;
	right: 0;
	width: 102px;
	height: 70px;
	background: url('/res/images/popup/secret-coupon-pop-badge.svg') no-repeat center / 102px auto;
}

/* 배송 및 회수 조회 팝업 */
.delivery_style .section {
	padding-bottom: 24px
}

.delivery_style .section:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.delivery_style .section:first-child:before {
	display: none
}

.delivery_style .section .product_info:after {
	content: '';
	display: block;
	clear: both
}

.delivery_style .section .product_info .thumb {
	float: left;
	position: relative;
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 10px
}

.delivery_style .section .product_info .thumb img {
	width: 100%
}

.delivery_style .section .product_info .pd_info {
	float: left;
	padding: 10px 0 0 12px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% -100px)
}

.delivery_style .section .product_info .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.delivery_style .section .product_info .pd_info .name b {
	font-weight: 500
}

.delivery_style .section .product_info .pd_info .buy_info {
	margin-top: 22px
}

.delivery_style .section .product_info .pd_info .buy_info:after {
	content: '';
	display: block;
	clear: both
}

.delivery_style .section .product_info .pd_info .buy_info .price {
	float: left;
	font-size: 12px;
	line-height: 20px;
	color: #000
}

.delivery_style .section .product_info .pd_info .buy_info .price span {
	display: inline-block;
	font-weight: 500;
	font-size: 14px;
	vertical-align: top
}

.delivery_style .section .product_info .pd_info .buy_info .count {
	position: relative;
	float: left;
	padding-left: 17px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.delivery_style .section .product_info .pd_info .buy_info .count:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 8px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.delivery_style .section .product_info .pd_info .buy_info .count:first-child {
	padding-left: 0
}

.delivery_style .section .product_info .pd_info .buy_info .count:first-child:before {
	display: none
}

.delivery_style .section .title {
	padding-top: 24px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.delivery_style .section .title span {
	display: inline-block;
	margin-left: 8px;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	vertical-align: top
}

.delivery_style .section .cont {
	margin-top: 24px
}

.delivery_style .section .step_div {
	padding-top: 24px;
	margin-top: 16px;
	border-top: 1px solid #eee
}

.delivery_style .section .step_div .step {
	position: relative;
	margin-top: 24px
}

.delivery_style .section .step_div .step:before {
	content: '';
	position: absolute;
	top: 26px;
	left: 27px;
	border-left: 1px dotted #ddd;
	height: calc(100% - 8px);
	height: -webkit-calc(100% - 8px);
}

.delivery_style .section .step_div .step:first-child {
	margin-top: 0
}

.delivery_style .section .step_div .step:after {
	content: '';
	display: block;
	clear: both
}

.delivery_style .section .step_div .step .badge {
	float: left;
	width: 56px;
	height: 20px;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background: #ddd;
	border-radius: 10px
}

.delivery_style .section .step_div .step .info {
	float: left;
	padding-left: 16px;
	width: calc(100% - 56px);
	width: -webkit-calc(100% - 56px);
}

.delivery_style .section .step_div .step .info .line {
	margin-top: 16px
}

.delivery_style .section .step_div .step .info .line:first-child {
	margin-top: 0
}

.delivery_style .section .step_div .step .info .line.open {
	padding-right: 20px;
	cursor: pointer;
	background: url('/res/images/m_icn_down_40x40.png') no-repeat right top;
	background-size: 20px
}

.delivery_style .section .step_div .step .info.on .line.open {
	background: url('/res/images/icon/arrow-up-111.svg') no-repeat right top;
	background-size: 20px
}

.delivery_style .section .step_div .step .info .close {
	display: none
}

.delivery_style .section .step_div .step .info .close .line {
	margin-top: 16px
}

.delivery_style .section .step_div .step .info .txt {
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.delivery_style .section .step_div .step .info .time {
	margin-top: 8px;
	font-size: 14px;
	line-height: 18px;
	color: #999
}

.delivery_style .section .step_div .step .info .time:first-child {
	margin-top: 0
}

.delivery_style .section .step_div .step:last-child:before {
	display: none
}

.delivery_style .section .step_div .step.on .badge {
	background: #3cc814
}

/* 환불계좌관리 팝업 */
.accout_pop .accout_div .text {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	padding-bottom: 16px;
	border-bottom: 1px solid #eee
}

.accout_pop .accout_div .certi_div {
	margin-top: 24px;
}

.accout_pop .accout_div .name {
	position: relative;
	padding-right: 70px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	word-break: break-all
}

.accout_pop .accout_div .name .btn {
	position: absolute;
	top: 0;
	right: 0;
}

.accout_pop .accout_div .name .btn:after {
	content: '';
	display: block;
	clear: both
}

.accout_pop .accout_div .name .btn a {
	float: left;
	margin-left: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.accout_pop .accout_div .name .btn a:first-child {
	margin-left: 0
}

.accout_pop .accout_div .input_form .input_area+.input_area {
	margin-top: 16px;
}

.accout_pop .accout_div .input_form .input_area select:disabled {
	color: #000;
	background: #f7f7f7
}

.accout_pop .accout_div .input_form .input_area select:not(:disabled) {
	border: 1px solid #ddd;
}

.accout_pop .accout_div .input_form .input_area select.gray {
	color: #bbb
}

.accout_pop .accout_div .input_form .input_area input:disabled {
	color: #000
}

.accout_pop .noti_txt {
	margin-top: 12px;
	padding-left: 18px;
	color: #333;
	font-size: 12px;
	line-height: 16px;
	background: url('/res/images/icon/noti-bbb.svg') no-repeat 0 50% / 16px
}

.accout_pop .accor_div {
	margin: 16px 0 6px;
	border-top: 1px solid #eee;
}

.accout_pop .accor_div .list .top {
	position: relative;
	padding: 18px 34px 18px 0
}

.accout_pop .accor_div .list .top:after {
	content: '';
	display: block;
	clear: both
}

.accout_pop .accor_div .list .top .tit {
	float: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.accout_pop .accor_div .list .top .chk_box label {
	font-weight: 500;
	font-size: 14px
}

.accout_pop .accor_div .list .top .open {
	position: absolute;
	top: 13px;
	right: -5px;
	width: 30px;
	height: 30px;
	background: url('/res/images/m_icn_down_40x40.png') no-repeat center;
	background-size: 20px
}

.accout_pop .accor_div .list .close {
	display: none;
	padding: 6px 0 26px
}

.accout_pop .accor_div .list .close table {
	border-top: 1px solid #ddd
}

.accout_pop .accor_div .list .close table th {
	padding: 12px 8px;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee;
	vertical-align: middle
}

.accout_pop .accor_div .list .close table td {
	padding: 12px 12px;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee;
	vertical-align: middle
}

.accout_pop .accor_div .list .close table th:last-child,
.accout_pop .accor_div .list .close table td:last-child {
	border-right: none
}

.accout_pop .accor_div .list.on .top .open {
	background: url('/res/images/icon/arrow-up-111.svg') no-repeat center;
	background-size: 20px
}

/* 구매 영수증 팝업 */
.receipt_div {
	padding: 0 20px;
	margin-top: -8px
}

.receipt_div table {
	border-top: 1px solid #555
}

.receipt_div table tbody tr:last-child th,
.receipt_div table tbody tr:last-child td {
	padding-bottom: 12px;
	border-bottom: 1px solid #555
}

.receipt_div table th {
	padding: 12px 8px 11px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd
}

.receipt_div table td {
	padding: 12px 12px 11px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	text-align: left;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #eee
}

.receipt_div .dot_indent {
	margin-top: 16px
}

.receipt_div .bottom {
	margin-top: 32px
}

.receipt_div .bottom .logo {
	width: 100px;
	height: 24px
}

.receipt_div .bottom .logo img {
	width: 100%
}

.receipt_div .bottom .info {
	margin-top: 12px;
	font-size: 14px;
	line-height: 20px;
	color: #777
}

/* 현금영수증 정보 팝업 */
.receipt_pop .radio_div .radio_box {
	margin-left: 28px
}

.receipt_pop .radio_div .radio_box:first-child {
	margin-left: 0
}

.receipt_pop .input_form {
	margin-top: 24px
}

.receipt_pop .dot_indent {
	position: relative;
	margin-top: 16px
}

/* 리뷰 신고 팝업 */
.layer_pop.report_pop .pop_con {
	padding: 32px 20px
}


.layer_pop.report_pop .chk_list .chk_div {
	margin-top: 16px
}

.layer_pop.report_pop .input_form {
	margin-top: 20px
}

.layer_pop.report_pop .dot_indent {
	margin-top: 12px
}

.layer_pop.report_pop .btn {
	margin-top: 32px;
	display: flex;
	gap: 0 8px;
}

.layer_pop.report_pop .btn a {
	width: 100%;
}

.layer_pop.report_pop .btn a:first-child {
	margin-left: 0
}

/* 이탈방지 팝업 */
.leave_pop {
	display: none;
	position: fixed;
	width: calc(100% - 32px);
	width: -webkit-calc(100% - 32px);
	bottom: 16px;
	right: 16px;
	padding: 0 16px;
	background: #fff;
	border-radius: 15px;
	z-index: 20;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
}

.leave_pop .pop_tit {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 4px;
	color: #000
}

.leave_pop .pop_tit b {
	font-weight: 700;
	margin-right: 4px;
}

.leave_pop .pop_tit .pink {
	color: #e81d75
}

.leave_pop .pd_cont_area .list_div .list {
	position: relative;
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #eee
}

.leave_pop .pd_cont_area .list_div .list:first-child {
	border-top: none
}

.leave_pop .pd_cont_area .list_div .list .thumb {
	float: left;
	width: 114px;
	height: 114px;
	background: #fff
}

.leave_pop .pd_cont_area .list_div .list .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.leave_pop .pd_cont_area .list_div .list .thumb.noimg {
	background: #fff
}

.leave_pop .pd_cont_area .list_div .list .pd_info {
	float: left;
	padding-left: 12px;
	width: calc(100% - 114px);
	width: calc(100% - 114px)
}

.leave_pop .pd_cont_area .list_div .list .pd_info .name {
	font-size: 14px;
	line-height: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.leave_pop .pd_cont_area .list_div .list .pd_info .product_list .price_div {
	margin-top: 12px
}

/* .leave_pop .pd_cont_area .list_div .list .cart_btn {
	bottom: 28px;
	right: 16px
} */

.leave_pop .pd_cont_area .list_div .list .alarm {
	bottom: 28px;
	right: 16px
}

.leave_pop .pd_cont_area .list_div .list .heart {
	bottom: 20px;
	left: 76px;
	top: auto
}

.leave_pop .pd_cont_area .list_div .list:last-child {
	border-bottom: none
}

.leave_pop .pd_cont_area .list_div .list.soldout .thumb:before {
	top: 17px;
	left: 17px;
	transform: none
}

.leave_pop .close_btn {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 28px;
	height: 28px;
	background: url('/res/images/m_icn_close_56x56.png') no-repeat center;
	background-size: 28px
}

/* 장바구니 담기 팝업 */
.cart_comp_pop .section {
	padding: 20px;
}

.cart_comp_pop .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
}

.cart_comp_pop .top .info {
	display: flex;
	align-items: center;
}

.cart_comp_pop .top .thumb {
	width: 40px;
	height: 40px;
	background-color: #f9f9f9;
	margin-right: 11px;
}

.cart_comp_pop .top .thumb img {
	width: 40px;
	height: 40px;
}

.cart_comp_pop .top .btn {
	border-radius: 4px;
	padding: 10px 20px;
}

.cart_comp_pop .product_mini_div {
	padding: 0 0 40px;
}

.cart_comp_pop .product_mini_div .product-swiper-3 .product-list-3 {
	gap: 0;
}

/* 쿠폰 사용 가능 상품 팝업 */
.use_product_pop.full_pop .pop_con {
	padding: 24px 0;
}

/* 선물하기 관련 팝업 */
.dlvInsChk_pop .dlvInsChk_div .txt {
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.dlvInsChk_pop .dlvInsChk_div .desc {
	background: #f7f7f7;
	padding: 16px;
	font-size: 13px;
	line-height: 18px;
	color: #000;
	border-radius: 6px;
	margin-top: 10px;
	text-align: left
}

.dlvInsChk_pop .dlvInsChk_div .desc p:not(:first-child) {
	margin-top: 4px;
}

.dlvInsChk_pop .dlvInsChk_div .desc .info .phone {
	margin-left: 8px;
}

.dlvInsChk_pop .dlvInsChk_div .desc .addr {
	font-weight: 300;
}

/* 리뷰 쓰기 팝업, 챌린지 결과 코멘트 팝업 공통  */
.chall-comment-pop .tit,
.review_wrt_div .tit {
	/* font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	color: #000; */
	text-align: center;
}

.chall-comment-pop .grade-info .star,
.review_wrt_div .satisfaction .star {
	display: inline-block;
	position: relative;
	margin-top: 20px;
	padding-top: 32px;
	width: 160px;
	height: 64px;
	background: url('/res/images/icon/star-group-off-111.svg');
	background-size: 160px 32px;
}

.chall-comment-pop .grade-info .star:before,
.review_wrt_div .satisfaction .star:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	margin-right: 0;
	width: 0;
	height: 100%;
	/* background: url('/res/images/m_star96_on.png') no-repeat; */
	background: url('/res/images/icon/star-group-on-111.svg') no-repeat;
	background-size: 160px 32px;
	overflow: hidden
}

.chall-comment-pop .grade-info .star.star10:before,
.review_wrt_div .satisfaction .star.star10:before {
	width: 32px
}

.chall-comment-pop .grade-info .star.star20:before,
.review_wrt_div .satisfaction .star.star20:before {
	width: 64px
}

.chall-comment-pop .grade-info .star.star30:before,
.review_wrt_div .satisfaction .star.star30:before {
	width: 96px
}

.chall-comment-pop .grade-info .star.star40:before,
.review_wrt_div .satisfaction .star.star40:before {
	width: 128px
}

.chall-comment-pop .grade-info .star.star50:before,
.review_wrt_div .satisfaction .star.star50:before {
	width: 160px
}

.chall-comment-pop .grade-info .star .click,
.review_wrt_div .satisfaction .star .click {
	position: absolute;
	top: 0;
	height: 32px;
	z-index: 1
}

.chall-comment-pop .grade-info .star .click.star10,
.review_wrt_div .satisfaction .star .click.star10 {
	left: 0;
	width: 32px
}

.chall-comment-pop .grade-info .star .click.star20,
.review_wrt_div .satisfaction .star .click.star20 {
	left: 32px;
	width: 32px
}

.chall-comment-pop .grade-info .star .click.star30,
.review_wrt_div .satisfaction .star .click.star30 {
	left: 64px;
	width: 32px
}

.chall-comment-pop .grade-info .star .click.star40,
.review_wrt_div .satisfaction .star .click.star40 {
	left: 96px;
	width: 32px
}

.chall-comment-pop .grade-info .star .click.star50,
.review_wrt_div .satisfaction .star .click.star50 {
	left: 128px;
	width: 32px
}

.chall-comment-pop .grade-info .star .comment,
.review_wrt_div .satisfaction .star .comment {
	margin-top: 12px
}

.chall-comment-pop .grade-info .star .comment p,
.review_wrt_div .satisfaction .star .comment p {
	display: none;
	color: var(--color-primary-1);
}

.chall-comment-pop .grade-info .star .comment p:nth-child(1),
.review_wrt_div .satisfaction .star .comment p:nth-child(1) {
	display: block;
	color: #999;
}

.chall-comment-pop .textarea_wrap,
.review_wrt_div .textarea_div .textarea_wrap {
	margin-top: 24px;
	width: 100%;
	height: 120px;
	background: #f9f9f9;
	padding: 14px 12px 42px 12px;
}

.chall-comment-pop .textarea_wrap textarea,
.review_wrt_div .textarea_div .textarea_wrap textarea {
	width: 100%;
	height: 64px;
}

.chall-comment-pop .textarea_wrap .minimum_info,
.review_wrt_div .textarea_div .textarea_wrap .minimum_info {
	font-size: 12px;
	line-height: 16px;
	color: #999;
	position: absolute;
	left: 12px;
	bottom: 16px;
}

.chall-comment-pop .pic_div,
.review_wrt_div .pic_div {
	border-top: 1px solid #F5F5F5;
	padding-top: 24px;
	margin-top: 24px;
	text-align: center;
}

.chall-comment-pop .pic_div .upload_pic,
.review_wrt_div .pic_div .upload_pic {
	margin-top: 14px;
}

.chall-comment-pop .btn,
.review_wrt_div .btn {
	margin-top: 32px;
	display: flex;
}

.chall-comment-pop .btn a,
.review_wrt_div .btn a {
	width: 100%;
	margin-left: 8px
}

/* 리뷰 쓰기 팝업 */
.review_wrt_div {
	padding-top: 24px;
}

.review_wrt_div .devide:after {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: #f7f7f7;
	margin-top: 24px;
}

.review_wrt_div .product-type-list:after {
	content: '';
	display: block;
	width: calc(100% + 40px);
	height: 10px;
	margin-top: 4px;
	margin-left: -20px;
	background: #f7f7f7;
}

.review_wrt_div .product-item-list .info .price-info {
	flex-wrap: inherit;
}

/* .review_wrt_div .product-item-list .info .price-info .benefit {
	padding-left: 6px !important;
} */

.review_wrt_div .inner_devide .inner:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #eee;
	margin-bottom: 24px;
	margin-top: 24px;
}

.review_wrt_div .benefit_div {
	border-radius: 10px;
	background: #f2fef0;
	padding: 18px 24px;
	margin-bottom: 24px;
}

.review_wrt_div .benefit_div .benefit {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl {
	display: table-cell;
	width: 100%;
	text-align: center
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	font-weight: 400;
	display: inline-block
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title:after {
	content: '';
	display: block;
	clear: both
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title .icn {
	float: left;
	width: 24px;
	height: 24px;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title .icn img {
	width: 100%
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title span {
	float: left
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title .tooltip_div {
	float: left;
	width: 16px;
	height: 24px;
	background: url("/res/images/m_icn_question_32x32.png") left center no-repeat;
	background-size: 16px;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title .tooltip_div .tooltip {
	text-align: left;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title .tooltip_div .tooltip .tit {
	margin-top: 0;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #555;
	font-weight: 500;
	margin-bottom: 8px;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title .tooltip_div .tooltip .desc {
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #555;
	font-weight: 400;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .point {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	font-weight: 700;
}

.review_wrt_div .product_div .thumb {
	position: relative;
	float: left;
	padding: 4px;
	width: 100px;
	height: 100px;
	text-align: center;
	background: #f7f7f7;
	margin-right: 12px;
	border-radius: 10px;
}

.review_wrt_div .product_div .thumb img {
	width: 100%
}

.review_wrt_div .product_div .thumb.noimg {
	background: #f7f7f7
}

.review_wrt_div .product_div .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.review_wrt_div .product_div .thumb.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg.png') no-repeat center;
	background-size: 100% auto
}

.review_wrt_div .product_div .info {
	position: relative;
	float: left;
	padding-top: 10px;
	width: calc(100% - 112px);
	width: -webkit-calc(100% - 112px);
	height: 100px;
}

.review_wrt_div .product_div .info .product {
	max-height: 34px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 34px;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
}

.review_wrt_div .product_div .info .brand {
	font-weight: 500;
}

.review_wrt_div .product_div .info .price_div {
	position: absolute;
	bottom: 0;
	left: 0
}

.review_wrt_div .product_div .info .price_div .price:after {
	content: '';
	display: block;
	clear: both
}

.review_wrt_div .product_div .info .price_div .price .won {
	float: left;
	color: #ccc;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500
}

.review_wrt_div .product_div .info .price_div .price .won span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.review_wrt_div .product_div .info .price_div .price:nth-child(1) .won span {
	text-decoration: line-through;
}

.review_wrt_div .product_div .info .price_div .price:nth-child(2) {
	margin-top: 4px
}

.review_wrt_div .product_div .info .price_div .price:nth-child(2) .won {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #080202
}

.review_wrt_div .product_div .info .price_div .price:nth-child(2) .won span {
	text-decoration: none;
	font-size: 16px;
	vertical-align: top;
	line-height: 20px;
}

.review_wrt_div .product_div .info .price_div .price .dc {
	float: left;
	margin-left: 4px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #3cc814
}

.review_wrt_div .satisfaction {
	text-align: center;
	padding-top: 24px;
}

.review_wrt_div .textarea_div {
	margin-top: 20px;
}

.review_wrt_div .btn a:first-child {
	margin-left: 0
}

/* 배송지 관리 팝업 */
.layer_pop.full_pop.addr_pop .pop_con {
	padding-top: 0
}

.addr_pop .pop_con .tab_content .cont_con .no_data_div {
	padding-top: 72px;
}

.addr_pop .pop_con .tab_content .cont_con .no_data_div .txt_area {
	padding: 76px 0 24px
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div {
	padding-bottom: 66px
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list {
	position: relative;
	padding: 24px 0 24px 32px;
	border-bottom: 1px solid #eee
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list:last-child {
	border-bottom: none;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .list_radio {
	position: absolute;
	top: 24px;
	left: 0;
	opacity: 0
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .list_radio+label {
	display: block;
	position: relative
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .list_radio+label:after {
	content: '';
	position: absolute;
	top: 0;
	left: -32px;
	width: 24px;
	height: 24px;
	background: url('/res/images/m_radio_icon_48x48.png') no-repeat;
	background-size: 24px
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .list_radio:checked+label:after {
	background: url('/res/images/m_radio_icon_on_48x48.png') no-repeat;
	background-size: 24px
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .top {
	padding-bottom: 15px;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .top .tit {
	position: relative;
	float: left;
	color: #111;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.default .top .tit:after {
	content: '기본배송지';
	position: absolute;
	top: 1px;
	left: calc(100% + 6px);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 22px;
	padding: 0 6px;
	color: #555;
	font-size: 11px;
	border: 1px solid #ddd;
	border-radius: 4px
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .top .btn_area {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	gap: 0 10px;
	height: 24px;
	line-height: 24px;
	text-align: right
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .top .btn_area a {
	margin-top: 4px;
	margin-bottom: 4px;
	color: #3cc814;
	font-size: 14px;
	font-weight: 500;
	line-height: 15px;
	border-bottom: 1px solid #3cc814;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .top .btn_area a:first-child {
	margin-left: 0;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .btn_area .edit {
	display: inline-block
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .btn_area .save {
	display: none
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .btn_area .cancel {
	display: none;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .btn_area .delete {
	display: inline-block;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.default .top .btn_area .delete {
	display: none
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.on .top .tit {
	display: none
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.on .btn_area .edit {
	display: none
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.on .btn_area .save {
	display: inline-block
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.on .btn_area .delete {
	display: none
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.on .btn_area .cancel {
	display: inline-block;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.on .addr_desc {
	display: none;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .addr_desc {
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .addr_desc p:not(:last-child) {
	margin-bottom: 8px;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list .addr_edit {
	display: none;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div .list.on .addr_edit {
	display: block;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div.on .list.on {
	padding: 60px 0 24px;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div.on .list:not(.on) {
	padding-left: 0;
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div.on .list_radio+label:after {
	display: none
}

.addr_pop .pop_con .tab_content .cont_con .addr_list_div.on .list .top .btn_area {
	top: -16px;
}

.addr_pop .pop_con .tab_content .cont_con .radio_div,
.addr_pop .pop_con .tab_content .cont_con .chk_div {
	margin-top: 16px;
}

.addr_pop .pop_con .tab_content .cont_con .chk_div .chk_box input[type="checkbox"]+label {
	display: inline-block;
	position: relative;
	padding: 2px 0 2px 30px;
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.addr_pop .pop_con .radio_div .radio_box input[type="radio"]+label:after {
	background: url("/res/images/m_chk_icon_48x48.png") no-repeat center / 24px;
}

.addr_pop .pop_con .radio_div .radio_box input[type="radio"]:checked+label:after {
	background: url("/res/images/m_chk_icon_on_48x48.png") no-repeat center / 24px;
}

.addr_pop .pop_con .tab_content .cont_con .new_addr {
	padding: 32px 0 86px
}

.addr_pop .pop_con .tab_content .cont_con .input_form .input_area select {
	width: 102px
}

.addr_pop .pop_con .tab_content .cont_con .bottom_btn {
	position: fixed;
	display: flex;
	bottom: 0;
	left: 0;
	padding: 20px 20px calc(constant(safe-area-inset-bottom) + 20px);
	padding: 20px 20px calc(env(safe-area-inset-bottom) + 20px);
	width: 100%;
	background: #fff;
	box-shadow: none;
	z-index: 2;
}

.addr_pop .pop_con .tab_content .cont_con .bottom_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	margin-right: 6px;
	font-size: 14px;
}

.addr_pop .pop_con .tab_content .cont_con .bottom_btn a:last-child {
	margin-right: 0
}

.addr_pop .input_form+.input_form {
	margin-top: 8px;
}

/* 240108 일시품절 재입고 알림 변경 */
.item-restock-pop {
	height: calc(100vh - 213px);
	max-height: 589px;
}

.item-restock-pop>.cnt {
	padding: 0;
	border-radius: 8px 8px 0 0;
}

.item-restock-pop .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 20px 20px;
	border-bottom: 1px solid #eee;
}

.item-restock-pop .head .text .title strong {
	color: var(--color-primary-1);
}

.item-restock-pop .head .close-btn {
	text-decoration: underline;
}

.item-restock-pop .body {
	padding: 20px 0 40px 20px;
}

.item-restock-pop .body .title {
	display: block;
	padding-bottom: 20px;
}

.item-restock-pop .product-type-list {
	/* max-height: 50vh; */
	max-height: calc(100vh - 406px);
	padding-right: 20px;
	overflow-y: auto;
}

.item-restock-pop .product-item-list .thumb {
	width: 88px;
	height: 88px;
}

.item-restock-pop .product-item-list .info .price-info .benefit {
	width: auto;
	padding-left: 6px !important;
}

/* .item-restock-pop .dimd-bg {
	display: block;
} */

/* 250319 플러스 사은품: 취소 사은품 선택 */
.cnl-gift-pop .cnt {
	max-height: calc(100vh - 166px);
	padding: 0;
	border-radius: 8px 8px 0 0;
}

.cnl-gift-pop .cnt .scrollbar {
	max-height: calc(100vh - 218px);
	padding: 20px 16px 78px;
}

.cnl-gift-pop .cnt .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cnl-gift-pop .cnt .head .close-btn {
	margin-left: 8px;
	text-decoration: underline;
}

.cnl-gift-pop .info-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 8px;
	margin-top: 20px;
	padding: 20px 0;
	background-color: #F2FFF0;
}

.cnl-gift-pop .info-wrap>div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cnl-gift-pop .info-wrap>div+div {
	position: relative;
	padding-left: 68px;
}

.cnl-gift-pop .info-wrap>div+div:before {
	content: '';
	position: absolute;
	top: calc(50% - 30px);
	left: 0;
	display: block;
	width: 60px;
	height: 60px;
	background: url(/res/images/icon/arrow-p1.svg);
}

.cnl-gift-pop .info-wrap .term {
	color: #3cc814;
}

.cnl-gift-pop .info-wrap .desc {
	margin-top: 4px;
	text-align: center;
}

.cnl-gift-pop .info-wrap strong {
	margin-top: 2px;
}

.cnl-gift-pop .list {
	margin-top: 20px;
}

.cnl-gift-pop .product-item-list+.product-item-list {
	margin-top: 16px;
}

.cnl-gift-pop .product-item-list .count {
	color: #bbb;
}

.cnl-gift-pop .btn-wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	width: 100%;
}

.cnl-gift-pop .btn-wrap button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	background-color: #3cc814;
	border-radius: 0;
}

.cnl-gift-pop .btn-wrap button.disabled-btn {
	background-color: #ddd;
}

.cnl-gift-pop .btn-wrap button.outline-btn {
	color: #3cc814;
	background-color: #FFF;
	border: 1px solid #3cc814;
}

/* =============================================================================== */

/* ============================== custom ============================== */
.popup-wrap {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.popup-wrap>div {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
}

.popup-wrap.active {
	display: block;
	z-index: 11;
}

.popup-wrap.active>.backdrop {
	display: block;
}

.popup-wrap .alert-popup {
	display: none;
	width: 100%;
	height: 100vh;
}

.popup-wrap .alert-popup.active {
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup-wrap .alert-popup.active .backdrop {
	display: block;
}

.popup-wrap .alert-popup>div:not(.backdrop) {
	width: min(320px, calc(100% - 40px));
	padding: 40px 20px 20px;
	text-align: center;
	background-color: #fff;
	border-radius: 8px;
	z-index: 2;
}

.popup-wrap .alert-popup .popup-body p {
	color: #111;
}

.popup-wrap .alert-popup .popup-body p.text {
	font-size: 16px;
	line-height: 24px;
}

.popup-wrap .alert-popup .popup-body p.sub-text {
	color: #555;
	font-size: 14px;
	line-height: 20px;
}

.popup-wrap .alert-popup .popup-body p.text+.sub-text {
	margin-top: 16px;
}

.popup-wrap .alert-popup .popup-footer {
	display: flex;
	justify-content: space-between;
	gap: 0 8px;
	margin-top: 32px;
}

.popup-wrap .alert-popup .popup-footer [class*=btn] {
	flex: 1;
}

.custom-popup.active {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.custom-popup.default {
	display: none;
	width: 100%;
	height: 100vh;
	background-color: #fff;
}

.custom-popup.default:after {
	content: "";
	display: inline-block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 200vh;
	overflow: hidden;
	background-color: #fff;
	z-index: -1;
}

.custom-popup .content {
	z-index: 2;
}

.custom-popup.default .content {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 48px 20px 72px;
	overflow-y: auto;
}

.custom-popup .content>.close-btn {
	position: fixed;
	top: 12px;
	right: 12px;
	width: 24px;
	height: 24px;
	background: url(/res/images/icon/close-111.svg) 50% / cover;
	z-index: 3;
}

.custom-popup .popup-head {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	background-color: #fff;
	z-index: 3;
}

.custom-popup .popup-head .title {
	font-size: 16px;
	color: #111;
	font-weight: 700;
	line-height: 24px;
}

.custom-popup.default .popup-body {
	margin-top: 24px;
}

.custom-popup .popup-footer {
	display: flex;
	justify-content: space-between;
	gap: 0 8px;
	margin: 32px 0 20px;
}

.custom-popup .popup-footer.fixed {
	position: fixed;
	width: calc(100% - 40px);
	bottom: 0;
}

.custom-popup .popup-footer.column {
	display: flex;
	flex-direction: column;
	gap: 8px 0;
}

.custom-popup .popup-footer [class*=btn] {
	flex: 1;
	font-size: 16px;
}

.custom-popup.default .popup-body .tab-wrap .tab-head {
	display: flex;
	width: calc(100% + 40px);
	height: 48px;
	margin-left: -20px;
	padding: 0 20px;
	border-bottom: 1px solid #ddd;
}

.custom-popup.default .popup-body .tab-wrap .tab-head li {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #bbb;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}

.custom-popup.default .popup-body .tab-wrap .tab-head li:after {
	content: '';
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background-color: transparent;
}

.custom-popup.default .popup-body .tab-wrap .tab-head li.active {
	color: #111;
}

.custom-popup.default .popup-body .tab-wrap .tab-head li.active:after {
	background-color: #111;
}

.custom-popup .popup-footer.fixed {
	position: fixed;
	bottom: 0;
	width: calc(100% - 40px);
}

.custom-popup .popup-footer .btn-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.custom-popup .popup-footer .btn-wrap>a,
.custom-popup .popup-footer .btn-wrap>button {
	font-size: 16px;
}

.custom-popup.default .popup-footer .btn-wrap.row {
	flex-direction: row;
}

.custom-popup.default .popup-footer .btn-wrap.row>a,
.custom-popup.default .popup-footer .btn-wrap.row>button {
	flex: 1;
}

.popup-wrap .backdrop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.popup-wrap.active .custom-popup:not(.default) .backdrop {
	display: block;
}

/* 메인 팝업(이미지, 텍스트, 동영상, 유튜브) */
.custom-popup.main-popup {
	bottom: 0;
	right: auto;
	top: auto;
	left: auto;
	width: 100%;
}

.custom-popup.main-popup .content {
	width: 100%;
	padding-top: 26px;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}

.custom-popup.main-popup.shorts .content {
	height: 80vh;
}

.custom-popup.main-popup .popup-footer {
	margin: 0;
}

.custom-popup.main-popup .set-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	background-color: #052832;
}

.custom-popup.main-popup .content>.close-btn {
	position: absolute;
	top: 0;
	right: 20px;
	width: auto;
	height: auto;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
	background: none;
}

.custom-popup.main-popup.img .img-wrap>a {
	display: block;
}

.custom-popup.main-popup.img img {
	width: 100%;
	object-fit: cover;
}

.custom-popup.main-popup.text .text-wrap {
	background-color: #F5F5F5;
}

.custom-popup.main-popup.text .text-wrap>div {
	padding: 20px 20px 24px;
}

.custom-popup.main-popup.text .text-wrap .term+.desc {
	margin-top: 12px;
}

.custom-popup.main-popup.text .text-wrap .term {
	color: #111;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.custom-popup.main-popup.text .text-wrap .desc {
	padding: 16px;
	color: #555;
	font-size: 14px;
	line-height: 20px;
	background-color: #fff;
	word-break: break-all;
}

.custom-popup.main-popup.picture .popup-body,
.custom-popup.main-popup.shorts .popup-body {
	width: 100%;
}

.custom-popup.main-popup.picture .popup-body {
	aspect-ratio: 16 / 9;
}

.custom-popup.main-popup.shorts .popup-body {
	height: 100%;
	aspect-ratio: 9 / 16;
}

.custom-popup.main-popup.shorts .popup-body:has(.set-btn) {
	height: calc(100% - 48px);
}

.custom-popup.main-popup.picture .video-wrap,
.custom-popup.main-popup.shorts .video-wrap {
	width: 100%;
	height: 100%;
}

.custom-popup.main-popup.picture iframe,
.custom-popup.main-popup.shorts iframe {
	width: 100%;
	height: 100%;
	border: none;
}

/* 시크릿쿠폰 팝업(무료배송, 할인금액, 할인율) */
.custom-popup.secret-coupon-popup .content {
	position: relative;
	width: 300px;
	height: 314px;
	min-width: 280px;
	padding: 0;
	border-radius: 0;
	padding: 32px 20px 20px;
	text-align: center;
	background-color: #DEFDD4;
	border-radius: 8px;
}

.custom-popup.secret-coupon-popup .popup-body .tit>span {
	display: block;
	color: #052832;
}

.custom-popup.secret-coupon-popup .popup-body .tit>span:nth-child(1) {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
}

.custom-popup.secret-coupon-popup .popup-body .tit>span:nth-child(2) {
	padding-top: 4px;
	font-size: 32px;
	font-weight: 700;
	line-height: 40px;
}

.custom-popup.secret-coupon-popup .popup-body .bg {
	position: relative;
}

.custom-popup.secret-coupon-popup .popup-body .bg img {
	width: calc(100% + 40px);
	margin-left: -20px;
}

.custom-popup.secret-coupon-popup .popup-body .bg span {
	transform: rotate(7deg) translateX(-50%);
}

.custom-popup.secret-coupon-popup .popup-body .bg .term,
.custom-popup.secret-coupon-popup .popup-body .bg .txt {
	position: absolute;
	width: 140px;
	text-align: center;
}

.custom-popup.secret-coupon-popup .popup-body .bg .term {
	top: 59px;
	left: 50.5%;
	color: #FF9F66;
	font-weight: 700;
	font-size: 9px;
	line-height: 12px;
	letter-spacing: 0.6em;
	padding-left: 0.6em;
}

.custom-popup.secret-coupon-popup .popup-body .bg .txt {
	top: 72px;
	left: 49.5%;
	color: #fff;
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
}

.custom-popup.secret-coupon-popup .popup-body .bg .txt em {
	font-size: 14px;
	line-height: 20px;
	font-style: normal;
	letter-spacing: -0.2px;
}

.custom-popup.secret-coupon-popup .popup-body .cpn-btn {
	position: relative;
	width: 100%;
	height: 48px;
	margin-top: -47px;
	font-size: 14px;
	z-index: 1;
}

.custom-popup.secret-coupon-popup .content>.close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
	background-image: url(/res/images/icon/close-555.svg)
}

.custom-popup.secret-coupon-popup .popup-body .bg {
	position: relative;
}

.custom-popup.secret-coupon-popup .popup-body .bg.sale::before,
.custom-popup.secret-coupon-popup .popup-body .bg.sale::after {
	content: '';
	position: absolute;
	display: block;
}

.custom-popup.secret-coupon-popup .popup-body .bg.sale::before {
	top: -7px;
	left: 5px;
	width: 79px;
	height: 79px;
	background: url('/res/images/popup/secret-coupon-popup-badge-p1.svg') no-repeat center / 79px auto;
}

.custom-popup.secret-coupon-popup .popup-body .bg.sale::after {
	top: 0;
	right: 0;
	width: 102px;
	height: 70px;
	background: url('/res/images/popup/secret-coupon-popup-badge.svg') no-repeat center / 102px auto;
}

/* 리뷰 작성 안내 팝업 */
.custom-popup.review-lead-popup {
	padding: 0;
	background: transparent;
	border-radius: 0;
}

.custom-popup.review-lead-popup .content {
	position: relative;
	width: 300px;
	padding: 64px 20px 20px;
	text-align: center;
	background-color: #fff;
	border-radius: 8px;
}

.custom-popup.review-lead-popup .popup-body .logo {
	position: absolute;
	top: -60px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 50%;
	z-index: 1;
}

.custom-popup.review-lead-popup .popup-body .text [class*=txt] {
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.custom-popup.review-lead-popup .popup-body .txt1 {
	color: #111;
}

.custom-popup.review-lead-popup .popup-body .txt2 {
	color: #3CC814;
}

.custom-popup.review-lead-popup .popup-body .txt3 {
	margin-top: 12px;
	color: #052832;
}

.custom-popup.review-lead-popup .popup-body .txt3 strong {
	font-size: 32px;
	font-weight: inherit;
	line-height: 40px;
}

.custom-popup.review-lead-popup .popup-footer {
	margin: 32px auto 0;
}

.custom-popup.review-lead-popup .popup-footer .reward-btn {
	width: 100%;
	height: 48px;
	font-size: 14px;
}

.custom-popup.review-lead-popup .popup-body .done-btn {
	position: absolute;
	bottom: -32px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}

.custom-popup.review-lead-popup .content>.close-btn {
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
}

/* 앱 설치 팝업(MO) */
.custom-popup.app-install-popup {
	background-color: transparent !important;
}

.custom-popup.app-install-popup .content {
	position: relative;
	padding: 0 !important;
}

.custom-popup.app-install-popup .logo {
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
}

.custom-popup.app-install-popup .popup-body {
	text-align: center;
}

.custom-popup.app-install-popup .popup-body .cnt {
	padding: 42px 30px 30px;
	background: url(/res/images/bg/app-set-pop-bg.svg) 50% / contain;
	border-radius: 4px;
}

.custom-popup.app-install-popup .popup-body .cnt>div:nth-child(2) {
	display: flex;
	gap: 0 12px;
	margin-top: 28px;
	padding-top: 24px;
	border-top: 1px dashed #3CC814;
}

.custom-popup.app-install-popup .popup-body .cnt .item-row {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 16px;
}

.custom-popup.app-install-popup .popup-body .cnt .item-column {
	display: flex;
	flex-direction: column;
	gap: 6px 0;
}

.custom-popup.app-install-popup .popup-body .cnt .term {
	color: #111;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
}

.custom-popup.app-install-popup .popup-body .cnt .term strong {
	color: #3CC814;
	font-weight: 700;
}

.custom-popup.app-install-popup .popup-body .cnt .desc {
	color: #052832;
	font-size: 26px;
	font-weight: 700;
	line-height: 26px;
}

.custom-popup.app-install-popup .popup-body .cnt .desc.price {
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}

.custom-popup.app-install-popup .popup-body .cnt .desc.price strong {
	font-size: 32px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: -2px;
}

.custom-popup.app-install-popup .set-btn {
	height: 48px;
	margin-top: 6px;
	font-size: 14px;
	;
}

.custom-popup.app-install-popup .view-web-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
}

/* 비밀번호 변경 팝업 */
.custom-popup.change-pwd-popup .popup-body .info {
	margin-bottom: 24px;
	padding-bottom: 24px;
	text-align: center;
	border-bottom: 1px solid #eee
}

.custom-popup.change-pwd-popup .popup-body .info p {
	color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px
}

.custom-popup.change-pwd-popup .popup-footer {
	margin-top: 24px;
}

/* 회원정보 업데이트 팝업 */
.custom-popup.account-update-popup .popup-body .info {
	padding-bottom: 24px;
	text-align: center;
}

.custom-popup.account-update-popup .popup-body .info p {
	color: #111;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.custom-popup.account-update-popup .popup-body .info p+p {
	margin-top: 20px
}

.custom-popup.account-update-popup .popup-body .info p strong {
	color: #3CC814;
	font-weight: 700
}

.custom-popup.account-update-popup .popup-body .user-info {
	padding: 24px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.custom-popup.account-update-popup .popup-body .user-info .title {
	display: block;
	margin-bottom: 20px;
	color: #111;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.custom-popup.account-update-popup .popup-body .user-info li {
	display: flex;
	color: #111;
	font-size: 13px;
	line-height: 18px
}

.custom-popup.account-update-popup .popup-body .user-info li+li {
	margin-top: 24px
}

.custom-popup.account-update-popup .popup-body .user-info li span {
	display: block;
}

.custom-popup.account-update-popup .popup-body .user-info li .term {
	min-width: 80px;
}

.custom-popup.account-update-popup .popup-body .user-info li .desc {
	flex: 1;
	padding-right: 75px;
	word-break: break-all;
}

.custom-popup.account-update-popup .popup-footer {
	width: 100%;
	margin-top: 24px;
}

.custom-popup.account-update-popup .popup-footer .popup-info {
	margin-top: 16px;
}

.custom-popup.account-update-popup .popup-footer .popup-info li {
	position: relative;
	padding-left: 8px;
	color: #999;
	font-size: 13px;
	line-height: 18px
}

.custom-popup.account-update-popup .popup-footer .popup-info li+li {
	margin-top: 4px;
}

.custom-popup.account-update-popup .popup-footer .popup-info li:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 2px;
	height: 2px;
	margin: 0 2px;
	background: #bbb;
	border-radius: 50%
}

/* 배송지 관리 팝업 */
.custom-popup.address-popup .content {
	padding-bottom: 88px !important;
}

.custom-popup.address-popup .popup-body {
	margin-top: 0 !important;
}

.custom-popup.address-popup .popup-body .address-form .form .input-wrap+.input-wrap {
	margin-top: 8px;
}

.custom-popup.address-popup .popup-body .address-form .btn-wrap {
	height: 20px;
}

.custom-popup.address-popup .popup-body .address-form .checkbox-wrap {
	margin-top: 16px;
}

.custom-popup.address-popup .popup-body .address-form .checkbox-wrap input[type="checkbox"]+label {
	font-weight: 400;
}

.custom-popup.address-popup .popup-body .btn-wrap.submit {
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	gap: 0 4px;
	width: 100%;
	padding: 20px;
	background-color: #fff;
}

.custom-popup.address-popup .popup-body .btn-wrap.submit button {
	flex: 1;
	height: 48px;
	font-size: 14px;
	font-weight: 400;
}

.custom-popup.address-popup .popup-body .address-list:not(:has(.no-data-wrap)) {
	margin-top: 24px;
}

.custom-popup.address-popup .popup-body .address-list ul li+li {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee;
}

.custom-popup.address-popup .popup-body .address-list ul li.hide .radio-wrap label {
	padding-left: 0;
}

.custom-popup.address-popup .popup-body .address-list ul li.hide .radio-wrap input[type="radio"]+label {
	cursor: default;
}

.custom-popup.address-popup .popup-body .address-list ul li.hide .radio-wrap input[type="radio"]+label:before,
.custom-popup.address-popup .popup-body .address-list ul li.hide .radio-wrap label .btn-wrap {
	display: none;
}

.custom-popup.address-popup .popup-body .address-list .radio-wrap label .btn-wrap,
.custom-popup.address-popup .popup-body .address-list .address-form>.btn-wrap {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	gap: 0 10px;
}

.custom-popup.address-popup .popup-body .address-list .radio-wrap label .btn-wrap button,
.custom-popup.address-popup .popup-body .address-list .address-form>.btn-wrap button {
	color: #3CC814;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-decoration: underline;
}

.custom-popup.address-popup .popup-body .address-list .radio-wrap label {
	position: relative;
	padding-left: 28px;
}

.custom-popup.address-popup .popup-body .address-list .radio-wrap input[type="radio"]+label {
	display: block;
}

.custom-popup.address-popup .popup-body .address-list .radio-wrap input[type="radio"]+label:before {
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	min-width: 20px;
	margin-right: 8px;
	background-size: 20px;
}

.custom-popup.address-popup .popup-body .address-list .radio-wrap label .term {
	display: flex;
	align-items: center;
	gap: 0 6px;
	height: 24px;
}

.custom-popup.address-popup .popup-body .address-list .radio-wrap label .term .title {
	color: #111;
	font-size: 16px;
	font-weight: 500;
}

.custom-popup.address-popup .popup-body .address-list .radio-wrap label .term .flag {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 22px;
	padding: 0 6px;
	color: #555;
	font-size: 11px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.custom-popup.address-popup .popup-body .address-list .radio-wrap label .desc {
	display: flex;
	flex-direction: column;
	gap: 12px 0;
	margin-top: 12px;
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.custom-popup.address-popup .popup-body .address-list .radio-wrap label .desc span em {
	font-style: normal;
}

.custom-popup.address-popup .popup-body .address-list .radio-wrap label .btn-wrap {
	height: 24px;
}

.custom-popup.address-popup .popup-body .address-list .address-form {
	display: none;
	position: relative;
	padding-top: 36px;
}

.custom-popup.address-popup .popup-body .new-address {
	margin-top: 24px;
}

/* ==================== 250625 공유하기 팝업 ==================== */
.custom-popup.share-popup .content {
	position: relative;
	width: min(300px, calc(100% - 60px));
	height: auto;
	padding: 0;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.custom-popup.share-popup .popup-head {
	position: static;
	height: 56px;
}

.custom-popup.share-popup .popup-body {
	margin-top: 20px;
	margin-bottom: 46px;
}

.custom-popup.share-popup .popup-body ul {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0 30px;
}

.custom-popup.share-popup .popup-body ul li {
	width: 48px;
	height: 48px;
	background-position: 50%;
	background-size: cover;
	cursor: pointer;
}

.custom-popup.share-popup .popup-body ul li.kakao {
	background: url('/res/images/icon/sns-kakao.svg')
}

.custom-popup.share-popup .popup-body ul li.facebook {
	background: url('/res/images/icon/sns-facebook.svg')
}

.custom-popup.share-popup .popup-body ul li.x {
	background: url('/res/images/icon/sns-x.svg')
}

.custom-popup.share-popup .popup-body ul li.url {
	background: url('/res/images/icon/sns-url.svg')
}

.custom-popup.share-popup .content>.close-btn {
	position: absolute;
	top: 16px;
	right: 16px;
}


/* ==================== 250625 숏클립 팝업 ==================== */
.custom-popup.live-video-popup .content {
	position: relative;
	width: 100%;
	height: 100dvh;
	padding: 0;
	background-color: #fff;
}

.custom-popup.live-video-popup .title-head {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 40px;
	padding: 0 10px;

}

.custom-popup.live-video-popup .title-head .home-btn,
.custom-popup.live-video-popup .title-head button {
	width: 24px;
	height: 24px;
	background-position: 50%;
	background-size: 24px;
}

.custom-popup.live-video-popup .title-head .home-btn {
	background-image: url(/res/images/icon/home-111.svg);
}

.custom-popup.live-video-popup .title-head .count {
	margin-left: 6px;
	font-size: 14px;
	line-height: 20px;
}

.custom-popup.live-video-popup .title-head .btn-wrap {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 0 6px;
}

.custom-popup.live-video-popup .video-wrap {
	position: relative;
}

.custom-popup.live-video-popup .video-wrap iframe {
	border: none;
}

.custom-popup.live-video-popup .video-wrap video~button {
	display: none;
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
	width: 50px;
	height: 50px;
	background-size: 50px;
	background-position: 50% 50%;
}

.custom-popup.live-video-popup .video-wrap video~button.play-btn {
	background-image: url(/res/images/icon/short-clip-play.svg);
}

.custom-popup.live-video-popup .video-wrap video~button.pause-btn {
	background-image: url(/res/images/icon/short-clip-pause.svg);
}

.custom-popup.live-video-popup .progress {
	height: 2px;
	padding: 0;
	background: linear-gradient(to right, #3CC814 0%, #eee 0%);
	outline: none;
	appearance: none;
}

.custom-popup.live-video-popup .progress::-webkit-slider-thumb {
	width: 0;
	height: 0;
	appearance: none;
}

.custom-popup.live-video-popup .progress::-moz-range-thumb {
	width: 0;
	height: 0;
	opacity: 0;
}

.custom-popup.live-video-popup .title {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.custom-popup.live-video-popup .hashtag {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
}

/* 숏클립 팝업: 세로형 */
.custom-popup.live-video-popup.type-ver .content {
	display: flex;
	flex-direction: column;
}

.custom-popup.live-video-popup.type-ver .title-head .home-btn {
	background-image: url(/res/images/icon/home-fff.svg);
}

.custom-popup.live-video-popup.type-ver .title-head .count {
	color: #fff;
}

.custom-popup.live-video-popup.type-ver .title-head .btn-wrap .sound-btn.off {
	background-image: url(/res/images/icon/short-clip-sound-off-fff.svg);
}

.custom-popup.live-video-popup.type-ver .title-head .btn-wrap .sound-btn.on {
	background-image: url(/res/images/icon/short-clip-sound-on-fff.svg);
}

.custom-popup.live-video-popup.type-ver .title-head .btn-wrap .share-btn {
	background-image: url(/res/images/icon/share-fff.svg);
}

.custom-popup.live-video-popup.type-ver .title-head .btn-wrap .close-btn {
	background-image: url(/res/images/icon/close-fff.svg);
}

.custom-popup.live-video-popup.type-ver .info-wrap {
	margin: auto 10px 10px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .title,
.custom-popup.live-video-popup.type-ver .info-wrap .hashtag {
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.custom-popup.live-video-popup.type-ver .info-wrap .title {
	display: flex;
	gap: 0 4px;
	white-space: nowrap;
}

.custom-popup.live-video-popup.type-ver .info-wrap .title span {
	animation: textLoop 7s linear infinite;
}

@keyframes textLoop {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

.custom-popup.live-video-popup.type-ver .info-wrap .hashtag {
	margin-top: 4px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .product-item-list {
	height: 66px;
	background-color: rgba(0, 0, 0, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 4px;
	backdrop-filter: blur(4px);
}

.custom-popup.live-video-popup.type-ver .info-wrap .product-item-list a {
	position: relative;
	border-radius: 4px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .product-item-list .thumb {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 67px;
	height: 67px;
	border-radius: 4px 0 0 4px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .product-item-list .thumb img {
	width: 56px;
	height: 56px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .product-item-list .info {
	margin-left: 76px;
	padding-right: 10px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .product-item-list .info .name {
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .product-item-list .info .name strong {
	font-weight: 700;
}

.custom-popup.live-video-popup.type-ver .info-wrap .product-item-list .info .price-info {
	margin-top: 2px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .product-item-list .info .price-info .percent {
	color: #FF3894;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .product-item-list .info .price-info .price {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .product-item-list .info .price-info .benefit {
	color: #bbb !important;
	font-size: 11px;
	line-height: 16px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .product-item-list .view-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 54px;
	margin: 9px 0 9px 10px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.custom-popup.live-video-popup.type-ver .info-wrap .product-item-list .view-btn span {
	color: #fff;
	font-size: 13px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .video-list {
	width: calc(100% + 20px);
	margin-left: -10px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .video-list.swiper-disabled {
	width: 100%;
	margin-left: 0;
}

.custom-popup.live-video-popup.type-ver .info-wrap .video-list .swiper-wrapper .swiper-slide {
	border: 1px solid rgba(255, 255, 255, 0.4);
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	overflow: hidden;
}

.custom-popup.live-video-popup.type-ver .info-wrap .video-list .swiper-wrapper .swiper-slide a {
	display: flex;
	align-items: center;
	gap: 0 10px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .video-list .swiper-wrapper .swiper-slide a .thumb {
	width: 66px;
	height: 66px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .video-list .swiper-wrapper .swiper-slide a video.thumb {
	object-fit: cover;
}

.custom-popup.live-video-popup.type-ver .info-wrap .video-list .swiper-wrapper .swiper-slide a .info {
	flex: 1;
	padding-right: 10px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .video-list .swiper-wrapper .swiper-slide a .info .name {
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}

.custom-popup.live-video-popup.type-ver .info-wrap .video-list .swiper-wrapper .swiper-slide a .info .count {
	display: block;
	margin-top: 2px;
	color: #fff;
	font-size: 11px;
	line-height: 18px;
	padding-left: 20px;
	background: url(/res/images/icon/short-clip-view-fff.svg) 0 50% / 18px;
}

.custom-popup.live-video-popup.type-ver:not(.youtube) .title-hashtag+.product-item-list {
	margin-top: 20px;
}

.custom-popup.live-video-popup.type-ver:not(.youtube) .title-head {
	background: linear-gradient(360deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.4) 100%);
	z-index: 1;
}

.custom-popup.live-video-popup.type-ver:not(.youtube) .progress {
	width: 100%;
	margin: 10px 0;
}

.custom-popup.live-video-popup.type-ver:not(.youtube) .video-wrap {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: flex-start;
	width: 100%;
	height: 100vh;
}

.custom-popup.live-video-popup.type-ver:not(.youtube) .video-wrap video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.custom-popup.live-video-popup.type-ver:not(.youtube) .video-wrap:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 17vh;
	background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.65) 70.83%);
}

.custom-popup.live-video-popup.type-ver:not(.youtube) .info-wrap {
	z-index: 1;
}

.custom-popup.live-video-popup.type-ver .btm-to-pop.pd-list>.cnt {
	display: flex;
	flex-direction: column;
	max-height: calc(100vh - 100px);
	padding: 20px 20px 0;
	border-radius: 8px 8px 0 0;
}

.custom-popup.live-video-popup.type-ver .btm-to-pop.pd-list>.cnt .title {
	color: #111;
	font-weight: 400;
}

.custom-popup.live-video-popup.type-ver .btm-to-pop.pd-list>.cnt ul {
	margin-top: 16px;
	padding-bottom: 16px;
}

.custom-popup.live-video-popup.type-ver .btm-to-pop.pd-list .product-item-list+.product-item-list {
	margin-top: 16px;
}

.custom-popup.live-video-popup.type-ver .btm-to-pop.pd-list .product-item-list .thumb {
	width: 88px;
	height: 88px;
}

.custom-popup.live-video-popup.type-ver .btm-to-pop.pd-list .product-item-list .thumb img {
	width: 68px;
	height: 68px;
}

.custom-popup.live-video-popup.type-ver .btm-to-pop.pd-list .product-item-list .info .name {
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.custom-popup.live-video-popup.type-ver .btm-to-pop.pd-list .product-item-list .info .name strong {
	font-weight: 700;
}

.custom-popup.live-video-popup.type-ver .btm-to-pop.pd-list .product-item-list .info .price-info {
	margin-top: 8px;
}

.custom-popup.live-video-popup.type-ver .btm-to-pop.pd-list .product-item-list .info .price-info .percent {
	color: #FF3894;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.custom-popup.live-video-popup.type-ver .btm-to-pop.pd-list .product-item-list .info .price-info .price {
	color: #111;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.custom-popup.live-video-popup.type-ver .btm-to-pop.pd-list .product-item-list .info .price-info .benefit {
	font-size: 12px;
	line-height: 16px;
}

.custom-popup.live-video-popup.type-ver .btm-to-pop.pd-list>.cnt .close-btn {
	top: 23px;
	right: 20px;
	left: auto;
	width: auto;
	height: auto;
	color: #111;
	font-size: 13px;
	text-decoration: underline;
	background: none;
}

.custom-popup.live-video-popup.type-ver.youtube .content {
	background-color: #333;
}

.custom-popup.live-video-popup.type-ver.youtube .count {
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
}

.custom-popup.live-video-popup.type-ver.youtube .video-wrap {
	flex: 1;
	display: flex;
	margin: 0 auto;
}

.custom-popup.live-video-popup.type-ver.youtube .video-wrap iframe {
	flex: 1;
	width: auto;
	height: 100%;
}

.custom-popup.live-video-popup.type-ver.youtube .info-wrap {
	flex-shrink: 0;
	margin-top: 20px;
}

.custom-popup.live-video-popup.type-ver.youtube .info-wrap .product-item-list,
.custom-popup.live-video-popup.type-ver.youtube .info-wrap .video-list {
	margin-top: 10px;
}

/* 숏클립 팝업: 가로형 */
.custom-popup.live-video-popup.type-hor .content {
	display: flex;
	flex-direction: column;
	background-color: #fff;
}

.custom-popup.live-video-popup.type-hor .title-head .home-btn {
	background-image: url(/res/images/icon/home-111.svg);
}

.custom-popup.live-video-popup.type-hor .title-head .count {
	color: #111;
}

.custom-popup.live-video-popup.type-hor .title-head .btn-wrap .sound-btn.off {
	background-image: url(/res/images/icon/short-clip-sound-off-111.svg);
}

.custom-popup.live-video-popup.type-hor .title-head .btn-wrap .sound-btn.on {
	background-image: url(/res/images/icon/short-clip-sound-on-111.svg);
}

.custom-popup.live-video-popup.type-hor .title-head .btn-wrap .share-btn {
	background-image: url(/res/images/icon/share-111.svg);
}

.custom-popup.live-video-popup.type-hor .title-head .btn-wrap .close-btn {
	background-image: url(/res/images/icon/close-111.svg);
}

.custom-popup.live-video-popup.type-hor .video-wrap .progress {
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - 20px);
	margin: 10px;
}

.custom-popup.live-video-popup.type-hor .video-wrap video,
.custom-popup.live-video-popup.type-hor .video-wrap iframe {
	width: 100%;
	height: 56.15vw;
}

.custom-popup.live-video-popup.type-hor .title-hashtag {
	margin: 10px 20px 0;
}

.custom-popup.live-video-popup.type-hor .title {
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.custom-popup.live-video-popup.type-hor .hashtag {
	color: #bbb;
	gap: 0 6px;
	margin-top: 6px;
}

.custom-popup.live-video-popup.type-hor .scrollbar {
	flex: 1;
	margin-top: 24px;
	padding-bottom: 24px;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul {
	padding: 0 20px;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul li+li {
	margin-top: 16px;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul li .info .name {
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul.product li {
	width: 100%;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul.product li .info .name strong {
	font-weight: 700;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul.product li .info .price-info {
	margin-top: 8px;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul.product li .info .price-info .percent,
.custom-popup.live-video-popup.type-hor .scrollbar ul.product li .info .price-info .price {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul.product li .info .price-info .percent {
	color: #FF3894;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul.product li .info .price-info .price {
	color: #111;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul.product li .info .price-info .benefit {
	color: #777;
	font-size: 12px;
	line-height: 16px;
}

.custom-popup.live-video-popup.type-hor .scrollbar:has(ul.video) {
	padding-bottom: 92px;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul.video li+li {
	margin-top: 16px;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul.video li a {
	display: flex;
	align-items: center;
	gap: 0 12px;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul.video li .thumb {
	width: 88px;
	height: 88px;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul.video li video.thumb {
	object-fit: cover;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul.video li .info {
	flex: 1;
}

.custom-popup.live-video-popup.type-hor .scrollbar ul.video li .info .count {
	display: block;
	margin-top: 8px;
	padding-left: 22px;
	color: #111;
	font-size: 12px;
	line-height: 16px;
	margin-top: 8px;
	background: url(/res/images/icon/short-clip-view-111.svg) 0 50% / 20px;
}

.custom-popup.live-video-popup.type-hor:has(ul.video) .view-btn-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 72px;
	padding: 0 20px 20px;
	background-color: #fff;
}

.custom-popup.live-video-popup.type-hor:has(ul.video) .view-btn-wrap button {
	width: 100%;
	color: #111;
	border-color: #ddd;
}

/* 구매 영수증 팝업 */
.custom-popup.receipt-popup .popup-body dl {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 16px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555
}

.custom-popup.receipt-popup .popup-body dl dt,
.custom-popup.receipt-popup .popup-body dl dd {
	display: flex;
	align-items: center;
	height: 42px;
	color: #111;
	font-size: 13px;
}

.custom-popup.receipt-popup .popup-body dl dt:not(:nth-of-type(1)),
.custom-popup.receipt-popup .popup-body dl dd:not(:nth-of-type(1)) {
	border-top: 1px solid #ddd
}

.custom-popup.receipt-popup .popup-body dl dt {
	width: 120px;
	padding: 0 8px
}

.custom-popup.receipt-popup .popup-body dl dd {
	width: calc(100% - 120px);
	padding: 0 8px;
	text-align: left;
	word-break: break-all;
	border-left: 1px solid #eee;
}

.custom-popup.receipt-popup .popup-body .dot-info {
	display: flex;
	align-items: flex-start;
	gap: 0 2px;
	color: #555;
	font-size: 14px;
	line-height: 20px;
}

.custom-popup.receipt-popup .popup-body .dot-info:before {
	content: "";
	display: inline-block;
	width: 2px;
	min-width: 2px;
	height: 2px;
	margin: 8px 2px 0;
	background-color: #777;
	border-radius: 50%;
}


.custom-popup.receipt-popup .popup-body img {
	margin-top: 24px;
}

.custom-popup.receipt-popup .popup-body ul li {
	color: #555;
	font-size: 14px;
	line-height: 20px
}@charset "utf-8";

/* 240102 전체상품 페이지 */
.all-item-wrap .filter-list {
	margin-bottom: 20px;
}

.all-item-wrap .filter-list .swiper-slide {
	display: flex;
	align-items: center;
	width: auto !important;
	height: 32px;
	padding: 0 8px 0 9px;
	font-size: 14px;
	color: #111;
	border-radius: 4px;
	border: 1px solid #ddd;
	background-color: #fff;
}

.all-item-wrap .filter-list .swiper-slide.active {
	color: var(--color-primary-1);
	border-color: var(--color-primary-1);
	background-color: var(--color-secondary-3);
}

.all-item-wrap .filter-list .swiper-slide span {
	display: flex;
	align-items: center;
}

.all-item-wrap .filter-list .swiper-slide span:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-left: 2px;
	background-image: url(/res/images/icon/arrow-down-555.svg);
	background-size: 14px;
}

.all-item-wrap .filter-list .swiper-slide.active span:after,
.all-item-wrap .filter-list .swiper-slide .close-btn {
	display: none;
}

.all-item-wrap .filter-list .swiper-slide.active .close-btn {
	display: block;
	width: 14px;
	height: 14px;
	margin-left: 2px;
	background-image: url(/res/images/icon/close-p1.svg);
	background-size: 14px;
}

.all-item-wrap .category_div .list_div {
	display: flex;
	flex-wrap: wrap;
	gap: 28px 16px;
}

.all-item-wrap .category_div .list_div.hor {
	gap: 16px 0;
}

.all-item-wrap .category_div .list_div .list {
	float: inherit;
	margin: 0 !important;
}

.all-item-wrap .category_div.no-data {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.all-item-wrap .no_data_div {
	margin-top: 48px;
}

.all-item-wrap .filter-list-popup>.cnt {
	/* max-height: 412px; */
	padding: 0 20px;
}

.all-item-wrap .filter-list-popup .list-wrap>div {
	display: none;
}

.all-item-wrap .filter-list-popup .type-list {
	display: flex;
	align-items: center;
	width: calc(100% + 40px);
	margin-left: -20px;
	border-bottom: 1px solid #eee;
}

.all-item-wrap .filter-list-popup .type-list li {
	flex: 1;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	color: #555;
	font-size: 14px;
	text-align: center;
}

.all-item-wrap .filter-list-popup .type-list li.check {
	color: var(--color-primary-1);
	font-weight: 600;
}

/* .all-item-wrap .filter-list-popup .type-list li.check span {
	padding-right: 18px;
	color: #000;
	font-weight: bold;
	background: url(/res/images/check-primary.png) 100% 50% no-repeat;
	background-size: 16px;
} */

.all-item-wrap .filter-list-popup .type-list li.active {
	color: #111;
	font-weight: 600;
}

.all-item-wrap .filter-list-popup .type-list li.active:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--color-primary-1);
}

.all-item-wrap .filter-list-popup .list-wrap {
	height: 360px;
	margin-top: 20px;
	padding: 20px;
	background-color: #f9f9f9;
	overflow-y: auto;
}

.all-item-wrap .filter-list-popup .list-wrap li+li {
	margin-top: 20px;
}

.all-item-wrap .filter-list-popup .list-wrap li .chk_box {
	width: 100%;
}

.all-item-wrap .filter-list-popup .list-wrap li label {
	max-width: calc(100% - 13px);
	padding-left: 24px;
	font-size: 14px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.all-item-wrap .filter-list-popup .list-wrap li label:after {
	width: 20px;
	height: 20px;
	background-size: 20px	;
}

.all-item-wrap .filter-list-popup .price .select-view-day {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 24px;
}

.all-item-wrap .filter-list-popup .price .select-view-day p {
	font-size: 14px;
	font-weight: 600;
	color: #111;
}

.all-item-wrap .filter-list-popup .btn-wrap {
	display: flex;
	justify-content: space-between;
	width: calc(100% + 40px);
	height: 52px;
	margin-left: -20px;
	background-color: #fff;
}

.all-item-wrap .filter-list-popup .btn-wrap>a {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 16px;
	font-weight: 500;
}

.all-item-wrap .filter-list-popup .btn-wrap .refresh-btn {
	border: 1px solid var(--color-primary-1);
}

.all-item-wrap .filter-list-popup .btn-wrap .refresh-btn span {
	padding-left: 22px;
	color: var(--color-primary-1);
	background: url(/res/images/icon/refresh-p1.svg) 0 50% / 20px;
}

.all-item-wrap .filter-list-popup .btn-wrap .view-btn {
	color: #fff;
	background-color: var(--color-primary-1);
}
@charset "utf-8";

/* ARS */
.ars_div {
	position: relative;
	padding: 32px 0 40px
}

.ars_div .sub_tab a {
	width: 50%
}

.ars_div .cont {
	position: relative;
	padding-bottom: 94px
}

.ars_div .top_banner {
	display: block;
	margin: 0 auto;
	/* width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px); */
	width: 100%;
	height: 260px;
	border-radius: 10px
}

.ars_div .top_banner.ars {
	background: url('/res/images/m_ars_banner.png') no-repeat center #fffaeb;
	background-size: 320px 260px;
}

/* 221223 전화주문 페이지 개발 수정 */
.ars_div .top_banner.tel {
	height: auto;
	/* background: url('/res/images/event/evt_order_tell/m_evt_order_tell.png') no-repeat center;
	background-size: 100% auto; */
}

.ars_div .top_banner.tel img {
	width: 100%;
}

/* // 221223 전화주문 페이지 개발 수정 */

.ars_div .howto {
	margin-top: 32px;
	padding: 0 20px;
	text-align: center
}

.ars_div .howto .tit {
	display: inline-block;
	padding: 4px 11px;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #36d30a;
	border: 2px solid #3cc814;
	border-radius: 25px;
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08)
}

.ars_div .howto .text {
	margin-top: 20px;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #000
}

.ars_div .howto .list_div .list {
	margin-top: 32px
}

.ars_div .howto .list_div .list .num {
	display: inline-block;
	padding: 3px;
	width: 24px;
	height: 24px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #3cc814;
	text-align: center;
	background: #f2fef0;
	border: 1px solid #b7eba9;
	border-radius: 100%
}

.ars_div .howto .list_div .list .txt {
	margin-top: 12px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.ars_div .howto .list_div .list .txt b {
	font-weight: 700
}

.ars_div .howto .list_div .list .img {
	margin-top: 10px
}

.ars_div .howto .list_div .list .img img {
	width: 280px
}

.ars_div .bestseller {
	margin-top: 40px;
	padding: 40px 20px 0;
	border-top: 10px solid #f9f9f9
}

.ars_div .bestseller .img {
	text-align: center
}

.ars_div .bestseller .img img {
	width: 196px
}

.ars_div .bestseller .title {
	margin-top: 36px;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #000;
	text-align: center
}

.ars_div .bestseller .text {
	margin-top: 12px;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	text-align: center
}

.ars_div .bestseller .list_div .list {
	position: relative;
	margin-top: 57px;
	padding: 48px 23px 20px;
	border: 1px solid #eee;
	border-radius: 20px;
}

.ars_div .bestseller .list_div .list .num {
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -25px;
	padding: 7px;
	width: 50px;
	height: 50px;
	font-weight: 700;
	font-size: 16px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	background: #052832;
	border-radius: 100%
}

.ars_div .bestseller .list_div .list .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 48px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ars_div .bestseller .list_div .list .txt {
	margin-top: 10px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.ars_div .bestseller .list_div .list .txt b {
	font-weight: 400
}

.ars_div .bestseller .list_div .list .thumb {
	margin-top: 20px;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 20px;
	text-align: center;
}

.ars_div .bestseller .list_div .list .thumb img {
	width: 160px;
}

.ars_div .bestseller .list_div .list .option_list .option {
	display: block;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee
}

.ars_div .bestseller .list_div .list .option_list .option:first-child {
	padding-top: 0;
	border-top: none
}

.ars_div .bestseller .list_div .list .option_list .option .tit {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 48px;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ars_div .bestseller .list_div .list .option_list .option .tit b {
	font-weight: 700;
	color: #3cc814
}

.ars_div .bestseller .list_div .list .option_list .option .price_div {
	margin-top: 20px
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:after {
	content: '';
	display: block;
	clear: both
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list .price {
	float: left
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list .dc {
	float: left;
	margin-left: 4px;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #3cc814
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:nth-child(1) .price {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:nth-child(1) .price span {
	display: inline-block;
	font-size: 18px;
	vertical-align: top
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:nth-child(2) .price {
	font-size: 12px;
	line-height: 20px;
	color: #999
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:nth-child(2) .price span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
	text-decoration: line-through
}

.ars_div .fixed_btn {
	position: fixed;
	bottom: 20px;
	left: 20px;
	padding: 15px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	text-align: center;
	background: #3cc814;
	border-radius: 10px;
	z-index: 1
}

.ars_div .fixed_btn span {
	display: inline-block;
	padding-left: 32px;
	height: 24px;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #fff;
	background: url('/res/images/m_ars_btn_icn.png') no-repeat left center;
	background-size: 24px
}

.ars_div .fixed_btn img {
	display: inline-block;
	padding: 2px 0 4px;
	margin-right: 6px;
	height: 24px
}


/*230324 전화주문 프로모션*/
.order-tel .primary-color {
	color: #009C48;
}

.order-tel .tit-flag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 10.4vw;
	padding: 0 5vw;
	font-weight: 600;
	font-size: 4.5vw;
	line-height: 10.4vw;
	letter-spacing: -0.02em;
	color: #FFF;
	background: #084D40;
	border-radius: 50px;
}

.order-tel .tit-flag span {
	font: inherit;
}

.order-tel [class*=cnt] {
	position: relative;
}

.order-tel .cnt1 {
	height: 194vw;
	padding-top: 18.5vw;
	background: url(/res/images/tel/m-cnt1-bg.png) no-repeat 50% 0 / 100%;
}

.order-tel .cnt1 h1 {
	font-weight: 700;
	font-size: 14vw;
	line-height: 15vw;
	color: #FFF;
	text-align: center;
}

.order-tel .cnt1 h1 strong {
	color: #013027;
	font-weight: inherit;
}

.order-tel .cnt1 p {
	padding-top: 3.5vw;
	text-align: center;
}

.order-tel .cnt1 p span {
	display: block;
	font-size: 3.5vw;
	line-height: 4.5vw;
}

.order-tel .cnt1 p span:first-child {
	color: #FFF;
}

.order-tel .cnt1 p span:nth-child(2) {
	color: #073028;
	font-weight: 700;
}

.order-tel .cnt1 h2 {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 43vw;
	padding: 7vw 0;
	text-align: center;
}

.order-tel .cnt1 h2>span {
	display: block;
	padding-top: 11vw;
	color: #fff;
	font-weight: 300;
	font-size: 5vw;
	line-height: 6vw;
	background: url(/res/images/tel/call-w-ico.svg) no-repeat 50% 0 / 8vw;
}

.order-tel .cnt1 h2 span strong {
	display: inline-block;
	color: #5FF433;
	font-weight: 700;
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt1 h2 button {
	display: flex;
	align-items: center;
	height: 9vw;
	margin: 2vw auto 0;
	padding: 0 4.5vw;
	background-color: #5FF433;
	border-radius: 175px;
}

.order-tel .cnt1 h2 button a {
	display: inline-block;
	height: 9vw;
	line-height: 9vw;
	padding-right: 6vw;
	font-weight: 600;
	font-size: 4vw;
	background: url(/res/images/tel/arrow-b-circle-left-ico.svg) no-repeat 100% 50% / 4.5vw;
}

.order-tel .cnt2 {
	height: 75.5vw;
	padding: 11.5vw 0 14vw;
	background: url(/res/images/tel/cnt2-bg.png) no-repeat 50% 0 / cover;
}

.order-tel .cnt2 h3 {
	font-weight: 300;
	font-size: 7.5vw;
	line-height: 9vw;
	color: #FFF;
	text-align: center;
}

.order-tel .cnt2 h3 strong {
	color: #5FF433;
	font-weight: 800;
}

.order-tel .cnt2>p {
	margin: 6vw 6vw 0 7vw;
	display: flex;
	flex-wrap: wrap;
	gap: 3.5vw 0;
}

.order-tel .cnt2>p span {
	width: 50%;
	padding-left: 7vw;
	color: #fff;
	font-weight: 500;
	font-size: 4vw;
	line-height: 6vw;
	background: url(/res/images/tel/cnt2-check.svg) no-repeat 0 50% / 4.5vw;
}

.order-tel .cnt3 {
	padding: 13vw 0 10vw;
	text-align: center;
	background: #FFFAE0;
}

.order-tel .cnt3 h3 strong {
	display: block;
	color: #009C48;
	font-weight: 800;
	font-size: 12vw;
	line-height: 13vw;
}

.order-tel .cnt3 h3 span {
	padding-top: 0.5vw;
	color: #000;
	font-weight: 700;
	font-size: 7vw;
	line-height: 9vw;
}

.order-tel .cnt3 .text1 {
	display: inline-block;
	padding-top: 5vw;
	color: #000;
	font-size: 4vw;
	line-height: 4.5vw;
}

.order-tel .cnt3 .text1 span {
	box-shadow: inset 0 -2.3vw 0 rgba(106, 251, 103, 0.3);
}

.order-tel .cnt3 .text1 strong {
	font-weight: 700;
}

.order-tel .cnt3 .bg-wrap {
	position: relative;
	width: 52vw;
	height: 52vw;
	margin: 9vw auto 0;
	background: url(/res/images/tel/cnt3-call-bg.png) no-repeat 50% 50% / cover;
}

.order-tel .cnt3 .bg-wrap li {
	position: absolute;
}

.order-tel .cnt3 .bg-wrap li:nth-child(1) {
	top: 3vw;
	left: -13vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(2) {
	top: 18vw;
	left: -8vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(3) {
	top: 28vw;
	left: -19vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(4) {
	top: 38vw;
	left: -5vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(5) {
	top: 2vw;
	right: -8vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(6) {
	top: 20vw;
	right: -19vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(7) {
	top: 34vw;
	right: -10vw;
}

.order-tel .cnt3 .bg-wrap li p {
	position: relative;
	min-width: 17.4vw;
	height: 6vw;
	line-height: 6vw;
	padding: 0 2.6vw;
	font-weight: 600;
	color: #fff;
	font-size: 3.1vw;
	letter-spacing: -0.02em;
	border-radius: 40px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(odd) p {
	background: #FFC01E;
	animation: shake-vertical 5s infinite;
}

.order-tel .cnt3 .bg-wrap li:nth-child(even) p {
	background-color: #009C48;
	animation: shake-vertical 5s 0.5s infinite;
}

.order-tel .cnt3 .bg-wrap li p:after {
	content: '';
	position: absolute;
	bottom: -2vw;
	width: 3.3vw;
	height: 2.9vw;
	background-position: right 100% bottom 100%;
	background-repeat: no-repeat;
	background-size: contain;
}

.order-tel .cnt3 .bg-wrap li:nth-child(-n+4) p:after {
	right: 4.5vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(n+5) p:after {
	left: 4.5vw;
}

.order-tel .cnt3 .bg-wrap li:nth-child(1) p:after,
.order-tel .cnt3 .bg-wrap li:nth-child(3) p:after {
	background-image: url(/res/images/tel/speech-bubble-right-yellow.svg);
}


.order-tel .cnt3 .bg-wrap li:nth-child(2) p:after,
.order-tel .cnt3 .bg-wrap li:nth-child(4) p:after {
	background-image: url(/res/images/tel/speech-bubble-right-green.svg);
}

.order-tel .cnt3 .bg-wrap li:nth-child(5) p:after,
.order-tel .cnt3 .bg-wrap li:nth-child(7) p:after {
	background-image: url(/res/images/tel/speech-bubble-left-yellow.svg);
}

.order-tel .cnt3 .bg-wrap li:nth-child(6) p:after {
	background-image: url(/res/images/tel/speech-bubble-left-green.svg);
}

.order-tel .cnt3 .text2 {
	padding-top: 7vw;
	color: #000;
	font-size: 4.5vw;
	line-height: 6.3vw;
	letter-spacing: -0.02em;
}

.order-tel .cnt3 .text2 strong {
	color: #009C48;
	font-weight: 800;
}

.order-tel .cnt4 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 52vw;
	background: #28CA5F;
}

.order-tel .cnt4 .term {
	padding-top: 11.5vw;
	color: #FFF;
	font-size: 6.3vw;
	line-height: 7vw;
	background: url(/res/images/tel/call-w-ico.svg) no-repeat 50% 0 / 8vw;
}

.order-tel .cnt4 .term strong {
	font-weight: 700;
}

.order-tel .cnt4 .desc {
	padding-top: 3.5vw;
	font-weight: 700;
	font-size: 14vw;
	line-height: 11vw;
	color: #FBFF39;
}

.order-tel .cnt5 {
	padding-top: 14vw;
}

.order-tel .cnt5 .form-wrap h3,
.order-tel .cnt6 h3,
.order-tel .cnt7 h3,
.order-tel .cnt8 h3 {
	text-align: center;
}

.order-tel .cnt5 .form-wrap h3 .tit-flag span {
	padding-left: 7vw;
	background: url(/res/images/tel/comment-w-ico.svg) no-repeat 0 50% / 5.3vw 4.9vw;
}

.order-tel .cnt5 .form-wrap h3 .text1,
.order-tel .cnt6 h3 .text1,
.order-tel .cnt7 h3 .text1 {
	padding-top: 5.8vw;
}

.order-tel .cnt5 .form-wrap h3 .text1 span,
.order-tel .cnt6 h3 .text1 span,
.order-tel .cnt7 h3 .text1 span {
	display: inline-block;
	color: #000
}

.order-tel .cnt5 .form-wrap h3 .text1 span:nth-child(1) {
	font-size: 5.8vw;
}

.order-tel .cnt5 .form-wrap h3 .text1 span:nth-child(2) {
	padding-top: 2.3vw;
	font-weight: 800;
	font-size: 11vw;
	line-height: 11vw;
}

.order-tel .cnt5 .form-wrap h3 .text1 span:nth-child(2) strong,
.order-tel .cnt6 h3 .text1 span:nth-child(2) strong,
.order-tel .cnt7 h3 .text1 span:nth-child(2) strong {
	font-weight: inherit;
}

.order-tel .cnt5 .form-wrap h3 .text1 span:nth-child(2) strong {
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt5 .form-wrap h3 .text2 {
	padding-top: 5vw;
	color: #333;
	font-size: 3.5vw;
	line-height: 3.5vw;
}

.order-tel .cnt5 .form-wrap .form {
	margin: 9vw 8vw;
}

.order-tel .form-wrap .form {
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.order-tel .form-wrap .form .input-wrap {
	display: flex;
	justify-content: space-between;
}

.order-tel .form-wrap .form .input-wrap.center {
	align-items: center;
}

.order-tel .form-wrap .form .input-wrap+.input-wrap {
	margin-top: 3.5vw;
}

.order-tel .form-wrap .form .input-wrap>label {
	margin-bottom: 0;
	font-weight: 500;
	line-height: 4vw;
	color: #000
}

.order-tel .form-wrap .form .input-wrap input {
	flex: none;
}

.order-tel .form-wrap .form .input-wrap>label span {
	font-weight: 400;
}

.order-tel .form-wrap .form .input-wrap>label+* {
	background: #F0F0F0;
	border: none;
}

.order-tel .form-wrap .form .input-wrap>label+input {
	height: 8vw;
	padding: 0 3.5vw;
	font-size: 3.5vw;
	border-radius: 0;
}

.order-tel .form-wrap .form .input-wrap>label+input::placeholder {
	font-size: 3.5vw;
	color: #BBB;
}

.order-tel .form-wrap .form .input-wrap>label+input:placeholder-shown {
	font-size: 3.5vw;
}

.order-tel .form-wrap .form .input-wrap .interest-list {
	display: flex;
	flex-wrap: wrap;
	gap: 3.1vw 0;
	width: 100%;
}

.order-tel .form-wrap .form .input-wrap .interest-list li input[type="checkbox"] {
	display: none;
}

.order-tel .form-wrap .form .input-wrap .interest-list li input[type="checkbox"]+label {
	display: inline-flex;
	align-items: center;
	line-height: 3.7vw;
	color: #000;
	font-weight: 500;
	cursor: pointer;
}

.order-tel .form-wrap .form .input-wrap .interest-list li input[type="checkbox"]+label:before {
	content: "";
	display: inline-block;
	width: 3.7vw;
	min-width: 3.7vw;
	height: 3.5vw;
	margin-right: 8px;
	background: url(/res/images/tel/cnt5-checkbox-off.svg) no-repeat 0 50% / 3.5vw 3.5vw;
}

.order-tel .form-wrap .form .input-wrap .interest-list li input[type="checkbox"]:checked+label:before {
	background-image: url(/res/images/tel/cnt5-checkbox-on.svg);
	background-size: 3.7vw 3.5vw;
}

.order-tel .form-wrap .agree-wrap {
	margin: 2.3vw 0 0 14vw;
}

.order-tel .form-wrap .agree-wrap input[type="checkbox"] {
	display: none;
}

.order-tel .form-wrap .agree-wrap input[type="checkbox"]+label {
	display: inline-flex;
	align-items: center;
	font-size: 3.2vw;
	color: #000;
	cursor: pointer;
}

.order-tel .form-wrap .agree-wrap input[type="checkbox"]+label:before {
	content: "";
	display: inline-block;
	width: 3.2vw;
	height: 3.2vw;
	margin-right: 1vw;
	border: 2px solid #000;
	border-radius: 2px;
}

.order-tel .form-wrap .agree-wrap input[type="checkbox"]:checked+label:before {
	background: url(/res/images/tel/cnt5-agree-checkbox-on.svg) no-repeat 0 50% / 2.5vw;
}

.order-tel .form-wrap .form button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background: #000
}

.order-tel .form-wrap .form button span {
	background: url(/res/images/tel/arrow-w-circle-left-ico.svg) no-repeat 100% 50% / 7vw;
	color: #FFF;
	font-weight: 500;
}

.order-tel .cnt5 .form-wrap .form .input-wrap>label {
	width: 12vw;
	margin-right: 1.8vw;
	font-size: 4.5vw;
}

.order-tel .cnt5 .form-wrap .form .input-wrap>label span {
	font-size: 2.9vw;
}

.order-tel .cnt5 .form-wrap .form .input-wrap .interest-list {
	padding: 4.1vw 4.5vw 3.8vw;
}

.order-tel .cnt5 .form-wrap .form .input-wrap .interest-list li {
	width: 50%;
}

.order-tel .cnt5 .form-wrap .form .input-wrap .interest-list li input[type="checkbox"]+label {
	font-size: 3.5vw;
}

.order-tel .cnt5 .form-wrap .agree-wrap {
	text-align: right;
}

.order-tel .cnt5 .form-wrap .form button {
	height: 14vw;
	margin-top: 6.7vw;
	padding: 0 3.6vw;
}

.order-tel .cnt5 .form-wrap .form button span {
	padding-right: 9vw;
	font-size: 5.8vw;
	line-height: 7vw;
}





.order-tel .cnt9 .form-wrap .form .input-wrap>label {
	width: 10.5vw;
	margin-right: 3.5vw;
	font-size: 4vw;
}

.order-tel .cnt9 .form-wrap .form .input-wrap>label span {
	font-size: 2.5vw;
}

.order-tel .cnt9 .form-wrap .form .input-wrap .interest-list {
	padding: 4.1vw 2.9vw 3.8vw
}

.order-tel .cnt9 .form-wrap .form .input-wrap .interest-list li:nth-child(odd) {
	width: 45%;
}

.order-tel .cnt9 .form-wrap .form .input-wrap .interest-list li:nth-child(even) {
	width: 55%;
}

.order-tel .cnt9 .form-wrap .form .input-wrap .interest-list li input[type="checkbox"]+label {
	font-size: 3.1vw;
}

.order-tel .cnt9 .form-wrap .form button {
	height: 11.5vw;
	margin-top: 5.5vw;
	padding: 0 4.5vw;
}

.order-tel .cnt9 .form-wrap .form button span {
	padding-right: 7.5vw;
	font-size: 4.8vw;
	line-height: 5.8vw;
	background-size: 5.8vw 5.8vw;
}











.order-tel .cnt5 .precaution {
	background: #292929;
}

.order-tel .precaution {
	padding: 5.8vw 2vw 5.8vw 5.8vw;
}

.order-tel .precaution .title {
	padding-left: 6.3vw;
	color: #fff;
	font-weight: 700;
	font-size: 4.5vw;
	line-height: 4.5vw;
	background: url(/res/images/tel/info-w-ico.svg) no-repeat 0 50% / 4.5vw;
}

.order-tel .precaution .title+ul {
	margin-top: 4.5vw;
}

.order-tel .precaution li p {
	position: relative;
	color: #fff;
	font-weight: 300;
	font-size: 2.9vw;
	line-height: 5.8vw;
	letter-spacing: -0.06em;
}

.order-tel .precaution li p:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 0.4vw);
	left: -2.3vw;
	width: 0.9vw;
	height: 0.9vw;
	background-color: #fff;
	border-radius: 50%;
}

.order-tel .cnt6 {
	padding: 14vw 0 9vw;
	background: #FFFAE0;
}

.order-tel .cnt6 h3 .text1 span:nth-child(1) {
	font-size: 5vw;
	line-height: 5.8vw;
}

.order-tel .cnt6 h3 .text1 span:nth-child(2) {
	padding-top: 2.3vw;
	font-weight: 800;
	font-size: 8vw;
	line-height: 9vw;
}

.order-tel .cnt6 .feature {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2.3vw 3.5vw;
	width: 100%;
	margin: 7vw auto 0;
}

.order-tel .cnt6 .feature li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 27.9vw;
	height: 32.5vw;
	border-radius: 30px;
	background: #0BB65A;
}

.order-tel .cnt6 .feature li .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15vw;
	height: 15vw;
	padding: 2.3vw;
	background-color: #fff;
	border-radius: 50%;
}

.order-tel .cnt6 .feature li:nth-child(1) .thumb img {
	width: 9.7vw
}

.order-tel .cnt6 .feature li:nth-child(2) .thumb img {
	width: 8.7vw;
}

.order-tel .cnt6 .feature li:nth-child(3) .thumb img {
	width: 10.9vw;
}

.order-tel .cnt6 .feature li:nth-child(4) .thumb img {
	width: 8vw
}

.order-tel .cnt6 .feature li:nth-child(5) .thumb img {
	width: 8.7vw;
}

.order-tel .cnt6 .feature li>p {
	padding-top: 1.1vw;
	color: #fff;
	font-size: 3.5vw;
	line-height: 4.1vw;
	text-align: center;
}

.order-tel .cnt6 .feature li p span {
	color: #FBFF39;
	font-weight: 700;
}

.order-tel .cnt6 .sale-wrap {
	padding-top: 13vw;
}

.order-tel .cnt6 .sale-wrap .sale-tit {
	color: #000;
	font-weight: 800;
	font-size: 8vw;
	line-height: 8vw;
	text-align: center;
}

.order-tel .cnt6 .sale-wrap .sale-tit>span {
	padding-right: 7.5vw;
	background: url(/res/images/tel/cnt6-tag.svg) no-repeat 100% 0 / 7vw;
}

.order-tel .cnt6 .sale-wrap .sale-list {
	margin: 5.8vw 11.5vw 0;
}

.order-tel .cnt6 .sale-wrap .sale-list li {
	display: flex;
	align-items: center;
	height: 9vw;
	color: #000;
	font-weight: 500;
	font-size: 3.4vw;
	line-height: 10vw;
	padding: 0 7.5vw 0 8vw;
	background-color: #fff;
	border-radius: 20px;
}

.order-tel .cnt6 .sale-wrap .sale-list li+li {
	margin-top: 2.3vw
}

.order-tel .cnt6 .sale-wrap .sale-list li p {
	padding-left: 6.3vw;
	background: url(/res/images/tel/cnt6-check.svg) no-repeat 0 50% / 4.5vw;
}

.order-tel .cnt6 .sale-wrap .sale-list li strong {
	color: blue;
	font-weight: 700;
}

.order-tel .cnt6 .sale-wrap .sale-list li strong:nth-child(2) {
	color: #FB1F2D;
}

.order-tel .cnt6 .sale-wrap .sale-procaution {
	width: 72vw;
	margin: auto;
	padding-top: 4.5vw;
	font-weight: 500;
	font-size: 2.9vw;
	line-height: 2.5vw;
}

.order-tel .cnt6 .sale-wrap .sale-procaution + .sale-procaution {
	padding-top: 2vw;
}

.order-tel .cnt7 {
	padding: 14vw 3.5vw 14.6vw;
}

.order-tel .cnt7 h3 .text1 span:nth-child(1) {
	font-size: 5vw;
	line-height: 5.8vw;
}

.order-tel .cnt7 h3 .tit-flag span {
	padding-left: 6.1vw;
	background: url(/res/images/tel/headset-w-ico.svg) no-repeat 0 50% / 4.8vw 4.7vw;
}

.order-tel .cnt7 h3 .text1 span:nth-child(2) {
	position: relative;
	padding-top: 2.3vw;
	font-weight: 800;
	font-size: 9vw;
	line-height: 8vw;
}

.order-tel .cnt7 h3 .text1 span:nth-child(2):after {
	content: '';
	position: absolute;
	top: -1.1vw;
	right: -7vw;
	width: 8vw;
	height: 8vw;
	background: url(/res/images/tel/cnt7-best-ico.svg) no-repeat 100% 0 / 8vw;
}

.order-tel .cnt7 ul {
	margin-top: 7vw;
}

.order-tel .cnt7 ul li {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding: 5.8vw 4.5vw 4.5vw 4.5vw;
	background: #F0F0F0;
}

.order-tel .cnt7 ul li+li {
	margin-top: 2.3vw;
}

.order-tel .cnt7 ul li .info-wrap {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.order-tel .cnt7 ul li .info-wrap .tag-list {
	display: flex;
	align-items: center;
	gap: 0 0.9vw;
}

.order-tel .cnt7 ul li .info-wrap .tag-list p {
	display: flex;
	align-items: center;
	height: 4vw;
	padding: 0 2.3vw;
	color: #fff;
	font-size: 2.3vw;
	border-radius: 50px;
}

.order-tel .cnt7 ul li:nth-child(1) .info-wrap .tag-list p {
	background-color: #1CBBA7;
}

.order-tel .cnt7 ul li:nth-child(2) .info-wrap .tag-list p {
	background-color: #11538E;
}

.order-tel .cnt7 ul li:nth-child(3) .info-wrap .tag-list p {
	background-color: #112364;
}

.order-tel .cnt7 ul li:nth-child(4) .info-wrap .tag-list p {
	background-color: #FA2E83;
}

.order-tel .cnt7 ul li:nth-child(5) .info-wrap .tag-list p {
	background-color: #33BED8;
}

.order-tel .cnt7 ul li .info-wrap .tag-name .name {
	padding-top: 2.3vw;
	font-weight: 700;
	font-size: 4.8vw;
	line-height: 5vw;
	color: #000
}

.order-tel .cnt7 ul li .info-wrap .tag-name .name span {
	font-weight: 400;
	font-size: 4vw;
}

.order-tel .cnt7 ul li .info-wrap img {
	position: absolute;
	right: 0;
	width: 34.4vw;
	height: 34.4vw;
}

.order-tel .cnt7 ul li:nth-child(1) .info-wrap img {
	top: -9vw;
}

.order-tel .cnt7 ul li:nth-child(2) .info-wrap img,
.order-tel .cnt7 ul li:nth-child(3) .info-wrap img,
.order-tel .cnt7 ul li:nth-child(4) .info-wrap img {
	top: -8.8vw;
}

.order-tel .cnt7 ul li:nth-child(3) .info-wrap img {
	right: -0.5vw;
}

.order-tel .cnt7 ul li:nth-child(4) .info-wrap img {
	right: -3.5vw;
}

.order-tel .cnt7 ul li:nth-child(5) .info-wrap img {
	top: -8.7vw;
	right: -2vw;
}

.order-tel .cnt7 ul li .price-wrap {
	display: flex;
	align-items: flex-end;
	margin-top: 5vw;
}

.order-tel .cnt7 ul li .price-wrap .term {
	color: #FB1F2D;
	font-weight: 700;
	font-size: 3.5vw;
	line-height: 4.5vw;
}

.order-tel .cnt7 ul li .price-wrap .price {
	margin: 0 6.5vw 0 2.9vw;
}

.order-tel .cnt7 ul li .price-wrap .price span {
	display: block;
}

.order-tel .cnt7 ul li .price-wrap .price .prime {
	padding-bottom: 1.3vw;
	font-size: 3.5vw;
	color: #000;
	line-height: 3.5vw;
	text-align: right;
}

.order-tel .cnt7 ul li .price-wrap .price .prime em {
	padding-left: 1.8vw;
	font-style: normal;
	text-decoration: line-through;
}

.order-tel .cnt7 ul li .price-wrap .price .discount {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 29vw;
	height: 8.3vw;
}

.order-tel .cnt7 ul li .price-wrap .price .discount em {
	color: #FB1F2D;
	font-weight: 800;
	font-size: 5.8vw;
	line-height: 7vw;
}

.order-tel .cnt7 ul li .price-wrap .price .discount a {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #fff;
	font-weight: 800;
	font-size: 3.5vw;
	line-height: 4.5vw;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	border: 2px dashed #000;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(10px);
}

.order-tel .cnt7 ul .add-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 29vw;
	height: 10.4vw;
	padding: 0 3.5vw;
	background: #084C40;
	border-radius: 20px;
}

.order-tel .cnt7 ul .add-info .ico {
	display: inline-block;
	width: 6.5vw;
	height: 6.5vw;
	background: #fff;
	border-radius: 50%;
}

.order-tel .cnt7 ul .add-info .ico:before {
	content: '';
	display: inline-block;
	width: 6.5vw;
	height: 6.5vw;
	background: url(/res/images/tel/call-primary-ico.svg) no-repeat 50% 50% / 3.7vw;
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt7 ul .add-info .txt {
	color: #fff;
	font-weight: 500;
	font-size: 2.9vw;
	line-height: 3.8vw;
}

.order-tel .cnt7 ul .add-info .txt strong {
	font-weight: 700;
	font-size: 3.5vw;
	color: #FBFF39;
}

.order-tel .cnt7 .etc,
.order-tel .cnt7 ul li .etc {
	font-size: 2.9vw;
	color: #000;
	margin-top: 2.8vw;
	text-align: right;
}

.order-tel .cnt8 {
	padding: 11.5vw 0;
	background: #FFFAE0;
}

.order-tel .cnt8 h3 .text1>span {
	color: #000;
}

.order-tel .cnt8 h3 .text1 span:nth-child(1) {
	display: block;
	font-size: 5vw;
	line-height: 5vw;
}

.order-tel .cnt8 h3 .text1>span:nth-child(2) {
	display: inline-block;
	margin-top: 5vw;
	font-weight: 700;
	font-size: 8vw;
	line-height: 9vw;
}

.order-tel .cnt8 h3 .text1>span:nth-child(2) span {
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt8 .feature {
	position: relative;
	height: 54.6vw;
	margin: 8vw 5.8vw 13vw;
	padding: 7vw 4.2vw 8vw;
	background-color: #fff;
}

.order-tel .cnt8 .feature:after {
	content: '';
	position: absolute;
	bottom: -10.4vw;
	left: calc(50% - 3.5vw);
	width: 7vw;
	height: 14vw;
	background: url(/res/images/tel/cnt8-arrow.png) no-repeat 50% 50% / 7vw 14vw;
}

.order-tel .cnt8 .feature img {
	position: absolute;
	top: -3.5vw;
	left: 4.5vw;
	width: 16.2vw;
	height: 11vw;
}

.order-tel .cnt8 .feature .txt1 {
	color: #000;
	font-size: 4.5vw;
	line-height: 5.8vw;
	text-align: center;
}

.order-tel .cnt8 .feature .txt1 strong {
	font-weight: 700;
}

.order-tel .cnt8 .feature ul {
	display: flex;
	justify-content: space-around;
	margin-top: 8vw;
}

.order-tel .cnt8 .feature ul li {
	width: 33.33333333333333333%;
	padding-top: 16.2vw;
	color: #000;
	font-size: 3.5vw;
	line-height: 3.5vw;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.order-tel .cnt8 .feature ul li:nth-child(1) {
	background-image: url(/res/images/tel/cnt8-item01.png);
	background-size: 11.2vw 14.7vw;
}

.order-tel .cnt8 .feature ul li:nth-child(2) {
	background-image: url(/res/images/tel/cnt8-item02.png);
	background-size: 13.7vw 14vw;
}

.order-tel .cnt8 .feature ul li:nth-child(3) {
	background-image: url(/res/images/tel/cnt8-item03.png);
	background-size: 13.2vw 12.4vw;
}

.order-tel .cnt8 .txt2 {
	color: #000;
	font-size: 4vw;
	line-height: 5.8vw;
	text-align: center;
}

.order-tel .cnt8 .txt2 strong {
	font-weight: 600;
}

.order-tel .cnt9 {
	padding-top: 14vw;
}

.order-tel .cnt9 h3 {
	text-align: center;
}

.order-tel .cnt9 h3 .tit-flag span {
	padding-left: 7vw;
	background: url(/res/images/tel/comment-w-ico.svg) no-repeat 0 50% / 5.3vw 4.8vw;
}

.order-tel .cnt9 h3 .text1 span {
	display: block;
}

.order-tel .cnt9 h3 .text1 span:nth-child(1) {
	padding-top: 50px;
	color: #000;
	font-size: 5vw;
	line-height: 5.8vw;
}

.order-tel .cnt9 h3 .text1 span:nth-child(2) {
	padding-top: 1.1vw;
	font-weight: 800;
	font-size: 11vw;
	line-height: 13vw;
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt9 h3 .text2 {
	padding-top: 2.9vw;
	color: #333;
	font-size: 3.5vw;
	line-height: 3.6vw;
}

.order-tel .cnt9 .form-wrap .form {
	position: relative;
	margin-top: 8vw;
	padding: 2.3vw 34.8vw 10.4vw 4.5vw;
}

.order-tel .cnt9 .form-wrap .form:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 38vw;
	height: 89.5vw;
	background: url(/res/images/tel/m-cnt9-bg.png) no-repeat 50% 50% / cover;
}

.order-tel .cnt9 .direct-info {
	height: 52vw;
	padding: 10vw 11.5vw;
	text-align: center;
	background: #032F27;
}

.order-tel .cnt9 .direct-info .txt {
	color: #fff;
	font-weight: 300;
	font-size: 5vw;
	line-height: 7.6vw;
}

.order-tel .cnt9 .direct-info .txt strong {
	color: #5FF433;
	font-weight: 800;
	font-size: 8.7vw;
}

.order-tel .cnt9 .direct-info .tel {
	display: inline-flex;
	align-items: center;
	height: 11.5vw;
	margin-top: 5.8vw;
	padding: 0 4.5vw;
	background: #5FF433;
	border-radius: 7vw;
}

.order-tel .cnt9 .direct-info .tel a {
	padding-left: 6.3vw;
	color: #000;
	font-weight: 700;
	font-size: 5.8vw;
	line-height: 9vw;
	background: url(/res/images/tel/call-b-ico.svg) no-repeat 0 50% / 4.5vw;
}

.order-tel .cnt9 .precaution {
	background: #4B4B4B;
}



@-webkit-keyframes shake-vertical {

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

	10%,
	30%,
	50%,
	70% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}

	20%,
	40%,
	60% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	80% {
		-webkit-transform: translateY(6.4px);
		transform: translateY(6.4px);
	}

	90% {
		-webkit-transform: translateY(-6.4px);
		transform: translateY(-6.4px);
	}
}

@keyframes shake-vertical {

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

	10%,
	30%,
	50%,
	70% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}

	20%,
	40%,
	60% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}

	80% {
		-webkit-transform: translateY(6.4px);
		transform: translateY(6.4px);
	}

	90% {
		-webkit-transform: translateY(-6.4px);
		transform: translateY(-6.4px);
	}
}

@keyframes flicker {
	0% {
		opacity: 0.1;
	}

	50% {
		opacity: 0.8;
	}

	100% {
		opacity: 1;
	}
}
@charset "utf-8";
/* 230918 출석체크 */
.event_div .event_attend_div .inner {
    position: relative;
    max-width: 328px;
}

.event_div .event_attend_div .cont_bg {
    width: 100%;
    background-image: url('/res/images/event/m-attend-bg-item.svg'), url('/res/images/event/m-attend-bg.png');
    background-size: 240px 200px, 100% 100%;
    background-position: top -70px right, top center ;
    background-repeat: no-repeat;
    padding-bottom: 40px
}

.event_div .event_attend_div .cont_div {
    position: relative;
    overflow: hidden;
}

.event_div .event_attend_div .cont_inner {
    position: relative;
    max-width: 600px;
    padding-top: 50px;
    margin: 0 auto;
    text-align: center;
}

.event_attend_div .cont_div .top {
    margin-bottom: 40px;
}

.event_div .event_attend_div .attend_source .source {
    position: absolute;
}

.event_div .event_attend_div .cont_inner .attend_source .source_01 {
    top: -76px;
    left: -53px;
    width: 152px;
    height: 300px;
    background: url('/res/images/event/m-attend-source-01.svg') no-repeat center / 100%;
    animation: float 2.5s ease-in-out infinite;
    animation-delay: -1s;
}
.event_div .event_attend_div .cont_inner .attend_source .source_02 {
    top: -12px;
    right: 11px;
    width: 88px;
    height: 92px;
    background: url('/res/images/event/m-attend-source-02.svg') no-repeat center / 100%;
    animation: float 3s ease-in-out infinite;
}

.event_div .event_attend_div .cont_inner .attend_source .twinkle_01 {
    position: absolute;
    top: 31px;
    right: 37px;
    width: 20px;
    height: 20px;
    background: url('/res/images/event/m-attend-twinkle-01.svg') no-repeat center / 100%;
    animation: twinkle 1.3s linear infinite;
    animation-delay: -1s;
}
.event_div .event_attend_div .cont_inner .attend_source .twinkle_01.two {
    position: absolute;
    top: 47px;
    right: 55px;
    width: 14px;
    height: 14px;
    background: url('/res/images/event/m-attend-twinkle-01.svg') no-repeat center / 100%;
    animation: twinkle 1.3s linear infinite;
}
.event_div .event_attend_div .cont_inner .attend_source .twinkle_02 {
    top: 938px;
    left: 60px;
    width: 44px;
    height: 44px;
    background: url('/res/images/event/m-attend-twinkle-02.svg') no-repeat center / 100%;
    animation: rotate_img 6s linear infinite;
}
.event_div .event_attend_div .cont_inner .attend_source .twinkle_03 {
    top: 604px;
    left: 40px;
    width: 16px;
    height: 16px;
    background: url('/res/images/event/m-attend-twinkle-01.svg') no-repeat center / 100%;
    animation: twinkle 1.5s linear infinite;
}
.event_div .event_attend_div .cont_inner .attend_source .twinkle_03.two {
    top: 827px;
    left: auto;
    right: 30px;
    animation-delay: -1s;
}

.event_div .event_attend_div .cont_div .attend_source .source_03 {
    top: 325px;
    right: -31px;
    width: 140px;
    height: 112px;
    background: url('/res/images/event/m-attend-source-03.svg') no-repeat center / 100%;
}

@keyframes float {
	0% {transform: translateY(15px);}
	50% {transform: translateY(0);}
	100% {transform: translateY(15px);}
}
@keyframes twinkle {
    0% {transform: scale(0.6); opacity: 0.2;}
    50%,
    58% {transform: scale(1); opacity: 1;}
    100% {transform: scale(0.6); opacity: 0.2;}
}
@keyframes rotate_img {
    100% {transform: rotate(360deg);}
}

.event_div .event_attend_div .cont_inner .top .title {
    position: relative;
    width: 191px;
    padding-bottom: 43px;
    margin: 0 auto;
    z-index: 0;
}
.event_div .event_attend_div .cont_inner .top .title::after {
    content: '';
    position: absolute;
    right: -40px;
    bottom: 21px;
    width: 76px;
    height: 56px;
    background: url('/res/images/event/m-attend-title-badge.svg') no-repeat center / 100%;
    z-index: -1;
}

.event_div .event_attend_div .cont_inner .top .title img {
    width: 100%;
}

.event_attend_div .attend_div .inner {
    position: relative;
    z-index: 0;
    max-width: 296px;
    background: url('/res/images/event/m-attend-load.svg') no-repeat top 25px center / 242px 442px;
}

.event_attend_div .attend_div .cnt {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 56px;
    height: 56px;
    font-family: 'GmarketSans';
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    color: #ACD2E8;
    border: 1px solid rgba(194, 228, 244, 0.9);
    border-radius: 50%;
    background: linear-gradient(128.26deg, #DFF4FF 6.99%, #B0D6EA 121.96%);
    box-shadow: 0px 4px 10px rgba(194, 233, 248, 0.2), inset 2px 3px 7px rgba(194, 228, 244, 0.9);
    margin-top: 16px;
    margin-left: 14px;
    text-align: center;
}

.event_attend_div .attend_div .cnt:nth-child(4n+1) {
    margin-left: 0
}

.event_attend_div .attend_div .cnt:nth-child(-n+4) {
    margin-top: 0;
}

.event_attend_div .attend_div .cnt.current {
    color: #4F87C7;
    border: 1px solid #FFFFFF;
    background: linear-gradient(128.26deg, #FFFFFF 6.99%, #EFFBFF 121.96%);
    box-shadow: 0px 4px 5px rgba(194, 233, 248, 0.2), inset 0px 4.10047px 6px rgba(245, 248, 255, 0.3);
    cursor: pointer;
}

.event_attend_div .attend_div .cnt.current::after,
.event_attend_div .attend_div .cnt.current::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    animation: shake 5s infinite;
}

.event_attend_div .attend_div .cnt.current::before {
    content: '출석';
    top: -14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    min-width: 60px;
    height: 26px;
    font-family: 'GmarketSans';
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    background-color: #0F2846;
    border-radius: 20px;
    box-shadow: inset 1px 1px 6px rgba(31, 57, 130, 0.5), inset 1px 2px 7px #051D27;
    padding: 0 8px;
}

.event_attend_div .attend_div .cnt.current::after {
    content: '';
    top: 10px;
    width: 10px;
    height: 6px;
    background: url('/res/images/event/m-attend-bubble.svg') no-repeat center bottom / 10px 6px ;
}

.event_attend_div .attend_div .cnt.current.app::before {
    content: '앱에서 출석';
}

.event_attend_div .attend_div .cnt.on:not(.present) {
    position: relative;
    width: 56px;
    height: 56px;
    color: #4F87C7;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
    z-index: 0;
}

.event_attend_div .attend_div .cnt.on:not(.present)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 66px;
    height: 56px;
    background: url('/res/images/event/m-attend-done.svg') no-repeat center top 1px / 67px auto transparent;
    z-index: -1;
}

.event_attend_div .attend_div .cnt.done::after {
    content: '출석 완료';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-family: 'GmarketSans';
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    background-color: #fff;
}

.event_attend_div .attend_div .cnt.present {
    border: none;
    font-size: 0;
    background-image: url("/res/images/event/m-attend-gift-01.png");
    background-position: center top;
    background-size: 100%;
    background-color: transparent;
    background-repeat: no-repeat;
    box-shadow: 0px 4px 5px rgba(194, 233, 248, 0.2), inset 1px 1px 6px rgba(84, 129, 255, 0.5), inset 1px 2px 7px rgba(255, 255, 255, 0.5);
}

.event_attend_div .attend_div .present.present0 {background-image: url("/res/images/event/m-attend-gift-01.svg")}
.event_attend_div .attend_div .present.present1 {background-image: url("/res/images/event/m-attend-gift-02.svg")}
.event_attend_div .attend_div .present.present2 {background-image: url("/res/images/event/m-attend-gift-03.svg")}
.event_attend_div .attend_div .present.present3 {background-image: url("/res/images/event/m-attend-gift-04.svg")}
.event_attend_div .attend_div .present.present4 {background-image: url("/res/images/event/m-attend-gift-05.svg")}
.event_attend_div .attend_div .present.present5 {background-image: url("/res/images/event/m-attend-gift-06.svg")}
.event_attend_div .attend_div .present.present6 {background-image: url("/res/images/event/m-attend-gift-07.svg")}
.event_attend_div .attend_div .present.present0.on {background-image: url("/res/images/event/m-attend-gift-on-01.svg")}
.event_attend_div .attend_div .present.present1.on {background-image: url("/res/images/event/m-attend-gift-on-02.svg")}
.event_attend_div .attend_div .present.present2.on {background-image: url("/res/images/event/m-attend-gift-on-03.svg")}
.event_attend_div .attend_div .present.present3.on {background-image: url("/res/images/event/m-attend-gift-on-04.svg")}
.event_attend_div .attend_div .present.present4.on {background-image: url("/res/images/event/m-attend-gift-on-05.svg")}
.event_attend_div .attend_div .present.present5.on {background-image: url("/res/images/event/m-attend-gift-on-06.svg")}
.event_attend_div .attend_div .present.present6.on {background-image: url("/res/images/event/m-attend-gift-on-07.svg")}

.event_attend_div .attend_div .cnt:nth-child(n+5):nth-child(-n+8),
.event_attend_div .attend_div .cnt:nth-child(n+13):nth-child(-n+16),
.event_attend_div .attend_div .cnt:nth-child(n+21):nth-child(-n+24),
.event_attend_div .attend_div .cnt:nth-child(n+29):nth-child(-n+31) {
    float: right;
}

.event_attend_div .attend_div .cnt:nth-of-type(5),
.event_attend_div .attend_div .cnt:nth-of-type(13),
.event_attend_div .attend_div .cnt:nth-of-type(21),
.event_attend_div .attend_div .cnt:nth-of-type(29) {
    margin-left: 14px;
}

.event_attend_div .attend_div .cnt:nth-child(8n+0),
.event_attend_div .attend_div .cnt:nth-last-child(1) {
    margin-left: 27px;
}

.event_attend_div .attend_div .cnt:nth-of-type(28) {
    margin-left: 14px;
}

.event_attend_div .attend_div .cnt:nth-of-type(29)::before{
    content: '';
    position: absolute;
    top: -91%;
    left: -19%;
    width: 41px;
    height: 55px;
    background: url('/res/images/event/m-attend-load-01.svg') no-repeat center / 41px 55px;
    z-index: -1;
}
.event_attend_div .attend_div .cnt:nth-of-type(30)::before{
    content: '';
    position: absolute;
    top: 3px;
    right: -88%;
    width: 71px;
    height: 27px;
    background: url('/res/images/event/m-attend-load-02.svg') no-repeat center / 71px 27px;
    z-index: -1;
}
.event_attend_div .attend_div .cnt:nth-of-type(31)::before{
    content: '';
    position: absolute;
    top: 37%;
    right: -58%;
    width: 87px;
    height: 10px;
    background: url('/res/images/event/m-attend-load-03.svg') no-repeat center / 87px 10px;
    z-index: -1;
}

.event_attend_div .cont_div .top .attend-info {
    background: #0F2846;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    box-shadow: inset 0px 2px 16px rgba(25, 116, 142, 0.6);
    padding: 20px 24px;
    margin-top: 2px;
}

.event_attend_div .cont_div .top .attend-info p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.event_attend_div .cont_div .top .attend-info p + p {
    margin-top: 6px;
}

.event_attend_div .cont_div .top .attend-info p .term {
	display: flex;
	align-items: center;
    font-family: 'GmarketSans';
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: -0.5px;
    color: #fff;
    text-shadow: 4px 4px 20px rgba(110, 167, 232, 0.6);
}

.event_attend_div .cont_div .top .attend-info hr {
    height: 1px;
    border: none;
    background: rgba(255, 255, 255, 0.2);
    margin: 14px 0 16px;
}

.event_attend_div .cont_div .top .attend-info p .desc,
.event_attend_div .cont_div .top .attend-info p .desc span {
    font-family: 'GmarketSans';
	font-size: 16px;
    font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #fff;
    text-shadow: 4px 4px 20px rgba(110, 167, 232, 0.6);
}

.event_attend_div .cont_div .top .attend-info p .desc span b {
    display: inline-block;
    font-weight: 700;
}

.event_attend_div .attend_benefit_info_div {
    margin: 40px 0 0;
}

.event_attend_div .attend_benefit_info_div .benefit_box {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 2.375px 2.375px 23.75px rgba(221, 244, 254, 0.4);
    border-radius: 10px;
    padding: 32px 20px;
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .tit {
    font-family: 'GmarketSans';
    border-bottom: 1px solid #C5D4DD;
    padding-bottom: 16px;
    text-align: center;
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont {
    display: flex;
    align-items: center;
    justify-content: start;
    background-color: #F9FDFF;
    border-bottom: 1px solid #E6F0F4;
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont:nth-last-of-type(1) {
    border-color: #DBE6EC;
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont .left {
    min-width: 130px;
    font-family: 'GmarketSans';
    font-size: 13px;
    font-weight: 400;
    color: #111;
    line-height: 1.539;
    background-color: #F9FDFF;
    padding: 8px 0 8px 16px;
    text-align: left;
}

.event_attend_div .attend_benefit_info_div .benefit_box .list .benefit_cont .right {
    min-width: 118px;
    width: 100%;
    font-family: 'GmarketSans';
    font-size: 13px;
    font-weight: 400;
    color: #555;
    line-height: 1.539;
    background-color: #fff;
    text-align: left;
    padding: 8px 16px 8px 16px;
    word-break: break-all;
}

.event_attend_div .page_bottom_noti {
    border-top: none;
    padding-bottom: 72px;
    margin-top: 0;
}

@keyframes shake {
    0%,
    100% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate(-50%, -5px);
        transform: translate(-50%, -5px);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}@charset "utf-8";

/* 공통 */
/* 쿠폰&혜택 */
.benefit_div {}

.benefit_div .sub_tab a {
	width: 33.33%
}

.benefit_div .benefit_cont {
	margin-top: 14px
}

.benefit_div .benefit_cont .section {
	margin-top: 24px
}

.benefit_div .benefit_cont .section:first-child {
	margin-top: 0
}

.benefit_div .benefit_cont .section:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.benefit_div .benefit_cont .section:first-child:before {
	display: none
}

.benefit_div .benefit_cont .section .banner {
	position: relative;
	padding: 32px 20px 20px;
	width: 100%;
	text-align: center
}

.benefit_div .benefit_cont .section .banner .txt {}

.benefit_div .benefit_cont .section .banner .txt b {
	display: block;
	font-size: 13px;
	line-height: 20px;
}

.benefit_div .benefit_cont .section .banner .txt p {
	margin-top: 4px;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500
}

.benefit_div .benefit_cont .section .banner .btn {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	/* max-width: 280px; */
	/* width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px) */
}

.benefit_div .benefit_cont .section .banner .btn a {
	display: block;
	padding: 14px 20px;
	border-radius: 10px;
	background: #3cc814
}

.benefit_div .benefit_cont .section .banner .btn a span {
	display: inline-block;
	padding-right: 20px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px
}

.benefit_div .benefit_cont .section .banner .btn a span {
	color: #fff;
	background: url('/res/images/m_icn_right_wht_32x32.png') center right no-repeat;
	background-size: 16px;
}

.benefit_div .benefit_cont .section .banner.member {
	height: 260px;
	background: url('/res/images/m_bnf_member.png') center center no-repeat #eaf7f1;
	border-radius: 15px;
	overflow: hidden;
	background-size: 320px 260px;
}

.benefit_div .benefit_cont .banner.app {
	height: 260px;
	background: url('/res/images/m-app-benefit-top-banner.png') center center no-repeat #eaf6f7;
	border-radius: 15px;
	overflow: hidden;
	background-size: 320px 260px;
}

/* 회원가입 혜택 */
.benefit_div .benefit_cont .member_div .section {
	position: relative;
	/* padding-bottom: 72px; */
}

.benefit_div .benefit_cont .member_div .section .banner.info {
	height: 260px;
	/* background: url(/res/images/m-bnf-user-benefit-banner.png) no-repeat center center #e4f3ff; */
	background: #e4f3ff;
	border-radius: 15px;
	background-size: 320px 260px;
	padding: 0;
}

.benefit_div .benefit_cont .member_div .section .banner.info img {
	height: 260px;
	border-radius: 15px;
	object-fit: contain;
}

.benefit_div .benefit_cont .member_div .section .banner.info .btn {
	width: calc(100% - 40px);
	padding: 14px 0;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.2px;
	text-align: center;
	color: #fff;
	border-radius: 10px;
	background-color: #3cc814;
}

.benefit_div .benefit_cont .member_div .section .special_price {
	margin-top: 60px;
}

.benefit_div .benefit_cont .member_div .benefit-item-list {
	display: flex;
	/* gap: 28px 8px; */
	margin: 48px auto 32px;
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list.is-new-user {
	flex-wrap: wrap;
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list.is-new-user li {
	flex-basis: calc(50% - 8px);
	/* flex: auto; */
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list li {
	flex: 1;
	height: 102px;
	/* padding: 44px 0 16px; */
	text-align: center;
	background-color: #f9f9f9;
	border-radius: 5px;
	margin-right: 8px;
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list li:nth-child(even) {
	margin-right: 0;
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list li:nth-child(n+3) {
	margin-top: 28px;
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list li img {
	width: 48px;
	height: 48px;
	margin-top: -24px;
	filter: drop-shadow(0 12px 12px #d9d9d9);
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list li span,
.benefit_div .benefit_cont .member_div .section .benefit-item-list li strong {
	display: inline-block;
	width: 100%;
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list li span {
	margin-top: 12px;
	font-size: 13px;
	line-height: 1.54;
	letter-spacing: -0.2px;
	color: #777;
}

.benefit_div .benefit_cont .member_div .section .benefit-item-list li strong {
	margin-bottom: 16px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.47;
	letter-spacing: -0.2px;
	color: #333;
}

.benefit_div .benefit_cont .member_div .section .banner .btn a {
	background: #fff
}

.benefit_div .benefit_cont .member_div .section .banner .btn a span {
	padding-right: 24px;
	color: #000;
	background: url('/res/images/m_share_20x20.png') no-repeat right center;
	background-size: 20px
}

.benefit_div .benefit_cont .member_div .section .special_price,
.benefit_div .benefit_cont .member_div .section .coupon-item {
	margin: 26px 0 40px;
	/* border-top: 1px solid #eee; */
	text-align: center;
}

.benefit_div .benefit_cont .member_div .section .special_price:before,
.benefit_div .benefit_cont .member_div .section .coupon-item:before {
	content: '';
	display: block;
	width: calc(100% + 40px);
	height: 1px;
	margin-left: -20px;
	background-color: #eee;
}

.benefit_div .benefit_cont .member_div .section .special_price h2.tit,
.benefit_div .benefit_cont .member_div .section .coupon-item h2.tit {
	padding-top: 40px;
	color: #000;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.5px;
	text-align: center;
}

.benefit_div .benefit_cont .member_div .section .special_price .tit strong,
.benefit_div .benefit_cont .member_div .section .coupon-item .tit strong {
	font-weight: bold;
}

/* .benefit_div .benefit_cont .member_div .section .special_price {
    margin-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #eee;
} */

.benefit_div .benefit_cont .member_div .section .toggle-cnt-wrap {
	margin-top: 20px;
}

.benefit_div .benefit_cont .member_div .section .toggle-cnt-wrap .title {
	margin-bottom: 8px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

.benefit_div .benefit_cont .member_div .section .toggle-cnt-wrap .title p {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-left: 22px;
	color: #000;
	font-size: 14px;
	letter-spacing: -0.5px;
	background: url('/res/images/bnf-info.svg') no-repeat 0 50%;
	cursor: pointer;
}

.benefit_div .benefit_cont .member_div .section .toggle-cnt-wrap .title p:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('/res/images/bnf-info-toggle-ico.svg') no-repeat 0 50%;
	background-size: 20px 20px;
}

.benefit_div .benefit_cont .member_div .section .toggle-cnt-wrap .info {
	display: none;
	padding: 14px;
	background-color: #f7f7f7;
	margin-bottom: 20px;
}

.benefit_div .benefit_cont .member_div .section .toggle-cnt-wrap .info li {
	display: flex;
	align-items: flex-start;
	color: #999;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.5px;
	text-align: left;
	word-break: break-all;
}

.benefit_div .benefit_cont .member_div .section .toggle-cnt-wrap .info li:before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-top: 7.5px;
	margin-right: 4px;
	background-color: #bbb;
	border-radius: 50%;
}

.benefit_div .benefit_cont .member_div .section .toggle-cnt-wrap .info li:not(:last-child) {
	margin-bottom: 6px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .go-link {
	display: inline-block;
	margin-top: 8px;
	/* padding: 10px 12px; */
	padding: 7px 12px;
	background-color: #fff;
	border-radius: 18px;
	border: solid 1px #ddd;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .go-link span {
	padding-right: 18px;
	color: #000;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -0.5px;
	background: url("/res/images/bnf-go-link-ico.svg") no-repeat 100% 50%;
	background-size: 16px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap {
	display: flex;
	flex-direction: column;
	gap: 12px 0;
	margin-top: 28px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 108px;
	padding: 0 24px;
	background-color: #fff;
	border: solid 1px #bbb;
	border-radius: 4px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li:before,
.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 4px);
	width: 8px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 8px 20px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li:before {
	left: -1px;
	background-image: url("/res/images/coupon_left.png");
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li:after {
	right: -1px;
	background-image: url("/res/images/coupon_right.png");
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li.primary {
	color: #3cc814;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li.secondary {
	color: #ff3894;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li>div {
	text-align: left;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li .type {
	padding: 4px 8px;
	font-size: 11px;
	line-height: 1.45;
	letter-spacing: -0.1px;
	border-radius: 12px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li.primary .type {
	background-color: rgb(60, 200, 20, 0.1);
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li.secondary .type {
	background-color: rgba(255, 56, 148, 0.1);
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li .name {
	margin-top: 8px;
	padding-left: 6px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.33;
	letter-spacing: -0.2px;
	color: #333;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li .result {
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .coupon-wrap li .result strong {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.54;
	letter-spacing: 0.2px;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .app-download-btn {
	width: 100%;
	margin-top: 16px;
	padding: 14px 0;
	border-radius: 10px;
	background-color: #3cc814;
}

.benefit_div .benefit_cont .member_div .section .coupon-item .app-download-btn span {
	padding-right: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -0.2px;
	text-align: center;
	color: #fff;
	background: url("/res/images/download-w.svg") no-repeat 100% 50%;
}

.benefit_div .benefit_cont .member_div .section .btn-wrap .btn {
	display: block;
	width: 100%;
	height: 52px;
	line-height: 52px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.2px;
	text-align: center;
	border-radius: 10px;
}

.benefit_div .benefit_cont .member_div .section .btn-wrap .btn+.btn {
	margin-top: 8px;
}

.benefit_div .benefit_cont .member_div .section .btn-wrap .join,
.benefit_div .benefit_cont .member_div .section .btn-wrap .coupon {
	background-color: #3cc814;
}

.benefit_div .benefit_cont .member_div .section .btn-wrap .share {
	color: #3cc814;
	border: 1px solid #3cc814;
}

.benefit_div .benefit_cont .member_div .section .btn-wrap .share span {
	padding-right: 20px;
	background: url("/res/images/m_share_grn_20x20.png") no-repeat 100% 50%;
	background-size: 20px;
}

.benefit_div .benefit_cont .member_div .section .banner-wrap {
	margin: 0 auto;
	padding: 32px 0 72px
}

.benefit_div .benefit_cont .member_div .section .banner-wrap a {
	display: block;
	border-radius: 15px;
}

.benefit_div .benefit_cont .member_div .section .banner-wrap a+a {
	margin-top: 12px;
}

.benefit_div .benefit_cont .member_div .section .banner-wrap a:first-child {
	background-color: #ffe316;
}

.benefit_div .benefit_cont .member_div .section .banner-wrap a:last-child {
	background-color: #e5ecf5;
}

.benefit_div .benefit_cont .member_div .section .banner-wrap img {
	width: 100%;
	/* height: 110px; */
	object-fit: contain;
	border-radius: 15px;
}

/* .benefit_div .benefit_cont .member_div .section .special_price .tit {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #000
} */

.benefit_div .benefit_cont .member_div .section .special_price .product_list {
	position: relative;
	margin-top: 20px;
	width: 100%;
	padding: 20px 12px 28px 12px;
	background: #f5f5f5;
	border-radius: 15px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .flag {
	z-index: 1;
	position: absolute;
	padding: 40px 18px 34px 18px;
	width: 110px;
	height: 110px;
	left: 10px;
	top: 14px;
	background: url("/res/images/m_bnf_pd_flag.png") center no-repeat;
	background-size: 110px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .flag:after {
	content: '';
	display: block;
	position: absolute;
	left: 47px;
	top: -27px;
	width: 22px;
	height: 49px;
	background: url("/res/images/m_bnf_pd_flag_line.png") center no-repeat;
	background-size: 22px 49px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .flag p {
	color: #fff;
	text-align: center
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .flag p:first-child {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .flag p:last-child {
	font-size: 13px;
	line-height: 16px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .pet_badge {
	position: absolute;
	top: 13px;
	right: 13px;
	display: table;
	width: 32px;
	height: 32px;
	background-color: rgb(64, 15, 15, 0.8);
	background-blend-mode: multiply;
	border-radius: 100%;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_multi .product_list .pet_badge {
	top: 6px;
	right: 6px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .pet_badge:before {
	content: '';
	display: table-cell;
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .thumb {
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	margin: 0 auto
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .thumb img {
	width: 100%;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info {
	position: relative;
	display: table;
	width: 100%;
	background: #fff;
	border-radius: 4px;
	padding: 17px 0 13px 18px;
	border: 1px solid #ddd;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info:before {
	content: '';
	position: absolute;
	top: -1px;
	left: calc(100% - 80px);
	width: 20px;
	height: 10px;
	background: url('/res/images/m_coupon_top_big.png') no-repeat;
	background-size: 20px 10px
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: calc(100% - 80px);
	width: 20px;
	height: 10px;
	background: url('/res/images/m_coupon_bottom_big.png') no-repeat;
	background-size: 20px 10px
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .badge {
	position: absolute;
	padding: 4px 7px;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	background: #052832;
	border-radius: 4px;
	top: -12px;
	left: 18px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left {
	display: table-cell;
	position: relative;
	padding-top: 4px;
	width: calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
	padding-right: 20px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left:before {
	content: '';
	position: absolute;
	top: 0;
	right: -1px;
	width: 2px;
	height: 100px;
	background: url('/res/images/m_coupon_dash_big.png') repeat-y left top;
	background-size: 2px 100px
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .pd_name {
	font-size: 13px;
	line-height: 20px;
	text-align: left;
	color: #000;
	font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .pd_name b {
	font-weight: 700
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_info {
	margin-top: 13px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div {
	margin-top: 2px
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:first-child {
	margin-top: 0
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div .tit {
	float: left;
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	color: #777
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div .price_list {
	float: right;
	font-size: 12px;
	line-height: 18px;
	color: #777
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div .price_list .price {
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	color: #777
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div .price_list .price span {
	display: inline-block;
	vertical-align: top
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:nth-child(1) .price_list .price span {
	font-size: 13px
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:nth-child(1) .price_list .price.prev {
	font-size: 11px;
	margin-right: 6px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:nth-child(1) .price_list .price.prev span {
	text-decoration: line-through;
	color: #999;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:nth-child(2) .tit {
	line-height: 24px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:nth-child(2) .price {
	font-size: 16px;
	color: #000;
	font-weight: 700;
	line-height: 24px;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .left .price_div:nth-child(2) .price span {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .right {
	position: relative;
	display: table-cell;
	padding-bottom: 4px;
	width: 70px;
	vertical-align: middle;
	text-align: center
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .right .percent {
	font-size: 26px;
	font-weight: 700;
	color: #ff3894
}

.benefit_div .benefit_cont .member_div .section .special_price .product_list .coupon_info .right .percent span {
	font-size: 18px
}

.benefit_div .benefit_cont .member_div .section .btn_area {
	text-align: center;
	margin-top: 24px;
}

.benefit_div .benefit_cont .member_div .section .btn_area .txt_btn {
	display: inline-block;
}

.benefit_div .benefit_cont .member_div .section .btn_area .txt_btn span {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	padding-right: 18px;
	background: url("/res/images/icn_right_16x16.png") right center no-repeat;
	background-size: 16px;
}

.benefit_div .benefit_cont .member_div .section .btn_area.info_btn {}

.benefit_div .benefit_cont .member_div .fixed_btn {
	position: relative;
	margin: 40px auto 0;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	z-index: 2
}

.benefit_div .benefit_cont .member_div .section .area {
	padding-top: 24px;
	margin-top: 24px;
	border-top: 1px solid #eee
}

.benefit_div .benefit_cont .member_div .section .area:first-child {
	margin-top: 0;
	padding-top: 32px;
	border: none
}

.benefit_div .benefit_cont .member_div .section .area .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list {
	margin-top: 16px
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list {
	position: relative;
	float: left;
	margin-left: 20px;
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	height: 88px;
	border: 1px solid #777;
	border-radius: 10px
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list:before {
	content: '';
	position: absolute;
	top: 14px;
	right: 35px;
	width: 1px;
	height: calc(100% - 28px);
	height: -webkit-calc(100% - 28px);
	background: url('/res/images/m_coupon_dash.png') repeat-y left top;
	background-size: 1px auto
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list:nth-child(2n-1) {
	clear: both;
	margin-left: 0
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list:nth-child(n+3) {
	margin-top: 20px
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list .left {
	float: left;
	width: calc(100% - 36px);
	width: -webkit-calc(100% - 36px);
	padding: 17px 0 17px 16px
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list .left .name {
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
	color: #777
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list .left .benefit {
	margin-top: 10px;
	font-weight: 700;
	font-size: 22px;
	line-height: 26px;
	color: #ff3894
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list .left .benefit span {
	display: inline-block;
	font-size: 24px;
	vertical-align: top
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list.point .left .benefit {
	color: #3cc814
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list .right {
	position: relative;
	float: left;
	width: 36px;
	height: 100%;
	background: url('/res/images/m_coupon_txt_coupon.png') no-repeat center;
	background-size: 9px auto
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list .right:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -9px;
	width: 18px;
	height: 7px;
	background: url('/res/images/m_coupon_top.png') no-repeat #fff;
	background-size: 18px 7px
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list .right:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: -9px;
	width: 18px;
	height: 7px;
	background: url('/res/images/m_coupon_bottom.png') no-repeat #fff;
	background-size: 18px 7px
}

.benefit_div .benefit_cont .member_div .section .area .coupon_list .list.point .right {
	background: url('/res/images/m_coupon_txt_point.png') no-repeat center;
	background-size: 9px auto
}

.benefit_div .benefit_cont .member_div .section .area .btn {
	margin-top: 24px
}

/* 221216 쿠폰 혜택 전시 로직 수정 */
/* 상품 여러개 일 때 */
.benefit_div .benefit_cont .member_div .special_price .product_multi {
	margin-top: 20px;
}

.benefit_div .benefit_cont .member_div .special_price .product_multi .product_list {
	padding: 0;
	background: none;
}


.benefit_div .benefit_cont .member_div .special_price .product_multi .product_list .thumb {
	display: table-cell;
	padding: 4px;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	background: #f7f7f7;
}

.benefit_div .benefit_cont .special_price .product_multi .pd_info {
	display: table-cell;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	height: 100px;
	vertical-align: top;
	padding-left: 12px;
}

.benefit_div .special_price .product_multi .product_list .name {
	font-size: 13px;
	line-height: 18px;
	text-align: left;
	margin-top: 4px;
}

.benefit_div .special_price .product_multi .price_div .price .won {
	color: #ccc;
	line-height: 18px;
}

.benefit_div .special_price .product_multi .price_div .price:nth-child(2) .won {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000;
}

.benefit_div .special_price .product_multi .price_div .price:nth-child(1) .won span {
	text-decoration: line-through;
}

.benefit_div .special_price .product_multi .product_list .price_div .price:nth-child(2) .won span {
	text-decoration: none;
	font-size: 18px;
	vertical-align: top;
	line-height: 24px;
}

.benefit_div .benefit_cont .member_div .special_price .product_multi .price .dc {
	color: #3cc814;
}


/* 등급별 혜택 */
.benefit_div .benefit_cont .grade_div .section .my_grade {
	margin: 32px auto 0;
	padding-bottom: 8px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .icon {
	margin: 0 auto;
	width: 60px;
	height: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .text {
	margin-top: 12px;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	text-align: center
}

.benefit_div .benefit_cont .grade_div .section .my_grade .text b {
	display: inline-block;
	max-width: 171px;
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
	word-break: break-all;
}

.benefit_div .benefit_cont .grade_div .section .my_grade .text span {
	font-weight: 700
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div {
	position: relative;
	margin: 24px auto 0;
	max-width: 296px;
	width: 100%
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar {
	position: absolute;
	top: 8px;
	width: calc((100% - 80px)/4 + 3px);
	width: -webkit-calc((100% - 80px)/4 + 3px);
	height: 4px;
	border-radius: 5px;
	background: #eee
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar span {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 4px;
	background: rgba(0, 0, 0, 0.65);
	border-radius: 0 5px 5px 0
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.one {
	left: 16px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.two {
	left: calc((100% - 80px)/5 + 42px)
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.thr {
	left: calc((100% - 80px)/5*2 + 68px)
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.four {
	left: calc((100% - 80px)/5*3 + 94px)
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .grade {
	position: relative
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .grade:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .grade p {
	position: relative;
	float: left;
	margin-left: calc((100% - 55px)/5);
	margin-left: -webkit-calc((100% - 55px)/5);
	width: 20px;
	height: 20px;
	border-radius: 100%
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .grade p:first-child {
	margin-left: 0
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .grade p:after {
	content: '';
	display: none;
	position: absolute;
	top: 22px;
	left: 4px;
	border-bottom: 8px solid #f1f1f1;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text {
	margin-top: 9px;
	padding: 8px 0;
	font-size: 12px;
	line-height: 22px;
	color: #333;
	text-align: center;
	background: #f1f1f1;
	border-radius: 18px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text b {
	font-weight: 700
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text span {
	font-weight: 700
}

.benefit_div .benefit_cont .grade_div .section .my_grade .logout .login_txt {
	padding-top: 72px;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	text-align: center;
	background: url('/res/images/m_grade_logout.png') no-repeat center top;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .logout .btn {
	margin: 24px auto 0;
	max-width: 280px;
	width: 100%;
}

.benefit_div .benefit_cont .grade_div .section .my_grade .special_benefit {
	display: flex;
	justify-content: center;
	margin-top: 12px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .special_benefit p {
	display: inline-block;
	padding: 5px 15px;
	margin: 0 3px;
	font-size: 13px;
	line-height: 20px;
	color: #555;
	background: #f1f1f1;
	border-radius: 18px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .special_benefit p span {
	font-weight: 700
}

/* 등급별 스타일 */
.benefit_div .benefit_cont .grade_div .section .my_grade.welcome .icon {
	background: url('/res/images/m_grade_big_welcome.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.welcome .text span {
	color: #3fcfca
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.welcome .grade p:nth-child(1) {
	background: url('/res/images/m_grade_on_welcome.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.welcome .grade p:nth-child(2) {
	background: url('/res/images/m_grade_ing_family.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.welcome .grade p:nth-child(3) {
	background: url('/res/images/m_grade_off_silver.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.welcome .grade p:nth-child(4) {
	background: url('/res/images/m_grade_off_gold.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.welcome .grade p:nth-child(5) {
	background: url('/res/images/m_grade_off_vip.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.welcome .grade p:nth-child(2):after {
	display: block
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.family span {
	color: #3fcfca
}

/*  */
/*  */
/*  */
/*  */
/*  */
.benefit_div .benefit_cont .grade_div .section .my_grade.family .icon {
	background: url('/res/images/m_grade_big_family.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.family .text span {
	color: #32cf55
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(1) {
	background: url('/res/images/m_grade_on_welcome.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(2) {
	background: url('/res/images/m_grade_on_family.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(3) {
	background: url('/res/images/m_grade_ing_silver.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(4) {
	background: url('/res/images/m_grade_off_gold.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(5) {
	background: url('/res/images/m_grade_off_vip.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(3):after {
	display: block
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.family span {
	color: #b0b0b4
}

.benefit_div .benefit_cont .grade_div .section .my_grade.silver .icon {
	background: url('/res/images/m_grade_big_silver.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.silver .text span {
	color: #b0b0b4
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(1) {
	background: url('/res/images/m_grade_on_welcome.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(2) {
	background: url('/res/images/m_grade_on_family.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(3) {
	background: url('/res/images/m_grade_on_silver.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(4) {
	background: url('/res/images/m_grade_ing_gold.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(5) {
	background: url('/res/images/m_grade_off_vip.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(4):after {
	display: block
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.silver span {
	color: #d0a455
}

.benefit_div .benefit_cont .grade_div .section .my_grade.gold .icon {
	background: url('/res/images/m_grade_big_gold.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.gold .text span {
	color: #d0a455
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(1) {
	background: url('/res/images/m_grade_on_welcome.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(2) {
	background: url('/res/images/m_grade_on_family.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(3) {
	background: url('/res/images/m_grade_on_silver.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(4) {
	background: url('/res/images/m_grade_on_gold.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(5) {
	background: url('/res/images/m_grade_ing_vip.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(5):after {
	display: block
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.gold span {
	color: #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .my_grade.vip .icon {
	background: url('/res/images/m_grade_big_vip.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.vip .text span {
	color: #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(1) {
	background: url('/res/images/m_grade_on_welcome.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(2) {
	background: url('/res/images/m_grade_on_family.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(3) {
	background: url('/res/images/m_grade_on_silver.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(4) {
	background: url('/res/images/m_grade_on_gold.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(5) {
	background: url('/res/images/m_grade_on_vip.png') no-repeat;
	background-size: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.vip span {
	color: #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .my_grade.vip .icon {
	background: url('/res/images/m_grade_big_vip.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.vip .text span {
	color: #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .my_grade.celeb .icon {
	background: url('/res/images/m_grade_big_celeb.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.celeb .text span {
	color: #f65987
}

.benefit_div .benefit_cont .grade_div .section .my_grade.staff .icon {
	background: url('/res/images/m_grade_big_staff.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.staff .text span {
	color: #209bff
}

.benefit_div .benefit_cont .grade_div .section .my_grade.partner .icon {
	background: url('/res/images/m_grade_big_partner.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.partner .text span {
	color: #f88342
}

.benefit_div .benefit_cont .grade_div .section .my_grade.exp .icon {
	background: url('/res/images/m_grade_big_exp.png') no-repeat;
	background-size: 60px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.exp .text span {
	color: #ff539f
}

/* //등급별 스타일 */
.benefit_div .benefit_cont .grade_div .section .grade_intro {
	padding-top: 32px
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro {}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro .icon {
	float: left;
	width: 48px;
	height: 48px
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro .icon img {
	width: 100%
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro .text {
	float: left;
	padding: 1px 0 0 10px;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px);
	text-align: left;
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro .name {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #333
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro .qualified {
	margin-top: 3px;
	font-size: 14px;
	line-height: 18px;
	color: #555
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .intro .qualified span {
	font-weight: 500;
	color: #333
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div {
	margin-top: 16px
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div .list {
	position: relative;
	display: table;
	float: left;
	margin-left: 10px;
	width: calc(50% - 5px);
	width: -webkit-calc(50% - 5px);
	height: 70px;
	border-radius: 5px;
	text-align: center
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div .list:nth-child(2n-1) {
	margin-left: 0;
	clear: both
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div .list:nth-child(n+3) {
	margin-top: 10px
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div .list .flag {
	position: absolute;
	top: -9px;
	right: 6px;
	left: auto;
	width: 40px;
	height: 41px;
	background: url('/res/images/m_bnf_pd_flag_pur.png') center no-repeat;
	background-size: 40px 41px;
	padding: 4.4px 3px 4.4px 0;
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div .list .flag p {
	line-height: 27px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div .list .tb_c {
	display: table-cell;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	vertical-align: middle
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade .list_div .list .tb_c span {
	font-weight: 700
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade:nth-child(1) .list_div .list {
	background: #f2edfb
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade:nth-child(2) .list_div .list {
	background: #fcf4e4
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade:nth-child(3) .list_div .list {
	background: #f5f5f5
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade:nth-child(4) .list_div .list {
	background: #f2fef0
}

.benefit_div .benefit_cont .grade_div .section .grade_intro .grade:nth-child(5) .list_div .list {
	background: #effcfd;
}

/* 앱 혜택 */
.benefit_div .benefit_cont .app_div {}

.benefit_div .benefit_cont .app_div .benefit_list {
	margin-top: 48px
}

.benefit_div .benefit_cont .app_div .benefit_list .list {
	margin-top: 60px;
	text-align: center
}

.benefit_div .benefit_cont .app_div .benefit_list .list:first-child {
	margin-top: 0
}

.benefit_div .benefit_cont .app_div .benefit_list .list .tit {
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	color: #000
}

.benefit_div .benefit_cont .app_div .benefit_list .list .txt {
	margin-top: 10px;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #333
}

.benefit_div .benefit_cont .app_div .benefit_list .list .img {}

.benefit_div .benefit_cont .app_div .benefit_list .list .img img {
	width: 280px
}

/* 220920 쿠폰&혜택 > APP 혜택 */
.benefit_div .benefit_cont {
	text-align: center;
}

.benefit_div .benefit_cont .member_div .banner {
	background-color: #e4f3ff;
}

.benefit_div .benefit_cont .app_div .banner {
	background-color: #eaf6f7;
}

.benefit_div .benefit_cont .app-benefit-item {
	margin-top: 40px;
}

.benefit_div .benefit_cont .app-benefit-item:not(:nth-of-type(2)) {
	padding-top: 40px;
	border-top: 1px solid #eee;
}

.benefit_div .benefit_cont .app-benefit-item>.badge {
	display: inline-block;
	padding: 6px 16px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.2px;
	color: #3cc814;
	border-radius: 16px;
	border: solid 1px #b7eba9;
	background-color: #edfcea;
	text-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}

.benefit_div .benefit_cont .app-benefit-item>.title {
	padding: 10px 0 4px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: -0.5px;
	color: #000;
}

.benefit_div .benefit_cont .app-benefit-item .sub-title {
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -0.2px;
	color: #333;
}

.benefit_div .benefit_cont .app-benefit-item .sub-title strong {
	color: #3cc814;
}

.benefit_div .benefit_cont .app-benefit-item .coupon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 28px 0 40px;
}

.benefit_div .benefit_cont .app-benefit-item .coupon-wrap li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 108px;
	padding: 0 24px;
	color: #ff3894;
	background-color: #fff;
	border: solid 1px #bbb;
	border-radius: 10px;
}

.benefit_div .benefit_cont .app-benefit-item .coupon-wrap li:before,
.benefit_div .benefit_cont .app-benefit-item .coupon-wrap li:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 5px);
	width: 8px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 8px 20px;
}

.benefit_div .benefit_cont .app-benefit-item .coupon-wrap li:before {
	left: -1px;
	background-image: url("/res/images/coupon_left.png");
}

.benefit_div .benefit_cont .app-benefit-item .coupon-wrap li:after {
	right: -1px;
	background-image: url("/res/images/coupon_right.png");
}

.benefit_div .benefit_cont .app-benefit-item li>div {
	text-align: left;
}

.benefit_div .benefit_cont .app-benefit-item li .type {
	padding: 4px 8px;
	font-size: 11px;
	line-height: 1.45;
	letter-spacing: -0.18px;
	background-color: rgba(255, 56, 148, 0.1);
	border-radius: 12px;
}

.benefit_div .benefit_cont .app-benefit-item li .name {
	margin-top: 8px;
	padding-left: 6px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.33;
	letter-spacing: -0.2px;
	color: #333;
}

.benefit_div .benefit_cont .app-benefit-item li .result {
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
}

.benefit_div .benefit_cont .app-benefit-item li .result strong {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.3;
}

.benefit_div .benefit_cont .app-benefit-item>img {
	display: block;
	width: 100%;
	max-width: 280px;
	margin: 0 auto;
}

.benefit_div .benefit_cont .app-benefit-item .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 320px;
	height: 52px;
	margin: 0 auto;
	background-color: #3cc814;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.2px;
}

.benefit_div .benefit_cont .app-push-step {
	padding: 40px 0;
	border-radius: 10px;
	background-color: #f2fafa;
}

.benefit_div .benefit_cont .app-push-step .title {
	margin-bottom: 28px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.22;
	letter-spacing: -0.45px;
	color: #000;
}

.benefit_div .benefit_cont .app-push-step ul li .badge {
	display: inline-block;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.33;
	letter-spacing: -0.2px;
	color: #fff;
	text-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
	border-radius: 16px;
	background-color: #052832;
}

.benefit_div .benefit_cont .app-push-step ul li .info {
	padding-top: 8px;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -0.2px;
	color: #000;
}

.benefit_div .benefit_cont .app-push-step ul li img {
	width: 100%;
}

.benefit_div .benefit_cont .app-push-step ul li:first-child img {
	margin: 20px 0 36px;
}

.benefit_div .benefit_cont .app-push-step ul li:nth-child(2) img {
	margin-bottom: 56px;
}

.benefit_div .benefit_cont .app-benefit-item .precaution {
	position: relative;
	margin-top: 32px;
	padding: 24px 0 72px;
	text-align: left;
}

.benefit_div .benefit_cont .app-benefit-item .precaution:before {
	content: '';
	position: absolute;
	top: 0;
	left: -20px;
	width: calc(100% + 40px);
	height: 10px;
	background-color: #f7f7f7;
}

.benefit_div .benefit_cont .app-benefit-item .precaution .title {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 1.29;
	letter-spacing: -0.32px;
	color: #333;
}

.benefit_div .benefit_cont .app-benefit-item .precaution li {
	display: flex;
	align-items: flex-start;
	font-size: 13px;
	line-height: 1.38;
	letter-spacing: -0.2px;
	color: #999;
}

.benefit_div .benefit_cont .app-benefit-item .precaution li:before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-top: 7.5px;
	margin-right: 4px;
	background-color: #bbb;
}

.benefit_div .benefit_cont .app-benefit-item .precaution li:not(:last-child) {
	margin-bottom: 4px;
}
@charset "utf-8";
/* 상단 타이틀 =============================== */
.benefit_div .cate_div {
    position: relative;
}

.benefit_div .cate_div::after {
	content: '';
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	background-color: #333333;
	margin: 20px auto 0;
}

.benefit_div .cate_div .cate_swiper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.benefit_div .cate_div .cate_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 36px;
	color: #999;
	border: 2px solid transparent;
	border-radius: 20px;
	padding: 8px 16px;
	text-align: center;
}

.benefit_div .cate_div .cate_btn.on {
	border: 2px solid #333;
	color: #111;
	font-weight: 600 !important;
}

.benefit_div .benefit_cont .tooltip_div {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/res/images/icon/tooltip-bbb.svg') no-repeat center;
    background-size: 16px;
    vertical-align: middle;
    margin-bottom: 2px;
    text-align: left;
}

/* 회원가입 혜택 =============================== */
/* .benefit_div .benefit_cont .grade_div (삭제) */
/* nutrione_m.css 6269 ~ .benefit_div .benefit_cont (삭제) */
/* .benefit_div .benefit_cont .member_div (삭제) */
/* css 이슈로 추가 (추후 삭제) */
.benefit_div .benefit_cont .member_div .section .banner.info .btn {
    color: #111;
}

.benefit_div .benefit_cont .section .banner .btn {
    position: relative;
    bottom: inherit;
    left: inherit;
    transform: none;
    color: #111;
}

.benefit_div .benefit_cont .member_div .section .banner.info img {
    height: 100px;
    border-radius: 0;
    object-fit: contain;
}

.benefit_div .benefit_cont .section .banner .txt p {
    margin-top: 0;
}

/* 231004 가입혜택 =============================== */
.benefit_div .benefit_cont {
	margin-top: 20px;
}

.benefit_div .benefit_cont .join_benefit_div {
    padding-bottom: 80px;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner.info {
	position: relative;
    height: auto;
	/* min-height: 308px; */
    background: url('/res/images/bg/m-benefit-gradient.png') no-repeat bottom center / cover;
    border-radius: 0;
    z-index: 0;
    padding: 40px 20px;
    margin-bottom: 24px;
    text-align: center;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner_source {
    position: absolute;
    top: 0;
    width: 100%;
    margin-left: -20px;
    z-index: -1;
    overflow: hidden;
    /* min-height: 308px; */
    height: 100%;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner_source .source {
    position: absolute;
    z-index: -1;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner_source .source_01 {
    top: -8px;
    left: -4px;
    width: 136px;
    height: 100px;
    background: url('/res/images/banner/m-benefit-join-banner-01.svg') no-repeat center / 131px auto;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner_source .source_02 {
    top: 25px;
    right: 0;
    width: 100px;
    height: 100px;
    background: url('/res/images/banner/m-benefit-join-banner-02.svg') no-repeat center / 100px auto;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner_source .source_03 {
    top: 178px;
    left: 0;
    width: 197px;
    height: 228px;
    background: url('/res/images/banner/m-benefit-join-banner-03.svg') no-repeat center / 197px auto;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .txt .desc {
    display: block;
    color: #333;
    margin-top: 12px;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .banner_btn {
    display: flex;
    align-items: center;
    gap: 0 8px;
    margin: 40px auto 0;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .banner_btn .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	background-color: #fff;
	border-radius: 4px;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .banner_btn .join:not(.d_none) ~ .share {
    text-indent: -9999px;
	font-size: 0 !important;
    width: 52px;
    min-width: 52px;
    background: url('/res/images/icon/share-111.svg') no-repeat center / 32px #fff;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item_div {
    position: relative;
    /* height: 264px; */
    padding: 24px 16px;
    margin-top: 48px;
    margin-bottom: 24px;
    overflow-x: clip;
    background-color: #fff;
    border-radius: 20px;
    z-index: 1;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item_div:has(.swiper-scrollbar-lock) {
    margin-bottom: 0;
}

/* .benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 28px;
    width: 100%;
} */

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item.swiper-container {
    overflow: visible;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item.swiper-container .swiper-wrapper {
    margin-top: 16px;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item.swiper-container .swiper-slide {
    justify-content: center;
    /* padding: 24px 16px; */
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item .title {
    display: flex;
    align-items: center;
    position: relative;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item .title .tooltip_div {
    margin-left: 4px;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item .product-item-list .thumb {
    background-color: #fff;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item .product-item-list .thumb .soldout {
    font-size: 12px;
    background-color: rgba(255,255,255,0.85);
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item .product-item-list .thumb-info .info {
    text-align: left;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item .product-item-list .badge-coupon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	padding: 7px 9px;
	color: #fff;
	text-align: center;
	background: linear-gradient(272.58deg, #FE00A1 1.87%, #FE005B 54.35%, #FE572E 110.22%);
	border-radius: 12px 12px 12px 0px;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item .product-item-list .name {
	margin-top: 4px;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item .product-item-list .volume {
	margin-top: 2px;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item .product-item-list .price-info {
	flex-direction: column;
	align-items: flex-start;
	gap: 2px 0;
	margin-top: 16px;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item .product-item-list .price-info div {
	display: flex;
	align-items: center;
	gap: 0 6px;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item .product-item-list .price-info .original-selling {
	width: 100%;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner .sale_item .product-item-list .price-info .original-selling span {
	color: #bbb;
	text-decoration: line-through;
}

.benefit_div .benefit_cont .join_benefit_div .product-item-list .info .price-info {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 16px;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div .swiper-scrollbar {
    position: absolute !important;
    bottom: -48px;
    left: calc(50% - 40px);
    margin: 0;
    z-index: -1;
}

.benefit_div .benefit_cont .join_benefit_div .sec {
    text-align: center;
}

.benefit_div .benefit_cont .join_benefit_div .sec::after {
    content: '';
    display: block;
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    height: 1px;
    background-color: #eee;
    margin: 20px auto;
}

.benefit_div .benefit_cont .join_benefit_div .sec:nth-last-of-type(1)::after {
    content: none;
}

.benefit_div .benefit_cont .join_benefit_div .sec .left .com_title {
    width: calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    margin: 0 auto 20px;
    text-align: left;
}

.benefit_div .benefit_cont .join_benefit_div .sec .left .com_title h2 {
    display: inline;
}

.benefit_div .benefit_cont .join_benefit_div .sec .cpn_com_list {
    flex-direction: row;
    flex-wrap: nowrap;
    text-align: left;
}

.benefit_div .benefit_cont .join_benefit_div .sec .cpn_com_list li {
    width: 248px;
}

.benefit_div .benefit_cont .join_benefit_div .sec .cpn_com_list li .double-flag {
    position: absolute;
    top: calc(50% - 16px);
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #fff;
    border-radius: 50%;
    background: linear-gradient(139.92deg, #A879D9 15.76%, #7C51D7 85.7%);
}

.benefit_div .benefit_cont .join_benefit_div .sec .cpn_com_list .list .cpn_tit {
    padding-right: 0;
}

.benefit_div .benefit_cont .join_benefit_div .sec .arrow-right-555-btn {
    margin-top: 26px;
}

/* 231004 멤버십 =============================== */
.benefit_div .benefit_cont .grade_div .cont {
    position: relative;
    width: 100%;
    background: #FCEBDB;
    padding: 40px 20px;
    overflow: hidden;
}

.benefit_div .benefit_cont .grade_div .cont::before {
    content: '';
    position: absolute;
    width: 185.5px;
    height: 183px;
    right: -59.5px;
    top: 0px;
    background: #FFF3EB;
    mix-blend-mode: multiply;
    filter: blur(33.5px);
}

.benefit_div .benefit_cont .grade_div .banner_source .source {
    position: absolute;
}

.benefit_div .benefit_cont .join_benefit_div .section .banner_source .source {
    position: absolute;
    z-index: -1;
}

.benefit_div .benefit_cont .grade_div .banner_source .source_01 {
    top: 58px;
    left: 59px;
    width: 18px;
    height: 19px;
    background: url('/res/images/icon/grade/grade-twinkle-01.svg') no-repeat center / 18px auto;
}

.benefit_div .benefit_cont .grade_div .banner_source .source_02 {
    top: 70px;
    right: 39px;
    width: 24px;
    height: 25px;
    background: url('/res/images/icon/grade/grade-twinkle-01.svg') no-repeat center / 24px auto;
}

.benefit_div .benefit_cont .grade_div .banner_source .source_03 {
    top: 159px;
    left: 30px;
    width: 15px;
    height: 15px;
    background: url('/res/images/icon/grade/grade-twinkle-02.svg') no-repeat center / 15px;
}

.benefit_div .benefit_cont .grade_div .banner_source .source_04 {
    top: 158px;
    right: 10px;
    width: 19px;
    height: 19px;
    background: url('/res/images/icon/grade/grade-twinkle-02.svg') no-repeat center / 19px;
}

.benefit_div .benefit_cont .grade_div .banner_source .source_05 {
    top: 197px;
    left: 134px;
    width: 11px;
    height: 11px;
    background: url('/res/images/icon/grade/grade-twinkle-02.svg') no-repeat center / 11px;
}

.benefit_div .benefit_cont .grade_div .banner .txt .desc {
    display: block;
    color: #333;
    margin-top: 12px;
}

.benefit_div .benefit_cont .grade_div .grade_list {
    margin-top: 70px;
}

.benefit_div .benefit_cont .grade_div .grade_list>li {
    position: relative;
    background: #fff;
    padding-bottom: 32px;
}

.benefit_div .benefit_cont .grade_div .grade_list>li:nth-child(n+2) {
    margin-top: 62px;
}

.benefit_div .benefit_cont .grade_div .grade_list>li::before {
    content: '';
    position: absolute;
    top: -30px;
    left: calc(50% - 30px);
    left: -webkit-calc(50% - 30px);
    width: 60px;
    height: 60px;
    z-index: 1;
}

.benefit_div .benefit_cont .grade_div .grade_list>li.vip::before {
    background: url('/res/images/icon/grade/grade-vip.svg') no-repeat center / 60px;
}
.benefit_div .benefit_cont .grade_div .grade_list>li.gold::before {
    background: url('/res/images/icon/grade/grade-gold.svg') no-repeat center / 60px;
}
.benefit_div .benefit_cont .grade_div .grade_list>li.silver::before {
    background: url('/res/images/icon/grade/grade-silver.svg') no-repeat center / 60px;
}
.benefit_div .benefit_cont .grade_div .grade_list>li.family::before {
    background: url('/res/images/icon/grade/grade-family.svg') no-repeat center / 60px;
}
.benefit_div .benefit_cont .grade_div .grade_list>li.welcome::before {
    background: url('/res/images/icon/grade/grade-welcome.svg') no-repeat center / 60px;
}

.benefit_div .benefit_cont .grade_div .grade_list>li .on_flag {
    display: none
}

.benefit_div .benefit_cont .grade_div .grade_list>li .info {
    padding: 42px 5px 12px;
}

.benefit_div .benefit_cont .grade_div .grade_list li.vip .info .grade,
.benefit_div .benefit_cont .grade_div .grade_list li.vip .info .grade span,
.benefit_div .benefit_cont .grade_div .grade_list li.vip .grade_benefit span {
    color: #7C51D7;
}
.benefit_div .benefit_cont .grade_div .grade_list li.gold .info .grade,
.benefit_div .benefit_cont .grade_div .grade_list li.gold .info .grade span,
.benefit_div .benefit_cont .grade_div .grade_list li.gold .grade_benefit span {
    color: #D0A455;
}
.benefit_div .benefit_cont .grade_div .grade_list li.silver .info .grade,
.benefit_div .benefit_cont .grade_div .grade_list li.silver .info .grade span,
.benefit_div .benefit_cont .grade_div .grade_list li.silver .grade_benefit span {
    color: #B0B0B4;
}
.benefit_div .benefit_cont .grade_div .grade_list li.family .info .grade,
.benefit_div .benefit_cont .grade_div .grade_list li.family .info .grade span,
.benefit_div .benefit_cont .grade_div .grade_list li.family .grade_benefit span {
    color: #32CF55;
}
.benefit_div .benefit_cont .grade_div .grade_list li.welcome .info .grade,
.benefit_div .benefit_cont .grade_div .grade_list li.welcome .info .grade span,
.benefit_div .benefit_cont .grade_div .grade_list li.welcome .grade_benefit span {
    color: #32CFC6
}

.benefit_div .benefit_cont .grade_div .grade_list>li .info .desc {
    display: block;
    color: #333;
    margin-top: 4px;
}

.benefit_div .benefit_cont .grade_div .grade_list>li.on::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #7C51D7;
}

.benefit_div .benefit_cont .grade_div .grade_list>li.vip.on::after {border-color: #7C51D7;}
.benefit_div .benefit_cont .grade_div .grade_list>li.gold.on::after {border-color: #D0A455;}
.benefit_div .benefit_cont .grade_div .grade_list>li.silver.on::after {border-color: #B0B0B4;}
.benefit_div .benefit_cont .grade_div .grade_list>li.family.on::after {border-color: #32CF55;}
.benefit_div .benefit_cont .grade_div .grade_list>li.welcome.on::after {border-color: #32CFC6;}

.benefit_div .benefit_cont .grade_div .grade_list>li.on .on_flag {
    display: inline-block;
}

.benefit_div .benefit_cont .grade_div .grade_list>li.vip.on .info {background-color: #F2EEFB;}
.benefit_div .benefit_cont .grade_div .grade_list>li.gold.on .info {background-color: #FAF6EE;}
.benefit_div .benefit_cont .grade_div .grade_list>li.silver.on .info {background-color: #F7F7F7;}
.benefit_div .benefit_cont .grade_div .grade_list>li.family.on .info {background-color: #EBFAEE;}
.benefit_div .benefit_cont .grade_div .grade_list>li.welcome.on .info {background-color: #EBFAF9;}

.benefit_div .benefit_cont .grade_div .grade_list .grade_benefit {
    display: flex;
    align-items: center;
    gap: 0 8px;
    padding: 0 20px;
    margin: 16px 0 ;
}

.benefit_div .benefit_cont .grade_div .grade_list .grade_benefit li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 80px;
    background: #F9F9F9;
    border-radius: 4px;
}

.benefit_div .benefit_cont .grade_div .grade_list>li .cpn_com_list {
    gap: 16px 0;
    padding: 0 20px;
}

.benefit_div .benefit_cont .grade_div .grade_list>li .cpn_com_list .list {
    min-height: 100px;
    height: 100px;
    padding: 20px 28px;
    text-align: left;
}

.benefit_div .benefit_cont .grade_div .grade_list>li .cpn_com_list .list .txt_area {
    gap: 10px 0;
}

.benefit_div .benefit_cont .grade_div .grade_list>li .cpn_com_list .list .cpn_dtl {
    display: flex;
    align-items: center;
    gap: 0 6px;
}

.benefit_div .benefit_cont .grade_div .grade_list>li .cpn_com_list .list .cpn_dtl p {
    margin-top: 0;
}

.benefit_div .benefit_cont .grade_div .grade_list>li .cpn_com_list .list .flag {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    right: 28px;
    top: calc(50% - 32px/2);
    font-size: 16px;
    line-height: 21.33px;
    font-weight: 700;
    color: #fff;
    border-radius: 40px;
}

.benefit_div .benefit_cont .grade_div .grade_list>li.vip .cpn_com_list .list .flag {
    background: linear-gradient(139.92deg, #A879D9 15.76%, #7C51D7 85.7%);
}

.benefit_div .benefit_cont .grade_div .grade_list>li.gold .cpn_com_list .list .flag {
    background: linear-gradient(140.82deg, #EDCB8D 13.07%, #D0A455 87.17%);
}

.benefit_div .benefit_cont .grade_div .grade_list>li.silver .cpn_com_list .list .flag {
    background: linear-gradient(133.97deg, #D2D2D5 13.2%, #B0B0B4 82.96%);
}

.benefit_div .benefit_cont .grade_div .grade_list>li.family .cpn_com_list .list .flag {
    background: linear-gradient(139.92deg, #76DABD 14.35%, #32CF55 85.33%);
}

.benefit_div .benefit_cont .grade_div .page_bottom_noti {
    padding-bottom: 80px;
    margin-top: 0;
}

/* 231004 마이페이지 =============================== */
/* ============================== 장바구니 ============================== */
.cart-wrap {
	padding-bottom: 124px;
}

/* 로그인 안내 및 상품 리스트 없을 때 */
.cart-wrap .no-data-wrap {
	margin-bottom: 24px;
}

.cart-wrap .no-data-wrap .btn-wrap {
	width: calc(100% - 40px);
}

/* 상품 리스트 있을 때 */
.cart-wrap .product-list {
	margin-top: 24px;
}

.cart-wrap .product-list form {
	width: 100%;
}

.cart-wrap .product-list .product-wrap {
	width: 100%;
	margin-bottom: 4px;
}

.cart-wrap .product-list .product-wrap + .product-wrap {
	border-top: 10px solid #F5F5F5;
}

.cart-wrap .product-list .product-wrap .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 56px;
	padding: 0 20px;
	border-bottom: 1px solid #eee;
}

.cart-wrap .product-list .product-wrap .head label {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.cart-wrap .product-list .product-wrap .head .delete-btn {
	color: #999;
	font-size: 13px;
	line-height: 19px;
	text-decoration: underline;
}

.cart-wrap .product-list .product-wrap .product-item-list {
	width: calc(100% - 40px);
	margin: 0 20px;
	padding: 20px 0;
}

.cart-wrap .product-list .product-wrap .product-item-list + .product-item-list {
	border-top: 1px solid #eee;
}

.cart-wrap .product-list .product-wrap .add-list {
	position: relative;
	padding: 24px 0;
}

.cart-wrap .product-list .product-wrap .add-list:before {
	content: '';
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	position: absolute;
	top: 0;
	left: 20px;
	background-color: #eee;
}

.cart-wrap .product-list .product-wrap .add-list .term {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	margin: 0 20px;
}

.cart-wrap .product-list .product-wrap .add-list .swiper-wrapper {
	margin-top: 20px;
}

.cart-wrap .product-list .product-wrap .add-list .swiper-wrapper .swiper-slide .cart-btn {
	position: static;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 30px;
	margin-top: 6px;
	color: #111;
	font-size: 13px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	background-image: none;
}

.cart-wrap .product-list .product-wrap .add-list .swiper-wrapper [class*=product-item] .info .name {
	text-overflow: inherit;
	white-space: normal;
}

.cart-wrap .product-list .product-wrap .add-list .swiper-wrapper [class*=product-item] .info .volume {
	display: flex;
	flex-wrap: wrap;
	gap: 0 4px;
}

.cart-wrap .product-list .product-wrap .add-list.swiper-disabled {
	width: 100%;
	margin: 0;
	padding: 24px 20px;
}

.cart-wrap .product-list .product-wrap .add-list.swiper-disabled:before {
	width: calc(100% - 40px);
}

.cart-wrap .product-list .product-wrap .add-list.swiper-disabled .term {
	margin: 0;
}

/* 결제 정보 영역 */
.cart-wrap .price-wrap {
	position: relative;
	padding: 24px 20px;
	border-top: 10px solid #F5F5F5;
	z-index: 3;
}

.cart-wrap .price-wrap>div {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #111;
	font-size: 14px;
	line-height: 22px;
}

.cart-wrap .price-wrap>div + div:not(.total-price) {
	margin-top: 12px;
	z-index: 3;
}

.cart-wrap .price-wrap>div .term {
	display: block;
	height: 100%;
}

.cart-wrap .price-wrap>div .desc {
	display: flex;
	align-items: center;
}

.cart-wrap .price-wrap>div .desc strong {
	font-size: 16px;
	font-weight: 500;
}

.cart-wrap .price-wrap>div.total-price {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

.cart-wrap .price-wrap>div.total-price .term {
	font-size: 16px;
	font-weight: 500;	
	line-height: 22px;
}

.cart-wrap .price-wrap>div.total-price .desc {
	color: #3CC814;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
}

.cart-wrap .price-wrap>div.total-price .desc strong {
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
}

.cart-wrap .price-wrap .noti {
	margin-top: 8px;
	padding-left: 18px;
	color: #999;
	font-size: 13px;
	line-height: 18px;
	background: url(/res/images/icon/noti-bbb.svg) no-repeat 0 0;
}

/* 주문 사은품 */
.cart-wrap .plus-gift {
	border-top: 10px solid #F5F5F5;
}

/* 많이 구매한 상품 */
.cart-wrap .recommend-product {
	padding: 24px 20px;
	border-top: 10px solid #F5F5F5;
}


.cart-wrap .recommend-product .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
}
.cart-wrap .recommend-product .head .title {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}
.cart-wrap .recommend-product .head .more-btn {
	font-size: 12px;
	line-height: 16px;
}

/* 페이지 안내 정보 */
.cart-wrap .page-noti-info {
	border-top: 10px solid #F5F5F5;
}

/* 하단 버튼 영역 */
.cart-wrap .btm-btn-wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	width: 100%;
	padding-top: 28px;
	z-index: 3;
}

.cart-wrap .btm-btn-wrap > a {
	position: relative;
	height: 52px;
}

.cart-wrap .btm-btn-wrap > a .flag {
	position: absolute;
	top: -16px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	padding: 0 12px;
	color: #fff;
	font-size: 12px;
	border-radius: 13px;
	white-space: nowrap;
}

.cart-wrap .btm-btn-wrap .gift {
	width: 52px;
	background: #fff url(/res/images/icon/gift-p1.svg) no-repeat 50% / 28px;
	border: 1px solid #3CC814;
	z-index: 1;
}

.cart-wrap .btm-btn-wrap .gift .flag {
	left: 6px;
	min-width: 72px;
	background-color: #FF3894;
	animation: shake-vertical 2s ease-in-out infinite both;
}

.cart-wrap .btm-btn-wrap .gift .flag:after {
	content: '';
	position: absolute;
	bottom: -6px;
	left: 14px;
	display: block;
	width: 10px;
	height: 6px;
	background: url("/res/images/icon/payback-flag-tail.svg");
}

.cart-wrap .btm-btn-wrap .price {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	background-color: #3CC814;
}

.cart-wrap .btm-btn-wrap .price strong {
	font-size: 18px;
	font-weight: 700;
}

.cart-wrap .btm-btn-wrap .price .flag {
	left: 50%;
	transform: translateX(-50%);
	background-color: #052832;
}

.cart-wrap .btm-btn-wrap .price .flag:after {
	content: '';
	position: absolute;
	bottom: -7px;
	left: 50%;
	width: 12px;
	height: 10px;
	background: url('/res/images/icon/cart-buy-arrow.png') no-repeat 50% 50% / 12px 10px;
	transform: translateX(-50%) rotate(180deg);
}
@charset "utf-8";

/* 카테고리 */
.category_div {
	padding-bottom: 72px
}

.category_div.brand {
	padding-bottom: 0;
}

.category_div .brand_list .list {
	display: block;
	margin-top: 24px
}

.category_div .brand_list .list::after {
	content: '';
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	background-color: #eee;
	margin: 0 auto;
}

.category_div .brand_list .list img {
	width: 100%;
	border-radius: 15px
}

.category_div .brand_list .list:first-child {
	margin-top: 0
}

.category_div .banner img {
	width: 100%
}

.category_div .list_div {
	margin-top: 8px
}

.category_div .list_div:after {
	content: '';
	display: block;
	clear: both
}

.category_div .list_div .list {
	position: relative;
	float: left;
	margin-left: 16px;
	width: calc(50% - 8px);
	width: -webkit-calc(50% - 8px)
}

.category_div .list_div .list:nth-child(2n-1) {
	margin-left: 0;
	clear: both
}

.category_div .list_div .list:nth-child(n+3) {
	margin-top: 28px
}

.category_div .list_div .list .thumb {
	padding: 6px;
	background: #f7f7f7;
	border-radius: 10px;
	overflow: hidden;
}

.category_div .list_div .list .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.category_div .list_div .list .alarm {
	bottom: 17px;
	right: -5px
}

.category_div .list_div .list .heart {
	top: calc(50vw - 66px);
	top: -webkit-calc(50vw - 66px);
	right: 6px
}

.category_div .list_div .list.soldout .thumb:before {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.category_div .list_div.hor .list {
	float: none;
	margin-left: 0;
	width: 100%
}

.category_div .list_div.hor .list .thumb {
	padding: 10px;
	width: 152px;
	min-width: 152px
}

.category_div .list_div.hor .pd_info {
	padding-left: 12px;
	width: calc(100% - 152px);
	width: -webkit-calc(100% - 152px)
}

.category_div .list_div.hor .list .pd_info .name {
	height: 40px
}

.category_div .list_div.hor .list:nth-child(n+2) {
	margin-top: 16px
}

.category_div .list_div.hor .list .heart {
	top: auto;
	bottom: 6px;
	right: auto;
	left: 114px
}

.category_div .list_div .list .num {
	position: absolute;
	top: 6px;
	left: 6px;
	padding: 6px 2px;
	width: 26px;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #000;
	text-align: center;
	z-index: 1
}

.category_div .no_data_div .txt_area {
	background-position: center 48px;
	padding: 124px 20px 0;
}

/* 상단 인트로 */
.category_div .intro_div {
	position: relative;
}

/* 상단 인트로 브랜드 이동 네비게이션 */
.category_div .intro_div .brand_nav {
	margin-top: 24px;
}

.category_div .intro_div .brand_nav a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	min-width: 60px;
	height: 60px;
	border-radius: 100%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50px;
	text-indent: -9999px;
	font-size: 0 !important;
	overflow: hidden;
}

.category_div .intro_div .brand_nav .brand_164 {
	background-image: url('/res/images/logo/brand/164.svg');
}

.category_div .intro_div .brand_nav .brand_164.on {
	background-color: var(--color-brand-164);
	background-image: url('/res/images/logo/brand/164-fff.svg');
}

.category_div .intro_div .brand_nav .brand_bblab {
	background-image: url('/res/images/logo/brand/bblab.svg')
}

.category_div .intro_div .brand_nav .brand_bblab.on {
	background-color: var(--color-brand-bblab);
	background-image: url('/res/images/logo/brand/bblab-fff.svg')
}

.category_div .intro_div .brand_nav .brand_nutrionelife {
	background-image: url('/res/images/logo/brand/nutrionelife.svg')
}

.category_div .intro_div .brand_nav .brand_nutrionelife.on {
	background-color: var(--color-brand-nutrionelife);
	background-image: url('/res/images/logo/brand/nutrionelife-fff.svg')
}

.category_div .intro_div .brand_nav .brand_scentomega {
	background-image: url('/res/images/logo/brand/scentomega.svg')
}

.category_div .intro_div .brand_nav .brand_scentomega.on {
	background-color: var(--color-brand-scentomega);
	background-image: url('/res/images/logo/brand/scentomega-fff.svg')
}

.category_div .intro_div .brand_nav .brand_b2on {
	background-image: url('/res/images/logo/brand/b2on.svg')
}

.category_div .intro_div .brand_nav .brand_b2on.on {
	background-color: var(--color-brand-b2on);
	background-image: url('/res/images/logo/brand/b2on-fff.svg')
}

.category_div .intro_div .brand_nav .brand_lesecret {
	background-image: url('/res/images/logo/brand/lesecret.svg')
}

.category_div .intro_div .brand_nav .brand_lesecret.on {
	background-color: var(--color-brand-lesecret);
	background-image: url('/res/images/logo/brand/lesecret-fff.svg')
}

.category_div .intro_div .brand_nav .brand_thesaeng {
	background-image: url('/res/images/logo/brand/thesaeng.svg')
}

.category_div .intro_div .brand_nav .brand_thesaeng.on {
	background-color: var(--color-brand-thesaeng);
	background-image: url('/res/images/logo/brand/thesaeng-fff.svg')
}

.category_div .intro_div .brand_nav .brand_vitaschnell {
	background-image: url('/res/images/logo/brand/vitaschnell.svg')
}

.category_div .intro_div .brand_nav .brand_vitaschnell.on {
	background-color: var(--color-brand-vitaschnell);
	background-image: url('/res/images/logo/brand/vitaschnell-fff.svg')
}

.category_div .intro_div .brand_nav .brand_mypuzzle {
	background-image: url('/res/images/logo/brand/mypuzzle.svg')
}

.category_div .intro_div .brand_nav .brand_mypuzzle.on {
	background-color: var(--color-brand-mypuzzle);
	background-image: url('/res/images/logo/brand/mypuzzle-fff.svg')
}

.category_div .intro_div .brand_nav .brand_depeto {
	background-image: url('/res/images/logo/brand/depeto.svg')
}

.category_div .intro_div .brand_nav .brand_depeto.on {
	background-color: var(--color-brand-depeto);
	background-image: url('/res/images/logo/brand/depeto-fff.svg')
}

.category_div .intro_div .brand_nav .brand_mdspick {
	background-image: url('/res/images/logo/brand/mdspick.svg')
}

.category_div .intro_div .brand_nav .brand_mdspick.on {
	background-color: var(--color-brand-mdspick);
	background-image: url('/res/images/logo/brand/mdspick-fff.svg')
}

.category_div .intro_div .brand_nav .brand_outandabout {
	background-image: url('/res/images/logo/brand/outandabout.svg')
}

.category_div .intro_div .brand_nav .brand_outandabout.on {
	background-color: var(--color-brand-outandabout);
	background-image: url('/res/images/logo/brand/outandabout-fff.svg')
}

.category_div .intro_div .brand_nav a img {
	width: 100%;
	height: auto;
}

/* 상단 인트로 배너 */
.category_div .intro_div .banner {
	width: 100%;
	margin-top: -84px;
}

.category_div .intro_div .banner img {
	width: 100%;
}

.category_div .intro_div .banner_txt {
	position: absolute;
	top: 104px;
	width: 100%;
	padding: 0 20px;
	z-index: 1;
}

.category_div .intro_div .banner_txt .logo {
	margin-bottom: 36px;
	-webkit-animation: slide-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.category_div .intro_div .banner_txt .logo img {
	width: auto;
	height: 64px;
}

.category_div .intro_div .banner_txt .desc {
	color: var(--color-primary-2);
	-webkit-animation: slide-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation-delay: 0.7s;
	word-break: break-all;
}

.category_div .intro_div .banner_txt .banner_btn {
	display: inline-block;
	width: 100%;
	height: 52px;
	border-radius: 4px;
	background-color: #fff;
	padding: 14px;
	-webkit-animation: slide-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: slide-in-bottom 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation-delay: 1.5s;
	margin-top: 38px;
	text-align: center;
}

@-webkit-keyframes slide-in-bottom {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes slide-in-bottom {
	0% {
		-webkit-transform: translateY(100px);
		transform: translateY(50px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.category_div .intro_div .brand_intro {
	position: relative;
	margin-top: 14px
}

.category_div .intro_div .brand_intro .logo_div:after {
	content: '';
	display: block;
	clear: both
}

.category_div .intro_div .brand_intro .logo_div .logo {
	float: left;
	padding: 3px;
	width: 48px;
	height: 48px;
	border: 1px solid #ddd;
	border-radius: 100%
}

.category_div .intro_div .brand_intro .logo_div .logo img {
	width: 100%
}

.category_div .intro_div .brand_intro .logo_div .txt_div {
	float: left;
	padding: 4px 0 4px 10px;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px)
}

.category_div .intro_div .brand_intro .logo_div .txt_div .name {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.category_div .intro_div .brand_intro .logo_div .txt_div .text {
	font-size: 13px;
	line-height: 18px;
	color: #000
}

.category_div:not(.disp-func) .title_div {
	margin: 0 20px;
}

.category_div .title_div {
	padding: 0 0 20px;
}

.category_div .title_div.center {
	text-align: center;
}

.category_div .title_div {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #111
}

.category_div .title_div h2,
.category_div .title_div p {
	font: inherit;
	color: inherit;
}

.category_div .title_div .more_btn {
	position: absolute;
	top: 13px;
	right: 0;
	padding-right: 14px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	background: url('/res/images/m_icn_right_24x32.png') no-repeat right center;
	background-size: 12px 16px
}
.category_div:not(.disp-func) .best_div .product-list-1:not(.swiper-wrapper),
.category_div:not(.disp-func) .best_div .product-list-2:not(.swiper-wrapper),
.category_div:not(.disp-func) .free_type_div .product-list-1:not(.swiper-wrapper),
.category_div:not(.disp-func) .free_type_div .product-list-2:not(.swiper-wrapper),
.category_div:not(.disp-func) .free_type_div .product-type-list {
	margin: 0 20px;
}

/* 추천 영역 */
.category_div.category {
	margin-top: 20px;
}

/* 쿠폰 */
.category_div .cpn_area+.recomm_area,
.category_div .intro_div+.recomm_area {
	margin-top: 40px;
}

.category_div .cpn_area {
	position: relative;
	margin-top: 24px;
}

.category_div .cpn_area .title_div {
	margin: 0;
}

.category_div .cpn_area .cpn_com_list {
	flex-direction: row;
	flex-wrap: nowrap;
	text-align: left;
}

.category_div .cpn_area .cpn_com_list li {
	width: 288px;
}

.category_div .cpn_area .cpn_com_list li .txt_area {
	position: relative;
}

.category_div .cpn_area .cpn_com_list .list .cpn_use {
	right: 0;
	bottom: 0;
}

/* 신상품 */
.category_div .brand_new_div {
	position: relative;
}

.category_div .brand_new_div .title_div {
	position: relative;
	z-index: 1;
}

.category_div .brand_new_div .brand_new_wrap {
	position: relative;
	z-index: 1;
}

.category_div .brand_new_div .brand_new_wrap li a {
	height: 100%;
}

.category_div .brand_new_div .brand_new_wrap li a .thumb {
	width: 100%;
	height: auto;
}

.category_div .brand_new_div .brand_new_wrap li a .thumb img {
	width: 100%;
	object-fit: cover;
}

.category_div .brand_new_div .brand_new_wrap li a .info {
	position: relative;
	margin-top: -20px;
	padding: 24px 20px;
	background-color: #F9F9F9;
	z-index: 1;
}

.category_div .brand_new_div .brand_new_wrap li a .info .name {
	margin-bottom: 8px;
}

.category_div .brand_new_div .brand_new_wrap li a .info .desc {
	color: #555;
}

.category_div .brand_new_div .swiper-scrollbar {
	margin-top: 20px;
}

.category_div .brand_new_div .wrap {
	position: relative;
}

.category_div .brand_logo {
	position: absolute;
	top: -40px;
	left: 0;
	width: 100%;
	z-index: 0;
}

.category_div .brand_logo .swiper-wrapper {
	transition-timing-function: linear;
}

.category_div .brand_logo .swiper-slide {
	width: auto !important;
	height: 42px;
}

/* 동영상 영역 */
.category_div .brand_video_div {
	position: relative;
}

.category_div .brand_video_div:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

.category_div .brand_video_div iframe {
	width: 100%;
	height: 56.4vw;
}

/* 추천상품 / 인기상품 */
.category_div .recommend_div:first-child {
	margin-top: 0
}

.category_div .new_div {
	position: relative;
	padding-top: 24px
}

.category_div .new_div:first-child {
	margin-top: 0
}

.category_div .new_div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 328px;
	background: rgb(191, 233, 163);
	background: -moz-linear-gradient(top, rgba(191, 233, 163, 1) 0%, rgba(255, 240, 202, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(191, 233, 163, 1) 0%, rgba(255, 240, 202, 1) 100%);
	background: linear-gradient(to bottom, rgba(191, 233, 163, 1) 0%, rgba(255, 240, 202, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfe9a3', endColorstr='#fff0ca', GradientType=0);
	z-index: 0
}

.category_div .new_div .pd_swiper {
	padding: 24px 16px 32px;
	margin-top: -20px
}

/* .category_div .new_div .product-swiper-2 {
	padding-bottom: 20px;
} */

.category_div .new_div .product-swiper-2 .swiper-slide {
	width: 280px;
	padding: 20px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.category_div .new_div .product-swiper-2.swiper-disabled .swiper-slide {
	width: 100%;
}

.category_div .new_div .pd_swiper .swiper-slide .thumb {
	padding: 20px 40px 0;
	text-align: center;
	border-radius: 20px 20px 0 0
}

.category_div .new_div .pd_swiper .swiper-slide .thumb.noimg {
	background: #fff
}

.category_div .new_div .pd_swiper .swiper-slide .thumb.noimg:after {
	background-size: auto 100%
}

.category_div .new_div .pd_swiper .swiper-slide.pet .thumb .pet_badge {
	top: 12px;
	right: 12px
}

.category_div .new_div .pd_swiper .swiper-slide .pd_info {
	padding: 19px 20px 24px;
	border-top: 1px solid #eee
}

.category_div .new_div .pd_swiper .swiper-slide .pd_info .tag {
	margin-top: 0
}

.category_div .new_div .pd_swiper .swiper-slide .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.category_div .new_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

.category_div .new_div .pd_swiper .swiper-slide .heart {
	top: 156px;
	right: 12px
}

.category_div .new_div .pd_swiper .swiper-slide.soldout .thumb:before {
	top: 70px;
	left: 900px
}

.category_div .new_div .pd_swiper .swiper-pagination {
	bottom: 0
}

.category_div .new_div .pd_swiper .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 3px;
	width: 6px;
	height: 6px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.category_div .new_div .pd_swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	background: #000
}

.category_div .new_type_div {
	position: relative;
	margin-top: 60px
}

.category_div .new_type_div:first-child {
	margin-top: 0
}

.category_div .new_type_div .pd_swiper {
	padding: 24px 16px 32px;
	margin-top: -20px
}

.category_div .new_type_div .pd_swiper .swiper-slide {
	width: 260px;
	height: 370px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.category_div .new_type_div .pd_swiper .swiper-slide .thumb {
	padding: 20px 40px 0;
	text-align: center;
	border-radius: 20px 20px 0 0
}

.category_div .new_type_div .pd_swiper .swiper-slide .thumb.noimg {
	background: #fff
}

.category_div .new_type_div .pd_swiper .swiper-slide .thumb.noimg:after {
	background-size: auto 100%
}

.category_div .new_type_div .pd_swiper .swiper-slide.pet .pet_badge {
	top: 12px;
	right: 12px
}

.category_div .new_type_div .pd_swiper .swiper-slide .pd_info {
	padding: 19px 20px 24px;
	border-top: 1px solid #eee
}

.category_div .new_type_div .pd_swiper .swiper-slide .pd_info .tag {
	margin-top: 0
}

.category_div .new_type_div .pd_swiper .swiper-slide .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.category_div .new_type_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

.category_div .new_type_div .pd_swiper .swiper-slide .heart {
	top: 156px;
	right: 12px
}

.category_div .new_type_div .pd_swiper .swiper-slide.soldout .thumb:before {
	top: 70px;
	left: 900px
}

.category_div .new_type_div .pd_swiper .swiper-pagination {
	bottom: 0
}

.category_div .new_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 3px;
	width: 6px;
	height: 6px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.category_div .new_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	background: #000
}

.category_div .list_type_div {
	margin: 0 auto;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px)
}

.category_div .list_type_div:first-child {
	margin-top: 0
}

.category_div .free_type_div:first-child {
	margin-top: 0
}

.category_div .free_type_div .heart {
	bottom: 180px;
	right: 12px;
}

.category_div .free_type_div .pd_swiper .swiper-pagination {
	bottom: 0
}

.category_div .free_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 3px;
	width: 6px;
	height: 6px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.category_div .free_type_div .pd_swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	background: #000
}

.category_div .recomm_area {
	display: flex;
	flex-direction: column;
	gap: 40px 0;
}

.category_div .recomm_area .product-type-list {
	margin: 0 20px;
}

.category_div .cate_area {
	padding-top: 20px;
	border-top: 10px solid #f7f7f7;
}

/* 자유배너 */
.category_div .banner_type {
	width: 100%;
}

.category_div .banner_type .swiper-pagination {
	right: 20px;
	bottom: 12px;
	left: auto;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 4px;
	width: auto;
	padding: 4px 13px;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 80px;
}

.category_div .banner_type .swiper-pagination .swiper-pagination-total {
	color: #777;
}

.category_div .banner_type img {
	width: 100%;
	object-fit: cover;
}

/* 220929 카테고리 구조 추가 */
.type-google .desc {
	padding-top: 11px;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -0.5px;
	color: #333;
	margin-bottom: 10px;
}

/* 리뷰 */
.category_div .best_review_div .inner {
	width: 100%;
	margin: 0;
}

.category_div .best_review_div ul li {
	width: calc(100% - 40px) !important;
	height: 114px;
	background-color: #fff;
}

.category_div .best_review_div ul li a {
	display: flex;
	align-items: center;
	gap: 0 12px;
	width: 100%;
	height: 100%;
}

.category_div .best_review_div ul li a .info {
	width: calc(100% - 126px);
}

.category_div .best_review_div ul li a .info .name {
	margin-bottom: 8px;
}

.category_div .best_review_div ul li a .info .review-group {
	margin-top: 14px;
}

.category_div .best_review_div ul li a .thumb {
	position: relative;
	width: 114px;
	min-width: 114px;
	height: 114px;
	background-color: #F9F9F9;
	border-radius: 100%;
	padding: 12px;
}

.category_div .best_review_div ul li a .thumb img {
	width: 100%;
}

.category_div .best_review_div ul li a .thumb .soldout {
	display: flex;
			align-items: center;
			justify-content: center;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			width: 100%;
			height: 100%;
			color: #777;
			font-size: 11px;
			font-weight: 500;
			background-color: rgba(249, 249, 249, 0.85);
			border-radius: 50%;
}

.category_div .best_review_div .swiper-scrollbar {
	margin-bottom: 24px;
}

/* 카테고리 */
.category_div .cate_div {
	margin-bottom: 20px;
}

.category_div .cate_div .tab-head:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 20px;
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	background-color: #333;
}

.category_div .cate_div .tab-head ul {
	display: flex;
	/* align-items: center; */
	/* justify-content: center; */
	/* gap: 0 20px; */
	/* padding: 0 20px 20px; */
	padding-bottom: 20px;
}

.category_div .cate_div .tab-head.center .swiper-wrapper {
	justify-content: center;
}

.category_div .cate_div .tab-head li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 36px;
	padding: 0 16px;
	color: #999;
	font-size: 14px;
	line-height: 20px;
	border: 2px solid transparent;
	border-radius: 20px;
}

.category_div .cate_div .tab-head li.on {
	border-color: #333;
	color: #111;
	font-weight: 600;
}

.category_div .cate_div .tab-head li h2 {
	color: inherit;
	font: inherit;
}

/* 브랜드 전체 보기 */
.category_div .brand_all_div {
	background-color: #F9F9F9;
	padding: 40px 0;
	margin-top: 40px;
}

.category_div .brand_all_div .brand_list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.category_div .brand_all_div .brand_list li {
	width: calc(50% - 4px);
	height: 80px;
	background-color: #fff;
}

.category_div .brand_all_div .brand_list li a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 8px 0;
}

.category_div .brand_all_div .brand_list li .logo {
	display: flex;
	align-items: center;
	justify-content: center;
}

.category_div .brand_all_div .brand_list li .logo img {
	width: auto;
	height: 20px;
}

.category_div .brand_all_div .brand_list li a .desc {
	color: #555;
}

/*231228 카테고리 depth2 누락 건 추가*/
.category_div.category .intro_div {
	position: relative;
	margin-top: 24px;
	padding: 0 20px 24px;
	border-bottom: 10px solid #f7f7f7
}

.no-top-banner .category_div.category .intro_div {
	height: auto;
}

.category_div.category .intro_div .banner {
	position: static;
	border-radius: 15px;
	overflow: hidden
}

.category_div.category .intro_div .banner img {
	width: 100%
}

.category_div.category .intro_div .brand_intro {
	position: relative;
	margin-top: 14px
}

.category_div.category .intro_div .brand_intro .logo_div:after {
	content: '';
	display: block;
	clear: both
}

.category_div.category .intro_div .brand_intro .logo_div .logo {
	float: left;
	padding: 3px;
	width: 48px;
	height: 48px;
	border: 1px solid #ddd;
	border-radius: 100%
}

.category_div.category .intro_div .brand_intro .logo_div .logo img {
	width: 100%
}

.category_div.category .intro_div .brand_intro .logo_div .txt_div {
	float: left;
	padding: 4px 0 4px 10px;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px)
}

.category_div.category .intro_div .brand_intro .logo_div .txt_div .name {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.category_div.category .intro_div .brand_intro .logo_div .txt_div .text {
	font-size: 13px;
	line-height: 18px;
	color: #000
}

.category_div.category .intro_div .brand_intro .menu_div {
	margin-top: 20px
}

.category_div.category .intro_div .brand_intro .menu_div:after {
	content: '';
	display: block;
	clear: both
}

.category_div.category .intro_div .brand_intro .menu_div a {
	display: table;
	position: relative;
	float: left;
	padding: 8px 20px;
	margin-left: 4px;
	width: calc(50% - 2px);
	width: -webkit-calc(50% - 2px);
	border-radius: 5px;
	background: #f7f7f7
}

.category_div.category .intro_div .brand_intro .menu_div a:nth-child(2n+1) {
	margin-left: 0;
	clear: both
}

.category_div.category .intro_div .brand_intro .menu_div a:nth-child(n+3) {
	margin-top: 4px
}

.category_div.category .intro_div .brand_intro .menu_div a span {
	display: table-cell;
	height: 36px;
	vertical-align: middle;
	font-size: 13px;
	line-height: 18px;
	color: #000;
	text-align: center
}

.category_div.category .intro_div .brand_intro .menu_div a h2 {
	display: table-cell;
	height: 36px;
	vertical-align: middle;
	font-size: 13px;
	line-height: 18px;
	color: #000;
	text-align: center
}

/* 240102 베스트 페이지 */
.category_div.best {
	padding-bottom: 80px;
}

.category_div.best .product_list_top {
	padding: 0 !important;
}

.category_div.best .view_type_list {
	margin-top: 20px;
}

.category_div.best .product_list_top .inner {
	display: flex;
	align-items: center;
}

.category_div.best .product_list_top .date-basis {
	position: relative;
	padding-right: 18px;
}

.category_div.best .product_list_top .date-basis .date {
	color: #333;
}

.category_div.best .product_list_top .date-basis .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url(/res/images/m_icn_question_32x32.png) no-repeat center;
	background-size: 16px;
}

.category_div.best .product_list_top .date-basis .tooltip.txt_area .txt {
	margin-top: 0;
}

.category_div.best .product_list_top .view_type {
	margin-left: auto;
}

/* 240130 카테고리 여백 처리 */
.category_div.category>div.product_list_top:not(:nth-of-type(1)) {
	margin-top: 40px;
}

.display-func .category_div .intro_div .banner {
	margin-top: 0;
}

.display-func .category_div .intro_div+.recomm_area {
	padding-top: 24px;
}

/* .display-func .product-swiper-1.swiper-disabled {
	width: 100%;
	margin: 0 0 0 20px;
} */

/* .display-func .all_div {
	margin-top: 40px;
} */

/* 240905 카테고리 여백 처리 */
.display-func .category_div .top_banner{
	margin-bottom: 20px;
}

.display-func .category_div .top_banner img {
	width: 100%;
}
.display-func .category_div .best_div{
	margin-top: 20px;
	margin-bottom: 60px;
}
.display-func .category_div .new_div{
	padding-top: 40px;
	padding-bottom: 40px;
}

.display-func .category_div .new_div:before {
	height: 100%;
}

.display-func .category_div .free_type_div{
	margin-top: 40px;
	margin-bottom: 40px;
}

/* .display-func .category_div .free_type_div .title_div {
	margin: 0 20px;
} */

.display-func .category_div > div:nth-of-type(1).free_type_div {
	margin-top: 20px;
}

.display-func .category_div .free_type_div .product-swiper-1.swiper-disabled {
	margin: 0;
}

.display-func .category_div .free_type_div .product-swiper-1.swiper-disabled .swiper-wrapper {
	margin-left: 20px;
}

.display-func .category_div > div:nth-last-child(3).best_div {
	margin-bottom: 40px;
}

.category_div .title-head {
	padding: 10px 20px 20px;
}

.category_div .title-head .tit_area {
	display: flex;
	align-items: start;
	justify-content: space-between;
	width: 100%;
}

.category_div .title-head .tit_area .tit {
	width: calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
}

.category_div .title-head .period {
	display: flex;
	align-items: center;
	gap: 0 6px;
	margin-top: 6px;
}

.category_div .title-head .period .dday {
	color: var(--color-primary-1);
}

.category_div .title-head .period .date {
	color: #999;
}

/* 250617 상품 리스트 공통 */
.product-category {
	padding-bottom: 72px;
}

.product-category .title-head {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 10px 20px 20px;
	border-bottom: 10px solid #F9F9F9;
}

.product-category .title-head .name {
	width: 100%;
	color: #111;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}
.product-category .title-head .dday {
	color: #3CC814;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
}
.product-category .title-head .date {
	color: #999;
	font-size: 12px;
	line-height: 16px;
}

.product-category>.head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 24px 20px 20px;
}

.product-category>.head .count {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.product-category>.head .sort-type {
	margin-left: auto;
	height: 20px;
	padding-left: 0;
	padding-right: 22px;
	direction: rtl;
	background-position: 100% 50%;
}

.product-category>.head .view-type {
	margin-left: 2px;
	display: flex;
	align-items: center;
	gap: 0 6px;
}

.product-category>.head .view-type li {
	width: 24px;
	height: 24px;
	background-size: cover;
}
.product-category>.head .view-type li.grid {
	background-image: url(/res/images/icon/view-grid.svg);
}
.product-category>.head .view-type li.grid.on {
	background-image: url(/res/images/icon/view-grid-on.svg);
}
.product-category>.head .view-type li.list {
	background-image: url(/res/images/icon/view-list.svg);
}
.product-category>.head .view-type li.list.on {
	background-image: url(/res/images/icon/view-list-on.svg);
}

/* .product-category>.head .sort-type {
	display: flex;
	align-items: center;
	gap: 0 24px;
}

.product-category>.head .sort-type li {
	color: #999;
	font-size: 16px;
	line-height: 24px;
}

.product-category>.head .sort-type li.on {
	color: #111;
	font-weight: 500;
} */@charset "utf-8";

/* ==================== 챌린지 페이지 ==================== */
@keyframes opacity {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes float {
	0% {
		transform: translateY(15px);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(15px);
	}
}

@keyframes twinkle {
	0% {
		transform: scale(0.6);
		opacity: 0.2;
	}

	50%,
	58% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(0.6);
		opacity: 0.2;
	}
}

@keyframes shake {

	0%,
	100% {
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate(-50%, -5px);
		transform: translate(-50%, -5px);
	}

	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
}

/* ==================== 챌린지 페이지 ==================== */
.event_div .challenge-wrap {
	background: url('/res/images/challenge/m-bg.svg') 50% 0 / cover;
}

.event_div .challenge-wrap .cnt {
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	padding: 0 0 40px;
	background: url('/res/images/challenge/sun.svg') 42px -39px / 134px;
	overflow: hidden;
}

.event_div .challenge-wrap .cnt .top-info {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 436px;
}

.event_div .challenge-wrap .cnt .top-info [class*=term] {
	color: #00151E;
	font-family: GmarketSans;
	letter-spacing: -0.5px;
	text-align: center;
}

.event_div .challenge-wrap .cnt .top-info .term1 {
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding-top: 50px;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	/* animation: opacity 2s cubic-bezier(0.4, 0, 1, 1) infinite; */
}

.event_div .challenge-wrap .cnt .top-info .term1 [class*=txt] {
	display: flex;
	justify-content: center;
}

.event_div .challenge-wrap .cnt .top-info .term1 [class*=txt]>span {
	font-style: normal;
	/* transition: opacity 1s; */
	animation: wave-text 6s ease-in-out infinite;
	animation-fill-mode: both;
	opacity: 0;
}

.event_div .challenge-wrap .cnt .top-info .term1 strong {
	font-weight: 700;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt2 {
	font-weight: 700;
	/* animation: opacity 2s ease 2s infinite; */
	/* animation: wave-text 1s ease-in-out 1s infinite; */
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt1>span:nth-of-type(1) {
	animation-delay: 0.0s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt1>span:nth-of-type(2) {
	animation-delay: 0.1s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt1>span:nth-of-type(3) {
	animation-delay: 0.2s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt1>span:nth-of-type(4) {
	animation-delay: 0.3s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt1>span:nth-of-type(5) {
	animation-delay: 0.4s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt1>span:nth-of-type(6) {
	animation-delay: 0.5s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt1>span:nth-of-type(7) {
	animation-delay: 0.6s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt1>span:nth-of-type(8) {
	animation-delay: 0.7s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt2>span:nth-of-type(1) {
	animation-delay: 0.8s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt2>span:nth-of-type(2) {
	animation-delay: 0.9s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt2>span:nth-of-type(3) {
	animation-delay: 1s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt2>span:nth-of-type(4) {
	animation-delay: 1.1s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt2>span:nth-of-type(5) {
	animation-delay: 1.2s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt2>span:nth-of-type(6) {
	animation-delay: 1.3s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt2>span:nth-of-type(7) {
	animation-delay: 1.4s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt2>span:nth-of-type(8) {
	animation-delay: 1.5s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt2>span:nth-of-type(9) {
	animation-delay: 1.6s;
}

.event_div .challenge-wrap .cnt .top-info .term1 .txt2>span:nth-of-type(10) {
	animation-delay: 1.7s;
}

@keyframes wave-text {
	00% {
		transform: translateY(0em);
	}

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

	80% {
		opacity: 1;
	}

	100% {
		transform: translateY(0em);
	}
}

.event_div .challenge-wrap .cnt .top-info .term2 {
	position: relative;
	height: 330px;
	padding-top: 16px;
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	z-index: 1;
}

.event_div .challenge-wrap .cnt .top-info .term2:after {
	content: '';
	position: absolute;
	top: 20px;
	left: calc(50% - 154px);
	display: block;
	width: 462px;
	height: 308px;
	background: url('/res/images/challenge/m-mountain.svg') no-repeat 0 20px / contain;
	z-index: -1;
}

.event_div .challenge-wrap .cnt .top-info [class*=desc] {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	font-family: GmarketSans;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	line-height: 14px;
	/* animation: float 2s ease-in-out infinite; */
	background-size: cover;
}

.event_div .challenge-wrap .cnt .top-info [class*=desc] strong {
	font-weight: 700;
}

.event_div .challenge-wrap .cnt .top-info .desc1 {
	top: 68px;
	left: -10px;
	width: 110px;
	height: 66px;
	background-image: url(/res/images/challenge/m-cloud-01.svg);
}

.event_div .challenge-wrap .cnt .top-info .desc1 {
	padding-top: 26px;
	padding-bottom: 12px;
}

@media screen and (min-width: 600px) {
	.event_div .challenge-wrap .cnt .top-info .desc1 {
		left: 0;
	}
}

.event_div .challenge-wrap .cnt .top-info .desc1>span,
.event_div .challenge-wrap .cnt .top-info .desc2>span {
	font: inherit;
}

.event_div .challenge-wrap .cnt .top-info .desc2 {
	top: 12px;
	right: 10px;
	width: 102px;
	height: 62px;
	padding-top: 23.5px;
	padding-bottom: 11px;
	background-image: url(/res/images/challenge/m-cloud-02.svg);
	animation-delay: -1s;
}

.event_div .challenge-wrap .cnt .top-info .flag {
	position: absolute;
	top: 100px;
	right: calc(50% - 122.5px);
	width: 34px;
	height: 40px;
	background: url(/res/images/challenge/flag.gif) 50% 50% / cover;
}

.event_div .challenge-wrap .cnt .top-info+div {
	position: relative;
	margin-top: -168px !important;
	z-index: 1;
}

.event_div .challenge-wrap .info .sub-text {
	margin: 6px 0 24px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #333;
}

.event_div .challenge-wrap .info .sub-text b {
	color: var(--color-primary-1);
	font-weight: 600;
}

.event_div .challenge-wrap .info .img-wrap {
	position: relative;
}

.event_div .challenge-wrap .info .info-msg {
	padding-top: 12px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.2px;
	text-align: center;
	color: #777;
}

.event_div .challenge-wrap .info.alarm .bg {
	animation: wobble-hor-top 1.5s both infinite;
}

@keyframes wobble-hor-top {

	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}

	15% {
		transform: translateX(-30px) rotate(6deg);
	}

	30% {
		transform: translateX(15px) rotate(-6deg);
	}

	45% {
		transform: translateX(-15px) rotate(3.6deg);
	}

	60% {
		transform: translateX(9px) rotate(-2.4deg);
	}

	75% {
		transform: translateX(-6px) rotate(1.2deg);
	}
}

.event_div .challenge-wrap .info.alarm .flag {
	position: absolute;
	bottom: 5px;
	left: -14px;
	width: 44px;
	height: 44px;
	background: url(/res/images/challenge/m-challenge-alarm-flag.png) 50% / cover;
}

.event_div .challenge-wrap .info.alarm .bg {
	width: 80px;
	height: 80px;
	background: url(/res/images/challenge/m-challenge-alarm.svg);
}

.event_div .challenge-wrap .info.point .sub-text {
	margin-bottom: 40px;
}

.event_div .challenge-wrap .info.point .flag {
	position: absolute;
	top: -28px;
	right: -32px;
	width: 69px;
	height: 56px;
	background: url(/res/images/challenge/m-challenge-point-flag.png) 50% / cover;
	animation: float 1s both 0.5s infinite;
}

.event_div .challenge-wrap .info.point .bg {
	width: 128px;
	height: 80px;
	background: url(/res/images/challenge/m-challenge-point.svg);
}

.event_div .challenge-wrap .way .title {
	padding-bottom: 20px;
}

.event_div .challenge-wrap .way ul {
	width: 100%;
}

.event_div .challenge-wrap .way ul li {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 80px;
	padding: 16px 20px;
	background-color: #F2FEF0;
	border-radius: 8px;
}

.event_div .challenge-wrap .way ul li+li {
	margin-top: 10px;
}

.event_div .challenge-wrap .way .term {
	color: var(--color-primary-1);
	font-family: GmarketSans;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.15px;
}

.event_div .challenge-wrap .way .desc b {
	font-weight: 600;
}

.event_div .challenge-wrap .current-state {
	padding-bottom: 74px !important;
}

.event_div .challenge-wrap .current-state .title {
	padding-bottom: 24px;
}

.event_div .challenge-wrap .current-state>div {
	position: relative;
}

.event_div .challenge-wrap .current-state .speech-bubble {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	min-width: 104px;
	height: 64px;
	padding: 0px 14px;
	background: #ffffff;
	border-radius: 8px;
	z-index: 1;
}

.event_div .challenge-wrap .current-state .speech-bubble:after {
	content: '';
	position: absolute;
	bottom: -19px;
	width: 23px;
	height: 20px;
	background: url(/res/images/speech-bubble-knob.png) 50% 50%;
	background-size: cover;
}

.event_div .challenge-wrap .current-state .speech-bubble.people,
.event_div .challenge-wrap .current-state .speech-bubble.success {
	box-shadow: 0 10px 10px 0 rgb(0 0 0 / 8%);
}

.event_div .challenge-wrap .current-state .speech-bubble.point,
.event_div .challenge-wrap .current-state .speech-bubble.precent {
	box-shadow: 0 6px 6px 0 rgb(0 0 0 / 8%);
}

.event_div .challenge-wrap .current-state .speech-bubble.people {
	top: 0;
	right: -20px;
}

.event_div .challenge-wrap .current-state .speech-bubble.people:after {
	left: 35px;
}

.event_div .challenge-wrap .current-state .speech-bubble.point {
	right: 10px;
	bottom: -30px;
}

.event_div .challenge-wrap .current-state .speech-bubble.point:after {
	top: -19px;
	left: 42px;
	transform: scaleX(-1) rotate(-180deg);
}

.event_div .challenge-wrap .current-state .speech-bubble.precent {
	bottom: -30px;
	left: 10px;
}

.event_div .challenge-wrap .current-state .speech-bubble.precent:after {
	top: -18px;
	right: 42px;
	transform: rotate(180deg);
}

.event_div .challenge-wrap .current-state .speech-bubble.success {
	top: 79px;
	left: -27px;
}

.event_div .challenge-wrap .current-state .speech-bubble.success:after {
	right: 42px;
	transform: scaleX(-1);
}

.event_div .challenge-wrap .current-state .speech-bubble span {
	font-family: GmarketSans;
	display: block;
}

.event_div .challenge-wrap .current-state .speech-bubble .term {
	font-size: 13px;
	line-height: 20px;
	color: var(--color-primary-2)
}

.event_div .challenge-wrap .current-state .speech-bubble .desc {
	line-height: 29px;
	font-size: 14px;
	font-weight: 500;
	color: #555;
}

.event_div .challenge-wrap .current-state .speech-bubble .desc strong {
	font-size: 20px;
	font-weight: bold;
	color: #FD787C;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap .circle-progress {
	position: relative;
	width: 250px;
	height: 250px;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap svg {
	position: relative;
	width: 250px;
	height: 250px;
	transform: rotate(-90deg);
}

.event_div .challenge-wrap .current-state .circle-progress-wrap svg circle {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #f0f0f0;
	stroke-width: 35;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap svg circle:last-of-type {
	stroke-dasharray: 628px;
	stroke: #FD787C;
	animation: circleProgress 2s infinite ease-in-out;
}

@keyframes circleProgress {
	from {
		stroke-dashoffset: 628px;
	}

	to {
		stroke-dashoffset: 125px;
	}
}

.event_div .challenge-wrap .current-state .circle-progress-wrap .text {
	position: absolute;
	top: 43px;
	left: 43px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 165px;
	height: 165px;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap .text:before {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background: url(/res/images/challenge/alarm.svg) 50% 0 / cover;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap .text * {
	display: block;
	color: var(--color-primary-2);
	font-family: GmarketSans;
	text-align: center;
	line-height: 22px;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap .text span {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap .text strong {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -1px;
}

.event_div .challenge-wrap .page_bottom_noti {
	margin-top: 0;
	padding-bottom: 72px;
}





















/* 기존코드 */

.event_div .challenge-wrap .cnt>div:not(.top-info) {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 32px 20px 0;
	padding: 40px 20px;
	border-radius: 8px;
	background-color: #fff;
}

.event_div .challenge-wrap .cnt .title,
.challenge_recode_pop .title {
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.5px;
	color: #111;
	text-align: center;
}

.event_div .challenge-wrap .cnt .title b,
.challenge_recode_pop .title b {
	font-weight: bold;
}

.event_div .challenge-wrap .cnt .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	margin-top: 32px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #fff;
	border-radius: 5px;
	background-color: #3cc814;
}

.event_div .challenge-wrap .my-state {
	position: relative;
}

.event_div .challenge-wrap .my-state .title {
	margin-bottom: 0;
}

.event_div .challenge-wrap .my-state .period,
.challenge_recode_pop .period {
	margin-top: 6px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.2px;
}

.event_div .challenge-wrap .my-state .product-item-list,
.challenge_recode_pop .product-item-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

.event_div .challenge-wrap .my-state .product-item-list .thumb,
.challenge_recode_pop .product-item-list .thumb {
	width: 60px;
	height: 60px;
	padding: 0;
	border-radius: 6px;
}

.event_div .challenge-wrap .my-state .product-item-list .thumb img,
.challenge_recode_pop .product-item-list .thumb img {
	width: 100%;
	height: 100%;
}

/* .event_div .challenge-wrap .my-state .product-item-list .name,
.challenge_recode_pop .product-item-list .name {
	flex: 1;
	font-size: 14px;
	letter-spacing: -0.5px;
	color: #000;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	max-height: 37px;
	min-height: 18px;
} */

/* .event_div .challenge-wrap .my-state .product-item-list .name strong,
.challenge_recode_pop .product-item-list .name strong {
	font-weight: 500;
} */

.event_div .challenge-wrap .my-state .achieve-rate,
.challenge_recode_pop .achieve-rate {
	width: 100%;
	margin-top: 20px;
}

.event_div .challenge-wrap .my-state .achieve-rate .head,
.challenge_recode_pop .achieve-rate .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 4px;
}

.event_div .challenge-wrap .my-state .achieve-rate .head .term,
.challenge_recode_pop .achieve-rate .head .term {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #111;
}

.event_div .challenge-wrap .my-state .achieve-rate .head .desc,
.challenge_recode_pop .achieve-rate .head .desc {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #333;
}

.event_div .challenge-wrap .my-state .achieve-rate .head .desc strong,
.challenge_recode_pop .achieve-rate .head .desc strong {
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
}

.event_div .challenge-wrap .my-state .achieve-rate .progress,
.challenge_recode_pop .achieve-rate .progress {
	width: 100%;
	height: 8px;
	border-radius: 5px;
	background-color: #f7f7f7;
}

.event_div .challenge-wrap .my-state .achieve-rate .progress .gauge,
.challenge_recode_pop .achieve-rate .progress .gauge {
	height: 100%;
	border-radius: 8px;
	background-color: var(--color-primary-1);
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list,
.challenge_recode_pop .achieve-rate .state-list {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li,
.challenge_recode_pop .achieve-rate .state-list li {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 66px;
	border-radius: 5px;
	border: 1px solid #eee;
	background-color: #fff;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li.state,
.challenge_recode_pop .achieve-rate .state-list li.state {
	justify-content: flex-start;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li.state>div,
.challenge_recode_pop .achieve-rate .state-list li.state>div {
	flex: 1;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li:not(.state),
.challenge_recode_pop .achieve-rate .state-list li:not(.state) {
	flex-direction: column;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li+li,
.challenge_recode_pop .achieve-rate .state-list li+li {
	margin-left: 5px;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li>div+div,
.challenge_recode_pop .achieve-rate .state-list li>div+div {
	position: relative;
	/* padding-left: 13px; */
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li>div+div:before,
.challenge_recode_pop .achieve-rate .state-list li>div+div:before {
	content: '';
	position: absolute;
	top: 18px;
	left: 0;
	display: block;
	width: 1px;
	height: 12px;
	/* margin: 0 6px; */
	background-color: #eee;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li div.fail *,
.challenge_recode_pop .achieve-rate .state-list li div.fail * {
	color: #ccc;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list .term,
.challenge_recode_pop .achieve-rate .state-list .term {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #111;
	text-align: center;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list .desc,
.challenge_recode_pop .achieve-rate .state-list .desc {
	padding-top: 2px;
	font-size: 11px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.2px;
	text-align: center;
	color: #555;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list .desc strong,
.challenge_recode_pop .achieve-rate .state-list .desc strong {
	font-size: 16px;
	font-weight: bold;
	color: var(--color-primary-1);
}

.event_div .challenge-wrap .my-state .attend-list,
.challenge_recode_pop .attend-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 24px;
}

.event_div .challenge-wrap .my-state .attend-list li,
.challenge_recode_pop .attend-list li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: calc(20vw - 24px);
	height: calc(20vw - 24px);
	max-width: 96px;
	max-height: 96px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #999;
	border-radius: 50%;
}

.challenge_recode_pop .attend-list li.end {
	font-family: 'GmarketSans';
	font-weight: 700;
}

.event_div .challenge-wrap .my-state .attend-list li:nth-child(5n),
.challenge_recode_pop .attend-list li:nth-child(5n) {
	margin-right: 0;
}

.event_div .challenge-wrap .my-state .attend-list li.success:after,
.challenge_recode_pop .attend-list li.success:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/res/images/challenge/m-challenge-success.svg) 50% 50% / cover;
}

.event_div .challenge-wrap .my-state .attend-list li.end:after,
.challenge_recode_pop .attend-list li.end:after {
	content: '섭취\A완료';
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: var(--color-primary-1);
	font-family: 'GmarketSans';
	font-size: 12px;
	font-weight: 700;
	line-height: 14px;
	letter-spacing: -0.5px;
	text-align: center;
	white-space: pre;
	border-radius: 50%;
	background-color: #F4FCE9;
}

.event_div .challenge-wrap .my-state .attend-list li.current,
.challenge_recode_pop .attend-list li.current {
	color: var(--color-primary-1);
	background-color: #F4FCE9;
}

.event_div .challenge-wrap .my-state .attend-list li.current:before,
.event_div .challenge-wrap .my-state .attend-list li.current:after,
.challenge_recode_pop .attend-list li.current:before,
.challenge_recode_pop .attend-list li.current:after {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	animation: shake 5s infinite;
}

.event_div .challenge-wrap .my-state .attend-list li.current:before,
.challenge_recode_pop .attend-list li.current:before {
	content: '섭취';
	top: -14px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	min-width: 60px;
	height: 26px;
	font-family: 'GmarketSans';
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: #fff;
	background-color: #0F2846;
	border-radius: 20px;
	box-shadow: inset 1px 1px 6px rgba(31, 57, 130, 0.5), inset 1px 2px 7px #051D27;
	padding: 0 8px;
}

.event_div .challenge-wrap .my-state .attend-list li.current:after,
.challenge_recode_pop .attend-list li.current:after {
	content: '';
	top: 10px;
	width: 10px;
	height: 6px;
	background: url(/res/images/challenge/speech-bubble.svg) no-repeat 50% 100% / 10px 6px;
}

.event_div .challenge-wrap .my-state .info-msg,
.challenge_recode_pop .info-msg {
	/* text-align: right;
	margin-top: calc(-10vw - 18px); */
	margin-top: 12px;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #333;
}

.event_div .challenge-wrap .my-state .info-msg strong,
.challenge_recode_pop .info-msg strong {
	font-weight: 500;
	color: var(--color-primary-1);
}

.event_div .challenge-wrap .my-state .record-btn {
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #111;
	text-decoration: underline;
}

.event_div .challenge-wrap .share-benefit ul {
	display: flex;
}

.event_div .challenge-wrap .share-benefit li,
.event_div .challenge-wrap .share-benefit li a,
.event_div .challenge-wrap .share-benefit a img {
	width: 56px;
	height: 56px;
}

.event_div .challenge-wrap .share-benefit li+li {
	margin-left: 20px;
}

.event_div .challenge-wrap .share-benefit .title {
	padding-bottom: 24px;
}

.event_div .challenge-wrap .fixed-info {
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	z-index: 1;
}

.event_div .challenge-wrap .fixed-info.up {
	bottom: 52px;
}

.event_div .challenge-wrap .fixed-info p,
.event_div .challenge-wrap .fixed-info a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #fff;
	background-color: var(--color-primary-1);
}

.event_div .challenge-wrap .fixed-info p.success,
.event_div .challenge-wrap .fixed-info a.success {
	background-color: #ddd;
}


/* 챌린지 기록보기 팝업 */
.challenge_recode_pop .pop_con {
	position: relative;
	text-align: center;
	/* margin: 0 20px; */
}

.challenge_recode_pop .pop_con .product-item-list,
.challenge_recode_pop .pop_con .achieve-rate,
.challenge_recode_pop .pop_con .attend-list {
	padding: 0 20px;
}

.challenge_recode_pop .pop_con .period {
	display: inline-flex;
}

.challenge_recode_pop .pop_con select.period.is-prev {
	height: 20px;
	background: transparent;
	padding-right: 24px;
	background: url(/res/images/icon/arrow-down-555.svg) 100% 50% / 20px;
}

.challenge_recode_pop .pop_con select.period.is-prev .option {
	background-color: #fff;
}

.challenge_recode_pop .achieve-rate .state-list li>div+div:before {
	top: 15px;
}

.challenge_recode_pop .product-item-list {
	margin-top: 20px;
}

.challenge_recode_pop .attend-list {
	max-width: 581px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
}

.challenge_recode_pop .attend-list li {
	width: calc(20vw - 16px);
	height: calc(20vw - 16px);
}

/* 챌린지 상품 선택 */
.chall-select-item>.cnt {
	min-height: 240px;
	max-height: calc(100vh - 320px);
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 72px !important;
	border-radius: 8px 8px 0 0;
}

.chall-select-item .title {
	margin: 20px 0 16px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #111;
}

.chall-select-item ul {
	padding: 16px;
	border-radius: 8px;
	background-color: #f9f9f9;
}

.chall-select-item .product-type-list {
	gap: 12px 0;
}

.chall-select-item .product-item-list .radio_box {
	margin-right: 10px;
}

.chall-select-item .product-item-list .thumb {
	width: 80px;
	height: 80px;
	background-color: #fff;
}

.chall-select-item .product-item-list .thumb img {
	width: 68px;
	height: 68px;
}

.chall-select-item .btn-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 52px;
}

.chall-select-item .btn-wrap>a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 100%;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.2px;
}

.chall-select-item .btn-wrap>.close-btn {
	color: var(--color-primary-1);
	border: solid 1px var(--color-primary-1);
	background-color: #fff;
}

.chall-select-item .btn-wrap>.chall-btn {
	color: #fff;
	background-color: var(--color-primary-1);
}

.chall-select-item.many .cnt {
	padding-bottom: 52px !important;
}

.chall-select-item.many ul {
	min-height: 204px;
	max-height: calc(100vh - 432px);
	border-radius: 8px 8px 0 0;
	overflow-y: auto;
}

/* 챌린지 후기 팝업 */
.chall-comment-pop>.cnt {
	max-height: calc(100vh - 173px);
	padding: 0 20px;
	border-radius: 8px 8px 0 0;
	overflow-y: auto;
}

.chall-comment-pop .title {
	padding-top: 20px;
	padding-bottom: 16px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #000;
}

.chall-comment-pop .result-info {
	padding: 20px 16px;
	border-radius: 8px;
	background-color: #f9f9f9;
}

.chall-comment-pop .result-info li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 20px;
}

.chall-comment-pop .result-info li+li {
	margin-top: 10px;
}

.chall-comment-pop .result-info .term {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #111;
}

.chall-comment-pop .result-info .desc {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: #555;
}

.chall-comment-pop .result-info .desc strong {
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	color: var(--color-primary-1);
}

.chall-comment-pop .grade-info {
	padding: 24px 0 0;
	text-align: center;
}

.chall-comment-pop .grade-info .title {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #111;
}

.chall-comment-pop .btn {
	padding-bottom: 32px;
}

.chall-comment-pop .btn a {
	margin-left: 0;
}@charset "utf-8";

/* 광고·제휴 문의 */
.inqu_div {
	padding: 32px 0 72px
}

.inqu_div .title {
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #333;
	text-align: center
}

.inqu_div .text {
	margin: 12px 0 24px;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	text-align: center
}

.inqu_div .input_form .input_area .select_form {
	height: 48px;
	margin-right: 0;
}

.inqu_div .input_form .input_area .select_form .select {
	height: 48px;
}

.inqu_div .input_form .input_area .select_form .text {
	font-size: 13px;
	line-height: 18px;
	text-align: left;
}

/* .inqu_div .input_form .textarea_div {
	padding: 0 0 64px;
	background: #f7f7f7;
	border-radius: 10px
} */

.inqu_div .input_form .textarea_div .byte {
	right: 10px;
	bottom: 16px
}

.inqu_div .upload_div {
	position: relative;
	margin-top: 8px;
	padding: 32px 15px 24px;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 10px
}

.inqu_div .upload_div .upload_info {
	display: none
}

.inqu_div .upload_div .txt {
	padding-top: 68px;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	background: url('/res/images/m_inqu_upload.png') no-repeat center top;
	background-size: 56px
}

.inqu_div .upload_div .btn {
	display: block;
	margin: 24px auto 0;
	padding: 12px 0;
	width: 130px;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	background: #3cc814;
	border-radius: 10px;
}

.inqu_div .upload_div input[type="file"] {
	position: absolute;
	bottom: 22px;
	left: 50%;
	transform: translateX(-50%);
	width: 130px;
	height: 48px;
	opacity: 0
}

.inqu_div .upload_div.upload .upload_info {
	display: block;
	padding-bottom: 20px
}

.inqu_div .upload_div.upload .upload_info .icon {
	display: block;
	position: relative;
	margin: 0 auto;
	padding-top: 34px;
	width: 56px;
	background: url('/res/images/m_inqu_file.png') no-repeat center top;
	background-size: 56px;
	text-align: center
}

.inqu_div .upload_div.upload .upload_info .icon span {
	display: inline-block;
	width: 44px;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	background: #000;
	border-radius: 4px
}

.inqu_div .upload_div.upload .upload_info .icon .delete {
	position: absolute;
	top: -13px;
	right: -13px;
	width: 26px;
	height: 26px;
	background: url('/res/images/m_clear_delete_32x32.png') no-repeat center;
	background-size: 16px
}

.inqu_div .upload_div.upload .upload_info .name {
	display: inline-block;
	margin-top: 12px;
	padding: 0 1px;
	max-width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.inqu_div .upload_div.upload .txt {
	display: none
}

.inqu_div .chk_div {
	margin-top: 16px
}

.inqu_div .dot_indent {
	margin-top: 12px
}

.inqu_div .dot_indent p {
	margin-top: 2px
}

.inqu_div .dot_indent p:first-child {
	margin-top: 0
}

.inqu_div .capcha {
	margin-top: 24px;
	text-align: center
}

.inqu_div .capcha img {
	width: 100%
}

.inqu_div .btn_type {
	margin-top: 32px
}

#captcha_secret {
	transform-origin: 0 0
}

#captcha_secret.big {
	display: inline-block;
	transform-origin: top
}

/* 이용약관 및 개인정보 처리방침 등 */
.term_div {
	color: #000;
	padding-top: 40px;
	padding-bottom: 72px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
}

.term_div .title {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.2px
}

.term_div .anchor_div a {
	color: #3cc814
}

.term_div .anchor_div h2 {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
}

.term_div .text_div {
	margin-top: 32px
}

.term_div .tit {
	margin-top: 24px;
	font-weight: 500;
}

.term_div .tit:first-child {
	margin-top: 0
}

.term_div .tit.etc {
	margin-top: 32px;
}

.term_div .tit span {
	display: inline-block;
	margin-right: 6px;
}

.term_div .txt {
	margin-top: 12px;
}

.term_div .txt:first-child {
	margin-top: 0
}

.term_div .txt .noti {
	margin-top: 4px;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #999
}

.term_div .txt p {
	margin-top: 8px;
}

.term_div .txt p:first-child {
	margin-top: 0;
}

.term_div .txt table {
	position: relative;
	margin-top: 20px
}

.term_div .txt table:first-child {
	margin-top: 0
}

.term_div .txt table:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #555
}

.term_div .txt table thead tr th {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #555;
	text-align: left;
	padding: 12px 8px;
	background: #f7f7f7
}

.term_div .txt table tbody tr th {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #111;
	text-align: left;
	padding: 12px 8px
}

.term_div .txt table tr td {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #111;
	text-align: left;
	padding: 12px 8px;
	vertical-align: top;
}

.term_div .txt table tr th:last-child,
.term_div .txt table tr td:last-child {
	border-right: none;
}

.term_div .txt table tbody tr:last-child th,
.term_div .txt table tbody tr:last-child td {
	border-bottom: 1px solid #555
}

.term_div .txt table tr:last-child td {
	border-bottom: none
}

.term_div .txt .dot_indent {
	margin-top: 4px
}

.term_div .txt .dot_indent p {
	margin-top: 2px;
}

.term_div .txt .dot_indent p:first-child {
	margin-top: 0;
}

.term_div .txt .dot_indent+p {
	margin-top: 10px
}

.term_div .txt .indent {
	padding-left: 15px;
	margin-top: 4px
}

.term_div .txt .indent p {
	margin-top: 2px
}

.term_div .txt .indent p:first-child {
	margin-top: 0
}

.term_div .txt .indent .dot_indent p {
	margin-top: 2px
}

.term_div .txt .indent .dot_indent p:first-child {
	margin-top: 0
}

.term_div .sub_tit {
	margin-left: 8px;
	margin-top: 12px;
}

.term_div .sub_tit+.dot_indent {
	margin-left: 8px;
	margin-top: 6px;
}

.term_div .txt a {
	color: #3cc814
}

.term_div .select_div {
	margin-top: 20px;
	width: 100%;
}

.term_div .select_div select {
	width: 100%;
}
/* nutrione.css 6569 (####삭제###) */

/* nutrione.css 6569 (####삭제###) */

/* nutrione.css 9829 */
.page_bottom_noti .dot_indent {
	margin-top: 8px;
	text-align: left;
}

/*  230912 쿠폰존 */
.coupon_zone .coupon_div {
    padding-top: 0;
}

.coupon_zone .banner {
	position: relative;
	width: 100%;
	height: 410px;
	background: url('/res/images/banner/m-cpn-zone-banner-bg.png') no-repeat center top 59px / 320px auto #DBF4FC;
	overflow: hidden;
}

.coupon_zone .banner .txt {
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 100%;
	text-align: center;
}

.coupon_zone .banner .txt .desc {
	display: block;
	margin-top: 12px;
	color: #333;
}

.coupon_zone .banner .btn {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 40px);
	height: 52px;
	background-color: #fff;
	border-radius: 4px;
	z-index: 1;
}

.coupon_zone .banner .btn.disabled {
	color: #fff;
	background-color: #ddd;
}

.coupon_zone .banner::before,
.coupon_zone .banner::after {
	content: '';
	position: absolute;
	background: #DBF4FC;
	mix-blend-mode: multiply;
	opacity: 0.4;
	filter: blur(32.16px);
}

.coupon_zone .banner::before {
	top: -52px;
	left: -50px;
	width: 178px;
	height: 175px;
}

.coupon_zone .banner::after {
	top: 150px;
	right: -214.32px;
	width: 371px;
	height: 262px;
}

.coupon_zone .no_data_div .txt_area {
    padding: 80px 20px 24px;
    background: url('/res/images/icon/nodata.svg') no-repeat center top;
}

.coupon_zone .coupon_zone_div {
	width: calc(100% - 40px);
    margin: 0 auto;
}

.coupon_zone .coupon_zone_div .cpn_com_list {
    flex-direction: column;
	gap: 16px 0;
    padding: 0;
    margin-top: 24px;
}

.coupon_zone .page_bottom_noti {
	margin-top: 24px;
	padding-bottom: 80px;
}

.coupon_zone .no_data_div .txt_area {
	border-bottom: none;
}@charset "utf-8";

/* 고객센터 > 메인*/
.cs-wrap .cs-main > div > .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	padding: 0 20px;
	border-bottom: 1px solid #eee;
}

.cs-wrap .cs-main > div > .head .title {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.cs-wrap .cs-main .faq-wrap {
	margin-bottom: 32px;
}

.cs-wrap .cs-main .faq-wrap .accordion li,
.cs-wrap .cs-faq .list .accordion li {
	border-bottom: 1px solid #eee;
}

.cs-wrap .cs-main .faq-wrap .accordion li .head,
.cs-wrap .cs-faq .list .accordion li .head {
	position: relative;
	padding: 20px 60px 20px 20px;
}

.cs-wrap .cs-main .faq-wrap .accordion li .head:after,
.cs-wrap .cs-faq .list .accordion li .head:after {
	position: absolute;
	top: 20px;
	right: 20px;
}

.cs-wrap .cs-main .faq-wrap .accordion li .head .type,
.cs-wrap .cs-faq .list .accordion li .head .type {
	margin-right: 4px;
	color: #3CC814;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.cs-wrap .cs-main .faq-wrap .accordion li .head .name,
.cs-wrap .cs-faq .list .accordion li .head .name {
	display: inline;
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.cs-wrap .cs-main .faq-wrap .accordion li .body,
.cs-wrap .cs-faq .list .accordion li .body {
	display: none;
	padding: 18px 20px;
	border-top: 1px solid #eee;
}

.cs-wrap .cs-main .faq-wrap .accordion li .body p,
.cs-wrap .cs-faq .list .accordion li .body p {
	color: #333;
	font-size: 14px;
	line-height: 20px;
}

.cs-wrap .cs-main .faq-wrap .accordion li .body img,
.cs-wrap .cs-faq .list .accordion li .body img {
	max-width: 100%;
}

.cs-wrap .cs-main .faq-wrap .btn-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px 0;
	margin: 32px 20px 0;
}

.cs-wrap .cs-main .faq-wrap .btn-wrap .inquiry-btn {
	color: #111;
	font-weight: 400;
	border-color: #ddd
}

.cs-wrap .cs-main .faq-wrap .btn-wrap .kakao-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
  font-size: 16px;
	background-color: #FEE500;
	border-radius: 4px;
}

.cs-wrap .cs-main .faq-wrap .btn-wrap .kakao-btn span {
	padding-left: 32px;
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
	line-height: inherit;
	background: url(/res/images/icon/kakao.svg) no-repeat 0 50% / 32px;
}

.cs-wrap .cs-main .notice-wrap {
	border-top: 10px solid #F5F5F5;
	margin-bottom: 72px;
}

.cs-wrap .cs-main .notice-wrap .list li.fixed,
.cs-wrap .cs-notice .list li.fixed {
	background-color: #F9F9F9;
}

.cs-wrap .cs-main .notice-wrap .list li a,
.cs-wrap .cs-notice .list li a {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 6px;
	padding: 24px 20px;
}

.cs-wrap .cs-main .notice-wrap .list li a:after,
.cs-wrap .cs-notice .list li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: calc(100% - 40px);
	height: 1px;
	margin: 0 20px;
	background-color: #eee
}

.cs-wrap .cs-main .notice-wrap .list li .flag,
.cs-wrap .cs-notice .list li .flag,
.cs-wrap .cs-notice-dtl .head .flag {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 20px;
	font-size: 11px;
	font-weight: 500;
	border-radius: 4px;
}

.cs-wrap .cs-main .notice-wrap .list li .flag.notice,
.cs-wrap .cs-notice .list li .flag.notice,
.cs-wrap .cs-notice-dtl .head .flag.notice {
	color: #fff;
	background-color: #052832;
}

.cs-wrap .cs-main .notice-wrap .list li .flag.media,
.cs-wrap .cs-notice .list li .flag.media,
.cs-wrap .cs-notice-dtl .head .flag.media {
	color: #3cc814;
	border: 1px solid #3CC814;
	background-color: #F2FFF0;
}

.cs-wrap .cs-main .notice-wrap .list li .flag.event,
.cs-wrap .cs-notice .list li .flag.event,
.cs-wrap .cs-notice-dtl .head .flag.event {
	color: #FF3894;
	border: 1px solid #FF3894;
	background-color: #FFEFF6
}

.cs-wrap .cs-main .notice-wrap .list li .date,
.cs-wrap .cs-notice .list li .date,
.cs-wrap .cs-notice-dtl .head .date {
	color: #999;
	font-size: 13px;
	line-height: 18px;
}

.cs-wrap .cs-main .notice-wrap .list li .name,
.cs-wrap .cs-notice .list li .name {
	width: 100%;
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.cs-wrap .cs-main .cs-info {
	padding-bottom: 20px;
	text-align: center;
}

.cs-wrap .cs-main .cs-info .tel {
	display: inline-flex;
	align-items: center;
	gap: 0 6px;
	padding: 13px 26px;
	color: #111;
	font-size: 16px;
	border: 1px solid #bbb;
	border-radius: 26px;
}

.cs-wrap .cs-main .cs-info .tel span {
	color: #111;
	font-size: 20px;
	font-weight: 700;
	padding-left: 20px;
	background: url("/res/images/icon/call-111.svg") 0 50% / 20px;
}

.cs-wrap .cs-main .cs-info .info {
	display: block;
	width: 100%;
	margin-top: 10px;
	color: #777;
	font-size: 12px;
	line-height: 16px;
}

/* 고객센터 > 자주하는 질문 */
.cs-wrap .cs-faq .search-wrap {
	margin: 0 20px;
}

.cs-wrap .cs-faq .search-wrap .input_form {
	position: relative;
}

.cs-wrap .cs-faq .search-wrap .input_form input {
	height: 48px;
	margin: 0;
	padding: 14px 56px 14px 16px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.cs-wrap .cs-faq .search-wrap .input_form .delete {
	right: 48px
}

.cs-wrap .cs-faq .search-wrap .input_form .search-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 16px;
	width: 24px;
	height: 24px;
	background: url("/res/images/icon/search-111.svg") no-repeat 50% / 24px;
}

.cs-wrap .cs-faq .list>.head {
	padding: 32px 20px 20px;
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	border-bottom: 1px solid #eee;
}

/* 고객센터 > 공지사항 */
.cs-wrap .cs-notice .list {
	margin-top: 8px;
}

.cs-wrap .cs-notice-dtl .head {
	margin: 0 20px;
	padding: 24px 0;
	border-bottom: 1px solid #eee;
}

.cs-wrap .cs-notice-dtl .head .flag {
	display: inline-flex;
	margin-right: 2px;
	vertical-align: middle;
}

.cs-wrap .cs-notice-dtl .head .name {
	color: #111;
	font-size: 18px;
	line-height: 26px;
}

.cs-wrap .cs-notice-dtl .head .date{
	display: block;
	width: 100%;
	margin-top: 4px;
}

.cs-wrap .cs-notice-dtl .body {
	padding: 24px 20px 32px;
	word-break: break-all;
}

.cs-wrap .cs-notice-dtl .body div,
.cs-wrap .cs-notice-dtl .body p {
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.cs-wrap .cs-notice-dtl .body img {
	max-width: 100%;
}

.cs-wrap .cs-notice-dtl .body table {
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}

.cs-wrap .cs-notice-dtl .body table td {
	padding: 11px 8px;
	color: #555;
	font-size: 13px;
	line-height: 18px;
	vertical-align: middle;
}

.cs-wrap .cs-notice-dtl .body table td * {
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

.cs-wrap .cs-notice-dtl .body table td+td {
	border-left: 1px solid #ddd;
}

.cs-wrap .cs-notice-dtl .body table tbody tr+tr td {
	border-top: 1px solid #ddd;
}

.cs-wrap .cs-notice-dtl .post-navi {
	padding: 24px 20px 0;
	border-top: 10px solid #F5F5F5;
}

.cs-wrap .cs-notice-dtl .post-navi li a {
	display: flex;
	align-items: center;
	gap: 0 16px;
}

.cs-wrap .cs-notice-dtl .post-navi li a:after {
	content: '';
	width: 20px;
	height: 20px;
	background: url(/res/images/icon/arrow-right-555.svg) 50% 50% / 20px;
}

.cs-wrap .cs-notice-dtl .post-navi li:not(:last-child) a {
	padding-bottom: 20px;
}

.cs-wrap .cs-notice-dtl .post-navi li+li {
	border-top: 1px solid #eee;
}

.cs-wrap .cs-notice-dtl .post-navi li+li a {
	padding-top: 20px;
}

.cs-wrap .cs-notice-dtl .post-navi li .flag {
	color: #bbb;
	font-size: 13px;
	line-height: 18px;
}

.cs-wrap .cs-notice-dtl .post-navi li .name {
	flex: 1;
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.cs-wrap .cs-notice-dtl .list-btn {
	width: calc(100% - 40px);
	margin: 32px 20px 0;
	font-size: 14px;
}

/* 1:1 문의: 250623 18-9. 마이페이지 1:1 작업 시 삭제 */
.inqu_wrt_div {
	padding-bottom: 72px;
}

.inqu_wrt_div .devide:before {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: #f7f7f7;
}

.inqu_wrt_div .tit {
	margin-top: 24px;
	color: #111;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
}

.inqu_wrt_div .textarea_div {
	padding-top: 24px;
}

.inqu_wrt_div .textarea_div .textarea_wrap {
	margin-top: 8px;
	width: 100%;
	height: 134px;
	background: #f7f7f7;
	padding: 14px 12px 46px 12px;
	border-radius: 10px;
}

.inqu_wrt_div .textarea_div .textarea_wrap textarea {
	width: 100%;
	height: 74px;
}

.inqu_wrt_div .textarea_div select {
	border: 1px solid #ddd;
}

.inqu_wrt_div .textarea_div .chk_box {
	margin-top: 12px;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #000;
}

.inqu_wrt_div .pic_div {
	padding: 24px 0 32px 0;
}

.inqu_wrt_div .pic_div .upload_pic {
	margin-top: 14px
}

.inqu_wrap {
	padding-bottom: 72px;
}

.inqu_wrap .no_data_div {
	margin-top: 48px;
}

.inqu_list_div .list {
	border-bottom: 1px solid #eee;
}

.inqu_list_div .list .open {
	padding-top: 24px;
	padding-bottom: 24px;
	display: block;
	padding: 20px 60px 20px 20px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/icon/arrow-down-111.svg') no-repeat right 20px top 50%;
	background-size: 20px;
}

.inqu_list_div .list .close {
	display: none;
}

.inqu_list_div .list.on .open {
	background: url('/res/images/icon/arrow-up-111.svg') no-repeat right 20px top 50%;
	background-size: 20px;
}

.inqu_list_div .list .open .tit {
	color: #111;
	font-size: 14px;
	line-height: 20px;
	word-break: break-all;
}

.inqu_list_div .list.secret .open .tit:after {
	background: url("/res/images/icon/lock-111.svg") center no-repeat;
	content: '';
	background-size: 16px;
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-left: 4px;
}

.inqu_list_div .list .open .info {
	margin-top: 6px;
	font-size: 13px;
	line-height: 18px;
	display: table;
}

.inqu_list_div .list .open .info p {
	display: table-cell;
	position: relative;
	padding-right: 20px;
}

.inqu_list_div .list .open .info p:last-child {
	padding-right: 0;
}

.inqu_list_div .list .open .info p:after {
	display: block;
	content: '';
	width: 1px;
	height: 10px;
	background: #ddd;
	position: absolute;
	top: 3px;
	right: 10px;
}

.inqu_list_div .list .open .info p:last-child:after {
	display: none
}

.inqu_list_div .list .open .info .state {
	font-weight: 500;
}

.inqu_list_div .list.wait .open .info .state {
	color: #999
}

.inqu_list_div .list.comp .open .info .state {
	color: #3cc814
}

.inqu_list_div .list .open .info .date {
	color: #999
}

.inqu_list_div .list.comp .close {
	border-top: none;
	display: none;
	padding: 0 20px 24px 20px;
}

.inqu_list_div .list.wait .close {
	padding: 0 20px;
}

.inqu_list_div .list .question {
	border-top: 1px solid #eee;
	padding: 18px 0;
}

.inqu_list_div .list .question .txt_zone {
	display: flex;
	align-items: center;
	gap: 0 16px;
	width: 100%;
	position: relative;
}

.inqu_list_div .list .question .txt_zone .txt {
	flex: 1;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	display: table-cell;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px);
	word-break: break-all;
	white-space: normal;
}

.inqu_list_div .list .question .txt_zone .wrt_tooltip.tooltip_div {
	display: block;
	position: static;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
}

.inqu_list_div .list .question .txt_zone .wrt_tooltip.tooltip_div .tooltip_btn {
	position: static;
}

.inqu_list_div .list .question .txt_zone .wrt_tooltip .tooltip {
	top: 4px !important;
	left: auto !important;
	right: 0 !important;
}

.inqu_list_div .list .question .photo {
	display: block;
	width: 100%;
}

.inqu_list_div .list .question .photo img:first-child {
	margin-top: 20px;
}

.inqu_list_div .list .question .photo img {
	max-width: 100%;
	margin-top: 16px;
}

.inqu_list_div .list .answer {
	position: relative;
	padding: 20px;
	background: #f9f9f9;
	border-radius: 4ipx;
}

.inqu_list_div .list .answer+.answer {
	margin-top: -10px;
	padding: 35px 20px 24px
}

.inqu_list_div .list .answer+.answer:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	height: 1px;
	background: #eee
}

.inqu_list_div .list .answer .info {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}

.inqu_list_div .list .answer .info .name,
.inqu_list_div .list .answer .info .date {
	color: #777;
	font-size: 13px;
	line-height: 18px;
}

.inqu_list_div .list .answer .info .date {
	display: flex;
	align-items: center;
}

.inqu_list_div .list .answer .info .date:before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin: 0 10px;
	background-color: #ddd;
}

.inqu_list_div .list .answer .txt {
	color: #777;
	font-size: 13px;
	line-height: 18px;
	word-break: break-all
}

.inqu_list_div .list .answer .txt table {
	word-break: break-all;
	background: #fff !important;
}

.inqu_list_div .list .answer img {
	margin: 10px 0;
	width: 100%
}

.inqu_list_div .list .answer img:first-child {
	margin-top: 0
}

.inqu_list_div .list .answer img:last-child {
	margin-bottom: 0
}@charset "utf-8";

/*타임특가 추가*/
.time_type_div .swiper-wrapper .swiper-slide .timer_div {
	width: 100%;
	border-radius: 15px 15px 0 0;
	text-align: center;
}

.time_type_div .swiper-wrapper .swiper-slide .timer_div .tit img {
	height: 24px;
	margin-right: 4px;
}

.time_type_div .swiper-wrapper .swiper-slide .timer_div .tit img:last-child {
	margin-right: 0;
}

.time_type_div .swiper-wrapper .swiper-slide .timer_div .timer {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #000;
	padding-left: 8px;
}

.time_type_div .swiper-wrapper .swiper-slide .timer_div .go-link {
	padding-right: 18px;
	font-size: 14px;
	letter-spacing: -0.2px;
	color: #000;
	background: url(/res/images/icon/arrow-right-bk.svg) no-repeat 100% 0 / 16px;
}

.category_div .time_type_div {
	position: relative;
	max-height: 384px;
	margin: 0 0 24px;
	padding-bottom: 40px;
	background: url(/res/images/bg/m-time-spc-gradient.png) 50% / cover;
}

.category_div .time_type_div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 279px;
	height: 346px;
	background: url(/res/images/bg/time-spc-gradient-particle.svg) no-repeat 50% 0 / contain;
}

.category_div .time_type_div .top {
	position: relative;
	padding-top: 40px;
	text-align: center;
	z-index: 1;
}

.category_div .time_type_div .top .title {
	position: relative;
}

.category_div .time_type_div .top .title .txt {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-69px);
}

.category_div .time_type_div .top .sub-title {
	display: inline-flex;
	justify-content: center;
	height: 40px;
	max-height: 40px;
	margin-top: 52px;
	width: 140px;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	text-align: center;
	word-break: keep-all;
	overflow: hidden;
}

/* .category_div .time_type_div .swiper-scrollbar {
	position: static;
	width: calc(100% + 40px);
	margin: 44px 0 0 -20px;
} */

/* .category_div .time_type_div .list_div {
	margin-top: 20px;
}

.category_div .time_type_div .list_div .list {
	padding: 16px;
	border-radius: 5px;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	background-color: #fff;
} */

.time_type_div.hor .swiper-container {
	padding: 24px 20px 0 20px;
}

.time_type_div.hor .swiper-wrapper {
	margin-top: 0;
}

.time_type_div.hor .swiper-wrapper .list,
.time_type_div.hor .swiper-wrapper .product-item-list {
	position: relative;
	width: 100%;
	/* height: 160px; */
	padding: 12px;
	border-radius: 12px;
	backdrop-filter: blur(2px);
	background-color: #fff;
}

.time_type_div.hor .swiper-wrapper .list .thumb {
	width: 90px;
	height: 90px;
	background: #fff
}

.time_type_div.hor .swiper-wrapper .list .thumb .pet_badge {
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
}

.time_type_div.hor .swiper-wrapper .list .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.time_type_div.hor .swiper-wrapper .list .thumb.noimg {
	background: #fff
}

.time_type_div.hor .swiper-wrapper .list .pd_info {
	padding-left: 12px;
	width: calc(100% - 114px);
	width: calc(100% - 114px)
}

.time_type_div.hor .swiper-wrapper .list .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.time_type_div.hor .swiper-wrapper .list .pd_info .badge {
	display: none
}
.time_type_div.hor .swiper-wrapper .list .heart {
	bottom: 16px;
	left: 74px;
	top: auto
}

.time_type_div.hor .swiper-wrapper .list:last-child {
	border-bottom: none
}

.time_type_div.hor .swiper-scrollbar {
	margin-top: 24px;
}.diet-diary {
	padding-bottom: 72px;
}

/* ============================== 인트로: 타이틀 ============================== */
.diet-diary .intro {
	position: relative;
	padding: 50px 0 40px;
	background: url(/res/images/diet-diary/mobile/intro-bg.svg) 50% 0 / cover;
}

.diet-diary .intro .title {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	gap: 16px 0;
	height: 340px;
	margin-top: -50px;
	padding-top: 50px;
}

.diet-diary .intro .title .term,
.diet-diary .intro .title .desc {
	font-family: GmarketSans;
	color: #00151E;
	text-align: center;
	z-index: 1;
}

.diet-diary .intro .title .term {
	position: relative;
	font-size: 50px;
	font-weight: 700;
	line-height: 60px;
	letter-spacing: -0.5px;
}

.diet-diary .intro .title .term em {
	position: relative;
	font-style: normal;
	z-index: 1;
}

.diet-diary .intro .title .term img {
	position: absolute;
	right: -4px;
	bottom: 13px;
	width: 63px;
	height: 44px;
	/* animation: float 3s ease-in-out infinite; */
}

.diet-diary .intro .title .desc {
	font-family: GmarketSans;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.2px;
}

.diet-diary .intro .title .desc .counter {
	font-style: normal;
	font-weight: 700;
}

.diet-diary .intro .title .sub-desc {
	margin-top: -4px;
	color: #333;
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	text-align: center;
}

.diet-diary .intro .object {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.diet-diary .intro .object img {
	position: absolute;
}

.diet-diary .intro .pen {
	width: 200px;
	height: 180px;
	top: -12px;
	left: -57px;
}

.diet-diary .intro .dumbbell {
	width: 96px;
	height: 96px;
	top: -14px;
	right: 17px;
}

.diet-diary .intro .tapeline {
	width: 238px;
	height: 140px;
	bottom: 0;
	left: 40px;
}

.diet-diary .intro .twinkle img {
	position: absolute;
	animation: twinkle 1.3s linear infinite;
}

.diet-diary .intro .twinkle img:nth-child(1) {
	bottom: 92px;
	right: 70px;
	width: 20px;
	height: 20px;
	animation-delay: -1s;
}

.diet-diary .intro .twinkle img:nth-child(2) {
	bottom: 82px;
	right: 88px;
	width: 14px;
	height: 14px;
}

.diet-diary .intro .title+div {
	position: relative;
	margin-top: -66px;
	z-index: 1;
}

/* ============================== 인트로: 서비스 정보 ============================== */
.diet-diary .service-info {
	margin-bottom: 16px;
	text-align: center;
}

.diet-diary .service-info .swiper-wrapper .swiper-slide {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 148px;
	height: 176px;
	padding: 24px;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 0px 4px 30px 0px #D6B0EE33;
}

.diet-diary .service-info .swiper-wrapper .swiper-slide[data-swiper-slide-index="0"].swiper-slide-active {
	background: linear-gradient(151.52deg, #D9D8FF 1.44%, #B6E0FF 94.56%);
}

.diet-diary .service-info .swiper-wrapper .swiper-slide[data-swiper-slide-index="1"].swiper-slide-active {
	background: linear-gradient(151.52deg, #ECF7BE 1.44%, #B7EBDF 94.56%);
}

.diet-diary .service-info .swiper-wrapper .swiper-slide[data-swiper-slide-index="2"].swiper-slide-active {
	background: linear-gradient(150.59deg, #FEC3FF 3.64%, #FFCCCC 93.51%);
}

.diet-diary .service-info .swiper-wrapper .swiper-slide[data-swiper-slide-index="3"].swiper-slide-active {
	background: linear-gradient(151.52deg, #DFBBFB 1.44%, #C6D9FF 94.56%);
}

.diet-diary .service-info .swiper-wrapper .swiper-slide[data-swiper-slide-index="4"].swiper-slide-active {
	background: linear-gradient(148.46deg, #FFEDAC -8.93%, #FFBA89 113.87%);
}

.diet-diary .service-info .swiper-wrapper .swiper-slide .term {
	padding-top: 12px;
	color: #111;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

.diet-diary .service-info .swiper-wrapper .swiper-slide .desc {
	padding-top: 6px;
	color: #555;
}

.diet-diary .service-info .view-btn {
	display: inline-block;
	margin-top: 16px;
	color: #777;
	border-bottom: 1px solid #777;
}

/* ============================== 인트로: 기록 시작 전 및 진행 중 ============================== */
/* 공통 */
.diet-diary .record {
	width: calc(100% - 40px);
	margin: 0 20px;
	border-radius: 0 0 10px 10px;
}

.diet-diary .record .bg {
	position: relative;
	width: 100%;
	background-position: 50% 0;
	background-repeat: repeat-x !important;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.diet-diary .record .bg:before,
.diet-diary .record .bg:after {
	content: '';
	position: absolute;
	top: 0;
	display: block;
	width: 44px;
	background-color: #fff;
}

.diet-diary .record .bg:before {
	left: 0;
}

.diet-diary .record .bg:after {
	right: 0;
}

.diet-diary .record .wrapper {
	padding: 0 20px 20px;
	background-color: #fff;
	box-shadow: 0px 4px 30px 0px #D6B0EE33;
	border-radius: 0 0 10px 10px;
}

.diet-diary .record button {
	width: 100%;
	height: 52px;
	border-radius: 4px;
}

/* 인트로: 기록 시작 전 */
.diet-diary .record .bg {
	height: 36px;
	background-image: url(/res/images/diet-diary/intro-record-start-bg.svg);
}

.diet-diary .record .bg:before,
.diet-diary .record .bg:after {
	height: 36px;
}

.diet-diary .record .info {
	padding: 0 12px;
	background: url(/res/images/diet-diary/intro-record-start-line.png) repeat !important;
}

.diet-diary .record .info .date em,
.diet-diary .record .info .comment {
	line-height: 36px !important;
}

.diet-diary .record .info .date {
	position: relative;
	display: inline-block;
	height: 36px;
}

.diet-diary .record .info .date em {
	position: relative;
	display: inline-block;
	height: 36px;
	font-style: normal;
	z-index: 1;
}

.diet-diary .record .info .date:after {
	content: '';
	position: absolute;
	top: 19px;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 9px;
	background-color: var(--color-secondary-2);
}

.diet-diary .record.start button {
	margin-top: 24px;
	color: #fff;
	background-color: var(--color-primary-2);
}

/* 인트로: 기록 진행 중 */
.diet-diary .record.ing .bg {
	height: 28px;
	background-image: url(/res/images/diet-diary/intro-record-ing-bg.svg);
}

.diet-diary .record.ing .bg:before,
.diet-diary .record.ing .bg:after {
	height: 28px;
}

.diet-diary .record.ing .date-list {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 24px;
	padding: 0 6px;
	border-radius: 4px;
	z-index: 1;
}

.diet-diary .record.ing .date-list:after {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #F5F5F5;
}

.diet-diary .record.ing .date-list li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	color: #C5AADD;
	background-color: #FAF4FA;
	border-radius: 50%;
	z-index: 1;
}

.diet-diary .record.ing .date-list li.success {
	text-indent: -10000px;
	background: url(/res/images/diet-diary/intro-check-ico.svg) 50% / 28px;
}

.diet-diary .record.ing .reward-info {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1px 3px;
	width: 100%;
	margin-top: 15px;
	padding: 9px 18px;
	background-color: #FAF4FA;
	border-radius: 32px;
	text-align: center;
}

.diet-diary .record.ing .reward-info .desc {
	color: #9851D5;
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;	
}

.diet-diary .record.ing .reward-info .tail {
	position: absolute;
	top: -7px;
	left: 0;
	width: 15px;
	height: 10px;
	background: url(/res/images/diet-diary/intro-tail.svg) 50%;
}

.diet-diary .record.ing button {
	margin-top: 16px;
	color: #fff;
	background-color: var(--color-primary-2);
}

.diet-diary .record.ing button.record-end {
	pointer-events: none;
	background-color: #ddd;
}

.diet-diary .diary-view-btn {
	width: calc(100% - 40px);
	height: 48px;
	margin: 16px 20px 0;
	background-color: #fff;
	border-radius: 60px;
	box-shadow: 0px 4px 30px 0px #D6B0EE33;
}

.diet-diary .diary-view-btn span {
	padding-right: 20px;
	background: url(/res/images/icon/arrow-right-111.svg) 100% 50% / 20px;
}

/* ============================== 인트로: 유의사항 ============================== */
.diet-diary .notice-btn {
	width: calc(100% - 40px);
	margin: 20px 20px 0;
	color: #777;
	text-decoration: underline;
}

.diary-notice-popup .pop_con {
	padding-top: 24px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.diary-notice-popup .pop_con .term {
	margin-bottom: 8px;
}

.diary-notice-popup .pop_con ul {
	display: flex;
	flex-direction: column;
	gap: 4px 0;
}

/* ============================== 인트로: 공유하기 ============================== */
.diet-diary .intro .share-btn {
	position: absolute;
	top: 16;
	right: 16px;
	width: 36px;
	height: 36px;
	background: #fff url(/res/images/icon/share-111.svg) 50% / 24px;
	border-radius: 50%;
}

/* ============================== 다이어리 리스트 ============================== */
.diary-list .tab-head {
	margin-top: 20px;
	/* border-bottom: 1px solid #333; */
}

.diary-list .tab-head:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 20px;
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	background-color: #333;
}

.diary-list .tab-head ul {
	display: flex;
	/* align-items: center; */
	/* justify-content: center; */
	/* gap: 0 20px; */
	/* padding: 0 20px 20px; */
	padding-bottom: 20px;
}

.diary-list .tab-head.center ul {
	justify-content: center;
}

.diary-list .tab-head li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 36px;
	padding: 0 16px;
	color: #999;
	font-size: 14px;
	line-height: 20px;
	border: 2px solid transparent;
	border-radius: 20px;
}

.diary-list .tab-head li.on {
	border-color: #333;
	color: #111;
	font-weight: 600;
}

.diary-list .tab-head li h2{
	color: inherit;
	font: inherit;
}

.diary-list .tab-body {
	border-bottom: 1px solid #eee;
}

.diary-list .tab-body>li {
	margin: 0 20px;
	padding: 20px 0;
}

.diary-list .tab-body>li~li {
	border-top: 1px solid #eee;
}

.diary-list .tab-body>li .diary-head {
	display: flex;
	align-items: flex-start;
}

.diary-list .tab-body>li .diary-head .profile {
	width: 36px;
	height: 36px;
	object-fit: cover;
	border-radius: 50%;
}

.diary-list .tab-body>li .diary-head .info {
	display: flex;
	flex-direction: column;
	margin-left: 12px;
}

.diary-list .tab-body>li .diary-head .info .id {
	color: #333;
}

.diary-list .tab-body>li .diary-head .info .date {
	color: #bbb;
}

.diary-list .tab-body>li .diary-head .edit-btn {
	margin-left: auto;
	color: #bbb;
}

.diary-list .tab-body>li .diary-body {
	margin-top: 12px;
}

.diary-list .tab-body>li .diary-body .question {
	color: #999;
}

.diary-list .tab-body>li .diary-body .answer {
	padding-top: 8px;
	color: #333;
	word-break: initial;
}

.diary-list .tab-body>li .diary-body .attach-thumb {
	width: calc(100vw - 40px);
	height: calc(100vw - 40px);
	margin-top: 16px;
}

.diary-list .tab-body>li .diary-body .attach-thumb .swiper-wrapper {
	height: 100%;
}

.diary-list .tab-body>li .diary-body .attach-thumb .swiper-pagination-fraction {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 4px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -22px;
	width: 44px;
	height: 20px;
	font-size: 11px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.40);
	border-radius: 20px;
}

.diary-list .tab-body>li .diary-body .attach-thumb .swiper-pagination-fraction.swiper-pagination-lock {
	display: none;
}

.diary-list .tab-body>li .diary-body .attach-thumb .swiper-pagination-fraction span {
	font-size: inherit;
	color: inherit;
	font-weight: 500;
}

.diary-list .tab-body>li .diary-body .heart-num.is-heart {
	background-image: url(/res/images/icon/heart-on.svg)
}

.diary-list .tab-body>li .diary-body .heart-num {
	display: inline-block;
	margin-top: 12px;
	padding-left: 22px;
	background: url(/res/images/icon/heart-off.svg) 0 50% / 20px;
}

.diary-list .no_data_div {
	margin-top: 48px;
}

.diary-list .no_data_div .txt_area {
	padding-bottom: 0;
}

/* ============================== 다이어트 다이어리 팝업 ============================== */
.diet-diary-popup>.cnt {
	padding-bottom: 72px;
	border-radius: 8px 8px 0 0;
}

.diet-diary-popup.active .dimd-bg {
	display: block !important;
}

.diet-diary-popup .title {
	display: flex;
	flex-direction: column;
	gap: 0 10px;
	margin: 20px 0 16px;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #111;
}

.diet-diary-popup .title .text {
	flex: 1;
	font: inherit
}

.diet-diary-popup>.cnt>div+div:not(.btn-wrap, [class*=popup]) {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #F5F5F5;
}

.diet-diary-popup>.cnt>div+div .title {
	margin-top: 0;
}

.diet-diary-popup .btn-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 52px;
}

.diet-diary-popup .textarea_wrap {
	width: 100%;
	height: 120px;
	background: #f9f9f9;
	padding: 14px 12px 42px;
}

.diet-diary-popup .textarea_wrap textarea {
	height: 64px;
}

.diet-diary-popup .textarea_wrap textarea::placeholder {
	color: #999
}

.diet-diary-popup .btn-wrap a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 100%;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.2px;
	border-radius: 0;
}

.diet-diary-popup .btn-wrap .close-btn {
	color: var(--color-primary-1);
	border: solid 1px var(--color-primary-1);
	background-color: #fff;
}

.diet-diary-popup .btn-wrap .primary-btn {
	color: #fff;
	background-color: var(--color-primary-1);
}

.diet-diary-popup .btn-wrap .disabled-btn {
	color: #fff;
	background-color: #ddd;
}

/* step1 상품 선택 */
.diet-diary-popup.product>.cnt {
	min-height: 240px;
	max-height: calc(100vh - 320px);
	padding-left: 20px;
	padding-right: 20px;
}

.diet-diary-popup.product .product-type-list {
	gap: 12px 0;
	padding: 16px;
	border-radius: 8px;
	background-color: #f9f9f9;
}

.diet-diary-popup.product .many .product-type-list {
	height: min(calc(100vh - 432px), 368px);
	border-radius: 8px 8px 0 0;
	overflow-y: auto;
}

.diet-diary-popup.product .product-item-list .radio_box {
	margin-right: 10px;
}

.diet-diary-popup.product .product-item-list .thumb {
	width: 80px;
	height: 80px;
	background-color: #fff;
}

.diet-diary-popup.product .product-item-list .thumb img {
	width: 68px;
	height: 68px;
}

/* step2 프로필 선택 */
.diet-diary-popup.profile>.cnt {
	padding-left: 0;
	padding-right: 0;
}

.diet-diary-popup.profile>.cnt .title,
.diet-diary-popup.profile .profile-select-list {
	padding-left: 20px;
	padding-right: 20px;
}

.diet-diary-popup.profile .profile-select-list,
.diet-diary-popup.profile .profile-select-list ul {
	display: flex;
	align-items: center;
	gap: 0 12px;
}

.diet-diary-popup.profile .profile-select-list li {
	width: 72px;
	min-width: 72px;
	height: 72px;
	border: 2px solid transparent;
	border-radius: 50%;
}

.diet-diary-popup.profile .profile-select-list li img {
	width: 100%;
	height: 100%;
}

.diet-diary-popup.profile .profile-select-list li.add {
	position: relative;
}

.diet-diary-popup.profile .profile-select-list li.add label {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #F9F9F9 url(/res/images/icon/plus-555.svg) 50% / 32px;
}

.diet-diary-popup.profile .profile-select-list li.add input[type="file"] {
	position: absolute;
	width: 0;
	height: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}

.diet-diary-popup.profile .profile-select-list li.add .img-preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.diet-diary-popup.profile .profile-select-list li.add .img-preview img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.diet-diary-popup.profile .profile-select-list li.add .img-preview .close-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	background: url(/res/images/icon/close-circle-777.svg) 50% / 24px;
}

.diet-diary-popup.profile .profile-select-list li.selected {
	border-color: var(--color-primary-1);
}

/* step3 정보 입력 */
.diet-diary-popup.form>.cnt {
	max-height: 75vh;
	overflow-y: scroll;
}

.diet-diary-popup.active.form .btn-wrap {
	position: fixed;
}

/* step3 정보 입력: 정보 입력 */
.diet-diary-popup.form .form-wrap .title span {
	display: inline-block;
	margin-top: 8px;
	padding-left: 17px;
	color: #999;
	background: url(/res/images/icon/noti-bbb.svg) 0 50% / 16px;
}

.diet-diary-popup.form .form-wrap .weight {
	display: flex;
	align-items: center;
	justify-content: end;
	width: 100%;
	height: 48px;
	padding: 0 12px;
	background-color: #F9F9F9;
	border-radius: 4px;
}

.diet-diary-popup.form .form-wrap .weight~div {
	margin-top: 12px;
}

.diet-diary-popup.form .form-wrap .weight .input:focus {
	outline: none;
}

.diet-diary-popup.form .form-wrap .weight .input:empty::before {
	content: attr(data-placeholder);
	color: #999
}

/* step3 정보 입력: 눈바디 이미지 첨부 */
/* step3 정보 입력: 약관 동의 */
.diet-diary-popup.form .agree-wrap .wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.diet-diary-popup.form .agree-wrap .wrapper .view-btn {
	color: #999;
	font-size: 13px;
	line-height: 20px;
	text-decoration: underline;
}

.diary-terms-popup .pop_con {
	padding: 24px 20px !important;
}

.diary-terms-popup .pop_con p {
	color: #555;
	font-size: 13px;
	line-height: 18px;
}

.diary-terms-popup .pop_con p+p {
	margin-top: 4px;
}

.diary-terms-popup .pop_con table {
	margin: 20px 0;
	border-top: 1px solid #999;
}

.diary-terms-popup .pop_con table th,
.diary-terms-popup .pop_con table td {
	padding: 12px 10px;
	font-size: 13px;
	line-height: 18px;
}

.diary-terms-popup .pop_con table tr {
	border-bottom: 1px solid #eee;
}

.diary-terms-popup .pop_con table th {
	color: #111;
}

.diary-terms-popup .pop_con table td {
	color: #555;
	border-left: 1px solid #eee;
}

/* 다이어트 일기 팝업(기록 중/기록 종료) */
.diet-diary-popup[class*=record]>.cnt {
	overflow-y: scroll;
}

.diet-diary-popup[class*=record].active .btn-wrap {
  position: fixed;
}

/* 다이어트 일기 팝업(기록 중) */
#diet_record_mod {
	z-index: 15;
}

.diet-diary-popup.record-ing>.cnt {
  max-height: 59vh;
}

.diet-diary-popup.record-ing .form-wrap .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
	flex-direction: row;
}

.diet-diary-popup.record-ing .form-wrap .title button {
  text-decoration: underline;
}

/* 다이어트 일기 팝업(기록 종료) */
.diet-diary-popup.record-end>.cnt {
  max-height: 69vh;
}

.diet-diary-popup.record-end .form-wrap .title span {
	display: inline-block;
	margin-top: 8px;
	padding-left: 17px;
	color: #999;
	background: url(/res/images/icon/noti-bbb.svg) 0 50% / 16px;
}

.diet-diary-popup.record-end .form-wrap .weight {
	display: flex;
	align-items: center;
	width: 100%;
	height: 48px;
	padding: 0 12px;
	background-color: #F9F9F9;
	border-radius: 4px;
}

.diet-diary-popup.record-end .form-wrap .weight~div {
	margin-top: 12px;
}

.diet-diary-popup.record-end .form-wrap .weight .input:focus {
	outline: none;
}

.diet-diary-popup.record-end .form-wrap .weight .input:empty::before {
	content: attr(data-placeholder);
	color: #999
}

/* 다이어트 일기 완료 팝업 */
.diary-end-popup {
	width: 300px;
	height: 314px;
	min-width: 280px;
	padding: 0;
	background: transparent;
	border-radius: 0;
}

.diary-end-popup .pop_con {
	position: relative;
	height: 100%;
	padding: 40px 20px 20px !important;
	text-align: center;
	background-color: var(--color-secondary-2);
	border-radius: 8px;
	z-index: -1;
}

.diary-end-popup .pop_con .tit>span {
	display: block;
	color: var(--color-primary-2);
}

.diary-end-popup .pop_con .tit>span:nth-child(2) {
	position: relative;
	width: 200px;
	margin: auto;
	padding-top: 8px;
	z-index: 1;
}

.diary-end-popup .pop_con .bg {
	position: relative;
	margin-top: -17px;
}

.diary-end-popup .pop_con .primary-btn {
	position: relative;
	width: 100%;
	height: 48px;
	margin-top: -48px;
	border-radius: 4px;
	z-index: 1;
}

.diary-end-popup .pop_con .close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url(/res/images/icon/close-111.svg) 50% 50% / 20px;
}

.diary-end-popup .x_btn.close {
	position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 11px;
	color: #fff;
}

/* 다이어트 일기 팝업(내 일기 보기) */
.diary-popup .pop_con {
  padding: 0 0 72px !important;
}

.diary-popup .diary-list .tab-head {
	position: relative;
  margin-top: 24px;
}

.diary-popup .diary-list .benefit {
  margin: 20px 20px 4px;
  padding: 16px;
  text-align: center;
  background-color: var(--color-secondary-3);
}

.diary-popup .diary-list .benefit strong {
  font-weight: 700;
}
@charset "utf-8";

/* ======================================== 이벤트 ======================================== */
/* 상단 링크 영역 */
.event-main .link-group {
	display: flex;
	gap: 0 14px;
	padding: 0 10px 20px;
}

.event-main .link-group:not(.exceed) {
	justify-content: center;
}

.event-main .link-group li {
	flex: none;
	width: 60px;
}

.event-main .link-group a {
	display: block;
	height: 100%;
	text-align: center;
}

.event-main .link-group img {
	width: 40px;
	height: 40px;
}

.event-main .link-group .term {
	display: block;
}

/* 공통 배너 영역 */
.event-main .common-banner-wrap {
	margin-bottom: 20px;
}

.event-main .common-banner-wrap img {
	width: 100%;
}

/* 이벤트 내 탭 */
/* .event-main .tab-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 20px;
	margin: 0 20px;
	padding: 0 20px 20px;
	border-bottom: 1px solid #333;
} */
.event-main .tab-wrap {
	position: relative;
	display: flex;
	/* align-items: center; */
	justify-content: center;
	width: 100%;
	gap: 0 20px;
}

.event-main .tab-wrap:before {
	content: '';
	position: absolute;
	top: 36px;
	width: calc(100% - 40px);
	height: 1px;
	margin: 20px 0;
	background-color: #333;
}

.event-main .tab-wrap h2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 36px;
	color: #999;
	font-size: 14px;
	line-height: 20px;
	border: 2px solid transparent;
	border-radius: 20px;
}

.event-main .tab-wrap h2.on {
	padding: 0 16px;
	border-color: #333;
	color: #111;
	font-weight: 600;
}

.event-main .tab-wrap > div > div {
	position: absolute;
	left: 0;
	width: 100%;
	margin-top: 40px;
}

/* 진행중인 이벤트 */
.event-main .ongoing-event {
	padding: 0 20px;
}

.event-main .ongoing-event ul {
	display: flex;
	flex-direction: column;
	gap: 24px 0;
}

.event-main .ongoing-event ul li {
	width: 100%;
}

.event-main .ongoing-event ul li .thumb {
	position: relative;
}

.event-main .ongoing-event ul li .thumb img {
	width: 100%;
}

.event-main .ongoing-event ul li .thumb .current-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	text-align: center;
	background-color: var(--color-secondary-1);
	border-radius: 70px 70px 70px 0px;
}

.event-main .ongoing-event ul li .info {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 3px 0;
	min-height: 86px;
}

.event-main .ongoing-event ul .info .name {
	width: 100%;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.event-main .ongoing-event ul .date-reply {
	display: flex;
	align-items: center;
	gap: 0 8px;
}

.event-main .ongoing-event ul .date-reply .period {
	color: var(--color-primary-1);
}

.event-main .ongoing-event ul .date-reply .date {
	color: #999;
}

.event-main .ongoing-event ul .date-reply .reply {
	padding-left: 28px;
	background: url(/res/images/icon/comment-111.svg) 0 50% / 24px;
}

/* 사은품 증정, 추가 적립 공통 */
.event-main .title-banner {
	display: flex;
	align-items: center;
	min-height: 90px;
	padding: 21px 0 21px 24px;
	border-radius: 20px 20px 20px 0;
	background-position: 100% 50%;
}

.event-main .title-banner .info {
	display: flex;
	flex-direction: column;
	gap: 2px 0;
	width: 66.25%;
}

.event-main .title-banner .info .name {
	display: inline-block;
	width: 100%;
	color: #fff;
	word-break: break-all;
}

.event-main .title-banner .info .period {
	color: #fff;
}

.event-main .free-gift > div + div:not(.no_data_div), .event-main .add-point > div + div:not(.no_data_div) {
	margin-top: 60px;
}

.event-main .free-gift .no_data_div .txt_area, .event-main .add-point .no_data_div .txt_area {
	padding-top: 124px;
	background-position-y: 48px;
}

/* 플러스 사은품 */
.event-main .plus-gift + .plus-gift {
	margin-top: 20px;
}

.event-main .plus-gift {
	background-position: 100% 0;
	background-size: contain;
}

.event-main .plus-gift.order {
	background-color: #E4F9F6;
	background-image: url(/res/images/bg/m-plus-gift-order-event-bg.jpg);
}

.event-main .plus-gift.product {
	background-color: #EEF1FD;
	background-image: url(/res/images/bg/m-plus-gift-product-event-bg.png);
}

.event-main .plus-gift .title>div .tooltip_div {
	z-index: 1;
}

.event-main .plus-gift.product .swiper-wrapper {
	flex-direction: column;
	gap: 24px 0;
}

.event-main .plus-gift.product .info .term strong {
	color: #535ECB;
	font-weight: 600;
}

/* 사은품 증정 */
/* .event-main .free-gift {
	padding: 0 20px;
}

.event-main .free-gift .title-banner {
	background-color: #21D250;
	background-image: url(/res/images/event/m-gift-title-bg.svg);
}

.event-main .free-gift li {
	margin-top: 24px;
}

.event-main .free-gift li > a {
	display: flex;
	align-items: center;
	gap: 0 16px;
}

.event-main .free-gift li .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 112px;
	height: 112px;
	border-radius: 50%;
}

.event-main .free-gift .pdt-gift li .thumb {
	background-color: #F9F9F9;
}

.event-main .free-gift li .thumb img {
	width: 100px;
	height: 100px;
}

.event-main .free-gift li .info {
	flex: 1;
}

.event-main .free-gift li .info .condition {
	display: inline-flex;
	align-items: center;
	height: 32px;
	padding: 0 16px;
	background-color: var(--color-secondary-2);
	border-radius: 7px 16px;
}

.event-main .free-gift li .info [class*=-name] span {
	color: var(--color-primary-1);
}

.event-main .free-gift li .info .pdt-name {
	padding-top: 12px;
}

.event-main .free-gift li .info .event-name,
.event-main .free-gift li .info .date {
	display: block;
}

.event-main .free-gift li .info .pdt-check {
	display: inline-block;
	margin-top: 10px;
	padding-right: 16px;
	color: #555;
	text-decoration: underline;
	background: url(/res/images/icon/arrow-right-555.svg) 100% 50% / 16px;
}

.event-main .free-gift li .info .date {
	padding-top: 10px;
	color: #BBB;
} */

/* 추가 적립 */
.event-main .add-point .title-banner {
	margin: 0 20px 20px;
	background-color: #6A5AFC;
	background-image: url(/res/images/event/m-point-title-bg.svg);
}

.event-main .add-point .more-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	padding: 0;
	background-image: none;
	background-color: #F9F9F9;
	border-radius: 50%;
}

.event-main .add-point li:not(.product-item-column) {
	width: 80px;
	margin-top: 80px;
	margin-right: 0;
}

.event-main .add-point .more-btn span {
	padding-right: 18px;
	color: #555 !important;
	background: url(/res/images/icon/plus-555.svg) 100% 50% / 16px;
}

/* 240408 패밀리 세일 게이트웨이 개발 */
.family-sale .bg {
	height: 300px;
	background: #015FB6 url(/res/images/bg/m-family-sale-top-bg.jpg) 50% / 360px 300px;
}

.family-sale .form {
	display: flex;
	flex-direction: column;
	gap: 32px 0;
	width: 100%;
	padding: 32px 20px 0;
}

.family-sale .form .term {
	margin-bottom: 8px;
}

.family-sale .form .kakao-btn {
	width: 100%;
	height: 52px;
	background-color: #FEE500;
	border-radius: 4px;
}

.family-sale .form .kakao-btn span {
	padding-left: 32px;
	background: url(/res/images/icon/kakao.svg) 0 50% / 32px;
}

.family-sale .form .input_form {
	margin-top: 0;
}

.family-sale .form .input_form .input_area input {
	height: 48px;
}

.family-sale .form .input_form .txt {
	padding-top: 4px;
	padding-left: 0;
}
@charset "utf-8";

.event-dtl>.head {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 10px 50px 20px 20px;
}

.event-dtl>.head .name {
	width: 100%;
	color: #111;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.event-dtl>.head .dday {
	color: #3CC814;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px
}

.event-dtl>.head .date {
	color: #999;
	font-size: 12px;
	line-height: 16px
}

.event-dtl .share-btn {
	position: absolute;
	top: 10px;
	right: 20px;
	display: block;
	width: 20px;
	height: 20px;
	background: url(/res/images/icon/share-111.svg) 50% / 20px;
}

.event-dtl .display-wrap .title,
.event-dtl .ongoing-event .title {
	margin-bottom: 20px;
	padding: 0 20px;
	color: #111;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.event-dtl .display-wrap .display-img,
.event-dtl .display-wrap .display-coupon,
.event-dtl .display-wrap .display-product {
	margin: 40px 0;
}

/* 어드민 영역: html 영역 */
.event-dtl .display-wrap .display-html img {
	max-width: 100%;
}

.event-dtl .display-wrap .display-html,
.event-dtl .display-wrap .display-html p {
	color: #111;
}

.event-dtl .display-wrap .display-html b {
	font-weight: bolder;
}

.event-dtl .display-wrap .display-html i {
  font-style: italic;
}

/* 어드민 영역: MD 코멘트 */
.event-dtl .display-wrap .md-comment {
	padding: 24px 20px;
	word-break: break-all;
	background-color: #f9f9f9;
}

.event-dtl .display-wrap .md-comment .term {
	display: inline-block;
	color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.event-dtl .display-wrap .md-comment p {
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.event-dtl .display-wrap .md-comment .term+p {
	margin-top: 8px;
}

.event-dtl .display-wrap .md-comment .term~p {
	display: inline-flex;
	gap: 0 4px;
	width: 100%;
	color: #555;
}

.event-dtl .display-wrap .md-comment .term~p+p {
	margin-top: 4px;
}

.event-dtl .display-wrap .md-comment .term~p:before {
	content: "";
	display: inline-block;
	width: 2px;
	height: 2px;
	margin-top: 9.5px;
	background-color: #777;
	border-radius: 50%;
	min-width: 2px;
}

/* 어드민 영역: 이미지 */
.event-dtl .display-wrap .display-img img {
	width: 100%;
}

/* 어드민 영역: 쿠폰 */
.event-dtl .display-wrap .display-coupon:not(:has(.swiper-wrapper)) .coupon-list {
	margin-left: 20px;
	margin-right: 20px;
}

/* 어드민 영역: 상품 */
.event-dtl .display-wrap .display-product .title-banner {
	margin-bottom: 20px;
}

.event-dtl .display-wrap .display-product .title-banner img {
	width: 100%;
}

.event-dtl .display-wrap .display-product [class*=product-list]:not(.swiper-wrapper),
.event-dtl .display-wrap .display-product .product-type-list {
	margin: 0 20px;
}

/* 댓글 */
.event-dtl .comment-wrap {
	border-top: 10px solid #F9F9F9;
	margin-bottom: 24px;
  padding-top: 24px;
}

.event-dtl .comment-wrap:has(.no-data-wrap) {
	margin-bottom: 30px;
}

.event-dtl .comment-wrap .input {
	display: flex;
	flex-direction: column;
	gap: 16px 0;
	padding: 0 20px 24px;
}

.event-dtl .comment-wrap .input button {
	width: 100%;
	height: 48px;
}

.event-dtl .comment-wrap .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 20px 20px;
	border-top: 10px solid #F9F9F9;
	border-bottom: 1px solid #ccc;
}

.event-dtl .comment-wrap .head .title {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.event-dtl .comment-wrap .head .chk_box input[type="checkbox"]+label {
	padding-left: 26px;
	line-height: 20px;
}

.event-dtl .comment-wrap .head .chk_box input[type="checkbox"]+label:after {
	width: 20px;
	height: 20px;
	background-size: cover;
}

.event-dtl .comment-wrap .head .chk_box label {
	font-size: 14px;
}

.event-dtl .comment-wrap .list li {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px 0;
	margin: 0 20px;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

.event-dtl .comment-wrap .id-date {
	display: flex;
	align-items: center;
}

.event-dtl .comment-wrap .id-date span {
	display: flex;
	align-items: center;
	color: #bbb;
	font-size: 13px;
	line-height: 18px;
}

.event-dtl .comment-wrap .id-date span:not(:first-child):before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin: 0 8px;
	background-color: #ddd;
}

.event-dtl .comment-wrap .list .text {
	color: #333;
	font-size: 14px;
	line-height: 20px;
}

.event-dtl .comment-wrap .list .edit-wrap {
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}

.event-dtl .comment-wrap .list .edit-wrap .textarea-wrap {
	height: 112px;
}

.event-dtl .comment-wrap .list .edit-wrap .btn-wrap {
	display: flex;
	align-items: center;
	gap: 0 8px;
}

.event-dtl .comment-wrap .list .edit-wrap .btn-wrap button {
	flex: 1;
	height: 48px;
	font-size: 14px;
}

.event-dtl .comment-wrap .list .answer-wrap {
	padding: 20px;
	background-color: #F9F9F9;
}

.event-dtl .comment-wrap .list .answer-wrap .id-date span {
	color: #777;
}

.event-dtl .comment-wrap .list .answer-wrap .text {
	padding-top: 12px;
	color: #777;
}

.event-dtl .comment-wrap .list .wrt_tooltip.tooltip_div {
	display: block;
	right: 0;
}

.event-dtl .comment-wrap .list .wrt_tooltip.tooltip_div .opener {
	top: 0;
	width: 20px;
	height: 20px;
	background-size: 20px;
}

.event-dtl .comment-wrap .view-more-btn {
	display: block;
	width: calc(100% - 40px);
	border: 1px solid #eee;
	border-radius: 60px;
	padding: 14px;
	margin: 24px auto 0;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
}

.event-dtl .comment-wrap .view-more-btn span {
	padding-right: 20px;
	background: url("/res/images/icon/arrow-down-555.svg") 100% 50% / 16px;
}

.event-dtl .comment-wrap .no-data-wrap {
	margin-top: 30px;
}

/* 진행 중인 이벤트 */
.event-dtl .ongoing-event {
	padding: 24px 0 60px;
	border-top: 10px solid #F9F9F9;
}

.event-dtl .ongoing-event .swiper-container {
	margin-top: 20px;
}

.event-dtl .ongoing-event .swiper-container.swiper-disabled .swiper-wrapper {
	width: calc(100% - 40px);
	margin: 0 20px;
}

.event-dtl .ongoing-event .swiper-container.swiper-disabled .swiper-wrapper .swiper-slide {
	width: 100%;
}

.event-dtl .ongoing-event .swiper-container.swiper-disabled .swiper-wrapper .swiper-slide .thumb img {
	height: auto;
}

.event-dtl .ongoing-event .swiper-container .swiper-wrapper .swiper-slide {
	position: relative;
	width: 228px;
}

.event-dtl .ongoing-event .swiper-container .swiper-wrapper .swiper-slide .thumb {
	position: relative;
}

.event-dtl .ongoing-event .swiper-container .swiper-wrapper .swiper-slide .thumb img {
	width: 100%;
	height: 157px;
	object-fit: cover;
}

.event-dtl .ongoing-event .swiper-container .swiper-wrapper .swiper-slide .info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 8px;
	margin-top: 14px;
}

.event-dtl .ongoing-event .swiper-container .swiper-wrapper .swiper-slide .info .name {
	width: 100%;
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.event-dtl .ongoing-event .swiper-container .swiper-wrapper .swiper-slide .info .dday {
	color: #3CC814;
	font-size: 12px;
	line-height: 16x;
}

.event-dtl .ongoing-event .swiper-container .swiper-wrapper .swiper-slide .info .date {
	color: #999;
	font-size: 12px;
	line-height: 16x;
}


/* 250707 */
#content .evt_06_summer .navi.fixed {
	top: 92px;
}

#content.up .evt_06_summer .navi.fixed {
	top: 44px;
}

/* 250722 */
#content .evt_07_clip .marquee {
	height: 8vw;
}

#content  .evt_07_clip .top_txt .track {
	min-width: 1000px;
	background-image: url(/res/images/event/2025/evt_07_clip/pc/rolling-text.webp);
}

#content .evt_07_clip .navi.fixed {
	top: 92px;
}

#content.up .evt_07_clip .navi.fixed {
	top: 44px;
}
@charset "utf-8";

/* ==================== 221114 월드컵 이벤트 ==================== */
.evt-worldcup .gauge-wrap {
	display: flex;
	align-items: center;
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-top: -1px;
	padding-bottom: 30px;
	background-color: #272731;
}

.evt-worldcup .gauge-wrap .area {
	display: flex;
	align-items: flex-start;
	width: 100%;
	margin: 0 20px;
}

.evt-worldcup .gauge-wrap .area>div {
	display: flex;
	flex-direction: column;
	color: #fff;
}

.evt-worldcup .gauge-wrap .area>div .bar {
	width: 100%;
	height: 15px;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(1) {
	margin-left: -1px;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(1) .bar {
	border-radius: 15px 0 0 15px;
	background-color: #fe0f39;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(2) {
	flex: 1;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(2) .bar {
	background-color: rgba(204, 204, 204, 0.7);
}

.evt-worldcup .gauge-wrap .area>div:nth-child(3) {
	position: relative;
	margin-right: -1px;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(3)>* {
	position: absolute;
	right: 0;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(3) .bar {
	border-radius: 0 15px 15px 0;
	background-color: #0034c6;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(3) .percent {
	top: 15px;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(3) .people {
	top: 40px;
}

.evt-worldcup .gauge-wrap .percent {
	padding-top: 6px;
	font-size: 22px;
	font-weight: 700;
}

.evt-worldcup .gauge-wrap .people {
	font-size: 14px;
}

.evt-worldcup .select-list {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-left: -20px;
	margin-top: -1px;
	width: calc(100% + 40px);
	height: 233px;
	background-color: #272731;
	border-bottom: 70px solid #f7f7f7;
}

.evt-worldcup .select-list li {
	width: 160px;
}

.evt-worldcup .select-list li+li {
	margin-top: 10px;
}

.evt-worldcup .select-list .radio_box input[type="radio"]+label {
	font-size: 24px;
	line-height: 24px;
	padding-left: 35px;
}

.evt-worldcup .select-list .radio_box input[type="radio"]+label:after {
	top: 16px;
	width: 25px;
	height: 25px;
	background: #fff;
	border: 3px solid #d0d0cf;
}

.evt-worldcup .select-list .radio_box input[type="radio"]:checked+label:after {
	background-color: #000;
}

.evt-worldcup .select-list .radio_box label {
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.evt-worldcup .submit-btn {
	position: absolute;
	bottom: 45px;
	left: calc(50% - 125px);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	height: 50px;
	border-radius: 30px;
	background: #fe0f39 url(/res/images/evt-worldcup-m-btn.png) 50% 50% no-repeat;
	background-size: 150px;
}
@charset "utf-8";

/* 이벤트 내 룰렛 */
.event_roul_div {
	position: relative;
	overflow: hidden
}

.event_roul_div img {
	width: 100%;
}

.event_roul_div .top_area {
	position: relative
}

.event_roul_div .bottom_area {
	position: relative
}

.event_roul_div .roullete_div {
	position: absolute;
	width: 754px;
	height: 754px;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
}

.event_roul_div .roullete_div .roul_wrap {
	position: relative;
	display: inline-block
}

.event_roul_div .roullete_div .roul_wrap .roul_bg {
	z-index: 10;
	width: 754px;
}

.event_roul_div .roullete_div .roul_wrap .roul_shadow {
	position: absolute;
	left: 0;
	top: 8px;
	width: 806px;
	z-index: -1
}

.event_roul_div .roullete_div .roul_wrap .roul_niddle {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -18px;
	z-index: 11;
	width: 106px;
}

.event_roul_div .roullete_div .roul_wrap .start_btn {
	position: absolute;
	width: 216px;
	height: 216px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.event_roul_div .roullete_div .roul_wrap .start_btn.disabled {
	pointer-events: none;
}

.event_roul_div .roullete_div .roul_info {
	margin-top: 70px
}


@media all and (max-width:1023px) {
	.event_roul_div .roullete_div {
		width: 628px;
		height: 628px;
	}

	.event_roul_div .roullete_div .roul_wrap .roul_bg {
		width: 628px;
	}

	.event_roul_div .roullete_div .roul_wrap .roul_shadow {
		width: 672px;
	}

	.event_roul_div .roullete_div .roul_wrap .roul_niddle {
		width: 88px;
	}

	.event_roul_div .roullete_div .roul_wrap .start_btn {
		width: 180px;
		height: 180px;
	}

	.event_roul_div .roullete_div .roul_info {
		margin-top: 40px
	}
}


@media all and (max-width:767px) {
	.event_roul_div .roullete_div {
		width: 314px;
		height: 314px;
	}

	.event_roul_div .roullete_div .roul_wrap .roul_bg {
		width: 314px;
	}

	.event_roul_div .roullete_div .roul_wrap .roul_shadow {
		width: 336px;
	}

	.event_roul_div .roullete_div .roul_wrap .roul_niddle {
		width: 44px;
	}

	.event_roul_div .roullete_div .roul_wrap .start_btn {
		width: 90px;
		height: 90px;
	}
}

@media all and (max-width:320px) {
	.event_roul_div .roullete_div {
		width: 251px;
		height: 251px;
	}

	.event_roul_div .roullete_div .roul_wrap .roul_bg {
		width: 251px;
	}

	.event_roul_div .roullete_div .roul_wrap .roul_shadow {
		width: 269px;
	}

	.event_roul_div .roullete_div .roul_wrap .roul_niddle {
		width: 35px;
	}

	.event_roul_div .roullete_div .roul_wrap .start_btn {
		width: 72px;
		height: 72px;
	}

	.event_roul_div .roullete_div .roul_info {
		margin-top: 30px
	}
}

/* 221115 룰렛 이벤트 164 */
.event_roul_div.evt_roul_2211 .roul_product {
	position: absolute;
	bottom: -15%;
	left: -5%;
	width: 40%;
}@charset "utf-8";

/* ============================ 231026 리뉴얼 2차 수정: 하단에 추가 ============================ */
/* 공통: 인디게이터 타이틀 수정 */
.indicator .title {
	line-height: 24px !important;
	font-weight: 400 !important;
}

/* 공통: 댓글 타이틀 영역 여백 수정 */
/* 리뉴얼 2차 상품상세, 매거진 적용 후 재확인 */
.cmt_area .cmt_div .cmt_top_area {
	padding: 24px 0 20px !important
}

/* 공통: 댓글 타이틀 영역 수정 및 삭제 버튼 위치 */
/* 리뉴얼 2차 상품상세, 매거진 적용 후 재확인 */
.wrt_tooltip.tooltip_div .tooltip {
	top: 24px !important;
}

/* 공통: 페이지 하단 주의사항 */
/* 리뉴얼 2차 상품상세, 매거진 적용 후 재확인 */
.page_bottom_noti {
	border-top: 10px solid #F9F9F9;
}

.page_bottom_noti p {
	color: #777;
	font-size: 14px;
	line-height: 20px;
}

/* 팝업: 당첨자 발표 팝업 */
/* 리뉴얼 2차 상품상세, 매거진 적용 후 @popup.css로 이동 */
.evt_trial_dtl_pop {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: translateX(0);
	border-radius: 0;
	background-color: #fff;
}

.evt_trial_dtl_pop .pop_con {
	width: 100%;
	height: 100%;
	padding: 0;
	border-radius: 0;
}

.evt_trial_dtl_pop .tit {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	text-align: center;
}

.evt_trial_dtl_pop .tit p {
	color: #111;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.evt_trial_dtl_pop .pop_con .txt {
	display: block;
	color: #000;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
	padding: 0 20px;
	text-align: left;
	word-break: break-all;
}

.evt_trial_dtl_pop .txt strong {
	font-weight: 500;
}

.evt_trial_dtl_pop .winner_list {
	margin-top: 24px;
}

.evt_trial_dtl_pop .winner_list table {
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	border-collapse: separate;
	border-spacing: 0;
	color: #555;
}

.evt_trial_dtl_pop .winner_list table th {
	color: #111;
	background-color: #F9F9F9;
}

.evt_trial_dtl_pop .winner_list table th,
.evt_trial_dtl_pop .winner_list table td {
	font-size: 13px;
	line-height: 18px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	padding: 12px;
	text-align: left;
}

.evt_trial_dtl_pop .winner_list table td {
  color: #777;
}

.evt_trial_dtl_pop .winner_list table th:nth-last-of-type(1),
.evt_trial_dtl_pop .winner_list table td:nth-last-of-type(1) {
	border-right: none;
}

/* 231026 현재 자사몰 이벤트 공통 코드, 이벤트 메인 반영 후에는 무료체험에서만 사용 */
/* 공통 */
.event_wrap .event_div {
	padding-bottom: 72px;
}

.event_wrap .event_div .time_type_div.hor .swiper-scrollbar {
	margin-top: 24px;
}

.event_div .sub_tab a {
	width: 25%
}

.event_wrap .badge.evt {
	background: #3cc814
}

.event_wrap .badge.exhib {
	background: #052822
}

/* 이벤트 상단 타임특가 */
.event_div .time_type_div.hor .swiper-wrapper .list,
.event_div .time_type_div.hor .swiper-wrapper .product-item-list {
	/* height: 186px; */
	padding: 12px;
	border-radius: 15px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.event_div .time_type_div.hor .swiper-wrapper .list .thumb {
	width: 114px;
	height: 114px;
}

.event_div .time_type_div.hor .swiper-wrapper .list .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.event_div .time_type_div.hor .swiper-wrapper .list .pd_info {
	padding-top: 12px;
	padding-bottom: 12px;
}

.event_div .time_type_div.hor .swiper-wrapper .list .heart {
	bottom: 20px;
	left: 92px;
}

/* .event_div .time_type_div.hor .swiper-wrapper .list .cart_btn,
.event_div .time_type_div.hor .swiper-wrapper .list .alarm {
	bottom: 25px;
} */

.event_div .time_type_div.hor .swiper-container {
	padding-top: 16px;
	padding-bottom: 44px;
}

.event_div .time_type_div .timer_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 44px;
	padding: 0 12px 0 16px;
	background-image: linear-gradient(98deg, #ffe3f0, #fce6dd 100%);
}

.event_div .time_type_div.hor .swiper-pagination {
	margin-top: 24px;
}

.event_div .time_type_div.hor .swiper-scrollbar {
	position: static;
	width: 100%;
	margin-top: 24px;
}

/* 이벤트 콘텐츠 */
.event_list_div {
	margin-top: 16px;
}

.event_list_div .list {
	display: block;
	margin-bottom: 24px;
	position: relative
}

.event_list_div .list:last-child {
	margin-bottom: 0;
}

.event_list_div .list .thumb {
	width: 100%;
	border-radius: 15px;
	position: relative;
	overflow: hidden
}

.event_list_div .list .thumb img {
	width: 100%;
}

.event_list_div .list .title_div {
	margin-top: 16px;
}

.event_list_div .list .title_div:after {
	content: '';
	display: block;
	clear: both
}

.event_list_div .list .badge {
	float: left;
	margin-right: 6px;
	border-radius: 4px;
	width: 44px;
	padding: 3px 6px;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #fff;
}

.event_list_div .list .title {
	float: left;
	width: calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}

.event_list_div .list .period {
	font-size: 14px;
	line-height: 20px;
}

.event_list_div .list .period .date {
	color: #999;
}

.event_list_div .list .period .D-day {
	color: #3cc814;
	position: relative;
}

.event_list_div .list .period span:not(:first-child) {
	padding-left: 16px;
	position: relative
}

.event_list_div .list .period .comment_cnt {
	float: right;
	padding-left: 22px !important;
	font-size: 13px;
	line-height: 16px;
	color: #777;
	background: url("/res/images/m_comment.png") left center no-repeat;
	background-size: 16px;
}

.event_banner {
	display: block;
	margin: 16px auto 24px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px)
}

.event_banner img {
	width: 100%;
	border-radius: 15px
}


/* 221213 무료체험 이벤트 코너 개발 */
/* 무료체험 이벤트 리스트 **/
.evt_trial_list .event_div .list {
	letter-spacing: -0.2px;
}

.evt_trial_list .event_div .thumb {
	position: relative;
}

.evt_trial_list .event_div .thumb .current_badge {
	z-index: 1;
	position: absolute;
	top: 12px;
	left: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	color: #3cc814;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	background-color: #fff;
	border: 2px solid #3cc814;
	border-radius: 50%;
	text-align: center;
}

.evt_trial_list .event_div .thumb .current_badge.disabled {
	color: #ccc;
	border-color: #ccc;
}

.evt_trial_list .event_div .thumb .current_badge em {
	display: block;
	font-weight: 700;
	font-style: normal;
}

.evt_trial_list .event_div .event_list_div .list .title_div {
	margin-top: 12px;
}

.evt_trial_list .event_div .event_list_div .list .title_div .title {
	width: 320px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 4px;
}

.evt_trial_list .event_div .period {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.evt_trial_list .event_div .event_list_div .period .time {
	color: #3cc814;
	margin-left: 8px;
	padding-left: 0;
}

.evt_trial_list .event_div .event_list_div .period .txt,
.evt_trial_list .event_div .event_list_div .period .txt span {
	color: #000;
	padding-left: 0;
}

.evt_trial_list .event_div .event_list_div .period .none {
	display: none;
}

.evt_trial_list .event_div .event_list_div .list .period .comment_cnt {
	font-size: 13px;
	font-weight: 400;
	line-height: 24px;
}

.evt_trial_list .no_data_div {
	margin-top: 48px;
}

.evt_trial_list .no_data_div .txt_area {
	font-size: 16px;
	line-height: 18px;
	color: #333;
	padding: 88px 20px 24px;
}

/* 무료체험 이벤트 상세 */
.evt_trial_dtl {
	padding-bottom: 0;
}

.evt_trial_dtl .top {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.evt_trial_dtl .view_con {
	padding-top: 24px;
	padding-bottom: 0;
}

.evt_trial_dtl .cmt_div .list_div {
	border-bottom: none;
}

.evt_trial_dtl .more_btn_wrap {
	margin-bottom: 0;
}

/* 응모 정보 */
.evt_trial_dtl .evt_trial_info_list {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	background: url('/res/images/event/evt_trial/m_bg_evt_info_line.png') no-repeat center 24px / calc(100% - 96px) auto;
	padding: 0 36px;
	margin: 0 auto;
	text-align: center;
}

.evt_trial_dtl .evt_trial_info_list li {
	width: 72px;
}

.evt_trial_dtl .evt_trial_info_list .evt_info_ico {
	display: block;
	width: 48px;
	height: 48px;
	background: url('/res/images/event/evt_trial/ico_evt_info_01.png') no-repeat center / 24px 24px;
	background-color: #f7f7f7;
	border-radius: 50%;
	margin: 0 auto;
}

.evt_trial_dtl .evt_trial_info_list .period .evt_info_ico {
	background-image: url('/res/images/event/evt_trial/ico_evt_info_01.png');
}

.evt_trial_dtl .evt_trial_info_list .noti .evt_info_ico {
	background-image: url('/res/images/event/evt_trial/ico_evt_info_02.png');
}

.evt_trial_dtl .evt_trial_info_list .recruit .evt_info_ico {
	background-image: url('/res/images/event/evt_trial/ico_evt_info_03.png');
}

.evt_trial_dtl .view_con .evt_trial_info_list .evt_info_tit {
	color: #555;
	font-size: 13px;
	line-height: 18px;
	margin: 6px 0 4px 0;
}

.evt_trial_dtl .evt_trial_info_list .evt_info_txt {
	color: #333;
	font-size: 12px;
	line-height: 16px;
}

/* 응모 마감 / 당첨자 안내 영역 */
.evt_trial_dtl .evt_trial_result {
	padding: 0 20px;
	margin-top: 32px;
	text-align: center;
}

.evt_trial_dtl .evt_trial_result .evt_result_tit {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 4px;
}

.evt_trial_dtl .evt_trial_result .evt_result_txt {
	color: #333;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px;
}

.evt_trial_dtl .evt_trial_result .evt_result_txt span {
	display: block;
}

.evt_trial_dtl .evt_trial_result .evt_winner .btn_winner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	border-radius: 10px;
	background-color: #3cc814;
	margin: 24px auto 0 auto;
}

/* 이벤트 이미지 */
.evt_trial_dtl .evt_trial_img {
	margin-top: 40px;
}

/* .evt_trial_dtl .view_con .cnt img {
	width: 100%;
} */

/* 체험 상품 */
.evt_trial_dtl .trial_item .title {
	margin: 74px 20px 13px;
}

/* .evt_trial_dtl .trial_item {
padding: 0 20px;
} */

.evt_trial_dtl .pd_wrap .product_list {
	position: relative;
}

.evt_trial_dtl .pd_wrap .product_list .thumb {
	width: 152px;
	padding: 6px;
	border-radius: 10px;
	background-color: #f7f7f7;
}

.evt_trial_dtl .product_list .price_div .price .dc {
	color: #ff3894;
}

.evt_trial_dtl .product_list .heart {
	bottom: 6px;
	left: 114px;
}

/* .evt_trial_dtl .product_list .cart_btn {
	bottom: 19px;
	right: -5px;
} */

/* 하단 공지 */
.evt_trial_dtl .page_bottom_noti {
	letter-spacing: -0.2px;
	word-break: break-all;
}

/* ========================================================================= */
/* 무료체험 리뷰어 메인: 리스트 */
.experience-main {
	margin-bottom: 80px;
}

.experience-main .experience-list {
	margin: 16px 20px 0;
}

.experience-main .experience-list ul {
	display: flex;
	flex-direction: column;
	gap: 24px 0;
}

.experience-main .experience-list ul li,
.experience-main .experience-list ul li img {
	width: 100%;
}

.experience-main .experience-list ul li .thumb {
	position: relative;
}

.experience-main .experience-list ul li .thumb .current-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	text-align: center;
	background-color: var(--color-secondary-1);
	border-radius: 70px 70px 70px 0px;
}

.experience-main .experience-list ul li .info {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 3px 0;
	min-height: 86px;
}

.experience-main .experience-list ul .info .name {
	width: 100%;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.experience-main .experience-list ul .date-reply {
	display: flex;
	align-items: center;
	gap: 0 8px;
}

.experience-main .experience-list ul .date-reply .period {
	color: var(--color-primary-1);
}

.experience-main .experience-list ul .date-reply .date {
	color: #999;
}

.experience-main .experience-list ul .date-reply .reply {
	padding-left: 28px;
	background: url(/res/images/icon/comment-111.svg) 0 50% / 24px;
}

.experience-main .no_data_div {
	padding: 98px 20px 290px;
}

/* 무료체험 리뷰어 상세 */
.experience-dtl {
	margin-bottom: 80px;
}

.experience-dtl .no_data_div .txt_area {
	background-position: center 48px;
	padding: 124px 20px 226px;
}

/* 무료체험 리뷰어 상세: 상단 타이틀 영역 */
.experience-dtl .title-wrap {
	display: flex;
	justify-content: space-between;
	gap: 0 10px;
	padding: 10px 20px 20px;
}

.experience-dtl .title-wrap .title {
	word-break: break-all;
}

.experience-dtl .title-wrap .share-btn {
	min-width: 20px;
	height: 20px;
	background: url(/res/images/icon/share-111.svg) 50% / 20px;
}

/* 무료체험 리뷰어 상세: 정보 안내 */
.experience-dtl .experience-info {
	padding: 24px 20px;
	border-top: 1px solid #EEE;
}

.experience-dtl .experience-info.ing {
	display: flex;
	align-items: center;
	justify-content: center;
}

.experience-dtl .experience-info.ing ul {
	display: flex;
	gap: 0 12px;
}

.experience-dtl .experience-info.ing ul li {
	position: relative;
	width: 98px;
}

.experience-dtl .experience-info.ing ul li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 114px;
	background-color: #F9F9F9;
	border-radius: 50px;
}

.experience-dtl .experience-info.ing ul li .term {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 26px;
	padding-bottom: 70px;
	background-position: 50% 48px;
	background-size: 40px;
	z-index: 1;
}

.experience-dtl .experience-info.ing ul li:nth-child(1) .term {
	background-image: url(/res/images/icon/experience/date.svg);
}

.experience-dtl .experience-info.ing ul li:nth-child(2) .term {
	background-image: url(/res/images/icon/experience/people.svg);
}

.experience-dtl .experience-info.ing ul li:nth-child(3) .term {
	background-image: url(/res/images/icon/experience/announce.svg);
}

.experience-dtl .experience-info.ing ul li .desc {
	display: inline-block;
	width: 100%;
	padding-top: 10px;
	color: #777;
	text-align: center;
}

.experience-dtl .experience-info.ing ul li:first-child .desc {
	padding-left: 6.5px;
	text-align: left;
}

.experience-dtl .experience-info.end {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.experience-dtl .experience-info.end .desc {
	margin-top: 8px;
	color: #555;
	text-align: center;
}

.experience-dtl .experience-info.end button {
	width: 240px;
	height: 48px;
	margin-top: 24px;
	border-radius: 4px;
}

/* 무료체험 리뷰어 상세: 상세 안내 */
.experience-dtl .experience-cnt {
	font-size: 14px;
	line-height: 20px;
	color: #555;
}

.experience-dtl .experience-cnt img {
	width: 100%;
}

/* 무료체험 리뷰어 상세: 리뷰 상품 */
.experience-dtl .experience-item {
	padding: 40px 0;
}

.experience-dtl .experience-item .title {
	display: block;
	padding: 0 20px 20px;
}

/* 무료체험 리뷰어 상세: 주의사항 */
.experience-dtl .page_bottom_noti {
	margin-top: 0;
}@charset "utf-8";

/* 231226 선물하기 상단 메인 배너 플래그 */
@-webkit-keyframes bounce-in-top {
	0% {
		-webkit-transform: translateY(-500px);
		transform: translateY(-500px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	38% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		opacity: 1;
	}

	55% {
		-webkit-transform: translateY(-65px);
		transform: translateY(-65px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	72% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	81% {
		-webkit-transform: translateY(-28px);
		transform: translateY(-28px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	90% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	95% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

@keyframes bounce-in-top {
	0% {
		-webkit-transform: translateY(-500px);
		transform: translateY(-500px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	38% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		opacity: 1;
	}

	55% {
		-webkit-transform: translateY(-65px);
		transform: translateY(-65px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	72% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	81% {
		-webkit-transform: translateY(-28px);
		transform: translateY(-28px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	90% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	95% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

/*** 선물하기 ***/
/* 메인 */
/* 선물하기 공통 */

.present_div .top .tit {
	color: #333;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	text-align: center
}

.present_div .present_pay .top .desc {
	font-size: 13px;
	line-height: 18px;
	color: #333;
	margin-top: 12px;
	font-weight: 400;
}

.present_div .present_pay .top_area .desc {
	font-size: 13px;
	line-height: 18px;
	color: #333;
	margin-top: 12px;
	font-weight: 400;
}

.present_div .present_pay .present_radio .radio_box:not(:first-child) {
	margin-left: 10px
}

.present_div .present_pay .present_way {
	position: relative;
	width: 220px;
	margin: 14px 0 32px 0;
	padding: 8px 16px;
	color: #fff;
	background: #052822;
	font-size: 13px;
	line-height: 18px;
	border-radius: 18px;
}

.present_div .present_pay .present_way:after {
	content: '';
	display: block;
	position: absolute;
	width: 0px;
	height: 0px;
	top: -8px;
	left: 36px;
	border-top: none;
	border-bottom: 8px solid #052822;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

.present_div .top .tit span {
	color: #3cc814;
	font-weight: 700;
}

.present_div .pay_area .accor_div .list .top .tit {
	text-align: left;
}

.present_div .present_pay .accor_div .list .tit {
	text-align: left
}

.present_div .present_pay .accor_div .list.cost .close .list {
	margin-top: 13px;
}

.present_div .present_pay .accor_div .list .close .pay_way_div {
	position: relative;
}

.present_div .present_pay .accor_div .list .close .pay_way_div .radio_div:not(:first-child) {
	margin-top: 24px;
}

.present_div .accor_div .list .close.message_div {
	padding-top: 0;
	padding-bottom: 127px;
	position: relative;
}

.present_div .accor_div .list .close.message_div .present_msg {
	padding: 16px 20px 36px 20px;
	margin: auto -20px;
	background: #f9f9f9;
}

.present_div .accor_div .list .close.message_div .present_msg .swiper-slide {
	width: 76px;
	height: 53px;
	border-radius: 6px;
	position: relative
}

.present_div .accor_div .list .close.message_div .present_msg .swiper-slide.on:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 10px;
	position: absolute;
	border: 2px solid #3cc814;
}

.present_div .accor_div .list .close.message_div .present_msg .swiper-slide .img_wrap {
	width: 68px;
	height: 45px;
	margin: 4px;
	border-radius: 6px;
	overflow: hidden;
}

.present_div .accor_div .list .close.message_div .present_msg .swiper-slide img {
	width: 80px;
	height: 62px;
	border-radius: 6px;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.present_div .accor_div .list .close.message_div .present_msg .swiper-slide .msg_tit {
	margin-top: 8px;
	text-align: center;
	font-size: 13px;
	line-height: 16px;
	color: #333
}

.present_div .accor_div .list .close.message_div .bg_area {
	position: relative;
	width: calc(100% + 40px);
	width: -webkit-calc(100% + 40px);
	margin: 0 -20px;
	height: 280px;
	overflow: hidden;
	background: #1fc691;
}

.present_div .accor_div .list .close.message_div .bg_area img {
	width: 360px;
	height: 280px;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
}

.present_div .accor_div .list .close.message_div .textarea_wrap {
	position: absolute;
	width: 288px;
	height: 203px;
	padding: 20px 20px 45px 20px;
	border-radius: 4px;
	background: #fff;
	left: 50%;
	bottom: 32px;
	transform: translateX(-50%);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.present_div .accor_div .list .close.message_div .textarea_wrap textarea {
	width: 100%;
	height: 136px;
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	background: url("/res/images/m_txtarea_bg.png") top left #fff;
	background-repeat: repeat-y !important;
	background-size: 100% 34px;
	padding: 0 10px;
	border-radius: 0
}

.present_div .accor_div .list .close.message_div .textarea_wrap .placeholder {
	color: #bbb;
	font-size: 14px;
	line-height: 28px;
	position: absolute;
	top: 53px;
	left: 50%;
	text-align: center;
	transform: translateX(-50%);
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
}

.present_div .accor_div .list .close.message_div .textarea_wrap .msg_from {
	color: #777;
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	bottom: 24px;
	right: 24px;
}

.present_div .accor_div .list .close.message_div .textarea_wrap .limit_textarea_cnt {
	position: absolute;
	bottom: 24px;
	right: 24px;
}

.present_div .present_pay .recieve_select .top {
	background: none;
	padding-top: 0
}

.present_div .top .btn.kakao_select {
	color: #3cc814;
	display: inline-block;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	height: 54px;
	background: #ffe500;
	margin-top: 24px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	border-radius: 10px
}

.present_div .top .btn.kakao_select span {
	display: inline-block;
	padding: 17px 0 17px 40px;
	background: url("/res/images/m_icn_kakao.png") center left no-repeat;
	background-size: 36px;
}

.present_div .top_area .btn.kakao_select {
	color: #3cc814;
	display: inline-block;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	height: 54px;
	background: #ffe500;
	margin-top: 24px;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	border-radius: 10px
}

.present_div .top_area .btn.kakao_select span {
	display: inline-block;
	padding: 17px 0 17px 28px;
	background: url(/res/images/m_icn_kakao.png) center left no-repeat;
	background-size: 24px;
}

.present_div .pay_div .receive_summary {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	margin: 32px 0 0;
	padding: 0 24px;
	color: #111;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.present_div .pay_div .receive_summary .left {
	float: left
}

.present_div .pay_div .receive_summary .right {
	text-align: right;
	float: right
}

.present_div .pay_div .pay_comp .receive_summary {
	margin: 32px 20px 0;
}

.present_div .present_receive .top {
	padding-bottom: 32px;
}

.present_div .present_receive .top .btn {
	margin-top: 24px;
}

.present_div .present_receive .accor_div .list .close .list_div .list .pd_info .many {
	margin-top: 20px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
}

.present_div .present_receive .accor_div .list .message_div {
	padding-top: 0;
	padding-bottom: 96px;
	position: relative;
}

.present_div .present_receive .accor_div .list .message_div .present_msg {
	padding: 12px 20px;
	margin: auto -20px;
	background: #f9f9f9;
}

.present_div .present_receive .accor_div .list .message_div .present_msg .swiper-slide {
	width: auto;
	border-radius: 6px;
	padding: 4px;
	position: relative;
}

.present_div .present_receive .accor_div .list .message_div .present_msg .swiper-slide.on:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 15px;
	position: absolute;
	border: 2px solid #3cc814;
}

.present_div .present_receive .accor_div .list .message_div .bg_area {
	position: relative;
}

.present_div .present_receive .accor_div .list .message_div .bg_area img {
	width: 100%
}

.present_div .present_receive .accor_div .list .message_div .textarea_wrap {
	position: absolute;
	width: calc(100% - 64px);
	width: -webkit-calc(100% - 64px);
	height: 200px;
	padding: 20px 24px 45px 24px;
	border-radius: 20px;
	background: #fff;
	left: 50%;
	bottom: 32px;
	transform: translateX(-50%);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

.present_div .present_receive .accor_div .list .message_div .textarea_wrap textarea {
	width: 100%;
	height: 136px;
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	background: url("/res/images/m_txtarea_bg.png") top left #fff;
	background-repeat: repeat-y !important;
	background-size: 100% 34px;
	padding: 0 10px;
}

.present_div .present_receive .accor_div .list .message_div .textarea_wrap .msg_from {
	color: #777;
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	bottom: 24px;
	right: 24px;
}

.present_div .present_receive .accor_div .list .receive_summary {
	margin-bottom: 24px;
}

.present_div .list.info_div {
	padding-bottom: 72px;
}

.present_div .list.info_div .dot_indent {
	margin-top: 24px;
}

.present_div .present_receive .reject_btn {
	position: relative;
	display: block;
	text-align: center;
	margin: 24px auto 72px auto;
	width: 236px;
	color: #000;
	font-size: 14px;
	line-height: 20px;
	padding: 13px 0;
	border-radius: 24px;
	border: 1px solid #ccc;
}

.present_div .present_receive .reject_btn.disabled_btn {
	color: #ccc;
	border: 1px solid #ddd;
}

.present_div .present_receive .page_bottom_noti {
	margin-top: 0
}

.present_div .present_reject .top {
	padding-top: 22px;
}

.present_div .present_reject .top .btn {
	margin-top: 46px;
}

.present_div .present_receive.present_reject .btn_type a.reject_btn {
	color: #ccc;
	font-size: 16px;
	line-height: 24px;
	padding: 12px 0;
	border-radius: 10px;
	border: 1px solid #ddd;
	background: transparent
}

.present_div .accor_div .list .close .addr_info_div {
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.present_div .accor_div .list .close .addr_info_div .name {
	margin-bottom: 16px;
}

.present_div .accor_div .list .close .addr_info_div .chg_btn {
	float: right;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline;
	font-weight: 500;
}

.present_div .accor_div .list .close .addr_info_div .addr {
	margin-bottom: 8px;
}

.present_div .accor_div .list .close .addr_info_div .phone {
	margin-bottom: 16px;
}

.present_div .accor_div .list .close .addr_info_div .request {
	background: #f7f7f7;
	border-radius: 10px;
	padding: 16px;
}

.present_div+.bottom_fix {
	padding: 0;
}

.present_div+.bottom_fix a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 500;
}

.present_div+.bottom_fix a span {
	font-weight: 700;
}

.present_div+.bottom_fix .btn a.won span {
	font-size: inherit;
}

.present_div .pay_comp.ord_comp .top_area {
	background: url('/res/images/m_comp_gift_128x128.png') no-repeat center 8px;
	background-size: 64px
}

.present_div .pay_comp.pay_comp .top_area {
	background: url('/res/images/m_comp_gift_128x128.png') no-repeat center 8px;
	background-size: 64px
}

.present_div .pay_comp.recieve_select .top_area {
	padding-top: 0;
	background: none
}

.present_div .pay_comp .top_area.delivery {
	background: url('/res/images/m_comp_delivery_128x128.png') no-repeat center 8px;
	background-size: 64px
}

.present_div .pay_comp .top_area.comp {
	background: url('/res/images/m_icn_check_128x128.png') no-repeat center 8px;
	background-size: 64px
}

.present_div .dlv_comp_btn .btn {
	display: flex;
	padding: 32px 0 80px 0
}


.present_div .dlv_comp_btn .btn a {
	display: block;
	margin-left: 8px;
	padding: 14px 0;
	width: 100%;
	text-align: center;
}

.present_div .dlv_comp_btn .btn a:first-child {
	margin-left: 0
}

.pay_div.present_pay .pay_comp .banner_area {
	width: 100%;
	padding-bottom: 24px;
}

/* 221208 선물하기 버튼 강조 */
@-webkit-keyframes shake-vertical {

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

	10%,
	30%,
	50%,
	70% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	20%,
	40%,
	60% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}

	80% {
		-webkit-transform: translateY(3.4px);
		transform: translateY(3.4px);
	}

	90% {
		-webkit-transform: translateY(-3.4px);
		transform: translateY(-3.4px);
	}
}

@keyframes shake-vertical {

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

	10%,
	30%,
	50%,
	70% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	20%,
	40%,
	60% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}

	80% {
		-webkit-transform: translateY(3.4px);
		transform: translateY(3.4px);
	}

	90% {
		-webkit-transform: translateY(-3.4px);
		transform: translateY(-3.4px);
	}
}

.payback-flag {
	position: absolute;
	/* left: calc(50% - 37px); */
	left: 41px;
	top: -15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 72px;
	padding: 0 12px;
	height: 26px;
	color: #fff;
	font-style: normal;
	white-space: nowrap;
	border-radius: 40px;
	background-color: var(--color-highlight-1);
	-webkit-animation: shake-vertical 2s ease-in-out infinite both;
	animation: shake-vertical 2s ease-in-out infinite both;
}

.payback-flag:after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 14px;
	display: block;
	width: 8px;
	height: 4px;
	background: url("/res/images/icon/m-payback-flag-tail.svg");
}

/* ============================== 선물하기: 공통 ============================== */
#wrap:not(.no-top-banner) header.fix~#content .gift-main {
	margin-top: -99px;
}

.gift-main {
	margin-top: -20px;
	padding-bottom: 80px;
}

/* ============================== 선물하기: 메인배너 ============================== */
/* .gift-main .main-banner {
	padding: 0 20px;
} */

.gift-main .main-banner .info-wrap {
	position: relative;
	/* width: 1280px; */
	height: 356px;
	margin: 0 20px;
}

.gift-main .main-banner .info-wrap .text-wrap {
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 180px;
	z-index: 1;
}

.gift-main .main-banner .info-wrap .text-wrap.center {
	justify-content: center;
}

.gift-main .main-banner .info-wrap .text-wrap span {
	display: block;
}

.gift-main .main-banner .info-wrap .text-wrap .flag {
	position: absolute;
	top: 76px;
	width: 106px;
	height: 76px;
	background: url(/res/images/icon/gift-flag.svg) 50% 50% / cover;
	animation: bounce-in-top 1s 0.5s both
}

.gift-main .main-banner .info-wrap .text-wrap .flag.bounce {
	animation: shake-vertical infinite 3s both;
}

.gift-main .main-banner .info-wrap .text-wrap .flag .text {
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	color: #fff;
	text-align: center;
}

.gift-main .main-banner .info-wrap .text-wrap.is-flag .term {
	margin-top: 104px;
}

.gift-main .main-banner .info-wrap .text-wrap.is-flag .term.position {
	margin-top: 184px;
	transition: margin-top 2s ease;
}

.gift-main .main-banner .info-wrap .text-wrap:not(.is-flag) .term {
	margin-top: 50px;
}

.gift-main .main-banner .info-wrap .text-wrap:not(.is-flag) .term.position {
	margin-top: 130px;
	transition: margin-top 2s 0.5s ease;
}

.gift-main .main-banner .info-wrap .text-wrap .desc {
	margin-top: 12px;
	color: #111;
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
}

.gift-main .main-banner .info-wrap:has(.free-banner) {
	height: inherit;
}

.gift-main .main-banner .info-wrap .free-banner {
	margin-left: -20px;
	width: calc(100% + 40px);
}

.gift-main .main-banner .info-wrap .free-banner img {
	width: 100%;
}

.gift-main .main-banner .info-wrap .bg {
	position: absolute;
	top: 0;
	right: -20px;
	width: 360px;
	height: 356px;
}

.gift-main .main-banner .product-swiper-1 {
	padding-bottom: 40px;
}

.gift-main .main-banner .product-swiper-1 .product-item-list {
	margin-top: 0;
	padding: 20px;
	background-color: #fff;
}

.gift-main .main-banner .product-swiper-1 .product-item-list>a {}

.gift-main .main-banner .product-swiper-1 .product-item-list .thumb {
	width: 80px;
	height: 80px;
}

.gift-main .main-banner .product-swiper-1 .product-item-list .thumb .soldout {
	background-color: rgba(255, 255, 255, 0.85)
}

/* .gift-main .main-banner .product-swiper-1 .product-item-list .info .benefit {
	width: auto;
	padding-left: 6px !important;
} */

.gift-main .main-banner .product-swiper-1.swiper-disabled {
	margin: 0;
}

.gift-main .main-banner .product-swiper-1.swiper-disabled .swiper-wrapper {
	justify-content: center;
	gap: 0 20px;
}

.gift-main .main-banner .product-swiper-1.swiper-disabled .product-item-list {
	width: 100%;
}

/* ============================== 선물하기: 이용방법 ============================== */
.gift-main .method .title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	background-color: #00CE5F;
}

.gift-main .method .title span {
	padding-right: 22px;
	color: #fff;
	background: url(/res/images/icon/arrow-down-fff.svg) 100% 50% / 18px;
}

.gift-main .method .title.on span {
	background-image: url(/res/images/icon/arrow-up-fff.svg);
}

.gift-main .method .step-list {
	display: none;
	padding: 48px 20px;
	background-color: var(--color-secondary-3);
}

.gift-main .method .step-list ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: column;
	gap: 48px 0;
}

.gift-main .method .step-list li {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 20px;
	text-align: center;
}

.gift-main .method .step-list li .num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: var(--color-primary-1);
	border-radius: 50%;
	background-color: var(--color-secondary-2);
}

.gift-main .method .step-list li .desc {
	margin-top: 8px;
}

.gift-main .method .step-list li .desc strong {
	color: var(--color-primary-1);
	font-weight: 400;
}

.gift-main .method .step-list li img {
	max-width: 280px;
	width: 100%;
}

.gift-main .method .step-list .page_bottom_noti {
	margin-top: 48px;
	padding: 0;
	border-top: none;
	background-color: transparent;
}

.gift-main .method .step-list .page_bottom_noti .dot_indent p {
	font-size: 14px;
	line-height: 20px;
}

.gift-main .method .step-list .page_bottom_noti .dot_indent p::before {
	top: 9px;
}

/* ============================== 선물하기: 배너 ============================== */
.gift-main .common-banner-wrap {
	margin-top: 24px;
	height: 120px;
}

.gift-main .common-banner-wrap img {
	width: 100%;
	height: 120px;
	object-fit: cover;
}

/* ============================== 선물하기: 카테고리 ============================== */
.gift-main .category {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px 8px;
	/* width: 1272px; */
	padding: 24px 20px;
}

.gift-main .category li {
	display: flex;
	justify-content: center;
	width: calc(25% - 6px)
}

.gift-main .category li>a {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 74px;
}

.gift-main .category li .icon {
	width: 60px;
	height: 60px;
}

.gift-main .category li .icon img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.gift-main .category li .term {
	display: block;
	width: 100%;
	margin-top: 4px;
	color: #333;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all;
}

.gift-main .category li:hover .term,
.gift-main .category li.on .term {
	color: var(--color-primary-1);
	font-weight: 600;
}

/* ============================== 선물하기: 전시유형 ============================== */
.gift-main .display-list {
	padding-top: 24px;
	border-top: 10px solid #f9f9f9;
}

.gift-main .display-list .product_list_top {
	display: flex;
	align-items: center;
	height: 24px;
	margin-bottom: 20px;
	padding: 0 !important;
}

.gift-main .display-list .no_data_div {
	margin-top: 48px;
}@charset "utf-8";

.product_dtl {
	position: relative;
	/* margin-top: -48px; */
	/* padding-top: calc(100vw + 48px); */
	padding-top: 100vw;
}

.product_dtl .scroll_area .tooltip_div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 16px;
	height: 16px;
	background: url('/res/images/icon/tooltip-bbb.svg') no-repeat center;
	background-size: 16px;
	z-index: 2;
}

/* 상품상세: 상단 상품 썸네일 =============================== */
.product_dtl .thumb.top {
	position: fixed;
	top: 0px;
	left: 0;
	padding-top: 48px;
	width: 100%;
	background-color: #f9f9f9;
}

.product_dtl .thumb.top .swiper-scrollbar {
	position: absolute !important;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: 20px;
	margin-top: 0;
}

.product_dtl .thumb.top .swiper-wrapper {
	height: auto
}

.product_dtl .thumb.top .swiper-wrapper .swiper-slide {
	height: auto
}

.product_dtl .thumb.top .swiper-wrapper .swiper-slide img {
	width: 100%;
}

.product_dtl .thumb.top .swiper-wrapper .swiper-slide.noimg {
	background: #f7f7f7
}

.product_dtl .thumb.top .swiper-wrapper .swiper-slide.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.product_dtl .thumb.top .swiper-wrapper .swiper-slide.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg_big.png') no-repeat center;
	background-size: 100% auto
}

.product_dtl .thumb.top .swiper-pagination {
	bottom: 36px
}

.product_dtl .thumb.top .swiper-pagination .swiper-pagination-bullet {
	margin: 0 3px;
	width: 6px;
	height: 6px;
	background: rgba(0, 0, 0, 0.3);
	opacity: 1
}

.product_dtl .thumb.top .swiper-pagination .swiper-pagination-bullet-active {
	background: #000
}

.product_dtl .thumb .time-sale-wrap {
	position: absolute;
	top: 104px;
	left: 16px;
	z-index: 2;
}

.product_dtl .thumb.top.up .time-sale-wrap,
#wrap.no-top-banner .product_dtl .thumb.top .time-sale-wrap {
	top: 64px;
}

.product_dtl .thumb .time-sale-wrap .timer {
	margin-bottom: 0;
	padding-left: 38px;
	border-radius: 0;
	background-color: transparent;
	background-size: 32px;
}

.product_dtl .thumb .timer_div .tit img {
	height: 24px;
	margin-right: 4px;
}

.product_dtl .thumb .timer_div .tit img:last-child {
	margin-right: 0;
}

.product_dtl .thumb .timer_div .timer {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	color: #000;
	padding-left: 8px;
}

.product_dtl .scroll_area {
	position: relative;
	z-index: 1;
	background: #fff;
	/* margin-top: -20px */
}

.product_dtl .scroll_area .devide:after {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: #f7f7f7
}

.product_dtl .scroll_area .section {
	position: relative;
	border-bottom: 10px solid #F5F5F5;
}

.product_dtl .scroll_area .section:before {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: #f7f7f7
}

.product_dtl .scroll_area .section:first-child:before {
	display: none
}

.product_dtl .scroll_area .section.scroll_tab_parent {
	padding-top: 49px;
}

.product_dtl .scroll_area .section.scroll_tab_parent:before {
	display: none
}

/* 상품상세: 상품 정보 =============================== */
.product_dtl .scroll_area .section .pd_info {
	position: relative;
	padding: 20px 0
}

.product_dtl .scroll_area .section .pd_info.pet .pet_badge {
	height: 32px;
	margin-bottom: 6px
}

.product_dtl .scroll_area .section .pd_info.pet .pet_badge img {
	height: 32px;
	width: auto
}

.product_dtl .scroll_area .brand_link {
	display: inline-block;
	margin: 1px 0 13px;
}

.product_dtl .scroll_area .brand_link a {
	display: block;
}

.product_dtl .scroll_area .section .pd_info .name {
	word-break: break-all;
}

.product_dtl .scroll_area .section .pd_info .badge-list-wrap {
	display: inline-block;
	vertical-align: middle;
}

.product_dtl .scroll_area .section .pd_info .tag {
	margin-top: 4px;
}

.product_dtl .scroll_area .section .pd_info .tag span,
.product_dtl .scroll_area .section .pd_info .tag p {
	display: inline-block;
	color: #bbb;
	word-break: break-all;
	margin: 4px 6px 0 0;
}

.product_dtl .scroll_area .section .pd_info .tag span:last-child,
.product_dtl .scroll_area .section .pd_info .tag p:last-child {
	margin-right: 0
}

.product_dtl .scroll_area .section .pd_info .tag span:before,
.product_dtl .scroll_area .section .pd_info .tag p:before {
	content: '#'
}

.product_dtl .scroll_area .section .pd_info .badge-list {
	margin-left: 4px
}

.product_dtl .scroll_area .section .pd_info .btn {
	position: absolute;
	top: 20px;
	right: 0;
	display: flex;
	align-items: center;
	gap: 0 12px;
}

.product_dtl .scroll_area .section .pd_info.pet .btn {
	top: 62px
}

.product_dtl .scroll_area .section .pd_info .btn a {
	position: relative;
	width: 20px;
	height: 20px;
}

.product_dtl .scroll_area .section .pd_info .btn a:first-child {
	margin-left: 0
}

.product_dtl .scroll_area .section .pd_info .btn .heart {
	background: url('/res/images/icon/heart-off.svg') no-repeat center;
	background-size: 20px
}

.product_dtl .scroll_area .section .pd_info .btn .heart.on {
	background: url('/res/images/icon/heart-on.svg') no-repeat center;
	background-size: 20px
}

.product_dtl .scroll_area .section .pd_info .btn .heart p {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px
}

.product_dtl .scroll_area .section .pd_info .btn .heart.ing p:nth-child(1) {
	display: block
}

.product_dtl .scroll_area .section .pd_info .btn .heart.ing p:nth-child(2) {
	display: none
}

.product_dtl .scroll_area .section .pd_info .btn .heart.off p:nth-child(1) {
	display: none
}

.product_dtl .scroll_area .section .pd_info .btn .heart.off p:nth-child(2) {
	display: block
}

.product_dtl .scroll_area .section .pd_info .btn .heart p img {
	width: 100%
}

.product_dtl .scroll_area .section .pd_info .btn .share {
	background: url('/res/images/icon/share-111.svg') no-repeat center;
	background-size: 20px
}

/* 상품상세: 상품 가격 =============================== */
.product_dtl .scroll_area .price_info {
	border-top: 1px solid #ccc;
	padding: 20px 0 0
}

.product_dtl .scroll_area .price_info .info_box {
	margin-top: 24px;
}


.product_dtl .scroll_area .price_info .list_div .list {
	display: flex;
	align-items: center;
	gap: 0 4px;
}

.product_dtl .scroll_area .price_info .list_div .list:first-child {
	margin-top: 0
}

.product_dtl .scroll_area .price_info .list_div .list:last-child {
	margin-top: 0;
}

.product_dtl .scroll_area .price_info .price_list_div {
	display: flex;
	align-items: end;
	justify-content: space-between;
}

.product_dtl .scroll_area .price_info .list_div .list .percent {
	color: #999;
	font-size: 16px;
	line-height: 24px;
}

.product_dtl .scroll_area .price_info .list_div .list .percent strong {
	font-size: 22px;
	line-height: 30px;
}

.product_dtl .scroll_area .price_info .list_div .list .price {
	display: flex;
	align-items: center;
	width: auto;
	text-align: left;
}

.product_dtl .scroll_area .price_info .list_div .list .price .dc {
	color: var(--color-highlight-1);
	padding-right: 8px;
}

.product_dtl .scroll_area .price_info .list_div .list .price .won {
	display: flex;
	align-items: center;
}

.product_dtl .scroll_area .price_info .list_div .list .price .won,
.product_dtl .scroll_area .price_info .list_div .list .price .won span {
	color: #999;
}

.product_dtl .scroll_area .price_info .list_div .list .price .won.fixedwon,
.product_dtl .scroll_area .price_info .list_div .list .price .won.fixedwon span {
	color: #bbb;
	text-decoration: line-through;
}

.product_dtl .scroll_area .price_info .list_div .list .price .won span {
	font-size: 22px;
	line-height: 30px;
}

.product_dtl .scroll_area .price_info .list_div .list:last-child .percent {
	color: #FF3894;
}

.product_dtl .scroll_area .price_info .list_div .list:last-child .percent strong {
	font-weight: 700;
}

.product_dtl .scroll_area .price_info .list_div .list:last-child .price .won {
	display: flex;
	align-items: center;
	color: #111;
}

.product_dtl .scroll_area .price_info .list_div .list:last-child .price .won span {
	display: inline-block;
	color: #111;
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	font-weight: 700 !important;
	text-decoration: none;
}

.product_dtl .scroll_area .price_info .benefit_list {
	display: flex;
	align-items: center;
	gap: 0 4px;
}

.product_dtl .scroll_area .price_info .benefit_list .benefit_flag {
	color: var(--color-primary-1);
}

.product_dtl .scroll_area .price_info .benefit-list .price {
	display: inline-flex;
	align-items: center;
	gap: 0 7px;
	width: 100%;
	padding-top: 4px;
	padding-left: 90px;
}

.product_dtl .scroll_area .price_info .benefit-list .price .benefit {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #ff3894;
}

.product_dtl .scroll_area .price_info .benefit-list .price .benefit strong {
	font-size: 14px;
}

.product_dtl .scroll_area .price_info .benefit-list .price .period {
	font-size: 12px;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #000;
}

.product_dtl .scroll_area .price_info .list_div .list:last-child .price .dc {
	display: block
}

.product_dtl .scroll_area .price_info .list_div .list:nth-child(2) .price .dc {
	color: var(--color-highlight-1)
}

.product_dtl .scroll_area .price_info .list_div .list:nth-child(3) .price .dc {
	color: var(--color-highlight-1)
}

.product_dtl .scroll_area .price_info .coupon_btn {
	max-width: 100px;
}

.product_dtl .scroll_area .price_info .coupon_btn .btn_tool {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 85px;
	height: 30px;
	color: #999;
	margin-bottom: 2px;
}

.product_dtl .scroll_area .price_info .coupon_btn .btn_tool .btn_tool_inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #999;
	padding-right: 18px;
}

.product_dtl .scroll_area .price_info .coupon_btn .btn {
	display: inline-block;
	width: 87px;
	height: 30px;
	color: #fff;
	border-radius: 4px;
	background-image: url('/res/images/icon/download-fff.svg');
	background-position: right 12px center;
	background-size: 16px;
	background-color: var(--color-primary-1);
	padding: 6px 30px 6px 12px;
}

.product_dtl .scroll_area .price_info .deliver {
	position: relative;
	display: inline-block;
	padding-right: 18px;
	margin-top: 8px;
}

.product_dtl .scroll_area .price_info .deliver .deliver_txt {
	display: flex;
	align-items: center;
	min-height: 24px;
	color: #333;
	background: url('/res/images/icon/deliver-111.svg') no-repeat left center / 24px;
	padding-left: 28px;
}

/* .product_dtl .scroll_area .price_info .coupon_btn .btn_tool .btn_tool_inner .tooltip_div,
.product_dtl .scroll_area .price_info .deliver .tooltip_div {
	z-index: 3 !important;
} */

.product_dtl .scroll_area .price_info .stock {
	position: relative;
	display: block;
	padding-right: 18px;
}

.product_dtl .scroll_area .price_info .stock .stock_txt {
	display: flex;
	align-items: center;
	min-height: 24px;
	color: #333;
	background: url('/res/images/icon/stock-111.svg') no-repeat left center / 24px;
	padding-left: 28px;
}

.product_dtl .scroll_area .price_info .optimum_option {
	width: 100%;
	height: 52px;
	border: 1px solid var(--color-primary-1);
	background-color: #fff;
	border-radius: 4px;
	margin-top: 20px;
}

.product_dtl .scroll_area .price_info .optimum_option a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.product_dtl .scroll_area .price_info .optimum_option a span {
	display: block;
	color: var(--color-primary-1);
	background: url('/res/images/icon/arrow-down-p1.svg') no-repeat right center / 20px;
	padding-right: 24px;
}

.product_dtl .info_box .tooltip_div .dot_indent p {
	white-space: break-spaces;
}

.product_dtl .scroll_area .price_info .info_box .dc_list {
	margin-top: 14px;
	padding-bottom: 24px;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list+.list {
	margin-top: 24px;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list.point_benefit .line {
	align-items: start;
}

/* .product_dtl .scroll_area .price_info .info_box .dc_list .list.point_benefit .tooltip_div {
	z-index: 3 !important;
} */

.product_dtl .scroll_area .price_info .info_box .dc_list .list>.line {
	padding-top: 16px;
	border-top: 1px solid #ccc;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line.add .name,
.product_dtl .scroll_area .price_info .info_box .dc_list .list .line.add .right {
	color: #333;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .body {
	display: none;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .body .line {
	margin-top: 16px;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .left {
	display: flex;
	align-items: center;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .left .name {
	display: inline-block;
	color: #333;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list>.line .left .name {
	position: relative;
	padding-left: 0;
	padding-right: 18px;
	background: none
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .left .name .date {
	color: #bbb;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-width: 100px;
	width: 100px;
	color: #333;
	padding-left: 8px;
	text-align: right
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line:nth-of-type(1) .right {
	width: 100px;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .right span {
	width: 100%;
	display: inline-block;
	color: #333;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .left .coupon_flag {
	display: inline-block;
	width: 42px;
	height: 22px;
	max-height: 22px;
	color: var(--color-primary-1);
	border-radius: 4px;
	background-color: var(--color-secondary-3);
	padding: 3px 7px 3px 6px;
	margin-right: 6px;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .left .coupon_flag.coupon_btn {
	background: url('/res/images/icon/download-fff.svg') no-repeat right 5px center / 12px var(--color-primary-1);
	padding: 4px 17px 2px 6px;
	color: #fff;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line.point {
	line-height: 24px;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line.point .left {
	min-height: 24px;
	background: url('/res/images/icon/won-555.svg') no-repeat left center / 24px;
	padding-left: 30px;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line.point .left .name {
	position: relative;
	padding-right: 20px;
	overflow: inherit;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list>.line .left .badge {
	margin-left: 6px;
}

/* .product_dtl .scroll_area .price_info .info_box .dc_list .list>.line .left .event-flag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 18px;
	margin-left: 6px;
	padding: 0 3px;
	color: #fff;
	font-size: 10px;
	border-radius: 2px;
	background-color: #ff3894;
} */

.product_dtl .scroll_area .price_info .info_box .dc_list .list>.line .right {
	position: relative;
	color: #333;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list>.line .right .dropdown-arrow {
	width: 20px;
	min-width: 20px;
	height: 20px;
	background: url("/res/images/icon/arrow-down-555.svg") 100% 50% no-repeat;
	background-size: 20px;
	transition: transform 0.3s ease;
	margin-left: 2px;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list.active>.line .right .dropdown-arrow {
	transform: rotate(180deg);
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list>.line .right span {
	display: inline-block;
	vertical-align: top
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .sub {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-top: 2px;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .sub span,
.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .sub .link-btn {
	color: #bbb;
	font-size: 12px;
	line-height: 16px;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .sub .term.plus-info {
	display: flex;
	align-items: center;
	gap: 0 2px;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .sub .term.plus-info strong {
	display: flex;
	align-items: center;
	padding-left: 18px;
	color: #3CC814;
	background: url('/res/images/icon/plus-s1.svg') 0 50% / 16px;
}

.product_dtl .scroll_area .price_info .info_box .dc_list .list .line .sub .link-btn {
	text-decoration: underline;
}

.product_dtl .scroll_area .price_info.type2 {
	margin-bottom: 24px;
	border-bottom: 1px solid #eee
}

/* 상품상세: 배너 영역 =============================== */
.product_dtl .scroll_area .go_btn_div a {
	height: 52px;
	margin-bottom: 24px;
	border-radius: 4px;
}

.product_dtl .scroll_area .go_btn_div a:nth-child(n+2) {
	margin-top: 30px;
}

.product_dtl .scroll_area .go_btn_div .qr_banner {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	background-color: var(--color-secondary-2);
}

.product_dtl .scroll_area .go_btn_div .qr_banner .txt {
	display: flex;
	gap: 0 4px;
	padding-right: 22px;
	background: url('/res/images/icon/arrow-right-555.svg') no-repeat right center / 20px;
}

.product_dtl .scroll_area .go_btn_div .qr_banner .txt strong {
	color: var(--color-primary-1);
}

.product_dtl .scroll_area .go_btn_div .go_kakao {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FEE500;
}

.product_dtl .scroll_area .go_btn_div .go_kakao span {
	background: url('/res/images/icon/m_icn_go_kakao.png') no-repeat left center / 32px;
	padding-left: 32px;
}

.product_dtl .scroll_area .go_btn_div .go_kakao .floating-flag {
	top: -18px;
	left: calc(50% - 60px);
	width: 120px;
	animation: none;
}

.product_dtl .scroll_area .go_btn_div .go_kakao .floating-flag img {
	height: auto;
}

/* 상품상세: 사은품 영역 =============================== */
.product_dtl .scroll_area .add_info {
	margin-bottom: 20px;
}

.product_dtl .scroll_area .add_info .list {
	margin-top: 12px;
}

.product_dtl .scroll_area .add_info .list:first-child {
	margin-top: 0;
}

.product_dtl .scroll_area .add_info .list>.line {
	border-bottom: 1px solid #ccc;
	padding-bottom: 16px;
}

.product_dtl .scroll_area .add_info .list .type {
	position: relative;
	display: inline-block;
	padding-right: 18px;
}

.product_dtl .scroll_area .add_info .list .body {
	margin-top: 16px;
}

.product_dtl .scroll_area .add_info .list.freegift>.line {
	margin: 0 20px;
}

.product_dtl .scroll_area .freegift .swiper-container {
	padding: 0 20px;
}

.product_dtl .scroll_area .freegift .swiper-container .swiper-wrapper .swiper-slide {
	display: flex;
	align-items: center;
	width: calc(100% - 72px);
	width: -webkit-calc(100% - 72px);
}

.product_dtl .scroll_area .freegift .swiper-container .swiper-wrapper .swiper-slide:first-child:nth-last-child(1) {
	width: 100%;
}

.product_dtl .scroll_area .freegift .swiper-container .swiper-wrapper .swiper-slide .thumb {
	width: 80px;
	min-width: 80px;
	height: 80px;
	background-color: #f9f9f9;
}

.product_dtl .scroll_area .freegift .swiper-container .swiper-wrapper .swiper-slide .thumb img {
	width: 100%;
}

.product_dtl .scroll_area .freegift .swiper-container .swiper-wrapper .swiper-slide .txt {
	padding-left: 8px;
}

.product_dtl .scroll_area .freegift .swiper-container .swiper-wrapper .swiper-slide .txt .date {
	display: block;
	color: #bbb;
	margin-top: 4px;
}

/* 상품상세: 앱 설치 배너 =============================== */
.product_dtl .scroll_area .app-push-banner+.app-banner {
	margin-top: 20px;
}

.product_dtl .scroll_area .app-banner {
	display: flex;
	align-items: center;
	padding: 13px 20px;
	background-color: #F2FFF0;
}

.product_dtl .scroll_area .app-banner img {
	width: 28px;
	height: 28px;
}

.product_dtl .scroll_area .app-banner .text {
	margin-left: 12px;
}

.product_dtl .scroll_area .app-banner .text strong {
	color: var(--color-primary-1);
	font-weight: 600;
}

.product_dtl .scroll_area .app-banner button {
	margin-left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	padding: 0 12px;
	color: var(--color-primary-1);
	background-color: #fff;
	border: 1px solid var(--color-primary-1);
	border-radius: 4px;
}

/* 상품상세: 탭 영역 =============================== */
.product_dtl .scroll_area .pd_dtl_tabs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	border-bottom: 1px solid #eee;
	background: #fff;
	z-index: 1
}

.product_dtl .scroll_area .pd_dtl_tabs.fixed {
	z-index: 4;
}

.product_dtl .scroll_area .pd_dtl_tabs a {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
}

.product_dtl .scroll_area .pd_dtl_tabs a h2 {
	display: inline-block;
	position: relative;
	padding: 14px 0;
	color: #555;
}

.product_dtl .scroll_area .pd_dtl_tabs a h2 b {
	color: #999;
}

.product_dtl .scroll_area .pd_dtl_tabs a.on h2,
.product_dtl .scroll_area .pd_dtl_tabs a.on h2 b {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #111;
}

.product_dtl .scroll_area .pd_dtl_tabs a.on:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--color-primary-1)
}

.product_dtl .scroll_area .pd_dtl_tabs a.event h2:before {
	content: '';
	position: absolute;
	top: 2px;
	right: -14px;
	width: 24px;
	height: 12px;
	background: url('/res/images/m_pdtab_event-2.png') no-repeat center;
	background-size: 24px 9px
}

.product_dtl .scroll_area .scroll_tab_parent .tab_content {
	background: #fff;
}

.product_dtl .scroll_area .scroll_tab_parent .tab_content .cont_con {
	display: none;
}

.product_dtl .scroll_area .tab_content .cont_con.show {
	width: 100%;
	min-height: 100vh;
	background-color: #fff;
}

.product_dtl .scroll_area .tab_content .cont_con.show>div {
	background-color: #fff;
}

/* .product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_more {
	margin-top: 24px;
} */

/* 상품상세: 탭 내용 영역 =============================== */
.product_dtl .scroll_area .tab_content .cont_con .title_div {
	display: flex;
	align-items: center;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	padding: 24px 0 20px;
	margin: 0 auto;
}

.product_dtl .scroll_area .tab_content .cont_con .title_div span {
	padding-left: 4px;
}

.product_dtl .scroll_area .tab_content .sub_tab_con .title_div {
	margin: 0 auto;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	padding: 24px 0 20px;
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro {
	position: relative;
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro img {
	width: 100%
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro video {
	width: 100%
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro iframe {
	width: 100vw !important;
	height: calc(100vw*36/64) !important;
	height: -webkit-calc(100vw*36/64) !important;
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .preview {
	position: relative;
	padding-bottom: 88px;
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .preview:before {
	content: '';
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	height: 188px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .total {
	display: block
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .hidden {
	height: 0;
	overflow: hidden
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .more {
	position: absolute;
	bottom: 64px;
	left: 50%;
	transform: translateX(-50%);
	padding: 14px 0;
	width: 260px;
	text-align: center;
	background: #fff;
	border-radius: 24px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .more span {
	display: inline-block;
	padding-right: 18px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/m_icn_down_32x32.png') no-repeat right center;
	background-size: 16px
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.on {
	padding-bottom: 136px
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.on .preview {
	padding-bottom: 0
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.on .preview:before {
	display: none
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.on .total {
	display: block
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.on .more span {
	background: url('/res/images/m_icn_up_32x32.png') no-repeat right center;
	background-size: 16px
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.height .preview:before {
	display: none
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.height .total {
	display: block;
	position: relative;
	height: 400vw;
	overflow: hidden
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.height .total:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 624px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.height.on .total {
	height: auto
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro.height.on .total:before {
	display: none
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .detail-btn {
	width: calc(100% - 40px);
	height: 48px;
	margin: 16px 20px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #111;
	font-size: 14px;
	font-weight: 500;
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .detail-btn span {
	padding-right: 18px;
	background: url(/res/images/icon/arrow-down-111.svg) 100% 50% / 16px;
}

.product_dtl .scroll_area .tab_content .cont_con .detail_intro .detail-btn.show span {
	background-image: url(/res/images/icon/arrow-up-111.svg)
}

.product_dtl .filter_div {
	border-bottom: 1px solid #eee;
}

.product_dtl .scroll_area .tab_content .cont_con .write_btn {
	display: block;
	padding: 15px 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	text-align: center;
	background: #fff;
	border: 1px solid #999;
	border-radius: 10px
}

/* 상품상세: 상품 추천 영역 =============================== */
.product_dtl .scroll_area .product_mini_div {
	border-bottom: 10px solid #f7f7f7;
}

.product_dtl .scroll_area .product_mini_div .product-swiper-3.swiper-disabled .product-item-column {
	flex: none;
}

.product_mini_div {
	padding-bottom: 24px;
}

.product_mini_div .title_div {
	margin: 0 auto;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	padding: 20px 0;
}

/* 상품상세: 리뷰 =============================== */
.product_dtl .scroll_area .detail-review .swiper-container+.list {
	margin-top: 24px;
}

.product_dtl .scroll_area .detail-review .swiper-container.swiper-disabled {}

.product_dtl .scroll_area .detail-review .swiper-container .swiper-slide {
	display: flex;
	gap: 0 8px;
	padding: 16px 12px;
	background-color: #F9F9F9;
}

.product_dtl .scroll_area .detail-review .swiper-container .swiper-slide .thumb {
	position: relative;
	width: 60px;
	height: 60px;
}

.product_dtl .scroll_area .detail-review .swiper-container .swiper-slide .thumb .count {
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	color: #fff;
	background-color: rgba(17, 17, 17, 0.5);
}

.product_dtl .scroll_area .detail-review .swiper-container .swiper-slide .text {
	flex: 1;
}

.product_dtl .scroll_area .detail-review .list {
	padding-bottom: 4px;
	border-bottom: 10px solid #f5f5f5;
}

.product_dtl .scroll_area .detail-review .list .product-item-list {
	width: calc(100% - 40px);
	margin: 0 20px;
	padding: 20px 0;
	border-top: 1px solid #eee;
}

.product_dtl .scroll_area .detail-review .list .view-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	margin-top: 20px;
	border: 1px solid #eee;
	border-radius: 60px;
}

.product_dtl .scroll_area .detail-review .list .view-btn span {
	padding-right: 20px;
	background: url(/res/images/icon/arrow-down-555.svg) 100% 50% / 16px;
}

.product_dtl .scroll_area .plus-gift {
	margin-bottom: 16px;
}

/* 상품상세: 이벤트 리스트 =============================== */
.product_dtl .scroll_area .tab_content .event_list_div {
	margin-top: 0;
	padding-bottom: 24px;
	border-bottom: 10px solid #f5f5f5;
}

.product_dtl .scroll_area .tab_content .event_list_div .swiper-slide {
	width: 228px;
}

.product_dtl .scroll_area .tab_content .event_list_div .swiper-slide .thumb,
.product_dtl .scroll_area .tab_content .event_list_div .swiper-slide .thumb img {
	width: 228px;
	height: 157px;
	object-fit: cover;
}

.product_dtl .scroll_area .tab_content .event_list_div .swiper-slide .info {
	margin-top: 12px;
}

.product_dtl .scroll_area .tab_content .event_list_div .swiper-slide .info .name {
	display: flex;
	align-items: center;
}

.product_dtl .scroll_area .tab_content .event_list_div .swiper-slide .info .name .badge {
	margin-right: 6px;
}

.product_dtl .scroll_area .tab_content .event_list_div .swiper-slide .info .period {
	display: flex;
	align-items: center;
	gap: 0 8px;
	margin-top: 4px;
}

.product_dtl .scroll_area .tab_content .event_list_div .swiper-slide .info .period .dday {
	color: var(--color-primary-1);
}

.product_dtl .scroll_area .tab_content .event_list_div .swiper-slide .info .period .date {
	color: #999;
}

/* 상품상세: 리뷰 영역 =============================== */
.product_dtl .scroll_area .best-review {
	padding: 16px 0 20px;
}

.product_dtl .scroll_area .best-review .swiper-container {
	padding: 0 20px;
}

.product_dtl .scroll_area .best-review .swiper-slide {
	display: flex;
	align-items: flex-start;
	gap: 0 12px;
	width: calc(100% - 51px);
	width: -webkit-calc(100% - 51px);
	height: 88px;
}

.product_dtl .scroll_area .best-review .swiper-slide:first-child:nth-last-child(1) {
	flex: 1;
}

.product_dtl .scroll_area .best-review .swiper-slide .text {
	min-height: 20px;
	margin-bottom: 4px;
}

.product_dtl .scroll_area .best-review .swiper-slide .review_thumb {
	position: relative;
	width: 88px;
	height: 88px;
	background-color: #f9f9f9;
}

.product_dtl .scroll_area .best-review .swiper-slide .review_thumb img {
	min-width: 88px;
	width: 88px;
	height: 88px;
}

.product_dtl .scroll_area .best-review .swiper-slide .review_thumb .thumb-count {
	position: absolute;
	bottom: 12px;
	right: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
}

.product_dtl .scroll_area .best-review .swiper-pagination {
	position: static;
	margin-top: 20px;
}

.product_dtl .scroll_area .best-review .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background-color: rgba(0, 0, 0, 0.7);
}

.product_dtl .scroll_area .best-review .swiper-pagination .swiper-pagination-bullet-active {
	width: 48px;
	height: 8px;
	border-radius: 4px;
	background-color: #000;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review-info {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 8px;
	height: 72px;
	margin: 0 20px;
	background-color: var(--color-secondary-3);
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review-info .tool {
	position: relative;
	color: #333;
	padding-right: 18px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review-info .tooltip_div {
	width: 16px;
	height: 22px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review-info .tooltip_div .opener {
	width: 100%;
	height: 100%;
	background: url("/res/images/icon/tooltip-bbb.svg") left center no-repeat;
	background-size: 16px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review-info .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	padding: 0 23.5px;
	color: #fff;
	background-color: var(--color-primary-1);
	border-radius: 4px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .grn_box {
	display: flex;
	justify-content: center;
	gap: 0 20px;
	height: 72px;
	margin-bottom: 11px;
	padding: 0 34px;
	background-color: var(--color-secondary-3);
	overflow: hidden;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .grn_box .review-count {
	line-height: 72px !important;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .grn_box .rolling-comment {
	width: 100%;
	height: 72px;
	overflow: hidden;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .grn_box .rolling-comment ul {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .grn_box .rolling-comment li {
	display: flex;
	align-items: center;
	height: 72px;
	line-height: 72px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .grn_box .comment strong {
	color: var(--color-primary-1);
	font-weight: 600;
}


.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score {
	width: 100%;
	text-align: center
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score .tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score .star_div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score .star_div .star b {
	margin-top: 4px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score .star_div .star:before {
	top: 4px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score .star_div .star_score {
	margin-left: 4px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .product_score .star_div .star_score b {
	display: inline-block
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list {
	/* padding-bottom: 40px; */
	padding-top: 0;
	padding-bottom: 0;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .filter_div {
	height: 72px;
	padding: 0 20px;
	border-top: none;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .filter_div .filter-type {
	display: flex;
	align-items: center;
	gap: 0 16px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .filter-toggle-btn {
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0 8px 0 10px;
	border-radius: 4px;
	border: 1px solid #ddd;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .filter-toggle-btn span {
	padding-right: 18px;
	background: url(/res/images/icon/arrow-down-555.svg) 100% 50% / 16px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .filter-toggle-btn .close-btn {
	display: none;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .filter-toggle-btn.close {
	border-color: var(--color-primary-1);
	background-color: var(--color-secondary-3);
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .filter-toggle-btn.close span {
	padding-right: 0;
	background: none;
	color: var(--color-primary-1);
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .filter-toggle-btn.close .close-btn {
	display: block;
	width: 16px;
	height: 16px;
	margin-left: 2px;
	background: url(/res/images/icon/close-p1.svg) 50% / 16px;
}


.product_dtl .filter-list-popup {
	left: 0;
}

.product_dtl .filter-list-popup>.cnt {
	height: 360px;
	padding: 0 20px;
}

.product_dtl .filter-list-popup .list-wrap>div:not(:first-child) {
	display: none;
}

.product_dtl .filter-list-popup .type-list {
	display: flex;
	align-items: center;
	width: calc(100% + 40px);
	margin-left: -20px;
	border-bottom: 1px solid #eee;
}

.product_dtl .filter-list-popup .type-list li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20%;
	height: 48px;
	color: #555;
	font-size: 14px;
	text-align: center;
}

.product_dtl .filter-list-popup .type-list li.active {
	color: #111;
	font-weight: 600;
}

.product_dtl .filter-list-popup .type-list li.active:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--color-primary-1);
}

.product_dtl .filter-list-popup .type-list li.check {
	color: var(--color-primary-1);
}

.product_dtl .filter-list-popup .list-wrap {
	max-height: 240px;
	min-height: 180px;
	margin-top: 20px;
	padding: 20px;
	background-color: #f9f9f9;
	overflow-y: auto;
}

.product_dtl .filter-list-popup .list-wrap li+li {
	margin-top: 20px;
}

.product_dtl .filter-list-popup .list-wrap li .chk_box {
	width: 100%;
}

.product_dtl .filter-list-popup .list-wrap li label {
	max-width: calc(100% - 13px);
	padding-left: 24px;
	font-size: 14px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product_dtl .filter-list-popup .list-wrap li label:after {
	width: 20px;
	height: 20px;
	background-size: 20px;
}

.product_dtl .filter-list-popup .price .select-view-day {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 24px;
}

.product_dtl .filter-list-popup .price .select-view-day p {
	font-size: 14px;
	font-weight: 600;
	color: #111;
}

.product_dtl .filter-list-popup .btn-wrap {
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 52px;
	margin-left: -20px;
	background-color: #fff;
}

.product_dtl .filter-list-popup .btn-wrap>a {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 16px;
	font-weight: 500;
}

.product_dtl .filter-list-popup .btn-wrap .refresh-btn {
	border: 1px solid var(--color-primary-1);
}

.product_dtl .filter-list-popup .btn-wrap .refresh-btn span {
	padding-left: 22px;
	color: var(--color-primary-1);
	background: url(/res/images/icon/refresh-p1.svg) 0 50% / 20px;
}

.product_dtl .filter-list-popup .btn-wrap .view-btn {
	color: #fff;
	background-color: var(--color-primary-1);
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .wrt_tooltip.tooltip_div {
	top: 24px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .top {
	height: auto
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .option {
	display: block;
	margin-top: 16px;
	color: #999;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.2px
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom {
	width: 100%;
	margin-top: 16px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .dtl_box {
	width: 100%;
	display: table;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .dtl {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	word-break: break-all
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .review-wrap .txt {
	color: #333;
	word-break: break-all;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .dtl_box .review_text img {
	width: 100%;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .open {
	display: none
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom.on .dtl_box .dtl {
	display: table-cell;
	word-break: break-all;
	text-overflow: ellipsis;
	max-height: 60px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom.on .open {
	display: inline-block
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom.on .dtl_box .dtl {
	display: block;
	-webkit-line-clamp: none;
	max-height: none;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .photo_box {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 80px;
	height: 60px;
	border-radius: 10px;
	padding-left: 20px;
	text-align: center;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .photo_box .photo_cnt {
	position: absolute;
	z-index: 1;
	display: inline-block;
	text-align: center;
	width: 24px;
	height: 24px;
	line-height: 24px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 8px;
	bottom: 4px;
	right: 4px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -0.5px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom .photo_box {
	display: block;
	width: 100%;
	height: auto;
	padding-left: 0;
	pointer-events: none
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom .photo_box .photo_cnt {
	display: none;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .photo_box .photo {
	width: 60px;
	height: 60px;
	border-radius: 10px;
	overflow: hidden
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .bottom .photo_box .photo_group .photo:not(:first-child) {
	display: none
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom .photo_box .photo_group {
	width: 100%;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom .photo_box .photo_group .photo {
	display: block;
	margin-top: 20px;
	width: 100%;
	height: auto;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom .photo_box .photo_group .photo.thumb {
	display: none
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom .photo_box .photo_group .photo img {
	display: block;
	width: 100%
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list.on .bottom .open {
	background: url("/res/images/m_icn_up_32x32.png") right top no-repeat;
	background-size: 16px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .open {
	margin-top: 8px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #000;
	padding-right: 18px;
	background: url("/res/images/m_icn_down_32x32.png") right top no-repeat;
	background-size: 16px;
}

.product_dtl .scroll_area .tab_content .cont_con .review_div .review_list .list_div .list .answer.on .txt.on+.open {
	background: url("/res/images/m_icn_up_32x32.png") right top no-repeat;
	background-size: 16px;
}

/* 상품상세: QNA 영역 =============================== */
.product_dtl .scroll_area .tab_content .cont_con .qna_div {
	/* padding-bottom: 40px */
	padding-bottom: 0;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .qna_wrt_btn {
	display: flex;
	width: 80px;
	padding: 6px 17.5px;
	border-radius: 4px;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .grn_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 76px;
	padding: 0 20px;
	background-color: #F9F9F9
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .grn_box p span {
	color: #777;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .grn_box p span a {
	font-weight: 600;
	text-decoration: underline;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .grn_box .btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 36px;
	padding: 0 12px;
	color: #fff;
	background-color: var(--color-primary-1);
	border-radius: 4px;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .comment {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	color: #333;
	background-color: #F2FFF0;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .comment strong {
	color: var(--color-primary-1);
	font-weight: 600;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div>.etc {
	display: flex;
	align-items: center;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .filter_div {
	border-top: none
}

/* .product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div {
	border-top: 1px solid #eee
} */

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list {
	border-bottom: 1px solid #eee
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .open {
	display: block;
	padding: 20px 56px 20px 20px;
	background: url('/res/images/icon/arrow-down-555.svg') right 20px top 50% / 20px;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .open h3 {
	display: flex;
	align-items: center;
	gap: 0 6px;
	color: #111;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .open h3:before {
	content: 'Q';
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: var(--color-secondary-1);
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close {
	display: none;
	margin: 0 20px 20px;
	padding-top: 20px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	border-top: 1px solid #eee
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .question {
	position: relative;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .question .txt {
	width: calc(100% - 36px);
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .question .wrt_tooltip {
	position: absolute;
	top: 20px;
	width: 20px;
	height: 20px;
	transform: translateY(0);
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .question .wrt_tooltip .tooltip_btn {
	top: 0;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .question .wrt_tooltip .tooltip {
	top: 4px !important;
	left: inherit !important;
	right: 0;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close table {
	border-top: 1px solid #555
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close table td {
	padding: 11px 6px;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee;
	word-break: break-all
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close table tr td:last-child {
	border-right: none
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .title {
	margin-top: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .title:first-child {
	margin-top: 0
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .text {
	color: #333;
	font-size: 14px;
	line-height: 20px;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .dot_indent {
	margin-top: 6px
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .dot_indent p {
	margin-top: 6px;
	color: #555
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list .close .dot_indent p:first-child {
	margin-top: 0
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .accor_div .list.on .open {
	background: url('/res/images/icon/arrow-up-555.svg') no-repeat right 20px top 50%;
	background-size: 20px
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .qna_list_div .list .close {
	border-top: none;
	padding-top: 0;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .view-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 40px);
	height: 48px;
	margin: 20px 20px 0;
	border: 1px solid #eee;
	border-radius: 60px;
}

.product_dtl .scroll_area .tab_content .cont_con .qna_div .view-btn+.grn_box {
	margin-top: 20px;
}

/* 상품상세: 구매정보 영역 =============================== */
.product_dtl .scroll_area .service_info {
	min-height: 528px;
}

.product_dtl .scroll_area .service_info .accor_div .list .open {
	display: block;
	padding: 20px 60px 20px 20px;
	background: url('/res/images/icon/arrow-down-555.svg') no-repeat right 20px top 50%;
	background-size: 20px;
	border-bottom: 1px solid #eee;
}

.product_dtl .scroll_area .service_info .accor_div .list .open h3 {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #111;
}

.product_dtl .scroll_area .service_info .accor_div .list .close {
	display: none;
	padding: 20px;
}

.product_dtl .scroll_area .service_info .accor_div .list .close table {
	position: relative;
}

.product_dtl .scroll_area .service_info .accor_div .list .close table::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #999;
}

.product_dtl .scroll_area .service_info .accor_div .list .close table td {
	padding: 16px 10px;
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	color: #555;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	word-break: break-all
}

.product_dtl .scroll_area .service_info .accor_div .list .close table td:first-child {
	color: #111;
}

.product_dtl .scroll_area .service_info .accor_div .list .close table tr td:last-child {
	border-right: none
}

.product_dtl .scroll_area .service_info .accor_div .list .close .title {
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	color: #111;
	margin-top: 16px;
}

.product_dtl .scroll_area .service_info .accor_div .list .close .title:first-child {
	margin-top: 0
}

.product_dtl .scroll_area .service_info .accor_div .list .close .text {
	margin-top: 6px;
	font-size: 13px;
	line-height: 18px;
	color: #555
}

.product_dtl .scroll_area .service_info .accor_div .list .close .dot_indent {
	margin-top: 8px
}

.product_dtl .scroll_area .service_info .accor_div .list .close .dot_indent p {
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	color: #555;
	margin-top: 4px;
}

.product_dtl .scroll_area .service_info .accor_div .list .close .dot_indent p:first-child {
	margin-top: 0
}

.product_dtl .scroll_area .service_info .accor_div .list.on .open {
	background: url('/res/images/icon/arrow-up-555.svg') no-repeat right 20px top 50%;
	background-size: 20px
}

.product_dtl .scroll_area .service_info .accor_div .list.on .open~.close {
	border-bottom: 1px solid #eee
}

.product_dtl .scroll_area .service_info .accor_div .list:nth-last-of-type(1).on .open~.close {
	border-bottom: none;
}

/* 상품상세: 바텀 상세 옵션 영역 =============================== */
.product_dtl .bottom_fix {
	/* padding-bottom: calc(env(safe-area-inset-bottom) + 52px);
    padding-bottom: calc(constant(safe-area-inset-bottom) + 52px); */
	/* max-height: calc(100% - 100px);
	max-height: -webkit-calc(100% - 100px); */
	overflow-y: auto;
	box-shadow: none;
}

.product_dtl .bottom_fix.default {
	padding-bottom: 0 !important;
}

.product_dtl .bottom_fix.default.single {
	padding-bottom: calc(env(safe-area-inset-bottom) + 136px) !important;
}

.bottom_fix .btn a.disabled {
	background: #ddd;
	color: #fff;
	border: none;
	pointer-events: none;
}

.product_dtl .bottom_fix .detail {
	display: none;
	position: relative;
}

.product_dtl .bottom_fix .detail .close {
	position: absolute;
	top: 0;
	left: -16px;
	width: calc(100% + 32px);
	width: -webkit-calc(100% + 32px);
	height: 36px;
	background: url('/res/images/m_bottom_fix_close.png') no-repeat center top 8px;
	background-size: 28px;
	display: none;
}

.product_dtl .bottom_fix .detail .option {
	/* margin-bottom: 16px; */
	padding-top: 16px;
	border-top: 1px solid #eee
}

.product_dtl .bottom_fix .detail .option:first-child {
	padding-top: 0;
	border-top: none
}

.product_dtl .bottom_fix .detail .option .tit {
	margin-bottom: 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #111
}

.product_dtl .bottom_fix .detail .option .selector {
	display: block;
	padding: 14px 40px 14px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/m_icn_down_40x40.png') no-repeat right 14px top 50% #f7f7f7;
	background-size: 20px;
	border-radius: 10px;
}

.product_dtl .bottom_fix .detail .option+.option {
	margin-top: 10px
}

.product_dtl .bottom_fix .detail .option+.select_list_div {
	margin-top: 8px
}

.product_dtl .bottom_fix .detail .select_list_div .select_list:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .name {
	display: flex;
	align-items: center;
	width: calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .name .name_option {
	margin-bottom: 0;
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .name .oneday {
	display: inline-block;
	color: #bbb;
	vertical-align: inherit;
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .name .stock {
	display: inline-block;
	color: #bbb;
	vertical-align: inherit;
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .name .option_name~.oneday,
.product_dtl .bottom_fix .detail .select_list_div .select_list .name .option_name~.stock {
	padding-left: 4px;
	color: #bbb;
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 12px;
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .count_bubble {
	position: absolute;
	bottom: -32px;
	left: -13px;
	width: auto;
	border: 1px solid var(--color-primary-1);
	border-radius: 40px;
	background-color: #fff;
	padding: 6px 12px;
	z-index: 1;
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .count_bubble::before {
	content: '';
	position: absolute;
	top: -7.5px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 12px;
	height: 8px;
	background: url('/res/images/icon/speech-bubble-p1.svg') no-repeat center / 12px 8px;
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .count_bubble p,
.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .count_bubble b,
.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .count_bubble span {
	color: var(--color-primary-1);
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .add_div {
	display: flex;
	align-items: center;
	border-top: 1px solid #ccc;
	padding-top: 16px;
	margin-top: 16px;
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .add_div>p {
	color: #333;
	padding-left: 4px;
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .add_div .grn,
.product_dtl .bottom_fix .detail .select_list_div .select_list .add_div .grn .num {
	color: var(--color-primary-1);
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .price_info .list_div .list {
	text-align: right
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .price_info .list_div .list:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .price_info .list_div .list .price .won {
	font-size: 14px;
	line-height: 30px
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .price_info .list_div .list .price .won span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .count_div .noti {
	display: none;
	float: left;
	margin-top: 10px;
	width: 100%;
	font-size: 13px;
	line-height: 18px;
	color: #bbb;
	text-align: right
}

.product_dtl .bottom_fix .detail .select_list_div .select_list .delete {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 20px;
	height: 20px;
	background: url('/res/images/icon/close-111.svg') no-repeat;
	background-size: 20px
}

.product_dtl .bottom_fix .detail .total {
	padding: 16px 0;
	border-top: 1px solid #eee
}

.product_dtl .bottom_fix .detail .total .silver:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .detail .total .silver .type {
	position: relative;
	float: left;
	padding-right: 16px;
	max-width: calc(100% - 90px);
	max-width: -webkit-calc(100% - 90px);
	font-size: 14px;
	line-height: 24px;
	color: #3cc814
}

.product_dtl .bottom_fix .detail .total .silver .type .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center 3px;
	background-size: 16px
}

.product_dtl .bottom_fix .detail .total .silver .price {
	float: right;
	width: 90px;
}

.product_dtl .bottom_fix .detail .total .silver .price .won {
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-align: right
}

.product_dtl .bottom_fix .detail .total .silver .price .won span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.product_dtl .bottom_fix .detail .total .final_cost {
	margin-top: 8px
}

.product_dtl .bottom_fix .detail .total .final_cost:first-child {
	margin-top: 0
}

.product_dtl .bottom_fix .detail .total .final_cost:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .detail .total .final_cost .type {
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 24px;
	color: #555
}

.product_dtl .bottom_fix .detail .total .final_cost .type span {
	padding-left: 3px;
	color: #000
}

.product_dtl .bottom_fix .detail .total .final_cost .type b {
	font-weight: 700
}

.product_dtl .bottom_fix .detail .total .final_cost .price {
	float: right
}

.product_dtl .bottom_fix .detail .total .final_cost .price:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .bottom_fix .detail .total .final_cost .price .tip {
	position: relative;
	float: left;
	padding-right: 18px;
	margin-right: 15px;
	font-size: 14px;
	line-height: 24px;
	color: #bbb
}

.product_dtl .bottom_fix .detail .total .final_cost .price .tip .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center 2px;
	background-size: 16px
}

.product_dtl .bottom_fix .detail .total .final_cost .price .won {
	float: left;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	color: #3cc814
}

.product_dtl .bottom_fix .detail .total .final_cost .price .won span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.product_dtl .bottom_fix .btn {
	display: flex;
	align-items: center;
	width: 100%;
	height: 52px;
	background: #fff
}

.product_dtl .bottom_fix .btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	border-radius: 0;
	margin: 0;
}

.product_dtl .bottom_fix .btn .left_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-primary-1);
}

.product_dtl .bottom_fix .btn .left_btn a.review {}

.product_dtl .bottom_fix .btn .left_btn a.review strong {
	display: block;
	color: var(--color-primary-1);
}

.product_dtl .bottom_fix .btn .left_btn a {
	position: relative;
	width: 52px;
	/* height: 52px; */
	height: 50px;
	background-color: #fff;
}

.product_dtl .bottom_fix .btn .left_btn a:nth-of-type(1)::after {
	content: '';
	position: absolute;
	top: calc(50% - 6px);
	right: 0;
	display: block;
	width: 1px;
	height: 12px;
	background-color: var(--color-primary-1);
}

.product_dtl .bottom_fix .btn .left_btn a:first-child:nth-last-child(1)::after {
	content: none;
}

.product_dtl .bottom_fix .btn a.go_gift,
.product_dtl .bottom_fix .btn .left_btn a.gift {
	position: relative;
	padding: 0;
	background: url('/res/images/icon/gift-p1.svg') 50% / 28px #fff;
}

.product_dtl .bottom_fix .btn .left_btn a.gift .payback-flag {
	left: 6px;
}

.product_dtl .bottom_fix .btn .left_btn a.gift span b {
	display: none
}

.product_dtl .bottom_fix .btn a.alarm span {
	padding-left: 22px;
	background: url('/res/images/icon/alarm-fff.svg') no-repeat left center;
	background-size: 20px
}

.product_dtl .bottom_fix.on {
	z-index: 11
}

.product_dtl .bottom_fix .btn a.go_gift {
	width: 52px;
	min-width: 52px;
	height: 52px;
}

/* .product_dtl .bottom_fix .btn a.buy,
.product_dtl .bottom_fix .btn a.cart {
	border-left: none;
} */

.product_dtl .bottom_fix .btn a.go_gift,
.product_dtl .bottom_fix .btn>a.gift,
.product_dtl .bottom_fix .btn a.buy,
.product_dtl .bottom_fix .btn a.cart {
	display: none;
}

.product_dtl .bottom_fix .btn>a.gift span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 24px;
	padding-left: 22px;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	background: url(/res/images/icon/gift-p1.svg) no-repeat 0 50% / 20px;
}

.product_dtl .bottom_fix.type1 .btn .left_btn,
.product_dtl .bottom_fix.type1 .btn .left_btn .gift,
.product_dtl .bottom_fix.type1 .btn .open_buy,
.product_dtl .bottom_fix.type1 .btn a.alarm {
	display: none
}

.product_dtl .bottom_fix.type1 .btn>a.gift,
.product_dtl .bottom_fix.type1 .btn a.buy,
.product_dtl .bottom_fix.type1 .btn a.cart {
	display: block;
}

.product_dtl .bottom_fix.type1 .btn a.go_gift {
	display: block;
}

.product_dtl .bottom_fix.type1 .btn a.go_gift .payback-flag {
	left: 6px;
}

.product_dtl.gift .bottom_fix .btn a.buy {
	display: none
}

.product_dtl.gift .bottom_fix .btn .left_btn,
.product_dtl.gift .bottom_fix .btn a.open_buy {
	display: none;
}

.product_dtl.gift .bottom_fix .btn a.buy,
.product_dtl.gift .bottom_fix .btn a.cart,
.product_dtl.gift .bottom_fix .btn a.go_gift {
	display: block;
}

.product_dtl.gift .bottom_fix .btn a.gift span {
	padding-top: 0;
	padding-left: 28px;
	width: auto;
	background: url('/res/images/m_bottom_fix_gift2.png') no-repeat left center;
	background-size: 24px
}

.product_dtl.gift .bottom_fix .btn a.gift span b {
	display: block;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
}

.product_dtl.gift .bottom_fix .btn a.gift span b strong {
	display: inline;
	font-weight: 700
}

.product_dtl.gift .bottom_fix .btn a.gift .payback-flag {
	left: calc(50% - 37px);
}

/* 상세 옵션 나열형 */
.product_dtl .bottom_fix.new.on {
	padding-bottom: calc(env(safe-area-inset-bottom) + 136px);
	padding-bottom: calc(constant(safe-area-inset-bottom) + 136px);
	max-height: 480px;
	overflow-y: auto;
	border-radius: 8px 8px 0 0;
}

.product_dtl .bottom_fix.on.height {
	max-height: calc(100vh - 100px);
}

.product_dtl .bottom_fix.new .detail .option_select_form:not(:first-child) {
	margin-top: 16px
}

.product_dtl .bottom_fix.new .detail .select_form .option {
	margin-bottom: 0;
	padding-top: 0;
	position: unset;
	margin-top: -1px;
}

.product_dtl .bottom_fix.new .detail .main_pd_option.option_select_form .select_form .option {
	max-height: 356px;
}

.product_dtl .bottom_fix.new .detail .option_select_form .select_form .option {
	max-height: 216px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div {
	padding: 14px 16px 12px 16px;
	border-top: 1px solid #eee;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div:first-child {
	border-top: none;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div>div {
	width: 100%;
}

.product_dtl .bottom_fix.new .detail .sub_option_select_form .select_form .option .chk_div>div label {
	padding-left: 0;
}

.product_dtl .bottom_fix.new .detail .sub_option_select_form .select_form .option .chk_div>div label:after {
	visibility: hidden;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div input[type="radio"]+label,
.product_dtl .bottom_fix.new .detail .select_form .option .chk_div input[type="checkbox"]+label {
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .radio_box input[type="radio"]+label:after {
	top: 12px;
}

.product_dtl .bottom_fix.new .detail .option_select_form:not(.sub_option_select_form) .select_form .option .chk_div .radio_box input[type="checkbox"]+label:after {
	top: 1px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .thumb {
	width: 60px;
	min-width: 60px;
	height: 60px;
	background-color: #F9F9F9;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .thumb img {
	width: 100%;
	height: 100%;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .top,
.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .bottom {
	display: flex;
	justify-content: space-between;
	gap: 0 10px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .top {
	align-items: center;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .top .volume p {
	max-width: 130px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .top .price {
	display: flex;
	align-items: center;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .top .price .percent {
	color: #FF3894;
	font-size: 14px;
	line-height: 20px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .top .price .percent+span {
	margin-left: 4px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .bottom {
	margin-top: 2px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .bottom .oneday {
	margin-left: auto;
	color: #bbb;
	font-size: 13px;
	line-height: 18px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .bottom span {
	color: #bbb;
}

.product_dtl .bottom_fix.new .sub_option_select_form .option .chk_div .info {
	display: flex;
	gap: 0 6px;
}

.product_dtl .bottom_fix.new .sub_option_select_form .option .chk_div .thumb {
	width: 60px;
	min-width: 60px;
	height: 60px;
	background-color: #F9F9F9;
}

.product_dtl .bottom_fix.new .sub_option_select_form .option .chk_div .info .thumb img {
	width: 100%;
	height: 100%;
}

.product_dtl .bottom_fix.new .sub_option_select_form .option .chk_div .price {
	display: flex;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .volume {
	display: inline-block !important;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .volume p {
	display: inline-block;
	word-break: break-all;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .volume span {
	margin-left: 4px
}

.product_dtl .bottom_fix.new .detail .sub_option_select_form .select_form .option .chk_div .info .volume span {
	margin-left: 0;
	font-size: 14px;
	line-height: 20px;
	word-break: keep-all;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .stock {
	flex: 1;
	color: #bbb;
}

.product_dtl .bottom_fix.new .detail .sub_option_select_form .select_form .option .chk_div .info .stock {
	display: inline-block;
	white-space: nowrap;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info p.volume .primary-flag,
.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info p.volume .secondary-flag {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 18px;
	font-size: 10px;
	margin-right: 4px;
	margin-left: 0;
	padding: 0 3px;
	border-radius: 2px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info p.volume span:first-child {
	margin-right: 6px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info p.volume .primary-flag {
	color: #fff;
	background: #ff3894;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info p.volume .secondary-flag {
	color: #ff3994;
	border: solid 1px #ff3994;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .price {
	/* display: table-cell; */
	margin-left: auto;
	text-align: right;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .plus_info {
	margin-left: -12px;
	background: #f9f9f9;
	margin-top: 8px;
	padding: 10px 12px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .plus_info .detail {
	display: block;
	padding: 0
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .plus_info .date {
	color: #999
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .plus_info.no p {
	color: #ccc;
	text-decoration: line-through;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .plus_info.no b {
	display: inline-block;
	text-decoration: none;
	margin-right: 4px
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .right {
	min-width: 93px;
	text-align: right;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .right .price {
	display: flex;
	align-items: center;
	color: #333;
	text-align: right;
	vertical-align: middle;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .right .price .percent {
	color: #FF3894;
	font-size: 14px;
	line-height: 20px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .right .price span {
	color: #111;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .right .price span+span {
	margin-left: 4px;
}

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div .info .right>span {
	display: inline-block;
	color: #bbb;
	margin-top: 3px;
	text-align: right;
}

.product_dtl .bottom_fix.new .detail .select_form .option .list_div .list .text .chk_div .chk_box .info {
	display: flex;
	justify-content: space-between;
}

.product_dtl .bottom_fix.new .detail .select_form .option .list_div .list .text .chk_div .chk_box .info p.volume {
	display: flex;
	align-items: center;
}

.product_dtl .bottom_fix.new .detail .select_form .option .list_div .list .text .chk_div .chk_box input[type="checkbox"]+label:after {
	top: 10px;
}

/* .product_dtl .bottom_fix.new .detail .select_form .option .chk_div.spe .chk_box .info .volume:after {
    content: '특가';
    display: inline-block;
    text-align: center;
    vertical-align: text-bottom;
    margin-left: 6px;
    font-size: 10px;
    line-height: 18px;
    width: 25px;
    height: 18px;
    color: #fff;
    border-radius: 2px;
    background: #ff3894
} */

.product_dtl .bottom_fix.new .detail .select_form .option .chk_div.cheapest .chk_box .info .price .per_month {
	color: #ff3894
}

/* .product_dtl .bottom_fix.new .detail .option_select_form+.divide {
	width: calc(100% + 32px);
	width: -webkit-calc(100% + 32px);
	margin: 20px 0 20px -16px;
	height: 1px;
	background: #ddd;
} */

.product_dtl .bottom_fix.new .detail .select_list_div {
	margin-top: 16px;
}

.product_dtl .bottom_fix.new .detail .select_list_div:first-child {
	margin-top: 0
}

.product_dtl .bottom_fix.new .detail .select_list_div .select_list {
	position: relative;
	border-radius: 4px;
	background: #f9f9f9;
	padding: 16px;
}

.product_dtl .bottom_fix.new .detail .select_list_div .select_list:nth-child(n+2) {
	margin-top: 12px;
}

.product_dtl .bottom_fix.new .detail .select_list_div .select_list .count_div .count {
	background: #fff;
}

.product_dtl .bottom_fix.new .fixed_info_area {
	position: fixed;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	background: #fff;
	z-index: 1;
}

.product_dtl .bottom_fix.new .fixed_info_area .total {
	display: none
}

.product_dtl .bottom_fix.new.on .fixed_info_area .total {
	display: block;
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost {
	margin-top: 8px
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost:first-child {
	margin-top: 0
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost .price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 18px 18px calc(env(safe-area-inset-bottom) + 18px) 20px;
	margin: 18px 18px calc(constant(safe-area-inset-bottom) + 18px) 20px;
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost .price .tip {
	position: relative;
	padding-right: 18px;
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost .price .tip .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icon/tooltip-bbb.svg') no-repeat center;
	background-size: 16px
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost .price .tip .tooltip_div .tooltip {
	top: -96px !important;
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost .price .won {
	display: flex;
	align-items: center;
	color: var(--color-primary-1)
}

.product_dtl .bottom_fix.new.on .fixed_info_area .final_cost .price .won span {
	display: inline-block;
	color: var(--color-primary-1);
}

.product_dtl .textarea_wrap .limit_textarea_cnt span {
	color: #999;
}

.product_dtl .bottom_fix .time-sale-info {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	background-color: #F2FFF0;
}

.product_dtl .bottom_fix .time-sale-info span {
	display: flex;
	align-items: center;
	gap: 0 4px;
	margin-left: 10px;
	padding-left: 22px;
	color: #333;
	font-size: 13px;
	line-height: 18px;
	background: url('/res/images/icon/clock-on-111.svg') no-repeat 0 50% / 20px;
}

.product_dtl .bottom_fix .time-sale-info span strong {
	width: 95px;
	color: #FF3894;
	font-weight: 700;
}

/* 카카오로 시작하기: 플로팅 애니메이션 */
@-webkit-keyframes shake-vertical {

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

	10%,
	30%,
	50%,
	70% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	20%,
	40%,
	60% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}

	80% {
		-webkit-transform: translateY(3.4px);
		transform: translateY(3.4px);
	}

	90% {
		-webkit-transform: translateY(-3.4px);
		transform: translateY(-3.4px);
	}
}

@keyframes shake-vertical {

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

	10%,
	30%,
	50%,
	70% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}

	20%,
	40%,
	60% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px);
	}

	80% {
		-webkit-transform: translateY(3.4px);
		transform: translateY(3.4px);
	}

	90% {
		-webkit-transform: translateY(-3.4px);
		transform: translateY(-3.4px);
	}
}

.floating-flag {
	position: absolute;
	left: calc(50% - 37px);
	top: -15px;
	display: inline-block;
	width: 74px;
	height: 28px;
	-webkit-animation: shake-vertical 2s ease-in-out infinite both;
	animation: shake-vertical 2s ease-in-out infinite both;
}

.floating-flag img {
	width: 100%;
	height: 100%;
}@charset "utf-8";

/* 221118 상품 파인더 */
.item-finder .top-cnt {
	display: flex;
	align-items: center;
	width: calc(100% - 40px);
	height: 130px;
	margin: 20px 20px 0;
	padding-left: 20px;
	background: #edfcea url(/res/images/m-item-finder-bg.png) no-repeat 100% 100%;
	border-radius: 10px;
}

.item-finder .top-cnt .info {
	width: 230px;
	font-size: 15px;
	font-weight: 500;
	line-height: 21px;
	letter-spacing: -0.5px;
	color: #052832;
}

.item-finder .top-cnt .info strong {
	font-weight: inherit;
	color: #3cc814;
}

.item-finder .list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 20px;
	padding-bottom: 8px;
}

.item-finder .list li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-basis: calc(50% - 4px);
	height: 58px;
	border-radius: 10px;
	border: solid 1px #ddd;
	background-color: #fff;
}

.item-finder .list li.prev {
	border-color: #f7f7f7;
	background-color: #f7f7f7;
}

.item-finder .list li.prev button span {
	padding-left: 16px;
	background: url(/res/images/arrow-left-black.svg) no-repeat 0 50% / 16px;
}

.item-finder .list li.on {
	border-color: #3cc814;
}

.item-finder .list li.on button {
	color: #3cc814;
	font-weight: 500;
}

.item-finder .list li .text {
	width: 100%;
	height: 100%;
	padding: 10px;
	color: #000;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: -0.5px;
	word-break: break-all;
	white-space: inherit;
}

.item-finder .rebuy-wrap.no-pagination+.write_div {
	margin-top: 0;
}

.item-finder .rebuy-wrap .main_title_div p {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.38;
	letter-spacing: -0.2px;
	color: #000;
}

.item-finder .rebuy-wrap {
	margin-top: 30px;
}

/* .item-finder .rebuy-wrap .swiper-container {
	margin-top: -30px;
	padding: 30px 25px 0;
	overflow: visible
} */

/* .item-finder .rebuy-wrap .swiper-container .swiper-slide {
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
} */

/* .item-finder .rebuy-wrap .swiper-container .swiper-slide:not(:last-child) {
	margin-right: 14px;
} */

/* .item-finder .rebuy-wrap .alarm,
.item-finder .rebuy-wrap .cart_btn {
	bottom: 15px;
	right: 15px
} */

.item-finder .rebuy-wrap .heart {
	bottom: 180px;
	right: 12px;
}

.item-finder .rebuy-wrap .pd_swiper .swiper-pagination {
	display: none;
	bottom: 0
}

.item-finder .rebuy-wrap .pd_swiper .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	margin: 0 3px;
	width: 6px;
	height: 6px;
	background: #eee;
	border-radius: 20px;
	transition: width 0.4s ease
}

.item-finder .rebuy-wrap .pd_swiper .swiper-pagination .swiper-pagination-bullet-active {
	width: 40px;
	background: #000
}

.item-finder .rebuy-wrap .pd_swiper.swiper-container-horizontal {
	padding-bottom: 30px;
	overflow: hidden
}

.item-finder .rebuy-wrap .pd_swiper.swiper-container-horizontal .swiper-pagination {
	display: block
}

.item-finder .btn-wrap {
	margin-top: 40px;
}

.item-finder .btn-wrap .outline-btn>span {
	background-image: url(/res/images/search-primary.svg);
}

.item-finder .btn-wrap a+a {
	margin-top: 8px;
}
@charset "utf-8";

/* 로그인, 회원가입 */
#frm_joinSns .login_div input[readonly] {
	color: #bbb !important;
}

.login_div {
	padding: 24px 0;
	position: relative
}

.login_div .chk_div {
	margin-top: 24px
}

.login_div .capcha {
	margin-top: 24px;
	text-align: center
}

.login_div .utill {
	margin-top: 24px;
	text-align: center
}

.login_div .utill a {
	display: inline-block;
	position: relative;
	margin-left: 29px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.login_div .utill a:first-child {
	margin-left: 0
}

.login_div .utill a:before {
	content: '';
	position: absolute;
	top: 3px;
	left: -15px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.login_div .utill a:first-child:before {
	display: none
}

.login_div .login_div_top {
	text-align: center;
}

.login_div .login_div_top .tit {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #333;
	margin-bottom: 16px;
}

.login_div .login_div_top .tit strong {
	color: #3cc814;
	font-weight: 700;
}

.login_div .login_div_top .btn_type {
	border-bottom: 1px solid #eee;
	padding-bottom: 24px;
	margin-bottom: 24px;
}

/*.login_div .utill+.sns_login {
	padding-top: 32px;
	border-top: 1px solid #eee
}*/

.login_div .sns_login {
	margin-top: 32px
}

.login_div .sns_login .tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: center
}

.login_div .sns_login .btn_div.btn_type {
	margin-top: 16px
}

.login_div .sns_login .list_div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 14px;
	margin-top: 16px
}

.login_div .sns_login .list_div a {
	display: block;
	width: 52px
}

.login_div .sns_login .list_div a img {
	width: 100%
}

.login_div .non_member_div {
	font-size: 13px;
	line-height: 16px;
	color: #999;
	text-decoration: underline;
	margin-top: 24px;
	text-align: center;
}

.login_div .appCard_login {
	margin-top: 24px;
	padding-top: 24px;
	/*border-top: 1px solid #eee;*/
}

.login_div .appCard_login .tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: center
}

.login_div .appCard_login .btn_div.btn_type {
	margin-top: 16px
}

.login_div .appCard_login .btn_div.btn_type a span.new {
	padding: 2px 5px 4px 5px;
	border-radius: 10px;
	background: #052832;
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	margin-left: 4px;
	display: inline-block;
	top: -2px;
	position: relative;
}

.login_div .top_noti {
	padding-bottom: 16px;
	margin: 0 auto 24px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #eee
}

.login_div .top_noti span {
	color: #3cc814;
	word-break: break-all
}

.login_div .set_pw_btn {
	margin-top: 24px
}

.login_div .set_pw_btn a {
	display: block;
	margin-top: 8px
}

.login_div .set_pw_btn a:first-child {
	margin-top: 0
}

.login_div .notice {
	margin-top: 14px;
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	background: url('/res/images/m_icn_notice_32x32.png') no-repeat left 1px;
	background-size: 16px
}

.login_div .step_title {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #333
}

.login_div .ok_btn {
	margin-top: 24px
}

.login_div .btn_type~.ok_btn {
	margin-top: 20px
}

.login_div .bottom_btn {
	margin-top: 32px
}

.login_div .bottom_btn a {
	margin-top: 8px
}

.login_div .bottom_btn a:first-child {
	margin-top: 0
}

.login_div .bottom_btn a.disabled_btn {
	background: #ddd
}

.login_div .bottom_btn+.dot_indent {
	margin-top: 16px
}

.login_div .join_benefit_div {
	margin-top: 32px;
	padding: 32px 0 0;
	border-top: 1px solid #eee
}

.login_div .join_benefit_div:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.login_div .join_benefit_div .txt {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
}

.login_div .join_benefit_div .list_div {
	display: flex;
	justify-content: center;
	margin-top: 16px
}

.login_div .join_benefit_div .list_div .list {
	display: block;
	margin-left: 20px;
	width: 80px;
	text-align: center;
}

.login_div .join_benefit_div .list_div .list:first-child {
	margin-left: 0
}

.login_div .join_benefit_div .list_div .list .icn img {
	width: 52px
}

.login_div .join_benefit_div .list_div .list .tit {
	margin-top: 6px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	letter-spacing: -0.8px
}

.login_div .login_nonmem_bot {
	border-top: 1px solid #eee;
	padding-top: 32px;
	margin-top: 32px;
}

.login_div .benefit_txt {
	text-align: center;
	margin-bottom: 34px;
}

.login_div .benefit_txt p {
	display: inline-block;
	height: 28px;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	background: url('/res/images/icon/icn_join_sale.svg') no-repeat left center / 28px;
	padding: 6.5px 0 4.5px 36px;
}

.login_div .benefit_txt span {
	color: #3cc814;
	font-weight: 700;
}

.login_div .join_intro_img {
	width: 282px;
	margin: 0 auto 48px auto;
}

.login_div .join_intro_img img {
	width: 100%;
}

.login_div .already_join {
	/* margin-top: 32px;
	padding-top: 24px; */
	margin-top: 24px;
	text-align: center
}

.login_div .already_join a {
	display: inline-block;
	font-size: 13px;
	line-height: 16px;
	color: #000
}

.login_div .already_join a span {
	text-decoration: underline
}

.login_div .member_info {
	margin: 24px 0 12px;
	padding-bottom: 16px;
	border-bottom: 1px solid #eee
}

.login_div .member_info .line {
	margin-top: 12px
}

.login_div .member_info .line:first-child {
	margin-top: 0
}

.login_div .member_info .line:after {
	content: '';
	display: block;
	clear: both
}

.login_div .member_info .line .left {
	float: left;
	width: 90px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.login_div .member_info .line .right {
	float: left;
	width: calc(100% - 90px);
	width: -webkit-calc(100% - 90px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.login_div .join_terms {
	margin-top: 16px
}

.login_div .join_terms .all_agree .chk_box {
	display: block
}

.login_div .join_terms .all_agree .chk_box label {
	display: block;
	padding: 16px 16px 14px 40px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #fff
}

.login_div .join_terms .all_agree .chk_box label:after {
	top: 16px;
	left: 10px
}

.login_div .join_terms .all_agree .chk_box label .txt {
	float: right;
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	color: #3cc814
}

.login_div .join_terms .all_agree .chk_box.on label {
	border: 1px solid #3cc814
}

.login_div .join_terms .chk_div {
	position: relative;
	display: flex;
	margin-top: 24px;
	padding: 0 5px 0 10px
}

.login_div .join_terms .chk_div .chk_box {
	display: block;
	width: 100%
}

.login_div .join_terms .chk_div .open {
	display: block;
	min-width: 24px;
	font-size: 13px;
	line-height: 24px;
	color: #999;
	text-decoration: underline
}

.login_div .join_terms .chk_div .chk_txt {
	margin-top: 6px;
	padding-left: 30px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.login_div .join_terms .sub_chk {
	margin-top: 16px;
	padding-left: 40px
}

.login_div .join_terms .sub_chk .chk_box {
	margin-right: 20px
}

.login_div .join_terms .sub_chk .chk_box label {
	padding-left: 24px
}

.login_div .join_terms .sub_chk .chk_box label:after {
	top: 4px;
	width: 16px;
	height: 16px;
	background: url('/res/images/m_chk_icon_32x32.png') no-repeat;
	background-size: 16px
}

.login_div .join_terms .sub_chk .chk_box.on label:after {
	background: url('/res/images/m_chk_icon_32x32_on.png') no-repeat;
	background-size: 16px
}

.login_div .join_terms .chk_txt {
	margin-top: 6px;
	padding-left: 40px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.login_div .complete_div {
	margin-top: 16px;
	padding: 88px 0 24px 0;
	text-align: center
}

.login_div .complete_div.join {
	background: url('/res/images/m_comp_join_128x128.png') no-repeat center top;
	background-size: 64px;
}

.login_div .complete_div.findid {
	background: url('/res/images/m_comp_findid_128x128.png') no-repeat center top;
	background-size: 64px;
}

.login_div .complete_div.findpw {
	background: url('/res/images/m_comp_findpw_128x128.png') no-repeat center top;
	background-size: 64px;
}

.login_div .complete_div.chgpw {
	background: url('/res/images/m_comp_chgpw_128x128.png') no-repeat center top;
	background-size: 64px;
}

.login_div .complete_div .name {
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	color: #333;
	letter-spacing: -1px
}

.login_div .complete_div .name span {
	font-weight: 700;
	word-break: break-all
}

.login_div .complete_div .tit {
	margin-top: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	color: #333
}

.login_div .complete_div .tit:first-child {
	margin-top: 0
}

.login_div .complete_div .tit2 {
	margin-top: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #333
}

.login_div .complete_div .tit2 span {
	font-weight: 700;
	color: #3cc814;
	word-break: break-all
}

.login_div .complete_div .tit2:first-child {
	margin-top: 0
}

.login_div .complete_div .txt {
	margin-top: 24px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333
}

.login_div .complete_div .txt span {
	color: #3cc814
}

.login_div .complete_div .txt:first-child {
	margin-top: 0
}

.login_div .complete_div+.ok_btn {
	margin-top: 8px
}

.login_div .id_info {
	margin-top: -4px;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 10px;
	text-align: center
}

.login_div .id_info .id {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.login_div .id_info .info {
	margin-top: 6px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.login_div .id_info+.sns_join_info {
	margin-top: 32px
}

.login_div .sns_join_info {
	margin-top: 8px
}

.login_div .sns_join_info .list {
	margin-top: 12px
}

.login_div .sns_join_info .list:first-child {
	margin-top: 0
}

.login_div .sns_join_info .list:after {
	content: '';
	display: block;
	clear: both
}

.login_div .sns_join_info .list .icon {
	float: left;
	width: 32px;
	height: 32px
}

.login_div .sns_join_info .list .icon img {
	width: 100%
}

.login_div .sns_join_info .list .type {
	float: left;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.login_div .sns_join_info .list .date {
	float: right;
	padding: 6px 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.login_div .event_banner {
	display: block;
	margin-top: 24px;
	width: 100%;
}

.login_div .event_banner img {
	width: 100%;
	border-radius: 15px
}

.login_div .find_radio {
	padding-bottom: 8px
}

.login_div .find_radio .radio_box {
	margin-left: 18px
}

.login_div .find_radio .radio_box:first-child {
	margin-left: 0
}

.login_div .input_form .input_area .btn {
	min-width: 114px
}

/* 회원가입 A/B 테스트용 css - 2022.05.31 추가 */
.login_div .devide_line {
	margin: 24px -20px;
	width: calc(100% + 40px);
	width: -webkit-calc(100% + 40px);
	height: 10px;
	background: #f7f7f7
}

.login_div.join_type_A .auth_step .auth_chk_btn {
	margin-top: 32px;
}

.login_div.join_type_A .auth_step+.info_wrt_step {
	margin-top: 16px;
}

.login_div.join_type_A .banner_div {
	width: 100%;
	border-radius: 10px;
	overflow: hidden
}

.login_div.join_type_A .banner_div img {
	width: 100%
}

.login_div.join_type_B {
	padding-top: 42px;
}

.login_div .login_progress {
	position: absolute;
	width: 100%;
	height: 2px;
	top: 0;
	left: 0;
}

.login_div .login_progress .progress_bar {
	position: relative;
	width: 100%;
	height: 100%;
	background: #f5f5f5;
}

.login_div .login_progress .progress_bar span {
	position: absolute;
	width: 32px;
	height: 2px;
	background: #000;
	top: 0;
	left: 0
}

.login_div.join_type_B .join_step .step_title {
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	color: #000;
}

.login_div.join_type_B .join_step .step_title+div {
	margin-top: 32px
}

.login_div.join_type_B .join_step .btn_div {
	margin-top: 32px;
	text-align: center
}

.login_div.join_type_B .join_step .btn_div .skip_btn {
	font-size: 13px;
	line-height: 16px;
	color: #777;
	text-decoration: underline;
	display: inline-block;
	margin-top: 20px;
	padding: 0
}

.login_div .complete_div .devide_line {
	margin: 32px -20px;
}

.login_div .complete_div.type2 .tit {
	margin-top: 2px;
}

.login_div .complete_div.type2 .benefit_area {
	text-align: left
}

.login_div .complete_div.type2 .benefit_area .tit {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	margin-top: 0
}

.login_div .complete_div.type2 .benefit_area .cpn_area .swiper-container {
	width: calc(100% + 40px);
	margin-top: 20px;
	margin-left: -20px;
}

.login_div .complete_div.type2 .benefit_area .cpn_area .swiper-container.swiper-disabled {
	width: 100%;
	margin-left: 0;
}

.login_div .complete_div.type2 .benefit_area .cpn_area .swiper-container.swiper-disabled li {
	width: 100%;
}

.login_div .complete_div.type2 .benefit_area .cpn_area .cpn_com_list {
	flex-direction: row;
	flex-wrap: nowrap;
	text-align: left;
}

.login_div .complete_div.type2 .benefit_area .cpn_area .cpn_com_list li {
	width: 248px;
}


.login_div .complete_div.type2 .benefit_area .special_price_area {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .swiper-container {
	width: calc(100% + 40px);
	margin-top: 16px;
	margin-left: -20px;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .swiper-container.swiper-disabled {
	width: 100%;
	margin-left: 0;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .swiper-container.swiper-disabled li {
	width: 100% !important;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .swiper-container .soldout {
	background-color: rgba(255,255,255,0.85);
}

.login_div .complete_div.type2 .benefit_area .special_price_area .swiper-container .badge-coupon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	padding: 7px 9px;
	color: #fff;
	text-align: center;
	background: linear-gradient(272.58deg, #FE00A1 1.87%, #FE005B 54.35%, #FE572E 110.22%);
	border-radius: 12px 12px 12px 0px;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .swiper-container .name {
	margin-top: 4px;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .swiper-container .volume {
	margin-top: 2px;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .swiper-container .price-info {
	flex-direction: column;
	align-items: flex-start;
	gap: 2px 0;
	margin-top: 16px;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .swiper-container .price-info div {
	display: flex;
	align-items: center;
	gap: 0 6px;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .swiper-container .price-info .original-selling {
	width: 100%;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .swiper-container .price-info .original-selling span {
	color: #bbb;
	text-decoration: line-through;
}

.login_div .complete_div.type2 .benefit_area .special_price_area .txt_btn {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	display: inline-block;
	position: relative;
	margin-top: 24px;
	left: 50%;
	transform: translateX(-50%);
}

.login_div .complete_div.type2 .benefit_area .special_price_area .txt_btn span {
	padding-right: 18px;
	background: url("/res/images/arrow_right_16x16.png") right center no-repeat;
	background-size: 16px;
}

.login_div .ok_btn a:not(:first-child) {
	margin-top: 8px;
}
@charset "utf-8";

/* ============================== 공통 ============================== */
#wrap.main #content>div~div:not([class*=pop], .dimd_bg, .dimd-bg) {
	margin-top: 60px;
}


#wrap.main #content>div .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

#wrap.main #content>div .head.column {
	flex-direction: column;
	margin-bottom: 0;
}

#wrap.main #content>div .product-type-list {
	margin: 0 20px;
}

#wrap.main #content .swiper-container .swiper-pagination-fraction {
	right: 20px;
	bottom: 12px;
	left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 2px;
	width: auto;
	height: 24px;
	padding: 0 13px;
	color: #111;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 40px;
}

#wrap.main #content .swiper-container .swiper-pagination-fraction .swiper-pagination-total {
	color: #777;
}

/* #wrap.main #content .product-item-list .info .benefit {
	width: auto;
	padding-left: 6px !important;
} */

#wrap.main #content .product-list-1:not(.swiper-wrapper),
#wrap.main #content .product-list-2:not(.swiper-wrapper) {
	margin: 0 20px;
}

/* ============================== 메인 배너 ============================== */
#wrap.main #content .main-banner .swiper-container .swiper-wrapper .swiper-slide .text-wrap {
	position: absolute;
	top: 28px;
	left: 20px;
	z-index: 1;
}

#wrap.main #content .main-banner .swiper-container .swiper-wrapper .swiper-slide .text-wrap [class*=txt] {
	word-break: initial;
}

#wrap.main #content .main-banner .swiper-container .swiper-wrapper .swiper-slide .text-wrap .main-txt {
	width: 320px;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
}

#wrap.main #content .main-banner .swiper-container .swiper-wrapper .swiper-slide .text-wrap .sub-txt {
	width: 170px;
	margin-top: 12px;
	font-size: 14px;
	line-height: 20px;
}

#wrap.main #content .main-banner .swiper-container .swiper-wrapper .swiper-slide .text-wrap .color-bk {
	color: #111;
}

#wrap.main #content .main-banner .swiper-container .swiper-wrapper .swiper-slide .text-wrap .color-wh {
	color: #fff;
}

#wrap.main #content .main-banner .swiper-container .swiper-wrapper .swiper-slide img {
	width: 100%;
}

/* ============================== 카테고리 ============================== */
#wrap.main #content .category {
	margin-top: 16px !important;
}

#wrap.main #content .category .swiper-container {
	margin: 0;
	padding: 0 10px;
}

#wrap.main #content .category .swiper-container .swiper-wrapper .swiper-slide {
	text-align: center;
	width: 68px;
	margin-top: 4px;
}

#wrap.main #content .category .swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) {
	margin-top: 16px !important;
}

#wrap.main #content .category .swiper-container .swiper-wrapper .swiper-slide .badge {
	position: absolute;
	top: -4px;
	right: calc(50% - 25px);
}

#wrap.main #content .category .swiper-container .swiper-wrapper .swiper-slide img {
	width: 40px;
	height: 40px;
}

#wrap.main #content .category .swiper-container .swiper-wrapper .swiper-slide .term {
	display: inline-block;
	width: 100%;
	margin-top: 4px;
}

/* ============================== 타임특가 ============================== */
#wrap.main #content .time-sale {
	margin-top: 40px !important;
}

/* ============================== 브랜드 바로가기 ============================== */
#wrap.main #content .brand-shortcut .body {
	display: flex;
	align-items: center;
	gap: 0 16px;
	padding: 0 20px;
	overflow: auto hidden;
	white-space: nowrap;
	-ms-overflow-style: none;
}

#wrap.main #content .brand-shortcut .body::-webkit-scrollbar {
	display: none;
}

#wrap.main #content .brand-shortcut .body li {
	flex: none;
	display: block;
	width: 60px;
	height: 60px;
	background-color: #f9f9f9;
	border-radius: 50%;
}

#wrap.main #content .brand-shortcut .body li a {
	display: block;
	width: 100%;
	height: 100%;
}

#wrap.main #content .brand-shortcut .body li img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

/* ============================== 키워드 ============================== */
#wrap.main #content .keyword-health .title {
	padding-right: 42px;
	background: url(/res/images/icon/m-sharp-111.svg) 100% 50%;
	display: inline-block;
}

#wrap.main #content .keyword-health .body {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 19px 30px;
}

#wrap.main #content .keyword-health .body li a {
	color: #555 !important;
	transition: all 0.5s;
}

#wrap.main #content .keyword-health .body li[class*=active] a {
	color: #111 !important;
	text-decoration: underline;
}

#wrap.main #content .keyword-health .body li a {
	display: inline-block;
	line-height: 20px !important;
}

/* ============================== 숏클립 ============================== */
#wrap.main #content .short-clip .head {
	gap: 0 10px;
	align-items: flex-start;
}

#wrap.main #content .short-clip .head .title {
	flex: 1;
}

#wrap.main #content .short-clip .swiper-container {
	width: calc(100% + 40px);
	margin-left: -20px;
}

#wrap.main #content .short-clip .swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 20px;
}

#wrap.main #content .short-clip .video-wrap {
	position: relative;
	height: 216px;
	border-radius: 8px;
	overflow: hidden;
}

#wrap.main #content .short-clip .video-wrap>a {
	display: block;
	width: 100%;
	height: 100%;
}

#wrap.main #content .short-clip .swiper-slide:has(.video-wrap:not(.ver)) {
	width: calc(100vw - 44px);
}

#wrap.main #content .short-clip .swiper-slide:has(.video-wrap.ver) {
width: 144px;
}

#wrap.main #content .short-clip .video-wrap:not(.ver)>a {
	position: relative;
}

#wrap.main #content .short-clip .video-wrap:not(.ver) img {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 100%;
}

#wrap.main #content .short-clip .video-wrap:not(.ver):has(video)>a,
#wrap.main #content .short-clip .video-wrap:not(.ver):has(iframe)>a {
	display: flex;
	align-items: center;
	background-color: #111;
}

#wrap.main #content .short-clip .video-wrap:not(.ver) video,
#wrap.main #content .short-clip .video-wrap:not(.ver) iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

#wrap.main #content .short-clip .video-wrap.ver {
	width: 144px;
	aspect-ratio: 9 / 16;
}

#wrap.main #content .short-clip .video-wrap.ver video,
#wrap.main #content .short-clip .video-wrap.ver iframe,
#wrap.main #content .short-clip .video-wrap.ver img {
	width: 100%;
	object-fit: cover;
}

#wrap.main #content .short-clip .swiper-slide .video-title {
	display: block;
	width: 100%;
	padding-top: 6px;
	color: #111;
	font-size: 13px;
	font-weight: 600;
	line-height: 18px;
}

#wrap.main #content .short-clip .swiper-slide .video-title+.product-item-list {
	padding-top: 6px;
	border-top: 1px solid #eee;
}

#wrap.main #content .short-clip .swiper-slide .product-item-list {
	width: 100%;
	margin-top: 6px;
}

#wrap.main #content .short-clip .swiper-slide .product-item-list a {
	display: flex;
	align-items: center;
	gap: 0 4px;
	padding: 7px 0;
}

#wrap.main #content .short-clip .swiper-slide .product-item-list .thumb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 0;
	background-color: transparent;
	border-radius: 8px;
	overflow: hidden;
}

#wrap.main #content .short-clip .swiper-slide .product-item-list .thumb img {
	width: 100%;
	height: 100%;
}

#wrap.main #content .short-clip .swiper-slide .product-item-list .thumb .soldout {
	font-size: 12px;
	background-color: rgba(255, 255, 255, 0.85);
}

#wrap.main #content .short-clip .swiper-slide .product-item-list .info {
	flex: 1;
	margin-left: 0;
}

#wrap.main #content .short-clip .swiper-slide .product-item-list .info .name {
	color: #111;
	font-size: 13px;
	line-height: 18px;
}

#wrap.main #content .short-clip .swiper-slide .product-item-list .info .price-info {
	display: flex;
	align-items: center;
	gap: 0 4px;
	margin-top: 2px;
}

#wrap.main #content .short-clip .swiper-slide .product-item-list .info .price-info .percent {
	color: #FF3894;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

#wrap.main #content .short-clip .swiper-slide .product-item-list .info .price-info .price {
	color: #111;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

#wrap.main #content .short-clip .swiper-slide .product-item-list .info .price-info .benefit {
	color: #777;
	font-size: 12px;
	line-height: 16px;
}

/* ============================== 베스트 ============================== */
#wrap.main #content .best-product {
	padding: 40px 0;
	background-color: #F9F9F9;
}

#wrap.main #content .best-product .head,
#wrap.main #content .best-product .product-type-list {
	padding: 0 20px;
}

#wrap.main #content .best-product .tab-item {
	margin-bottom: 20px;
}

#wrap.main #content .best-product .tab-item:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 20px;
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	background-color: #333;
}

#wrap.main #content .best-product .tab-item ul {
	display: flex;
	padding-bottom: 20px;
}

#wrap.main #content .best-product .tab-item.center .swiper-wrapper {
	justify-content: center;
}

#wrap.main #content .best-product .tab-item li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 36px;
	padding: 0 16px;
	color: #999;
	font-size: 14px;
	line-height: 20px;
	border: 2px solid transparent;
	border-radius: 20px;
}

#wrap.main #content .best-product .tab-item li.on {
	border-color: #333;
	color: #111;
	font-weight: 600;
	background-color: #fff;
}

#wrap.main #content .best-product .tab-item li h2 {
	color: inherit;
	font: inherit;
}

#wrap.main #content .best-product .tab-body .more-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	padding: 0;
	background-image: none;
	background-color: #F9F9F9;
	border-radius: 50%;
}

#wrap.main #content .best-product .tab-body li:not(.product-item-column) {
	display: flex;
	align-items: center;
	width: 80px;
	height: 120px;
	margin-right: 0;
}

#wrap.main #content .best-product .tab-body .more-btn span {
	padding-right: 18px;
	color: #555 !important;
	background: url(/res/images/icon/plus-555.svg) 100% 50% / 16px;
}

/* #wrap.main #content .best-product .btn-rounded {
	width: calc(100% - 40px);
	margin: 20px auto 0;
}

#wrap.main #content .best-product .name.row-2 {
	max-height: 40px;
	min-height: 20px;
} */

/* ============================== (공통) 배너 ============================== */
#wrap.main #content .banner-wrap img {
	width: 100%;
	object-fit: cover;
}

/* ============================== 신규회원 한정 ============================== */
#wrap.main #content .new-member {
	/* height: 468px; */
	padding: 40px 0;
	background: #FFEBEF url(/res/images/main/m-new-member-bg.svg) 0 -5px;
}

#wrap.main #content .new-member .head {
	position: relative;
	align-items: flex-start;
}

#wrap.main #content .new-member .head .title,
#wrap.main #content .new-member .head .desc {
	width: 218px;
	word-break: break-all;
}

#wrap.main #content .new-member .head .desc {
	margin-top: 12px;
	color: #333;
}

#wrap.main #content .new-member .head .badge-coupon {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 90px;
	color: #fff;
	text-align: center;
	background: linear-gradient(272.58deg, #FE00A1 1.87%, #FE005B 54.35%, #FE572E 110.22%);
	border-radius: 50px 50px 50px 0px;
}

#wrap.main #content .new-member .body {
	margin-top: 32px;
}

#wrap.main #content .new-member .body .product-item-list {
	background-color: #fff;
	border-radius: 20px;
}

#wrap.main #content .new-member .body .product-item-list>a {
	padding: 24px 16px;
}

#wrap.main #content .new-member .body .product-item-list .thumb {
	width: 120px;
	height: 120px;
}

#wrap.main #content .new-member .body .product-item-list .thumb img {
	width: 120px;
	height: 120px;
}

#wrap.main #content .new-member .body .product-item-list .thumb .soldout {
	font-size: 12px;
	background-color: rgba(255, 255, 255, 0.85);
}

#wrap.main #content .new-member .body .product-item-list .info .name.row-2 {
	max-height: 48px;
	min-height: 24px;
}

#wrap.main #content .new-member .body .product-item-list .info .volume {
	padding-top: 2px;
}

#wrap.main #content .new-member .body .product-item-list .info .price-info {
	flex-direction: column;
	align-items: flex-start;
	margin-top: 16px;
}

#wrap.main #content .new-member .body .product-item-list .info .price-info div+div {
	margin-top: 1px;
}

#wrap.main #content .new-member .body .product-item-list a .info .price-info {
	flex-direction: column;
	align-items: flex-start;
	gap: 2px 0;
}

#wrap.main #content .new-member .body .product-item-list a .info .price-info div {
	display: flex;
	align-items: center;
	gap: 0 6px;
}

#wrap.main #content .new-member .body .product-item-list a .info .price-info .original-selling {
	width: 100%;
}

#wrap.main #content .new-member .body .product-item-list a .info .price-info .original-selling span {
	color: #bbb;
	text-decoration: line-through;
}

#wrap.main #content .new-member .body .btn-rounded {
	margin-top: 20px;
}

/* ============================== 신상품 ============================== */
#wrap.main #content .new-product-parent+div,
#wrap.main #content .new-product+div {
	margin-top: 0 !important;
}

#wrap.main #content .new-product .head {
	align-items: flex-start;
}

#wrap.main #content .new-product .head .desc {
	margin-top: 12px;
	color: #333;
}

#wrap.main #content .new-product .swiper-container {
	margin-top: 20px;
	padding-bottom: 88px;
}

#wrap.main #content .new-product .swiper-wrapper {
	height: 374px;
}

#wrap.main #content .new-product .swiper-container .swiper-slide {
	width: calc(100% - 40px);
}

#wrap.main #content .new-product .swiper-container .thumb img {
	width: 100%;
	height: 68%;
	object-fit: cover;
}

#wrap.main #content .new-product .swiper-container .info {
	position: absolute;
	top: 236px;
	left: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 138px;
	padding: 38px 20px 32px;
	background-color: #fff;
	border-radius: 0px 12px;
	box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08);
}

#wrap.main #content .new-product .swiper-container .info .badge {
	position: absolute;
	top: 0;
	left: 0;
}

#wrap.main #content .new-product .swiper-container .info .desc {
	display: inline-block;
	padding-top: 8px;
	color: #555;
	word-break: break-all;
}

#wrap.main #content .new-product .swiper-container .swiper-scrollbar {
	position: absolute !important;
	bottom: 60px;
	left: 50%;
	margin-top: 0;
	transform: translateX(-50%);
}

/* ============================== 신규 기획코너 ============================== */
#wrap.main #content .plan-corner .body .exhibition {
	position: relative;
	display: block;
	width: 100%;
	height: 248px;
}

#wrap.main #content .plan-corner .body .exhibition img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#wrap.main #content .plan-corner .body .exhibition .shortcut-btn {
	display: none;
	position: absolute;
	left: 20px;
	bottom: 20px;
	padding-right: 17px;
}

#wrap.main #content .plan-corner .body .magazine {
	padding: 20px;
	background-color: #F9F9F9;
}

#wrap.main #content .plan-corner .body .magazine>a {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 12px;
}

#wrap.main #content .plan-corner .body .magazine .img_resize {
	width: 120px;
	height: 80px;
}

#wrap.main #content .plan-corner .body .magazine img {
	width: 120px;
	height: 80px;
	object-fit: cover;
}

#wrap.main #content .plan-corner .body .magazine .info {
	width: calc(100% - 132px);
}

#wrap.main #content .plan-corner .body .magazine .info .name {
	display: block;
}

#wrap.main #content .plan-corner .body .magazine .info .name br {
	display: none;
}

#wrap.main #content .plan-corner .body .magazine .info .desc {
	margin-top: 4px;
}

#wrap.main #content .plan-corner .body .magazine .info .noti {
	margin-top: 6px;
}

#wrap.main #content .plan-corner .body .magazine .info .noti .txt {
	padding-left: 14px;
	color: #999;
	background: url(/res/images/icon/noti-bbb.svg) 0 50% / 12px;
}

#wrap.main #content .plan-corner .body .magazine .shortcut-btn {
	margin-top: 8px;
	padding-right: 17px;
}

#wrap.main #content .plan-corner .body .product-type-list {
	gap: 12px 0;
	margin-top: 16px;
}

#wrap.main #content .plan-corner .body .btn-rounded {
	width: calc(100% - 40px);
	margin: 20px auto 0;
}

/* ============================== 매거진 ============================== */
#wrap.main #content .magazine-wrap {
	padding: 40px 0;
	background-color: #F9F9F9;
}

/* #wrap.main #content .magazine-wrap .body li {
	height: 256px;
} */

#wrap.main #content .magazine-wrap .body li>a {
	display: block;
	width: 100%;
	padding-bottom: 28px;
	background: #FFF;
}

#wrap.main #content .magazine-wrap .body li .thumb {
	position: relative;
}

#wrap.main #content .magazine-wrap .body li .thumb .badge {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#wrap.main #content .magazine-wrap .body li .thumb .img-wrap {
	height: 186px;
}

#wrap.main #content .magazine-wrap .body li .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#wrap.main #content .magazine-wrap .body li .name,
#wrap.main #content .magazine-wrap .body li .desc {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all;
	word-wrap: break-word;
	padding: 0 20px;
}

#wrap.main #content .magazine-wrap .body li .name+.desc {
	margin-top: 12px;
}

#wrap.main #content .magazine-wrap .body li .name {
	width: 100%;
	max-height: 48px;
	min-height: 24px;
	margin-top: 20px;
	font-size: 16px !important;
	line-height: 24px !important;
	letter-spacing: -0.5px !important;
}

#wrap.main #content .magazine-wrap .body li .desc {
	max-height: 36px;
	min-height: 18px;
	color: #999;
}

/* ============================== MD 추천 ============================== */
#wrap.main #content .md-pick {
	height: 592px;
	padding: 40px 0;
	background-position: 50% 50% !important;
	background-size: cover !important;
}

#wrap.main #content .md-pick>div {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	height: 100%;
}

#wrap.main #content .md-pick .head {
	flex-wrap: wrap;
	margin: 0 20px 0;
}

#wrap.main #content .md-pick .head .shortcut-btn {
	margin-left: auto;
}

#wrap.main #content .md-pick .head .desc {
	width: 100%;
	margin-top: 12px;
	color: #333;
}

#wrap.main #content .md-pick .body {
	margin-top: auto;
}

/* #wrap.main #content .md-pick .body .product-swiper-1 {
	margin: 0;
}

#wrap.main #content .md-pick .body .product-swiper-1 {
	margin: 0 20px;
} */

#wrap.main #content .md-pick .swiper-slide>a {
	width: 100%;
	height: 120px;
	padding: 20px 16px 20px 20px;
	background-color: #fff;
}

#wrap.main #content .md-pick .swiper-slide>a .info {
	margin-left: 8px;
}

#wrap.main #content .md-pick .swiper-slide .thumb {
	width: 80px;
	height: 80px;
}

/* ============================== 체험단 ============================== */
#wrap.main #content .experience-info .thumb {
	position: relative;
}

#wrap.main #content .experience-info .thumb img {
	width: 100%;
	border-radius: 12px 12px 0 0;
}

#wrap.main #content .experience-info .thumb .current-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 78px;
	height: 80px;
	text-align: center;
	background-color: var(--color-secondary-1);
	border-radius: 50px 50px 50px 0px;
}

#wrap.main #content .experience-info .info {
	padding: 24px 20px;
	background-color: #F9F9F9;
	border-radius: 0px 0px 12px 12px;
}

#wrap.main #content .experience-info .info li,
#wrap.main #content .experience-info .info li .desc {
	display: flex;
}

#wrap.main #content .experience-info .info li+li {
	margin-top: 8px;
}

#wrap.main #content .experience-info .info li .term {
	min-width: 48px;
}

#wrap.main #content .experience-info .info li .desc:before {
	content: '';
	width: 1px;
	height: 10px;
	margin: 4px 8px;
	background-color: #ddd;
}

/* ============================== 리뷰 ============================== */
#wrap.main #content .review-wrap .head {
	margin-bottom: 10px;
}

#wrap.main #content .review-wrap .swiper-container.swiper-disabled .swiper-slide {
	width: 100%;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide {
	width: 260px;
	height: fit-content;
	padding: 24px 30px 32px;
	background-color: #F9F9F9;
	border-radius: 12px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .top-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .top-info .title {
	color: #111;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .top-info .title strong {
	font-weight: 700;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .top-info .review-count {
	color: #111;
	font-size: 12px;
	line-height: 16px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .thumb-info {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 30px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .thumb-info .thumb {
	width: 100%;
	padding: 10px 34px;
	border-radius: 80px 80px 80px 0;
	background-color: #fff;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .thumb-info .soldout-badge {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 152px;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 34px;
	border-radius: 80px 80px 80px 0;
	background-color: rgba(255, 255, 255, 0.85);
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .thumb-info .info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 6px;
	margin-top: 16px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .thumb-info .info .name {
	width: 100%;
	color: #111;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .thumb-info .info .price {
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .thumb-info .info .price strong {
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .thumb-info .info .percent {
	color: #FF3894;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .thumb-info .info .benefit {
	color: #111;
	font-size: 12px;
	line-height: 16px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .desc {
	display: block;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .desc span {
	color: #777;
	font-size: 13px;
	line-height: 18px;
}

/* ============================== 320 이하 별도 처리 ============================== */
@media (max-width: 359px) {

	#wrap.main #content .inner,
	#wrap.main #content .plan-corner .body .btn-rounded {
		width: calc(100% - 20px);
	}

	#wrap.main #content .product-list-1:not(.swiper-wrapper),
	#wrap.main #content .product-list-2:not(.swiper-wrapper) {
		margin: 0 10px;
	}

	#wrap.main #content .plan-corner .body .magazine {
		padding-left: 10px;
		padding-right: 10px;
	}

	#wrap.main #content .md-pick .swiper-slide>a {
		padding-left: 10px;
		padding-right: 12px;
	}

	#wrap.main #content .md-pick .swiper-slide>a .info {
		margin-left: 6px;
	}
}

@media (min-width: 430px) {
	#wrap.main #content .short-clip .video-wrap:not(.ver) img {
		width: 100%;
		height: auto;
	}
}@charset "utf-8";

.mgz-wrap .swiper-container.top-category {
	padding: 0 0 20px 0;
}

/* 추천 콘텐츠 */
.mgz-wrap .recommend-list {
	display: flex;
	flex-direction: column;
	gap: 24px 0;
	margin: 30px 0;
}

.mgz-wrap .recommend-list:not(.d_none)+.mgz-list {
	border-top: 10px solid #F9F9F9;
}

.mgz-wrap .recommend-list>li:nth-child(1) {
	width: 100%;
	padding: 30px 30px 46px;
	background-color: #F9F9F9;
}

.mgz-wrap .recommend-list>li:not(:nth-child(1)) {
	margin: 0 20px;
}

.mgz-wrap .recommend-list>li:nth-child(2) {
	margin-top: 6px;
}

.mgz-wrap .recommend-list>li>a {
	display: block;
	width: 100%;
}

.mgz-wrap .recommend-list>li:not(:nth-child(1))>a {
	display: flex;
	align-items: center;
	gap: 0 16px;
}

.mgz-wrap .recommend-list>li .thumb {
	position: relative;
}

.mgz-wrap .recommend-list>li:nth-child(1) .thumb {
	height: 88.9vw;
}

.mgz-wrap .recommend-list>li:not(:nth-child(1)) .thumb {
	width: 150px;
	height: 160px;
}

.mgz-wrap .recommend-list>li .thumb .badge {
	position: absolute;
	top: 0;
	left: 0;
	height: 28px;
	font-size: 12px;
}

.mgz-wrap .recommend-list>li .thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mgz-wrap .recommend-list>li:nth-child(1) .info {
	margin-top: 30px;
	text-align: center;
}

.mgz-wrap .recommend-list>li:not(:nth-child(1)) .info {
	flex: 1;
}

.mgz-wrap .recommend-list>li .info .name {
	color: #111;
}

.mgz-wrap .recommend-list>li:nth-child(1) .info .name {
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
}

.mgz-wrap .recommend-list>li:not(:nth-child(1)) .info .name {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.mgz-wrap .recommend-list>li .info .desc {
	margin-top: 18px;
	color: #333;
	font-size: 14px;
	line-height: 20px;
}

.mgz-wrap .recommend-list>li .info .hashtag {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
	color: #999;
	font-size: 12px;
	line-height: 16px;
	border-top: 1px solid #eee;
	overflow: hidden;
}

.mgz-wrap .recommend-list>li:nth-child(1) .info .hashtag {
	justify-content: center;
	max-height: 46px;
	margin-top: 18px;
	padding-top: 10px;
	border-color: #ddd;
}

.mgz-wrap .recommend-list>li:not(:nth-child(1)) .info .hashtag {
	max-height: 44px;
	margin-top: 12px;
	padding-top: 10px;
}

/* 매거진 목록 */
.mgz-wrap .mgz-list {
	padding-top: 24px;
}

.mgz-wrap .mgz-list .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 20px 20px;
}

.mgz-wrap .mgz-list .head .count {
	color: #111;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.mgz-wrap .mgz-list .head select {
	height: 24px;
	padding: 0 22px 0 0;
	font-weight: 500;
	background: url('/res/images/icon/arrow-down-555.svg') no-repeat right top 50% / 20px transparent;
}

.mgz-wrap .mgz-list .list {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 50px 0;
	margin: 0 20px;
	padding-bottom: 80px;
}

.mgz-wrap .mgz-list .list>li .thumb {
	position: relative;
	height: 59.17vw;
}

.mgz-wrap .mgz-list .list>li .thumb .badge {
	position: absolute;
	top: 0;
	left: 0;
	height: 28px;
	font-size: 12px;
}

.mgz-wrap .mgz-list .list>li .thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mgz-wrap .mgz-list .list>li .info {
	display: flex;
	flex-direction: column;
	gap: 12px 0;
	margin-top: 12px;
}

.mgz-wrap .mgz-list .list>li .info .name {
	color: #111;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.mgz-wrap .mgz-list .list>li .info .desc {
	color: #999;
	font-size: 14px;
	line-height: 20px;
}

.mgz-wrap .mgz-list .list>li .info .hashtag {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
	max-height: 46px;
	padding-top: 12px;
	color: #999;
	font-size: 12px;
	line-height: 16px;
	border-top: 1px solid #eee;
	overflow: hidden;
}

.mgz-wrap .mgz-list .list>li .info .comment-heart {
	display: flex;
	align-items: center;
	gap: 0 16px;
}

.mgz-wrap .mgz-list .list>li .info .comment-heart span {
	padding-left: 22px;
	color: #111;
	font-size: 12px;
	line-height: 16px;
	background-position: 0 50%;
	background-size: 20px;
}

.mgz-wrap .mgz-list .list>li .info .comment-heart .heart {
	background-image: url('/res/images/icon/heart-off.svg');
}

.mgz-wrap .mgz-list .list>li .info .comment-heart .heart.on {
	background-image: url('/res/images/icon/heart-on.svg')
}

.mgz-wrap .mgz-list .list>li .info .comment-heart .comment {
	background-image: url('/res/images/icon/comment-111.svg');
}

/* 매거진 상세 */
/* 매거진 상세: 헤드 */
.mgz-wrap .mgz-details {
	padding-bottom: 80px;
}

.mgz-wrap .mgz-details .top-cnt {
	padding: 20px 20px 54px;
	background-color: #F7F7F7;
}

.mgz-wrap .mgz-details .top-cnt>div {
	position: relative;
}

.mgz-wrap .mgz-details .top-cnt .thumb {
	width: 100%;
	height: 59.17vw;
}

.mgz-wrap .mgz-details .top-cnt .thumb .badge {
	position: absolute;
	top: 0;
	left: 0;
	height: 24px;
	padding: 0 12px;
	font-size: 12px;
}

.mgz-wrap .mgz-details .top-cnt .thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mgz-wrap .mgz-details .top-cnt .info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 14px 0;
	margin-top: 40px;
	text-align: center;
}

.mgz-wrap .mgz-details .top-cnt .info .name {
	color: #111;
	font-size: 22px;
	font-weight: 600;
	line-height: 32px;
}

.mgz-wrap .mgz-details .top-cnt .info .desc {
	color: #333;
	font-size: 14px;
	line-height: 20px;
}

.mgz-wrap .mgz-details .top-cnt .info .hashtag {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px 14px;
	max-height: 48px;
	padding-top: 14px;
	color: #999;
	font-size: 12px;
	line-height: 16px;
	border-top: 1px solid #ddd;
	overflow: hidden;
}

.mgz-wrap .mgz-details .top-cnt .info .btn-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 16px;
}

.mgz-wrap .mgz-details .top-cnt .info .btn-wrap button {
	padding-left: 22px;
	color: #111;
	font-size: 12px;
	line-height: 16px;
	background-position: 0 50%;
	background-size: 20px;
}

.mgz-wrap .mgz-details .top-cnt .info .btn-wrap .heart {
	background-image: url('/res/images/icon/heart-off.svg');
}

.mgz-wrap .mgz-details .top-cnt .info .btn-wrap .heart.on {
	background-image: url('/res/images/icon/heart-on.svg')
}

.mgz-wrap .mgz-details .top-cnt .info .btn-wrap .comment {
	background-image: url('/res/images/icon/comment-111.svg');
}

.mgz-wrap .mgz-details .top-cnt .info .btn-wrap .share {
	width: 20px;
	height: 20px;
	padding-left: 0;
	background-image: url('/res/images/icon/share-111.svg');
}

/* 매거진 상세: 어드민 입력 영역 */
.mgz-wrap .mgz-details .cont_area {
	position: relative;
	padding-top: 30px;
	background: #fff;
	z-index: 1;
}

.mgz-wrap .mgz-details .cont_area .view {
	padding-bottom: 40px;
	text-align: center;
}

.mgz-wrap .mgz-details .cont_area .view>br {
	display: none
}

.mgz-wrap .mgz-details .cont_area .view .top_title {
	padding-top: 40px;
	color: #111;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	text-align: center;
	background: url('/res/images/mgz_top_title_icon.png') no-repeat center top
}

.mgz-wrap .mgz-details .cont_area .view .top_title p {
	margin-top: 10px;
	color: #111;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
}

.mgz-wrap .mgz-details .cont_area .view .top_title p:first-child {
	margin-top: 0
}

.mgz-wrap .mgz-details .cont_area .view .guide_tit {
	display: block;
	margin-top: 80px;
	color: #111;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
}

.mgz-wrap .mgz-details .cont_area .view .guide_tit h2 {
	color: #111;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

.mgz-wrap .mgz-details .cont_area .view .guide_tit u {
	position: relative;
	display: inline;
	text-decoration: none;
	background: url('/res/images/m_mgz_tit_underline.png') repeat-x left bottom 4px;
}

.mgz-wrap .mgz-details .cont_area .view .guide_tit u:before {
	content: '';
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	height: 4px;
	background: #a489e3;
	z-index: -1
}

.mgz-wrap .mgz-details .cont_area .view>.guide_tit:first-child {
	margin-top: 0
}

.mgz-wrap .mgz-details .cont_area .view .guide_tit+.guide_txt {
	margin-top: 20px
}

.mgz-wrap .mgz-details .cont_area .view .guide_tit+br+.guide_txt {
	margin-top: 20px
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt {
	margin-top: 30px;
	color: #333;
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
	text-align: left;
	word-break: break-all;
	letter-spacing: -0.2px;
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt>div {
	margin-top: 8px
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt>div:first-child {
	margin-top: 0
}

.mgz-wrap .mgz-details .cont_area .view>.guide_txt:first-child {
	margin-top: 0
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt p {
	margin-top: 20px;
	font-weight: 300;
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt p b {
	font-weight: 600;
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt p b u {
	color: #111 !important;
	font-weight: 500;
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt p:first-child {
	margin-top: 0;
}

.mgz-wrap .mgz-details .cont_area .view img {
	width: 100%;
	height: auto;
	margin: 30px auto 0 auto;
}

.mgz-wrap .mgz-details .cont_area .view .end_txt {
	display: none;
	margin-top: 32px;
	padding: 20px;
	color: #555;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	border: 1px solid #eee;
	text-align: center
}

.mgz-wrap .mgz-details .cont_area .view .end_txt b {
	color: #111;
	font-weight: 300;
}

.mgz-wrap .mgz-details .cont_area .view .view_end {
	margin-top: 30px;
	padding-top: 13px;
	line-height: 28px;
	border-top: 1px solid #eee;
}

.mgz-wrap .mgz-details .cont_area .view .write,
.mgz-wrap .mgz-details .cont_area .view .copyright {
	color: #333;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
}

.mgz-wrap .mgz-details .cont_area .view .write b {
	color: #111;
	font-weight: 600;
}

.mgz-wrap .mgz-details .cont_area .view .qna {
	margin-top: 32px;
	text-align: justify;
	word-break: break-all
}

.mgz-wrap .mgz-details .cont_area .view .qna .q {
	position: relative;
	margin-top: 12px;
	padding: 16px 20px 16px 44px;
	color: #7b23a8;
	font-size: 16px;
	line-height: 22px;
	background: #f0edf9;
	border: 1px solid #a489e3
}

.mgz-wrap .mgz-details .cont_area .view .qna .q:first-child {
	margin-top: 0
}

.mgz-wrap .mgz-details .cont_area .view .qna .q:before {
	content: 'Q .';
	position: absolute;
	top: 16px;
	left: 16px;
	font-weight: 700;
}

.mgz-wrap .mgz-details .cont_area .view .qna .a {
	position: relative;
	padding: 16px 20px 16px 44px;
	color: #111;
	font-size: 16px;
	font-weight: 300;
	line-height: 22px;
	border: 1px solid #a489e3;
	border-top: none;
}

.mgz-wrap .mgz-details .cont_area .view .qna .a b {
	font-weight: 400
}

.mgz-wrap .mgz-details .cont_area .view .qna .a span {
	font-weight: 500;
	margin-right: 15px
}

.mgz-wrap .mgz-details .cont_area .view .qna .a:before {
	position: absolute;
	top: 16px;
	left: 16px;
	content: 'A .';
	font-weight: 700;
}

.mgz-wrap .mgz-details .cont_area .view .recipe_div {
	margin-top: 40px;
	padding: 82px 20px 32px;
	width: 100%;
	text-align: left;
	border: 1px solid #ddd;
	background: url('/res/images/m_mgz_recipe_icn.png') no-repeat center 32px;
	background-size: 40px 32px
}

.mgz-wrap .mgz-details .cont_area .view .recipe_div .list {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #ddd
}

.mgz-wrap .mgz-details .cont_area .view .recipe_div .list:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.mgz-wrap .mgz-details .cont_area .view .recipe_div .tit {
	margin-top: 0;
	padding-bottom: 24px;
	color: #111;
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	background: url('/res/images/m_mgz_recipe_tit.png') no-repeat center bottom;
	background-size: 24px 4px
}

.mgz-wrap .mgz-details .cont_area .view .recipe_div .tit b {
	font-weight: 700;
	color: #7b23a8
}

.mgz-wrap .mgz-details .cont_area .view .recipe_div .txt {
	line-height: 24px
}

.mgz-wrap .mgz-details .cont_area .view .recipe_div p {
	margin-top: 20px;
	color: #111;
	font-size: 14px;
	font-weight: 300;
	line-height: 24px;
}

.mgz-wrap .mgz-details .cont_area .view .recipe_div p b {
	color: #7b23a8;
	font-weight: 700;
}

.mgz-wrap .mgz-details .cont_area .view_info .tag {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	margin-top: 26px
}

.mgz-wrap .mgz-details .cont_area .view_info .tag span {
	padding: 4px 6px;
	color: #777;
	font-size: 13px;
	line-height: 20px;
	background: #f7f7f7;
	border-radius: 2px
}

.mgz-wrap .mgz-details .cont_area .view_info .tag span:before {
	content: '#';
	padding-right: 1px
}

.mgz-wrap .mgz-details .cont_area .banner_zone {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 16px;
	background-color: var(--color-secondary-3);
	border-top: 10px solid #f9f9f9;
	padding: 20px;
}

.mgz-wrap .mgz-details .cont_area .banner_zone .info {
	color: #333;
}

.mgz-wrap .mgz-details .cont_area .banner_zone .go-item-btn {
	width: 110px;
	padding: 10px;
	background-color: var(--color-primary-1);
	border-radius: 4px;
	text-align: center;
}

.mgz-wrap .mgz-details .cont_area .banner_zone .go-item-btn span {
	color: #fff;
}

.mgz-wrap .mgz-details .cont_area .recomm_list_div {
	border-top: 10px solid #f9f9f9;
	padding: 24px 0 40px;
}

.mgz-wrap .mgz-details .cont_area .recomm_list_div>.title {
	margin: 0 20px 20px 20px;
}

.mgz-wrap .mgz-details .cont_area .recomm_list_div .mgz_list {
	flex-wrap: nowrap;
	justify-content: start;
}

.mgz-wrap .mgz-details .cont_area .recomm_list_div .mgz_list li {
	width: 240px;
}

.mgz-wrap .mgz-details .cont_area .recomm_list_div .mgz_list li .thumb {
	width: 240px;
	height: 160px;
}

.mgz-wrap .mgz-details .cont_area .recomm_list_div .mgz_list li .thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}

.mgz-wrap .mgz-details .cont_area .recomm_list_div .mgz_list li .info {
	padding-top: 16px;
}

.mgz-wrap .mgz-details .cont_area .recomm_list_div .mgz_list li .btn_list {
	left: 0;
	bottom: 0;
	transform: none;
}

.mgz-wrap .mgz-details .cont_area .recomm_list_div .mgz_list li .body {
	position: relative;
	padding-bottom: 32px;
}

.mgz-wrap .mgz-details .cont_area .cmt_area .cmt_wrt_div .textarea_div .textarea_wrap {
	height: 128px;
}

.mgz-wrap .mgz-details .cont_area .cmt_area .cmt_div .wrt_tooltip.tooltip_div .tooltip {
	top: 4px !important;
	right: 0;
	left: inherit !important;
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt .conversation p {
	margin-top: 8px;
	padding-left: 29px;
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt .conversation p.woman {
	background: url("/resources/images/m_emoji-woman.png") left top no-repeat;
	background-size: 21px 26px;
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt .conversation p.man {
	background: url("/resources/images/m_emoji-man.png") left top no-repeat;
	background-size: 21px 26px;
}

/* 매거진 상세: 관련 상품 */
.mgz-wrap .mgz-details .related-pd {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 16px;
	height: 78px;
	margin-top: 100px;
	border-top: 10px solid #F9F9F9;
	background-color: #F2FFF0;
}

.mgz-wrap .mgz-details .related-pd span {
	color: #333;
	font-size: 14px;
	line-height: 20px;
}

.mgz-wrap .mgz-details .related-pd a {
	width: 110px;
	height: 38px;
	font-size: 13px;
}

/* 관련 매거진 */
.mgz-wrap .mgz-details .related-mgz {
	padding: 24px 0 40px;
	border-top: 10px solid #F9F9F9;
}

.mgz-wrap .mgz-details .related-mgz .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
	color: #111;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container {
	margin-top: 20px;
	/* width: calc(100% + 120px);
	margin-top: 12px;
	margin-left: -60px;
	padding: 0 60px; */
}

.mgz-wrap .mgz-details .related-mgz .swiper-container.swiper-disabled {
	width: 100%;
	padding: 20px 20px 0;
	margin: 0;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container.swiper-disabled .swiper-slide {
	width: 100%;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-slide .thumb {
	position: relative;
	height: 160px;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-slide .thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-slide .info {
	display: flex;
	flex-direction: column;
	gap: 12px 0;
	margin-top: 16px;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-slide .info .name {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-slide .info .hashtag {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 10px;
	max-height: 46px;
	padding-top: 12px;
	color: #999;
	font-size: 12px;
	line-height: 16px;
	border-top: 1px solid #eee;
	overflow: hidden;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-slide .info .comment-heart {
	display: flex;
	align-items: center;
	gap: 0 16px;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-slide .info .comment-heart span {
	padding-left: 22px;
	color: #111;
	font-size: 12px;
	line-height: 16px;
	background-position: 0 50%;
	background-size: 20px;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-slide .info .comment-heart .heart {
	background-image: url('/res/images/icon/heart-off.svg');
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-slide .info .comment-heart .heart.on {
	background-image: url('/res/images/icon/heart-on.svg')
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-slide .info .comment-heart .comment {
	background-image: url('/res/images/icon/comment-111.svg');
}

/* 댓글 */
.mgz-wrap .mgz-details .comment-wrap {
	border-top: 10px solid #F9F9F9;
	margin-bottom: 24px;
}

.mgz-wrap .mgz-details .comment-wrap:has(.no-data-wrap) {
	margin-bottom: 30px;
}

.mgz-wrap .mgz-details .comment-wrap .input {
	display: flex;
	flex-direction: column;
	gap: 16px 0;
	padding: 24px 20px;
}

.mgz-wrap .mgz-details .comment-wrap .input button {
	width: 100%;
	height: 48px;
}

.mgz-wrap .mgz-details .comment-wrap .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 20px 20px;
	border-top: 10px solid #F9F9F9;
	border-bottom: 1px solid #ccc;
}

.mgz-wrap .mgz-details .comment-wrap .head .title {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.mgz-wrap .mgz-details .comment-wrap .head .chk_box input[type="checkbox"]+label {
	padding-left: 26px;
	line-height: 20px;
}

.mgz-wrap .mgz-details .comment-wrap .head .chk_box input[type="checkbox"]+label:after {
	width: 20px;
	height: 20px;
	background-size: cover;
}

.mgz-wrap .mgz-details .comment-wrap .head .chk_box label {
	font-size: 14px;
}

.mgz-wrap .mgz-details .comment-wrap .list li {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px 0;
	margin: 0 20px;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

.mgz-wrap .mgz-details .comment-wrap .id-date {
	display: flex;
	align-items: center;
}

.mgz-wrap .mgz-details .comment-wrap .id-date span {
	display: flex;
	align-items: center;
	color: #bbb;
	font-size: 13px;
	line-height: 18px;
}

.mgz-wrap .mgz-details .comment-wrap .id-date span:not(:first-child):before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin: 0 8px;
	background-color: #ddd;
}

.mgz-wrap .mgz-details .comment-wrap .list .text {
	color: #333;
	font-size: 14px;
	line-height: 20px;
}

.mgz-wrap .mgz-details .comment-wrap .list .edit-wrap {
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}

.mgz-wrap .mgz-details .comment-wrap .list .edit-wrap .textarea-wrap {
	height: 112px;
}

.mgz-wrap .mgz-details .comment-wrap .list .edit-wrap .btn-wrap {
	display: flex;
	align-items: center;
	gap: 0 8px;
}

.mgz-wrap .mgz-details .comment-wrap .list .edit-wrap .btn-wrap button {
	flex: 1;
	height: 48px;
	font-size: 14px;
}

.mgz-wrap .mgz-details .comment-wrap .list .answer-wrap {
	padding: 20px;
	background-color: #F9F9F9;
}

.mgz-wrap .mgz-details .comment-wrap .list .answer-wrap .id-date span {
	color: #777;
}

.mgz-wrap .mgz-details .comment-wrap .list .answer-wrap .text {
	padding-top: 12px;
	color: #777;
}

.mgz-wrap .mgz-details .comment-wrap .list .wrt_tooltip.tooltip_div {
	display: block;
	right: 0;
}

.mgz-wrap .mgz-details .comment-wrap .list .wrt_tooltip.tooltip_div .opener {
	top: 0;
	width: 20px;
	height: 20px;
	background-size: 20px;
}

.mgz-wrap .mgz-details .comment-wrap .view-more-btn {
	display: block;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	border: 1px solid #eee;
	border-radius: 60px;
	padding: 14px;
	margin: 92px auto 0;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
}

.mgz-wrap .mgz-details .comment-wrap .view-more-btn span {
	padding-right: 20px;
	background: url("/res/images/icon/arrow-down-555.svg") 100% 50% / 16px;
}

.mgz-wrap .mgz-details .comment-wrap .no-data-wrap {
	margin-top: 30px;
}

/* 이전 및 다음 페이지 */
.mgz-wrap .mgz-details .post-navi {
	border-top: 10px solid #F9F9F9;
	padding: 24px 20px 0;
}

.mgz-wrap .mgz-details .post-navi a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0 16px;
}

.mgz-wrap .mgz-details .post-navi a+a {
	margin-top: 40px;
}

.mgz-wrap .mgz-details .post-navi a+a:before {
	content: '';
	position: absolute;
	top: -40px;
	left: 0;
	display: block;
	width: 100%;
	margin: 20px 0;
	border-top: 1px solid #eee;
}

.mgz-wrap .mgz-details .post-navi a .type {
	position: absolute;
	top: 0;
	left: 0;
	color: #bbb;
	font-size: 13px;
	line-height: 18px;
}

.mgz-wrap .mgz-details .post-navi a img {
	width: 56px;
	height: 56px;
	margin-top: 26px;
}

.mgz-wrap .mgz-details .post-navi a .info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px 0;
}

.mgz-wrap .mgz-details .post-navi a .term {
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.mgz-wrap .mgz-details .post-navi a .desc {
	color: #bbb;
	font-size: 13px;
	line-height: 18px;
}

/* 목록 버튼 */
.mgz-wrap .mgz-details .list-btn {
	width: calc(100% - 40px);
	margin: 24px auto 0;
}@charset "utf-8";

/* ==================== 마이페이지 공통 ==================== */
/* 마이페이지 */
.mypage_div {
	padding: 24px 0 0
}

/* ==================== 메인 ==================== */
.mypage_div .mypage-main {
	margin-bottom: 80px;
}

.mypage_div .mypage-main .title-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 20px 20px;
}

.mypage_div .mypage-main .title {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.mypage_div .mypage-main .user-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px 0;
	width: 100%;
	padding: 0 20px;
}

.mypage_div .mypage-main .user-info .user-name {
	display: flex;
	align-items: center;
	color: #111;
	font-size: 20px;
	line-height: 28px;
}

.mypage_div .mypage-main .user-info .user-name strong {
	display: inline-block;
	max-width: 184.8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
}

.mypage_div .mypage-main .user-info .btn-wrap {
	display: flex;
	align-items: center;
	gap: 0 10px;
}

.mypage_div .mypage-main .user-info .btn-wrap a {
	display: block;
	width: 24px;
	height: 24px;
	background-position: 50% 50%;
}

.mypage_div .mypage-main .user-info .btn-wrap a.alarm-btn {
	position: relative;
	background-image: url(/res/images/icon/alarm-111.svg);
}

.mypage_div .mypage-main .user-info .btn-wrap a.alarm-btn.on:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 6px;
	height: 6px;
	background-color: #ff3894;
	border-radius: 50%;
}

.mypage_div .mypage-main .user-info .btn-wrap a.setting-btn {
	background-image: url(/res/images/icon/setting-111.svg);
}

.mypage_div .mypage-main .user-info .grade {
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
}

.mypage_div .mypage-main .user-info .grade .top-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 92px;
	padding: 18px 20px 14px;
	background-color: #F2FFF0;
}

.mypage_div .mypage-main .user-info .grade.nmem .top-info {
	height: 88px;
	border-radius: 8px;
	background: #F9F9F9;
}

.mypage_div .mypage-main .user-info .grade .grade-name {
	padding-left: 38px;
	color: #333;
	font-size: 26px;
	font-weight: 700;
	line-height: 34px;
	background-position: 0 50%;
	background-size: 28px;
}

.mypage_div .mypage-main .user-info .grade.welcome .grade-name {
	color: #23C9BE;
	background-image: url("/res/images/icon/grade/welcome.svg");
}

.mypage_div .mypage-main .user-info .grade.family .grade-name {
	color: #32CF55;
	background-image: url("/res/images/icon/grade/family.svg");
}

.mypage_div .mypage-main .user-info .grade.bronze .grade-name {
	color: #B6755F;
	background-image: url("/res/images/icon/grade/bronze.svg");
}

.mypage_div .mypage-main .user-info .grade.silver .grade-name {
	color: #B0B0B4;
	background-image: url("/res/images/icon/grade/silver.svg");
}

.mypage_div .mypage-main .user-info .grade.gold .grade-name {
	color: #BF903E;
	background-image: url("/res/images/icon/grade/gold.svg");
}

.mypage_div .mypage-main .user-info .grade.vip .grade-name {
	color: #7C51D7;
	background-image: url("/res/images/icon/grade/vip.svg");
}

.mypage_div .mypage-main .user-info .grade.platinum .grade-name {
	background-image: url("/res/images/icon/grade/platinum.svg");
}

.mypage_div .mypage-main .user-info .grade.partner .grade-name {
	color: #FD9148;
	background-image: url("/res/images/icon/grade/partner.svg");
}

.mypage_div .mypage-main .user-info .grade.staff .grade-name {
	color: #41AEFD;
	background-image: url("/res/images/icon/grade/staff.svg");
}

.mypage_div .mypage-main .user-info .grade.celeb .grade-name {
	color: #F6806E;
	background-image: url("/res/images/icon/grade/celeb.svg");
}

.mypage_div .mypage-main .user-info .grade.exp .grade-name {
	color: #FF7AB3;
	background-image: url("/res/images/icon/grade/exp.svg");
}

.mypage_div .mypage-main .user-info .grade.nmem .grade-name {
	background-image: url("/res/images/icon/grade/nmem.svg");
}

.mypage_div .mypage-main .user-info .grade .grade-info {
	display: block;
	width: 100%;
	margin-top: 2px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.mypage_div .mypage-main .user-info .grade .grade-info strong {
	font-weight: 600;
}

.mypage_div .mypage-main .user-info .grade .top-info .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	padding: 0 7px;
	color: #555;
	font-size: 13px;
	font-weight: 500;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.mypage_div .mypage-main .user-info .grade .benefit-info {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 8px 20px;
	background-color: #E1FFDE;
}

.mypage_div .mypage-main .user-info .grade .benefit-info span {
	color: #111;
	font-size: 13px;
	line-height: 18px;
}

.mypage_div .mypage-main .user-info .grade .benefit-info>span {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 4px;
}

.mypage_div .mypage-main .user-info .grade.employee .benefit-info>span {
	gap: 0;
}

.mypage_div .mypage-main .user-info .grade.employee .benefit-info strong {
	margin-left: 4px;
}

.mypage_div .mypage-main .user-info .grade .benefit-info span strong {
	font-weight: 600;
}

.mypage_div .mypage-main .user-info .grade:not(.staff) .benefit-info span span,
.mypage_div .mypage-main .user-info .grade:not(.staff) .benefit-info span strong:not(.price) {
	color: #3cc814;
}

.mypage_div .mypage-main .user-info .grade .benefit-info .link-btn {
	color: #111;
	font-size: 14px;
	line-height: 24px;	
	text-decoration: underline;
}

.mypage_div .mypage-main .useable-info {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 84px;
	margin: 12px 20px 0;
	background-color: #F9F9F9;
}

.mypage_div .mypage-main .useable-info li {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 2px 0;
	text-align: center;
}

.mypage_div .mypage-main .useable-info li+li {
	margin-left: 25px;
}

.mypage_div .mypage-main .useable-info li+li:before {
	content: '';
	position: absolute;
	left: -25px;
	display: block;
	width: 1px;
	height: 40px;
	margin: 0 12px;
	background-color: #eee;
}

.mypage_div .mypage-main .useable-info li span {
	display: block;
	width: 100%;
	color: #111;
}

.mypage_div .mypage-main .useable-info li .term {
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
}

.mypage_div .mypage-main .useable-info li .desc {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.mypage_div .mypage-main .rebuy-wrap:before {
	content: '';
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	margin: 24px 20px;
	background-color: #eee;
}

.mypage_div .mypage-main .rebuy-wrap .swiper-slide {
	width: 256px;
}

.mypage_div .mypage-main .rebuy-wrap .swiper-container.swiper-disabled .swiper-slide {
	width: 100%;
}

.mypage_div .mypage-main .benefit-wrap:before {
	content: '';
	display: block;
	width: calc(100% - 40px);
	height: 1px;
	margin: 24px 20px;
	background-color: #eee;
}

.mypage_div .mypage-main .benefit-wrap .swiper-slide {
	width: 210px;
	height: 80px;
}

.mypage_div .mypage-main .benefit-wrap .swiper-slide.attend a {
	background-color: #EDF5FF;
	background-image: url(/res/images/icon/category/stamp.svg);
}

.mypage_div .mypage-main .benefit-wrap .swiper-slide.challenge a {
	background-color: #E3FBF7;
	background-image: url(/res/images/icon/category/challenge.svg);
}

.mypage_div .mypage-main .benefit-wrap .swiper-slide.invite a {
	background-color: #E9FBE3;
	background-image: url(/res/images/icon/category/invite.svg);
}

.mypage_div .mypage-main .benefit-wrap .swiper-slide a {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	padding-left: 78px;
	background-position: 16px 50%;
	background-size: 54px;
}

.mypage_div .mypage-main .benefit-wrap .swiper-slide span {
	display: block;
	color: #333;
}

.mypage_div .mypage-main .benefit-wrap .swiper-slide .term {
	font-size: 13px;
	line-height: 18px;
}

.mypage_div .mypage-main .benefit-wrap .swiper-slide .desc {
	margin-top: 2px;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

.mypage_div .mypage-main .menu-list {
	margin-top: 24px;
	border-top: 10px solid #F7F7F7;
	border-bottom: 1px solid #eee;
}

.mypage_div .mypage-main .menu-list li {
	height: 60px;
}

.mypage_div .mypage-main .menu-list li+li {
	border-top: 1px solid #eee;
}

.mypage_div .mypage-main .menu-list li a {
	display: flex;
	align-items: center;
	gap: 0 9px;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	background: url(/res/images/icon/arrow-right-111.svg) calc(100% - 20px) 50% / 20px;
}

.mypage_div .mypage-main .menu-list li .term {
	color: #111;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.mypage_div .mypage-main .menu-list li .flag {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	padding: 0 12px;
	color: #111;
	font-size: 12px;
	border: 1px solid #B7FCB1;
	border-radius: 12px;
	background-color: #DEFDD4;
}

.mypage_div .mypage-main .menu-list li .flag:before {
	content: '';
	display: block;
	width: 5px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: -4.8px;
	transform: translateY(-50%);
	background: url(/res/images/icon/speech-bubble-left.svg) no-repeat 50% 50% / contain;
}

/* ==================== 주문배송조회 ==================== */
.order_div {
	position: relative;
	padding: 32px 0
}

.order_div .search_area {
	position: relative;
	margin-top: -32px;
	padding: 32px 20px 16px;
	background: #fff;
	z-index: 1
}

.order_div .search_area .input_form input {
	padding: 3px 70px 3px 16px;
	margin-right: 0;
	height: 48px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px
}

.order_div .search_area .input_form input:focus {
	background: #fff !important
}

.order_div .search_area .input_form .search {
	position: absolute;
	top: 9px;
	right: 9px;
	width: 30px;
	height: 30px;
	background: url('/res/images/m_icn_search_40x40.png') no-repeat center;
	background-size: 20px
}

.order_div .search_area .input_form .delete {
	right: 40px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: url('/res/images/m_clear_delete_40x40.png') no-repeat;
	background-size: 20px
}

.order_div .search_area .hide_con {
	display: none;
	position: absolute;
	top: 88px;
	left: 0;
	padding: 0 20px 16px;
	width: 100%;
	background: #fff;
	z-index: 1;
	border-radius: 0 0 20px 20px
}

.order_div .search_area .detail_div {
	margin-top: 8px
}

.order_div .search_area .detail_div:after {
	content: '';
	display: block;
	clear: both
}

.order_div .search_area .detail {
	float: left;
	margin-left: 4px;
	margin-top: 24px;
	width: calc(50% - 2px);
	width: calc(50% - 2px);
}

.order_div .search_area .detail:first-child {
	margin-left: 0;
	width: 100%
}

.order_div .search_area .detail:nth-child(2) {
	margin-left: 0
}

.order_div .search_area .detail>select {
	padding-left: 16px;
}

.order_div .search_area .detail select {
	width: 100%;
	margin-top: 12px;
	border: 1px solid #ddd;
}

.order_div .search_area .detail .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.order_div .search_area .detail .tit:after {
	content: '';
	display: block;
	clear: both
}

.order_div .search_area .detail .tit span {
	float: right;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #bbb
}

.order_div .search_area .detail .btn_div {
	display: flex;
	margin-top: 12px;
}

.order_div .search_area .detail .btn_div a {
	display: block;
	margin-right: 4px;
	padding: 12px 0 10px;
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #bbb;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-align: center
}

.order_div .search_area .detail .btn_div a:last-child {
	margin-right: 0
}

.order_div .search_area .detail .btn_div a.on {
	color: #3cc814;
	border: 1px solid #3cc814
}

.order_div .search_area .detail .select_date {
	display: block;
	position: relative;
	margin-top: 12px;
	background: #f7f7f7;
	border-radius: 4px;
	border: 1px solid #f7f7f7
}

.order_div .search_area .detail .select_date:before {
	content: '~';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 20px;
	font-size: 14px;
	line-height: 46px;
	color: #000;
	text-align: center
}

.order_div .search_area .detail .select_date:after {
	content: '';
	display: block;
	clear: both
}

.order_div .search_area .detail .select_date select {
	float: left;
	height: 48px;
	margin-top: 0;
	margin-left: 44px;
	width: calc(50% - 22px);
	background: url(/res/images/icon/date.svg) no-repeat right 12px top 50%;
	border: none;
}

.order_div .search_area .detail .select_date select:focus {
	outline: 0
}

.order_div .search_area .detail .select_date select:first-child {
	margin-left: 0
}

.order_div .search_area .detail .select_date.on {
	border: 1px solid #3cc814
}

.order_div .search_area .search_btn {
	display: block;
	margin-top: 16px;
	padding: 12px 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 4px
}

.order_div .search_tag {
	display: none;
	position: relative;
	margin: 0 0 16px;
	padding: 0 20px
}

.order_div .search_tag .refresh-btn {
	position: absolute;
	top: 6px;
	right: 20px;
	width: 24px;
	height: 24px;
	background: url('/res/images/icon/refresh-bbb.svg') no-repeat center;
}

.order_div .search_tag:after {
	content: '';
	display: block;
	clear: both
}

.order_div .search_tag>div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	width: calc(100% - 50px);
}

.order_div .search_tag span {
	position: relative;
	padding: 9px 32px 9px 10px;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #eee;
}

.order_div .search_tag span.keywords {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.order_div .search_tag span:last-child {
	margin-right: 0
}

.order_div .search_tag span a {
	position: absolute;
	top: 9px;
	right: 12px;
	width: 16px;
	height: 16px;
	background: url('/res/images/icon/close-555.svg') no-repeat 50% / 16px
}

.order_div .possible_review {
	padding: 0 20px;
	margin-bottom: 18px
}

.order_div .possible_review .chk_box label {
	line-height: 16px;
	padding: 2px 18px 2px 24px;
	font-weight: 500;
}

.order_div .possible_review .chk_box label:after {
	width: 20px;
	height: 20px;
	background-size: cover;
}

.order_div .possible_review .chk_box label span {
	font-weight: 500;
	color: #3cc814
}

.order_div .possible_review .chk_box label .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center;
	background-size: 16px
}

.order_div .possible_review .chk_box label .tooltip_div .tooltip {
	margin-top: 24px;
}

.order_div .order_list_div .list {
	position: relative;
}

.order_div .order_list_div .list:before {
	content: '';
	display: block;
	height: 10px;
	background: #f5f5f5
}

.order_div .order_list_div .list:first-child:before {
	display: none
}

.order_div .order_list_div .list .top {
	padding: 20px;
	border-bottom: 1px solid #eee
}

.order_div .order_list_div .list .top:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_list_div .list .top .date {
	float: left;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.order_div .order_list_div .list .top span {
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.order_div .order_list_div .list .top .detail {
	float: right;
	padding-right: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/m_icn_right_32x32.png') no-repeat right 50%;
	background-size: 16px
}

.order_div .order_list_div .list .bottom {
	padding: 16px 20px;
}

.order_div .order_list_div .list .bottom .product-item-list:not(.gift)+.product-item-list {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

.order_div .order_list_div .list .bottom .product-item-list+.product-item-list.gift {
	margin-top: 0;
}

.order_div .order_list_div .list .bottom .product-item-list .btm .gift {
	height: auto;
	line-height: 20px !important;
	padding: 13px 12px;
}

.order_div .order_list_div .list .bottom .order-gift {
	position: relative;
	margin-top: 33px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.order_div .order_list_div .list .bottom .order-gift:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 16px;
	margin-bottom: 16px;
	background-color: #eee;
	position: absolute;
	top: -34px;
}

.order_div .order_list_div .list .bottom .pd_list_div {
	padding-top: 16px;
}

.order_div .order_list_div .list .bottom .pd_list_div .group {
	position: relative;
	padding: 16px 0;
	border-top: 1px solid #eee
}

.order_div .order_list_div .list .bottom .pd_list_div .group:first-child {
	border-top: none
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list {
	position: relative;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #eee
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .state {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .state span {
	display: inline-block;
	margin-left: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #3cc814
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .state.comp {
	color: #999
}

/* 221017 주문배송조회 내역 삭제 버튼 */
.order_div .order_list_div .list .bottom .pd_list_div .pd_list .close-btn {
	position: absolute;
	top: 12px;
	right: 0;
	display: block;
	width: 24px;
	height: 24px;
	background: url(/res/images/ord-close-btn.png) 50% 50%;
	/* background: url('/res/images/m-icn-24-px-x@2x.png') 50% 50%; */
	background-size: cover;
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list .his_btn {
	display: none
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.history .his_btn {
	display: block;
	position: absolute;
	bottom: 2px;
	left: 112px;
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.history .his_btn:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.history .his_btn a {
	position: relative;
	float: left;
	margin-left: 17px;
	font-size: 14px;
	line-height: 20px;
	color: #777;
	text-decoration: underline
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.history .his_btn a:first-child {
	margin-left: 0
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.history .his_btn a:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -9px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.order_div .order_list_div .list .bottom .pd_list_div .pd_list.history .his_btn a:first-child:before {
	display: none
}

.order_div .order_list_div .list .bottom .pd_list_div .add_box {
	width: 100%;
	/* margin-top: 16px; */
	padding: 14px 12px;
	background: #f9f9f9;
	border-radius: 10px
}

.order_div .order_list_div .list .bottom .pd_list_div .add_box p {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_div .order_list_div .list .bottom .pd_list_div .add_box p b {
	font-weight: 700;
	color: #3cc814
}

.order_div .order_list_div .list .bottom .pd_list_div .add_box+.add_box {
	margin-top: 8px
}

.order_div .order_list_div .list .bottom .pd_list_div .group.comp .delete {
	display: block
}

.order_div .order_list_div .list .bottom .info_btn {
	margin-top: 16px;
	display: flex
}

.order_div .order_list_div .list .bottom .info_btn a {
	display: block;
	margin-right: 4px;
	padding: 12px 0 10px;
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 10px
}

.order_div .order_list_div .list .bottom .info_btn a:last-child {
	margin-right: 0
}

.order_div .order_list_div .list .btn {
	display: none;
	position: absolute;
	top: 26px;
	right: 20px
}

.order_div .order_list_div .list .btn:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_list_div .list .btn a {
	float: left;
	margin-left: 10px;
	font-weight: 400;
	font-size: 13px;
	color: #999;
	border-bottom: 1px solid #999;
}

.order_div .order_list_div .list .btn a:first-child {
	margin-left: 0
}

.order_div .order_list_div .no_data_div {
	padding-top: 24px
}

.order_div .order_list_div .no_data_div .txt2 {
	margin-top: 0;
	font-size: 14px;
	line-height: 20px;
}

.order_div .order_list_div.section {
	margin-top: -20px;
	padding-bottom: 20px;
	/* padding-bottom: 8px */
}

.order_div .order_list_div.section .list .bottom {
	padding: 0 20px 0
}

.order_div .order_list_div.section .list .btn {
	display: block
}

.order_div .order_dimd {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5)
}

.order_mgr_div {
	padding: 32px 0 72px
}

.order_mgr_div.btn {
	padding-bottom: 118px
}

.order_mgr_div .text_top {
	padding-bottom: 16px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #eee
}

.order_mgr_div .text_top+.section {
	margin-top: 0
}

.order_mgr_div .text_top+.section:before {
	display: none
}

.order_mgr_div .text_top+.section .product_info {
	margin-top: 16px
}

.order_mgr_div .section {
	margin-top: 24px
}

.order_mgr_div .section:first-child {
	margin-top: 0
}

.order_mgr_div .section:before {
	content: '';
	display: block;
	height: 10px;
	background: #f5f5f5
}

.order_mgr_div .section:first-child:before {
	display: none
}

.order_mgr_div .section .state_div {
	margin-bottom: 24px;
	padding: 25px 20px 18px;
	background: #f9f9f9
}

.order_mgr_div .section .state_div:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .state_div .state {
	position: relative;
	float: left;
	padding-top: 21px;
	width: 20%;
	text-align: center
}

.order_mgr_div .section .state_div .state:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 50%;
	transform: translateX(-50%);
	width: 9px;
	height: 9px;
	border: 2px solid #ccc;
	background: #f9f9f9;
	border-radius: 100%;
	z-index: 1
}

.order_mgr_div .section .state_div .state:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 50%;
	width: 100%;
	height: 1px;
	background: #ccc
}

.order_mgr_div .section .state_div .state:last-child:after {
	display: none
}

.order_mgr_div .section .state_div .state p {
	display: inline-block;
	padding: 2px 5px;
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: #bbb
}

.order_mgr_div .section .state_div .state span {
	display: block;
	margin-top: 2px;
	font-size: 11px;
	line-height: 14px;
	color: #ccc
}

.order_mgr_div .section .state_div .state.on:before {
	border: 2px solid #3cc814
}

.order_mgr_div .section .state_div .state.on:after {
	background: #3cc814
}

.order_mgr_div .section .state_div .state.on p {
	color: #3cc814
}

.order_mgr_div .section .state_div .state.ing:before {
	top: 0;
	width: 13px;
	height: 13px;
	border: 4px solid #3cc814
}

.order_mgr_div .section .state_div .state.ing p {
	background: #3cc814;
	border-radius: 10px;
	color: #fff
}

.order_mgr_div .section .product_info .list,
.order_mgr_div .section .product_info .product-item-list:not(.gift) {
	padding-top: 16px;
	margin-top: 16px;
	border-top: 1px solid #eee
}

.order_mgr_div .section .product_info .list:first-child,
.order_mgr_div .section .product_info .product-item-list:not(.gift):first-child {
	padding-top: 0;
	margin-top: 0;
	border-top: 0
}

.order_mgr_div .section .product_info .list:last-child,
.order_mgr_div .section .product_info .product-item-list:not(.gift):last-child {
	padding-bottom: 0
}

.order_mgr_div .section .product_info .list .btm .select.gift strong,
.order_mgr_div .section .product_info .product-item-list:not(.gift) .btm .select.gift strong {
	padding-right: 0;
}

.order_mgr_div .section .product_info .order-gift {
	position: relative;
	margin-top: 33px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.order_mgr_div .section .product_info .order-gift:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 16px;
	margin-bottom: 16px;
	background-color: #eee;
	position: absolute;
	top: -34px;
}


.order_mgr_div .section .product_info .list .add_box {
	margin-top: 16px;
	padding: 14px 12px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_mgr_div .section .product_info .list .add_box p {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_mgr_div .section .product_info .list .add_box p b {
	font-weight: 700;
	color: #3cc814
}

.order_mgr_div .section .product_info .dot_indent {
	margin-top: 16px
}

.order_mgr_div .section .icon_noti {
	margin-top: 14px;
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	background: url('/res/images/icon/tooltip-bbb.svg') no-repeat left top;
	background-size: 16px;
}

.order_mgr_div .section .title {
	position: relative;
	padding-top: 24px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.order_mgr_div .section .title:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .title .sub_txt {
	float: right;
	margin-left: 0;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.order_mgr_div .section .title span {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814
}

.order_mgr_div .section .title span b {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top
}

.order_mgr_div .section .title .chg {
	position: absolute;
	top: 24px;
	right: 0;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_mgr_div .section .cont {
	margin-top: 24px
}

.order_mgr_div .section .cont .devide {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee
}

.order_mgr_div .section .cont .devide:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.order_mgr_div .section .cont .price_list {
	margin-top: 12px
}

.order_mgr_div .section .cont .price_list:first-child {
	margin-top: 0
}

.order_mgr_div .section .cont .price_list .line {
	margin-top: 8px;
	padding-left: 12px;
	background: url('/res/images/m_icn_subtext.png') no-repeat left 4px;
	background-size: 10px
}

.order_mgr_div .section .cont .price_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .cont .price_list .line .left {
	float: left;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.order_mgr_div .section .cont .price_list .line .right {
	float: right;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #bbb;
	text-align: right
}

.order_mgr_div .section .cont .price_list .line .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
}

.order_mgr_div .section .cont .price_list .line .right a {
	display: inline-block;
	margin-left: 8px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #3cc814;
	text-decoration: underline
}

.order_mgr_div .section .cont .price_list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.order_mgr_div .section .cont .price_list .line:first-child .left {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.order_mgr_div .section .cont .price_list .line:first-child .right {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.order_mgr_div .section .cont .price_list .line:first-child .right span {
	font-size: 16px
}

.order_mgr_div .section .cont .price_list.final_cost .line .left {
	line-height: 24px
}

.order_mgr_div .section .cont .price_list.final_cost .line .right {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #3cc814
}

.order_mgr_div .section .cont .price_list.final_cost .line .right span {
	font-size: 20px
}

.order_mgr_div .section .cont .devide .dot_indent {
	margin-top: 10px
}

.order_mgr_div .section .cont .text {
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.order_mgr_div .section .cont .text+.box_area {
	margin-top: 16px
}

.order_mgr_div .section .cont .price_list+.box_area {
	margin-top: 24px
}

.order_mgr_div .section .cont .box_area {
	position: relative;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.order_mgr_div .section .cont .box_area:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .cont .box_area p {
	position: relative;
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #111;
	letter-spacing: -0.9px
}

.order_mgr_div .section .cont .box_area p:first-child {
	margin-top: 0
}

.order_mgr_div .section .cont .box_area p b {
	display: inline-block;
	font-weight: 500;
	vertical-align: top
}

.order_mgr_div .section .cont .box_area p strong {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top
}

.order_mgr_div .section .cont .box_area p span {
	position: relative;
	float: left;
	margin-right: 17px;
}

.order_mgr_div .section .cont .box_area p span:after {
	content: '';
	position: absolute;
	right: -9px;
	top: 5px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.order_mgr_div .section .cont .box_area p span:last-child {
	margin-right: 0
}

.order_mgr_div .section .cont .box_area p span:last-child:after {
	display: none
}

.order_mgr_div .section .cont .box_area a {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_mgr_div .section .cont .noti-msg {
	margin-top: 12px;
	padding-left: 18px;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	background: url('/res/images/icon/noti-bbb.svg') no-repeat left top / 16px;
}

.order_mgr_div .section .cont .address_div {
	position: relative;
}

.order_mgr_div .section .cont .address_div .tit {
	display: inline-block;
	position: relative;
	max-width: calc(100% - 130px);
	max-width: -webkit-calc(100% - 130px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_mgr_div .section .cont .address_div .address {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_mgr_div .section .cont .address_div .info {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_mgr_div .section .cont .address_div .info b {
	word-break: break-all
}

.order_mgr_div .section .cont .address_div .comment {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_mgr_div .section .cont .address_div .edit {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_mgr_div .section .cont .addr_btn {
	display: block;
	margin-top: 16px;
	padding: 12px 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	background: #fff;
	border-radius: 10px
}

.order_mgr_div .section .cont .chg_info .list,
.order_mgr_div .section .cont .txt_list .line {
	margin-top: 16px
}

.order_mgr_div .section .cont .chg_info .list:first-child,
.order_mgr_div .section .cont .txt_list .line:first-child {
	margin-top: 0
}

.order_mgr_div .section .cont .chg_info .list:after,
.order_mgr_div .section .cont .txt_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .cont .chg_info .list .left,
.order_mgr_div .section .cont .txt_list .line .left {
	float: left;
	width: 80px;
	font-size: 14px;
	line-height: 20px;
	color: #111
}

.order_mgr_div .section .cont .chg_info .list .right,
.order_mgr_div .section .cont .txt_list .line .right {
	float: left;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #111
}

.order_mgr_div .section .cont .chg_info .list .right .upload_img {
	margin-top: 16px
}

.order_mgr_div .section .cont .chg_info .list .right .upload_img:after {
	content: '';
	display: block;
	clear: both
}

.order_mgr_div .section .cont .chg_info .list .right .upload_img p {
	float: left;
	margin-left: 6px;
	width: 60px;
	height: 60px;
}

.order_mgr_div .section .cont .chg_info .list .right .upload_img p:first-child {
	margin-left: 0
}

.order_mgr_div .section .cont .dot_indent {
	margin-top: 12px
}

.order_mgr_div .section .dot_indent:first-child {
	margin-top: 24px
}

.order_mgr_div .section .dot_indent p {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
}

.order_mgr_div .section .dot_indent p:before {
	top: 9px;
}

.order_mgr_div .section .dot_indent p:first-child {
	margin-top: 0
}

.order_mgr_div.rtn .section .state_div .state {
	position: relative;
	float: left;
	padding-top: 21px;
	width: 25%;
	text-align: center
}

.order_mgr_div.cnl .section .product_info .pd_info {
	float: left;
	padding: 6px 0 0 12px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% -100px)
}

.order_mgr_div.cnl .section .product_info .pd_info .buy_info {
	margin-top: 8px
}

/* ==================== 리뷰 ==================== */
.mypage_review .review_div .review_list {
	padding-top: 0;
}

.mypage_review .noti_div {
	padding: 32px 20px 24px 20px;
	border-bottom: 10px solid #f7f7f7;
}

.mypage_review .review_div .review_list .list_div .list:first-child {
	border-top: none;
}

.mypage_review.wrtable_div .review_div .review_list .list_div .list .top .desc {
	vertical-align: top
}

.mypage_review.wrtable_div .review_div .review_list .list_div .list .top .desc .product {
	margin-top: 0
}

.mypage_review.wrtable_div .review_div .review_list .list_div .list .top .desc .present_case+.product {
	-webkit-line-clamp: 2;
	max-height: 40px;
	min-height: auto;
}

.mypage_review .review_div .review_list .list_div .list .top .desc .present_case+.product {
	-webkit-line-clamp: 1;
	max-height: 20px;
	min-height: auto;
}

.mypage_review .review_div .review_list .list_div .list .present_case {
	margin-bottom: 4px;
	padding-left: 24px;
	height: 20px;
	background: url("/res/images/m_icn_present.png") left center no-repeat;
	background-size: 20px;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.5px;
	color: #000
}

.mypage_review .review_div .review_list .list_div .list .present_case span {
	font-weight: 500;
}

.mypage_review .review_div .review_list .list_div .list .D-day {
	font-size: 13px;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #999;
	margin-top: 8px;
}

.mypage_review .review_div .review_list .list_div .list .wrt_btn {
	display: block;
	width: 90px;
	height: 28px;
	border: 1px solid #bbb;
	font-size: 13px;
	color: #999;
	line-height: 26px;
	font-weight: 500;
	border-radius: 5px;
	text-align: center;
	margin-top: 10px;
}

.mypage_review .review_div .review_list .no_data_div {
	padding-top: 48px;
}

.mypage_review .review_div .review_list .list_div .list .top .desc .star_div {
	margin-bottom: 9px;
}

.mypage_review .review_div .review_list .list_div .list .top .desc .info .date {
	margin-left: 0
}

.mypage_review .tooltip_div {
	display: block;
}

/* ==================== 1:1문의 ==================== */
/* ==================== 상품Q&A ==================== */
.mypage_qna .data_div {
	margin-top: 8px;
}

.mypage_qna .qna_div .qna_list_div .product-item-list.qna {
	padding: 0 20px;
}

.mypage_qna .data_div .edit-delete-btn-wrap {
	z-index: 1;
}

.mypage_qna .qna_div .qna_list_div .list .top {
	display: table;
	padding: 24px 0 24px 20px;
	width: 100%;
}

.mypage_qna .qna_div .qna_list_div .list .top .left.thumb {
	position: relative;
	display: table-cell;
	padding: 4px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	background: #f7f7f7;
	border-radius: 10px;
	text-align: center;
}

.mypage_qna .qna_div .qna_list_div .list .top .left.thumb img {
	width: 100%;
}

.mypage_qna .qna_div .qna_list_div .list .open.right {
	display: table-cell;
	vertical-align: middle;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	padding: 0 52px 0 14px;
	background: url('/res/images/icon/arrow-down-111.svg') no-repeat right 20px top 50%;
	background-size: 20px;
}

.mypage_qna .qna_div .qna_list_div .list.on .open {
	background: url('/res/images/icon/arrow-up-111.svg') no-repeat right 20px top 50%;
	background-size: 20px;
}

.mypage_qna .qna_div .qna_list_div .list .open .product {
	font-size: 14px;
	line-height: 18px;
	padding-top: 2px;
	color: #555;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	max-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mypage_qna .qna_div .qna_list_div .list .open .tit {
	margin-top: 8px;
}

.mypage_qna .qna_div .qna_list_div .list .close {
	position: relative;
	display: none;
	padding: 0 20px 24px 20px;
}

.mypage_qna .wrt_tooltip.tooltip_div {
	display: block;
}

.mypage_qna .qna-answer table {
	word-break: break-all;
	background: #fff !important;
}

/* ==================== 최근 본 상품, 찜 리스트 ==================== */
.wish_div {
	padding: 24px 0 56px
}

.wish_div .pd_view_list .list_div {
	margin-top: 0;
}

.wish_div .dot_indent {
	padding: 0 20px 16px;
	border-bottom: 1px solid #eee
}

.wish_div .dot_indent p {
	padding-left: 0;
	color: #999;
}

.wish_div .dot_indent p:before {
	display: none;
}

.seen_div {
	padding: 32px 0
}

.seen_div .dot_indent {
	padding: 0 20px 16px;
	border-bottom: 1px solid #eee
}

.seen_div .dot_indent p {
	padding-left: 0;
	color: #999;
}

.seen_div .dot_indent p:before {
	display: none;
}

.seen_div .pd_view_list .list_div {
	margin-top: 0;
}

.pd_view_list .top {
	position: relative;
	padding: 16px 20px
}

.pd_view_list .top:after {
	content: '';
	display: block;
	clear: both
}

.pd_view_list .top .chk_box {
	float: left
}

.pd_view_list .top .chk_box label {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

/* .pd_view_list .top .chk_box label b {
	font-weight: 700
} */

.pd_view_list .top .delete {
	float: right;
	color: #999;
	font-size: 13px;
	line-height: 19px;
	text-decoration: underline;
}

.pd_view_list .list_div {
	padding: 0 20px;
	margin-top: 8px
}

.pd_view_list .list_div .list,
.pd_view_list .list_div .product-item-list {
	position: relative;
	padding: 16px 0;
	border-top: 1px solid #eee
}

.pd_view_list .list_div .list:first-child,
.pd_view_list .list_div .product-item-list:first-child {
	border-top: none
}

.pd_view_list .list_div .list:after {
	content: '';
	display: block;
	clear: both
}

.pd_view_list .list_div .list .chk_box {
	float: left;
	width: 24px
}

.pd_view_list .list_div .list .chk_box input[type="checkbox"]+label {
	padding: 50px 12px
}

.pd_view_list .list_div .list .chk_box input[type="checkbox"]+label:after {
	top: 36px
}

.pd_view_list .list_div .list .delete {
	position: absolute;
	top: 12px;
	right: -5px;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_icn_close_48x48.png') no-repeat center;
	background-size: 24px
}

.pd_view_list .list_div .list .heart {
	position: absolute;
	top: 80px;
	left: 64px;
	width: 32px;
	height: 32px;
	background: url('/res/images/m_icn_heart_64x64.png') no-repeat center;
	background-size: 32px
}

.pd_view_list .list_div .list .heart.on {
	background: url('/res/images/m_icn_heart_64x64_on.png') no-repeat center;
	background-size: 32px
}

.pd_view_list .list_div .list .heart p {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px
}

.pd_view_list .list_div .list .heart.ing p:nth-child(1) {
	display: block
}

.pd_view_list .list_div .list .heart.ing p:nth-child(2) {
	display: none
}

.pd_view_list .list_div .list .heart.off p:nth-child(1) {
	display: none
}

.pd_view_list .list_div .list .heart.off p:nth-child(2) {
	display: block
}

.pd_view_list .list_div .list .heart p img {
	width: 100%
}

/* .pd_view_list .list_div .list .cart_btn {
	position: absolute;
	bottom: 12px;
	right: -5px;
	width: 34px;
	height: 34px;
	background: url('/res/images/m_icn_cart.png') no-repeat center;
	background-size: 24px
} */

.pd_view_list .list_div .list .alarm {
	display: none;
	position: absolute;
	bottom: 16px;
	left: 112px;
	padding: 4px 8px;
	border: 1px solid #3cc814;
	border-radius: 5px
}

.pd_view_list .list_div .list .alarm span {
	padding-left: 20px;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #3cc814;
	background: url('/res/images/m_icn_alarm_40x40.png') no-repeat left center;
	background-size: 20px
}

.pd_view_list .list_div .list .alarm.on {
	background: #ddd;
	border: 1px solid #ddd;
	pointer-events: none
}

.pd_view_list .list_div .list .alarm.on span {
	color: #fff;
	background: url('/res/images/m_icn_alarm_wht_40x40.png') no-repeat left center;
	background-size: 20px
}

.pd_view_list .list_div .list.soldout .thumb:before {
	content: '일시품절';
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 22px 24px;
	width: 80px;
	height: 80px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	word-break: break-all;
	background: rgba(8, 8, 8, 0.5);
	border-radius: 100%
}

.pd_view_list .list_div .list.soldout .heart {
	display: block
}

/* .pd_view_list .list_div .list.soldout .cart_btn {
	display: none
} */

.pd_view_list .list_div .list.soldout .alarm {
	display: block
}

.pd_view_list .top+.list_div {
	border-top: 1px solid #eee
}

.pd_view_list .top+.list_div .list .heart {
	left: 98px
}

.pd_view_list .top+.list_div .list .alarm {
	left: 146px;
}

.pd_view_list .more {
	display: block;
	margin: 24px auto 0;
	padding: 13px 0;
	width: 256px;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 24px
}

.pd_view_list .more span {
	display: inline-block;
	padding-right: 18px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/m_icn_down_32x32.png') no-repeat right center;
	background-size: 16px
}

.pd_view_list .no_data_div {
	margin-top: 48px
}

/* ==================== 적립금 ==================== */
/* 적립금 */
.point_div {
	padding-top: 24px;
	padding-bottom: 72px;
}

.point_div .top {
	padding-bottom: 24px;
}

.point_div .top .summary {
	width: 100%;
	border-radius: 4px;
	background: #F2FFF0;
	padding: 20px;
}

.point_div .top .summary .top-cnt {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.point_div .top .summary .term,
.point_div .top .summary .desc {
	color: #111;
}

.point_div .top .summary .top-cnt .term {
	display: flex;
	align-items: center;
	gap: 0 2px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.point_div .top .summary .top-cnt .term .tooltip_div {
	width: 16px;
	height: 16px;
	background: url(/res/images/icon/tooltip-bbb.svg) no-repeat 50% / 16px;
}

.point_div .top .summary .top-cnt .desc {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.point_div .top .summary .top-cnt .desc strong {
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.point_div .top .summary ul {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

.point_div .top .summary ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.point_div .top .summary ul li+li {
	margin-top: 2px;
}

.point_div .top .summary ul li .term {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
}

.point_div .top .summary ul li .desc {
	font-weight: 500;
	font-size: 12px;
	line-height: 16px;
}

.point_div .top .summary ul li .desc strong {
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
}

.point_div .top .date_filter {
	margin-top: 20px;
}

.point_div .top .date_filter .select_date {
	display: block;
	position: relative;
	background: #F9F9F9;
	border-radius: 4px;
	border: 1px solid #F9F9F9
}

.point_div .top .date_filter .select_date:before {
	content: '~';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 20px;
	font-size: 14px;
	line-height: 46px;
	color: #111;
	text-align: center
}

.point_div .top .date_filter .select_date:after {
	content: '';
	display: block;
	clear: both
}

.point_div .top .date_filter .select_date select {
	float: left;
	margin-left: 20px;
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
	height: 46px;
	background: url('/res/images/icon/date.svg') no-repeat right 14px top 50%;
}

.point_div .top .date_filter .select_date select:focus {
	outline: 0
}

.point_div .top .date_filter .select_date select:first-child {
	margin-left: 0
}

.point_div .top .date_filter .select_date.on {
	border: 1px solid #3cc814
}

.point_div .top .btn {
	margin-top: 12px;
}

.point_div .top .btn a {
	height: 48px;
}

.point_div .top .inner>.dot_indent {
	margin-top: 12px;
}

.point_div .top .inner>.dot_indent p {
	padding-left: 18px;
	color: #999;
	background: url('/res/images/icon/noti-bbb.svg') no-repeat 0 50% / 16px;
}

.point_div .top .inner>.dot_indent p:before {
	display: none;
}

.point_div .point_list_div {
	border-top: 10px solid #f9f9f9;
}

.point_div .point_list_div .sorting_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
	padding: 6px 20px;
}

/* .point_div .point_list_div .sorting_div:after {
	content: '';
	display: block;
	clear: both;
} */

.point_div .point_list_div .sorting_div .chk_div label {
	font-size: 14px;
	font-weight: 500;
}

.point_div .point_list_div .sorting_div select {
	float: right;
	padding: 0 22px 0 12px;
	background-position: 100% 50%;
}

.point_div .point_list_div .list_div .list {
	padding: 24px 125px 24px 20px;
	border-bottom: 1px solid #eee;
	width: 100%;
	position: relative;
}

.point_div .point_list_div .list_div .list .left .date {
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.point_div .point_list_div .list_div .list .left .desc {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	margin-top: 8px;
	display: block
}

.point_div .point_list_div .list_div .list .left .info {
	display: inline-block;
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
	color: #777;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.point_div .point_list_div .list_div .list .left a.info {
	padding-right: 16px;
	background: url("/res/images/icon/arrow-right-111.svg") bottom right / 16px;
}

.point_div .point_list_div .list_div .list .left a.info .name {
	display: block;
	margin-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.point_div .point_list_div .list_div .list .right {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	text-align: right;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.point_div .point_list_div .list_div .list .right span {
	font-size: 14px;
}

.point_div .point_list_div .list_div .list .left .due_date {
	padding-left: 20px;
	margin-top: 14px;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #777;
	background: url('/res/images/icon/clock-999.svg') no-repeat left center;
}

.point_div .point_list_div .list_div .list.plus .right {
	color: #3cc814
}

.point_div .point_list_div .list_div .list.minus .right {
	color: #000;
}

.point_div .point_list_div .list_div .list .right .flag {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-bottom: 4px;
	width: 38px;
	height: 16px;
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	background-color: #F2FFF0;
	border: 1px solid #DEFDD4;
}

.point_div .point_list_div .no_data_div {
	margin-top: 50px;
}

/* ==================== 쿠폰 ==================== */
/* 쿠폰 */
.coupon_div {
	padding-top: 24px
}

.coupon_div .top {
	padding: 0 20px 24px;
	border-bottom: 10px solid #f7f7f7
}

.coupon_div .top .go_link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	margin-top: 16px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.coupon_div .top .input_form .input_area .btn {
	min-width: 112px
}

.coupon_div .top .input_form .clear_has.has_btn .delete {
	right: 124px
}

.coupon_div .cpn_list_div {
	position: relative;
	padding: 12px 20px 0;
}

.coupon_div .cpn_list_div .tit {
	padding: 14px 0 12px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	font-weight: 500;
}

.coupon_div .cpn_list_div .tit span {
	color: #3cc814
}

.coupon_div .cpn_list_div .sorting_div {
	position: absolute;
	top: 12px;
	right: 20px;
}

.coupon_div .cpn_list_div .sorting_div select {
	float: right;
	padding: 0 24px 0 12px;
	background: url('/res/images/icon/arrow-down-111.svg') no-repeat right center #fff;
	background-size: 20px;
}

.coupon_div .data_div {
	margin-top: 24px;
}

.coupon_div .data_div .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.coupon_div .data_div .head:after {
	display: none !important;
}

.coupon_div .data_div .head select {
	height: 24px;
	padding-right: 22px;
	font-size: 14px;
	font-weight: 500;
	background-color: transparent;
	background-position: right 0 top 50%;
}

.coupon_div .cpn_com_list {
	position: relative;
	padding: 20px 20px 0;
}

/* .coupon_div .cpn_list_div .list_div {
	margin-top: 12px
}


.coupon_div .cpn_list_div .list {
	display: table;
	position: relative;
	margin-top: 16px;
	width: 100%;
	border-radius: 10px;
	border: 1px solid #ccc;
}

.coupon_div .cpn_list_div .list:first-child {
	margin-top: 0
}

.coupon_div .cpn_list_div .list:after {
	content: '';
	display: block;
	clear: both;
}

.coupon_div .cpn_list_div .list .left {
	position: relative;
	padding: 21px;
	height: 100%
}

.coupon_div .cpn_list_div .list .left:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -1px;
	width: 8px;
	height: 20px;
	margin-top: -10px;
	background: url('/res/images/m_coupon_left.png') no-repeat;
	background-size: 8px 20px
}

.coupon_div .cpn_list_div .list .left:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -1px;
	width: 8px;
	height: 20px;
	margin-top: -10px;
	background: url('/res/images/m_coupon_right.png') no-repeat;
	background-size: 8px 20px
}

.coupon_div .cpn_list_div .list .dc_info .discount {
	display: inline-block;
	font-size: 24px;
	line-height: 28px;
	color: #ff3894;
	font-weight: 700;
}

.coupon_div .cpn_list_div .list .dc_info .discount b {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	vertical-align: baseline
}

.coupon_div .cpn_list_div .list .dc_info .due_date {
	position: absolute;
	bottom: 24px;
	left: 24px;
	font-size: 12px;
	line-height: 18px;
	padding-left: 20px;
	color: #777;
	background: url("/res/images/m_icn_time_32.png") left center no-repeat;
	background-size: 16px;
}

.coupon_div .cpn_list_div .list .object {
	margin-top: 6px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #333;
	word-break: break-all
}

.coupon_div .cpn_list_div .list .object span {
	display: inline-block;
	margin-right: 2px;
	font-weight: 700;
	color: #ff3894
}

.coupon_div .cpn_list_div .list .use_pd {
	display: inline-block;
	margin-top: 8px;
	padding-right: 16px;
	font-size: 12px;
	line-height: 16px;
	color: #777;
	background: url('/res/images/m_icn_right_777_32x32.png') no-repeat right center;
	background-size: 16px
}

.coupon_div .cpn_list_div .list .conditional {
	margin-top: 16px
}

.coupon_div .cpn_list_div .list .conditional p {
	position: relative;
	margin-top: 2px;
	padding-left: 8px;
	font-size: 11px;
	line-height: 16px;
	color: #777
}

.coupon_div .cpn_list_div .list .conditional p:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #bbb;
	border-radius: 100%
}

.coupon_div .cpn_list_div .list .conditional p:first-child {
	margin-top: 0
}

.coupon_div .cpn_list_div .list .badge {
	position: absolute;
	top: 23px;
	right: 21px
}

.coupon_div .cpn_list_div .list .badge:after {
	content: '';
	display: block;
	clear: both
}

.coupon_div .cpn_list_div .list .badge span {
	float: left;
	margin-left: 4px;
	padding: 4px 8px;
	font-size: 11px;
	line-height: 16px;
	color: #ff3894;
	background: rgba(255, 56, 148, 0.1);
	border-radius: 12px
}

.coupon_div .cpn_list_div .list .download {
	display: block;
	margin-top: 10px;
	padding: 11px 10px;
	border: 1px solid #777;
	border-radius: 5px;
	text-align: center
}

.coupon_div .cpn_list_div .list .download span {
	display: inline-block;
	padding-right: 20px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	background: url('/res/images/m_cpn_down.png') no-repeat right center;
	background-size: 16px
} */

.coupon_div .no_data_div {
	margin-top: 48px;
}

.coupon_div .cpn_download .no_data_div {
	margin-top: 16px;
}

/* ==================== 친구 초대 ==================== */
.mypage_invite_div {
	padding-top: 16px;
}

.mypage_invite_div .top .banner {
	width: 100%;
	border-radius: 15px;
	overflow: hidden
}

.mypage_invite_div .top .tit {
	font-size: 16px;
	line-height: 22px;
	color: #333;
	text-align: center;
	padding-top: 32px;
}

.mypage_invite_div .top .tit span {
	font-weight: 700;
}

.mypage_invite_div .step_div {
	padding: 24px 0;
}

.mypage_invite_div .step_div .list {
	border-bottom: 1px solid #eee;
	padding: 24px 12px 24px 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.mypage_invite_div .step_div .list:last-child {
	border-bottom: none
}

.mypage_invite_div .step_div .list .left {
	display: table-cell;
	width: 68px;
	vertical-align: middle;
}

.mypage_invite_div .step_div .list .left .icn {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	padding: 14px;
	background: #f7f7f7;
}

.mypage_invite_div .step_div .list .left .icn img {
	width: 100%;
}

.mypage_invite_div .step_div .list .dtl {
	display: table-cell;
	padding-left: 12px;
	vertical-align: middle;
}

.mypage_invite_div .step_div .list .dtl .step {
	margin-bottom: 4px;
	font-size: 15px;
	line-height: 22px;
	color: #3cc814;
	font-weight: 700;
}

.mypage_invite_div .step_div .list .dtl .desc {
	font-size: 14px;
	line-height: 20px;
	color: #555;
}

.mypage_invite_div .share_div .tit {
	padding: 12px 0 24px;
	font-size: 16px;
	line-height: 22px;
	color: #333;
	font-weight: 700;
	text-align: center;
}

.mypage_invite_div .share_div .cord_box {
	padding: 28px 0;
	width: 100%;
	text-align: center;
	background: #f7f7f7;
	border-radius: 10px;
	margin-bottom: 24px;
}

.mypage_invite_div .share_div .cord_box .desc {
	font-size: 16px;
	line-height: 22px;
	color: #333;
}

.mypage_invite_div .share_div .cord_box .cord {
	font-size: 26px;
	font-weight: 500;
	color: #333;
	margin-top: 12px;
	letter-spacing: -1px
}

.mypage_invite_div .share_div .btn a img {
	width: 32px;
	height: 32px;
	margin-right: 6px;
}

.mypage_invite_div .share_div .btn .copy {
	line-height: 32px;
	padding: 10px 0;
	font-size: 14px;
	font-weight: 500;
}

.mypage_invite_div .share_div .btn .kakao {
	margin-top: 8px;
	line-height: 32px;
	padding: 10px 0;
	border: 1px solid #ffe500;
	background: #ffe500;
	border-radius: 10px;
	display: block;
	width: 100%;
	font-size: 14px;
	color: #000;
	font-weight: 500;
}

.mypage_invite_div .etc_div {
	padding-top: 24px;
	background: #f7f7f7;
}

.mypage_invite_div .etc_div .tit {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 18px;
	color: #333;
}

/* ==================== 회원정보 관리 ==================== */
.myinfo_div {
	padding: 32px 0
}

.myinfo_div .accor_div .list:before {
	content: '';
	display: block;
	height: 10px;
	background: #f5f5f5
}

.myinfo_div .accor_div .list:first-child:before {
	display: none
}

.myinfo_div .accor_div .list .top {
	position: relative;
	padding: 20px 54px 20px 20px;
	border-bottom: 1px solid #eee
}

.myinfo_div .accor_div .list .top:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .accor_div .list .top .tit {
	float: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.myinfo_div .accor_div .list .top .chk_box label {
	font-weight: 500;
	font-size: 16px
}

.myinfo_div .accor_div .list .top .open {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 30px;
	height: 30px;
	background: url('/res/images/m_icn_down_40x40.png') no-repeat center;
	background-size: 20px;
}

.myinfo_div .accor_div .list .close {
	padding: 24px 20px
}

.myinfo_div .accor_div .list .close .input_form .tit {
	font-size: 14px;
	line-height: 20px
}

.myinfo_div .accor_div .list .close .txt_div .line {
	margin-top: 16px
}

.myinfo_div .accor_div .list .close .txt_div .line:first-child {
	margin-top: 0
}

.myinfo_div .accor_div .list .close .txt_div .line:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .accor_div .list .close .txt_div .line .left {
	float: left;
	width: 92px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.myinfo_div .accor_div .list .close .txt_div .line .right {
	position: relative;
	float: left;
	padding-right: 34px;
	width: calc(100% - 92px);
	width: -webkit-calc(100% - 92px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: left;
	word-break: break-all
}

.myinfo_div .accor_div .list .close .txt_div .line .right b {
	font-weight: 500;
	margin-right: 5px
}

.myinfo_div .accor_div .list .close .txt_div .line .right b a {
	pointer-events: none
}

.myinfo_div .accor_div .list .close .txt_div .line .right b:last-child {
	margin-right: 0
}

.myinfo_div .accor_div .list .close .txt_div .line .right span {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 16px;
	color: #999;
	white-space: nowrap
}

.myinfo_div .accor_div .list .close .txt_div .line .right>a {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.myinfo_div .accor_div .list .close .txt_div .line .right>a.save {
	display: none
}

.myinfo_div .accor_div .list .close .txt_div .line .right>a.cancel {
	display: none;
	right: 36px
}

.myinfo_div .accor_div .list .close .txt_div .line .edit_div {
	display: none;
	float: left;
	margin: 16px 0 2px;
	width: 100%
}

.myinfo_div .accor_div .list .close .txt_div .line .edit_div .input_form {
	margin-top: 8px
}

.myinfo_div .accor_div .list .close .txt_div .line .edit_div .input_form:first-child {
	margin-top: 0
}

.myinfo_div .accor_div .list .close .txt_div .line.on .right .edit {
	display: none
}

.myinfo_div .accor_div .list .close .txt_div .line.on .right .cancel {
	display: block
}

.myinfo_div .accor_div .list .close .txt_div .line.on .right .save {
	display: block
}

.myinfo_div .accor_div .list .close .banner {
	margin-bottom: 24px
}

.myinfo_div .accor_div .list .close .banner img {
	width: 100%;
	border-radius: 10px
}

.myinfo_div .accor_div .list .close .chk_div {
	position: relative;
	margin-top: 16px;
	padding-right: 30px;
}

.myinfo_div .accor_div .list .close .chk_div:first-child {
	margin-top: 0
}

.myinfo_div .accor_div .list .close .chk_div .view {
	position: absolute;
	top: 2px;
	right: 0;
	font-size: 13px;
	line-height: 20px;
	color: #999;
	text-decoration: underline
}

.myinfo_div .accor_div .list .close .sub_chk {
	margin-top: 16px;
	padding-left: 40px
}

.myinfo_div .accor_div .list .close .sub_chk .chk_box {
	margin-right: 20px
}

.myinfo_div .accor_div .list .close .sub_chk .chk_box label {
	padding-left: 24px
}

.myinfo_div .accor_div .list .close .sub_chk .chk_box label:after {
	top: 4px;
	width: 16px;
	height: 16px;
	background: url('/res/images/m_chk_icon_32x32.png') no-repeat;
	background-size: 16px
}

.myinfo_div .accor_div .list .close .sub_chk .chk_box.on label:after {
	background: url('/res/images/m_chk_icon_32x32_on.png') no-repeat;
	background-size: 16px
}

.myinfo_div .accor_div .list .close .sub_chk .chk_box input[type="checkbox"]:disabled[disabled]+label:after {
	background: url('/res/images/m_chk_icon_32x32.png') no-repeat;
	background-size: 16px
}

.myinfo_div .accor_div .list .close .chk_txt {
	margin-top: 6px;
	padding-left: 30px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.myinfo_div .accor_div .list.on .top .open {
	background: url('/res/images/icon/arrow-up-111.svg') no-repeat center;
	background-size: 20px
}

.myinfo_div .accor_div .list.on .close {
	display: block
}

.myinfo_div .accor_div .link:before {
	content: '';
	display: block;
	height: 10px;
	background: #f5f5f5
}

.myinfo_div .accor_div .link .top {
	display: block;
	position: relative;
	padding: 20px 54px 20px 20px;
	border-bottom: 1px solid #eee;
	background: url('/res/images/m_icn_right_40x40.png') no-repeat right 20px top 50%;
	background-size: 20px
}

.myinfo_div .accor_div .link .top:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .accor_div .link .top .tit {
	float: left;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

/* 221006 회원정보관리 레이아웃 */
.myinfo_div .accor_div .list .tops {
	padding: 0 20px;
}

.myinfo_div .accor_div .list .tops .tit {
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: -0.2px;
	color: #000;
}

.myinfo_div .accor_div .list:not(:first-child) .tops {
	padding-top: 24px;
}

.myinfo_div .top_noti {
	padding-bottom: 16px;
	margin: 0 auto 24px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #eee
}

.myinfo_div .newPwd_if+.btn_type {
	margin-top: 32px !important;
}

.myinfo_div .newPwd_if+.btn_type a {
	height: 48px;
	line-height: 48px;
	padding: 0;
	font-size: 14px;
}

.myinfo_div .sns_div a {
	display: block;
	margin-top: 8px;
	padding: 16px 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	border-radius: 4px
}

.myinfo_div .accor_div .list .close .already_div .input_form {
	position: relative
}

.myinfo_div .accor_div .list .close .already_div .input_form .txt_btn {
	position: absolute;
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color: #3cc814;
	text-decoration: underline;
	top: 0;
	right: 0
}

.myinfo_div .accor_div .list .close .birth_area {
	width: 100%;
	background: #f7f7f7;
	border-radius: 10px
}

.myinfo_div .accor_div .list .close .birth_area:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .accor_div .list .close .birth_area input {
	float: left;
	padding: 0;
	margin-right: 0;
	width: 33.33%;
	background: none;
	text-align: center;
	text-align-last: center;
	-ms-text-align-last: center;
	-moz-text-align-last: center
}

.myinfo_div .accor_div .list .close .birth_area input:focus {
	outline: 0;
	border: none
}

.myinfo_div .accor_div .list .close .complete_form {
	margin-top: 16px
}

.myinfo_div .accor_div .list .close .complete_form:first-child {
	margin-top: 0
}

.myinfo_div .accor_div .list .close .complete_form .line:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .accor_div .list .close .complete_form .line .left {
	float: left;
	width: 92px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.myinfo_div .accor_div .list .close .complete_form .line .right {
	position: relative;
	float: left;
	padding-right: 34px;
	width: calc(100% - 92px);
	width: -webkit-calc(100% - 92px);
	text-align: left
}

.myinfo_div .accor_div .list .close .complete_form .line .right b {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.myinfo_div .accor_div .list .close .complete_form .line .right span {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.myinfo_div .accor_div .list .close .complete_form .line .right strong {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.myinfo_div .accor_div .list .close .complete_form .line .right a {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.myinfo_div .accor_div .list .close .complete_form .line .right a.save {
	display: none
}

.myinfo_div .accor_div .list .close .complete_form .line .right a.cancel {
	display: none;
	right: 36px
}

.myinfo_div .accor_div .list .close .complete_form .line .edit_div {
	display: none;
	float: left;
	margin: 16px 0 8px;
	width: 100%
}

.myinfo_div .accor_div .list .close .complete_form .line .edit_div .input_form {
	margin-top: 8px
}

.myinfo_div .accor_div .list .close .complete_form .line .edit_div .input_form:first-child {
	margin-top: 0
}

.myinfo_div .accor_div .list .close .complete_form .line.on .right .edit {
	display: none
}

.myinfo_div .accor_div .list .close .complete_form .line.on .right .cancel {
	display: block
}

.myinfo_div .accor_div .list .close .complete_form .line.on .right .save {
	display: block
}

.myinfo_div .accor_div .list .close .add_btn {
	display: block;
	margin-top: 32px;
	padding: 11px 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border: 1px solid #3cc814;
	border-radius: 10px
}

.myinfo_div .accor_div .list .close .line.mrk_agree {
	font-size: 13px;
	line-height: 20px;
	color: #000;
	margin-top: 26px;
}

.myinfo_div .accor_div .list .close .line.mrk_agree+.sub_chk {
	padding-left: 0
}

.myinfo_div .accor_div .list .close .sns_linkage .line {
	margin-top: 20px
}

.myinfo_div .accor_div .list .close .sns_linkage .line:first-child {
	margin-top: 0
}

.myinfo_div .accor_div .list .close .sns_linkage .line:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .accor_div .list .close .sns_linkage .line .left {
	float: left;
	padding-right: 20px;
	width: calc(100% - 54px);
	width: -webkit-calc(100% - 54px);
	font-size: 14px;
	line-height: 30px;
	color: #000
}

.myinfo_div .accor_div .list .close .sns_linkage .line .left span {
	display: none;
	margin-left: 6px;
	font-size: 13px;
	line-height: 30px;
	color: #bbb
}

.myinfo_div .accor_div .list .close .sns_linkage .line .right {
	position: relative;
	float: right;
	width: 54px;
	height: 30px;
	background: #ddd;
	border-radius: 15px
}

.myinfo_div .accor_div .list .close .sns_linkage .line .right span {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 22px;
	height: 22px;
	background: #fff;
	border-radius: 100%;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
	transition: left 0.2s linear
}

.myinfo_div .accor_div .list .close .sns_linkage .line.on .left span {
	display: inline-block;
	vertical-align: top
}

.myinfo_div .accor_div .list .close .sns_linkage .line.on .right {
	background: #3cc814
}

.myinfo_div .accor_div .list .close .sns_linkage .line.on .right span {
	left: 28px
}

.myinfo_div .sns_div a:first-child {
	margin-top: 0
}

.myinfo_div .sns_div a.naver {
	color: #fff;
	background: url('/res/images/m_sns_naver.png') no-repeat 10px center #03cf5d;
	background-size: 48px
}

.myinfo_div .sns_div a.kakao {
	color: #000;
	background: url('/res/images/m_sns_kakao.png') no-repeat 10px center #ffeb00;
	background-size: 48px
}

.myinfo_div .sns_div a.facebook {
	color: #fff;
	background: url('/res/images/m_sns_facebook.png') no-repeat 10px center #1877f2;
	background-size: 48px
}

.myinfo_div .sns_div a.apple {
	color: #fff;
	background: url('/res/images/m_sns_apple.png') no-repeat 10px center #1d1d1d;
	background-size: 48px
}

.myinfo_div .memout_div {
	padding-top: 24px;
	text-align: center;
	border-top: 10px solid #F5F5F5;
}

.myinfo_div .memout_btn {
	display: inline-block;
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.myinfo_div .memout_btn span {
	padding-right: 22px;
	background: url("/res/images/icon/arrow-right-111.svg") center right / 20px;
}

.myinfo_div .reason_div .tit {
	color: #111;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.myinfo_div .reason_div select {
	border: 1px solid #ddd;
}

/* 비밀번호 입력 페이지 */
/* 회원 탈퇴 */
.myinfo_div .reason_div:before {
	content: '';
	display: block;
	height: 10px;
	background: #f5f5f5
}

.myinfo_div .reason_div .input_form {
	margin-top: 26px
}

.myinfo_div .reason_div .btn {
	display: block;
	margin-top: 32px
}

.myinfo_div .accor_div .out_info .line {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee
}

.myinfo_div .accor_div .out_info .line:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.myinfo_div .accor_div .out_info .line .tit {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.myinfo_div .accor_div .out_info .line table+.dot_indent {
	margin-top: 10px
}

.myinfo_div .accor_div .out_info .line .dot_indent {
	margin-top: 6px
}

.myinfo_div .accor_div .out_info .line .dot_indent p {
	margin-top: 10px;
	color: #555
}

.myinfo_div .accor_div .out_info .line .dot_indent p:first-child {
	margin-top: 0
}

.myinfo_div .accor_div .out_info .line table {
	position: relative;
	margin-top: 10px;
}

.myinfo_div .accor_div .out_info .line table:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #555;
}

.myinfo_div .accor_div .out_info .line table th {
	padding: 12px 6px;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	text-align: left;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee
}

.myinfo_div .accor_div .out_info .line table tr:last-child th,
.myinfo_div .accor_div .out_info .line table tr:last-child td {
	border-bottom-color: #111;
}

.myinfo_div .accor_div .out_info .line table td {
	padding: 12px 6px;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee
}

.myinfo_div .accor_div .out_info .line table th:last-child,
.myinfo_div .accor_div .out_info .line table td:last-child {
	border-right: none
}

/* ==================== 배송지 관리 ==================== */
.mypage_addr_div .tab_content .cont_con .no_data_div {
	padding-top: 48px;
}

.mypage_addr_div .tab_content .cont_con .no_data_div .txt_area {
	padding: 76px 0 24px
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list {
	padding: 24px 0;
	border-bottom: 1px solid #eee
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list:last-child {
	border-bottom: none;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .top {
	padding-bottom: 15px;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .top .tit {
	float: left;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	font-weight: 500;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .top .btn_area {
	float: right;
	text-align: right
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .top .btn_area a {
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	font-weight: 500;
	border-bottom: 1px solid #3cc814;
	margin-left: 10px;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .top .btn_area a:first-child {
	margin-left: 0;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.default .top .btn_area .delete {
	display: none
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .btn_area .edit {
	display: inline-block
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .btn_area .save {
	display: none
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .btn_area .cancel {
	display: none;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .btn_area .delete {
	display: inline-block;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .top .tit {
	display: none
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .btn_area .edit {
	display: none
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .btn_area .save {
	display: inline-block
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .btn_area .delete {
	display: none
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .btn_area .cancel {
	display: inline-block;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .addr_desc {
	display: none;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .addr_desc {
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .addr_desc p:not(:last-child) {
	margin-bottom: 8px;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .addr_desc .addr_dtl {
	word-break: break-all
}

.addr_dtl {
	word-break: break-all
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .addr_edit {
	display: none;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list .chk_div {
	display: none
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .addr_edit {
	display: block;
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .chk_div {
	display: block
}

.mypage_addr_div .tab_content .cont_con .addr_list_div .list.on .radio_div {
	display: none
}

.mypage_addr_div .tab_content .cont_con .radio_div,
.mypage_addr_div .tab_content .cont_con .chk_div {
	margin-top: 16px;
}

.mypage_addr_div .tab_content .cont_con .chk_div .chk_box input[type="checkbox"]+label {
	display: inline-block;
	position: relative;
	padding: 2px 0 2px 30px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #111;
}

.mypage_addr_div .radio_div .radio_box input[type="radio"]+label:after {
	background: url("/res/images/icon/checkbox-off.svg") no-repeat center / 24px;
	border-radius: 0;
}

.mypage_addr_div .radio_div .radio_box input[type="radio"]:checked+label:after {
	background: url("/res/images/icon/checkbox-on.svg") no-repeat center / 24px;
	border-radius: 0;
}

.mypage_addr_div .tab_content .cont_con .new_addr {
	padding: 24px 0 118px
}

.mypage_addr_div .tab_content .cont_con .input_form .input_area select {
	width: 102px
}

.mypage_addr_div .tab_content .cont_con .bottom_btn {
	position: fixed;
	display: flex;
	bottom: 0;
	left: 0;
	padding: 8px 20px calc(constant(safe-area-inset-bottom) + 20px);
	padding: 8px 20px calc(env(safe-area-inset-bottom) + 20px);
	width: 100%;
	background: #fff;
	box-shadow: none;
	z-index: 2;
}

.mypage_addr_div .tab_content .cont_con .bottom_btn a {
	width: 100%;
	margin-right: 6px
}

.mypage_addr_div .tab_content .cont_con .bottom_btn a:last-child {
	margin-right: 0
}

.mypage_addr_div .input_form+.input_form {
	margin-top: 8px;
}

/* ==================== 환불계좌 관리 ==================== */

/* ==================== 앱 전용 ==================== */
/* 알림함 */
.alert_wrap {
	padding-top: 32px;
	padding-bottom: 72px;
}

.alert_wrap .top {
	padding-bottom: 16px;
	border-bottom: 1px solid #eee;
}

.alert_wrap .list_div .list {
	display: block;
	width: 100%;
	padding: 24px 0;
	border-bottom: 1px solid #eee;
	pointer-events: none;
}

.alert_wrap .list_div .list.has_link {
	pointer-events: auto
}

.alert_wrap .list_div .list .date {
	font-size: 13px;
	line-height: 16px;
	color: #999;
}

.alert_wrap .list_div .list .tit {
	margin-top: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	font-weight: 500;
}

.alert_wrap .list_div .list.has_link .tit {
	padding-right: 28px;
	background: url("/res/images/m_icn_right_777_20x20.png") top right no-repeat;
	background-size: 20px;
}

.alert_wrap .list_div .list .txt {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

.alert_wrap .list_div .list .txt+.txt {
	margin-top: 16px;
}

.alert_wrap .list_div .list .img_div {
	margin-top: 16px;
	border-radius: 10px;
	overflow: hidden
}

.alert_wrap .list_div .list .img_div img {
	width: 100%;
	border-radius: 10px;
}

.alert_wrap .no_data_div {
	margin-top: 72px;
}

.alert_wrap .no_data_div .txt_area .info_txt {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	color: #555
}

/* 푸시알림설정 */
.set_push_wrap {
	padding-top: 12px;
	padding-bottom: 72px;
}

.set_push_wrap .list_div .list {
	padding: 24px 20px;
	position: relative;
	border-bottom: 10px solid #f7f7f7
}

.set_push_wrap .list_div .list .tit {
	font-size: 16px;
	line-height: 20px;
	color: #000;
	font-weight: 500;
}

.set_push_wrap .list_div .list .info {
	margin-top: 8px;
}

.set_push_wrap .list_div .list .info .dot_indent p {
	color: #999;
}

.set_push_wrap .list_div .list .info .dot_indent p a {
	color: #111;
	text-decoration: underline;
}

.set_push_wrap .list_div .list .info .chk_box {
	margin-top: 24px;
	width: 100%;
}

.set_push_wrap .list_div .list .info .chk_box input[type="checkbox"]+label {
	padding-left: 26px;
	line-height: 20px;	
}

.set_push_wrap .list_div .list .info .chk_box input[type="checkbox"]+label:after {
	width: 20px;
	height: 20px;
	background-size: 20px;
}

.set_push_wrap .list_div .list .info .chk_box input[type="checkbox"]+label strong {
	font-weight: 600;
}

.set_push_wrap .list_div .list .info .chk_box .flag {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 20px;
	margin-left: 4px;
	padding: 0 8px;
	color: #111;
	font-size: 12px;
	border: 1px solid #B7FCB1;
	border-radius: 10px;
	background-color: #DEFDD4;
}

.set_push_wrap .list_div .list .info .chk_box .flag:before {
	content: '';
	display: block;
	width: 5px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: -4.8px;
	transform: translateY(-50%);
	background: url(/res/images/icon/speech-bubble-left.svg) no-repeat 50% 50% / contain;
}

.set_push_wrap .list_div .list .txt {
	display: block;
	margin-top: 24px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.set_push_wrap .list_div .list .txt:after {
	content: '';
	display: block;
	clear: both
}

.set_push_wrap .list_div .list .txt.toggle {
	line-height: 30px;
}

.set_push_wrap .list_div .list .txt span {
	float: right;
	font-weight: 500
}

.set_push_wrap .list_div .list .txt.btn_area {
	padding-right: 24px;
	background: url("/res/images/icon/arrow-right-555.svg") 100% 50% / 20px;
}

.set_push_wrap .list_div .list .txt .desc {
	font-weight: 400;
	color: #999;
	margin-left: 8px;
}

.set_push_wrap .list_div .list:has(.app-push-banner) {
	padding-bottom: 0;
}

.set_push_wrap .list_div .list .app-push-banner {
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-top: 24px;
}

/* 토글 btn */
.toggle_btn {
	float: right;
	width: 54px;
	height: 30px;
	background: #ddd;
	transition: background 0.4s ease;
	border-radius: 15px
}

.toggle_btn.on {
	width: 54px;
	height: 30px;
	background: #3cc814;
}

.toggle_btn:after {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	line-height: 30px;
	background: #fff;
	margin: 4px 0 4px 4px;
	transition: margin 0.4s ease;
	border-radius: 100%
}

.toggle_btn.on:after {
	margin: 4px 4px 4px 28px;
}@charset "utf-8";

/* 결제 */
.pay_div .bottom_fix {
	padding: 0;
}

.pay_div .bottom_fix .btn a {
	position: relative;
	height: 52px;
	font-weight: 400;
	border-radius: 0;
}

.pay_div .bottom_fix .btn a span {
	color: #fff;
	font-weight: 700;
}

.pay_div .accor_div .list.item_list:after,
.pay_div .accor_div .list.total_pay_list:before,
.pay_div .accor_div .list.pay_method_list:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.pay_div .accor_div .list.item_list+.list.total_pay_list:before {
	content: none;
}

.pay_div .accor_div .list:first-child:before {
	display: none
}

.pay_div .accor_div .list .reward_select_box .select_form.readonly .select {
	border: none;
	padding: 0;
	background: none;
}

.pay_div .accor_div .list .reward_select_box .select_form.readonly .select>p {
	color: #111;
}

.pay_div .accor_div .list.agree_list {
	margin-bottom: 34px;
}

.pay_div .accor_div .list-wrap+.list-wrap {
	border-top: 10px solid #F5F5F5;
}

.pay_div .accor_div .list-wrap:nth-of-type(1),
.pay_div .accor_div .list-wrap .list+.list,
.pay_div .pay_comp .accor_div .list {
	border-top: none;
}

.pay_div .accor_div .list .top {
	position: relative;
	height: 56px;
	padding: 20px 54px 20px 20px;
	border-bottom: 1px solid #eee
}

.pay_div .accor_div .list .top:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .accor_div .list .top>.tit {
	float: left;
	width: 115px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.pay_div .accor_div .list .top>.tit.tool {
	position: relative;
	padding-right: 18px;
	width: auto
}

.pay_div .accor_div .list .top>.tit.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center 1px;
	background-size: 16px
}

.pay_div .accor_div .list .top .summary {
	display: block;
	float: right;
	width: calc(100% - 115px);
	width: -webkit-calc(100% - 115px);
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #3cc814;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right
}

.pay_div .accor_div .list .top .summary:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .accor_div .list .top .summary span {
	float: left;
	width: calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom
}

.pay_div .accor_div .list .top .summary span:last-child {
	width: 100%;
}

.pay_div .accor_div .list .top .summary b {
	float: left;
	width: 50px;
	font-weight: 500
}

.pay_div .accor_div .list .top .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_div .accor_div .list .top .copy {
	position: absolute;
	top: 20px;
	right: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.pay_div .accor_div .list .top .chk_box label {
	max-width: calc(100vw - 70px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 500;
}

.pay_div .accor_div .list .top .open {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -6px;
	width: 20px;
	height: 20px;
	background: url('/res/images/m_icn_down_40x40.png') no-repeat center;
	background-size: 20px;
}

.pay_div .accor_div .list .close {
	padding: 24px 20px
}

.pay_div .accor_div .list.gift .close {
	padding: 0 20px;
}

.pay_div .accor_div .list .close .input_form {
	margin-top: 8px
}

.pay_div .accor_div .list .close .input_form:first-child {
	margin-top: 0
}

.pay_div .accor_div .list .close .input_form .info {
	width: 100%;
	margin-top: 12px;
	padding-left: 18px;
	color: #999;
	font-size: 13px;
	line-height: 18px;
	background: url(/res/images/icon/noti-bbb.svg) no-repeat 0 1px / 16px;
}

.pay_div .accor_div .list .close .input_form input {
	border-radius: 4px;
}

.pay_div .accor_div .list .close .address_div+.input_form {
	margin-top: 16px
}

.pay_div .accor_div .list .close .address_div+.input_form .select_form {
	margin-right: 0;
}

.pay_div .accor_div .list .close .address_div+.input_form .select[value="1"] p,
.pay_div .accor_div .list .close .address_div+.input_form .select[value="2"] p,
.pay_div .accor_div .list .close .address_div+.input_form .select[value="3"] p,
.pay_div .accor_div .list .close .address_div+.input_form .select[value="4"] p,
.pay_div .accor_div .list .close .address_div+.input_form .select[value="5"] p,
.pay_div .accor_div .list .close .address_div+.input_form .select[value="6"] p,
.pay_div .accor_div .list .close .address_div+.input_form .select[value="7"] p,
.pay_div .accor_div .list .close .address_div+.input_form .select[value="8"] p,
.pay_div .accor_div .list .close .address_div+.input_form .select[value="9"] p,
.pay_div .accor_div .list .close .address_div+.input_form .select[value="10"] p {
	color: #111;
}

.pay_div .accor_div .list .close .chk_div+.input_form {
	margin-top: 16px
}

.pay_div .accor_div .list .close .address_div {
	position: relative;
}

.pay_div .accor_div .list .close .address_div .tit {
	display: inline-block;
	position: relative;
	max-width: calc(100% - 130px);
	max-width: -webkit-calc(100% - 130px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_div .accor_div .list .close .address_div .address {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_div .accor_div .list .close .address_div .address:first-child {
	margin-top: 0
}

.pay_div .accor_div .list .close .address_div .info {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.pay_div .accor_div .list .close .address_div .comment {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.pay_div .accor_div .list .close .address_div .mgr {
	position: absolute;
	top: 0;
	right: 0;
	color: #3cc814;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.pay_div .accor_div .list .close .address_div .chk_box label {
	font-weight: 500;
	font-size: 14px
}

.pay_div .accor_div .list .close .address_div.default .tit:after {
	content: '기본배송지';
	position: absolute;
	top: 0;
	left: calc(100% + 6px);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 22px;
	padding: 0 6px;
	color: #555;
	font-size: 11px;
	border: 1px solid #ddd;
	border-radius: 4px
}

.pay_div .accor_div .list .close .list:before {
	display: none
}

.pay_div .accor_div .list .close .list_div .list~.list,
.pay_div .accor_div .list .close .list_div .product-item-list~.product-item-list{
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

.pay_div .accor_div .list .close .list_div .list .pd_info {
	/*padding: 17px 0 0 12px;*/
	padding: 0 0 0 12px;
	width: calc(100% - 112px);
	width: -webkit-calc(100% - 112px)
}

.pay_div .accor_div .list .close .list_div .list .pd_info .name {
	display: block;
	font-size: 14px;
	line-height: 18px;
	margin-top: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.pay_div .accor_div .list .close .list_div .list .pd_info .buy_info {
	margin-top: 4px;
}

.pay_div .accor_div .list .close .list_div .list .pd_info .buy_info:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .accor_div .list .close .list_div .list .pd_info .buy_info .count {
	position: relative;
	font-size: 13px;
	line-height: 16px;
	color: #777
}

.pay_div .accor_div .list .close .list_div .list .pd_info .buy_info .price {
	margin-top: 8px
}

.pay_div .accor_div .list .close .list_div .list .pd_info .buy_info .price:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .accor_div .list .close .list_div .list .pd_info .buy_info .price p {
	float: left;
	margin-left: 6px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_div .accor_div .list .close .list_div .list .pd_info .buy_info .price span {
	display: inline-block;
	vertical-align: top
}

.pay_div .accor_div .list .close .list_div .list .pd_info .buy_info .price p:last-child {
	font-size: 13px;
	color: #999
}

.pay_div .accor_div .list .close .list_div .list .pd_info .buy_info .price p:last-child span {
	font-weight: 400;
	font-size: 13px;
	text-decoration: line-through
}

.pay_div .accor_div .list .close .list_div .list .pd_info .buy_info .price p:first-child {
	margin-left: 0;
	font-size: 14px;
	color: #000
}

.pay_div .accor_div .list .close .list_div .list .pd_info .buy_info .price p:first-child span {
	font-weight: 500;
	font-size: 16px;
	text-decoration: none
}

.pay_div .accor_div .list .close .list_div .list .add_box {
	margin-top: 16px
}

.pay_div .accor_div .list .close .list_div .list.gift .pd_info {
	padding-top: 4px
}

.pay_div .accor_div .list .close .list_div .list.gift .pd_info .name {
	margin-top: 6px
}

.pay_div .accor_div .list .close .list_div .list.gift .pd_info .for {
	padding-left: 24px;
	height: 20px;
	font-size: 14px;
	line-height: 22px;
	color: #000;
	background: url('/res/images/m_order_list_gift.png') no-repeat left center;
	background-size: 20px
}

.pay_div .accor_div .list .close .list_div .list.gift .pd_info .for b {
	font-weight: 500
}

.pay_div .accor_div .list .close .list_div .list.un_coupon .pd_info .coupon_unable {
	display: block;
	color: #bbb;
	padding-right: 3px;
	margin-bottom: 6px;
}

/*공동구매용 추가 230130*/
.pay_div .accor_div .list .close .list_div .list .pd_info .coupon_unable {
	display: block;
	color: #bbb;
	padding-right: 3px;
	margin-bottom: 6px;
}

.pay_div .accor_div .list .close .list_div .list.un_coupon .pd_info {
	/*padding-top: 4px*/
}

.pay_div .accor_div .list .close .list_div .list.un_coupon .pd_info .coupon_unable {
	display: block;
	color: #bbb;
	padding-right: 3px;
	margin-bottom: 6px;
}

.pay_div .accor_div .list .close .nomem_noti {
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.pay_div .accor_div .list .close .nomem_noti span {
	display: block;
	margin-bottom: 8px
}

.pay_div .accor_div .list .close .nomem_noti span a {
	display: inline-block;
	padding-right: 24px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: var(--color-primary-1);
	background: url('/res/images/m_icn_right_grn_32x32.png') no-repeat right center;
	background-size: 20px
}

.pay_div .accor_div .list .close .input_form .title {
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.pay_div .accor_div .list .close .input_form .title span {
	margin-left: 4px;
	color: #3cc814
}

.pay_div .accor_div .list .close .input_form .title span:last-child {
	margin-left: 0;
}

.pay_div .accor_div .list .close .input_form.point {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 8px;
}

.pay_div .accor_div .list .close .input_form.point .title {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 0;
	line-height: 20px;
}

.pay_div .accor_div .list .close .input_form.point .title span {
	color: #3cc814;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
}

.pay_div .accor_div .list .close .input_form.point .input_area {
	flex: 1;
	display: flex;
	align-items: center;
	height: 48px;
	padding: 12px;
	background: #f9f9f9;
	border-radius: 4px;
}

.pay_div .accor_div .list .close .input_form.point .input_area:before {
	order: 2;
	position: static;
}

.pay_div .accor_div .list .close .input_form.point .input_area .delete {
	order: 3;
	position: static;
	margin-top: 0;
	margin-left: 2px;
}

.pay_div .accor_div .list .close .input_form.point .input_area input {
	order: 1;
	padding-right: 0;
}

.pay_div .accor_div .list .close .input_form.point .input_area input:focus {
	border: none;
}

.pay_div .accor_div .list .close .input_form.point .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 112px;
	height: 48px;
	color: #3cc814;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #3cc814;
	border-radius: 4px;
}

.pay_div .accor_div .list .close .radio_tab_con .input_form {
	margin-top: 8px
}

.pay_div .accor_div .list .close .radio_tab_con .input_form:first-child {
	margin-top: 16px
}

/* .pdivrea .accor_div .list .close .devide {
	padding-bottom: 14px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee
} */

.pay_div .accor_div .list .close .devide+.devide {
	margin-top: 10px;
}

.pay_div .accor_div .list .close .devide:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.pay_div .accor_div .list .close .devide .input_form {
	margin-top: 16px
}

.pay_div .accor_div .list .close .devide .input_form:first-child {
	margin-top: 0
}

.pay_div .accor_div .list .close .devide .input_form .tit {
	margin-bottom: 12px
}

.pay_div .accor_div .list .close .devide .input_form .tit:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .accor_div .list .close .devide .input_form .tit span {
	float: right;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.pay_div .accor_div .list .close .devide .input_form .tit span b {
	color: #3cc814
}

.pay_div .accor_div .list .close .devide .price_list {
	margin-top: 10px
}

.pay_div .accor_div .list .close .devide .price_list:first-child {
	margin-top: 0
}

.pay_div .accor_div .list .close .devide .price_list .line {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pay_div .accor_div .list .close .devide .price_list .line:nth-of-type(n+2) {
	margin-top: 6px;
}

.pay_div .accor_div .list .close .devide .price_list .line .left.tool {
	position: relative;
	padding-right: 18px;
}

.pay_div .accor_div .list .close .devide .price_list .line .left.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icon/tooltip-bbb.svg') no-repeat center;
	background-size: 16px
}

.pay_div .accor_div .list .close .devide .price_list .line .right span {
	display: inline-block;
	vertical-align: baseline;
}

.pay_div .accor_div .list .close .devide .price_list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.pay_div .accor_div .list .close .devide .price_list.final_cost {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

.pay_div .accor_div .list .close .devide .price_list.final_cost .line .right,
.pay_div .accor_div .list .close .devide .price_list.final_cost .line .right span {
	color: var(--color-primary-1)
}

.pay_div .accor_div .list .close .devide .radio_div {
	position: relative;
	margin-top: 24px
}

.pay_div .accor_div .list .close .devide .radio_div:first-child {
	margin-top: 0
}

.pay_div .accor_div .list .close .devide .radio_tab_con .cont_tab {
	margin-top: 24px;
}

.pay_div .point-benefit {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

.pay_div .point-benefit>div:not(.banner) {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pay_div .point-benefit>div:not(.banner)+div:not(.banner) {
	margin-top: 6px !important;
}

.pay_div .point-benefit .main span {
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.pay_div .point-benefit .main span strong {
	font-weight: 600;
}

.pay_div .point-benefit .sub span {
	display: flex;
	align-items: center;
	color: #bbb;
	font-size: 13px;
	line-height: 18px;
}

.pay_div .point-benefit .sub .term {
	padding-left: 12px;
	background: url(/res/images/icon/submark.svg) no-repeat 0 50%;
}

.pay_div .point-benefit .sub .desc strong {
	font-size: 14px;
	line-height: 20px;
}

.pay_div .point-benefit .main + a,
.pay_div .point-benefit .sub + a {
	display: block;
	margin-top: 10px;
}

.pay_div .point-benefit .banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 94px;
	padding: 0 16px 0 20px;
	background-color: #DEFDD4;
	border-radius: 4px;
}

.pay_div .point-benefit .banner .term {
	display: flex;
	flex-direction: column;
	gap: 2px 0;
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.pay_div .point-benefit .banner .term strong {
	font-weight: 700;
}

.pay_div .point-benefit .banner .term strong.welcome {
	color: #23C9BE
}

.pay_div .point-benefit .banner .term strong.family {
	color: #32CF55
}

.pay_div .point-benefit .banner .term strong.bronze {
	color: #B6755F
}

.pay_div .point-benefit .banner .term strong.silver {
	color: #B0B0B4
}

.pay_div .point-benefit .banner .term strong.gold {
	color: #BF903E
}

.pay_div .point-benefit .banner .term strong.vip {
	color: #7C51D7
}

.pay_div .point-benefit .banner .desc-wrap {
	display: flex;
	align-items: center;
	gap: 0 6px;
}

.pay_div .point-benefit .banner .desc {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 60px;
	height: 60px;
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	line-height: 10px;
	border-radius: 50%;
}

.pay_div .point-benefit .banner span.desc:nth-child(1) {
	background-color: #3CC814;
}

.pay_div .point-benefit .banner span.desc:nth-child(2) {
	background-color: #052832;
}

.pay_div .point-benefit .banner .desc>span {
	display: flex;
	align-items: center;
}

.pay_div .point-benefit .banner .desc strong {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

.pay_div .point-benefit .banner .desc strong.percent {
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.pay_div .accor_div .list .close .box_area {
	position: relative;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.pay_div .accor_div .list .close .box_area:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .accor_div .list .close .box_area p {
	position: relative;
	margin-top: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.pay_div .accor_div .list .close .box_area p:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .accor_div .list .close .box_area p:first-child {
	margin-top: 0
}

.pay_div .accor_div .list .close .box_area p b {
	display: inline-block;
	font-weight: 500;
	vertical-align: top
}

.pay_div .accor_div .list .close .box_area p strong {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top
}

.pay_div .accor_div .list .close .box_area p span {
	position: relative;
	float: left;
	margin-right: 17px;
}

.pay_div .accor_div .list .close .box_area p span:after {
	content: '';
	position: absolute;
	right: -9px;
	top: 3px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.pay_div .accor_div .list .close .box_area p span:last-child {
	margin-right: 0
}

.pay_div .accor_div .list .close .box_area p span:last-child:after {
	display: none
}

.pay_div .accor_div .list .close .box_area p a {
	pointer-events: none
}

.pay_div .accor_div .list .close .box_area>a {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .radio_div .radio_box {
	position: relative
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .radio_div .radio_box:before {
	content: '';
	position: absolute;
	top: 9px;
	left: calc(100% + 5px);
	left: -webkit-calc(100% + 5px);
	border-top: 4px solid transparent;
	border-right: 6px solid #052822;
	border-bottom: 4px solid transparent;
	border-radius: 1px;
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .radio_div .radio_box:after {
	content: '앱카드 회원전용';
	position: absolute;
	top: 0;
	left: calc(100% + 9px);
	left: -webkit-calc(100% + 9px);
	padding: 5px 16px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	background: #052822;
	border-radius: 18px;
	white-space: nowrap
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper {
	margin-top: 26px;
	width: calc(100% + 40px);
	width: -webkit-calc(100% + 40px);
	margin-left: -20px;
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list {
	padding: 12px 16px;
	width: 224px;
	height: 140px;
	border-radius: 10px;
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.shinhan {
	background: #01408f
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.kb {
	background: #766c62
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.bc {
	background: #e73d44
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.samsung {
	background: #0060a9
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.NH {
	background: #00b159
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.lotte {
	background: #e70012
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.hyundai {
	background: #2d2d2d
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.hana {
	background: #00928f
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.woori {
	background: #0069b3
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list.new_card {
	background: #f5f5f5
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list .logo {
	width: 120px;
	height: 32px;
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list .logo img {
	width: 100%;
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list .card_name {
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	font-weight: 500;
	margin-top: 4px;
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list .card_num {
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	margin-top: 2px;
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list select {
	margin-top: 18px;
	width: 100%;
	height: 30px;
	font-size: 12px;
	line-height: 16px;
	padding: 7px 36px 7px 10px;
	border-radius: 3px;
	background: url("/res/images/arrow_down_wh_32x32.png") right 10px center no-repeat rgba(0, 0, 0, 0.3);
	background-size: 16px;
	color: #fff
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list select option {
	background: #fff;
	color: #000
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .swiper-slide.appcard_list .delete-btn {
	position: absolute;
	top: 18px;
	right: 12px;
	width: 20px;
	height: 20px;
	background: url("/res/images/icon/xmark-wh.svg") 50% 50%;
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list.new_card .tit {
	font-size: 13px;
	line-height: 18px;
	color: #333;
	font-weight: 700;
	padding-top: 7px;
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list.new_card .select_div {
	margin-top: 24px;
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list.new_card .select_div select {
	margin-top: 6px;
	color: #999;
	background: url("/res/images/icn_down_32x32_999.png") right 10px center no-repeat rgba(0, 0, 0, 0.05);
	background-size: 16px;
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .appcard_swiper .swiper-wrapper .appcard_list.new_card .select_div select:first-child {
	margin-top: 0
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .chk_div {
	position: relative;
	margin-top: 20px;
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .chk_div .btn {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-decoration: underline
}

.pay_div .accor_div .list .close .radio_tab.pay_type .appcard_pay .noti_div {
	margin-top: 12px;
}

.pay_div .accor_div .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box {
	position: relative
}

.pay_div .accor_div .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box:before {
	content: '';
	position: absolute;
	top: 9px;
	left: calc(100% + 5px);
	left: -webkit-calc(100% + 5px);
	border-top: 4px solid transparent;
	border-right: 6px solid #052822;
	border-bottom: 4px solid transparent;
	border-radius: 1px;
}

.pay_div .accor_div .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box:after {
	content: '1회 등록 3초 결제 끝';
	position: absolute;
	top: 0;
	left: calc(100% + 9px);
	left: -webkit-calc(100% + 9px);
	padding: 5px 16px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	background: #052822;
	border-radius: 18px;
	white-space: nowrap
}

.pay_div .accor_div .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box input[type="radio"]+label {
	padding: 0 0 0 30px
}

.pay_div .accor_div .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box input[type="radio"]+label img {
	height: 24px
}

.pay_area.nomem .accor_div .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box:after {
	content: '회원전용';
	position: absolute;
	top: 0px;
	left: calc(100% + 9px);
	left: -webkit-calc(100% + 9px);
	padding: 5px 16px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	background: #052822;
	border-radius: 18px;
	white-space: nowrap
}

.pay_div .accor_div .list .close .radio_tab.pay_type .nu_pay .radio_div .btn {
	display: none
}

.pay_div .accor_div .list .close .radio_tab.pay_type .nu_pay .add_nu_pay {
	display: block;
	margin-top: 36px
}

.pay_div .accor_div .list .close .radio_tab.pay_type .nu_pay .add_nu_pay .tit {
	padding-top: 76px;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: center;
	background: url('/res/images/m_add_nu_pay.png') no-repeat center top;
	background-size: 60px
}

.pay_div .accor_div .list .close .radio_tab.pay_type .nu_pay .add_nu_pay .txt {
	margin-top: 6px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #777;
	text-align: center
}

.pay_div .accor_div .list .close .radio_tab.pay_type .nu_pay.complete .radio_div .radio_box:before,
.pay_div .accor_div .list .close .radio_tab.pay_type .nu_pay.complete .radio_div .radio_box:after {
	display: none
}

.pay_div .accor_div .list .close .radio_tab.pay_type .nu_pay.complete .radio_div .btn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-decoration: underline
}

.pay_div .accor_div .list .close .radio_tab.pay_type .nu_pay.complete .add_nu_pay {
	display: none
}

.pay_div .accor_div .list .close .cont_tab {
	margin-top: 24px
}

.pay_div .accor_div .list .close .cont_tab:first-child {
	margin-top: 0
}

.pay_div .accor_div .list .close .cont_tab:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .accor_div .list .close .cont_tab a {
	float: left;
	margin-left: 8px;
	padding: 13px 0 11px;
	width: calc(50% - 4px);
	width: -webkit-calc(50% - 4px);
	font-size: 14px;
	line-height: 24px;
	color: #999;
	text-align: center;
	border: 1px solid #bbb;
	border-radius: 4px
}

.pay_div .accor_div .list .close .cont_tab a:nth-child(2n-1) {
	margin-left: 0;
	clear: both
}

.pay_div .accor_div .list .close .cont_tab a:nth-child(n+3) {
	margin-top: 8px
}

.pay_div .accor_div .list .close .cont_tab a.on {
	font-weight: 500;
	color: #3cc814;
	border: 1px solid #3cc814
}

.pay_div .accor_div .list .close .devide .cont_con .input_form {
	margin-top: 8px
}

.pay_div .accor_div .list .close .devide .cont_con .input_form:first-child {
	margin-top: 16px
}

.pay_div .accor_div .list .close .cont_con .period_txt {
	padding-left: 10px;
	margin-top: 8px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.pay_div .accor_div .list .close .chk_div {
	margin-top: 16px
}

.pay_div .accor_div .list .close .chk_div:first-child {
	margin-top: 0
}

.pay_div .accor_div .list .close .chk_div .view {
	float: right;
	font-size: 13px;
	line-height: 24px;
	color: #999;
	text-decoration: underline
}

.pay_div .accor_div .list .close .chk_div .txt {
	padding-left: 30px;
	margin-top: 6px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.pay_div .accor_div .list .close .chk_div .txt .line:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .accor_div .list .close .chk_div .txt .line .tit {
	float: left;
	line-height: 20px
}

.pay_div .accor_div .list .close .chk_div .txt .line a {
	float: right;
	line-height: 20px;
	text-decoration: underline
}

.pay_div .accor_div .list .close .chk_box.bold label {
	font-weight: 500;
	font-size: 14px
}

.pay_div .accor_div .list .close .radio_div .radio_box:nth-child(2) {
	margin-left: 26px
}

.pay_div .accor_div .list .close .input_form select {
	width: 45%;
	background-color: #f7f7f7;
}

.pay_div .accor_div .list .close .input_form select:last-child {
	width: 100%
}

.pay_div .accor_div .list .close .add_pd_info {
	display: table;
	width: 100%
}

.pay_div .accor_div .list .close .add_pd_info .thumb {
	display: table-cell;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: #f7f7f7;
	vertical-align: middle
}

.pay_div .accor_div .list .close .add_pd_info .thumb img {
	width: 100%
}

.pay_div .accor_div .list .close .add_pd_info .tit {
	display: table-cell;
	padding-left: 12px;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px);
	vertical-align: middle
}

.pay_div .accor_div .list .close .add_pd_info .tit p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pay_div .accor_div .list .close .notice_txt {
	margin-top: 12px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.pay_div .accor_div .list .point_txt {
	padding: 20px;
	color: #999;
	font-size: 14px;
	line-height: 20px;
}

.pay_div .accor_div .list.on .top .open {
	background: url('/res/images/icon/arrow-up-111.svg') no-repeat center;
	background-size: 20px
}

.pay_div .accor_div .list:not(.gift).on .top .summary {
	display: none
}

.pay_div .accor_div .list.on .close {
	display: block;
	border-bottom: 1px solid #eee;
}

.pay_div .accor_div .list.on.item_list .close,
.pay_div .accor_div .list.on.total_pay_list .close,
.pay_div .accor_div .list.on.pay_method_list .close,
.pay_div .accor_div .list.on.agree_list .close {
	border-bottom: none;
}

.pay_area .input_form .input_area .btn {
	min-width: 102px
}

/* 주문완료 */
.pay_div {
	padding-top: 24px
}

.pay_div .pay_comp .top_area {
	padding: 104px 20px 36px;
	font-weight: 500;
	text-align: center;
	background: url('/res/images/m_comp_pay_128x128.png') no-repeat center 16px;
	background-size: 64px
}

.pay_div .pay_comp .top_area.gift {
	background: url('/res/images/m_comp_gift_128x128.png') no-repeat center 8px;
	background-size: 64px
}

.pay_div .pay_comp .top_area.delivery {
	background: url('/res/images/m_comp_delivery_128x128.png') no-repeat center 8px;
	background-size: 64px
}

.pay_div .pay_comp .top_area .tit {
	font-size: 16px;
	line-height: 22px;
	color: #333;
}

.pay_div .pay_comp .top_area .txt {
	margin-top: 10px;
	font-size: 13px;
	line-height: 18px;
	color: #333
}

.pay_div .pay_comp .top_area .box_area {
	margin-top: 32px;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 10px;
	text-align: left
}

.pay_div .pay_comp .top_area .box_area .top:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .pay_comp .top_area .box_area .top .left {
	float: left;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_div .pay_comp .top_area .box_area .top .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_div .pay_comp .top_area .box_area .top .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.pay_div .pay_comp .top_area .box_area .bottom {
	margin-top: 10px
}

.pay_div .pay_comp .top_area .box_area .bottom p {
	margin-top: 10px;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.pay_div .pay_comp .top_area .box_area .bottom p:first-child {
	margin-top: 0
}

.pay_div .pay_comp .top_area .box_area .bottom p span {
	display: inline-block;
	vertical-align: top
}

.pay_div .pay_comp .top_area .box_area .bottom p span a {
	pointer-events: none
}

.pay_div .pay_comp .top_area .box_area .bottom p span a.copy {
	display: inline-block;
	margin-left: 6px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #3cc814;
	text-decoration: underline;
	pointer-events: auto
}

.pay_div .pay_comp .pay_area:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.pay_div .pay_comp .address_div.default .tit:after {
	display: none
}

.pay_div .pay_comp .order_info:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.pay_div .pay_comp .order_info:after {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.pay_div .pay_comp .order_info .section {
	padding: 20px 0;
	border-bottom: 1px solid #eee
}

.pay_div .pay_comp .order_info .section .title {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.pay_div .pay_comp .order_info .section .list_div {
	margin-top: 24px
}

.pay_div .pay_comp .order_info .section .list_div:first-child {
	margin-top: 0
}

.pay_div .pay_comp .order_info .section .list_div .list {
	margin-top: 10px
}

.pay_div .pay_comp .order_info .section .list_div .list:first-child {
	margin-top: 0
}

.pay_div .pay_comp .order_info .section .list_div .list .line {
	margin-top: 4px;
	padding-left: 12px;
	background: url('/res/images/m_icn_subtext.png') no-repeat left 4px;
	background-size: 10px
}

.pay_div .pay_comp .order_info .section .list_div .list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.pay_div .pay_comp .order_info .section .list_div .list .line:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .pay_comp .order_info .section .list_div .list .line .left {
	float: left;
	width: 100px;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.pay_div .pay_comp .order_info .section .list_div .list .line .right {
	float: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
	color: #bbb;
	text-align: right
}

.pay_div .pay_comp .order_info .section .list_div .list .line .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
}

.pay_div .pay_comp .order_info .section .list_div .list .line .right b {
	font-weight: 500;
	word-break: break-all
}

.pay_div .pay_comp .order_info .section .list_div .list .line:first-child .left {
	font-size: 14px;
	color: #000
}

.pay_div .pay_comp .order_info .section .list_div .list .line:first-child .right {
	font-size: 14px;
	color: #000
}

.pay_div .pay_comp .order_info .section .list_div .list .line:first-child .right span {
	font-size: 16px
}

.pay_div .pay_comp .order_info .final_cost {
	padding-top: 20px
}

.pay_div .pay_comp .order_info .final_cost:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .pay_comp .order_info .final_cost .left {
	float: left;
	width: 100px;
}

.pay_div .pay_comp .order_info .final_cost .right {
	float: right;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	height: 28px;
	line-height: 28px !important;
	text-align: right
}

.pay_div .pay_comp .order_info .final_cost .right span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.pay_div .pay_comp .order_info .btn {
	display: flex;
	padding: 32px 0
}

.pay_div .pay_comp .order_info .btn a {
	display: block;
	margin-left: 8px;
	padding: 14px 0;
	width: 100%;
	text-align: center
}

.pay_div .pay_comp .order_info .btn a:first-child {
	margin-left: 0
}

.pay_div .pay_comp .order_info .btn a.grn {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	background: #3cc814;
	border: 1px solid #3cc814
}

.pay_div .pay_comp .accor_div .list:last-child {
	margin-bottom: 24px;
	transition: margin 0.3s ease-in-out
}

.pay_div .pay_comp .accor_div .list.on:last-child {
	margin-bottom: 0
}

.pay_div .pay_comp .comp_btn {
	display: flex;
	padding: 32px 20px 24px;
}

.pay_div .pay_comp .comp_btn a {
	display: block;
	margin-left: 8px;
	padding: 14px 0;
	width: 100%;
	text-align: center
}

.pay_div .pay_comp .comp_btn a:first-child {
	margin-left: 0
}

.pay_div .pay_comp .comp_btn a.grn {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	background: #3cc814;
	border: 1px solid #3cc814
}

.pay_div .pay_comp .inner .comp_btn {
	padding: 8px 0 24px
}

.pay_div .pay_comp .banner_area {
	/* margin: 16px 20px 32px; */
}

.pay_div .pay_comp .banner_area a {
	display: block;
}

.pay_div .pay_comp .banner_area a:nth-child(n+2) {
	margin-top: 12px;
}

.pay_div .pay_comp .banner_area img {
	width: 100%;
}

.pay_div .pay_comp .other_area {
	padding: 16px 0 72px;
	border-top: 10px solid #f9f9f9
}

.pay_div .pay_comp .other_area .title_div {
	padding: 13px 0
}

.pay_div .pay_comp .other_area .title_div p {
	font-weight: 700;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper {
	padding: 24px 20px 32px;
	margin-top: -20px
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide {
	padding: 10px;
	width: 180px;
	height: 314px;
	border-radius: 20px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1)
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide .thumb {
	width: 160px;
	height: 160px;
	text-align: center
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide .thumb.noimg {
	background: #fff
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide .pd_info .etc {
	display: none
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

/* .pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide .cart_btn {
	bottom: 20px;
	right: 5px
} */

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide .heart {
	top: 132px;
	right: 16px
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-slide.soldout .thumb:before {
	top: 40px;
	left: 40px
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-scrollbar {
	bottom: 0;
	left: 24px;
	width: calc(100% - 48px);
	width: -webkit-calc(100% - 48px);
	height: 4px;
	background: #eee;
	border-radius: 2px
}

.pay_div .pay_comp .other_area .recommend_div .pd_swiper .swiper-scrollbar .swiper-scrollbar-drag {
	background: #999;
	border-radius: 3px
}

/* 240522 주문결제 사은품 영역 수정 */
.pay_div .accor_div .list.gift .top .summary {
	font-weight: 600;
}

.pay_div .accor_div .list.gift .add-list .term {
	display: block;
	max-width: 100%;
	margin-top: 20px;
	color: #111;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pay_div .accor_div .list.gift .add-list .gift-list {
	max-height: 300px;
	margin-top: 16px;
	margin-bottom: 24px;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow-y: auto;
}

.pay_div .accor_div .list.gift .add-list .gift-list li {
	position: relative;
	display: flex;
	align-items: center;
	padding: 12px;
	background-color: #fff;
}

.pay_div .accor_div .list.gift .add-list .gift-list li+li {
	border-top: 1px solid #eee;
}

.pay_div .accor_div .list.gift .add-list .gift-list li .chk_box,
.pay_div .accor_div .list.gift .add-list .gift-list li .radio_box {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding-left: 32px;
}

.pay_area .list.gift .close .add-list .gift-list li .chk_box label,
.pay_area .list.gift .close .add-list .gift-list li .radio_box label {
	position: absolute;
	width: calc(100% - 32px);
	height: 100%;
	padding-left: 0;
	cursor: pointer;
}

.pay_area .list.gift .close .add-list .gift-list li .chk_box label:after,
.pay_area .list.gift .close .add-list .gift-list li .radio_box label:after {
	top: calc(50% - 12px);
	left:-32px;
	transform: translateY(0);
}

.pay_div .accor_div .list.gift .add-list .gift-list li .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background-color: #fff;
}

.pay_div .accor_div .list.gift .add-list .gift-list li .thumb img {
	width: 48px;
	height: 48px;
}

.pay_div .accor_div .list.gift .add-list .gift-list li .info {
	flex: 1;
	margin-left: 12px;
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.pay_div .accor_div .list.gift .add-list .gift-list li .info strong {
	font-weight: 700;
}@charset "utf-8";

/* 리뷰 */
.review_div {
	width: 100%;
}

.review_div .devide:after {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: #f7f7f7;
}

.review_div .top .tit {
	font-size: 16px;
	line-height: 24px;
	color: #111;
	font-weight: 600;
}

/* 상단 리뷰 스와이퍼 */
.review_div .top .best_review {
	margin-top: 20px;
}

.review_div .top .best_review .review_swiper .swiper-slide .thumb {
	width: 100%;
	height: 160px;
}

.review_div .top .best_review .review_swiper .swiper-slide .info {
	display: flex;
	flex-direction: column;
	height: 166px;
	padding: 16px 20px 20px 20px;
	background-color: #F9F9F9;
}

.review_div .top .best_review .review_swiper .swiper-slide .info .desc {
	margin-top: 12px;
	height: 54px;
	color: #555;
}

.review_div .top .best_review .review_swiper .swiper-slide .info .review-count {
	display: inline-block;
	margin-top: auto;
}

/* 리뷰 혜택 */
.review_div .review-benefit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 8px;
	height: 72px;
	margin-top: 20px;
	background-color: var(--color-secondary-3);
}

.review_div .review-benefit .text {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0 2px;
	padding-right: 18px;
}

.review_div .review-benefit .text strong {
	color: var(--color-primary-1)
}

.review_div .review-benefit .tooltip_div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 16px;
	height: 16px;
	background: url(/res/images/icon/tooltip-bbb.svg) no-repeat center / 16px;
	z-index: 2;
}

.review_div .review-benefit .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	padding: 0 23.5px;
	color: #fff;
	border-radius: 4px;
	background-color: var(--color-primary-1);
}

/* 리뷰 리스트 */
.review_div .review_list .search_box {
	padding-top: 20px;
}

.review_div .review_list .search_box .select_div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 4px;
}

.review_div .review_list .search_box .select_div .select_area,
.review_div .review_list .search_box .select_div .select_area select {
	width: 100%;
}

.review_div .review_list .search_box .select_div .select_area select {
	border: 1px solid #ddd;
	background-color: transparent;
}

/* .review_div .review_list .search_box .select_div .select_area select:disabled {
	border: none;
	background-color: #F5F5F5;
} */

.review_div .review_list .search_box .select_div .btn {
	text-align: center;
	display: table-cell;
	width: calc(100% - 5px);
	width: -webkit-calc(100% - 5px);
	border-radius: 10px;
	border: 1px solid #3cc814;
	color: #3cc814;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	padding: 9px;
	height: 48px;
}

.review_div .review_list .search_box .search_area {
	margin-top: 8px;
	margin-bottom: 24px;
}

.review_div .review_list .search_box .search_area .input_form {
	margin-top: 0;
	width: 100%;
	position: relative
}

.review_div .review_list .search_box .search_area .input_form .input_area input {
	height: 48px;
	padding-right: 68px;
	margin-right: 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
}

.review_div .review_list .search_box .search_area .input_form .input_area input::placeholder {
	color: #ccc;
}

.review_div .review_list .search_box .search_area .input_form .search_btn {
	position: absolute;
	top: calc(50% - 12px);
	right: 16px;
	width: 24px;
	height: 24px;
	background: url("/res/images/icon/search-111.svg") 50% / 24px;
}

.review_div .review_list .search_box .search_area .input_form .input_area.clear_has .delete {
	right: 36px;
}

.review_div .review_list .cnt_box {
	position: relative;
}

.review_div .review_list .cnt_box .cnt {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	letter-spacing: -0.2px;
}

.review_div .review_list .cnt_box .tooltip_div {
	float: right;
	position: absolute;
	width: 65px;
	height: 17px;
	top: 26px;
	right: 20px;
}

.review_div .review_list .cnt_box .tooltip_div .opener {
	font-size: 14px;
	line-height: 17px;
	letter-spacing: -0.2px;
	color: #999;
	background: url("/res/images/icon/tooltip-bbb.svg") right top no-repeat;
	background-size: 14px;
}

.review_div .review_list .filter_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	padding: 0 20px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.review_div .review_list .filter_div .filter select {
	height: 20px;
	background: url('/res/images/icon/arrow-down-555.svg') right center no-repeat #fff;
	background-size: 20px;
	font-weight: 500;
	padding: 0 22px 0 0;
	font-size: 14px;
	line-height: 20px;
	border-radius: 0
}

.review_div .review_list .chk_div {
	display: flex;
	align-items: center;
	gap: 0 16px;
}

.review_div .review_list {
	padding-top: 24px;
	padding-bottom: 72px;
}

.review_div .review_list .list_div .list,
.review_div .review_list .list_div .product-item-list {
	border-bottom: 1px solid #eee;
	padding: 24px 20px;
	/* display: block; */
	position: relative;
}

.review_div .review_list .list_div .list .top {
	padding-top: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.review_div .review_list .list_div .list .top .desc {
	display: table-cell;
	width: 100%;
}

.review_div .review_list .list_div .list .top .left.thumb {
	display: table-cell;
	position: relative;
	padding: 4px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	background: #f7f7f7;
	border-radius: 10px;
	text-align: center;
}

.review_div .review_list .list_div .list .top .left.thumb img {
	width: 100%;
	border-radius: 10px;
}

.review_div .review_list .list_div .list .top .left.thumb.noimg {
	background: #f7f7f7
}

.review_div .review_list .list_div .list .top .left.thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.review_div .review_list .list_div .list .top .left.thumb.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg.png') no-repeat center;
	background-size: 100% auto
}

.review_div .review_list .list_div .list .top .left+.right {
	padding-left: 12px;
	width: 100%;
}

.review_div .review_list .list_div .list .top .desc .info:after {
	content: '';
	display: block;
	clear: both;
}

.review_div .review_list .list_div .list .top .desc .info .star_div {
	float: left;
}

.review_div .review_list .list_div .list .top .desc .star_div p {
	display: inline-block;
	margin-left: 4px;
	font-size: 13px;
	line-height: 16px;
	font-weight: 500;
	color: #000;
}

.review_div .review_list .list_div .list .top .desc .date {
	font-size: 13px;
	line-height: 16px;
	color: #999;
	margin-top: 4px;
}

.review_div .review_list .list_div .list .top .desc .info .date {
	float: left;
	margin-left: 10px;
	margin-top: 0;
}

.review_div .review_list .list_div .list .top .desc .mem_id {
	margin-top: 6px;
	font-size: 13px;
	line-height: 16px;
	color: #999;
}

.review_div .review_list .list_div .list .top .desc .product {
	margin-top: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	font-weight: 400;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.review_div .review_list .list_div .list .top .desc .product .brand {
	font-weight: 500;
}

.review_div .review_list .list_div .list .top .report {
	position: absolute;
	top: 24px;
	right: 20px
}

.review_div .review_list .list_div .list .top .report:after {
	content: '';
	display: block;
	clear: both
}

.review_div .review_list .list_div .list .top .report a {
	position: relative;
	float: left;
	margin-left: 13px;
	font-size: 12px;
	line-height: 16px;
	color: #bbb
}

.review_div .review_list .list_div .list .top .report a:first-child {
	margin-left: 0
}

.review_div .review_list .list_div .list .top .report a:first-child:after {
	content: '';
	position: absolute;
	top: 3px;
	right: -7px;
	width: 1px;
	height: 10px;
	background: #eee
}

.review_div .review_list .list_div .list.mine .top .report {
	display: none
}

.review_div .review_list .list_div .list .bottom {
	width: 100%;
	margin-top: 16px;
}

.review_div .review_list .list_div .list .bottom .dtl_box {
	width: 100%;
	display: table;
}

.review_div .review_list .list_div .list .bottom .dtl {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	word-break: break-all
}

.review_div .review_list .list_div .list .bottom .dtl_box .review_text img {
	width: 100%;
}

.review_div .review_list .list_div .list .bottom .open {
	display: none
}

.review_div .review_list .list_div .list .bottom.on .dtl_box .dtl {
	display: table-cell;
	word-break: break-all;
	text-overflow: ellipsis;
	max-height: 60px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.review_div .review_list .list_div .list .bottom.on .open {
	display: inline-block
}

.review_div .review_list .list_div .list.on .bottom.on .dtl_box .dtl {
	display: block;
	-webkit-line-clamp: none;
	max-height: none;
}

.review_div .review_list .list_div .list .bottom .photo_box {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 80px;
	height: 60px;
	border-radius: 10px;
	padding-left: 20px;
	text-align: center;
}

.review_div .review_list .list_div .list .bottom .photo_box .photo_cnt {
	position: absolute;
	z-index: 1;
	display: inline-block;
	text-align: center;
	width: 24px;
	height: 24px;
	line-height: 24px;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 8px;
	bottom: 4px;
	right: 4px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: -0.5px;
}

.review_div .review_list .list_div .list.on .bottom .photo_box {
	display: block;
	width: 100%;
	height: auto;
	padding-left: 0;
	pointer-events: none
}

.review_div .review_list .list_div .list.on .bottom .photo_box .photo_cnt {
	display: none;
}

.review_div .review_list .list_div .list .bottom .photo_box .photo {
	width: 60px;
	height: 60px;
	border-radius: 10px;
	overflow: hidden
}

.review_div .review_list .list_div .list .bottom .photo_box .photo_group .photo:not(:first-child) {
	display: none
}

.review_div .review_list .list_div .list.on .bottom .photo_box .photo_group {
	width: 100%;
}

.review_div .review_list .list_div .list.on .bottom .photo_box .photo_group .photo {
	display: block;
	margin-top: 20px;
	width: 100%;
	height: auto;
}

.review_div .review_list .list_div .list.on .bottom .photo_box .photo_group .photo.thumb {
	display: none
}

.review_div .review_list .list_div .list.on .bottom .photo_box .photo_group .photo img {
	display: block;
	width: 100%
}

.review_div .review_list .list_div .list.on .bottom .open {
	background: url("/res/images/m_icn_up_32x32.png") right top no-repeat;
	background-size: 16px;
}

.review_div .review_list .list_div .list .open {
	margin-top: 8px;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.2px;
	color: #000;
	padding-right: 18px;
	background: url("/res/images/m_icn_down_32x32.png") right top no-repeat;
	background-size: 16px;
}

.review_div .review_list .qna-answer table {
	word-break: break-all;
	background: #fff !important;
}

.review_div .answer {
	position: relative;
	padding: 24px 20px;
	background: #f9f9f9;
	border-radius: 10px;
	margin-top: 24px;
}

.review_div .answer+.answer {
	margin-top: -10px;
	padding: 35px 20px 24px
}

.review_div .answer+.answer:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	height: 1px;
	background: #eee
}

.review_div .answer .info {
	margin-bottom: 12px;
	font-size: 13px;
	line-height: 18px;
	display: table
}

.review_div .answer .info .name {
	color: #777;
	display: table-cell;
	padding-right: 10px;
}

.review_div .answer .info .date {
	color: #777;
	display: table-cell
}

.review_div .answer .txt {
	font-size: 14px;
	line-height: 20px;
	color: #777;
}

.review_div .answer .txt img {
	margin: 10px 0;
	width: 100%
}

.review_div .answer .txt img:first-child {
	margin-top: 0
}

.review_div .answer .txt img:last-child {
	margin-bottom: 0
}

.review_div .answer.on .txt {
	text-overflow: ellipsis;
	max-height: 60px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.review_div .answer.on .txt.on {
	display: block;
	-webkit-line-clamp: none;
	max-height: none;
}

.review_div .review_list .list_div .list .answer .open {
	display: none;
}

.review_div .review_list .list_div .list .answer.on .txt+.open {
	display: inline-block;
	background: url("/res/images/m_icn_down_32x32.png") right top no-repeat;
	background-size: 16px;
}

.review_div .review_list .list_div .list .answer.on .txt.on+.open {
	background: url("/res/images/m_icn_up_32x32.png") right top no-repeat;
	background-size: 16px;
}

.review_div .answer .txt span {
	font-family: "SpoqaNeo", "맑은 고딕", "Malgun Gothic", sans-serif !important;
}

.review_div .review_list .no_data_div {
	padding-top: 48px
}

.review_div .review_list .no_data_div .txt_area {
	padding: 80px 20px 24px;
}

.review_div .review_list .no_data_div .cont_box {
	position: relative
}

.review_div .review_list .no_data_div .cont_box .icn {
	margin-bottom: 12px;
}

.review_div .review_list .no_data_div .cont_box .icn img {
	width: 64px;
	height: 64px;
}

.review_div .review_list .no_data_div .cont_box .desc {
	font-size: 14px;
	line-height: 20px;
	color: #555;
}

/* 하단 안내 문구 리스트 */
.review_noti.accor_div {
	border-top: 10px solid #f9f9f9;
	margin-top: 24px;
	padding-bottom: 72px;
}

.review_noti.accor_div .list .open {
	display: block;
	height: 52px;
	padding: 16px 20px;
	border-bottom: 1px solid #f5f5f5;
	background: url("/res/images/icon/arrow-down-555.svg") top 50% right 20px / 20px;
}

.review_noti.accor_div .list.on .open {
	background-image: url("/res/images/icon/arrow-up-555.svg");
}

.review_noti.accor_div .close {
	display: none;
	padding: 24px 20px 0;
	pointer-events: none
}

.review_noti.accor_div .dot_indent p {
	color: #555;
}

/* 리뷰 상세 */
.review_dtl_div {
	padding-top: 32px
}

.review_dtl_div .product_list_div {
	border-bottom: 10px solid #f7f7f7;
	margin-bottom: 24px;
}

.review_dtl_div.review_dtl_pop .product_list_div {
	border-bottom: 10px solid #f7f7f7;
	margin-bottom: 24px;
}

.review_dtl_div.review_dtl_pop.layer_pop.full_pop .pop_con {
	padding-top: 32px;
	padding-bottom: 0
}

.review_dtl_div .product_list_div .list,
.review_dtl_div .product_list_div .product-item-list {
	position: relative;
	padding: 0 20px 16px 20px;
}

.review_dtl_div .product_list_div .product-item-list+.product-item-list {
	padding-top: 24px;
}

.review_dtl_div .product_list_div .product_list .price_div .price .won {
	color: #ccc;
	line-height: 20px
}

.review_dtl_div .product_list_div .product_list .price_div .price:nth-child(1) .won span {
	text-decoration: line-through
}

.review_dtl_div .product_list_div .product_list .price_div .price:nth-child(2) {
	margin-top: 4px
}

.review_dtl_div .product_list_div .product_list .price_div .price:nth-child(2) .won {
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #080202
}

.review_dtl_div .product_list_div .product_list .price_div .price:nth-child(2) .won span {
	text-decoration: none;
	font-size: 16px;
	vertical-align: top;
	line-height: 20px;
}

.review_dtl_div .product_list_div .product_list .price_div .price .dc {
	line-height: 20px
}

.review_dtl_div .product_list_div .list .thumb {
	position: relative;
	padding: 4px;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	background: #f7f7f7
}

.review_dtl_div .product_list_div .list .thumb.noimg {
	background: #f7f7f7
}

.review_dtl_div .product_list_div .list .thumb.noimg:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.review_dtl_div .product_list_div .list .thumb.noimg:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/res/images/m_noimg.png') no-repeat center;
	background-size: 100% auto
}

.review_dtl_div .product_list_div .list .pd_info {
	position: relative;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	padding: 8px 0 0 12px;
	height: 100px
}

.review_dtl_div .product_list_div .list .pd_info .tag {
	display: none;
}

.review_dtl_div .product_list_div .list .pd_info .etc {
	display: none;
}

.review_dtl_div .product_list .pd_info .badge {
	display: none;
}

/* .review_dtl_div .product_list_div .list .cart_btn {
	display: none;
} */

.review_dtl_div .product_list_div .list .heart {
	display: none;
}

.review_dtl_div .tit.name {
	max-height: 34px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 34px;
	font-size: 14px;
	line-height: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.review_dtl_div .tit .brand {
	font-weight: 500;
}

.review_dtl_div .price_div {
	position: absolute;
	bottom: 0;
	left: 12px;
}

.review_dtl_div .dtl_div {
	/* padding-top: 24px; */
	padding-bottom: 32px;
}

.review_dtl_div .dtl_div .product-item-list+.product-item-list {
	padding-top: 24px;
}

.review_dtl_div .dtl_div .info_div {
	width: 100%;
	position: relative
}

.review_dtl_div .dtl_div .info_div .report {
	position: absolute;
	top: 0;
	right: 0
}

.review_dtl_div .dtl_div .info_div .report:after {
	content: '';
	display: block;
	clear: both
}

.review_dtl_div .dtl_div .info_div .report a {
	position: relative;
	float: left;
	margin-left: 13px;
	font-size: 12px;
	line-height: 16px;
	color: #bbb
}

.review_dtl_div .dtl_div .info_div .report a:first-child {
	margin-left: 0
}

.review_dtl_div .dtl_div .info_div .report a:first-child:after {
	content: '';
	position: absolute;
	top: 3px;
	right: -7px;
	width: 1px;
	height: 10px;
	background: #eee
}

.review_dtl_div .dtl_div .info_div .tooltip_div {
	top: 0;
	right: 0
}

.review_dtl_div .dtl_div .info_div .info .star_div {
	float: left
}

.review_dtl_div .dtl_div .info_div .info .date {
	float: left;
	padding-left: 10px;
	font-size: 13px;
	line-height: 16px;
	color: #999;
}

.review_dtl_div .dtl_div .info_div .info .info_dtl {
	margin-top: 4px
}

.review_dtl_div .dtl_div .info_div .info .info_dtl .mem_id {
	font-size: 13px;
	line-height: 16px;
	color: #999;
	position: relative
}

.review_dtl_div .dtl_div .dtl {
	padding-top: 16px;
}

.review_dtl_div .dtl_div .dtl .txt {
	padding-bottom: 24px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	word-break: break-all
}

.review_dtl_div .dtl_div .dtl .img_div {
	width: 100%;
}

.review_dtl_div .dtl_div .dtl .img_div {
	width: 100%;
}

.review_dtl_div .dtl_div .dtl .img_div img {
	width: 100%;
	border-radius: 10px;
	margin-bottom: 16px;
}

.review_dtl_div .dtl_div .dtl .img_div img:last-child {
	margin-bottom: 0;
}

.review_dtl_div .answer {
	position: relative;
	padding: 24px 20px;
	background: #f9f9f9;
	border-radius: 10px;
	margin-top: 24px;
}

.dtl_div.mine .info_div .report {
	display: none
}

.review_dtl_div .answer+.answer {
	margin-top: -10px;
	padding: 35px 20px 24px
}

.review_dtl_div .answer+.answer:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	height: 1px;
	background: #eee
}

.review_dtl_div .answer .info {
	margin-bottom: 12px;
	font-size: 13px;
	line-height: 18px;
	display: table
}

.review_dtl_div .answer .info .name {
	color: #777;
	display: table-cell;
	padding-right: 10px;
}

.review_dtl_div .answer .info .date {
	color: #777;
	display: table-cell
}

.review_dtl_div .answer .txt {
	font-size: 14px;
	line-height: 20px;
	color: #777;
}

/* 한달 섭취 리뷰 추가 - 아코디언 버전 혜택 */
.review_wrt_div .new_benefit_div {
	border: 1px solid var(--color-primary-1);
	border-radius: 4px;
	margin-top: 0;
	margin-bottom: 20px;
	background: var(--color-secondary-3);
	overflow: hidden;
}

.review_wrt_div .new_benefit_div .accor_div .list .open {
	display: block;
	padding: 14px 20px;
	text-align: center;
}

.review_wrt_div .new_benefit_div .accor_div .list .open p {
	display: inline-flex;
	gap: 0 4px;
	width: 100%;
	padding-left: 26px;
	background-image: url("/res/images/icon/arrow-down-555.svg"), url("/res/images/icon/edit-111.svg");
	background-position: 100% 50%, 0 50%;
	background-size: 20px;
}

.new_benefit_div .accor_div .list.on .open p {
	background-image: url("/res/images/icon/arrow-up-555.svg"), url("/res/images/icon/edit-111.svg");
}

.review_wrt_div .new_benefit_div .accor_div .list .open p span,
.review_wrt_div .new_benefit_div .accor_div .list .open b,
.review_wrt_div .new_benefit_div .accor_div .list .open b span {
	color: var(--color-primary-1);
}

.review_wrt_div .new_benefit_div .accor_div .list .close {
	display: none;
	padding: 6px 20px 24px;
}

.review_wrt_div .new_benefit_div .accor_div .list .close .benefit_dtl.line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-top: 6px;
	position: relative
}

.review_wrt_div .new_benefit_div .accor_div .list .close .benefit_dtl.line:first-child {
	margin-top: 0;
}

.review_wrt_div .new_benefit_div .accor_div .list .close .line .left {
	text-align: left
}

.review_wrt_div .new_benefit_div .accor_div .list .close .line .right {
	text-align: right
}

.review_wrt_div .new_benefit_div .accor_div .list .close .line .right strong {
	font-weight: 500;
}

.review_wrt_div .new_benefit_div .accor_div .list .close .sub_txt p:not(:first-child) {
	margin-top: 6px;
}

.new_benefit_div .accor_div .list .close .benefit_dtl.best .term {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 40px;
	margin-top: 12px;
	padding: 0 12px;
	border-radius: 4px 4px 0 0;
	background-color: var(--color-secondary-2);
}

.new_benefit_div .accor_div .list .close .benefit_dtl.best .term .title {
	display: flex;
	align-items: center;
	height: 100%;
	padding-left: 30px;
	background: url(/res/images/icon/category/review.svg) 0 50% / 24px;
}

.new_benefit_div .accor_div .list .close .benefit_dtl.best .term .point {
	color: var(--color-primary-1);
}

.new_benefit_div .accor_div .list .close .benefit_dtl.best .desc {
	padding: 12px;
	border-radius: 0 0 4px 4px;
	background-color: #fff;
}

.new_benefit_div .accor_div .list .close .benefit_dtl.best .desc li {
	position: relative;
	padding-left: 8px;
	color: #555;
}

.new_benefit_div .accor_div .list .close .benefit_dtl.best .desc li+li {
	margin-top: 5px;
}

.new_benefit_div .accor_div .list .close .benefit_dtl.best .desc li:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 2px;
	display: block;
	width: 2px;
	height: 2px;
	background-color: #333;
}

/* 한달 섭취 리뷰 추가 - 아코디언 버전 혜택 */
.review_wrt_div .new_benefit_div {
	border: 1px solid var(--color-primary-1);
	border-radius: 4px;
	margin-top: 0;
	margin-bottom: 20px
}

/* 221202 리뷰 내 플래그 표기 */
/* 230428 리뷰 상세 내 플래그 표기 추가 */
.review_dtl_div .dtl_div .dtl .flag,
.review_div .review_list .list_div .list .bottom .dtl_box .dtl .flag {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.43;
	letter-spacing: -0.2px;
	color: #3cc814;
}

.review_dtl_div .dtl_div .dtl .flag:after,
.review_div .review_list .list_div .list .bottom .dtl_box .dtl .flag:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	margin: 0 8px;
	background-color: #ddd;
}
@charset "utf-8";

.order_div .more_area:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.order_div .more_area .more {
	display: block;
	margin: 24px auto 0;
	padding: 13px 0;
	width: 256px;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 24px
}

.order_div .more_area .more span {
	display: inline-block;
	padding-right: 18px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/m_icn_down_32x32.png') no-repeat right center;
	background-size: 16px
}

.order_div .section {
	position: relative;
	padding-bottom: 24px
}

.order_div .section:last-child {
	padding-bottom: 0
}

.order_div .section:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.order_div .section:first-child:before {
	display: none
}

.order_div .section .tit_area {
	position: relative;
	padding-top: 24px
}

.order_div .section .tit_area .tit {
	position: relative;
	display: inline-block;
	padding-right: 18px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.order_div .section .tit_area .tit .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center 1px;
	background-size: 16px
}

.order_div .section .chg {
	position: absolute;
	top: 24px;
	right: 0;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_div .section .cont {
	margin-top: 24px
}

.order_div .section .cont .address_div {
	position: relative;
}

.order_div .section .cont .address_div .tit {
	display: inline-block;
	position: relative;
	max-width: calc(100% - 130px);
	max-width: -webkit-calc(100% - 130px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_div .section .cont .address_div .address {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	max-width: calc(100% - 80px);
	max-width: -webkit-calc(100% - 80px);
}

.order_div .section .cont .address_div .info {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

.order_div .section .cont .address_div .info b {
	word-break: break-all
}

.order_div .section .cont .address_div .comment {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_div .section .cont .address_div .edit {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_div .section .cont .devide {
	padding-bottom: 24px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee
}

.order_div .section .cont .devide:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.order_div .section .cont .devide .input_form:first-child {
	margin-top: 0
}

.order_div .section .cont .devide .input_form .tit:after {
	content: '';
	display: block;
	clear: both
}

.order_div .section .cont .devide .input_form .tit span {
	float: right;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.order_div .section .cont .devide .input_form .tit span b {
	color: #3cc814
}

.order_div .section .cont .devide .price_list {
	margin-top: 12px
}

.order_div .section .cont .devide .price_list:first-child {
	margin-top: 0
}

.order_div .section .cont .devide .price_list .line {
	margin-top: 6px;
	padding-left: 12px;
	background: url('/res/images/icon/sub-mark.svg') 0 50%;
}

.order_div .section .cont .devide .price_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_div .section .cont .devide .price_list .line .left {
	float: left;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.order_div .section .cont .devide .price_list .line .left.tool {
	position: relative;
	padding-right: 18px;
}

.order_div .section .cont .devide .price_list .line .left.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/m_icn_question_32x32.png') no-repeat center 3px;
	background-size: 16px
}

.order_div .section .cont .devide .price_list .line .right {
	float: right;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.order_div .section .cont .devide .price_list .line .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
	color: inherit;
}

.order_div .section .cont .devide .price_list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.order_div .section .cont .devide .price_list .line:first-child .left {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.order_div .section .cont .devide .price_list .line:first-child .right {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.order_div .section .cont .devide .price_list .line:first-child .right span {
	font-size: 16px
}

.order_div .section .cont .devide .price_list.final_cost .line .left {
	line-height: 24px
}

.order_div .section .cont .devide .price_list.final_cost .line .right {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #3cc814
}

.order_div .section .cont .devide .price_list.final_cost .line .right span {
	font-size: 20px
}

.order_div .section .cont .text {
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.order_div .section .cont .text+.box_area {
	margin-top: 16px
}

.order_div .section .cont .box_area {
	padding: 20px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_div .section .cont .box_area:after {
	content: '';
	display: block;
	clear: both
}

.order_div .section .cont .box_area p {
	position: relative;
	margin-top: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.order_div .section .cont .box_area p:first-child {
	margin-top: 0
}

.order_div .section .cont .box_area p b {
	font-weight: 500
}

.order_div .section .cont .box_area p em {
	display: inline-block;
	margin-left: 8px;
	font-style: normal;
	font-size: 14px;
	line-height: 16px;
	color: #f05b5a
}

.order_div .section .cont .box_area p span {
	position: relative;
	float: left;
	margin-right: 17px;
}

.order_div .section .cont .box_area p span:after {
	content: '';
	position: absolute;
	right: -9px;
	top: 3px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.order_div .section .cont .box_area p span:last-child {
	margin-right: 0
}

.order_div .section .cont .box_area p span:last-child:after {
	display: none
}

.order_div .section .receive_summary {
	border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ccc;
	padding: 18px 24px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_div .section .receive_summary:after {
	content: '';
	display: block;
	clear: both;
}

.order_div .section .receive_summary .left {
	float: left
}

.order_div .section .receive_summary .right {
	text-align: right;
	float: right
}

.order_div .section .message_div {
	margin-top: 20px;
	padding-bottom: 88px;
	position: relative;
}

.order_div .section .message_div .present_msg {
	padding: 12px 20px;
	margin: auto -20px;
	background: #f9f9f9;
}

.order_div .section .message_div .present_msg .swiper-slide {
	width: auto;
	border-radius: 6px;
	padding: 4px;
}

.order_div .section .message_div .present_msg .swiper-slide.on {
	border: 2px solid #3cc814;
}

.order_div .section .message_div .bg_area {
	position: relative;
}

.order_div .section .message_div .bg_area img {
	width: 100%
}

.order_div .section .message_div .textarea_wrap {
	position: absolute;
	width: calc(100% - 72px);
	height: 203px;
	padding: 20px 20px 46px 20px;
	border-radius: 4px;
	background: #fff;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	box-shadow: 0px 0px 30px 0px #0000001A;
}

.order_div .section .message_div .textarea_wrap textarea {
	width: 100%;
	height: 136px;
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	background: url("/res/images/m_txtarea_bg.png") top left #fff;
	background-repeat: repeat-y !important;
	background-size: 100% 34px;
	padding: 0 10px;
}

.order_div .section .message_div .textarea_wrap .msg_from {
	color: #777;
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	bottom: 24px;
	right: 24px;
}

.order_div .section .gift_already {
	margin-top: 24px;
	font-size: 13px;
	line-height: 16px;
	color: #999;
	text-align: center
}

.order_div .section .re_message_btn {
	display: block;
	margin-top: 24px;
	padding: 11px 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 10px
}

.order_div .section.point .cont .devide .price_list .line .right {
	display: flex;
  align-items: center;
}

.order_div .section.point .cont .devide .price_list .line:first-child .left {
	line-height: 20px;
}

.order_div .section.point .cont .devide .price_list .line:first-child .right {
	font-weight: 400;
	line-height: 20px;
}

.order_div .section.point .cont .devide .price_list .line:first-child .right span {
	font-weight: 500;
	line-height: 24px;
}

.order_div .section.point .cont .devide .price_list .line:not(:first-child) .left {
	line-height: 18px;
}

.order_div .section.point .cont .devide .price_list .line:not(:first-child) .right {
	font-weight: 400;
	line-height: 18px;
}

.order_div .section.point .cont .devide .price_list .line:not(:first-child) .right span {
	line-height: 20px;
}

/* 주문상세 */
.order_edit_div {
	position: relative;
	padding: 24px 0 calc(env(safe-area-inset-bottom) + 118px)
}

.order_edit_div .product_chk .top {
	position: relative;
	padding: 0 20px 16px
}

.order_edit_div .product_chk .top:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .product_chk .top .chk_box {
	float: left
}

.order_edit_div .product_chk .list_div {
	padding: 0 20px;
	border-top: 1px solid #eee
}

.order_edit_div .product_chk .list_div .list,
.order_edit_div .product_chk .list_div .product-item-list {
	position: relative;
	padding: 16px 0;
	border-top: 1px solid #eee
}

.order_edit_div .product_chk .list_div .list:first-child,
.order_edit_div .product_chk .list_div .product-item-list:first-child {
	border-top: none
}

.order_edit_div .product_chk .list_div .list:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .product_chk .list_div .list .chk_box {
	float: left;
	width: 24px
}

.order_edit_div .product_chk .list_div .list .chk_box input[type="checkbox"]+label {
	padding: 50px 12px
}

.order_edit_div .product_chk .list_div .list .chk_box input[type="checkbox"]+label:after {
	top: 36px
}

.order_edit_div .product_chk .list_div .list .count_div {
	position: absolute;
	bottom: 16px;
	left: 146px
}
.order_edit_div .product_chk+.section {
	margin-top: 0
}

.order_edit_div .text_top {
	padding-bottom: 16px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #eee
}

.order_edit_div .text_top+.section {
	margin-top: 0
}

.order_edit_div .text_top+.section:before {
	display: none
}

.order_edit_div .text_top+.section .product_info {
	margin-top: 16px
}

.order_edit_div .text_top+.product_chk {
	margin-top: 16px
}

.order_edit_div .section {
	margin-top: 24px
}

.order_edit_div .section:first-child {
	margin-top: 0
}

.order_edit_div .section:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.order_edit_div .section:first-child:before {
	display: none
}

.order_edit_div .section:first-child .title {
	padding-top: 0
}

.order_edit_div .section .title {
	position: relative;
	padding-top: 24px;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.order_edit_div .section .title:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .section .title a {
	float: right;
	font-size: 14px;
	line-height: 22px;
	color: #3cc814;
	text-decoration: underline
}

.order_edit_div .section .title span {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814
}

.order_edit_div .section .title span b {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top
}

.order_edit_div .section .title+.dot_indent {
	margin-top: 12px;
}

.order_edit_div .section .dot_indent p:only-child {
	padding-left: 18px;
	color: #999;
	font-size: 13px;
	line-height: 18px;
	background: url(/res/images/icon/noti-bbb.svg) 0 50% / 16px;
}

.order_edit_div .section .dot_indent p:only-child:before {
display: none;
}

.order_edit_div .section .product_info .list,
.order_edit_div .section .product_info .product-item-list:not(.gift),
.order_edit_div .section .list_div .product-item-list:not(.gift) {
	padding-top: 16px;
	margin-top: 16px;
	border-top: 1px solid #eee;
}

.order_edit_div .section .product_info .list:nth-of-type(1),
.order_edit_div .section .product_info .product-item-list:not(.gift):nth-of-type(1),
.order_edit_div .section .list_div .product-item-list:not(.gift):nth-of-type(1) {
	padding-top: 0;
	margin-top: 0;
	border-top: 0
}

.order_edit_div .section .product_info .list:last-child,
.order_edit_div .section .product_info .product-item-list:not(.gift):last-child,
.order_edit_div .section .list_div .product-item-list:not(.gift):last-child {
	padding-bottom: 0
}

.order_edit_div .section .product_info .order-gift,
.order_edit_div .section .list_div .order-gift {
	position: relative;
	margin-top: 33px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.order_edit_div .section .product_info .order-gift:before,
.order_edit_div .section .list_div .order-gift:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 16px;
	margin-bottom: 16px;
	background-color: #eee;
	position: absolute;
	top: -34px;
}


.order_edit_div .section .product_info .list .add_box {
	margin-top: 16px;
	padding: 14px 12px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_edit_div .section .product_info .list .add_box p {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .section .product_info .list .add_box p b {
	font-weight: 700;
	color: #3cc814
}

.order_edit_div .section .icon_noti, .order_edit_div .section .icon_noti {
	margin-top: 12px;
	padding-left: 18px;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	background: url('/res/images/icon/noti-bbb.svg') no-repeat left top / 16px;
}

.order_edit_div .section .cont {
	margin-top: 24px
}

.order_edit_div .section .cont .address_div {
	position: relative;
}

.order_edit_div .section .cont .address_div .tit {
	display: inline-block;
	position: relative;
	max-width: calc(100% - 130px);
	max-width: -webkit-calc(100% - 130px);
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .section .cont .address_div .address {
	margin-top: 16px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .section .cont .address_div .info {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .section .cont .address_div .info b {
	word-break: break-all
}

.order_edit_div .section .cont .address_div .comment {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .section .cont .address_div .edit {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_edit_div .section .cont .devide {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee
}

.order_edit_div .section .cont .devide:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.order_edit_div .section .cont .devide .input_form:first-child {
	margin-top: 0
}

.order_edit_div .section .cont .devide .input_form .tit:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .section .cont .devide .input_form .tit span {
	float: right;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.order_edit_div .section .cont .devide .input_form .tit span b {
	color: #3cc814
}

.order_edit_div .section .cont .devide .price_list {
	margin-top: 12px
}

.order_edit_div .section .cont .devide .price_list:first-child {
	margin-top: 0
}

.order_edit_div .section .cont .devide .price_list .line {
	margin-top: 8px;
	padding-left: 12px;
	background: url('/res/images/m_icn_subtext.png') no-repeat left 4px;
	background-size: 10px
}

.order_edit_div .section .cont .devide .price_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .section .cont .devide .price_list .line .left {
	float: left;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.order_edit_div .section .cont .devide .price_list .line .right {
	float: right;
	font-weight: 500;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.order_edit_div .section .cont .devide .price_list .line .right span {
	display: inline-block;
	font-size: 14px;
	vertical-align: top
}

.order_edit_div .section .cont .devide .price_list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.order_edit_div .section .cont .devide .price_list .line:first-child .left {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.order_edit_div .section .cont .devide .price_list .line:first-child .right {
	font-size: 14px;
	line-height: 24px;
	color: #000
}

.order_edit_div .section .cont .devide .price_list .line:first-child .right span {
	font-size: 16px
}

.order_edit_div .section .cont .devide .price_list.final_cost .line .left {
	line-height: 24px
}

.order_edit_div .section .cont .devide .price_list.final_cost .line .right {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #3cc814
}

.order_edit_div .section .cont .devide .price_list.final_cost .line .right span {
	font-size: 20px
}

.order_edit_div .section .cont .text {
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.order_edit_div .section .cont .text+.box_area {
	margin-top: 16px
}

.order_edit_div .section .cont .box_area {
	position: relative;
	padding: 20px;
	background: #F7F7F7;
	border-radius: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.order_edit_div .section .cont .box_area:after {
	content: '';
	display: block;
	clear: both
}

.order_edit_div .section .cont .box_area p {
	position: relative;
	margin-top: 10px;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.order_edit_div .section .cont .box_area p:first-child {
	margin-top: 0
}

.order_edit_div .section .cont .box_area p b {
	display: inline-block;
	font-weight: 500;
	vertical-align: top
}

.order_edit_div .section .cont .box_area p strong {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top
}

.order_edit_div .section .cont .box_area p span {
	position: relative;
	float: left;
	margin-right: 17px;
}

.order_edit_div .section .cont .box_area p span:after {
	content: '';
	position: absolute;
	right: -9px;
	top: 3px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.order_edit_div .section .cont .box_area p span:last-child {
	margin-right: 0
}

.order_edit_div .section .cont .box_area p span:last-child:after {
	display: none
}

.order_edit_div .section .cont .box_area a {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_edit_div .section .cont .noti-msg {
	margin-top: 12px;
	padding-left: 18px;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	background: url('/res/images/icon/noti-bbb.svg') no-repeat left top / 16px;
}

.order_edit_div .section .cont .radio_div {
	position: relative;
	margin-top: 16px
}

.order_edit_div .section .cont .radio_div:first-child {
	margin-top: 0
}

.order_edit_div .section .cont .radio_div .radio_box input[type="radio"]+label {
	font-weight: 400;
	font-size: 14px
}

.order_edit_div .section .cont .radio_div .noti {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	line-height: 16px;
	color: #999
}

.order_edit_div .section .cont .dot_indent {
	margin-top: 12px
}

.order_edit_div .section .cont .virtual_account {
	margin-top: 16px
}

.order_edit_div .section .cont .virtual_account .box_area p {
	display: flex;
	align-items: center;
}

.order_edit_div .section .cont .virtual_account a{
	position: static;
	margin-left: 6px;
	text-decoration: none;
}

.order_edit_div .section .cont .virtual_account select {
border: 1px solid #ddd;
}

.order_edit_div .section .cont .virtual_account .btn {
	display: block;
	margin-top: 16px;
	margin-left: 0;
	padding: 11px 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 4px
}

.order_edit_div .section .cont .textarea_div .textarea_wrap {
	width: 100%;
	height: 120px;
	background: #f9f9f9;
	padding: 14px 12px 42px 12px;
}

.order_edit_div .section .cont .textarea_div .textarea_wrap textarea {
	width: 100%;
	height: 64px;
}

.order_edit_div.cnl .product_chk .top .chk_box input[type="checkbox"]+label {
	color: #111;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;	
} 

.order_edit_div .comp_div .top {
	padding: 120px 0 32px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #111;
	text-align: center;
	background: url('/res/images/icon/success-p1.svg') no-repeat center 32px;
}

.order_edit_div .comp_div .top+.section {
	margin-top: 0
}

.order_edit_div .comp_div .top+.section:before {
	height: 1px;
	background-color: #eee;
}

.order_edit_div .comp_div .section .list_div {
	margin-top: 16px
}

.order_edit_div .comp_div .section .list_div .list {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee
}

.order_edit_div .comp_div .section .list_div .list:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none
}

.order_edit_div .comp_div .section .list_div .list .add_box {
	margin-top: 16px;
	padding: 14px 12px;
	background: #f7f7f7;
	border-radius: 10px
}

.order_edit_div .comp_div .section .list_div .list .add_box p {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.order_edit_div .comp_div .section .list_div .list .add_box p b {
	font-weight: 700;
	color: #3cc814
}

.order_edit_div .comp_div .section .icon_noti {
	margin-top: 14px;
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	background: url('/res/images/icon/tooltip-bbb.svg') no-repeat left 1px;
	background-size: 16px;
}

.order_edit_div .comp_div .section .dot_indent:first-child {
	margin-top: 24px
}

.order_edit_div .comp_div .section .dot_indent p {
	margin-top: 2px
}

.order_edit_div .comp_div .section .dot_indent p:first-child {
	margin-top: 0
}

.order_bottom_btn {
	display: flex;
	gap: 0 4px;
	position: fixed;
	bottom: constant(safe-area-inset-bottom);
	bottom: env(safe-area-inset-bottom);
	left: 0;
	padding: 0 20px 20px;
	width: 100%;
	background: #fff;
	box-shadow: 0 -20px 10px 0 rgba(255, 255, 255, 0.5)
}

.order_bottom_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	border-radius: 4px
}

.order_bottom_btn a:first-child {
	margin-left: 0
}

.order_bottom_btn a.grn {
	color: #fff;
	background: #3cc814;
	border: 1px solid #3cc814
}

.order_bottom_btn a.grn_line {
	color: #3cc814;
	background: #fff;
	border: 1px solid #3cc814
}

.order_bottom_btn a.disabled_btn {
	color: #fff;
	background: #ddd;
	border: 1px solid #ddd
}
@charset "utf-8";

/* Q&A */
.qna_div .dot_indent {
	padding-bottom: 26px;
}

.qna_div .no_data_div {
	padding:72px 0 0;
}

.qna_div .no_data_div .txt_area {
	padding: 80px 20px 24px;
}

.qna_div .filter_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 10px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 20px 20px 20px 22px;
}

.qna_div .filter_div .filter select {
	height: 20px;
	background: url('/res/images/icon/arrow-down-555.svg') center right no-repeat #fff;
	background-size: 20px;
	padding: 0 22px 0 0;
}

.qna_div .filter_div .filter select:focus {
	outline: none;
	border: none;
	border-radius: 0;
}

.qna_div .qna_list_div .list {
	border-bottom: 1px solid #eee;
}

.qna_div .qna_list_div .list .open {
	padding-top: 24px;
	padding-bottom: 24px;
	display: table;
	width: 100%;
}

.qna_div .qna_list_div .list .open .left {
	display: table-cell;
	padding: 4px;
	width: 100px;
	height: 100px;
	vertical-align: middle;
	background: #f7f7f7;
	border-radius: 10px;
	text-align: center;
}

.qna_div .qna_list_div .list .open .left img {
	width: 100%;
}

.qna_div .qna_list_div .list .open .right {
	display: table-cell;
	padding-left: 12px;
	vertical-align: middle;
}

.qna_div .qna_list_div .list .open .right .product {
	font-size: 14px;
	line-height: 18px;
	padding-top: 2px;
	color: #555;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	max-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.qna_div .qna_list_div .list .open .right .product .brand {
	font-weight: 500
}

.qna_div .qna_list_div .list .open .right .tit {
	margin-top: 8px;
}

.qna_div .qna_list_div .list .open .tit {
	font-size: 16px;
	word-break: break-all;
	line-height: 16px;
	color: #111;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.qna_div .qna_list_div .list.secret .open .tit:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("/res/images/icon/lock-111.svg") center no-repeat;
	background-size: 20px;
	vertical-align: middle;
	margin-right: 2px;
}

.qna_div .qna_list_div .list .open .info {
	display: flex;
	align-items: center;
	font-size: 13px;
	line-height: 16px;
}

.qna_div .qna_list_div .list .open .info p {
	position: relative;
	margin-top: 6px;
	padding-right: 17px;
	color: #bbb;
}

.qna_div .qna_list_div .list .open .info p:last-child {
	padding-right: 0;
}

.qna_div .qna_list_div .list .open .info p:after {
	display: block;
	content: '';
	width: 1px;
	height: 10px;
	background: #ddd;
	position: absolute;
	top: calc(50% - 5px);
	top: -webkit-calc(50% - 5px);
	right: 7px;
}

.qna_div .qna_list_div .list .open .info p:last-child:after {
	display: none
}

.qna_div .qna_list_div .list.wait .open .info .state {
	color: #111;
}

.qna_div .qna_list_div .list.wait .close {
	padding: 0 20px;
}

.qna_div .qna_list_div .list.comp .open .info .state {
	color: var(--color-primary-1);
}

.qna_div .qna_list_div .list .open .info .mem_id {
	color: #bbb;
}

.qna_div .qna_list_div .list .open .info .date {
	color: #bbb
}

.qna_div .qna_list_div .list .close {
	border-top: none;
	padding-bottom: 24px;
}

.qna_div .qna_list_div .list .question {
	border-top: 1px solid #eee;
	display: table;
	padding-top: 20px;
	width: 100%;
}

.qna_div .qna_list_div .list .question .txt {
	width: calc(100% - 16px);
	width: -webkit-calc(100% - 16px);
	font-size: 14px;
	line-height: 20px;
	color: #333;
	word-break: break-all
}

.qna_div .qna_list_div .list .question .tooltip_div.wrt_tooltip {
	display: table-cell;
	position: relative;
	top: 0;
	right: 0;
	background: none;
}

.qna_div .qna_list_div .list .answer {
	position: relative;
	padding: 20px;
	background: #f9f9f9;
	border-radius: 4px;
	margin-top: 16px;
}

.qna_div .qna_list_div .list .answer+.answer {
	margin-top: -10px;
	padding: 35px 20px 24px
}

.qna_div .qna_list_div .list .answer+.answer:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
	width: calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	height: 1px;
	background: #eee
}

.qna_div .qna_list_div .list .answer .info {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	font-size: 13px;
	line-height: 18px;
}

.qna_div .qna_list_div .list .answer .info .name {
	position: relative;
	color: #333;
	padding-right: 21px;
}

.qna_div .qna_list_div .list .answer .info .name:after {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	background: #ddd;
	position: absolute;
	right: 9px;
	top: calc(50% - 5px);
}

.qna_div .qna_list_div .list .answer .info .date {
	color: #333;
}

.qna_div .qna_list_div .list .answer .txt {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	word-break: break-all;
}

.qna_div .qna_list_div .list .answer .txt * {
	color: inherit !important;
	font: inherit !important;
	letter-spacing: inherit !important;
}

.qna_div .qna_list_div .list .answer img {
	margin: 10px auto 0;
	width: 100%
}

.qna_div .qna_list_div .list .answer img:first-child {
	margin-top: 0
}

.qna_div .qna_list_div .list .answer img:last-child {
	margin-bottom: 0
}

.qna_div .qna_list_div .list .answer .plus-btn {
	margin-top: 16px;
}

/* qna 작성 */
.qna_wrt_div {
	padding-top: 24px;
}

.qna_wrt_div .textarea_div .textarea_wrap {
	margin-top: 12px;
	width: 100%;
	height: 120px;
	background: #f9f9f9;
	padding: 14px 12px 42px 12px;
}

.qna_wrt_div .input_area input {
	margin-right: 0;
}

.qna_wrt_div .textarea_div .textarea_wrap textarea {
	width: 100%;
	height: 64px;
}

.qna_wrt_div .chk_box {
	margin-top: 20px;
}

.qna_wrt_div .noti {
	margin-top: 12px;
}

.qna_wrt_div .btn {
	margin-top: 32px;
	padding-bottom: 24px;
	display: flex;
}

.qna_wrt_div .btn a {
	width: 100%;
	height: 48px;
	margin-left: 8px;
}

.qna_wrt_div .btn a:first-child {
	margin-left: 0
}

.qna_wrt_div .accor_div {
	border-top: 10px solid #f9f9f9
}

.qna_wrt_div .accor_div .list .open {
	display: block;
	border-bottom: 1px solid #f9f9f9;
	padding: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #111;
	/* line-height: 16px 20px; */
	background: url("/res/images/icon/arrow-down-555.svg") center right 16px / 20px;
	background-size: 20px;
}

.qna_wrt_div .accor_div .list.on .open {
	background-image: url("/res/images/icon/arrow-up-555.svg");
}

.qna_wrt_div .accor_div .close {
	display: none;
	padding: 16px 20px 32px 20px;
}

.qna_wrt_div .accor_div .close .dot_indent p {
	color: #555;
}
@charset "utf-8";

.membership-benefit {
	margin-top: -20px;
}

/* 인트로 */
.membership-benefit .intro {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 248px;
	background: url(/res/images/membership-benefit/mo-intro-bg.png) 50% 50% / cover;
}

.membership-benefit .intro>div {
	position: relative;
	display: flex;
	align-items: center;
}

.membership-benefit .intro .title {
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 24px 8px;
	width: 280px;
	z-index: 1;
}

.membership-benefit .intro .term {
	order: 2;
}

.membership-benefit .intro .desc {
	order: 1;
	width: 100%;
	text-align: center;
}

.membership-benefit .intro .up {
	order: 3;
	margin-top: -20px;
	animation: float 2s ease-in-out infinite;
}

.membership-benefit .intro .up img {
	width: 134px;
}

@keyframes float {
	0% {
		transform: translateY(15px);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(15px);
	}
}

.membership-benefit .intro .twinkle-wrap {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}

.membership-benefit .intro .twinkle-wrap img {
	animation: twinkle 1s linear infinite;
}

.membership-benefit .intro .twinkle-wrap .twinkle1 {
	position: absolute;
	left: 6.5%;
	transform: translateX(-50%);
	bottom: 16%;
	width: 20px;
	height: 20px;
}

.membership-benefit .intro .twinkle-wrap .twinkle2 {
	position: absolute;
	right: 6%;
	transform: translateX(-50%);
	bottom: 1%;
	width: 16px;
	height: 16px;
	animation-delay: -0.5s;
}

.membership-benefit .intro .twinkle-wrap .twinkle3 {
	position: absolute;
	right: 1%;
	transform: translateX(-50%);
	bottom: 12%;
	width: 10px;
	height: 10px;
}

.membership-benefit .intro .share-btn {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 24px;
	height: 24px;
	background: url(/res/images/icon/share-fff.svg);
}

@keyframes twinkle {
	0% {
		transform: scale(0.6);
		opacity: 0.2;
	}

	50%,
	58% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(0.6);
		opacity: 0.2;
	}
}

.membership-benefit .tab-wrap .tab-head {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 40px;
	z-index: 2;
}

.membership-benefit .tab-wrap .tab-head.fixed {
	position: fixed;
	top: 0;
}

.membership-benefit .tab-wrap .tab-head li {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	background-color: #4033A1;
	cursor: pointer;
}

.membership-benefit .tab-wrap .tab-head li.on {
	font-weight: 700;
	background-color: #FC6797;
}

.membership-benefit .tab-wrap .tab-body>div:not(.welcome-benefit),
.membership-benefit .tab-wrap .tab-body .join-benefit,
.membership-benefit .tab-wrap .tab-body .first-buy {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 50px 0;
}

.membership-benefit .tab-wrap .tab-body>div .title {
	margin-bottom: 32px;
	text-align: center;
}

.membership-benefit .tab-wrap .tab-body>div .title .term,
.membership-benefit .tab-wrap .tab-body>div .title .desc {
	color: #111
}

.membership-benefit .tab-wrap .tab-body>div .title .term {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-top: 1px;
}

.membership-benefit .tab-wrap .tab-body>div .title .desc {
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
}

.membership-benefit .particle-container {
	position: relative;
	width: 100%;
	height: 140px;
	margin-top: -140px;
	overflow: hidden;
}

.membership-benefit .particle-container .particle {
	position: absolute;
	opacity: 0.8;
	pointer-events: none;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container {
	width: 100%;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container.swiper-disabled {
	width: max(calc(100% - 120px), 240px);
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide {
	padding: 20px;
	border-radius: 10px;
	background-color: #fff;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide.swiper-slide-active {
	transform: scale(1);
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container:not(.swiper-disabled) .swiper-slide:not(.swiper-slide-active) {
	opacity: 0.4;
	transform: scale(0.9);
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .thumb {
	height: auto;
	padding: 16px;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .thumb img {
	width: 100%;
	height: 100%;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .soldout {
	font-size: 18px;
	line-height: 26px;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .buy-guide {
	height: 24px;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .info {
	position: relative;
	margin-top: 16px;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .info .price-list {
	display: inline-flex;
	flex-direction: column;
	margin-top: 10px;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .info .price-list li {
	display: flex;
	align-items: center;
	gap: 0 6px;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .info .price-list li .term {
	color: #777;
	font-size: 12px;
	line-height: 16px;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .info .price-list li .price {
	position: relative;
	color: #111;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .info .price-list li:nth-child(2) .term {
	font-size: 14px;
	line-height: 20px;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .info .price-list li:nth-child(2) .price {
	font-size: 20px;
	line-height: 28px;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .info .price-list li .percent {
	color: #FF3894;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .info .price-list li .price .flag {
	position: absolute;
	top: -26px;
	left: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	padding: 0 12px;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	white-space: nowrap;
	background-color: #FF3894;
	border-radius: 13px;
	z-index: 1;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .info .price-list li .price .flag:after {
	content: '';
	position: absolute;
	bottom: -7px;
	left: 11px;
	display: block;
	width: 10px;
	height: 10px;
	background: url(/res/images/membership-benefit/flag-tail.svg) no-repeat 0 50% / contain;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .info .price-list li.coupon-price {
	justify-content: center;
	gap: 0 4px;
	height: 28px;
	margin-top: 8px;
	color: #FF3894;
	font-size: 12px;
	line-height: 16px;
	background-color: #FFEFF6;
	border-radius: 2px;
}

.membership-benefit .tab-wrap .tab-body .welcome-benefit .swiper-container .swiper-slide .info .price-list li.coupon-price strong {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

.membership-benefit .tab-wrap .tab-body .product-list-1 {
	width: 740px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 14px;
}

.membership-benefit .tab-wrap .tab-body .precaution {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 20px 0;
	width: 100%;
	margin-top: 40px;
	padding: 0 20px;
}

.membership-benefit .tab-wrap .tab-body .precaution .term {
	padding-right: 22px;
	color: #bbb;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	background: url(/res/images/icon/arrow-down-ccc.svg) 100% 50% / 20px;
	cursor: pointer;
}

.membership-benefit .tab-wrap .tab-body .precaution.on .term {
	background-image: url(/res/images/icon/arrow-up-ccc.svg);
}

.membership-benefit .tab-wrap .tab-body .precaution ul {
	display: flex;
	flex-direction: column;
	gap: 4px 0;
}

.membership-benefit .tab-wrap .tab-body .precaution ul li {
	position: relative;
	padding-left: 8px;
	color: #ccc;
	font-size: 13px;
	line-height: 18px;
}

.membership-benefit .tab-wrap .tab-body .precaution ul li:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	display: block;
	width: 2px;
	height: 2px;
	margin: 0 2px;
	background: #777;
	border-radius: 100%
}

/* 가입 즉시 혜택 */
.membership-benefit .tab-wrap .tab-body .join-benefit {
	background-color: #04012B;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .title .term,
.membership-benefit .tab-wrap .tab-body .join-benefit .title .desc {
	color: #fff
}

.membership-benefit .tab-wrap .tab-body .join-benefit .benefit-info {
	display: flex;
	align-items: center;
	gap: 0 44px;
	margin-bottom: 32px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .benefit-info li {
	position: relative;
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
	padding-top: 70px;
	text-align: center;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .benefit-info li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #4033A1;
	background-position: 50%;
	background-repeat: no-repeat;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .benefit-info li.point:before {
	background-image: url(/res/images/icon/point-s1.svg);
}

.membership-benefit .tab-wrap .tab-body .join-benefit .benefit-info li.coupon:before {
	background-image: url(/res/images/icon/coupon-s1.svg);
}

.membership-benefit .tab-wrap .tab-body .join-benefit .benefit-info li .term {
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .benefit-info li .desc {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .benefit-info li .desc strong {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}

/* 첫 구매 특가 */
.membership-benefit .tab-wrap .tab-body .first-buy {
	background-color: #271990;
}

.membership-benefit .tab-wrap .tab-body .first-buy .title .term,
.membership-benefit .tab-wrap .tab-body .first-buy .title .desc {
	color: #fff
}

/* 사은품 혜택 */
.membership-benefit .tab-wrap .tab-body .gift-benefit {
	background-color: #DCDFFF;
	overflow: hidden;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .title {
	position: relative;
	width: 100%;
	height: 158px;
	margin-top: -50px;
	margin-bottom: 0;
	padding-top: 50px;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .title .term,
.membership-benefit .tab-wrap .tab-body .gift-benefit .title .desc{
	position: relative;
	z-index: 1;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .title .bg-wrap {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .title .bg-wrap [class*=balloon] {
	position: absolute;
	animation: float 3.5s ease-in-out infinite;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .title .bg-wrap .balloon1 {
	top: 32px;
	left: -50px;
	width: 138px;
	height: 148px;
	background: url(/res/images/membership-benefit/mo-gift-benefit-balloon-01.png) 50% 100%;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .title .bg-wrap .balloon2 {
	top: -40px;
	right: 26px;
	width: 86px;
	height: 94px;
	background: url(/res/images/membership-benefit/mo-gift-benefit-balloon-02.png) 50% 100%;
	animation-delay: -1s;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .title .bg-wrap .particle-wrap {
	width: 50%;
	height: 100%;
	overflow: hidden;
	margin: auto;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .title .bg-wrap .particle-wrap .particle {
	position: absolute;
	pointer-events: none;
	opacity: 1;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift {
	width: calc(100% - 40px);
	margin-top: -38px;
	padding: 0;
	background: none;
	border-radius: 10px;
	overflow: hidden;
	z-index: 1;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift:before {
	content: '';
	display: block;
	width: 98px;
	height: 38px;
	margin: 0 auto;
	background: url(/res/images/membership-benefit/mo-gift-benefit-ribon.png) no-repeat 50% 100%;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .head {
	padding: 20px 13px;
	background-color: #EFF2FF;
	border-radius: 10px 10px 0 0;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .head .rolling-comment {
	height: 26px;
	overflow: hidden;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .head .rolling-comment ul {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .head .rolling-comment li {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 6px;
	height: 26px;
	line-height: 26px;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .head .rolling-comment li .term {
	color: #111;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .head .rolling-comment li .flag {
	height: 24px;
	padding: 0 6px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	border-radius: 6px;
	background-color: #8A9AFF;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .head .desc {
	display: block;
	width: 100%;
	padding-top: 4px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .head .date {
	display: block;
	width: 100%;
	padding-top: 4px;
	color: #999;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-container {
	margin: 0;
	padding: 20px 0;
	background-color: #fff;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-container.swiper-2 {
	display: flex;
	justify-content: center;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-container.swiper-2 .swiper-wrapper {
	width: calc(100% - 80px);
}
.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-container.swiper-1 .swiper-slide {
	flex-direction: row;
	gap: 0 18px;
	padding: 0 40px;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-container.swiper-1 .swiper-slide .info {
	flex: 1;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px 0;
	width: 110px;
	padding: 0;
	border-radius: 0;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-slide .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 110px;
	background-color: #F7F7F7;
	border-radius: 50%;
	overflow: hidden;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-slide .thumb img {
	width: 90px;
	height: 90px;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-slide .info {
	display: flex;
	flex-direction: column;
	gap: 6px 0;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-slide .info .term {
	color: #111;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-slide .info .desc {
	color: #999;
	font-size: 13px;
	line-height: 18px;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .precaution .term {
	color: #111;
	background-image: url(/res/images/icon/arrow-down-555.svg);
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .precaution.on .term {
	background-image: url(/res/images/icon/arrow-up-555.svg);
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .precaution ul li {
	color: #555;
}

/* 멤버십 혜택 */
.membership-benefit .tab-wrap .tab-body .membership-info {
	display: block;
	background: linear-gradient(180deg, #F2FFF0 0%, #D8F6D6 60.62%);
}

.membership-benefit .tab-wrap .tab-body .membership-info.is-login {
	min-height: 120vh;
}

.membership-benefit .tab-wrap .tab-body .membership-info .login-info {
	margin-bottom: 28px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

.membership-benefit .tab-wrap .tab-body .membership-info .login-info a {
	font-weight: 600;
	text-decoration: underline;
}

.membership-benefit .tab-wrap .tab-body .membership-info .fixed-wrap {
	width: 100%;
}

.membership-benefit .tab-wrap .tab-body .membership-info.fixed .fixed-wrap {
	position: sticky;
	top: 60px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .precaution .term,
.membership-benefit .tab-wrap .tab-body .membership-info .precaution ul li {
	color: #555
}

.membership-benefit .tab-wrap .tab-body .membership-info .precaution .term {
	background-image: url(/res/images/icon/arrow-down-555.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .precaution.on .term {
	background-image: url(/res/images/icon/arrow-up-555.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: calc(100% - 40px);
	margin: 0 20px 32px;
	padding: 18px 20px 24px;
	background-color: #D2F8CA;
	border-radius: 10px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info+.precaution {
	margin-top: 0;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .grade {
	display: flex;
	align-items: center;
	height: 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	padding-left: 26px;
	background-size: 20px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .grade.welcome {
	color: #23C9BE;
	background-image: url(/res/images/icon/grade/grade-welcome.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .grade.family {
	color: #32CF55;
	background-image: url(/res/images/icon/grade/grade-family.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .grade.bronze {
	color: #B6755F;
	background-image: url(/res/images/icon/grade/grade-bronze.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .grade.silver {
	color: #B0B0B4;
	background-image: url(/res/images/icon/grade/grade-silver.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .grade.gold {
	color: #BF903E;
	background-image: url(/res/images/icon/grade/grade-gold.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .grade.vip {
	color: #7C51D7;
	background-image: url(/res/images/icon/grade/grade-vip.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .grade.platinum {
	color: #333;
	background-image: url(/res/images/icon/grade/grade-platinum.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .grade.partner {
	color: #FD9148;
	background-image: url(/res/images/icon/grade/grade-partner.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .grade.staff {
	color: #41AEFD;
	background-image: url(/res/images/icon/grade/grade-staff.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .grade.celeb {
	color: #F6806E;
	background-image: url(/res/images/icon/grade/grade-celeb.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .grade.exp {
	color: #FF7AB3;
	background-image: url(/res/images/icon/grade/grade-exp.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .name {
	display: flex;
	align-items: center;
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .name strong {
	display: inline-block;
	max-width: 147px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info ul {
	display: flex;
	flex-direction: column;
	gap: 8px 0;
	width: 100%;
	margin-top: 10px;
	padding-top: 22px;
	border-top: 1px solid #BDECB3;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info ul li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-left: 8px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info ul li:before {
	content: '';
	position: absolute;
	top: 9px;
	left: 0;
	display: block;
	width: 2px;
	height: 2px;
	margin: 0 2px;
	background: #777;
	border-radius: 100%;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info ul span {
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info ul span.desc {
	font-weight: 600;
}


.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-head {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 2px;
	width: calc(100% - 70px);
	margin: 0 auto;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-head li {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	background-color: #ddd;
	border-radius: 10px 10px 0 0;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-head li.partner.on {
	background: linear-gradient(139.92deg, #F7B068 16.16%, #F88342 83.86%);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-head li.welcome.on {
	background: linear-gradient(141.15deg, #8DE1EA 13.98%, #32CFC6 86.5%);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-head li.family.on {
	background: linear-gradient(139.92deg, #76DABD 14.35%, #32CF55 85.33%);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-head li.bronze.on {
	background: linear-gradient(314.79deg, #D6AB99 -1.26%, #B5735C 99.12%);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-head li.silver.on {
	background: linear-gradient(133.97deg, #D2D2D5 13.2%, #B0B0B4 82.96%);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-head li.gold.on {
	background: linear-gradient(140.82deg, #EDCB8D 13.07%, #D0A455 87.17%);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-head li.vip.on {
	background: linear-gradient(139.92deg, #A879D9 15.76%, #7C51D7 85.7%);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-head li.platinum.on {
	background: linear-gradient(180deg, #6A6A6A 0%, #000000 100%);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body {
	position: relative;
	width: 100%;
	height: 456px;
	padding: 0 20px;
	overflow-y: hidden;
	z-index: 1;
}

/* .membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body:has(.current) {
	height: 467px !important;
} */

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-head:has(.partner) + .grade-info-body {
height: 447px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body:has(.vip.current) {
	height: 497px;
}

/* .membership-benefit .tab-wrap .tab-body .membership-info .fixed-wrap.is-login .grade-info-body {
	height: 485px;
} */

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap {
	/* position: sticky;
	top: 0; */
	width: 100%;
	height: 100%;
	/* height: calc(100vh - 348px); */
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div {
	position: absolute;
	/* top: 0; */
	width: calc(100% - 40px);
	border-radius: 10px;
	overflow: hidden;
	transition: top 0.4s ease
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div.welcome .info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px 0;
	padding: 18px 6px 24px;
	color: #111;
	border-radius: 0 0 10px 10px;
	background: linear-gradient(85deg, #FFE5F0 0%, #FFF5F9 34.34%, #FFF5F9 63.98%, #FFE5F0 97.85%);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div.welcome .info .txt {
color: #FF3894;
font-size: 14px;
line-height: 20px; /* 142.857% */
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div.welcome .info ul {
	display: flex;
	width: 100%;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div.welcome .info ul li {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div.welcome .info ul li+li:before {
content: '';
position: absolute;
left: 0;
top: calc(50% - 20px);
display: block;
width: 1px;
height: 40px;
background-color: rgba(221, 221, 221, 0.5);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div.welcome .info .term {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div.welcome .info .term strong {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div.welcome .info .desc {
	font-size: 12px;
	line-height: 16px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div:nth-child(1) {
	top: 0 !important;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .head {
	padding: 16px 20px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .head .grade-name {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 10px;
	height: 20px;
	padding-left: 26px;
	color: #fff;
	font-size: 18px;
	line-height: 26px;
	background-position: 0 50%;
	background-size: 20px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .partner .head .grade-name {
	background-image: url(/res/images/icon/grade/grade-partner.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .welcome .head .grade-name {
	background-image: url(/res/images/icon/grade/grade-welcome.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .family .head .grade-name {
	background-image: url(/res/images/icon/grade/grade-family.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .bronze .head .grade-name {
	background-image: url(/res/images/icon/grade/grade-bronze.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .silver .head .grade-name {
	background-image: url(/res/images/icon/grade/grade-silver.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .gold .head .grade-name {
	background-image: url(/res/images/icon/grade/grade-gold.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .vip .head .grade-name {
	background-image: url(/res/images/icon/grade/grade-vip.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .platinum .head .grade-name {
	background-image: url(/res/images/icon/grade/grade-platinum.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .partner .head,
.membership-benefit .tab-wrap .tab-body .membership-info:not(.is-login) .desc .partneri .head {
	background-color: #E5803B;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .welcome .head,
.membership-benefit .tab-wrap .tab-body .membership-info:not(.is-login) .desc .welcome .head {
	background-color: #12B9AE;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .family .head,
.membership-benefit .tab-wrap .tab-body .membership-info:not(.is-login) .desc .family .head {
	background-color: #25B474;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .bronze .head,
.membership-benefit .tab-wrap .tab-body .membership-info:not(.is-login) .desc .bronze .head {
	background-color: #9F6856;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .silver .head,
.membership-benefit .tab-wrap .tab-body .membership-info:not(.is-login) .desc .silver .head {
	background-color: #9D9DA6;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .gold .head,
.membership-benefit .tab-wrap .tab-body .membership-info:not(.is-login) .desc .gold .head {
	background-color: #BF903E;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .vip .head,
.membership-benefit .tab-wrap .tab-body .membership-info:not(.is-login) .desc .vip .head {
	background-color: #6641B5;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .platinum .head,
.membership-benefit .tab-wrap .tab-body .membership-info:not(.is-login) .desc .platinum .head {
	background-color: #111;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .head .grade-name .name {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	overflow: hidden;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .head .grade-name .name strong {
	display: inline-block;
	max-width: 165px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .head ul {
	display: flex;
	flex-direction: column;
	gap: 2px 0;
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid rgba(238, 238, 238, 0.4);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .head ul li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-left: 8px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .head ul li:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	display: block;
	width: 2px;
	height: 2px;
	margin: 0 2px;
	background: #fff;
	border-radius: 100%;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .head ul span {
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .head ul span.desc {
	font-weight: 600;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div:not(.current) .head .grade-name {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	height: auto;
	padding-left: 66px;
	color: #fff;
	background-size: 52px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div:not(.current) .head .grade-name .desc {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div:not(.current) .head .grade-name .grade {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

/* .membership-benefit .tab-wrap .tab-body .membership-info .fixed-wrap.is-login .grade-info-body .scroll-wrap>div:not(.current) .body .term-wrap {
	padding-bottom: 36px;
} */

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body {
	position: relative;
	display: flex;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body>ul {
	padding: 14px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div.current ~ div .body>ul {
	padding-bottom: 56px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body>ul li {
	color: #111;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body li+li {
	margin-top: 4px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body li.ex-title {
	position: absolute;
	margin-top: 10px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body li.ex-title+li {
	position: relative;
	display: inline-block;
	margin-top: 56px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body .term-wrap {
	background-color: #F9F9F9;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body .term-wrap li {
	font-size: 14px;
	line-height: 24px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body .term-wrap li.ex-title {
	left: 0;
	width: 100%;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFEFF6;
	z-index: 1;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body .term-wrap li.ex-title span {
	padding-left: 18px;
	color: #FF3894;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	background: url(/res/images/icon/noti-h1.svg) 0 50%;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body .desc-wrap {
	flex: 1;
	background-color: #fff;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body .desc-wrap li {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body .desc-wrap li.ex-title~li {
	color: #FF3894;
	font-weight: 600;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body .desc-wrap li.ex-title+li {
	display: flex;
	align-items: center;
	gap: 0 8px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body .desc-wrap li.ex-title+li .flag {
	position: relative;
	display: none;
	align-items: center;
	justify-content: center;
	height: 24px;
	padding: 0 12px;
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	background-color: #FF3894;
	border-radius: 12px;
	z-index: 1;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .scroll-wrap>div.current .body .desc-wrap li.ex-title+li .flag {
	display: flex;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info-body .body .desc-wrap li.ex-title+li .flag:after {
	content: '';
	position: absolute;
	top: calc(50% - 4px);
	left: -4px;
	display: block;
	width: 8px;
	height: 6px;
	background: url(/res/images/membership-benefit/speech-bubble-h1.svg) no-repeat 0 50% / contain;
}

/* APP 전용 혜택 */
.membership-benefit .tab-wrap .tab-body .app-benefit {
	background-color: #FFEBF1;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .title {
	margin-bottom: 32px;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .benefit-info {
	display: flex;
	align-items: flex-start;
	gap: 0 24px;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .benefit-info li {
	position: relative;
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
	padding-top: 70px;
	text-align: center;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .benefit-info li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #FFDDF2 url(/res/images/icon/point-s1.svg) no-repeat 50% / 40px;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .benefit-info li:nth-child(2):before {
	background-image: url(/res/images/icon/coupon-s1.svg);
}

.membership-benefit .tab-wrap .tab-body .app-benefit .benefit-info li .term {
	color: #111;
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .benefit-info li .desc {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #D854D8;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .benefit-info li .desc strong {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .info {
	margin-top: 32px;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .info img {
	width: 100%;
	padding: 0 40px;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .info .is-app {
	position: relative;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .info .is-app .link-wrap {
	position: absolute;
	bottom: 3.5%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	gap: 12px 0;
	width: 42%;
	height: 30%;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .info .is-app .link-wrap a {
	flex: 1;
}


.membership-benefit .tab-wrap .tab-body .app-benefit .precaution .term,
.membership-benefit .tab-wrap .tab-body .app-benefit .precaution ul li {
	color: #555
}

.membership-benefit .tab-wrap .tab-body .app-benefit .precaution .term {
	background-image: url(/res/images/icon/arrow-down-555.svg);
}

.membership-benefit .tab-wrap .tab-body .app-benefit .precaution.on .term {
	background-image: url(/res/images/icon/arrow-up-555.svg);
}

.membership-benefit .ongoing-event {
	padding-top: 24px;
	padding-bottom: 90px;
	border-top: 10px solid #F9F9F9;
}

.membership-benefit .ongoing-event .title {
	width: 100%;
	padding: 0 20px;
	color: #111;
	font-size: 18px;
	font-weight: 700;
line-height: 26px;
}

.membership-benefit .ongoing-event .swiper-container {
	margin-top: 20px;
}

.membership-benefit .ongoing-event .swiper-container.swiper-disabled {
	margin: 20px 20px 0;
}

.membership-benefit .ongoing-event .swiper-container.swiper-disabled .swiper-slide,
.membership-benefit .ongoing-event .swiper-container.swiper-disabled .swiper-slide a,
.membership-benefit .ongoing-event .swiper-container.swiper-disabled .swiper-slide img {
	width: 100%;
}

.membership-benefit .ongoing-event .swiper-container.swiper-disabled .swiper-slide img {
	height: auto;
}

.membership-benefit .ongoing-event .swiper-container .swiper-slide {
	width: 228px;
}

.membership-benefit .ongoing-event .swiper-container .swiper-slide a {
	display: block;
	width: 228px;
}

.membership-benefit .ongoing-event .swiper-container .swiper-slide img {
	display: block;
	width: 100%;
	height: 157px;
	object-fit: cover;
}

.membership-benefit .ongoing-event .swiper-container .swiper-slide .info {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 8px;
	margin-top: 14px;
}
.membership-benefit .ongoing-event .swiper-container .swiper-slide .info .name {
	width: 100%;
	color: #111;
font-size: 14px;
line-height: 20px;
}
.membership-benefit .ongoing-event .swiper-container .swiper-slide .info .dday {
	color :#3CC814;
	font-size: 12px;
	font-weight: 500;
line-height: 16px;
}
.membership-benefit .ongoing-event .swiper-container .swiper-slide .info .date {
color: #999;
font-size: 12px;
line-height: 16px;
}

.membership-benefit .kakao-btn {
	position: sticky;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	background-color: #FEE500;
}

.membership-benefit .kakao-btn span {
	padding-left: 32px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
	background: url(/res/images/icon/kakao.svg) 0 50% / 32px;
}@charset "utf-8";

#wrap:has(header) #content .short-clip {
	margin-top: -20px;
}

.short-clip iframe {
	border: none;
}

.short-clip .info-wrap .title {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.short-clip .info-wrap .title+.count {
	margin-top: 6px;
}

.short-clip .info-wrap .hashtag {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px 6px;
	margin-top: 6px;
	color: #999;
	font-size: 12px;
	line-height: 16px;
}

.short-clip .info-wrap .count {
	display: block;
	margin-top: 6px;
	padding-left: 22px;
	color: #111;
	font-size: 12px;
	line-height: 16px;
	background: url(/res/images/icon/short-clip-view-111.svg) 0 50% / 20px;
}

.short-clip .product-item-list .info .name {
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.short-clip .product-item-list .info .name strong {
	font-weight: 700;
}

.short-clip .product-item-list .info .price-info {
	display: flex;
	align-items: center;
	gap: 0 4px;
	margin-top: 8px;
}

.short-clip .product-item-list .info .price-info .percent {
	color: #FF3894;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.short-clip .product-item-list .info .price-info .price {
	color: #111;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.short-clip .product-item-list .info .price-info .benefit {
	color: #777;
	font-size: 12px;
	line-height: 16px;
}

/* 숏클립 > 메인 콘텐츠 */
.short-clip .main-cnt {
	padding: 20px 20px 24px;
	background: url(/res/images/short-clip/m-main-bg.svg) 50% 100% / cover;
}

.short-clip .main-cnt.max {
	background: #E6F4FB;
}

.short-clip .main-cnt .swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 20px;
}

.short-clip .main-cnt .video-wrap {
	position: relative;
}

.short-clip .main-cnt .video-wrap video,
.short-clip .main-cnt .video-wrap iframe,
.short-clip .main-cnt .video-wrap img {
	width: 100%;
	border-radius: 8px;
}

.short-clip .main-cnt .video-wrap iframe,
.short-clip .main-cnt .video-wrap img {
	aspect-ratio: 16 / 9
}

.short-clip .main-cnt .video-wrap.ver iframe,
.short-clip .main-cnt .video-wrap.ver img {
	aspect-ratio: 9 / 16
}

.short-clip .main-cnt .video-wrap button {
	display: none;
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
	width: 50px;
	height: 50px;
	background-size: 50px;
	background-position: 50% 50%;
}

.short-clip .main-cnt .video-wrap button.play-btn {
	background-image: url(/res/images/icon/short-clip-play.svg);
}

.short-clip .main-cnt .video-wrap button.pause-btn {
	background-image: url(/res/images/icon/short-clip-pause.svg);
}

.short-clip .main-cnt .info-wrap {
	margin-top: 20px;
}

.short-clip .main-cnt .info-wrap .product-item-list {
	margin-top: 10px;
}

/* 숏클립 > 목록 */
.short-clip .list-cnt {
	margin: 24px 20px 28px;
}

.short-clip .list-cnt .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.short-clip .list-cnt .head .count {
	color: #111;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.short-clip .list-cnt .head select {
	height: 24px;
	padding-right: 22px;
	font-weight: 500;
	background-position: 100% 50%;
}

.short-clip .list-cnt .body {
	position: relative;
	margin-top: 20px;
}

.short-clip .list-cnt .body li {
	width: 100%;
}


.short-clip .list-cnt .body li+li {
	margin-top: 40px;
}

.short-clip .list-cnt .body li .video-wrap {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}

.short-clip .list-cnt .body li .video-wrap>a {
	display: block;
	width: 100%;
	height: 100%;
}

.short-clip .list-cnt .body li .video-wrap>a:has(video) {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.short-clip .list-cnt .body li .video-wrap video,
.short-clip .list-cnt .body li .video-wrap iframe {
	width: 100%;
	object-fit: cover;
}

.short-clip .list-cnt .body li .video-wrap iframe {
	height: 100%;
}

.short-clip .list-cnt .body li .video-wrap:not(.ver) {
	height: 50vw;
	aspect-ratio: 16 / 9;
}

.short-clip .list-cnt .body li .video-wrap.ver {
	height: 118.7vw;
	aspect-ratio: 9 / 16
}

.short-clip .list-cnt .body li .info-wrap {
	margin-top: 10px;
}

.short-clip .list-cnt .body li .info-wrap .product-item-list {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #eee;
}