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

/* reset */
* {
	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: 16px;
	color: #797979;
	letter-spacing: -0.7px;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height: 1;
	-webkit-overflow-scrolling: touch;
}

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: 56px;
	/* 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: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

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;
	border-radius: 4px;
	caret-color: #3cc814
}

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 42px 0 12px;
	font-weight: 400;
	font-size: 16px;
	line-height: 48px;
	color: #000;
	background: url('/res/images/icn_down_24x24.png') no-repeat right 12px top 50% #f7f7f7;
	background-size: 24px;
	border: 1px solid #f7f7f7;
	border-radius: 10px;
	-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: #fff;
	border: 1px solid #d7d7d7;
	font-family: "Pretendard", "맑은 고딕", "Malgun Gothic", sans-serif;
	color: #111;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.6px;
	-webkit-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	resize: none;
	overflow-y: auto
}

textarea:focus {
	outline: none
}

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: 16px;
	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: 16px;
	color: #bbb
}

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

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

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

:placeholder-shown {
	font-size: 16px;
	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
}

input[readonly]:focus {
	border: 1px solid #f7f7f7
}

input:disabled {
	color: #bbb
}

/* 프린트 세팅 */
@media print {
	@page a4sheet {
		size: 21.0cm 29.7cm;
		margin: 0
	}

	html {
		page: a4sheet;
		width: 100%;
		height: auto
	}

	body {
		page: a4sheet;
		width: 100%;
		height: auto
	}

	#wrap {
		zoom: 0.7;
		page-break-after: always;
		margin: 0;
		padding: 0;
		min-width: none;
		overflow-x: visible
	}

	.head_banner,
	header,
	footer,
	#content .page_intro,
	.lnb_div .lnb,
	.mypage_div .menu_title,
	.mypage_div .order_div,
	.dimd_bg,
	.floating_menu {
		display: none !important
	}

	#content {
		padding: 0 !important;
		min-height: auto
	}

	.lnb_div {
		width: 100% !important;
	}

	.lnb_div .mypage_div {
		width: 100% !important;
		margin-top: 0 !important;
	}

	.layer_pop {
		position: relative;
		top: auto;
		left: auto;
		transform: translate(0, 0);
		width: 100%;
		border-radius: 0
	}

	.layer_pop .pop_con {
		overflow-y: visible
	}

	.layer_pop .close_btn {
		display: none
	}

	.layer_pop .bottom_btn {
		display: none
	}
}@charset "utf-8";

/*단일 클래스*/
.skip {
	position: fixed;
	top: -10000px;
	z-index: 100;
	padding: 17px 0;
	width: 100%;
	height: 50px;
	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_t {
	font-weight: 100 !important
}

.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% !important
}

.w33p {
	width: 33.33% !important
}

.w50p {
	width: 50% !important
}

.w100p {
	width: 100% !important
}

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

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

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

.mt16 {
	margin-top: 16px !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;
}

.mt48 {
	margin-top: 48px !important;
}

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

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

.mt80 {
	margin-top: 80px !important;
}

.mt100 {
	margin-top: 100px !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
}

html.lock body {
	height: 100%;
	overflow: hidden
}

body {
	width: 100%;
}

#wrap {
	position: relative;
	word-break: keep-all;
	overflow-x: auto;
	min-width: 1460px
}

.inner {
	position: relative;
	margin: 0 auto;
	width: 1280px
}

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


/* 툴팁 */
.tooltip_div {
	position: relative;
	width: 16px;
	height: 16px;
	background: url(/res/images/icon/tooltip-bbb.svg) no-repeat center / 16px;
}

.tooltip_div.opener {
	cursor: pointer;
}

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

.tooltip_div:hover>.tooltip {
	display: block;
}

/* .tooltip_div.reverse:hover>.tooltip {
	right: 0
} */

.tooltip.txt_area {
	padding: 16px;
}

.tooltip.txt_area .tit {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	white-space: nowrap
}

.tooltip.txt_area .txt {
	margin-top: 8px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #555;
	/* white-space: nowrap */
	word-break: break-all;
}

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

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

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

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

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

.tooltip.txt_area .dot_indent p:before {
	top: 9px;
}

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

.wrt_tooltip.tooltip_div {
	display: none;
	width: 48px;
	padding-left: 24px;
	vertical-align: middle
}

.wrt_tooltip.tooltip_div .opener {
	background: url('/res/images/m_icn_edit_tooltip.png') top right no-repeat;
	height: 24px;
	display: block;
}

.wrt_tooltip.tooltip_div .tooltip {
	top: 36px !important;
}

.wrt_tooltip.tooltip_div .tooltip a {
	display: block;
	padding: 12px 36px 12px 14px;
	font-size: 13px;
	color: #000;
	border-bottom: 1px solid #ddd
}

.wrt_tooltip.tooltip_div .tooltip a:last-child {
	border-bottom: none;
}

.wrt_tooltip.tooltip_div .tooltip a.edit {
	background: url('/res/images/m_inc_tooltip_edit_btn.png') top 50% right 12px no-repeat
}

.wrt_tooltip.tooltip_div .tooltip a.delete {
	background: url('/res/images/m_inc_tooltip_delete_btn.png') top 50% right 12px no-repeat
}

/* paging */
.paging {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 20px;
	margin: 40px auto 0;
	text-align: center;
}

.paging a {
	display: inline-block;
	/* margin: 0 10px; */
	width: auto;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	color: #111;
	text-align: center;
	vertical-align: top
}

.paging a.on {
	color: var(--color-primary-1);
	font-weight: 600 !important;
}

.paging .prev {
	padding-left: 20px;
	background: url('/res/images/icon/arrow-left-111.svg') no-repeat left center / 20px;
}

.paging .prev.disabled {
	background-image: url('/res/images/icon/arrow-left-ccc.svg');
}

.paging .next {
	padding-right: 20px;
	background: url('/res/images/icon/arrow-right-111.svg') no-repeat right center / 20px;
}

.paging .next.disabled {
	background-image: url('/res/images/icon/arrow-right-ccc.svg');
}

#wrap.dimd {
	height: 100%;
	overflow: hidden
}

#wrap.dimd .dimd_bg {
	display: block
}

#wrap.dimd .layer_pop {
	display: block
}

.dimd_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10
}

.disabled_btn {
	pointer-events: none
}

.loading {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	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-bottom: 20px;
	width: 400px;
	font-size: 18px;
	line-height: 24px;
	color: #333;
	text-align: center
}

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

/* star */
.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.h24 {
	width: 120px;
	height: 24px;
}

.star_div .star.h24:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 24px;
	background: url('/res/images/m_star48.png') no-repeat left center;
	background-size: 120px 24px
}

.star_div .star.h24 b {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 24px;
	background: url('/res/images/m_star48_on.png') no-repeat left center;
	background-size: 120px 24px
}

.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.h40 {
	width: 200px;
	height: 40px;
}

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

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

.star_div .star.h40+.star_score {
	margin-left: 12px;
	font-size: 18px;
	line-height: 40px;
	color: #ccc
}

.star_div .star.h40+.star_score b {
	font-size: 28px;
	font-weight: 700;
	color: #000
}

.star_div .star.h48 {
	width: 240px;
	height: 48px;
}

.star_div .star.h48:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 240px;
	height: 48px;
	background: url('/res/images/m_star96.png') no-repeat left center;
	background-size: 240px 48px
}

.star_div .star.h48 b {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 48px;
	background: url('/res/images/m_star96_on.png') no-repeat left center;
	background-size: 240px 48px
}

.star_div .star_score {
	float: left;
}


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

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

.input_form .tit {
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.input_form .tit span {
	display: inline-block;
	margin-left: 8px;
	color: #777
}

.input_form .tit+.input_area {
	margin-top: 10px
}

.input_form .tit+.radio_div {
	margin-top: 12px;
}

.input_form .input_area {
	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 {
	float: left;
	width: 100%;
}

.input_form .input_area input {
	padding: 16px 12px;
}

.input_form .input_area.clear_has input {
	padding-right: 40px
}

.input_form .input_area .textarea_div {
	position: relative;
	margin-top: 12px;
	padding: 20px 20px 32px;
	width: 100%;
	background: #f9f9f9;
}

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

.input_form .input_area .textarea_div textarea {
	padding: 0 28px 0 0;
	width: 100%;
	height: 74px;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	resize: none;
	background: none;
	border: none
}

.input_form .input_area .textarea_div textarea:focus,
.input_form .input_area .textarea_div textarea:active {
	outline: 0
}

.input_form .input_area .textarea_div textarea::placeholder {
	color: #bbb;
}

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

.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 {
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 11px 0;
	margin-left: 8px;
	width: 120px;
	height: 56px;
	font-size: 16px;
	line-height: 24px;
	color: #3cc814;
	border: 1px solid #3cc814;
	border-radius: 4px;
	text-align: center
}

/* width, margin 값은 메뉴별로 다를 수 있어서 각 메뉴별로 div 하위에 만들기 */
.input_form .input_area .btn.disabled_btn {
	border: 1px solid #ddd;
	color: #ddd
}

.input_form .input_area .timer {
	position: absolute;
	top: calc(50% - 9px);
	right: 10px;
	font-size: 12px;
	line-height: 18px;
	color: #f05b5a
}

.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 .input_area+.input_area {
	margin-top: 20px
}

.input_form .txt {
	display: none;
	padding-left: 15px;
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px;
	color: #f05b5a
}

.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: 16px;
	line-height: 48px;
	color: #000;
	text-align: center
}

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

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

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

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

.input_form.error .input_area select {
	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: 28px
}

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

.input_form.has_btn .input_area input {
	width: calc(100% - 128px);
}

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

.input_form.has_btn .clear_has .delete {
	right: 143px
}

.input_form.has_btn .pw_view .view {
	right: 136px
}

/* textarea */
textarea::-webkit-input-placeholder {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #bbb;
}

textarea:-moz-placeholder {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #bbb;
}

textarea::-moz-placeholder {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #bbb;
}

textarea:-ms-input-placeholder {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #bbb;
}

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

.select_form .select {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 12px 42px 12px 11px;
	color: #111;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: url('/res/images/icon/arrow-down-111.svg') right 12px top 50% / 20px;
}

.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% - 42px);
	font-size: 14px;
	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: #111
}

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

.select_form .option {
	display: none;
	position: absolute;
	top: 46px;
	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: 2
}

.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:last-child {
	border-bottom: none
}

.select_form .option a:hover {
	background: #f9f9f9
}

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

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

.select_form .option a .text {
	display: table-cell;
	width: calc(100% - 72px);
	width: -webkit-calc(100% - 72px);
	vertical-align: middle
}

.select_form .option a .text span {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	color: #111;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

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

.select_form .option a.disabled:hover {
	background: #fff
}

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

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

.select_form .option li:hover {
	background-color: #f7f7f7;
}

.select_form.on {
	/* border-color: transparent; */
}

.select_form.on .select {
	background-image: url('/res/images/icon/arrow-up-111.svg');
	/* background: url('/res/images/icn_up_24x24.png') no-repeat right 11px top 50% #f7f7f7; */
	/* background-size: 24px; */
	background-size: 20px;
	border: 1px solid #ddd;
	border-bottom-color: #eee;
	border-radius: 4px 4px 0 0
}

.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/icon/arrow-down-111.svg') no-repeat right 11px top 50% #fff;
	background-size: 24px
}

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

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

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

.clear_has .delete img {
	width: 100%
}

/* 체크박스 */
.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 32px;
	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 32px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #111
}

.radio_box input[type="radio"]+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	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;
}

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

.no_data_div .txt_area {
	display: table-cell;
	padding: 264px 20px 180px;
	text-align: center;
	background: url('/res/images/icon/nodata.svg') no-repeat center 180px;
	background-size: 64px;
	vertical-align: middle;
	border-bottom: 1px solid #eee;
}

.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: 20px;
	font-size: 16px;
	line-height: 24px;
	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;
	width: 324px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: var(--color-primary-1);
	border: 1px solid var(--color-primary-1);
	border-radius: 4px;
	padding: 13px 0;
	margin: 40px auto 0;
}

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

/* dot_indent */
.dot_indent p {
	position: relative;
	margin-top: 4px;
	padding-left: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #555
}

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

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

.dot_indent p b {
	color: #111
}

/* 페이지 인트로 및 인디게이터 */
#content .page_intro {
	position: relative;
	margin: 0 auto;
	width: 1280px
}

#content .page_intro .page_title {
	display: inline-block;
	padding-bottom: 40px;
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	color: #000;
	text-align: left;
	letter-spacing: -0.2px;
}

#content .page_intro .indicator+.page_title {
	margin-top: 20px
}

#content .page_intro .indicator {
	display: flex;
	align-items: center;
	height: 60px;
}

#content .page_intro .indicator:has(.share_btn) {
	justify-content: space-between;
}

#content .page_intro .indicator:has(.share_btn) .path h1,
#content .page_intro .indicator:has(.share_btn) .path .name {
	color: #111;
}


#content .page_intro .indicator:has(.share_btn) .path:after {
	display: none;
}

#content .page_intro .indicator .share_btn {
	display: block;
	width: 28px;
	height: 28px;
	background: url(/res/images/icon/share-111.svg) 50% / 28px;
}

#content .page_intro .indicator .path {
	position: relative;
	float: left;
	margin-right: 10px;
	padding-right: 15px
}

#content .page_intro .indicator .path h1,
#content .page_intro .indicator .path .name {
	color: inherit;
	font: inherit;
}

#content .page_intro .indicator .path .dday {
	color: var(--color-primary-1);
	padding-left: 7px;
}

#content .page_intro .indicator .path .date {
	color: #BBB;
	padding-left: 7px;
}

#content .page_intro .indicator .path:last-child {
	padding-right: 0;
	margin-right: 0
}

#content .page_intro .indicator .path:last-child>a {
	color: #111;
}

#content .page_intro .indicator .path:after {
	content: '/';
	position: absolute;
	top: 2px;
	right: 0;
	width: 5px;
	height: 20px;
	color: #ddd;
	/* background: url('/res/images/icn_right_gry_16x16.png') no-repeat;
	background-size: 16px */
}

#content .page_intro .indicator .path:last-child:after {
	display: none
}

#content .page_intro .indicator .path>a {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 20px;
	color: #999;
}

#content .page_intro .indicator .path>a h1 {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: inherit;
}

#content .page_intro .indicator .path.has>a {
	padding-right: 16px;
	background: url('/res/images/icon/arrow-down-555.svg') no-repeat right center;
	background-size: 12px
}

#content .page_intro .indicator .path .two_depth {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	min-width: 100px;
	border: 1px solid #eee;
	background: #fff;
	border-radius: 4px;
	z-index: 2;
	/* overflow: hidden; */
}

.page_intro .swiper-container {
	width: 100%;
	max-width: 940px;
	min-height: 52px;
	margin: 0;
	padding: 0 40px;
	overflow: hidden;
}

.page_intro .swiper-container.swiper-disabled {
	padding: 0;
}

.page_intro .swiper-container.swiper-disabled .swiper-wrapper {
	justify-content: flex-end;
}

.page_intro .swiper-container .swiper-wrapper {
	position: relative;
	align-items: center;
	width: 100%;
}

.page_intro .swiper-container .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 52px;
	padding: 14px 30px;
	color: #999;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	border-radius: 30px;
	border: 1px solid transparent;
}

.page_intro .swiper-container .swiper-slide:hover,
.page_intro .swiper-container .swiper-slide.on {
	color: #111;
	font-weight: 700;
}

.page_intro .swiper-container .swiper-slide.on {
	border: 2px solid #333;
	padding: 13px 29px 15px
}

.page_intro .swiper-container .swiper-slide-active {
	opacity: 1;
}

.page_intro .swiper-container .swiper-button-prev,
.page_intro .swiper-container .swiper-button-next {
	top: 0;
	width: 40px;
	height: 100%;
	margin-top: 0;
	background-color: #fff;
	background-position: 50%;
	background-size: 40px;
}

.page_intro .swiper-container .swiper-button-prev {
	left: 0;
	right: auto;
	background-image: url('/res/images/icon/arrow-swiper-left-111.svg');
}

.page_intro .swiper-container .swiper-button-next {
	right: 0;
	left: auto;
	background-image: url('/res/images/icon/arrow-swiper-right-111.svg');
}

.page_intro .swiper-container.shadow-lft:before,
.page_intro .swiper-container.shadow-rgt:after {
	content: '';
	position: absolute;
	top: 0;
	width: 52px;
	height: 52px;
	opacity: 0;
	transition: opacity 0.4s ease;
	z-index: 2;
}

.page_intro .swiper-container.shadow-lft:before,
.page_intro .swiper-container.shadow-rgt:after {
	opacity: 0.8
}

.page_intro .swiper-container.shadow-lft:before {
	left: 40px;
	background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 57.27%);

}

.page_intro .swiper-container.shadow-rgt:after {
	right: 40px;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 81%);
}

/* 230426 two depth 스크롤 영역 추가 */
#content .page_intro .indicator .path:nth-child(2) .two_depth {
	min-width: 80px
}

#content .page_intro .indicator .path:nth-child(3) .two_depth {
	min-width: 180px
}

#content .page_intro .indicator .path.on>a {
	padding-right: 16px;
	background: url('/res/images/icon/arrow-up-555.svg') no-repeat right center;
	background-size: 12px
}

#content .page_intro .indicator .path .two_depth a {
	display: block;
	padding: 0 13px;
	font-size: 14px;
	line-height: 40px;
	color: #555;
	white-space: nowrap;
}

#content .page_intro .indicator .path .two_depth a.on {
	color: #3cc814
}

#content .page_intro .indicator .path .two_depth a:hover {
	text-decoration: underline;
}

#content .page_intro .indicator .path .two_depth {
	max-height: 343px;
	/* max-height: 578px; */
	overflow-y: auto;
}

#content .page_intro .indicator .path .two_depth::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 12px;
}

#content .page_intro .indicator .path .two_depth::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 5px;
	background-clip: padding-box;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

#content .page_intro .indicator .path .two_depth::-webkit-scrollbar-track {
	margin: 10px 0;
}

/* 탑 탭 */
.top_tab {
	display: table;
	position: relative;
	width: 100%;
	table-layout: fixed
}

.top_tab a {
	display: table-cell;
	position: relative;
	padding: 17px 5px 17px;
	width: 100%;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	color: #ccc;
	text-align: center;
}

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

.top_tab a.on {
	color: #111
}

.top_tab a h1 {
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	color: #ccc;
	text-align: center;
}

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

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

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

.top_tab a.on:after {
	height: 3px;
	background: #000
}

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

.top_tab a span b {
	position: absolute;
	top: -6px;
	width: 16px;
	height: 16px;
	font-weight: 500;
	font-size: 10px;
	line-height: 16px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 100%
}

/* 서브탭 */
.sub_tab {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 62px;
}

.sub_tab a {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
	font-size: 18px;
	background-color: #f9f9f9;
	border: 1px solid transparent;
	border-bottom-color: #111;
	border-radius: 4px 4px 0 0;
}

.sub_tab a.on {
	color: #111;
	font-weight: 600;
	background-color: #fff;
	border-color: #111;
	border-bottom: none;
}

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

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

/* 공통: 버튼 */
.btn_type a {
	display: block;
	padding: 17px 20px;
	border-radius: 4px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
}

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

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

.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 {
	color: #fff;
	background: #ddd;
	border: 1px solid #ddd
}

.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 {
	font-size: 18px;
	font-weight: 400;
	color: #000;
	line-height: 26px;
	background: url('/res/images/icon/m_icn_go_kakao.png') no-repeat left 13.8px center / 46.2px #fee500;
}

.outline-btn,
.primary-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 320px;
	height: 52px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -0.5px;
	border-radius: 4px;
}

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

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

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

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

/* 상품리스트 필터 */
.product_list_top {
	display: flex;
	align-items: center;
	height: 60px;
	margin-bottom: 16px;
}

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

.product_list_top .inner:after {
	content: none;
}

.product_list_top .all_count {
	color: #111;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.product_list_top .filter {
	display: flex;
	align-items: center;
	gap: 0 24px;
}

.product_list_top .filter a {
	color: #999;
	font-size: 16px;
	line-height: 24px;
}

.product_list_top .filter a:hover {
	color: #555
}

.product_list_top .filter a.on {
	color: #111;
	font-weight: 500
}

/* 수량 */
.count_div {
	position: relative;
}

.count_div .count {
	display: flex;
	align-items: center;
	width: 102px;
	border: 1px solid #ddd;
	background-color: #fff;
}

.count_div .count a {
	width: 33px;
	height: 32px;
	background-position: center;
}

.count_div .count input {
	padding: 0 4px;
	width: 34px;
	height: 32px;
	font-size: 16px;
	line-height: 24px;
	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 input:disabled {
	color: #ddd
}

.count_div .count a.minus {
	background-image: url('/res/images/icon/minus-555.svg');
	background-size: 20px
}

.count_div .count a.plus {
	background-image: url('/res/images/icon/plus-555.svg');
	background-size: 20px
}

.count_div .count a.disabled {
	pointer-events: none
}

.count_div .count a.minus.disabled {
	background-image: url('/res/images/icon/minus-ccc.svg');
	background-size: 20px
}

.count_div .count a.plus.disabled {
	background-image: url('/res/images/icon/plus-ccc.svg');
	background-size: 20px
}

/* 월 선택 캘린더 */
.select_date {
	position: relative;
	display: flex;
	align-items: center;
	background: #F9F9F9;
	border: 1px solid #F9F9F9;
	border-radius: 4px
}

.select_date:before {
	content: '~';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 12px;
	height: 100%;
	color: #111;
	font-size: 16px;
	line-height: 48px;
	text-align: center
}

.select_date .sel {
	flex: 1;
	position: relative;
	padding: 13px 40px 13px 16px;
	background: url('/res/images/icon/date.svg') no-repeat calc(100% - 16px) 50%;
}

.select_date .sel p {
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.select_date.on {
	border: 1px solid #3cc814
}

.select_date .calendar_page {
	display: none;
	position: absolute;
	top: 47px;
	padding: 20px 10px;
	width: 340px;
	height: 276px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	z-index: 1
}

.select_date .calendar_page .years {
	position: relative;
	padding: 0 30px
}

.select_date .calendar_page .years a {
	position: absolute;
	top: 0;
	width: 24px;
	height: 24px;
	background-position: 0 50%;
	background-size: 24px;
}

.select_date .calendar_page .years p {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	text-align: center
}

.select_date .calendar_page .years .prev {
	left: 0;
	background-image: url('/res/images/icon/arrow-left-111.svg');
}

.select_date .calendar_page .years .prev.disabled_btn {
	background-image: url('/res/images/icon/arrow-left-ccc.svg')
}

.select_date .calendar_page .years .next {
	right: 0;
	background-image: url('/res/images/icon/arrow-right-111.svg');
}

.select_date .calendar_page .years .next.disabled_btn {
	background-image: url('/res/images/icon/arrow-right-ccc.svg')
}

.select_date .calendar_page .month {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px 24px;
	margin-top: 44px;
}

.select_date .calendar_page .month a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	color: #555;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	border-radius: 100%;
}

.select_date .calendar_page .month a.on {
	color: #fff;
	background: #3cc814
}

.select_date .calendar_page .month a.disabled_btn {
	color: #bbb
}

/* 페이지 하단 안내 */
.page_bottom_noti {
	margin: 120px auto 0;
	padding: 40px;
	width: 1280px;
	background: #f9f9f9
}

.page_bottom_noti .tit {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #111
}

.page_bottom_noti .dot_indent {
	margin-top: 12px
}

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

.page_bottom_noti .dot_indent p {
	margin-top: 4px
}

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

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

.error_div .tit {
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	color: #000
}

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

.error_div .info {
	margin: 24px auto 0;
	padding: 20px;
	width: 400px;
	background: #f9f9f9;
	border-radius: 10px
}

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

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

.error_div .btn {
	display: block;
	margin: 60px auto 0;
	width: 488px
}

.error_div .btn:after {
	content: '';
	display: block;
	clear: both
}

.error_div .btn a {
	float: left;
	margin-left: 8px;
	width: 240px
}

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

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


/* 리뉴얼안내 페이지 */
.renewal_noti {
	background: rgba(247, 247, 247, 0.8);
	height: 100%;
	min-height: 660px
}

.renewal_noti .table {
	display: table;
	margin: 0 auto;
	width: 800px;
	height: 100%;
	min-height: 660px
}

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

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

.renewal_noti .logo img {
	width: 100%
}

.renewal_noti .box {
	margin-top: 40px;
	padding: 80px 20px 72px;
	background: #fff;
	border-radius: 10px
}

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

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

.renewal_noti .box .title:before {
	content: '';
	position: absolute;
	top: -8px;
	left: -42px;
	width: 26px;
	height: 17px;
	background: url('/res/images/renewal_noti_title_before.png') no-repeat;
	background-size: 26px 17px
}

.renewal_noti .box .title:after {
	content: '';
	position: absolute;
	top: -8px;
	right: -42px;
	width: 26px;
	height: 17px;
	background: url('/res/images/renewal_noti_title_after.png') no-repeat;
	background-size: 26px 17px
}

.renewal_noti .box .text {
	margin-top: 8px;
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
	color: #000
}

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

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

.renewal_noti .box .time_noti .time {
	margin-top: 4px;
	font-size: 16px;
	line-height: 20px;
	color: #555
}

.renewal_noti .box .noti_txt {
	display: inline-block;
	margin-top: 28px;
	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
}

/* mob_view */
.mob_view {
	display: none;
	padding: 30px 0;
	text-align: center;
	background: #eee;
	width: 100%;
}

.mob_view span {
	display: inline-block;
	padding-right: 80px;
	font-weight: 500;
	font-size: 60px;
	line-height: 80px;
	color: #555;
	background: url('/res/images/mob_view.png') no-repeat right center;
	background-size: 80px
}

/* 플로팅 메뉴 */
.floating_menu {
	position: fixed;
	bottom: 36px;
	right: 32px;
	z-index: 9;
	opacity: 0
}

.floating_menu a {
	display: block;
	position: relative;
	margin-top: 20px;
	width: 52px;
	height: 52px;
	border-radius: 100%;
	box-shadow: 0px 2.6px 7.8px rgba(0, 0, 0, 0.15);
}

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

.floating_menu .kakao {
	border: 1px solid #555;
	background: url('/res/images/floating_kakao.png') no-repeat center #ffe100;
	background-size: 32px;
}

.floating_menu .tel {
	border: 1px solid #555;
	background: url('/res/images/floating_tel.png') no-repeat center #fff;
	background-size: 32px;
}

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

.floating_menu .tel:after {
	content: '전화주문';
	position: absolute;
	top: -6px;
	right: 24px;
	padding: 4px 6px;
	font-size: 13px;
	line-height: 16px;
	color: #fff;
	background: #052832;
	border-radius: 6px
}

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

.floating_menu a.top.hide {
	display: none !important;
}

.floating_menu .close {
	background: url("/res/images/icn_xbt_32x32.png") no-repeat center #fff;
	background-size: 32px;
}

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

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

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

.floating_menu .kakaocs:before {
	content: '카카오톡 1:1상담';
	position: absolute;
	top: 0;
	right: 0;
	padding: 16px 22px;
	width: 198px;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-align: left;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 50px;
	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
}

/* 플로팅 메뉴 내에 상품 리스트 팝업 공통 */
.floating_menu .floating_pd_pop {
	display: none;
	position: absolute;
	right: 0;
	bottom: 62px;
	width: 424px;
	border: 1px solid #777;
	border-radius: 20px;
	background: #fff;
	padding: 28px 0 32px 24px;
}

.floating_menu .floating_pd_pop .pd_cont_area {
	display: block
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .time-sale-wrap {
	width: 100%;
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list {
	padding-bottom: 20px;
	margin-top: 20px;
	border-bottom: 1px solid #eee;
	width: 100%;
	margin-left: 0
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list:first-child {
	margin-top: 0;
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list:last-child {
	border-bottom: none;
	padding-bottom: 0
}

/* .floating_menu .floating_pd_pop .pd_cont_area .list_div .list .cart_btn {
	width: 32px;
	height: 32px;
	right: 0;
	bottom: 27px;
	top: auto;
	left: auto
} */

/* .floating_menu .floating_pd_pop .pd_cont_area .list_div .list:last-child .cart_btn {
	bottom: 7px
} */

.floating_menu .floating_pd_pop .pd_cont_area .list_div .list .heart {
	width: 40px;
	height: 40px;
	top: 50px;
	left: 50px;
	bottom: auto;
	right: auto
}

.floating_menu .floating_pd_pop .pd_cont_area .list_div .product_list.soldout .thumb:before {
	content: "일시품절";
	font-size: 14px;
	line-height: 18px;
	width: 80px;
	height: 80px;
	padding: 22px;
}

.floating_menu .floating_pd_pop .pop_con {
	max-height: 418px;
	min-height: 100px;
	padding-right: 24px;
}

.floating_menu .floating_pd_pop.on .pop_con {
	overflow-y: auto;
}

.floating_menu .floating_pd_pop .pop_con::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 16px
}

.floating_menu .floating_pd_pop .pop_con::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 6px;
	background-clip: padding-box;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

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

.floating_menu .floating_pd_pop .pop_con a {
	margin-top: 0;
	width: auto;
	height: auto;
	border-radius: 0;
	box-shadow: none
}

.floating_menu .floating_pd_pop .list.pet .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.floating_menu .floating_pd_pop .list.pet .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}


/* 플로팅메뉴 > 최근 본 상품 */
.floating_menu .recent_div {
	position: relative;
	margin-top: 20px;
}

.floating_menu .recent_div .recent_view {
	padding: 4px;
	background: #fff;
	overflow: hidden;
	transition: background-image 0.2s ease-in-out
}

.floating_menu .recent_div .recent_view img {
	width: 44px;
	height: 44px;
}

.floating_menu .recent_div.no_recent .recent_view {
	padding: 10px;
}

.floating_menu .recent_div.no_recent .recent_view img {
	width: 32px;
	height: 32px;
}

.floating_menu .recent_div .recent_view.on {
	background: url("/res/images/icn_xbt_32x32.png") center no-repeat #fff;
	padding: 10px;
	background-size: 32px;
}

.floating_menu .recent_div .recent_view.on img {
	display: none
}

.floating_menu .recent_div .recent_pop .no_data_div {
	display: none
}

.floating_menu .recent_div.no_recent .recent_pop .no_data_div {
	display: table;
}

.floating_menu .recent_div .recent_view.on+.recent_pop {
	display: block
}

.floating_menu .recent_div .recent_pop .recent_tit {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
	padding-bottom: 12px
}

.floating_menu .recent_div .recent_pop .recent_tit span {
	margin-left: 8px;
	color: #3cc814
}

.floating_menu .recent_div.no_recent .recent_pop .pd_cont_area {
	display: none
}

.floating_menu .recent_div .recent_pop .no_data_div .txt_area {
	padding-top: 144px;
	padding-bottom: 40px;
	background: url('/res/images/icon/nodata.svg') no-repeat center 60px;
	background-size: 64px;
	border-bottom: none
}

/* 플로팅메뉴 > 타임특가 상품 */
.floating_menu .time_special_div {
	position: relative;
	margin-top: 20px;
}

.floating_menu .time_special_div .time_special_view {
	padding: 10px;
	background: #fff;
	overflow: hidden;
	transition: background-image 0.2s ease-in-out
}

.floating_menu .time_special_div .time_special_view img {
	width: 32px;
	height: 32px;
}

.floating_menu .time_special_div .time_special_view.on {
	background: url("/res/images/icn_xbt_32x32.png") center no-repeat #fff;
	padding: 10px;
	background-size: 32px;
}

.floating_menu .time_special_div .time_special_view.on img {
	display: none
}

.floating_menu .time_special_div .time_special_view.on+.time_special_pop {
	display: block
}

.floating_menu .time_special_div .time_special_view .recent_tit {
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: 700;
	padding-bottom: 12px
}

.floating_menu .time_special_div .time_special_view .recent_tit span {
	margin-left: 8px;
	color: #3cc814
}

.floating_menu .time_special_div .time_special_pop {
	padding: 20px 24px;
}

.floating_menu .time_special_div .pop_tit {
	margin-bottom: 24px
}

.floating_menu .time_special_div .timer_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
	color: #111;
}

.floating_menu .time_special_div .timer_div p,
.floating_menu .time_special_div .timer_div a {
	display: inline-block;
	vertical-align: middle;
	font-weight: 700;
	/* display: table-cell;
	font-weight: 700; */
}

.floating_menu .time_special_div .timer_div>div {
	display: flex;
	align-items: center;
}

.floating_menu .time_special_div .timer_div .tit {
	display: inline-flex;
	align-items: center;
}

.floating_menu .time_special_div .timer_div p.tit img+img {
	margin-left: 8px;
}

/* .floating_menu .time_special_div .timer_div p:last-child {
	padding-left: 10px;
} */

/* .floating_menu .time_special_div .timer_div p.tit img {
	margin-left: 8px;
}

.floating_menu .time_special_div .timer_div p.tit img:first-child {
	margin-left: 0px;
	margin-top: 2px
} */

.floating_menu .time_special_div .timer_div .timer {
	padding-left: 10px;
}

.floating_menu .time_special_div .timer_div .go-link {
	margin: 0;
	padding-right: 20px;
	width: inherit;
	height: inherit;
	border-radius: 0;
	box-shadow: none;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0.5px;
	color: #000;
	background: url(/res/images/icon/arrow-right-bk.svg) no-repeat 100% 11px;
}

.floating_menu .time_special_div .time_special_pop .pop_con {
	padding-right: 0;
}

/* .floating_menu .time_special_div .pd_cont_area .list_div .list:last-child .cart_btn {
	bottom: 0;
} */

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

.live-floating .video-wrap {
	display: flex;
	flex-direction: column;
	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: 320px;
	max-height: 180px;
	aspect-ratio: 16 / 9;
}

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

.live-floating .video-wrap:has(:not(.view-btn)) video,
.live-floating .video-wrap:has(:not(.view-btn)) iframe {
	border-radius: 8px;
}

.live-floating .video-wrap iframe {
	border: none;
}

.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: 40px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	background-color: #052822;
}

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

/* 페이지 하단 댓글 영역 */
.cmt_area .input_area {
	display: flex;
	gap: 0 16px;
}

.cmt_area .input_area .textarea_div .textarea_wrap {
	width: 1136px;
	height: 112px;
	background: #f9f9f9;
	border-radius: 4px;
	padding: 20px 20px 32px 20px;
	margin-top: 0
}

.cmt_area .input_area .textarea_div .textarea_wrap textarea {
	font-size: 14px;
	line-height: 20px;
	color: #333;
	width: 100%;
	height: 60px;
}

.cmt_area .input_area .textarea_div .textarea_wrap textarea::placeholder {
	font-size: 14px;
	line-height: 20px;
	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 .byte {
	color: #999;
}

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

.cmt_area .cmt_wrt_div .textarea_div .textarea_wrap {
	height: 128px;
}

.cmt_area .cmt_wrt_div .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 128px;
	height: 128px;
	background: var(--color-primary-1);
	border-radius: 4px;
	color: #fff;
	text-align: center
}

.cmt_area .cmt_wrt_div .cmt_wrt_check {
	display: flex;
	align-items: center;
	gap: 0 20px;
}

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

.cmt_area .cmt_wrt_div .cmt_wrt_check .chk_div label {
	display: flex;
	align-items: center;
	height: 24px;
	color: #333;
}

.cmt_area .cmt_div {
	margin-top: 48px;
}

.cmt_area .cmt_div .cmt_top_area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 16px;
	border-bottom: 1px solid #ddd;
}

.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: 18px;
	font-weight: 700;
	line-height: 26px;
}

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

.cmt_area .cmt_div .no_data_div .txt_area {
	padding: 194px 20px 96px;
	background: url('/res/images/icon/nodata.svg') no-repeat center 110px;
	background-size: 64px
}

.cmt_area .cmt_div .cmt_list_div {
	padding-top: 14px;
}

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

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

.cmt_area .cmt_div .cmt_list_div .list .info_div p {
	display: inline-flex;
	align-items: center;
	color: #bbb;
}

.cmt_area .cmt_div .cmt_list_div .list .info_div .id_date>p:not(:first-child):before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin: 0 10px;
	background-color: #ddd;
}

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

.cmt_area .cmt_div .cmt_list_div .list .tools a {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding-right: 20px;
}

.cmt_area .cmt_div .cmt_list_div .list .tools a.edit {
	background: url('/res/images/icon/edit-111.svg') no-repeat center right / 16px;
}

.cmt_area .cmt_div .cmt_list_div .list .tools a.delete {
	background: url("/res/images/icon/trash-111.svg") no-repeat center right / 16px;

}

.cmt_area .cmt_div .cmt_list_div .list .tools a:not(:first-child):before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin: 0 10px;
	background-color: #ddd;
}

.cmt_area .cmt_div .cmt_list_div .list .txt_div .cmt_txt {
	margin: 24px 0;
	color: #333;
}

.cmt_area .input_area.cmt_edit {
	margin-top: 24px;
	margin-bottom: 16px;
}

.cmt_area .cmt_div .cmt_list_div .list .cmt_edit .btn_div {
	width: 128px;
}

.cmt_area .cmt_div .cmt_list_div .list .cmt_edit .btn_div a {
	display: block;
	width: 100%;
	height: 52px;
	border: 1px solid var(--color-primary-1);
	border-radius: 4px;
	padding: 14px;
	margin-top: 8px;
	text-align: center;
}

.cmt_area .cmt_div .cmt_list_div .list .cmt_edit .btn_div a:first-child {
	margin-top: 0
}

.cmt_area .cmt_div .cmt_list_div .list .cmt_edit .btn_div a.cancel {
	color: var(--color-primary-1);
	background: #fff;
}

.cmt_area .cmt_div .cmt_list_div .list .cmt_edit .btn_div a.edit {
	color: #fff;
	background: var(--color-primary-1);
}

.cmt_area .input_area.cmt_edit .textarea_div .byte {
	right: 20px;
}

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

.cmt_area .cmt_div .cmt_list_div .list .answer_div .info_div {
	justify-content: start;
	font-size: 14px;
	line-height: 18px;
	color: #777
}

.cmt_area .cmt_div .cmt_list_div .list .answer_div .info_div p {
	display: inline-flex;
	align-items: center;
	color: #333;
}

.cmt_area .cmt_div .cmt_list_div .list .answer_div .info_div p:not(:first-child):before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin: 0 10px;
	background-color: #ddd;
}


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

/* 스와이퍼 버튼 */
#content .swiper-button-prev,
.swiper-button-next {
	z-index: 3;
}

#content .swiper-button-next.swiper-button-disabled {
	background-image: url('/res/images/icon/arrow-swiper-right-ccc.svg');
	opacity: 1;
}

#content .swiper-button-prev.swiper-button-disabled {
	background-image: url('/res/images/icon/arrow-swiper-left-ccc.svg');
	opacity: 1;
}

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

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

.cpn_com_list .list:before {
	content: '';
	display: block;
	width: 15px;
	height: 28px;
	border-radius: 0 15px 15px 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: 15px;
	height: 28px;
	border-radius: 15px 0 0 15px;
	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 .cpn_tit {
	width: 100%;
	color: #333;
	padding-right: 80px;
	margin-top: 8px;
	word-break: break-all;
}

.cpn_com_list .list .cpn_dtl {
	padding-right: 18px;
}

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

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

.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: 8.5px;
	top: calc(50% - 4px);
}

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

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

.cpn_com_list .list .txt_area {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px 0;
	width: 100%;
	height: 100%;
}

.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: 48px;
	height: 48px;
	background-image: url('/res/images/icon/cpn-down.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 48px;
}

.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_use {
	position: absolute;
	bottom: 32px;
	right: 32px;
	display: inline-block;
	color: #555;
	text-decoration: underline;
}

.cpn_com_list .list .except_tooltip {
	position: absolute;
	bottom: 32px;
	right: 32px;
	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;
	background-size: 20px;
}

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

/* 250617 쿠폰 리스트 변경 */
.coupon-list.swiper-container {
	width: calc(100% + 120px);
	margin-left: -60px;
	padding: 0 60px;
	overflow: clip visible;
}

.coupon-list.swiper-disabled .swiper-wrapper {
	gap: 0 28px
}

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

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

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

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

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

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

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

.coupon-list>ul>li .name {
	margin-top: 8px;
	margin-right: 120px;
	color: #333;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	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: 14px;
	font-weight: 600;
	line-height: 20px;
}

.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 8px;
	background-color: #ddd
}

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

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

.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: 32px;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	background-position: 50% 50%;
	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: 32px;
	right: 32px;
}

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

.coupon-list>ul>li .tooltip-wrap .term {
	color: #999;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

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

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

.coupon-list .swiper-button-prev,
.coupon-list .swiper-button-next {
	top: 0;
	width: 40px;
	height: 100%;
	margin-top: 0;
	background-color: #fff;
	background-size: 40px
}

.coupon-list .swiper-button-prev {
	left: 0;
	background-image: url(/res/images/icon/arrow-swiper-left-111.svg);
	background-position: 0 102px
}

.coupon-list .swiper-button-next {
	right: 0;
	background-image: url(/res/images/icon/arrow-swiper-right-111.svg);
	background-position: 100% 102px
}

/* textarea_wrap */
.textarea_wrap,
.textarea_wrap {
	position: relative;
	width: 100%;
	height: 120px;
	margin-top: 12px;
	background-color: #f9f9f9;
	padding: 12px 12px 0 12px;
}

.textarea_wrap textarea {
	width: 100%;
	height: 67px;
	padding: 0;
	border: none;
	background-color: inherit;
}

textarea::placeholder {
	color: #bbb;
	font-size: 16px;
}

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

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

.textarea_wrap .limit_txt {
	position: absolute;
	bottom: 12px;
	left: 12px;
	color: #bbb;
}

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

/* .upload_pic .file_div:after {
	content: '';
	display: block;
	clear: both
} */

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

.upload_pic .file {
	/* border-radius: 10px; */
	position: relative;
	/* float: left; */
	margin-left: 8px;
	width: 128px;
}

.upload_pic .file:before {
	content: '';
	display: block;
	padding-bottom: 100%
}

.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 right top;
	background-size: 24px
}

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

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

.upload_pic .upload {
	/* border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
	background: url('/res/images/m_upload_pic_icon.png') no-repeat center #f9f9f9;
	background-size: 20px; */
	position: relative;
	background: url('/res/images/icon/camera-111.svg') no-repeat top 28px center #f9f9f9;
	background-size: 48px;
	width: 128px;
	height: 128px;
	cursor: pointer;
	transition: background-color 0.1s ease-in-out;
	order: 1;
	margin-right: 10px;
}

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

.upload_pic .upload.two {
	left: 110px;
}

.upload_pic .upload.thr {
	left: 220px;
} */

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

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

.upload_pic .upload:hover {
	background-color: #f1f1f1;
}

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

/* 더보기 버튼 */
.list_more {
	position: relative;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 25px;
	width: 400px;
	height: 64px;
	border: 1px solid #ccc;
	border-radius: 36px;
	color: #000;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	text-align: center;
	padding: 20px;
}

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

/* 스와이퍼 버튼 */
.swiper_btn {
	position: absolute;
	z-index: 2
}

.swiper_btn .swiper-button-next {
	background: url("/res/images/icn_arrow_right_60x60_555.png") center no-repeat;
	background-size: 60px;
	width: 60px;
	height: 60px;
	margin-top: -30px
}

.swiper_btn .swiper-button-next:hover {
	background: url("/res/images/icn_arrow_right_60x60_555_hover.png") center no-repeat;
	background-size: 60px;
}

.swiper_btn .swiper-button-prev {
	background: url("/res/images/icn_arrow_left_60x60_555.png") center no-repeat;
	background-size: 60px;
	width: 60px;
	height: 60px;
	margin-top: -30px
}

.swiper_btn .swiper-button-prev:hover {
	background: url("/res/images/icn_arrow_left_60x60_555_hover.png") center no-repeat;
	background-size: 60px;
}

.swiper_btn .swiper-button-prev.swiper-button-disabled,
.swiper_btn .swiper-button-next.swiper-button-disabled {
	opacity: 0.2
}

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

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

.recommend_div .pd_swiper .swiper-slide.pet .pet_badge:before {
	content: '';
	display: table-cell;
	background-image: url("/res/images/pet_24.png");
	background-size: 24px;
	background-position: center;
	background-repeat: no-repeat;
}

.pet .thumb .pet_badge {
	position: absolute;
	top: 25px;
	right: 25px;
	display: table;
	width: 60px;
	height: 60px;
	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_36.png");
	background-size: 36px;
	background-position: center;
	background-repeat: no-repeat;
}

/* 제품리스트 공통 */
.product_list_div:after {
	content: '';
	display: block;
	clear: both
}

.product_list_div .product_list {
	position: relative;
	width: calc(25% - 30px);
	width: -webkit-calc(25% - 30px);
	margin-left: 40px;
	float: left;
}

.product_list_div .product_list:nth-child(4n+1) {
	margin-left: 0;
	clear: both
}

.product_list_div .product_list:nth-child(n+5) {
	margin-top: 48px
}

.product_list_div .product_list .thumb {
	width: 290px;
	height: 290px;
	border-radius: 20px;
	padding: 25px;
	background: #f7f7f7;
}

/* .product_list_div .product_list .cart_btn {
	top: 394px;
	right: 0px
} */

.product_list_div .product_list .heart {
	top: 230px;
	right: 20px
}

.product_list .thumb {
	position: relative;
	text-align: center;
}

.product_list .thumb img {
	width: 100%
}

.product_list.pet .thumb .pet_badge {
	position: absolute;
	top: 25px;
	right: 25px;
	display: table;
	width: 60px;
	height: 60px;
	background-color: rgb(64, 15, 15, 0.8);
	background-blend-mode: multiply;
	border-radius: 100%;
}

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

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

.product_list .name {
	margin-top: 4px;
	width: 100%;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.5px;
	color: #000
}

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

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

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

.product_list .price_div .price .won {
	float: left;
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #080202;
	letter-spacing: -0.2px;
}

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

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

.product_list .price_div .price:nth-child(2) .won {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #999;
	letter-spacing: -0.2px;
	margin-top: 2px;
}

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

/* 221004 상품 상세 2차 고도화 */
.product_list .price_div .benefit {
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #ff3894;
}

.product_list .price_div .benefit strong {
	font-size: 16px;
	font-weight: 500;
}

.product_list .pd_info .name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
}

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

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

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

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

.product_list .pd_info .badge {
	margin-top: 10px;
	height: 24px
}

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

.product_list .pd_info .badge span {
	float: left;
	margin-right: 4px;
	padding: 3px 7px;
	font-size: 12px;
	line-height: 16px;
	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: 32px;
	height: 32px;
	background: url('/res/images/icn_cart_32x32.png') no-repeat center;
	background-size: 32px;
	z-index: 1
} */

/* .product_list .cart_btn:hover {
	background: url('/res/images/icn_cart_hover_32x32.png') no-repeat center;
	background-size: 32px
} */

.product_list .heart {
	position: absolute;
	width: 40px;
	height: 40px;
	background: url('/res/images/icn_heart_40x40.png') no-repeat center;
	background-size: 40px;
	z-index: 1
}

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

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

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

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

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

.pd_swiper .product_list.swiper-slide .heart p {
	width: 32px;
	height: 32px
}

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

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

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

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

.product_list.soldout .alarm {
	display: block
}

.pd_swiper .product_list.soldout .alarm {
	display: block;
	bottom: 36px;
	right: 20px
}

.product_list_div .product_list.soldout .alarm {
	display: block;
	right: 0;
	top: 394px;
}


/* 제품리스트 가로형 공통 */
.hor .product_list .thumb {
	display: table-cell;
	vertical-align: middle
}

.hor .product_list .pd_info {
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 0;
}

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

/* 순위가 있는 제품 리스트 */
.best_div .pd_wrap .product_list .num {
	position: absolute;
	z-index: 1;
	padding: 4px;
	width: 40px;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #000;
	top: 20px;
	left: 20px;
}

/* 왼쪽 메뉴 */
/* LNB */
.lnb_div .lnb {
	position: relative;
	width: 200px;
}

.lnb_div .lnb .menu_div .section {
	padding-top: 28px;
	padding-bottom: 28px;
	border-top: 1px solid #ddd;
}

.lnb_div .lnb .menu_div .section:first-child {
	padding-top: 0;
	border-top: none;
}

.lnb_div .lnb .menu_div .section p {
	display: flex;
	align-items: center;
	gap: 0 9px;
}

.lnb_div .lnb .menu_div .section p+p {
	margin-top: 12px;
}

.lnb_div .lnb .menu_div .section p a {
	color: #555;
	font-size: 18px;
	line-height: 24px;
}

.lnb_div .lnb .menu_div .section p a:hover,
.lnb_div .lnb .menu_div .section p a.on {
	color: #111;
	font-weight: 700
}

.lnb_div .lnb .menu_div .section p .flag {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 20px;
	padding: 0 8px;
	color: #111;
	font-size: 12px;
	border: 1px solid #B7FCB1;
	border-radius: 10px;
	background-color: #DEFDD4;
}

.lnb_div .lnb .menu_div .section p .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;
}

.lnb_div.cs .lnb .menu_div .section {
	padding-bottom: 0;
}

.lnb_div.cs .lnb .menu_div .section p+p {
	margin-top: 8px;
}

.lnb_div .lnb_footer {
	margin-top: 56px;
}

.lnb_div .lnb_footer .cs_center {
	padding: 20px;
	border-radius: 4px;
	border: 1px solid #ddd;
}

.lnb_div .lnb_footer .cs_center .tit {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #111
}

.lnb_div .lnb_footer .cs_center .cs_tel {
	margin-top: 8px;
	font-size: 28px;
	line-height: 36px;
	color: #111;
	font-weight: 700
}

.lnb_div .lnb_footer .cs_center .info {
	margin-top: 8px;
	font-size: 13px;
	line-height: 18px;
	color: #777
}

.lnb_div .lnb_footer .kakao_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
	width: 200px;
	height: 60px;
	border-radius: 4px;
	background: #ffe500;
}

.lnb_div .lnb_footer .kakao_btn span {
	display: inline-flex;
	align-items: center;
	height: 100%;
	padding-left: 38px;
	font-weight: 500;
	font-size: 18px;
	color: #111;
	background: url('/res/images/icon/kakao.svg') no-repeat left center / 38px;
}

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

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

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

.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 4px;
	margin-top: 48px;
}

.no-data-wrap .btn-wrap>a {
	font-size: 16px;
	font-weight: 500;
}

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

.tooltip-wrap:hover .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;
	right: -302px;
	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: 16px;
	font-weight: 500;
	line-height: 24px;
	white-space: nowrap;
}

.tooltip-wrap .tooltip-info .body li,
.tooltip-wrap .tooltip-info p {
	color: #777;
	font-size: 14px;
	line-height: 20px;
	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 {
	margin-top: 100px;
	padding: 40px 32px;
	background-color: #F9F9F9;
}

.page-noti-info .title {
	display: block;
	margin-bottom: 12px;
	color: #111;
	font-size: 14px;
	font-weight: 500;
	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: 14px;
	line-height: 20px;
}

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

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

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

.textarea-wrap .length {
	margin-top: 10px;
	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.row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.input-wrap.row label {
	width: 83px;
	margin-bottom: 0;
	padding: 14px 0
}

.input-wrap.row>div {
	flex: 1
}

.input-wrap.row .info-msg {
	width: 100%;
	padding-left: 108px
}

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

.input-wrap label.require:after {
	content: "*";
	display: inline-flex;
	margin-left: 2px;
	font-size: 14px;
	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: #F9F9F9;
}

/* .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;
	gap: 0 20px
}

.input-wrap.auth>[class*=-btn],
.input-wrap.address>[class*=-btn] {
	min-width: 112px;
	height: 48px;
	line-height: 48px;
	padding: 0 12px;
	font-weight: 400;
	border-color: #3CC814;
}

.input-wrap.dropdown .textarea-wrap {
	margin-top: 12px
}

.input-wrap.auth {
	display: flex;
	flex-wrap: wrap
}

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

.input-wrap.auth>[class*=-btn] {
	margin-left: 8px
}

.input-wrap.address {
	row-gap: 12px
}

.input-wrap.address>div:nth-of-type(1) {
	/* flex: none; */
	width: 181px;
}

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

.input-wrap.address .address-btn {
	width: auto;
}

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

.input-wrap .btn-wrap {
	display: flex;
	align-items: center;
	gap: 0 10px;
	margin-left: 12px
}

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

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

.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: #F05B5A;
	font-size: 13px;
	line-height: 18px
}

.input-wrap .info-msg {
	margin-top: 2px;
	color: #999;
	font-size: 13px;
	line-height: 18px;
	text-align: left
}

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

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

/* 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: 16px;
	cursor: pointer
}

.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)
}@charset "utf-8";

/* =============== PC: (item) 공통 ===============*/
[class*=product-item],
.product-sub-item {
	position: relative;
}

[class*=product-item] .thumb,
.product-sub-item .thumb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f9f9f9;
}

[class*=product-item] .thumb img,
.product-sub-item .thumb img {
	width: 100%;
	height: 100%;
}

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

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

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

[class*=product-item] .thumb .soldout,
.product-sub-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,
.product-sub-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: 14px;
	line-height: 20px;
	background-color: rgba(17, 17, 17, 0.4)
}

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

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

[class*=product-item] .info .hashtag-review:empty,
.product-sub-item .info .hashtag-review:empty {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

[class*=product-item] .info .hashtag-review .rebuy-info,
.product-sub-item .info .hashtag-review .rebuy-info {
	display: flex;
	align-items: center;
	gap: 0 4px;
	padding-right: 2px;
}

[class*=product-item] .info .hashtag-review .hashtag,
.product-sub-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,
.product-sub-item .info .hashtag-review .review-count,
[class*=product-item] .info .point-date .date,
.product-sub-item .info .point-date .date {
	margin-left: auto;
}

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

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

/* .product-sub-item .info .name strong {
	font-weight: inherit !important;
} */

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

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

[class*=product-item] .price-info .benefit,
.product-sub-item .price-info .benefit {
	color: #777;
}

[class*=product-item] .price-info,
.product-sub-item .price-info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

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

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

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

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

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

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

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

[class*=product-item] .info .review .review-info .review-name,
.product-sub-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,
.product-sub-item .info .review .review-info .review-count {
	display: inline-block;
	margin-top: 8px;
	padding-left: 20px;
	background-size: 18px;
}

/*=============== PC: (item) row형, column형 ===============*/
/* .product-item-row .price-info .percent,
.product-item-column .price-info .percent {
	padding-left: 8px;
} */

.product-item-row .price-info,
.product-item-column .price-info {
	gap: 0 8px;
}

/*=============== PC: (item) row형 ===============*/
.product-item-row {
	display: flex;
	flex-wrap: wrap;
	width: 894px;
	margin: auto;
}

.product-item-row>a {
	display: flex;
	align-items: center;
	gap: 0 28px;
	width: 100%;
	background-color: #fff;
}

.product-item-row .thumb {
	width: 328px;
	height: 328px;
}

.product-item-row .thumb img {
	width: 272px;
	height: 272px;
}

.product-item-row .info {
	flex: 1;
	width: calc(100% - 356px);
}

.product-item-row .info .name {
	max-width: 538px;
}

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

/* .product-item-row .price-info {
	align-items: center;
	gap: 0 8px;
} */

.product-item-row .price-info {
	margin-top: 20px;
}

/*=============== PC: (item) column형 ===============*/
.product-item-column {
	width: 284px;
	background-color: #fff;
}

.product-item-column>a {
	display: flex;
	flex-direction: column;
}

.product-item-column .thumb {
	width: 284px;
	height: 284px;
}

.product-item-column .thumb img {
	width: 244px;
	height: 244px;
}

.product-item-column .info {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.product-item-column .info .hashtag-review,
.product-item-column .info .point-date {
	margin-top: 20px;
}

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

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

/* .product-item-column .price-info {
	flex-direction: column;
} */

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

/*=============== PC: (item) list형 ===============*/
.product-item-list {
	width: 360px;
}

.product-item-list+.product-item-list {
	margin-top: 16px;
}

.product-item-list>a {
	display: flex !important;
	align-items: center;
	gap: 0 16px;
	width: 100%;
}

.product-item-list>a.no-link {
	cursor: default;
}

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

/* .product-item-list .thumb img {
	width: 100%;
	height: 100%;
} */

.product-item-list .thumb .soldout {
	font-size: 13px;
}

.product-item-list .info {
	flex: 1;
}

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

/* .product-item-list .info .percent {
	
}

.product-item-list .info .benefit {

} */

.product-item-list .info .count {
	display: inline-block;
	width: 100%;
	margin-top: 2px;
	color: #bbb;
	text-align: left;
}

.product-item-list .btm {
	width: 100%;
	margin-top: 16px;
}

.product-item-list .btm .gift {
	display: block;
	height: 48px;
	line-height: 48px !important;
	padding: 0 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: var(--color-primary-1);
}

.product-item-list .btm .option .gift {
	border: none;
	background-color: transparent;
}


.product-item-list.time-sale-wrap .top-cnt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
}

.product-item-list.time-sale-wrap .timer {
	width: 280px;
	margin-bottom: 0;
}

.product-item-list.time-sale-wrap .timer+a {
	width: initial;
}

/*=============== PC: (list) 나열 ===============*/
[class*=product-list] {
	display: flex;
}

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

.product-list-1:not(.swiper-wrapper),
.product-list-3:not(.swiper-wrapper),
.product-list-4:not(.swiper-wrapper) {
	gap: 80px 48px;
}

[class*=product-list].swiper-wrapper+.swiper-button [class*=swiper-button] {
	top: 0;
	width: 60px;
	height: 100%;
	margin-top: 0;
	background-color: #fff;
	background-size: 40px;
}

[class*=product-list].swiper-wrapper+.swiper-button .swiper-button-prev {
	left: 0;
	right: auto;
	background-position: 0 50%;
	background-image: url(/res/images/icon/arrow-swiper-left-111.svg);
}

[class*=product-list].swiper-wrapper+.swiper-button .swiper-button-next {
	left: auto;
	right: 0;
	background-position: 100% 50%;
	background-image: url(/res/images/icon/arrow-swiper-right-111.svg);
}

[class*=product-list].swiper-wrapper+.swiper-button .swiper-button-disabled {
	opacity: 1;
}

[class*=product-list].swiper-wrapper+.swiper-button .swiper-button-prev.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-swiper-left-ccc.svg);
}

[class*=product-list].swiper-wrapper+.swiper-button .swiper-button-next.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-swiper-right-ccc.svg);
}

/*=============== PC: (list) 스와이퍼형 ===============*/
.product-swiper-1:not(.swiper-disabled) {
	width: 1014px;
}

.product-swiper-1.swiper-disabled {
	width: 894px;
}

.product-swiper-4,
.product-swiper-3,
.product-swiper-2:not(.time-sale),
.product-swiper-1:not(.swiper-disabled, .except-swiper) {
	padding: 0 60px !important;
}

.product-swiper-1.is-scrollbar:not(.rebuy-wrap .product-swiper-1) {
	padding: 0 !important;
}

.product-swiper-4,
.product-swiper-3,
.product-swiper-2 {
	width: calc(100% + 120px);
	margin-left: -60px !important;
}

.product-swiper-4.swiper-disabled .product-list-4,
.product-swiper-3.swiper-disabled .product-list-3 {
	gap: 0 48px;
}

.product-swiper-2.swiper-disabled .product-list-2 {
	gap: 0 84px;
}

.product-swiper-4 .swiper-slide {
	width: 284px !important;
}

.product-swiper-4 [class*=swiper-button] {
	background-position-y: 122px !important;
}

[class*=product-swiper].swiper-disabled .swiper-button {
	display: none;
}

/*=============== PC: (list) 스와이퍼형: 1열 2개 ===============*/
.product-list-2 {
	width: 100%;
}

/* .product-swiper-2:not(.time-sale) .product-list-2 .product-item-row {
	width: calc(50% - 42px) !important;
} */

.product-swiper-2.swiper-disabled:not(.time-sale) .product-list-2 .product-item-row {
	flex: 1;
	/* width: calc(50% - 52px) !important; */
	margin: 0;
}

.product-list-2 .product-item-row>a {
	gap: 0 20px;
}

.product-list-2 .product-item-row .thumb {
	width: 284px;
	height: 284px;
}

.product-list-2 .product-item-row .thumb img {
	width: 244px;
	height: 244px;
}

/*=============== PC: (list) 스와이퍼형: 1열 2개 / 타임특가 ===============*/
.time-sale-wrap .body {
	display: inline-flex;
	align-items: center;
	justify-content: end;
	width: calc(100% - ((100% - 1280px)/2));
}

.time-sale-wrap .body .swiper-container {
	width: 100%;
	margin-left: 0 !important;
	padding-left: 0 !important;
	padding-right: calc(100% - 608px) !important;
}

/* .time-sale-wrap .body .swiper-container .swiper-wrapper {
	padding: 30px;
} */

.time-sale-wrap .body .product-swiper-2.swiper-disabled .product-list-2 {
	gap: 0 60px;
}

/* .time-sale-wrap .body .swiper-container .swiper-wrapper .swiper-slide {
	width: 608px !important;
} */

.time-sale-wrap .body .swiper-container:not(.swiper-disabled) .swiper-wrapper .swiper-slide:not(.swiper-slide-active):after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 12px;
}

.time-sale-wrap .body .swiper-container.swiper-disabled .swiper-slide {
	margin: 0;
}

.time-sale-wrap .body .swiper-container .swiper-wrapper .swiper-slide .info {
	flex: inherit;
	width: 304px;
}

.time-sale-wrap .timer {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	margin-bottom: 12px;
	padding: 4px;
	background: var(--color-secondary-1) url(/res/images/icon/clock-on-111.svg) 0 50%;
	border-radius: 0px 20px;
}

/*=============== PC: (list) 1열 3개 ===============*/
.product-list-3 .product-item-column {
	width: 394px;
}

.product-list-3 .product-item-column .thumb {
	width: 100%;
}

/*=============== PC: (list) 1열 4개 ===============*/
.product-list-3 .product-item-column .price-info,
.product-list-4 .product-item-column .price-info {
	margin-top: 20px;
}

/*=============== PC: (item) 액자형 column형 =============== */
.product-item-column.frame {
	width: 380px;
}

.product-item-column.frame .thumb {
	width: 100%;
	height: 264px;
	text-align: center;
}

.product-item-column.frame .thumb img {
	margin: 10px 0;
}

.product-item-column.frame .info {
	padding: 20px 32px;
}

.product-item-column.frame .info .hashtag-review {
	margin-top: 0;
	margin-bottom: 12px;
	padding-bottom: 3px;
}

.product-item-column.frame .info .volume {
	margin-top: 2px;
}

.product-item-column.frame .price-info {
	margin-top: 12px;
}

.product-item-column.frame .price-info .benefit {
	padding-top: 2px;
}

/*=============== PC: (sub-item) =============== */
.product-sub-item {
	display: flex;
	gap: 12px;
	width: 100%;
}

.product-sub-item .cnt {
	display: flex;
	flex-direction: column;
	gap: 0 12px;
	width: 100%;
}

/* .product-sub-item.review:not(.no-image) .cnt {
	min-height: 132px;
}

.review_div .product-sub-item.review:not(.no-image) .cnt {
	min-height: auto;
} */

.product-sub-item .thumb .soldout {
	font-size: 13px;
}

.product-sub-item .rgt-info {
	margin-left: auto;
	min-width: 336px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.product-sub-item .rgt-info:has(.price-info:only-child) {
	min-width: auto;
}

.product-sub-item .rgt-info .price-info:only-child {
	width: auto !important;
}

.product-sub-item .top .thumb-info+.btn-wrap {
	margin-left: 22px;
}

.product-sub-item .top .btn-wrap+.price-info {
	align-items: end;
	width: auto !important;
	margin-left: auto;
}


.product-sub-item .top .rgt-info .price-info+.state-info,
.product-sub-item .top .rgt-info .state-info+[class*=btn-wrap] {
	margin-left: 10px;
}

.product-sub-item .top .thumb-info+.rgt-info>div:last-child.price-info {
	width: 232px;
	text-align: right;
}

.product-sub-item .chk_box,
.product-sub-item .radio_box {
	display: flex;
	align-items: center;
	width: 24px;
	height: 24px;
	margin-right: 12px;
}

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

.product-sub-item .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.product-sub-item:not(.review) .top {
	flex: 1;
}

.product-sub-item .top .thumb-info {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0 12px;
}

.product-sub-item .top .thumb-info a {
	display: flex;
	align-items: center;
	gap: 0 20px;
}

.product-sub-item .top .thumb-info a .thumb,
.product-sub-item .top .thumb-info .thumb {
	min-width: 100px;
	width: 100px;
	height: 100px;
}

.product-sub-item .top .thumb-info a .info {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	min-width: 306px;
	/* max-width: 480px; */
	padding-right: 22px;
}

.product-sub-item .top .thumb-info .count {
	display: block;
	color: #bbb;
}

.product-sub-item .top .thumb-info .gift {
	padding-top: 6px;
}

.product-sub-item .top .thumb-info .main-info+.date {
	color: #bbb;
}

.edit-delete-btn-wrap button+button:before,
.report-block-btn-wrap button+button:before {
	margin: 0 10px;
}

.product-sub-item .top .thumb-info .sub-info {
	display: flex;
	align-items: center;
	gap: 0 12px;
	padding-bottom: 2px;
}

.product-sub-item .top .thumb-info .sub-info:empty {
	display: none;
}

.product-sub-item .top .thumb-info .sub-info .id-date,
.product-sub-item .top .thumb-info .sub-info .edit-delete-btn-wrap {
	margin-left: 8px;
}

.product-sub-item .top .thumb-info .sub-info .id-date>span {
	display: inline-flex;
	align-items: center;
	color: #bbb;
}

.product-sub-item .top .thumb-info .sub-info .id-date>span:not(:first-child):before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin: 0 10px;
	background-color: #ddd;
}

.product-sub-item .top .thumb-info .main-info {
	display: flex;
	flex-direction: column;
	gap: 2px 0;
}

.product-sub-item .top .thumb-info .main-info+* {
	padding-top: 2px;
}

.product-sub-item .top .thumb-info .sub-info .gift-name {
	padding-left: 26px;
	background: url(/res/images/icon/gift-circle-p1.svg);
}

.product-sub-item .top .btn-wrap,
.product-sub-item .top .state-info {
	display: flex;
	flex-direction: column;
	gap: 2px 0;
}

.product-sub-item .top .btn-wrap .restock-btn,
.product-sub-item .top .btn-wrap .cart-btn {
	position: relative;
	width: 102px;
	height: 32px;
	border: 1px solid var(--color-primary-1);
	border-radius: 4px;
	background-color: transparent;
	background-image: none;
}

.product-sub-item .top .btn-wrap .restock-btn span,
.product-sub-item .top .btn-wrap .cart-btn span {
	padding-left: 22px;
	color: var(--color-primary-1);
	background-position: 0 50%;
	background-size: 20px;
}

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

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

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

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

.product-sub-item .top .outline-gray-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 112px;
	height: 30px;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
}

.product-sub-item .top .rgt-info>.outline-gray-btn {
	height: 40px;
}

.product-sub-item .top .state-btn-wrap {
	text-align: center;
}

.product-sub-item .top .state-btn-wrap button+button {
	margin-top: 5px;
}

.product-sub-item .top .underline-gray-btn {
	color: #999;
	text-decoration: underline;
}

.product-sub-item .top .btn-wrap .speech-bubble {
	position: absolute;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 4px;
	padding: 0 13px;
	height: 28px;
	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-sub-item .top .btn-wrap .speech-bubble:before {
	content: '';
	position: absolute;
	top: -7px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 12px;
	height: 7.5px;
	background: url(/res/images/icon/speech-bubble-p1.svg) 50% / cover;
}

.product-sub-item .top .state-info {
	min-width: 200px;
	text-align: center;
}

.product-sub-item .top .state-btn-wrap {
	width: 112px;
}

.product-sub-item .top .price-delete {
	display: flex;
	align-items: center;
}

.product-sub-item .top .price-info {
	flex-wrap: wrap;
	flex-direction: column;
	align-items: end;
}

.product-sub-item .top .price-info>div {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0 8px;
}

.product-sub-item .top .price-info .benefit {
	padding-top: 2px;
	text-align: right;
}

.product-sub-item .top .rgt-info .remove-btn {
	width: 24px;
	min-width: 24px;
	height: 24px;
	margin-left: 20px;
	background: url(/res/images/icon/close-555.svg) 50%;
}

.product-sub-item .btm {
	margin-top: 12px;
}

.product-sub-item .btm .gift {
	display: flex;
	align-items: center;
	height: 48px;
	padding: 0 12px;
	color: #111;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.product-sub-item.checkbox .btm {
	margin-left: 36px;
}

.product-sub-item .btm .gift strong {
	padding-right: 4px;
	color: #111;
	font-weight: 400 !important;
}

.product-sub-item .btm .select_form .option .gift {
	background-color: transparent;
	border: none;
}

.product-sub-item .btm.review {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: 100%;
}


.product-sub-item .btm .review-wrap {
	display: flex;
	align-items: center;
	/* width: calc(100% - 320px); */
	word-break: break-all;
}

.product-sub-item.review.no-image .btm .review-wrap {
	width: 100%;
}

.product-sub-item .btm .review-wrap .txt .flag {
	display: inline-flex;
	align-items: center;
}

.product-sub-item .btm .review-wrap .txt strong:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 10px;
	margin: 5px 10px 0;
	background-color: #ddd;
}

.product-sub-item .btm .review-wrap+.plus-btn {
	margin-top: 12px;
}

.product-sub-item .btm .review-thumb {
	margin-top: 16px;
}

.product-sub-item .btm.view .review-wrap {
	width: 100%;
}

.product-sub-item .accordion-btn {
	width: 24px;
	height: 24px;
	padding: 0;
	background-size: 24px;
}

.accordion .product-sub-item .head:after {
	display: none;
}

.product-sub-item .qna-title {
	width: 386px;
}

.product-sub-item .qna-title.lock:before {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 2px;
	vertical-align: middle;
	background: url(/res/images/icon/lock-111.svg) 50% / 24px;
}

.product-sub-item .answer-date {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.product-sub-item .answer-date .date {
	display: flex;
	align-items: center;
	color: #bbb
}

.product-sub-item .answer-date .date:before {
	content: '';
	width: 1px;
	height: 10px;
	margin: 0 10px;
	background-color: #eee;
}

.accordion .product-sub-item .top {
	padding: 24px 0;
}

.accordion .product-sub-item {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.accordion .product-sub-item+.product-sub-item {
	border-top: none;
}

.accordion .product-sub-item .head {
	cursor: pointer;
}

.accordion .product-sub-item .body {
	position: relative;
	padding: 24px 0;
	border-top: 1px solid #eee;
}

.product-sub-item .qna-answer {
	margin-top: 24px;
	padding: 20px;
	background-color: #f9f9f9;
	border-radius: 6px;
}

.product-sub-item .qna-answer>div+div {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

.product-sub-item .qna-cnt {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.product-sub-item .qna-cnt>p {
	width: 873px;
	word-break: break-all;
}

.product-sub-item .qna-answer .brand-date {
	display: flex;
	align-items: center;
}

.product-sub-item .qna-answer .date {
	display: flex;
	align-items: center;
}

.product-sub-item .qna-answer .date:before {
	content: '';
	width: 1px;
	height: 10px;
	margin: 0 10px;
	background-color: #ddd;
}

.product-sub-item .qna-answer .text {
	margin-top: 12px;
}

.product-sub-item .qna-answer .text * {
	font: inherit !important;
	background: none !important;
	color: inherit !important;
}

.product-sub-item .qna-answer button {
	margin-top: 16px;
	padding-right: 24px;
}

/* 리뷰 */
.product-sub-item.review:not(.open) .top .thumb-info {
	max-width: calc(100% - 252px);
}

.product-sub-item.review:not(.open) .top .thumb-info a .info {
	max-width: 840px;
}

/* 리뷰 사진 첨부 관련 */
.attach-thumb {
	display: flex;
	gap: 0 12px;
}

.attach-thumb li {
	position: relative;
	width: 100px;
	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: 24px;
	height: 24px;
	background: url(/res/images/icon/zoom-in-gray.svg);
}

.img-zoom {
	width: 480px;
	height: 480px;
}

.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: 480px;
	max-height: 480px;
	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: 24px;
	left: 50%;
	margin-left: -26px;
	width: 52px;
	height: 26px;
	font-size: 11px;
	color: #fff;
	background-color: rgba(17, 17, 17, 0.4);
	border-radius: 20px;
}

.img-zoom .swiper-container .swiper-pagination-fraction span {
	font-size: 13px;
	color: inherit;
	font-weight: 500;
}

.img-zoom .swiper-container .swiper-button-prev,
.img-zoom .swiper-container .swiper-button-next {
	width: 48px;
	height: 48px;
	margin-top: -24px;
	background-color: rgba(17, 17, 17, 0.4);
	background-size: 28px;
}

.img-zoom .swiper-container .swiper-button-prev {
	left: 0;
	background-image: url(/res/images/icon/arrow-left-fff.svg);
}

.img-zoom .swiper-container .swiper-button-next {
	right: 0;
	background-image: url(/res/images/icon/arrow-right-fff.svg);
}

.img-zoom .swiper-container .zoom-out-btn {
	position: absolute;
	right: 24px;
	bottom: 24px;
	width: 24px;
	height: 24px;
	background: url(/res/images/icon/zoom-out-gray.svg);
	z-index: 1;
}

/*=============== PC: (list) 1개 / 와이드형 ===============*/
.product-swiper-1.wide:not(.swiper-disabled) {
	width: calc(100% + 120px);
	margin-left: -60px;
}

.product-swiper-1.wide.swiper-disabled {
	width: 100%;
}

.product-swiper-1.wide .product-item-row,
.product-list-1.wide .product-item-row {
	width: 100%;
	border: 1px solid #eee;
	border-radius: 12px;
	overflow: hidden;
}

.product-swiper-1.wide .product-item-row>a,
.product-list-1.wide .product-item-row>a {
	gap: 0 60px;
}

.product-swiper-1.wide .product-item-row .thumb,
.product-list-1.wide .product-item-row .thumb {
	min-width: 540px;
	height: 424px;
}

.product-swiper-1.wide .product-item-row .thumb .ranking,
.product-list-1.wide .product-item-row .thumb .ranking,
.product-swiper-1.wide .product-item-row .thumb .badge-list,
.product-list-1.wide .product-item-row .thumb .badge-list {
	top: 40px;
	left: 40px;
}

.product-swiper-1.wide .product-item-row .thumb .ranking+.badge-list,
.product-list-1.wide .product-item-row .thumb .ranking+.badge-list {
	left: 66px;
}

.product-swiper-1.wide .product-item-row .thumb .buy-guide,
.product-list-1.wide .product-item-row .thumb .buy-guide {
	left: 40px;
	bottom: 40px;
	width: calc(100% - 80px);
	border-radius: 6px;
}

.product-swiper-1.wide .product-item-row .thumb img,
.product-list-1.wide .product-item-row .thumb img {
	width: 272px;
	height: 272px;
}

.product-swiper-1.wide .product-item-row .info,
.product-list-1.wide .product-item-row .info {
	width: calc(100% - 600px);
	padding-right: 100px;
}

/* 250319 플러스 사은품 */
.product-sub-item.gift {
	display: flex;
	align-items: center;
	gap: 0 6px;
	padding: 12px;
}

.product-sub-item.gift .thumb {
	width: 60px;
	height: 60px;
	background-color: #fff;
}

.product-sub-item.gift .name {
	flex: 1;
	color: #111;
	font-size: 14px;
	line-height: 20px;
}@charset "utf-8";

/* ============================== 공통: 상단 여백 ============================== */
#content {
	position: relative;
	padding: 259px 0 140px;
	min-height: calc(100vh - 395px);
}

#content.has_path {
	padding-top: 198px;
}

#wrap.main #content {
	padding-top: 198px;
	padding-bottom: 100px;
}

/* 헤더 픽스 됐을 때 */
#wrap.main header.fix+#content {
	padding-top: 156px !important;
}

#wrap header.fix {
	position: fixed;
	top: -96px !important;
}

#wrap header.fix .inner {
	width: 1280px !important;
}

#wrap header.fix+#content {
	padding-top: 217px;
}

#wrap header.fix .top_div .head_div .search_div {
	bottom: -60px;
	right: 0;
	width: 400px;
	z-index: 2;
}

#wrap header.fix .top_div .head_div .search_pop .top {
	height: 40px;
}

#wrap header.fix .head_div .search_div .search_pop {
	width: 400px;
}

#wrap header.fix .head_div .search_div .search_pop .help_div {
	margin-top: 24px;
}

/* #wrap header.fix nav {
	padding-top: 28px;
} */

#wrap header.fix nav .menu_swiper {
	max-width: 619px;
}

/* 띠배너 없을 때 */
#wrap.no-top-banner .head_banner {
	display: none;
}

#wrap.no-top-banner header {
	top: 0;
}

#wrap.no-top-banner #content:not(.has_path) {
	padding-top: 217px;
}

#wrap.no-top-banner #content.has_path {
	padding-top: 156px;
}

#wrap.no-top-banner #content.has_path:has(.membership-benefit) {
	padding-bottom: 40px;
}

#wrap.main.no-top-banner #content {
	padding-top: 156px;
}

/* 공통: 상단 여백 - 특가 */
/* .time_type_div.dispspc {
	margin-top: -61px;
} */

/*#wrap.no-top-banner .time_type_div.dispspc {*/
/*	margin-top: -103px;*/
/*}*/

/* 231127 비비사이클 케이스 */
/* #wrap header.is-bbcycle {
    height: 96px;
} */

#wrap header.is-bbcycle.fix {
	top: -25px !important;
}

#wrap header.is-bbcycle.fix .head_div .search_div .search_pop {
	width: 480px;
}

#wrap header.is-bbcycle.fix .top_div .head_div .search_pop .top {
	height: 48px;
}

#wrap header.is-bbcycle .top_div .head_div {
	padding: 0;
	height: 72px;
}

#wrap header.is-bbcycle.fix .top_div .head_div .search_div {
	bottom: 12px;
	width: 480px;
	z-index: 2;
}

#wrap header.is-bbcycle nav {
	display: none;
}

#wrap header.fix:not(.is-bbcycle) .top_div .head_div .search_div {
	position: absolute;
	left: inherit;
	transform: translateX(0);
	bottom: -50px;
	right: 0;
	height: 40px;
	z-index: 2;
}

/* // 231127 비비사이클 케이스 */
/* ============================== 띠배너 ============================== */
.head_banner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1460px;
	height: 42px;
	z-index: 4;
}

.head_banner.hidden {
	top: -42px;
}

.head_banner .cont {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;
	background: var(--color-primary-1);
}

.head_banner .cont a {
	display: inline-block;
	max-width: 1180px;
}

.head_banner .cont a img {
	height: 26px;
}

.head_banner .close_btn {
	position: absolute;
	top: 11px;
	right: 20px;
	height: 18px;
	padding-right: 25px;
	color: #fff;
	background: url('/res/images/icon/close-fff-sm.svg') no-repeat 100% 50% / 20px;
}

/* ============================== header ============================== */
header {
	position: absolute;
	top: 42px;
	left: 0;
	width: 100%;
	/* height: 156px; */
	min-width: 1460px;
	background: var(--color-primary-2);
	z-index: 4;
}

/* header: lnb */
header .utill {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	gap: 0 28px;
	height: 24px;
}

header .utill li a {
	color: #fff;
}

/* header: 로고, 검색바, 유저 메뉴 */
header .top_div .head_div {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 72px;
}

/* header: 검색바 */
header .head_div .search_div {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 480px;
	height: 48px;
	margin: 0;
	padding: 0 20px;
	border: 1px solid #fff;
	border-radius: 0 8px;
	z-index: 2;
}

header .head_div .search_div .input_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 6px;
	height: 100%;
}

header .head_div .search_div .input_div .text {
	flex: 1;
	display: inline-flex;
	align-items: center;
	height: 100%;
	color: #fff;
}

header .head_div .search_div .input_div .text.no-keyword {
	color: #ccc;
}

header .head_div .search_div .input_div .btn {
	width: 28px;
	height: 28px;
	background: url('/res/images/icon/search-fff.svg') 50% / 28px;
}

/* header: 검색바 > 검색 팝업 */
header .head_div .search_div .search_pop {
	display: none;
	position: absolute;
	top: -1px;
	left: -1px;
	width: 480px;
	padding: 0 20px 32px;
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 0 8px;
	/* z-index: 5; */
}

header .head_div .search_div .search_pop .top {
	display: flex;
	align-items: center;
	height: 48px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid #bbb;
}

header .head_div .search_div .search_pop .top.active {
	border-bottom-color: var(--color-primary-1);
}

header .head_div .search_div .search_pop .top input {
	flex: 1;
	height: 100%;
	padding: 0;
	color: #000;
	background: none;
	border: none;
	border-radius: 0;
}

header .head_div .search_div .search_pop .top input::placeholder {
	font-size: 14px;
	line-height: 20px;
	color: #bbb;
}

header .head_div .search_div .search_pop .top .delete {
	position: static;
	width: 20px;
	height: 20px;
	margin-top: 0;
	margin-left: 12px;
	background: url('/res/images/icon/close-circle-ddd.svg') no-repeat 50% / 20px;
	cursor: pointer;
}

header .head_div .search_div .search_pop .top .btn {
	width: 28px;
	height: 28px;
	margin-left: 8px;
	background: url('/res/images/icon/search-111.svg') no-repeat 50% / 28px;
}

header .head_div .search_div .search_pop .top.active .btn {
	background-image: url('/res/images/icon/search-p1.svg')
}

header .head_div .search_div .search_pop .help_div {
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
	margin-top: 32px;
}

header .head_div .search_div .search_pop .help_div>div {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: calc(50% - 10px);
}

header .head_div .search_div .search_pop .help_div>div:only-child {
	width: 100%;
}

header .head_div .search_div .search_pop .help_div .title {
	display: inline-block;
	width: 100%;
	padding-bottom: 16px;
}

header .head_div .search_div .search_pop .help_div ul {
	width: 100%;
}

header .head_div .search_div .search_pop .help_div ul li {
	display: flex;
	align-items: center;
}

header .head_div .search_div .search_pop .help_div ul li+li {
	margin-top: 14px;
}

header .head_div .search_div .search_pop .help_div ul li .keyword {
	flex: 1;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

header .head_div .search_div .search_pop .help_div .latest ul li {
	gap: 0 8px;
}

header .head_div .search_div .search_pop .help_div .latest ul li .remove-btn {
	width: 20px;
	height: 20px;
	background: url(/res/images/icon/close-555.svg) no-repeat 50% / 20px;
}

header .head_div .search_div .search_pop .help_div .latest .no-data {
	display: none;
	color: #bbb;
}

header .head_div .search_div .search_pop .help_div .hottest ul li {
	gap: 0 4px;
}

header .head_div .search_div .search_pop .help_div .hottest ul li .rank {
	color: var(--color-primary-1);
}

header .head_div .search_div .search_pop .search_result {
	display: none;
	top: 0 !important;
	margin-top: 20px;
	max-height: 363px;
	overflow-y: auto;
}

header .head_div .search_div .search_pop .search_result::-webkit-scrollbar {
	appearance: none;
}

header .head_div .search_div .search_pop .search_result li {
	display: block;
}

header .head_div .search_div .search_pop .search_result li.search_category+li:not(.search_category) {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

header .head_div .search_div .search_pop .search_result li+li {
	margin-top: 20px;
}

header .head_div .search_div .search_pop .search_result li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

header .head_div .search_div .search_pop .search_result li a span {
	color: var(--color-primary-1);
}

header .head_div .search_div .search_pop .search_result .search_category a {
	display: flex;
	align-items: center;
	height: 36px;
}

header .head_div .search_div .search_pop .search_result .search_category a .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #f9f9f9;
	margin-right: 6px;
}

header .head_div .search_div .search_pop .search_result .search_category a .icon img {
	width: 30px;
	height: 30px;
}

header .head_div .search_div .search_pop .search_result .search_category.brand a .icon img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

header .head_div .search_div .search_pop .search_result .search_category a .flag {
	color: #999;
	margin-left: auto;
}

header .head_div .search_div .search_pop .no_result {
	display: none;
	padding-top: 32px;
	height: 280px;
	text-align: center;
}

header .head_div .search_div .search_pop .no_result::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 16px
}

header .head_div .search_div .search_pop .no_result::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 6px;
	background-clip: padding-box;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

header .head_div .search_div .search_pop .no_result::-webkit-scrollbar-track {
	border-radius: 4px;
	background: none;
}

header .head_div .search_div .search_pop .no_result p+p {
	border-top: none;
	padding-top: 20px;
}

header .head_div .search_div .search_pop .no_result p strong {
	color: var(--color-primary-1);
}

header .head_div .search_div .search_pop .no_result>a {
	width: 320px;
	height: 52px;
	margin: 24px auto 0;
	border-radius: 4px;
}

/* header: 유저 메뉴 */
header .head_div .user_menu {
	display: flex;
	align-items: center;
	justify-content: right;
	gap: 0 28px;
}

header .head_div .user_menu a {
	display: block;
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	background-size: 36px;
	background-position: center;
}

header .head_div .user_menu .mypage a {
	background-image: url('/res/images/icon/user-fff.svg');
}

header .head_div .user_menu .cart {
	position: relative;
}

header .head_div .user_menu .cart a {
	background-image: url('/res/images/icon/cart-fff.svg');
}

header .head_div .user_menu .cart .cart_item_badge {
	position: absolute;
	top: -4px;
	right: -4px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background-color: var(--color-primary-1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
}

/* header: 유저 메뉴 > 최근 본 상품 */
header .head_div .user_menu .recent_div {
	position: relative;
}

header .head_div .user_menu .recent_div .recent_view {
	overflow: hidden;
}

header .head_div .user_menu .recent_div .recent_view {
	background: #fff;
}

header .head_div .user_menu .recent_div.no_recent .recent_view {
	background: none;
}

header .head_div .user_menu .recent_div .recent_view img {
	width: 36px;
	height: 36px;
}

header .head_div .user_menu .recent_div:not(.no_recent) .recent_view img {
	width: 36px;
	height: 36px;
}

header .head_div .user_menu .recent_div.no_recent .no_recent_img,
header .head_div .user_menu .recent_div .recent_img {
	display: block;
}

header .head_div .user_menu .recent_div .no_recent_img,
header .head_div .user_menu .recent_div.no_recent .recent_img {
	display: none;
}

header .head_div .user_menu .recent_div .recent_view {
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
}

header .head_div .user_menu .recent_div .recent_pop {
	display: none;
	position: absolute;
	right: 0;
	top: 38px;
	width: 400px;
	border: 1px solid #bbb;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
	z-index: 4;
}

header .head_div .user_menu .recent_div .recent_pop .product-item-list+.product-item-list {
	margin-top: 20px;
}

header .head_div .user_menu .recent_div .recent_view.on+.recent_pop {
	display: block;
}

header .head_div .user_menu .recent_div .recent_pop .pop_tit {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	padding: 0 20px;
}

header .head_div .user_menu .recent_div .recent_pop .recent_tit {
	font-weight: 500;
}

header .head_div .user_menu .recent_div .recent_pop .recent_tit span {
	color: var(--color-primary-1);
}

header .head_div .user_menu .recent_div.no_recent .recent_pop .recent_tit span {
	color: #111;
}

header .head_div .user_menu .recent_div .recent_pop .pop_tit .pop_close {
	width: 24px;
	height: 24px;
}

header .head_div .user_menu .recent_div .recent_pop .pop_tit .pop_close .close_btn {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('/res/images/icon/close-111.svg') no-repeat right center / 24px;
}

header .head_div .user_menu .recent_div .recent_pop .pop_con {
	max-height: 420px;
	min-height: 100px;
	padding: 0 20px;
	overflow-y: auto;
}

header .head_div .user_menu .recent_div .recent_pop .pop_con::-webkit-scrollbar {
	display: none;
}

header .head_div .user_menu .recent_div .recent_pop .pop_con {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

header .head_div .user_menu .recent_div .recent_pop .pop_con a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: auto;
	height: auto;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0;
	box-shadow: none;
	margin-top: 0;
}

header .head_div .user_menu .recent_div.no_recent .no_data_div,
header .head_div .user_menu .recent_div .recent_pop .pd_cont_area {
	display: block;
}

header .head_div .user_menu .recent_div .no_data_div,
header .head_div .user_menu .recent_div.no_recent .recent_pop .pd_cont_area {
	display: none;
}

header .head_div .user_menu .recent_div.no_recent .recent_pop .no_data_div .txt_area {
	display: block;
	background: url('/res/images/icon/nodata.svg') no-repeat 50% 50px;
	padding: 140px 0 60px;
	border-bottom: none;
}

header .head_div .user_menu .recent_div:not(.no_recent) .recent_pop {
	padding-bottom: 24px;
}

/* header: 네비 */
header nav {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0 36px;
	padding: 17px 0;
}

/* header: 네비 > 전체 메뉴 */
header nav .allmenu_btn {
	position: relative;
}

header nav .allmenu_btn.on:after {
	content: '';
	display: block;
	position: absolute;
	top: 23px;
	left: -10px;
	width: 150px;
	height: 25px;
}

header nav .allmenu_btn .menu_btn {
	display: block;
	width: 24px;
	height: 24px;
	background: url('/res/images/icon/menu-fff.svg') no-repeat right center / 24px;
}

header nav .allmenu_btn.on .menu_btn,
header nav .allmenu_btn .menu_btn:hover {
	background-image: url('/res/images/icon/menu-p1.svg');
}

header nav .allmenu_pop {
	display: none;
	position: absolute;
	top: 28px;
	left: 0px;
	width: 957px;
	height: 600px;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #777;
	overflow: hidden;
	z-index: 3;
}

header nav .allmenu_pop .type_div {
	position: relative;
	display: flex;
	width: 972px;
	height: 100%;
	padding: 40px 60px 0 40px;
}

header nav .allmenu_pop .type_div .type {
	position: relative;
	width: 424px;
	flex-basis: 424px;
	padding: 0 32px 0 40px;
}

header nav .allmenu_pop .type_div .type:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 460px;
	top: 60px;
	right: 0;
	background: #ddd
}

header nav .allmenu_pop .type_div .type:first-child {
	padding-left: 0;
}

header nav .allmenu_pop .type_div .type:last-child {
	padding-right: 0;
}

header nav .allmenu_pop .type_div .type:last-child:after {
	display: none
}

header nav .allmenu_pop .type_div .type .title {
	color: #000;
	padding-bottom: 32px;
}

header nav .allmenu_pop .type_div .type .list_div_wrap {
	position: relative;
	overflow: hidden;
}

header nav .allmenu_pop .type_div .type .list_div {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	max-height: 460px;
	overflow-y: auto;
	gap: 24px 32px;
}

header nav .allmenu_pop .type_div .type .list_div::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 4px;
}

header nav .allmenu_pop .type_div .type .list_div::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 4px;
}

header nav .allmenu_pop .type_div .type .list_div .list {
	width: 168px;
	max-width: 168px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

header nav .allmenu_pop .type_div .type .list_div .list:nth-child(2n+1) {
	margin-left: 0;
}

header nav .allmenu_pop .type_div .type .list_div .list p {
	color: #333;
}

header .allmenu_pop .type_div .type .list_div .list span {
	position: relative;
	width: 42px;
	height: 42px;
	border: 1px solid #f7f7f7;
	border-radius: 50%
}

header .allmenu_pop .type_div .type .list_div .list:hover p {
	color: var(--color-primary-1)
}

/* header: 네비 > 메뉴 스와이퍼 */
header nav .home {
	color: #fff;
	margin-right: 20px;
}

header nav .home:hover {
	color: var(--color-primary-1);
}

header nav .menu_swiper {
	position: relative;
	max-width: 1070px;
	overflow: hidden;
}

header nav .menu {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
}

header nav .menu a {
	width: auto;
	color: #fff;
}

header nav .menu a:hover {
	color: var(--color-primary-1);
	font-weight: 500;
}

header .menu_swiper_area {
	position: relative;
}

header .menu_swiper_area .swiper-container {
	width: calc(100vw - 70px);
	max-width: 1070px;
	overflow: hidden;
}

header .menu_swiper_area .swiper-slide {
	display: block;
	width: auto;
}

header .menu_swiper_area .swiper-slide-active {
	opacity: 1;
}

header .menu_swiper_area .swiper-button-prev,
header .menu_swiper_area .swiper-button-next {
	top: 22.5px;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: center;
}

header .menu_swiper_area .swiper-button-prev {
	left: -12px;
	right: auto;
	background-image: url('/res/images/icon/arrow-swiper-left-fff.svg');
	z-index: 4;
}

header .menu_swiper_area .swiper-button-next {
	right: -44px;
	left: auto;
	background-image: url('/res/images/icon/arrow-swiper-right-fff.svg');
	z-index: 4;
}

header nav .menu_swiper.shadow_left:before,
header nav .menu_swiper.shadow_right:after {
	content: '';
	position: absolute;
	top: -7px;
	width: 52px;
	height: 40px;
	z-index: 2;
	opacity: 0;
	background: linear-gradient(270deg, #052832 50%, rgba(0, 37, 47, 0) 118.51%);
	transition: opacity 0.4s ease;
}

header nav .menu_swiper.shadow_left:before {
	left: 0;
	-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(-1, 0, 0, 1, 0, 0);
	-o-transform: matrix(-1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(-1, 0, 0, 1, 0, 0);
	transform: matrix(-1, 0, 0, 1, 0, 0);
}

header nav .menu_swiper.shadow_right:after {
	right: 0;
}

header nav .menu_swiper.shadow_left:before,
header nav .menu_swiper.shadow_right:after {
	opacity: 0.8
}

/* ============================== footer ============================== */
footer {
	position: relative;
	width: 100%;
}

footer .top {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 13px 0 14px;
}

footer .top .inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

footer .top .left {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 10px 0;
}

footer .top .left a {
	position: relative;
	display: flex;
	align-items: center;
	color: #777;
}

footer .top .left a.fc-111 {
	color: #111;
}

footer .top .left a:before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	background: #ddd;
	margin: 0 12px;
}

footer .top .left a:first-child:before {
	display: none
}

footer .top .left a:hover {
	text-decoration: underline
}


footer .top .family_site {
	width: auto;
	text-align: right;
}

footer .top .dropdown_wrap {
	position: relative;
	width: 240px;
}

footer .top .dropdown_wrap .selected {
	height: 40px;
	padding: 10px 12px 10px 16px;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	cursor: pointer;
}

footer .top .dropdown_wrap .selected span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #555;
}

footer .top .dropdown_wrap .selected span::after {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('/res/images/icon/arrow-down-111.svg');
	-webkit-background-size: 16px;
	-moz-background-size: 16px;
	-o-background-size: 16px;
	-ms-background-size: 16px;
	background-size: 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 .top .dropdown_wrap .dropdown {
	display: none;
	position: absolute;
	top: 39px;
	left: 0;
	right: 100%;
	width: 100%;
	border: 1px solid #DDDDDD;
	border-top: none;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-o-border-radius: 0 0 8px 8px;
	-ms-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	background-color: #FFFFFF;
	padding: 20px 16px;
	cursor: pointer;
	z-index: 1;
}

footer .top .dropdown_wrap .dropdown li {
	height: auto;
	color: #555;
	margin-bottom: 16px;
	text-align: left;
}

footer .top .dropdown_wrap .dropdown li:nth-last-of-type(1) {
	margin-bottom: 0;
}

footer .top .dropdown_wrap .dropdown li a {
	display: block;
	width: 100%;
}

footer .top .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 {
	padding: 32px 0 100px;
}

footer .bottom .inner {
	display: flex;
	justify-content: space-between;
}

footer .bottom .company_info {
	position: relative;
	margin-right: 116px;
}

footer .bottom .company_info .info {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 18px;
	margin-top: 24px;
}

footer .bottom .company_info .info p {
	color: #777;
	word-break: break-all;
}

footer .bottom .company_info .info p span {
	display: inline-block;
	line-height: 20px;
}

footer .bottom .company_info .info a:hover {
	text-decoration: underline;
}

footer .bottom .company_info .info p:first-child {
	margin-top: 0
}

footer .bottom .company_info .info .space span:nth-of-type(1),
footer .bottom .company_info .info .space a:nth-of-type(1) {
	margin-right: 21px;
}

footer .bottom .company_info .info .slash,
footer .bottom .company_info .info .slash span:nth-of-type(1) {
	display: flex;
	align-items: center;
}

footer .bottom .company_info .info .slash span:nth-of-type(1)::after {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	background: #ddd;
	margin: 0 8px;
}

footer .bottom .etc {
	display: flex;
	align-items: center;
	gap: 0 40px;
	margin-top: 32px;
}

footer .bottom .etc .app_down {
	min-width: 240px;
}

footer .bottom .etc .app_down .qr_div {
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	background: url('/res/images/footer/qrcode.svg') no-repeat left center / 40px;
	padding-left: 48px;
}

footer .bottom .etc .app_down .qr_div .tit {
	color: #111;
}

footer .bottom .etc .app_down .qr_div .txt {
	margin-top: 3px;
	color: #777;
}

footer .bottom .etc .award {
	display: flex;
	align-items: center;
	gap: 0 40px;
}

footer .bottom .etc .award .list {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

footer .bottom .etc .award .list p {
	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 .etc .award .list:nth-of-type(1) p {
	background-image: url('/res/images/footer/award-1.svg');
}

footer .bottom .etc .award .list:nth-of-type(2) p {
	background-image: url('/res/images/footer/award-2.svg');
}

footer .bottom .etc .award .list:nth-of-type(3) p {
	background-image: url('/res/images/footer/ccm.svg');
}

footer .bottom .cs {
	min-width: 244px;
	margin-left: auto;
}

footer .bottom .cs .tel {
	display: inline-block;
	margin-top: 4px;
	color: var(--color-primary-1)
}

footer .bottom .cs .time {
	color: #777;
	margin-top: 8px;
	word-break: break-all;
}

footer .bottom .cs .cs_link {
	display: inline-block;
	margin-top: 24px;
	padding-right: 18px;
	background: url('/res/images/icon/arrow-right-111.svg') no-repeat right center;
	background-size: 16px
}

footer .bottom .cs .utill {
	display: flex;
	align-items: center;
	margin-top: 4px;
}

footer .bottom .cs .utill a {
	position: relative;
	display: flex;
	align-items: center;
	color: #777
}

footer .bottom .cs .utill a:before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	background: #ddd;
	margin: 0 12px;
}

footer .bottom .cs .utill a:first-child:before {
	display: none
}

footer .bottom .cs .utill a:hover {
	text-decoration: underline
}

footer .bottom .sns {
	display: flex;
	align-items: center;
	margin-top: 14px;
	gap: 0 15px;
}

footer .bottom .sns li {
	width: 32px;
	height: 32px;
}

footer .bottom .cs .sns li a {
	display: block;
	width: 32px;
	height: 32px;
	background-size: 32px;
	background-position: center;
}

footer .bottom .cs .sns .kakao a {
	background-image: url('/res/images/icon/sns/footer-kakao.svg');
}

footer .bottom .cs .sns .kakao a:hover {
	background-image: url('/res/images/icon/sns/footer-kakao-on.svg');
}

footer .bottom .cs .sns .facebook a {
	background-image: url('/res/images/icon/sns/footer-facebook.svg');
}

footer .bottom .cs .sns .facebook a:hover {
	background-image: url('/res/images/icon/sns/footer-facebook-on.svg');
}

footer .bottom .cs .sns .instagram a {
	background-image: url('/res/images/icon/sns/footer-instagram.svg');
}

footer .bottom .cs .sns .instagram a:hover {
	background-image: url('/res/images/icon/sns/footer-instagram-on.svg');
}

footer .bottom .cs .sns .youtube a {
	background-image: url('/res/images/icon/sns/footer-youtube.svg');
}

footer .bottom .cs .sns .youtube a:hover {
	background-image: url('/res/images/icon/sns/footer-youtube-on.svg');
}

footer .bottom .cs .sns .blog a {
	background-image: url('/res/images/icon/sns/footer-blog.svg');
}

footer .bottom .cs .sns .blog a:hover {
	background-image: url('/res/images/icon/sns/footer-blog-on.svg');
}

footer .bottom .cs .sns .kakao a:hover {
	background-image: url('/res/images/icon/sns/footer-kakao-on.svg');
}

footer .bottom .cs .sns .facebook a {
	background-image: url('/res/images/icon/sns/footer-facebook.svg');
}

footer .bottom .cs .sns .facebook a:hover {
	background-image: url('/res/images/icon/sns/footer-facebook-on.svg');
}

footer .bottom .cs .sns .instagram a {
	background-image: url('/res/images/icon/sns/footer-instagram.svg');
}

footer .bottom .cs .sns .instagram a:hover {
	background-image: url('/res/images/icon/sns/footer-instagram-on.svg');
}

footer .bottom .cs .sns .youtube a {
	background-image: url('/res/images/icon/sns/footer-youtube.svg');
}

footer .bottom .cs .sns .youtube a:hover {
	background-image: url('/res/images/icon/sns/footer-youtube-on.svg');
}

footer .bottom .cs .sns .blog a {
	background-image: url('/res/images/icon/sns/footer-blog.svg');
}

footer .bottom .cs .sns .blog a:hover {
	background-image: url('/res/images/icon/sns/footer-blog-on.svg');
}

footer .bottom .cs .email {
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #777;
	display: block
}

/* 브랜드 바로가기 */
.brand-toggle-btn {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	left: -48px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 148px;
	border: 1px solid #999;
	border-radius: 0 20px 20px 0;
	background-color: #fff;
	transition: all 0.4s;
	/* z-index: 5; */
}

.brand-toggle-btn.active {
	left: -1px;
}

.brand-toggle-btn span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 8px;
	color: #111;
	font-size: 18px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.2px;
	writing-mode: vertical-lr;
}

.brand-toggle-btn span:after {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #f5f5f5 url(/res/images/icon/arrow-swiper-right-111.svg) no-repeat 50% / 16px;
}

.brand-quick-menu {
	position: fixed;
	top: 50%;
	left: 0;
	display: flex;
	flex-direction: column;
	width: 92px;
	height: 452px;
	border-left: none;
	transform: translateY(-50%);
	transition: all 0.4s;
	z-index: 4;
}

.brand-quick-menu.hide {
	left: -92px;
}

.brand-quick-menu:before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	border: 1px solid #999;
	border-left: transparent;
	background: #fff;
	border-radius: 0 20px 20px 0;
	height: calc(100% + 2px);
	background: #fff;
}

.brand-quick-menu .title {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 28px 0 20px;
	z-index: 1;
}

.brand-quick-menu .swiper-container {
	flex: 1;
	width: 100%;
}

.brand-quick-menu .swiper-container .swiper-wrapper {
	align-items: center;
	width: calc(100% - 1px);
	height: 100%;
	padding-bottom: 20px;
	overflow-y: auto;
}

.brand-quick-menu .swiper-container.swiper-disabled {
	margin: 24px 0 28px;
}

.brand-quick-menu .swiper-container .swiper-slide {
	display: block;
	width: 52px;
	height: 52px;
	background-color: #f9f9f9;
	border-radius: 50%;
}

.brand-quick-menu .swiper-container .swiper-slide img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.brand-quick-menu .swiper-container [class*=swiper-button] {
	left: 1px;
	width: 118px;
	margin-top: 0;
	background-color: #fff;
	background-size: 28px;
}

.brand-quick-menu .swiper-container .swiper-button-prev {
	top: 0;
	height: 76px;
	background-position: 50% 24px;
	background-image: url(/res/images/icon/arrow-up-111.svg) !important
}

.brand-quick-menu .swiper-container .swiper-button-prev.swiper-button-disabled {
	background-position: 50% 20px;
	background-image: url(/res/images/icon/arrow-up-ccc.svg) !important
}

.brand-quick-menu .swiper-container .swiper-button-next {
	top: auto;
	right: auto;
	bottom: 0;
	height: 72px;
	margin-top: 0;
	background-image: url(/res/images/icon/arrow-down-111.svg) !important;
	border-radius: 0 0 28px 0;
}

.brand-quick-menu .swiper-container .swiper-button-next.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-down-ccc.svg) !important
}

.channel-talk-btn {
	position: fixed;
	bottom: 30px;
	left: 10px;
	width: 120px;
	height: 99px;
	background: url(/res/images/icon/channeltalk_pc.png) 50% / cover;
}

/* 240926 라이브 예고 기능 */
.live-info-flag {
	position: fixed;
	bottom: 44px;
	left: 16px;
	width: 104px;
	height: 70px;
	text-align: center;
	border: 4px solid #F05B5A;
	border-radius: 12px;
	background-color: #fff;
}

.live-info-flag:before {
	content: '';
	display: block;
	width: 84px;
	height: 30px;
	margin: -18px auto 0;
	background: url(/res/images/icon/live-info-flag-title.svg) 50% / cover;
}

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

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

.live-info-flag .desc {
	margin-top: 3px;
	color: #F05B5A;
	font-size: 18px;
	font-weight: 800;
	line-height: 18px;
	letter-spacing: -0.5px;
}@charset "utf-8";

/* 검색 */
.search_div {
	margin: 0 auto;
	width: 1280px
}

.search_div .search_keyword.no-keyword {
	text-align: center;
}

.search_div .search_keyword span {
	font-weight: 500;
	color: #3cc814;
	word-break: break-all
}

.search_div .product_list_top {
	margin-top: 36px
}

.search_div .recomm_keyword {
	margin-top: 120px;
	text-align: center
}

.search_div .recomm_keyword .tit {
	font-weight: 700;
	font-size: 18px;
	line-height: 38px;
	color: #000
}

.search_div .recomm_keyword .list_div {
	margin: 8px auto 0;
	width: 800px
}

.search_div .recomm_keyword .list_div a {
	display: inline-block;
	margin: 16px 20px 0;
	font-weight: 300;
	font-size: 28px;
	line-height: 38px;
	color: #555
}

.search_div .recomm_keyword .list_div a p {
	font-weight: 300;
}

/* 221118 검색화면 > 상품파인더 링크 추가 (일치결과없음) */
header nav .etc .search_div .search_pop .search_result.no {
	display: block;
	margin: 40px auto;
	text-align: center;
}

header nav .etc .search_div .search_pop .search_result.no p {
	line-height: 19px;
	color: #555;
}

header nav .etc .search_div .search_pop .search_result.no p+p {
	border-top: none;
	padding-top: 20px;
}

header nav .etc .search_div .search_pop .search_result.no p strong {
	color: #3cc814;
}

header nav .etc .search_div .search_pop .search_result.no .primary-btn {
	margin: 20px auto 0;
}

.search_div .go-item-finder {
	margin-top: 24px;
	text-align: center;
}

.search_div .go-item-finder .primary-btn {
	width: 320px;
	height: 60px;
	margin: 48px auto 0;
	border-radius: 4px
}

/* 240307 검색결과 없음 내 상품파인더 삭제 개선 */
.search_div .no_data_div {
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 440px;
	margin: 61px auto 0;
}

.search_div .no_data_div .txt_area {
	padding-top: 84px;
	padding-bottom: 40px;
	background-position: 50% 0;
}

.search_div .no_data_div .txt_area .txt {
	margin-top: 4px;
	color: #999;
}

.search_div .no_data_div .keyword {
	padding-top: 42px;
	margin: auto;
}

.search_div .no_data_div .keyword ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px 16px;
	width: 320px;
	margin-top: 20px;
}

.search_div .no_data_div .keyword ul li {
	color: #333;
}@charset "utf-8";

/* text */
.h1-700 {
	font-size: 40px !important;
	line-height: 48px !important;
	font-weight: 700 !important;
}

.h1-600 {
	font-size: 40px !important;
	line-height: 48px !important;
	font-weight: 600 !important;
}

.h1-500 {
	font-size: 40px !important;
	line-height: 48px !important;
	font-weight: 500 !important;
}

.h1-400 {
	font-size: 40px !important;
	line-height: 48px !important;
	font-weight: 400 !important;
}

.h2-700 {
	font-size: 32px !important;
	line-height: 40px !important;
	font-weight: 700 !important;
}

.h2-600 {
	font-size: 32px !important;
	line-height: 40px !important;
	font-weight: 600 !important;
}

.h2-500 {
	font-size: 32px !important;
	line-height: 40px !important;
	font-weight: 500 !important;
}

.h2-400 {
	font-size: 32px !important;
	line-height: 40px !important;
	font-weight: 400 !important;
}

.h3-700 {
	font-size: 28px !important;
	line-height: 36px !important;
	font-weight: 700 !important;
}

.h3-600 {
	font-size: 28px !important;
	line-height: 36px !important;
	font-weight: 600 !important;
}

.h3-500 {
	font-size: 28px !important;
	line-height: 36px !important;
	font-weight: 500 !important;
}

.h3-400 {
	font-size: 28px !important;
	line-height: 36px !important;
	font-weight: 400 !important;
}

.h4-700 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 700 !important;
}

.h4-600 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 600 !important;
}

.h4-500 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
}

.h4-400 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 400 !important;
}

.h5-700 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 700 !important;
}

.h5-600 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 600 !important;
}

.h5-500 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 500 !important;
}

.h5-400 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 400 !important;
}

.h6-700 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 700 !important;
}

.h6-600 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 600 !important;
}

.h6-500 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
}

.h6-400 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 400 !important;
}

.h7-700 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 700 !important;
}

.h7-600 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
}

.h7-500 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
}

.h7-400 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
}

.h8-700 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 700 !important;
}

.h8-600 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 600 !important;
}

.h8-500 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 500 !important;
}

.h8-400 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 400 !important;
}

.h9-700 {
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 700 !important;
}

.h9-600 {
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 600 !important;
}

.h9-500 {
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 500 !important;
}

.h9-400 {
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 400 !important;
}

.b1-700 {
	font-size: 48px !important;
	line-height: 56px !important;
	font-weight: 700 !important;
}

.b1-600 {
	font-size: 48px !important;
	line-height: 56px !important;
	font-weight: 600 !important;
}

.b1-500 {
	font-size: 48px !important;
	line-height: 56px !important;
	font-weight: 500 !important;
}

.b1-400 {
	font-size: 48px !important;
	line-height: 56px !important;
	font-weight: 400 !important;
}

.b2-700 {
	font-size: 40px !important;
	line-height: 48px !important;
	font-weight: 700 !important;
}

.b2-600 {
	font-size: 40px !important;
	line-height: 48px !important;
	font-weight: 600 !important;
}

.b2-500 {
	font-size: 40px !important;
	line-height: 48px !important;
	font-weight: 500 !important;
}

.b2-400 {
	font-size: 40px !important;
	line-height: 48px !important;
	font-weight: 400 !important;
}

.b3-700 {
	font-size: 36px !important;
	line-height: 44px !important;
	font-weight: 700 !important;
}

.b3-600 {
	font-size: 36px !important;
	line-height: 44px !important;
	font-weight: 600 !important;
}

.b3-500 {
	font-size: 36px !important;
	line-height: 44px !important;
	font-weight: 500 !important;
}

.b3-400 {
	font-size: 36px !important;
	line-height: 44px !important;
	font-weight: 400 !important;
}

.b4-700 {
	font-size: 32px !important;
	line-height: 40px !important;
	font-weight: 700 !important;
}

.b4-600 {
	font-size: 32px !important;
	line-height: 40px !important;
	font-weight: 600 !important;
}

.b4-500 {
	font-size: 32px !important;
	line-height: 40px !important;
	font-weight: 500 !important;
}

.b4-400 {
	font-size: 32px !important;
	line-height: 40px !important;
	font-weight: 400 !important;
}

.b5-700 {
	font-size: 28px !important;
	line-height: 36px !important;
	font-weight: 700 !important;
}

.b5-600 {
	font-size: 28px !important;
	line-height: 36px !important;
	font-weight: 600 !important;
}

.b5-500 {
	font-size: 28px !important;
	line-height: 36px !important;
	font-weight: 500 !important;
}

.b5-400 {
	font-size: 28px !important;
	line-height: 36px !important;
	font-weight: 400 !important;
}

.b6-700 {
	font-size: 24px !important;
	line-height: 32px !important;
	font-weight: 700 !important;
}

.b6-600 {
	font-size: 24px !important;
	line-height: 32px !important;
	font-weight: 600 !important;
}

.b6-500 {
	font-size: 24px !important;
	line-height: 32px !important;
	font-weight: 500 !important;
}

.b6-400 {
	font-size: 24px !important;
	line-height: 32px !important;
	font-weight: 400 !important;
}

.b7-700 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 700 !important;
}

.b7-600 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 600 !important;
}

.b7-500 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 500 !important;
}

.b7-400 {
	font-size: 20px !important;
	line-height: 28px !important;
	font-weight: 400 !important;
}

.b8-700 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 700 !important;
}

.b8-600 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 600 !important;
}

.b8-500 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 500 !important;
}

.b8-400 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 400 !important;
}

.b9-700 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 700 !important;
}

.b9-600 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 600 !important;
}

.b9-500 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
}

.b9-400 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 400 !important;
}

.b10-700 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 700 !important;
}

.b10-600 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
}

.b10-500 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 500 !important;
}

.b10-400 {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 400 !important;
}

.b11-700 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 700 !important;
}

.b11-600 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 600 !important;
}

.b11-500 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 500 !important;
}

.b11-400 {
	font-size: 13px !important;
	line-height: 18px !important;
	font-weight: 400 !important;
}

.b12-700 {
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 700 !important;
}

.b12-600 {
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 600 !important;
}

.b12-500 {
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 500 !important;
}

.b12-400 {
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 400 !important;
}

/* badge */
.badge-highlight,
.badge-primary,
[class*=badge-outline] {
	height: 26px;
	padding: 0 8px;
	font-size: 13px;
}

.badge-new,
.badge-hot {
	height: 18px;
	padding: 0 8px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}

.badge-tag-primary-1 {
	height: 40px;
	padding: 0 12px;
	border-radius: 0px 12px;
}

/* 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: 60px;
	border-radius: 10px !important;
}

/* icon button */
.more-btn {
	padding-right: 22px;
	color: #555 !important;
	background: url(/res/images/icon/plus-555.svg) 100% 50% / 20px;
}

[class*=arrow-right],
[class*=arrow-down],
[class*=arrow-up] {
	display: inline-block;
	padding-right: 22px;
	background-position: 100% 50%;
	background-size: 20px;
}

.arrow-right-555-btn {
	background-image: url(/res/images/icon/arrow-right-555.svg)
}

.arrow-up-111-btn {
	background-image: url(/res/images/icon/arrow-up-111.svg);
}

.arrow-down-111-btn {
	background-image: url(/res/images/icon/arrow-down-111.svg);
}

.arrow-down-555-btn {
	background-image: url(/res/images/icon/arrow-down-555.svg);
}

.arrow-up-555-btn {
	background-image: url(/res/images/icon/arrow-up-555.svg);
}

/* 스와이퍼: 공통 배너 */
.common-banner-wrap .swiper-container .swiper-pagination-fraction {
	right: 10px;
	bottom: 10px;
	left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 4px;
	width: auto;
	height: 36px;
	padding: 0 16px;
	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;
}@charset "utf-8";

/* 레이어팝업 공통 */
.layer_pop {
	display: none;
	position: fixed;
	z-index: 12;
	/* padding: 24px 0 32px 0; */
	padding: 18px 0 40px 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 480px;
	max-height: 720px;
	background: #fff;
	/* border-radius: 20px */
	border-radius: 8px;
}

.layer_pop.show {
	display: block
}

.layer_pop.has_btn {
	padding-bottom: 132px
}

.layer_pop .close_btn {
	position: absolute;
	/* width: 32px;
	height: 32px;
	background: url('/res/images/icn_xbt_32x32.png') no-repeat center;
	background-size: 32px */
	width: 28px;
	height: 28px;
	background: url('/res/images/icon/close-111.svg') no-repeat center;
	background-size: 28px;
	top: 20px;
	right: 40px;
}

.layer_pop .pop_tit {
	/* padding-bottom: 24px; */
	padding-bottom: 18px;
	/* font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #000; */
	text-align: center;
	/* letter-spacing: -1px */
}

.layer_pop .pop_tit,
.layer_pop .pop_tit>p {
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	color: #111;
}

.layer_pop .pop_con {
	max-height: 652px;
	/* padding: 32px 40px 0; */
	padding: 24px 40px 40px;
	overflow-x: hidden;
	overflow-y: auto
}

.layer_pop.has_btn .pop_con {
	max-height: 520px;
}

.layer_pop.scroll .pop_con {
	height: calc(100% - 56px);
	height: -webkit-calc(100% - 56px);
	padding: 24px 26px 40px 40px;
}

.layer_pop .pop_con:after {
	content: '';
	display: block;
}

.layer_pop .pop_con::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 12px
}

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

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

.layer_pop .pop_con .tabs {
	position: relative
}

.layer_pop .pop_con .tabs:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: -40px;
	width: calc(100% + 80px);
	width: -webkit-calc(100% + 80px);
	border-bottom: 1px solid #ddd
}

.layer_pop .pop_con .tabs:after {
	content: '';
	display: block;
	clear: both
}

.layer_pop .pop_con .tabs a {
	position: relative;
	float: left;
	padding: 17px 0;
	width: 50%;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	color: #ccc;
	text-align: center
}

.layer_pop .pop_con .tabs a.on {
	color: #000
}

.layer_pop .pop_con .tabs a.on:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #000
}

.layer_pop .pop_con .tab_content {
	margin-top: 40px
}

.layer_pop .pop_con .text {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.layer_pop .pop_con .radio_div .radio_box {
	margin-left: 38px
}

.layer_pop .pop_con .radio_div .radio_box:first-child {
	margin-left: 0
}

.layer_pop .pop_con .top_noti {
	padding-bottom: 23px;
	margin-bottom: 32px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #eee
}

.layer_pop .pop_con .top_noti span {
	color: #3cc814;
	word-break: break-all
}

.layer_pop .pop_con .member_info {
	padding-bottom: 23px;
	border-bottom: 1px solid #eee
}

.layer_pop .pop_con .member_info .tit {
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	color: #000
}

.layer_pop .pop_con .member_info .line {
	margin-top: 24px
}

.layer_pop .pop_con .member_info .line:after {
	content: '';
	display: block;
	clear: both
}

.layer_pop .pop_con .member_info .line .left {
	float: left;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.layer_pop .pop_con .member_info .line .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.layer_pop .pop_con .join_benefit_div {
	text-align: center
}

.layer_pop .pop_con .join_benefit_div .txt {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.layer_pop .pop_con .join_benefit_div .list_div {
	margin: 8px auto 0;
	width: 362px
}

.layer_pop .pop_con .join_benefit_div .list_div:after {
	content: '';
	display: block;
	clear: both
}

.layer_pop .pop_con .join_benefit_div .list_div .list {
	float: left;
	margin-left: 46px;
	width: 90px;
}

.layer_pop .pop_con .join_benefit_div .list_div .list:first-child {
	margin-left: 0
}

.layer_pop .pop_con .join_benefit_div .list_div .list .icn img {
	width: 76px
}

.layer_pop .pop_con .join_benefit_div .list_div .list .tit {
	margin-top: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.layer_pop .pop_con .join_btn {
	margin-top: 24px;
	text-align: center;
}

.layer_pop .pop_con .join_btn a {
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.layer_pop .pop_con .join_btn a span {
	display: inline-block;
	text-decoration: underline
}

.layer_pop .pop_con .term_div .text_div {
	margin-top: 0
}

.layer_pop .fixed_btn {
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
}

.layer_pop .fixed_btn.two a {
	float: left;
	margin-left: 8px;
	width: calc(50% - 4px);
	width: -webkit-calc(50% - 4px)
}

.layer_pop .fixed_btn.two a:first-child {
	margin-left: 0
}

.layer_pop .fixed_btn.two.column a {
	width: 100%;
	margin-left: 0;
}

.layer_pop .bottom_btn {
	margin: 24px auto 0
}

.layer_pop .bottom_btn:after {
	content: '';
	display: block;
	clear: both
}

.layer_pop .bottom_btn.two a {
	float: left;
	margin-left: 8px;
	width: calc(50% - 4px);
	width: -webkit-calc(50% - 4px)
}

.layer_pop .bottom_btn.two a:first-child {
	margin-left: 0
}

.layer_pop .btn_type a {
	font-size: 16px;
	padding: 13px;
	border-radius: 4px;
}

/* .layer_pop .close_btn {
	top: 24px;
	right: 16px
} */

.layer_pop.mid_pop .pop_con {
	height: auto
}

.layer_pop.join_benefit_pop .pop_con {
	height: 356px
}

/* 얼럿 팝업 */
.alert_pop {
	position: fixed;
	z-index: 16;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 320px;
	text-align: center
}

.alert_pop .pop_con {
	padding: 40px 20px 20px;
	background: #fff;
	text-align: center;
	border-radius: 8px;
}

.alert_pop .pop_con .txt {
	margin-top: 20px;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.alert_pop .pop_con .txt:first-child {
	margin-top: 0
}

.alert_pop .pop_con .txt p {
	vertical-align: middle;
	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: 16px;
}

.alert_pop .pop_con .txt p:only-of-type,
.alert_pop .pop_con [class*=txt]:only-of-type {
	font-size: 14px;
	line-height: 20px;
	color: #111;
}

.alert_pop .pop_btn {
	margin-top: 32px;
	width: 100%;
	text-align: center;
	background: #fff
}

.alert_pop .pop_btn:after {
	content: '';
	display: block;
	clear: both
}

.alert_pop .pop_btn a {
	float: left;
	padding: 14px 5px;
	width: 100%;
	height: 52px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	border-radius: 4px
}

.alert_pop .pop_btn.two a {
	margin-left: 8px;
	width: calc(50% - 4px);
	width: -webkit-calc(50% - 4px)
}

.alert_pop .pop_btn.two a:first-child {
	margin-left: 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;
	white-space: nowrap;
	z-index: 21;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 12px 24px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	border-radius: 40px;
	background: rgba(0, 0, 0, 0.7);
}

.toast_pop .pop_con {
	padding: 0
}

.toast_pop .pop_con .title b {
	color: var(--color-primary-1);
	font-weight: 500
}


/* 메인팝업 */
.main_pop {
	position: fixed;
	padding-top: 40px;
	z-index: 10;
}

.main_pop:not(.shorts) {
	width: 472px;
}

.main_pop a>.set-btn {
	cursor: pointer;
}

.main_pop .set-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	color: #fff;
	background-color: var(--color-primary-2);
	cursor: default;
}

.main_pop .close-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	background: url(/res/images/icon/close-main-popup.svg) 50% / cover;
}

.main_pop.img {
	bottom: 32px;
	right: 32px;
}

.main_pop.img .img-wrap {
	border-radius: 8px;
	overflow: hidden;
}

.main_pop.img img {
	width: 100%;
	height: 324px;
	object-fit: none;
}

.main_pop.text {
	bottom: 32px;
	right: 32px;
}

.main_pop.text .text-wrap {
	border-radius: 8px;
	background-color: #F5F5F5;
	overflow: hidden;
}

.main_pop.text .text-wrap>div {
	padding: 24px 20px;
}

.main_pop.text .text-wrap .term+.desc {
	margin-top: 20px;
}

.main_pop.text .text-wrap .desc {
	padding: 20px;
	color: #555;
	background-color: #fff;
	word-break: break-all;
}

.main_pop.picture,
.main_pop.shorts {
	bottom: 32px;
	right: 34px;
}

.main_pop.picture .video-wrap,
.main_pop.shorts .video-wrap {
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}

.main_pop.picture .picture-container,
.main_pop.shorts .shorts-container {
	position: relative;
	width: 100%;
	height: 0;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
}

.main_pop.picture .picture-container iframe,
.main_pop.shorts .shorts-container iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border: none;
}

.main_pop.picture .picture-container {
	padding-bottom: 56.25%;
}

.main_pop.shorts .shorts-container {
	width: 346px;
	padding-bottom: 177.78%;
}

/* 옵션 리스트 팝업 (레이어팝업) */
.option_layer {
	display: none;
	max-height: 680px;
	z-index: 16
}

.option_layer .tit {
	margin: 32px 0 12px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.option_layer .tit:first-child {
	margin-top: 8px
}

.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 15px;
	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/m_icn_up_40x40.png') no-repeat right 13px top 50% #f7f7f7;
	background-size: 20px;
	border: 1px solid #ccc;
	border-radius: 10px 10px 0 0
}

.option_layer .absol_btn {
	position: absolute;
	bottom: 40px;
	left: 40px
}

.option_layer .absol_btn a {
	display: block;
	padding: 14px 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 .absol_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 {
	/* padding-bottom: 184px; */
	padding-bottom: 179px;
	max-height: 740px
}

.option_layer .pop_con {
	padding: 24px 0 36px;
	min-height: 420px;
}

.option_layer .option_layer_div {
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	margin: 0 auto;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div {
	padding: 16px 18px;
	border-top: 1px solid #eee;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div:first-child {
	border-top: none;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box label {
	width: 100%;
	padding: 0 0 0 30px;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .info {
	display: flex;
	align-items: start !important;
	justify-content: space-between;
	gap: 0 2px;
	width: 100%
}

/* .option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .info .volume {
	width: 212px;
} */

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .info .left {
	flex-wrap: wrap;
	gap: 6px !important;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .info .volume p {
	display: inline-block;
	color: #333;
	word-break: break-all;
	margin-top: 0;
	vertical-align: middle;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .info .volume b {
	display: inline-block;
	color: #bbb;
	vertical-align: inherit;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .info .stock {
	flex: 1;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .info .badge-list {
	width: 100%;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .info .right {
	text-align: right !important;
	flex-direction: column;
	align-items: flex-end !important;
	gap: 6px 0 !important;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .info .right .price {
	display: flex;
	align-items: center;
	color: #333;
	text-align: right;
	vertical-align: middle;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .info .right .price .percent {
	color: #FF3894;
	font-size: 16px;
	line-height: 24px;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .info .right .price span {
	color: #111;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .info .right .price span+span {
	margin-left: 4px;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .info .right>span {
	display: inline-block;
	color: #bbb;
	text-align: right;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .plus_info {
	margin-top: 12px;
	background: #f9f9f9;
	border-radius: 4px;
	padding: 10px 14px;
	font-size: 14px;
	line-height: 20px;
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .plus_info .detail {
	color: #000
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .plus_info .date {
	margin-top: 2px;
	color: #999
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .plus_info.no p {
	color: #ccc;
	text-decoration: line-through
}

.option_layer .option_select_form.main_pd_option .list_div .list .chk_div .radio_box .plus_info.no b {
	display: inline-block;
	text-decoration: none;
	margin-right: 4px
}

.option_layer .option_select_form.sub_pd_option {
	margin-top: 24px;
}

.option_layer .option_select_form .list_div .list .option_form .select.on {
	border: 1px solid #ccc;
}

.option_layer .option_select_form .list_div .list .option_form .option {
	position: relative;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow-y: auto;
}

.option_layer .option_select_form .list_div .list .chk_div {
	padding: 16px;
	border-top: 1px solid #eee;
}

.option_layer .option_select_form .list_div .list .chk_div:first-child {
	border-top: none;
}

.option_layer .option_select_form .list_div .list .chk_div .chk_box {
	width: 100%;
}

.option_layer .option_select_form .list_div .list .chk_div .chk_box label {
	width: 100%;
}

.option_layer .option_select_form .list_div .list .chk_div .chk_box .info p {
	margin-top: 0
}

.option_layer .option_select_form .list_div .list .chk_div .chk_box .info p.price {
	float: right;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700
}

.option_layer .option_select_form.pd_option:nth-child(n+2) {
	margin-top: 24px
}

.option_layer .pd_option .list_div .list:nth-child(n+2) {
	margin-top: 16px;
}

.option_layer .pd_option .list_div .list .text .select_form .select {
	position: relative;
	padding: 18px 20px
}

.option_layer .pd_option .list_div .list .text .select_form .select.on {
	border: 1px solid #ccc;
}

.option_layer .pd_option .list_div .list .text .select_form .option {
	/* position: relative; */
	position: absolute;
	top: 62px;
	left: 0;
	max-height: none;
	z-index: 3;
}

.option_layer .pd_option .list_div .list .text .chk_div {
	padding: 16px 18px;
	border-top: 1px solid #eee;
}

.option_layer .pd_option .list_div .list .text .chk_div:first-child {
	border-top: none;
}

.option_layer .pd_option .list_div .list .text .chk_div>div {
	width: 100%;
}

.option_layer .pd_option .list_div .list .text .chk_div label {
	width: 100%;
	padding: 0 0 0 30px;
}

.option_layer .pd_option .list_div .list .text .chk_div .info {
	display: flex;
	justify-content: space-between;
	gap: 0 10px;
	width: 100%
}

.option_layer .pd_option .list_div .list .text .chk_div .info .left {
	display: flex;
	align-items: center;
	gap: 0 6px;
}

.option_layer .pd_option .list_div .list .text .chk_div .volume p {
	display: inline-block;
	word-break: break-all;
}

.option_layer .pd_option .list_div .list .text .chk_div .volume p span {
	padding-left: 4px;
}

.option_layer .pd_option .list_div .list .text .chk_div .stock {
	color: #bbb;
}

.option_layer .pd_option .list_div .list .text .chk_div .info .right {
	display: flex;
	align-items: center;
	gap: 0 8px;
	text-align: right;
}

.option_layer .pd_option .list_div .list .text .chk_div .info .right .price {
	color: #555;
}

.option_layer .bottom_fixed {
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	background-color: #fff;
	padding: 24px 40px 0;
	z-index: 2;
}

.option_layer .bottom_fixed .pd_final_cost {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
}

/* .option_layer .bottom_fixed .pd_final_cost:after {
	content: '';
	display: block;
	clear: both
} */

.option_layer .bottom_fixed .pd_final_cost .type {
	position: relative;
	display: inline-block;
	padding-right: 20px;
}

.option_layer .bottom_fixed .pd_final_cost .type .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
}

.option_layer .bottom_fixed .pd_final_cost .type .tooltip {
	top: -81px;
}

/* .option_layer .bottom_fixed .pd_final_cost .price {
	float: right
}

.option_layer .bottom_fixed .pd_final_cost .price:after {
	content: '';
	display: block;
	clear: both
} */

.option_layer .bottom_fixed .pd_final_cost .price .won {
	display: flex;
	align-items: center;
	color: var(--color-primary-1);
}

.option_layer .bottom_fixed .pd_final_cost .price .won span {
	display: inline-block;
	color: var(--color-primary-1);
}

.option_layer .bottom_fixed .bottom_btn a {
	border-radius: 4px !important;
}

.option_layer .bottom_fix.new .fixed_info_area {
	position: fixed;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	background: #fff;
	z-index: 1;
}

/* 상품상세: 쿠폰 받기 팝업 */
.layer_pop.coupon_download_pop {
	width: 480px;
	padding-bottom: 108px;
	margin: 0 auto;
}

.layer_pop.coupon_download_pop .cpn_com_list {
	width: 400px;
	gap: 16px 0;
	margin: 0 auto;
}

.layer_pop.coupon_download_pop .fixed_btn {
	bottom: 28px;
}

.layer_pop.coupon_download_pop .section {
	margin-top: 16px;
}

.layer_pop.coupon_download_pop .section:first-child {
	margin-top: 0
}

.layer_pop.coupon_download_pop .section .title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	color: #000;
}

.layer_pop.coupon_download_pop .section .title b {
	font-weight: 500;
	color: #3cc814
}

.layer_pop.coupon_download_pop .pop_con {
	padding: 24px 0 0;
}

.layer_pop.coupon_download_pop .cpn_more {
	padding-top: 20px;
	text-align: center;
}

.layer_pop.coupon_download_pop a.cpn_more_btn {
	display: inline-block;
	width: auto;
	padding: 0 22px 0 0;
}

/* 상품상세: 리뷰 신고 팝업 */
.layer_pop.report_pop {
	max-height: 726px;
	padding-bottom: 40px;
}

.layer_pop.report_pop .pop_con {
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px);
	padding: 24px 0 0;
	margin: 0 auto;
}

.layer_pop.report_pop .btn_type a {
	width: 100%;
	height: 52px;
	padding: 13px;
}

.layer_pop.report_pop .pop_con .chk_list .chk_div {
	height: 24px;
	margin-top: 20px;
}

.layer_pop.report_pop .pop_con .textarea_div {
	margin-top: 24px;
}

.layer_pop.report_pop .dot_indent {
	margin-top: 12px;
}

.layer_pop.report_pop .btn_type {
	display: flex;
	gap: 0 8px;
	margin-top: 32px;
}

/* 상품상세: qna 작성 팝업 */
.qna_wrt_div.layer_pop {
	padding-bottom: 0;
}

.qna_wrt_div .pop_con {
	overflow-x: hidden;
}

.qna_wrt_div .textarea_div {
	margin-top: 12px;
}

.qna_wrt_div .chk_box {
	margin-top: 20px;
}

.qna_wrt_div .noti {
	margin-top: 12px;
}

.qna_wrt_div .noti p {
	color: #999
}

.qna_wrt_div .noti .dot_indent p:before {
	top: 8px;
}

.qna_wrt_div .pop_con .input_area input {
	height: 52px;
}

.qna_wrt_div .btn {
	margin-top: 32px;
	padding-bottom: 40px;
	display: flex;
}

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

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

.qna_wrt_div .accor_div {
	border-top: 10px solid #f7f7f7;
	width: calc(100% + 80px);
	width: -webkit-calc(100% + 80px);
	margin-left: -40px;
}

.qna_wrt_div .accor_div .list .open {
	display: block;
	border-bottom: 1px solid #eee;
	padding: 18px 80px 18px 40px;
	font-size: 16px;
	line-height: 24px;
	color: #111;
	font-weight: 400;
	background: url("/res/images/icon/arrow-down-555.svg") center right 40px / 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: 24px 40px 8px;
}

.qna_wrt_div .accor_div .dot_indent p {
	color: #555;
}

.layer_pop.qna_wrt_pop .textarea_div .textarea_wrap {
	margin-top: 12px;
}


/* 시크릿 쿠폰 팝업 */
.secret_coupon_pop {
	padding: 0;
	background: transparent;
	border-radius: 0;
}

.secret_coupon_pop .pop_con {
	position: relative;
	width: 480px;
	padding: 48px 40px 40px;
	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: 28px;
	line-height: 36px;
}

.secret_coupon_pop .pop_con .tit>span:nth-child(2) {
	padding-top: 8px;
	font-weight: 700;
	font-size: 48px;
	line-height: 56px;
}

.secret_coupon_pop .pop_con .bg {
	position: relative;
	margin-top: 16px;
}

.secret_coupon_pop .pop_con .bg img {
	width: calc(100% + 80px);
	margin-left: -40px;
}

.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: 235px;
	text-align: center;
}

.secret_coupon_pop .pop_con .bg .term {
	top: 96px;
	left: calc(48.5% + .6em);
	color: #FF9F66;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.6em;
	padding-left: 0.6em;
}

.secret_coupon_pop .pop_con .bg .txt {
	top: 116px;
	left: 49.5%;
	color: #fff;
	font-weight: 500;
	font-size: 40px;
	line-height: 52px;
	letter-spacing: -0.75px;
}

.secret_coupon_pop .pop_con .bg .txt em {
	font-size: 20px;
	line-height: 28px;
	font-style: normal;
	padding-left: 2px;
}

.secret_coupon_pop .pop_con .primary-btn {
	position: relative;
	width: 100%;
	height: 52px;
	margin-top: -50px;
	border-radius: 4px;
	z-index: 1;
}

.secret_coupon_pop .pop_con .close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 32px;
	height: 32px;
	background: url(/res/images/icon/close-555.svg) 50% 50% / 32px;
}

.secret_coupon_pop .x_btn.close {
	position: absolute;
	right: 0;
	margin: 16px 0 0 auto;
	color: #fff;
}

.secret_coupon_pop .pop_login_btn,
.secret_coupon_pop .no_member_btn {
	position: absolute;
	margin: 16px 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: 8px;
	left: -4px;
	width: 118px;
	height: 118px;
	background: url('/res/images/popup/secret-coupon-pop-badge-p1.svg') no-repeat center / 118px auto;
}

.secret_coupon_pop .bg.sale::after {
	top: 18px;
	right: 0;
	width: 153px;
	height: 105px;
	background: url('/res/images/popup/secret-coupon-pop-badge.svg') no-repeat center / 153px auto;
}

/* 230619 리뷰 작성 안내 팝업 */
.layer_pop.review_lead_pop {
	padding: 0;
	border-radius: 0;
	background-color: transparent;
}

.review_lead_pop .logo {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 180px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 50%;
	z-index: 1;
}

.review_lead_pop .pop_con {
	position: relative;
	margin-top: -90px;
	padding: 100px 40px 40px;
	background: #FFF;
	border-radius: 4px;
	text-align: center;
}

.review_lead_pop .pop_con span {
	display: inline-block;
}

.review_lead_pop .pop_con .txt1 {
	color: #111;
}

.review_lead_pop .pop_con .txt2 {
	margin-top: 16px;
	color: var(--color-primary-2);
}

.review_lead_pop .pop_con .txt2 strong {
	color: inherit;
}

.review_lead_pop .pop_con .primary-btn {
	width: 100%;
	height: 52px;
	margin: 40px auto 0;
	border-radius: 4px;
}

.review_lead_pop .pop_con .close-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 32px;
	height: 32px;
	background: url(/res/images/icon/close-555.svg) 50% 50% / 32px;
}

.review_lead_pop .btn-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
}

.review_lead_pop .btn-wrap a {
	color: #FFF;
}

/* 선물하기 관련 팝업 */
.dlvInsChk_pop {
	width: 300px;
	padding: 0;
}

.dlvInsChk_pop .pop_tit {
	display: none;
}

.dlvInsChk_pop .pop_con {
	padding: 40px 20px 20px;
}

.dlvInsChk_pop .dlvInsChk_div .txt {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: center;
}

.dlvInsChk_pop .dlvInsChk_div .desc {
	background: #f7f7f7;
	padding: 16px;
	font-size: 14px;
	line-height: 20px;
	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;
}

.dlvInsChk_pop .pop_btn {
	display: flex;
	margin-top: 24px;
	text-align: center
}

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

.dlvInsChk_pop .pop_btn a:first-child {
	margin-left: 0
}

.dlvInsChk_pop .pop_btn .ok_btn {
	color: #fff;
	background: #3cc814
}

.dlvInsChk_pop .pop_btn .no_btn {
	color: #333;
	background: #eee
}

.dlvInsChk_pop .close_btn {
	position: absolute;
	top: 16px;
	right: 16px
}

/* 팝업 */
.layer_pop .pop_con .title {
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #000
}

.layer_pop .bot_btn {
	display: block;
	margin: 40px auto 0;
	width: 240px;
	height: 60px;
	font-size: 16px;
	text-align: center
}

.layer_pop .bot_btn.pur {
	line-height: 60px;
	color: #fff;
	background: #2a204e
}

/* 제품 상세 공유하기 팝업 */
.share_pop .share_div {
	width: 368px;
	position: relative;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.share_pop .share_div:after {
	content: '';
	display: block;
	clear: both
}

.share_pop .share_div a {
	display: block;
	float: left;
	width: 48px;
	height: 48px;
	margin-left: 32px;
	margin-top: 12px;
}

.share_pop .share_div a:nth-child(5n+1) {
	margin-left: 0
}

.share_pop .share_div a:nth-child(-n+5) {
	margin-top: 0;
}

.share_pop .share_div a img {
	width: 48px;
	height: 48px;
}

/* 이탈방지 팝업 */
.leave_pop {
	display: none;
	position: fixed;
	width: 424px;
	top: 32px;
	right: 32px;
	padding: 20px 24px;
	background: #fff;
	border: 1px solid #777;
	border-radius: 20px;
	z-index: 20
}

.leave_pop .pop_tit {
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
	margin-bottom: 24px;
	color: #000
}

.leave_pop .pop_tit b {
	font-weight: 700;
	margin-right: 6px;
}

.leave_pop .pop_tit .pink {
	color: #e81d75
}

.leave_pop .pd_cont_area .list_div .list {
	padding-bottom: 20px;
	margin-top: 20px;
	border-bottom: 1px solid #eee;
	width: 100%;
	margin-left: 0
}

.leave_pop .pd_cont_area .list_div .list:first-child {
	margin-top: 0;
}

.leave_pop .pd_cont_area .list_div .list:last-child {
	border-bottom: none;
	padding-bottom: 0
}

/* .leave_pop .pd_cont_area .list_div .list .cart_btn {
	width: 32px;
	height: 32px;
	right: 0;
	bottom: 27px;
	top: auto;
	left: auto
} */

.leave_pop .pd_cont_area .list_div .list .heart {
	width: 40px;
	height: 40px;
	top: 50px;
	left: 50px;
	bottom: auto;
	right: auto
}

/* .leave_pop .pd_cont_area .list_div .list:last-child .cart_btn {
	bottom: 7px
} */

.leave_pop .pd_cont_area .list_div .product_list.soldout .thumb:before {
	content: "일시품절";
	font-size: 14px;
	line-height: 18px;
	width: 80px;
	height: 80px;
	padding: 22px;
}

.leave_pop .pd_cont_area .list_div .product_list.pet .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.leave_pop .pd_cont_area .list_div .product_list.pet .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.leave_pop .close_btn {
	position: absolute;
	top: 24px;
	right: 16px;
	width: 32px;
	height: 32px;
	background: url('/res/images/icn_xbt_32x32.png') no-repeat center;
	background-size: 32px
}

/* 구매 영수증 팝업 */
.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 5px 11px;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	text-align: center;
	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: 20px
}

.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 {
	padding-bottom: 24px;
	border-bottom: 1px solid #eee
}

.receipt_pop .radio_tab_con {
	padding-top: 24px
}

.receipt_pop .input_form .input_area+.input_area {
	margin-top: 16px
}

.receipt_pop .btn {
	margin-top: 40px
}

.receipt_pop .dot_indent {
	margin-top: 20px
}

/* 쿠폰 사용 가능 상품 팝업 */
/* .use_product_list {
	margin-top: -28px
} */

.use_product_list .product-item-list {
	position: relative;
	width: 100%;
	/* padding: 20px 0 19px;
	border-top: 1px solid #eee */
}

.use_product_list .product-item-list+.product-item-list {
	margin-top: 20px;
}

.use_product_list .product-item-list:first-child {
	border-top: none;
	/* padding: 20px 0 */
}

/* 배송지 관련 팝업 */
.addr_pop .input_form {
	margin-top: 10px
}

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

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

.addr_pop .input_form .tit {
	float: left;
	padding: 15px 0;
	width: 85px;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: left;
}

.addr_pop .input_form .input_area {
	float: right;
	margin-top: 0;
	width: calc(100% - 85px);
	width: -webkit-calc(100% - 85px);
}

.addr_pop .input_form .input_area+.input_area {
	margin-top: 10px
}

.addr_pop .input_form .input_area.has_btn input {
	width: calc(100% - 128px);
}

.addr_pop .input_form .input_area.has_btn input+.find_addr {
	padding: 15px 0;
}

.addr_pop .input_form.error .txt {
	float: left;
	padding-left: 97px;
	width: 100%
}

.addr_pop .chk_div {
	padding-left: 85px;
	margin-top: 16px;
	text-align: left
}

.addr_pop .no_data_div .txt_area {
	padding-top: 164px;
	background-position: center 80px
}

.addr_pop.addr_edit_pop.layer_pop,
.addr_pop.new_addr_pop.layer_pop {
	padding-bottom: 0;
}

.addr_pop.addr_edit_pop input,
.addr_pop.addr_edit_pop .input_area .btn,
.addr_pop.new_addr_pop input,
.addr_pop.new_addr_pop .input_area .btn {
	height: 48px;
}

/* 배송지 관리 팝업 */
.addr_mgr_pop {
	height: 724px;
	overflow: hidden;
}

.addr_mgr_pop .pop_con {
	height: calc(100% - 108px);
}

.addr_mgr_pop.nomem_pop {
	height: 530px
}

.addr_mgr_pop .pop_tit {
	padding-bottom: 24px;
}

.addr_mgr_pop .pop_con {
	padding-top: 0;
}

.addr_mgr_pop .pop_con .tab_content {
	margin-top: 24px;
}

.addr_mgr_pop .addr_list_div .list {
	padding: 24px 0 24px 32px;
}

.addr_mgr_pop .addr_list_div .list:first-child {
	padding-top: 0;
}

.addr_mgr_pop .addr_list_div .list.edit {
	padding: 0 0 24px 0;
}

.addr_mgr_pop .addr_list_div .list.edit:not(.default) {
	padding-top: 24px;
}

.addr_mgr_pop .addr_list_div:has(.list.edit) .list {
	padding-left: 0;
}

.addr_mgr_pop .addr_list_div:has(.list.edit) .list_radio+label:after {
	display: none;
}

.addr_mgr_pop .addr_list_div .list.edit .input_form .tit {
	padding: 17px 0;
}

.addr_mgr_pop .addr_list_div .list.edit .input_form .input_area input,
.addr_mgr_pop .addr_list_div .list.edit .input_form .input_area .btn {
	height: 52px
}

.addr_mgr_pop .addr_list_div .list.edit .input_form .input_area .btn {
	font-weight: 500;
}

.addr_mgr_pop .addr_list_div .list.edit .chk_box input[type="checkbox"]+label {
	font-size: 16px;
}

.addr_mgr_pop .addr_list_div .list .list_radio {
	position: absolute;
	top: 24px;
	left: 0;
	opacity: 0
}

.addr_mgr_pop .addr_list_div .list .list_radio+label {
	display: block;
	position: relative
}

.addr_mgr_pop .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_mgr_pop .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_mgr_pop .addr_list_div .list .top .btn_area a.cancel,
.addr_mgr_pop .addr_list_div .list .top .btn_area a.save {
	display: none;
}

.addr_mgr_pop .addr_list_div .list .select_btn {
	display: inline-block;
	margin-top: 16px;
	width: 60px;
	height: 28px;
	font-size: 13px;
	line-height: 26px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 5px
}

.addr_mgr_pop .addr_list_div .list .addr_edit {
	display: none;
	margin-top: 16px
}

.addr_mgr_pop .bottom_btn {
	position: fixed;
	display: flex;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 40px;
	width: 100%;
	background: #fff;
	box-shadow: none;
	z-index: 2;
}

.addr_mgr_pop .bottom_btn a {
	flex: 1;
}

/* 쿠폰 변경 팝업 */
.coupon_pop .list_div .list {
	padding: 24px 0;
	border-bottom: 1px solid #eee
}

.coupon_pop .list_div .list:first-child {
	padding-top: 0
}

.coupon_pop .list_div .list:last-child {
	padding-bottom: 0;
	border-bottom: none
}

.coupon_pop .list_div .list .product {
	display: table;
	width: 100%
}

.coupon_pop .list_div .list .product .thumb {
	position: relative;
	display: table-cell;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 20px;
	vertical-align: middle;
	vertical-align: middle
}

.coupon_pop .list_div .list .product .thumb img {
	width: 100%
}

.coupon_pop .list_div .list.pet .product .thumb .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.coupon_pop .list_div .list.pet .product .thumb .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.coupon_pop .list_div .list .product .name {
	display: table-cell;
	padding-left: 20px;
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
	vertical-align: middle
}

.coupon_pop .list_div .list .product .name p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 44px;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
}

.coupon_pop .list_div .list .select_form {
	margin-top: 12px
}

/* 리뷰 작성 팝업 */
.layer_pop.review_wrt_div.scroll .pop_con {
	overflow-x: hidden;
}

.review_wrt_div.review_wrt_pop .pop_con>div:not(.review_noti),
.review_wrt_div.review_wrt_pop .pop_con>.product-list-1 {
	width: 400px;
}

.review_wrt_div.review_wrt_pop .benefit_div {
	margin-top: 0;
}

.review_wrt_div.review_wrt_pop .benefit_div.new {
	margin-top: 0;
}

/* 당첨자 공지 팝업 */
.evt_trial_dtl_pop {
	width: 480px;
	height: 836px;
	padding-top: 0;
	overflow: hidden;
}

.evt_trial_dtl_pop .pop_con {
	height: calc(100% - 106px);
	height: -webkit-calc(100% - 106px);
	padding: 32px 24px 0 40px;
	overflow-y: scroll;
}

.evt_trial_dtl_pop .tit {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	padding-bottom: 0;
	text-align: center;
}

.evt_trial_dtl_pop .tit p {
	color: #000;
	font-size: 24px;
	font-weight: bold;
	line-height: 29px;
}

.evt_trial_dtl_pop .pop_con .txt {
	display: block;
	color: #333;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.5px;
	word-break: break-all;
	text-align: left;
}

.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 {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	padding: 12px 16px;
	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;
}

/* 221215 무료체험 이벤트 코너 개발 레이어 팝업 스크롤 추가 */
.evt_trial_dtl_pop .pop_con::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 16px
}

.evt_trial_dtl_pop .pop_con::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 6px;
	background-clip: padding-box;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

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

/* 100원딜 전용 팝업 */
.item_content_pop.layer_pop {
	width: 600px;
	height: 600px;
}

.item_content_pop.layer_pop .pop_con {
	height: 100%;
}

/* 비밀번호 수정 팝업 */
.password_pop.layer_pop {
	padding-bottom: 0;
}

.password_pop input {
	height: 48px;
}

/* 250319 플러스 사은품: 취소 사은품 선택 */
.cnl-gift-pop {
	overflow: hidden;
}

.cnl-gift-pop .scrollbar {
	max-height: 612px;
	padding: 24px 40px 84px;
}

.cnl-gift-pop .top-text {
	display: block;
	width: 100%;
	text-align: center;
}

.cnl-gift-pop .info-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 8px;
	margin-top: 24px;
	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 .list {
	margin-top: 24px;
}

.cnl-gift-pop .product-sub-item .top {
	justify-content: flex-start;
}

.cnl-gift-pop .product-sub-item+.product-sub-item {
	margin-top: 20px;
}

.cnl-gift-pop .product-sub-item .count {
	margin-top: 6px;
}

.cnl-gift-pop .btn-wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	gap: 0 8px;
	width: 100%;
	padding: 32px 32px 40px;
	background-color: #fff;
}

.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;
	line-height: 24px;
	border-radius: 4px;
	background-color: #3cc814;
}

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

/* ===================================================================== */

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

.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>div:not(.backdrop) {
	width: 320px;
	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 {
	padding-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 {
	width: 100%;
	height: 100vh;
}

.custom-popup.active {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.custom-popup .content {
	border-radius: 4px;
	z-index: 2;
}

.custom-popup.default .content {
	position: relative;
	width: 480px;
	background-color: #fff;
}

.custom-popup .content>.close-btn {
	position: absolute;
	top: 20px;
	right: 40px;
	width: 28px;
	height: 28px;
	background: url(/res/images/icon/close-111.svg) 50% / cover;
}

.custom-popup.default .popup-head {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 68px;
}

.custom-popup.default .popup-head .title {
	font-size: 24px;
	color: #111;
	font-weight: 500;
	line-height: 32px;
	text-align: center;
}

.custom-popup.default .popup-body {
	margin-top: 24px;
	padding: 0 40px;
}

.custom-popup.default .popup-body .tab-wrap .tab-head {
	display: flex;
	width: calc(100% + 80px);
	height: 60px;
	margin-left: -40px;
	padding: 0 40px;
	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: #ccc;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
}

.custom-popup.default .popup-body .tab-wrap .tab-head li:after {
	content: '';
	position: absolute;
	bottom: -1px;
	width: 100%;
	height: 3px;
	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.default .popup-footer {
	margin: 32px 40px 40px;
}

.custom-popup.default .popup-footer.fixed {
	position: absolute;
	bottom: 0;
}

.custom-popup.default .popup-footer .btn-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 8px;
	width: 100%;
}

.custom-popup.default .popup-footer .btn-wrap:not(.column)>a,
.custom-popup.default .popup-footer .btn-wrap:not(.column)>button {
	flex: 1;
}

.custom-popup.default .popup-footer .btn-wrap.column {
	flex-direction: column;
}

.custom-popup.default .popup-footer .btn-wrap.column>a,
.custom-popup.default .popup-footer .btn-wrap.column>button {
	width: 100%;
}

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

/* 비밀번호 변경 팝업 */
.custom-popup.change-pwd-popup .popup-body .info {
	margin-bottom: 32px;
	padding-bottom: 24px;
	text-align: center;
	border-bottom: 1px solid #eee
}

.custom-popup.change-pwd-popup .popup-body .info p {
	color: #111;
	font-size: 16px;
	line-height: 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: 16px;
	line-height: 24px;
}

.custom-popup.account-update-popup .popup-body .info p+p {
	margin-top: 24px
}

.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: 24px;
	color: #111;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.custom-popup.account-update-popup .popup-body .user-info li {
	display: flex;
	align-items: center;
	color: #111;
	font-size: 16px;
	line-height: 24px
}

.custom-popup.account-update-popup .popup-body .user-info li+li {
	margin-top: 24px
}

.custom-popup.account-update-popup .popup-body .user-info li .term {
	display: block;
	width: 110px;
}

.custom-popup.account-update-popup .popup-body .primary-btn {
	width: 100%;
	margin-top: 32px;
}

.custom-popup.account-update-popup .popup-footer {
	margin-top: 24px;
	margin-bottom: 60px;
}

.custom-popup.account-update-popup .popup-info {
	margin-top: 16px;
}

.custom-popup.account-update-popup .popup-info li {
	position: relative;
	padding-left: 8px;
	color: #999;
	font-size: 13px;
	line-height: 18px
}

.custom-popup.account-update-popup .popup-info li+li {
	margin-top: 4px;
}

.custom-popup.account-update-popup .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:not(.address-mng-popup) .content {
	height: 720px;
}

.custom-popup.address-popup .popup-body.scrollbar {
	max-height: calc(100vh - 449px);
}

.custom-popup.address-popup .popup-body .address-form .form .input-wrap+.input-wrap {
	margin-top: 10px;
}

.custom-popup.address-popup .popup-body .address-form .form .input-wrap.address>div,
.custom-popup.address-popup .popup-body .address-form .form .input-wrap.address button {
	height: 52px;
}

.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;
	margin-left: 93px;
}

.custom-popup.address-popup .popup-body .btn-wrap.submit {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	gap: 0 8px;
	width: 100%;
	padding: 32px 40px 40px 40px;
	background-color: #fff;
}

.custom-popup.address-popup .popup-body .btn-wrap.submit button {
	flex: 1;
}

.custom-popup.address-popup .popup-body .input-wrap.error .info-msg {
	padding-left: 93px;
	margin-top: -8px;
}

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

.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 {
	padding-left: 32px;
	position: relative;
}

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

.custom-popup.address-popup .popup-body .address-list .radio-wrap label .term {
	display: flex;
	align-items: center;
	gap: 0 6px;
	height: 26px;
}

.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: 26px;
	padding: 0 7px;
	color: #555;
	font-size: 13px;
	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: 8px 0;
	margin-top: 20px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

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

.custom-popup.address-popup .popup-body .address-list .address-form {
	display: none;
	position: relative;
	padding-top: 36px;
}

.custom-popup.address-popup .popup-body .address-list .address-form .input-wrap label {
	padding: 12px 0;
}

.custom-popup.address-popup .popup-body .new-address {
	margin-top: 32px;
}

/* 배송지 등록 및 수정 */
.custom-popup.address-mng-popup .popup-body .btn-wrap.submit {
	position: static;
	width: calc(100% + 80px);
	margin-left: -40px;
}

/* ==================== 250625 공유하기 팝업 ==================== */
.custom-popup.share-popup .popup-body {
	margin-bottom: 52px;
}

.custom-popup.share-popup .popup-body ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 32px;
}

.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')
}

/* ==================== 250625 숏클립 팝업 ==================== */
.live-video-popup .content {
	position: relative;
	height: max(85vh, 646px);
	background-color: #fff;
	overflow: hidden;
}

.live-video-popup .title-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.live-video-popup .title-head .home-btn,
.live-video-popup .title-head button {
	width: 24px;
	height: 24px;
	background-position: 50%;
	background-size: 24px;
}

.live-video-popup .title-head .home-btn {
	background-image: url(/res/images/icon/home-111.svg);
}

.live-video-popup .title-head .count {
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.live-video-popup .title-head .btn-wrap {
	display: flex;
	align-items: center;
	gap: 0 6px;
}

.live-video-popup .title-head .btn-wrap .sound-btn.off {
	background-image: url(/res/images/icon/short-clip-sound-off-111.svg);
}

.live-video-popup .title-head .btn-wrap .sound-btn.on {
	background-image: url(/res/images/icon/short-clip-sound-on-111.svg);
}

.live-video-popup .title-head .btn-wrap .share-btn {
	background-image: url(/res/images/icon/share-111.svg);
}

.live-video-popup .title-head .btn-wrap .close-btn {
	background-image: url(/res/images/icon/close-111.svg);
}

.live-video-popup .video-wrap {
	position: relative;
}

.live-video-popup .video-wrap .progress {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	padding: 0;
	background: linear-gradient(to right, #3CC814 0%, #eee 0%);
	outline: none;
	appearance: none;
	z-index: 2;
	cursor: pointer;
}

.live-video-popup .video-wrap .progress::-webkit-slider-thumb {
	width: 0;
	height: 0;
	appearance: none;
}

.live-video-popup .video-wrap .progress::-moz-range-thumb {
	width: 0;
	height: 0;
	opacity: 0;
}

.live-video-popup .title {
	color: #111;
	font-weight: 600;
}

.live-video-popup .hashtag {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	color: #999;
}

.live-video-popup .scrollbar ul {
	padding: 0 20px;
}

.live-video-popup .scrollbar ul li.product-item-list {
	width: 100%;
}

.live-video-popup .scrollbar ul li.product-item-list .info .name {
	color: #111;
}

.live-video-popup .scrollbar ul li.product-item-list .info .name strong {
	font-weight: 700;
}

.live-video-popup .scrollbar ul li.product-item-list .info .price-info {
	display: flex;
	align-items: center;
}

.live-video-popup .scrollbar ul li.product-item-list .info .price-info .percent {
	color: #FF3894;
	font-weight: 700;
}

.live-video-popup .scrollbar ul li.product-item-list .info .price-info .price {
	color: #111;
	font-weight: 700;
}

.live-video-popup .scrollbar ul li.product-item-list .info .price-info .benefit {
	color: #777;
}

.live-video-popup .view-btn-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 72px;
	padding: 0 20px 20px;
	background-color: #fff;
}

.live-video-popup .view-btn-wrap button {
	width: 100%;
	color: #111;
	border-color: #ddd;
}

/* 숏클립 팝업: 세로형 */
.live-video-popup.type-ver .content {
	display: flex;
	width: auto;
}

.live-video-popup.type-ver .video-wrap:has(iframe) {
	height: calc(100% + 1px);
}

.live-video-popup.type-ver .video-wrap:has(video):before {
	content: '';
	width: 100%;
	height: 180px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.5) 70.83%);
}

.live-video-popup.type-ver .video-wrap video,
.live-video-popup.type-ver .video-wrap iframe {
	height: 100%;
	aspect-ratio: 9 / 16;
}

.live-video-popup.type-ver .video-wrap .progress {
	width: calc(100% - 32px);
	margin: 16px;
}

.live-video-popup.type-ver .rgt-cnt {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 380px;
}

.live-video-popup.type-ver .title-head {
	height: 48px;
	padding: 0 20px;
}

.live-video-popup.type-ver .title-head .home-btn {
	display: none;
}

.live-video-popup.type-ver .title-head .count {
	padding-left: 28px;
	background: url(/res/images/icon/short-clip-view-111.svg) 0 50% / 24px;
}

.live-video-popup.type-ver .title-hashtag {
	margin: 20px 20px 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #eee;
}

.live-video-popup.type-ver .title {
	font-size: 20px;
	line-height: 28px;
}

.live-video-popup.type-ver .hashtag {
	gap: 0 14px;
	margin-top: 12px;
	font-size: 14px;
	line-height: 20px;
}

.live-video-popup.type-ver .scrollbar {
	flex: 1;
	margin-top: 24px;
	padding-bottom: 24px;
}

.live-video-popup.type-ver .scrollbar ul li+li {
	margin-top: 20px;
}

.live-video-popup.type-ver .scrollbar ul li .info .name {
	font-size: 16px;
	line-height: 24px;
}

.live-video-popup.type-ver .scrollbar ul li.product-item-list .info .price-info {
	gap: 0 6px;
	margin-top: 4px;
}

.live-video-popup.type-ver .scrollbar ul li.product-item-list .info .price-info .percent,
.live-video-popup.type-ver .scrollbar ul li.product-item-list .info .price-info .price {
	font-size: 18px;
	line-height: 26px;
}

.live-video-popup.type-ver .scrollbar ul li.product-item-list .info .price-info .benefit {
	font-size: 14px;
	line-height: 20px;
}

.live-video-popup.type-ver .scrollbar ul.video {
	padding-bottom: 68px;
}

.live-video-popup.type-ver .scrollbar ul.video li a {
	display: flex;
	align-items: center;
	gap: 0 16px;
}

.live-video-popup.type-ver .scrollbar ul.video li a .thumb {
	width: 100px;
	height: 100px;
}

.live-video-popup.type-ver .scrollbar ul.video li a video.thumb {
	object-fit: cover;
}

.live-video-popup.type-ver .scrollbar ul.video li a .info {
	flex: 1;
}

.live-video-popup.type-ver .scrollbar ul.video li a .info .name {
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.live-video-popup.type-ver .scrollbar ul.video li a .info .count {
	display: block;
	margin-top: 4px;
	color: #111;
	font-size: 14px;
	line-height: 20px;
	padding-left: 26px;
	background: url(/res/images/icon/short-clip-view-111.svg) 0 50% / 24px;
}

/* 숏클립 팝업: 가로형 */
.live-video-popup.type-hor .content {
	display: flex;
	flex-direction: column;
	width: 360px;
}

.live-video-popup.type-hor .title-head {
	height: 40px;
	padding: 0 10px;
}

.live-video-popup.type-hor .title-head .count {
	margin-left: 6px;
}

.live-video-popup.type-hor .title-head .btn-wrap {
	margin-left: auto;
}

.live-video-popup.type-hor .video-wrap .progress {
	width: calc(100% - 20px);
	margin: 10px;
}

.live-video-popup.type-hor .video-wrap video,
.live-video-popup.type-hor .video-wrap iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.live-video-popup.type-hor .title-hashtag {
	margin: 10px 20px 0;
}

.live-video-popup.type-hor .title {
	font-size: 16px;
	line-height: 24px;
}

.live-video-popup.type-hor .hashtag {
	gap: 0 6px;
	margin-top: 6px;
	font-size: 12px;
	line-height: 16px;
}

.live-video-popup.type-hor .scrollbar {
	flex: 1;
	margin-top: 24px;
	padding-bottom: 24px;
}

.live-video-popup.type-hor .scrollbar ul li .info .name {
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.live-video-popup.type-hor .scrollbar ul.product li .soldout {
	font-size: 11px;
}

.live-video-popup.type-hor .scrollbar ul.product li .info .price-info {
	gap: 0 4px;
	margin-top: 8px;
}

.live-video-popup.type-hor .scrollbar ul.product li .info .price-info .percent,
.live-video-popup.type-hor .scrollbar ul.product li .info .price-info .price {
	font-size: 16px;
	line-height: 24px;
}

.live-video-popup.type-hor .scrollbar ul.product li .info .price-info .benefit {
	font-size: 12px;
	line-height: 16px;
}

.live-video-popup.type-hor .scrollbar ul.video {
	padding-bottom: 68px;
}

.live-video-popup.type-hor .scrollbar ul.video li+li {
	margin-top: 16px;
}

.live-video-popup.type-hor .scrollbar ul.video li a {
	display: flex;
	align-items: center;
	gap: 0 12px;
}

.live-video-popup.type-hor .scrollbar ul.video li a .thumb {
	width: 88px;
	height: 88px;
}

.live-video-popup.type-hor .scrollbar ul.video li a video.thumb {
	object-fit: cover;
}

.live-video-popup.type-hor .scrollbar ul.video li a .info {
	flex: 1;
}

.live-video-popup.type-hor .scrollbar ul.video li a .info .count {
	display: block;
	margin-top: 8px;
	color: #111;
	font-size: 12px;
	line-height: 16px;
	padding-left: 22px;
	background: url(/res/images/icon/short-clip-view-111.svg) 0 50% / 20px;
}


/* 구매 영수증 팝업 */
.custom-popup.receipt-popup .popup-body dl {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #ddd
}

.custom-popup.receipt-popup .popup-body dl dt,
.custom-popup.receipt-popup .popup-body dl dd {
	display: flex;
	align-items: center;
	height: 48px;
	color: #111;
	font-size: 16px;
}

.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: 100px;
	justify-content: center;
}

.custom-popup.receipt-popup .popup-body dl dd {
	width: calc(100% - 100px);
	padding: 0 12px;
	text-align: left;
	word-break: break-all;
	border-left: 1px solid #eee;
}

.custom-popup.receipt-popup .popup-body img {
	margin-top: 32px;
	margin-bottom: 12px
}

.custom-popup.receipt-popup .popup-body ul li {
	font-size: 14px;
	color: #777;
	line-height: 22px
}

.custom-popup.receipt-popup .popup-body .dot-info {
	display: flex;
	align-items: flex-start;
	gap: 0 2px;
	color: #555;
	font-size: 13px;
	line-height: 18px;
}

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

.custom-popup.receipt-popup .popup-body ul li {
	color: #555;
	font-size: 14px;
	line-height: 20px
}
@charset "utf-8";

/* 240102 전체상품 페이지 */
.all-item-wrap .category_div {
	margin-top: 80px;
}

.all-item-wrap .filter-list .type-list {
	display: flex;
	align-items: center;
	gap: 0 8px;
	margin-bottom: 10px;
}

.all-item-wrap .filter-list .type-list li {
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0 16px 0 20px;
	font-size: 16px;
	line-height: 24px;
	color: #111;
	border-radius: 4px;
	border: 1px solid #ddd;
	background-color: #fff;
	cursor: pointer;
}

.all-item-wrap .filter-list .type-list li:after {
	content: '';
	width: 16px;
	height: 16px;
	margin-left: 4px;
	background-image: url(/res/images/icon/arrow-down-555.svg);
	background-size: 16px;
}

.all-item-wrap .filter-list .type-list li.active {
	font-weight: 600;
	color: var(--color-primary-1);
	border-color: var(--color-primary-1);
	background-color: var(--color-secondary-3);
}

.all-item-wrap .filter-list .type-list li.active:after {
	background-image: url(/res/images/icon/arrow-up-p1.svg);
}

.all-item-wrap .list-wrap>div {
	display: none;
	border-radius: 4px 4px 0 0;
	background-color: #f9f9f9;
}

.all-item-wrap .list-wrap>div>ul {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 24px 0;
	padding: 32px 32px 24px;
}

.all-item-wrap .list-wrap>div>ul li {
	display: flex;
	width: 20%;
	/* height: 48px; */
	padding-right: 10px;
}

.all-item-wrap .list-wrap>div>ul li .chk_box {
	width: 100%;
}

.all-item-wrap .list-wrap>div label {
	width: calc(100% - 32px);
	font-size: 16px;
	word-break: break-all;
}

.all-item-wrap .selected-item {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	min-height: 72px;
	padding: 20px 32px;
	border-radius: 0 0 4px 4px;
	background-color: #f9f9f9;
}

.all-item-wrap .selected-item:not(.result):before {
	content: '';
	position: absolute;
	top: 0;
	display: block;
	width: calc(100% - 64px);
	height: 1px;
	background-color: #eee;
}

.all-item-wrap .selected-item ul {
	display: flex;
	flex-wrap: wrap;
}

.all-item-wrap .selected-item ul li {
	display: flex;
	align-items: center;
	gap: 0 2px;
	height: 32px;
	margin-right: 40px;
}

.all-item-wrap .selected-item ul li span {
	max-width: 207px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
	line-height: 24px;
	color: #555;
}

.all-item-wrap .selected-item ul li .close-btn {
	width: 20px;
	height: 20px;
	background: url(/res/images/icon/close-555.svg) 50% / 20px;
}

.all-item-wrap .selected-item .refresh-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	padding: 0 20px;
	border-radius: 4px;
	border: 1px solid #ddd;
	background-color: #fff;
}

.all-item-wrap .selected-item .refresh-btn span {
	padding-left: 18px;
	font-size: 14px;
	line-height: 20px;
	color: #111;
	background: url(/res/images/icon/refresh-ccc.svg) 0 50% / 16px;
}

.all-item-wrap .list-wrap>div.price>.chk_box {
	width: calc(100% - 64px);
	padding: 32px 0 24px;
	margin: 0 32px;
	border-bottom: 1px solid #eee;
}

.all-item-wrap .product_list_div {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 48px 40px;
}

.all-item-wrap .product_list_div .product_list {
	float: inherit;
	margin: 0 !important;
}

.all-item-wrap .no_data_div {
	margin-top: 80px;
}

.all-item-wrap .no_data_div img {
	width: 64px;
	height: 64px;
}

.all-item-wrap .no_data_div .desc {
	padding-top: 20px;
	color: #555;
	font-size: 16px;
	line-height: 24px;
}
@charset "utf-8";

/* 전화주문 */
.ars_div {
	position: relative
}

.ars_div .cont {
	position: relative;
	padding-bottom: 108px
}

.ars_div .top_banner {
	display: block;
	height: 320px;
	border-radius: 20px
}

.ars_div .top_banner.ars {
	background: url('/res/images/ars_banner.png') no-repeat center #fffaeb;
	background-size: 1280px 320px;
}

/* 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: 60px;
	text-align: center
}

.ars_div .howto .tit {
	display: inline-block;
	padding: 6px 17px;
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	color: #36d30a;
	border: 3px solid #3cc814;
	border-radius: 25px
}

.ars_div .howto .text {
	margin-top: 32px;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
	color: #000
}

.ars_div .howto .list_div {
	margin-top: 60px
}

.ars_div .howto .list_div:after {
	content: '';
	display: block;
	clear: both
}

.ars_div .howto .list_div .list {
	float: left;
	width: 280px;
	margin-left: 53px
}

.ars_div .howto .list_div .list:first-child {
	margin-left: 0
}

.ars_div .howto .list_div .list .img img {
	width: 280px
}

.ars_div .howto .list_div .list .num {
	display: inline-block;
	margin-top: 20px;
	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 .bestseller {
	margin-top: 80px;
	padding-top: 80px;
	border-top: 1px solid #ddd
}

.ars_div .bestseller .img {
	text-align: center
}

.ars_div .bestseller .img img {
	width: 214px
}

.ars_div .bestseller .title {
	margin-top: 42px;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
	color: #000;
	text-align: center
}

.ars_div .bestseller .text {
	margin-top: 16px;
	font-weight: 300;
	font-size: 24px;
	line-height: 24px;
	color: #000;
	text-align: center
}

.ars_div .bestseller .list_div {
	margin-top: 80px
}

.ars_div .bestseller .list_div .list {
	position: relative;
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid #eee
}

.ars_div .bestseller .list_div .list:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none
}

.ars_div .bestseller .list_div .list:after {
	content: '';
	display: block;
	clear: both
}

.ars_div .bestseller .list_div .list .product_info {
	position: relative;
	float: left;
	margin-right: 64px;
	width: 486px
}

.ars_div .bestseller .list_div .list .product_info .num {
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 16px 10px;
	width: 68px;
	height: 68px;
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	color: #fff;
	text-align: center;
	background: #052832;
	border-radius: 100%
}

.ars_div .bestseller .list_div .list .product_info .thumb {
	background: #f7f7f7;
	border-radius: 20px 20px 0 0;
	text-align: center;
}

.ars_div .bestseller .list_div .list .product_info .thumb img {
	width: 230px;
}

.ars_div .bestseller .list_div .list .product_info .txt_area {
	padding: 19px 24px 23px;
	min-height: 148px;
	border: 1px solid #eee;
	border-radius: 0 0 20px 20px
}

.ars_div .bestseller .list_div .list .product_info .txt_area .name {
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #000
}

.ars_div .bestseller .list_div .list .product_info .txt_area .txt {
	margin-top: 12px;
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	color: #000
}

.ars_div .bestseller .list_div .list .product_info .txt_area .txt b {
	font-weight: 400
}

.ars_div .bestseller .list_div .list .option_list {
	float: left;
	padding-top: 44px;
	width: 730px
}

.ars_div .bestseller .list_div .list .option_list .option {
	display: block;
	padding: 32px 0;
	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:after {
	content: '';
	display: block;
	clear: both
}

.ars_div .bestseller .list_div .list .option_list .option .tit {
	float: left;
	margin-right: 100px;
	width: 470px;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #000
}

.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 {
	float: right;
	max-width: 200px
}

.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: 24px;
	line-height: 32px;
	color: #3cc814
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:nth-child(1) .price {
	font-weight: 500;
	font-size: 20px;
	line-height: 32px;
	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: 24px;
	vertical-align: top
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:nth-child(2) {
	margin-top: 1px
}

.ars_div .bestseller .list_div .list .option_list .option .price_div .price_list:nth-child(2) .price {
	font-size: 16px;
	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: 18px;
	vertical-align: top;
	text-decoration: line-through
}

.ars_div .bestseller .list_div .list .option_list.many {
	padding-top: 20px
}

.ars_div .fixed_btn {
	position: fixed;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	padding: 26px 10px;
	width: 400px;
	text-align: center;
	background: #3cc814;
	border-radius: 10px;
	z-index: 1
}

.ars_div .fixed_btn span {
	display: inline-block;
	padding-left: 30px;
	font-weight: 500;
	font-size: 26px;
	line-height: 28px;
	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 1px;
	margin-right: 8px;
	height: 28px
}

/*230324 전화주문 프로모션*/
.order-tel .primary-color {
	color: #009C48;
}

.order-tel .tit-flag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 90px;
	padding: 0 43px;
	font-weight: 600;
	font-size: 40px;
	line-height: 90px;
	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: 890px;
	background: url(/res/images/tel/cnt1-bg.png) no-repeat 50% 50%;
}

.order-tel .cnt1 h1 {
	padding: 180px 0 0 100px;
	font-weight: 700;
	font-size: 100px;
	line-height: 115px;
	color: #FFF
}

.order-tel .cnt1 p {
	padding: 30px 0 0 100px;
}

.order-tel .cnt1 p span {
	display: block;
	font-size: 30px;
	line-height: 40px;
}

.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;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 170px;
}

.order-tel .cnt1 h2>span {
	padding-left: 106px;
	color: #fff;
	font-weight: 300;
	font-size: 43px;
	line-height: 80px;
	background: url(/res/images/tel/call-w-ico.svg) no-repeat 0 50%;
}

.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: 80px;
	margin-left: 41px;
	padding: 0 30px;
	background-color: #5FF433;
	border-radius: 50px;
}

.order-tel .cnt1 h2 button a {
	display: inline-block;
	height: 80px;
	line-height: 80px;
	padding-right: 44px;
	font-weight: 600;
	font-size: 35px;
	background: url(/res/images/tel/arrow-b-circle-left-ico.svg) no-repeat 100% 50%;
}

.order-tel .cnt2 {
	height: 700px;
	padding: 100px 0 150px;
	background: url(/res/images/tel/cnt2-bg.png) no-repeat 50% 50%;
}

.order-tel .cnt2 h3 {
	font-weight: 300;
	font-size: 70px;
	line-height: 85px;
	color: #FFF;
	text-align: center;
}

.order-tel .cnt2 h3 strong {
	color: #5FF433;
	font-weight: 800;
}

.order-tel .cnt2>p {
	width: 882px;
	margin: 70px auto 0;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 0;
}

.order-tel .cnt2>p span {
	width: 50%;
	padding-left: 80px;
	color: #fff;
	font-weight: 500;
	font-size: 37px;
	line-height: 50px;
	background: url(/res/images/tel/cnt2-check.svg) 0 50% no-repeat;
}

.order-tel .cnt3 {
	padding: 120px 0;
	text-align: center;
	background: #FFFAE0;
}

.order-tel .cnt3 h3 strong {
	display: block;
	color: #009C48;
	font-weight: 800;
	font-size: 105px;
	line-height: 115px;
}

.order-tel .cnt3 h3 span {
	color: #000;
	font-weight: 700;
	font-size: 60px;
	line-height: 80px;
}

.order-tel .cnt3 .text1 {
	display: inline-block;
	padding-top: 44px;
	color: #000;
	font-size: 35px;
	line-height: 35px;
	box-shadow: inset 0 -20px 0 rgba(106, 251, 103, 0.3);
}

.order-tel .cnt3 .text1 strong {
	font-weight: 700;
}

.order-tel .cnt3 .bg-wrap {
	position: relative;
	width: 620px;
	height: 620px;
	margin: 96px auto 0;
	background: url(/res/images/tel/cnt3-call-bg.png) 50% 50% no-repeat;
}

.order-tel .cnt3 .bg-wrap li {
	position: absolute;
}

.order-tel .cnt3 .bg-wrap li:nth-child(1) {
	top: 90px;
	left: -135px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(2) {
	top: 200px;
	left: -70px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(3) {
	top: 320px;
	left: -180px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(4) {
	top: 420px;
	left: -25px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(5) {
	top: 80px;
	right: -140px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(6) {
	top: 240px;
	right: -210px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(7) {
	top: 410px;
	right: -110px;
}

.order-tel .cnt3 .bg-wrap li p {
	position: relative;
	min-width: 160px;
	height: 60px;
	line-height: 60px;
	padding: 0 23px;
	font-weight: 600;
	color: #fff;
	font-size: 30px;
	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: -26px;
	width: 32px;
	height: 27px;
	background-position: right 100% bottom 100%;
	background-repeat: no-repeat;
}

.order-tel .cnt3 .bg-wrap li:nth-child(-n+4) p:after {
	right: 40px;
}

.order-tel .cnt3 .bg-wrap li:nth-child(n+5) p:after {
	left: 40px;
}

.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: 100px;
	color: #000;
	font-size: 42px;
	line-height: 60px;
	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: 400px;
	background: #28CA5F;
}

.order-tel .cnt4 .term {
	padding-top: 30px;
	padding-right: 75px;
	color: #FFF;
	font-size: 60px;
	line-height: 60px;
	background: url(/res/images/tel/call-w-ico.svg) no-repeat 100% 0 / 60px;
}

.order-tel .cnt4 .term strong {
	font-weight: 700;
}

.order-tel .cnt4 .desc {
	padding-top: 40px;
	font-weight: 700;
	font-size: 110px;
	line-height: 95px;
	color: #FBFF39;
}

.order-tel .cnt5 {
	padding-top: 120px;
}

.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: 60px;
	background: url(/res/images/tel/comment-w-ico.svg) no-repeat 0 50%;
}

.order-tel .cnt5 .form-wrap h3 .text1,
.order-tel .cnt6 h3 .text1,
.order-tel .cnt7 h3 .text1 {
	padding-top: 50px;
}

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

.order-tel .cnt5 .form-wrap h3 .text1 span:nth-child(2),
.order-tel .cnt7 h3 .text1 span:nth-child(2) {
	padding-top: 10px;
	font-weight: 800;
	font-size: 105px;
	line-height: 115px;
}

.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: 35px;
	color: #333;
	font-size: 30px;
	line-height: 31px;
}

.order-tel .cnt5 .form-wrap .form {
	margin-top: 19px;
	background-image: url(/res/images/tel/cnt5-bg.png);
}

.order-tel .form-wrap .form {
	padding: 60px 570px 100px 130px;
	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: 30px;
}

.order-tel .form-wrap .form .input-wrap>label {
	width: 120px;
	margin-bottom: 0;
	padding-right: 16px;
	font-weight: 500;
	font-size: 40px;
	line-height: 35px;
	color: #000
}

.order-tel .form-wrap .form .input-wrap input {
	flex: none;
}

.order-tel .form-wrap .form .input-wrap>label span {
	font-weight: 400;
	font-size: 25px;
}

.order-tel .form-wrap .form .input-wrap>label+* {
	width: 460px;
	background: #F0F0F0;
	border: none;
}

.order-tel .form-wrap .form .input-wrap>label+input {
	height: 70px;
	padding: 0 30px;
	font-size: 30px;
	border-radius: 0;
}

.order-tel .form-wrap .form .input-wrap>label+input::placeholder {
	font-size: 30px;
	color: #BBB;
}

.order-tel .form-wrap .form .input-wrap>label+input:placeholder-shown {
	font-size: 30px;
}

.order-tel .form-wrap .form .input-wrap .interest-list {
	display: flex;
	flex-wrap: wrap;
	gap: 27px 0;
	width: 100%;
	padding: 35px;
}

.order-tel .form-wrap .form .input-wrap .interest-list li {
	width: 50%;
}

.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;
	font-size: 27px;
	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: 32px;
	min-width: 32px;
	height: 30px;
	margin-right: 8px;
	background: url(/res/images/tel/cnt5-checkbox-off.svg) no-repeat 0 50% / 30px 30px;
}

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

.order-tel .form-wrap .agree-wrap {
	margin: 20px 0 0 120px;
}

.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: 27px;
	color: #000;
	cursor: pointer;
}

.order-tel .form-wrap .agree-wrap input[type="checkbox"]+label:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 9px;
	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% / cover;
}

.order-tel .form-wrap .form button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 580px;
	height: 120px;
	margin-top: 58px;
	padding: 0 31px;
	background: #000
}

.order-tel .form-wrap .form button span {
	padding-right: 70px;
	background: url(/res/images/tel/arrow-w-circle-left-ico.svg) no-repeat 100% 50%;
	color: #FFF;
	font-weight: 500;
	font-size: 50px;
	line-height: 60px;
}

.order-tel .cnt5 .precaution {
	background: #292929;
}

.order-tel .precaution {
	padding: 50px 0 50px 105px;
}

.order-tel .precaution .title {
	margin-left: -25px;
	padding-left: 55px;
	color: #fff;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
	background: url(/res/images/tel/info-w-ico.svg) no-repeat 0 50%;
}

.order-tel .precaution .title+ul {
	margin-top: 20px;
}

.order-tel .precaution li p {
	position: relative;
	color: #fff;
	font-weight: 300;
	font-size: 30px;
	line-height: 50px;
}

.order-tel .precaution li p:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 4px);
	left: -20px;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 50%;
}

.order-tel .cnt6 {
	padding: 120px 0 118px;
	background: #FFFAE0;
}

.order-tel .cnt6 h3 .text1 span:nth-child(1) {
	font-size: 55px;
	line-height: 80px;
}

.order-tel .cnt6 h3 .text1 span:nth-child(2) {
	padding-top: 7px;
	font-weight: 800;
	font-size: 90px;
	line-height: 115px;
}

.order-tel .cnt6 .feature {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	width: 900px;
	margin: 83px auto 0;
}

.order-tel .cnt6 .feature li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 280px;
	height: 280px;
	border-radius: 30px;
	background: #0BB65A;
}

.order-tel .cnt6 .feature li .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 130px;
	background-color: #fff;
	border-radius: 50%;
}

.order-tel .cnt6 .feature li>p {
	padding-top: 20px;
	color: #fff;
	font-size: 30px;
	line-height: 36px;
	text-align: center;
}

.order-tel .cnt6 .feature li p span {
	color: #FBFF39;
	font-weight: 700;
}

.order-tel .cnt6 .sale-wrap {
	padding-top: 140px;
}

.order-tel .cnt6 .sale-wrap .sale-tit {
	color: #000;
	font-weight: 800;
	font-size: 90px;
	line-height: 115px;
	text-align: center;
}

.order-tel .cnt6 .sale-wrap .sale-tit>span {
	padding: 20px 75px 0 0;
	background: url(/res/images/tel/cnt6-tag.svg) no-repeat 100% 0;
}

.order-tel .cnt6 .sale-wrap .sale-list {
	width: 700px;
	margin: 45px auto 0;
}

.order-tel .cnt6 .sale-wrap .sale-list li {
	display: flex;
	align-items: center;
	height: 90px;
	padding: 0 90px;
	color: #000;
	font-weight: 500;
	font-size: 29px;
	line-height: 85px;
	letter-spacing: -1.5px;
	background-color: #fff;
	border-radius: 20px;
}

.order-tel .cnt6 .sale-wrap .sale-list li+li {
	margin-top: 20px;
}

.order-tel .cnt6 .sale-wrap .sale-list li p {
	padding-left: 55px;
	background: url(/res/images/tel/cnt6-check.svg) no-repeat 0 50%;
}

.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: 700px;
	margin: auto;
	padding-top: 35px;
	font-weight: 500;
	font-size: 25px;
	line-height: 22px;
}

.order-tel .cnt6 .sale-wrap .sale-procaution + .sale-procaution {
	padding-top: 6px;
}

.order-tel .cnt7 {
	padding: 120px 140px 150px;
}

.order-tel .cnt7 h3 .text1 span:nth-child(1),
.order-tel .cnt8 h3 .text1 span:nth-child(1) {
	font-size: 55px;
	line-height: 80px;
}

.order-tel .cnt7 h3 .tit-flag span {
	padding-left: 53px;
	background: url(/res/images/tel/headset-w-ico.svg) no-repeat 0 50%;
}

.order-tel .cnt7 h3 .text1 span:nth-child(2) {
	padding-right: 75px;
	background: url(/res/images/tel/cnt7-best-ico.svg) no-repeat 100% 0;
}

.order-tel .cnt7 ul {
	margin-top: 70px;
}

.order-tel .cnt7 ul li {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding: 70px 50px 50px 70px;
	background: #F0F0F0;
}

.order-tel .cnt7 ul li+li {
	margin-top: 30px;
}

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

.order-tel .cnt7 ul li .info-wrap .tag-name .name {
	padding-top: 36px;
	font-weight: 700;
	font-size: 55px;
	line-height: 55px;
	color: #000
}

.order-tel .cnt7 ul li .info-wrap .tag-name .name span {
	font-weight: 400;
	font-size: 40px;
}

.order-tel .cnt7 ul li .info-wrap .tag-list p {
	display: flex;
	align-items: center;
	height: 44px;
	padding: 0 25px;
	color: #fff;
	font-size: 25px;
	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 img {
	position: absolute;
	right: 0;
	width: 370px;
	height: 370px;
}

.order-tel .cnt7 ul li:nth-child(1) .info-wrap img {
	top: -80px;
}

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

.order-tel .cnt7 ul li:nth-child(3) .info-wrap img {
	right: -5px;
}

.order-tel .cnt7 ul li:nth-child(4) .info-wrap img {
	right: -30px;
}

.order-tel .cnt7 ul li:nth-child(5) .info-wrap img {
	top: -75px;
	right: -17px;
}

.order-tel .cnt7 ul li .price-wrap {
	display: flex;
	align-items: flex-end;
	margin-top: 44px;
}

.order-tel .cnt7 ul li .price-wrap .term {
	color: #FB1F2D;
	font-weight: 700;
	font-size: 40px;
	line-height: 40px;
}

.order-tel .cnt7 ul li .price-wrap .price {
	margin: 0 41px 0 20px;
}

.order-tel .cnt7 ul li .price-wrap .price span {
	display: block;
}

.order-tel .cnt7 ul li .price-wrap .price .prime {
	padding-bottom: 15px;
	font-size: 35px;
	color: #000;
	line-height: 35px;
	text-align: right;
}

.order-tel .cnt7 ul li .price-wrap .price .prime em {
	padding-left: 8px;
	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: 360px;
	height: 90px;
}

.order-tel .cnt7 ul li .price-wrap .price .discount em {
	color: #FB1F2D;
	font-weight: 800;
	font-size: 70px;
	line-height: 60px;
	letter-spacing: -0.025em;
}

.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: 40px;
	line-height: 40px;
	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: 280px;
	height: 110px;
	padding: 0 40px 0 30px;
	background: #084C40;
	border-radius: 20px;
}

.order-tel .cnt7 ul .add-info .ico {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: #fff;
	border-radius: 50%;
}

.order-tel .cnt7 ul .add-info .ico:before {
	content: '';
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(/res/images/tel/call-primary-ico.svg) no-repeat 50% 50%;
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt7 ul .add-info .txt {
	color: #fff;
	font-weight: 500;
	font-size: 25px;
	line-height: 35px;
}

.order-tel .cnt7 ul .add-info .txt strong {
	font-weight: 700;
	font-size: 30px;
	color: #FBFF39;
}

.order-tel .cnt8 {
	padding: 120px 0 100px;
	background: #FFFAE0;
}

.order-tel .cnt8 h3 .text1>span {
	color: #000;
}

.order-tel .cnt8 h3 .text1 span:nth-child(1) {
	display: block;
}

.order-tel .cnt8 h3 .text1>span:nth-child(2) {
	display: inline-block;
	margin-top: 20px;
	font-weight: 700;
	font-size: 80px;
	line-height: 100px;
}

.order-tel .cnt8 h3 .text1>span:nth-child(2) span {
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt8 .feature {
	position: relative;
	width: 1000px;
	height: 500px;
	margin: 70px auto 110px;
	padding: 70px 40px;
	background-color: #fff;
}

.order-tel .cnt8 .feature:after {
	content: '';
	position: absolute;
	bottom: -90px;
	left: calc(50% - 30px);
	width: 60px;
	height: 120px;
	background: url(/res/images/tel/cnt8-arrow.png) no-repeat;
}

.order-tel .cnt8 .feature img {
	position: absolute;
	top: -30px;
	left: 40px;
}

.order-tel .cnt8 .feature .txt1 {
	color: #000;
	font-size: 45px;
	line-height: 55px;
	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: 60px;
}

.order-tel .cnt8 .feature ul li {
	width: 33.33333333333333333%;
	padding-top: 160px;
	color: #000;
	font-size: 35px;
	line-height: 30px;
	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.svg);
}

.order-tel .cnt8 .feature ul li:nth-child(2) {
	background-image: url(/res/images/tel/cnt8-item02.svg);
}

.order-tel .cnt8 .feature ul li:nth-child(3) {
	background-image: url(/res/images/tel/cnt8-item03.svg);
}

.order-tel .cnt8 .txt2 {
	color: #000;
	font-size: 35px;
	line-height: 50px;
	text-align: center;
}

.order-tel .cnt8 .txt2 strong {
	font-weight: 600;
}

.order-tel .cnt9 {
	padding-top: 120px;
}

.order-tel .cnt9 h3 {
	text-align: center;
}

.order-tel .cnt9 h3 .tit-flag span {
	padding-left: 60px;
	background: url(/res/images/tel/comment-w-ico.svg) no-repeat 0 50%;
}

.order-tel .cnt9 h3 .text1 span {
	display: block;
}

.order-tel .cnt9 h3 .text1 span:nth-child(1) {
	padding-top: 50px;
	color: #000;
	font-size: 50px;
	line-height: 60px;
}

.order-tel .cnt9 h3 .text1 span:nth-child(2) {
	padding-top: 20px;
	font-weight: 800;
	font-size: 90px;
	line-height: 115px;
	animation: flicker 1s linear infinite both;
}

.order-tel .cnt9 h3 .text2 {
	padding-top: 35px;
	color: #333;
	font-size: 30px;
	line-height: 31px;
}

.order-tel .cnt9 .form-wrap .form {
	margin-top: 29px;
	background-image: url(/res/images/tel/cnt9-bg.png);
}

.order-tel .cnt9 .direct-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 250px;
	padding: 0 90px 0 120px;
	background: #032F27;
}

.order-tel .cnt9 .direct-info .txt {
	color: #fff;
	font-weight: 300;
	font-size: 43px;
	line-height: 75px;
}

.order-tel .cnt9 .direct-info .txt strong {
	color: #5FF433;
	font-weight: 800;
	font-size: 65px;
}

.order-tel .cnt9 .direct-info .tel {
	display: flex;
	align-items: center;
	height: 100px;
	padding: 0 40px;
	background: #5FF433;
	border-radius: 50px;
}

.order-tel .cnt9 .direct-info .tel a {
	padding-left: 55px;
	color: #000;
	font-weight: 700;
	font-size: 50px;
	line-height: 80px;
	background: url(/res/images/tel/call-b-ico.svg) no-repeat 0 50%;
}

.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 .cont_inner {
    position: relative;
    width: 100%;
    height: 1460px;
    background: url('/res/images/event/attend-bg.png') no-repeat center / 100%;
    padding-top: 200px;
    margin: 0;
    overflow: hidden;
    text-align: center;
}

.event_div .event_attend_div .cont_inner .attend_source .source {
    position: absolute;
}

.event_div .event_attend_div .cont_inner .attend_source .source_01 {
    top: -161px;
    left: -90px;
    width: 420px;
    height: 880px;
    background: url('/res/images/event/attend-source-01.svg') no-repeat center / 100%;
    animation: float 3.5s ease-in-out infinite;
    animation-delay: -1s;
}
.event_div .event_attend_div .cont_inner .attend_source .source_02 {
    top: 69px;
    right: 45px;
    width: 232px;
    height: 244px;
    background: url('/res/images/event/attend-source-02.svg') no-repeat center / 100%;;
    animation: float 3.5s ease-in-out infinite;
}
.event_div .event_attend_div .attend_source .twinkle_01 {
    top: 236px;
    right: 304px;
    width: 48px;
    height: 48px;
    background: url('/res/images/event/attend-twinkle-01.svg') no-repeat center / 100%;;
    animation: twinkle 1.5s linear infinite;
}
.event_div .event_attend_div .attend_source .twinkle_01.two {
    top: 280px;
    right: 345px;
    width: 28px;
    height: 28px;
	animation-delay: -1s;
}
.event_div .event_attend_div .cont_inner .attend_source .twinkle_02 {
    top: 817px;
    right: 94px;
    width: 80px;
    height: 80px;
    background: url('/res/images/event/attend-twinkle-02.svg') no-repeat center / 100%;;
    animation: rotate_img 6s linear infinite;
}

@keyframes float {
	0% {transform: translateY(35px);}
	50% {transform: translateY(0);}
	100% {transform: translateY(35px);}
}
@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 .attend_div_cont .title {
    width: 696px;
    margin-left: 228px;
}

.event_div .event_attend_div .cont_inner .attend_div_cont .title img,
.event_div .event_attend_div .cont_inner .attend_div_cont .cont > img {
    width: 100%;
}

.event_div .event_attend_div .cont_inner .attend_div_cont .cont {
    width: 660px;
    margin: 20px auto 0;
}

.event_div .event_attend_div .cont_inner .attend_div_cont .cont .app_btn {
    display: inline-block;
    width: 620px;
    height: 100px;
    background: #fff;
    box-shadow: inset 0px 5px 10px rgba(214, 234, 251, 0.4);
    filter: drop-shadow(0px 3.84px 30px #D6E5F5);
    border-radius: 10px;
    padding: 29px;
    text-align: center;
}

.event_div .event_attend_div .cont_inner .attend_div_cont .cont .app_btn img {
    width: auto;
    height: 100%;
}

.event_div .event_attend_div .event_attend_benefit {
    position: relative;
    width: 1280px;
    display: flex;
    align-items: start;
    gap: 0 17px;
    background-color: #F9F9F9;
    padding: 40px;
    margin: 0 auto;
}

.event_div .event_attend_div .event_attend_benefit::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: calc(100% - 80px);
    height: 1px;
    background-color: #EEEEEE;
}

.event_div .event_attend_div .event_attend_benefit .tit {
    width: 100px;
    min-width: 100px;
}

.event_div .event_attend_div .event_attend_benefit .dot_indent {
    display: flex;
    align-items: center;
    gap: 6px 30px;
    flex-wrap: wrap;
}

.event_div .event_attend_div .event_attend_benefit .dot_indent p {
    margin: 0;
}

.event_div .event_attend_div .page_bottom_noti {
    margin-top: 0;
}@charset "utf-8";

/* 쿠폰&혜택 */
.benefit_div {}

.benefit_div .benefit_cont {
	margin-top: 48px
}

/* 회원가입 혜택 */
.benefit_div .benefit_cont .member_div .new_section {
	position: relative
}

.benefit_div .benefit_cont .member_div .new_section .banner {
	position: relative;
	height: 320px;
	padding-left: 100px;
}

.benefit_div .benefit_cont .member_div .new_section .banner img {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px;
}

.benefit_div .benefit_cont .member_div .new_section .banner .btn {
	margin-top: 212px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 254px;
	height: 60px;
	position: absolute;
	background-color: #3cc814;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	/* line-height: 1.33; */
	letter-spacing: -0.5px;
}

.benefit_div .benefit_cont .member_div .new_section .banner .btn span {
	/* display: inline-block;
    padding-right: 24px;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    background: url('/res/images/share_24x24.png') no-repeat right center;
    background-size: 24px */
}

.benefit_div .benefit_cont .member_div .new_section .benefit-item-list {
	margin-top: 96px;
	display: flex;
	gap: 0 24px;
}

.benefit_div .benefit_cont .member_div .new_section .benefit-item-list li {
	flex: 1;
	height: 156px;
	/* padding: 64px 0 32px; */
	text-align: center;
	background-color: #f9f9f9;
	border-radius: 5px;
}

.benefit_div .benefit_cont .member_div .new_section .benefit-item-list li img {
	width: 72px;
	height: 72px;
	margin-top: -36px;
	filter: drop-shadow(0 12px 12px #d9d9d9);
}

.benefit_div .benefit_cont .member_div .new_section .benefit-item-list li span,
.benefit_div .benefit_cont .member_div .new_section .benefit-item-list li strong {
	display: inline-block;
	width: 100%;
}

.benefit_div .benefit_cont .member_div .new_section .benefit-item-list li span {
	margin-top: 28px;
	font-size: 18px;
	line-height: 1.33;
	letter-spacing: -0.2px;
	color: #777;
}

.benefit_div .benefit_cont .member_div .new_section .benefit-item-list li strong {
	margin: 4px 0 32px;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -0.2px;
	color: #333;
}

.benefit_div .benefit_cont .member_div .new_section .special_price,
.benefit_div .benefit_cont .member_div .new_section .coupon-item {
	margin: 60px 0;
	border-top: 1px solid #eee;
	text-align: center;
}

.benefit_div .benefit_cont .member_div .new_section .app_area {
	margin-bottom: 48px;
}

.benefit_div .benefit_cont .member_div .new_section .grade_area.coupon-item {
	margin-bottom: 120px;
}

.benefit_div .benefit_cont .member_div .new_section .grade_area.coupon-item .coupon-wrap {
	width: 90%;
	margin: 40px auto 34px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price>.tit,
.benefit_div .benefit_cont .member_div .new_section .coupon-item>.tit {
	width: 100%;
	padding-top: 60px;
	color: #333;
	font-size: 32px;
	line-height: 1.25;
	letter-spacing: -0.5px;
	text-align: center;
}

.benefit_div .benefit_cont .member_div .new_section .special_price>.tit strong,
.benefit_div .benefit_cont .member_div .new_section .coupon-item>.tit strong {
	font-weight: bold;
}

.benefit_div .benefit_cont .member_div .new_section .special_price {
	margin-top: 60px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list {
	position: relative;
	margin-top: 40px;
	width: 100%;
	padding: 20px 72px 20px 100px;
	background: #f5f5f5;
	border-radius: 15px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .flag {
	z-index: 1;
	position: absolute;
	padding: 54px 18px;
	width: 160px;
	height: 160px;
	left: 20px;
	top: 28px;
	background: url("/res/images/bnf_pd_flag.png") center no-repeat;
	background-size: 160px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .flag:after {
	content: '';
	display: block;
	position: absolute;
	left: 66px;
	top: -47px;
	width: 34px;
	height: 74px;
	background: url("/res/images/bnf_pd_flag_line.png") center no-repeat;
	background-size: 34px 74px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .flag p {
	color: #fff;
	text-align: center
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .flag p:first-child {
	font-size: 26px;
	line-height: 30px;
	font-weight: 700
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .flag p:last-child {
	font-size: 20px;
	line-height: 26px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .thumb {
	float: left;
	width: 380px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list.pet .thumb .pet_badge {
	top: 20px;
	right: 20px
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .thumb img {
	width: 100%;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info {
	float: left;
	position: relative;
	display: table;
	width: 632px;
	height: 240px;
	margin-top: 84px;
	margin-left: 96px;
	background: #fff;
	border-radius: 4px;
	padding: 35px 0 31px 48px;
	border: 1px solid #ddd;
	text-align: left;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info:before {
	content: '';
	position: absolute;
	top: -1px;
	left: 441px;
	width: 36px;
	height: 18px;
	background: url('/res/images/coupon_top_big.png') no-repeat;
	background-size: 36px 18px
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 441px;
	width: 36px;
	height: 18px;
	background: url('/res/images/coupon_bottom_big.png') no-repeat;
	background-size: 36px 18px
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .badge {
	position: absolute;
	padding: 7px 12px;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	background: #052832;
	border-radius: 5px;
	top: -18px;
	left: 48px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left {
	display: table-cell;
	position: relative;
	padding-top: 12px;
	width: calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
	padding-right: 52px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left:before {
	content: '';
	position: absolute;
	top: 0;
	right: -1px;
	width: 2px;
	height: 170px;
	background: url('/res/images/coupon_dash_big.png') left top;
	background-repeat: repeat-y !important;
	background-size: 2px 170px
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .pd_name {
	font-size: 22px;
	line-height: 34px;
	color: #000;
	font-weight: 500;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 68px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .pd_name b {
	font-weight: 700
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_info {
	margin-top: 24px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div {
	margin-top: 4px
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:first-child {
	margin-top: 0
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div .tit {
	float: left;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	color: #777
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div .price_list {
	float: right;
	font-size: 22px;
	line-height: 28px;
	color: #777
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div .price_list .price {
	display: inline-block;
	font-size: 20px;
	margin-top: 0;
	line-height: 28px;
}

.benefit_div .benefit_cont .member_div .new_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 .new_section .special_price .product_list .coupon_info .left .price_div:nth-child(1) .price_list .price span {
	font-size: 22px
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:nth-child(1) .price_list .price.prev {
	font-size: 16px;
	margin-right: 10px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:nth-child(1) .price_list .price.prev span {
	text-decoration: line-through;
	font-size: 18px;
	color: #999;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:nth-child(2) .tit {
	line-height: 36px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:nth-child(2) .price {
	font-size: 26px;
	color: #000;
	font-weight: 700;
	line-height: 36px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .left .price_div:nth-child(2) .price span {
	font-size: 28px;
	line-height: 36px;
	color: #000;
	font-weight: 700;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .right {
	position: relative;
	display: table-cell;
	padding-bottom: 16px;
	width: 170px;
	text-align: center;
	vertical-align: middle
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .right .percent {
	font-size: 48px;
	font-weight: 700;
	color: #ff3894
}

.benefit_div .benefit_cont .member_div .new_section .special_price .product_list .coupon_info .right .percent span {
	font-size: 36px
}

.benefit_div .benefit_cont .member_div .new_section .special_price .toggle-cnt-wrap {
	width: 100%;
	margin-top: 34px;
}

/* 221216 쿠폰 혜택 전시 로직 수정 */
.benefit_div .benefit_cont .member_div .new_section .special_price.multi {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: left;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi>a {
	display: inline-block;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi>a:nth-child(even) {
	margin-right: 17px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list {
	width: 630px;
	padding: 64px 32px 52px 32px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .thumb {
	width: 160px;
	float: none;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .thumb img {
	width: 160px;
	height: 160px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info {
	width: 566px;
	height: 218px;
	padding: 29px 32px 29px 20px;
	margin: 0;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .left {
	display: flex;
	width: 100%;
	padding-top: 0;
	padding-right: 32px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .left:before {
	top: calc(50% - 74px);
	background-size: auto 148px;
	background-repeat: no-repeat;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .left .price_div .tit {
	font-size: 18px;
	line-height: 28px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .left .cont {
	width: 220px;
	margin-left: 12px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .left .pd_name {
	height: 52px;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -0.45px;
	word-break: break-all;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .left .price_div:nth-child(2) .price {
	color: #000;
	font-size: 24px;
	font-weight: 500;
}


.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .right {
	width: 121px;
	padding-left: 32px;
	padding-bottom: 0;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .right .percent {
	font-size: 32px;
	line-height: 40px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .right .percent span {
	font-size: 24px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info:before,
.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info:after {
	left: 426px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .badge {
	font-size: 16px;
	line-height: 24px;
	padding: 7px 20px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .flag {
	top: 16px;
	left: auto;
	right: 45px;
	width: 96px;
	height: 96px;
	background-size: 96px;
	padding: 26px 18px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .flag:after {
	top: -27.5px;
	left: auto;
	right: 35px;
	width: 22px;
	height: 45px;
	background-size: 22px 45px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .flag p:first-child {
	font-size: 16px;
	line-height: 24px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .flag p:last-child {
	font-size: 14px;
	height: 20px;
}

.benefit_div .benefit_cont .member_div .new_section .btn-wrap {
	flex-direction: column;
}

/* 221220 전시 로직 수정 추가 */
.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .left .price_div:nth-child(1) .price_list .price.prev {
	margin-right: 4px;
}




/* 221216 쿠폰 혜택 전시 로직 수정 */
.benefit_div .benefit_cont .member_div .new_section .special_price.multi {
	text-align: left;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi>a {
	display: inline-block;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi>a:nth-child(even) {
	margin-right: 17px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list {
	width: 630px;
	padding: 64px 32px 52px 32px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .thumb {
	width: 160px;
	float: none;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .thumb img {
	width: 160px;
	height: 160px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info {
	width: 566px;
	height: 218px;
	padding: 29px 32px 29px 20px;
	margin: 0;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .left {
	display: flex;
	width: 100%;
	padding-top: 0;
	padding-right: 32px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .left:before {
	top: calc(50% - 74px);
	background-size: auto 148px;
	background-repeat: no-repeat;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .left .price_div .tit {
	font-size: 18px;
	line-height: 28px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .left .cont {
	width: 220px;
	margin-left: 12px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .left .pd_name {
	height: 52px;
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -0.45px;
	word-break: break-all;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .left .price_div:nth-child(2) .price {
	color: #000;
	font-size: 24px;
	font-weight: 500;
}


.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .right {
	width: 121px;
	padding-left: 32px;
	padding-bottom: 0;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .right .percent {
	font-size: 32px;
	line-height: 40px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .right .percent span {
	font-size: 24px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info:before,
.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info:after {
	left: 426px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .badge {
	font-size: 16px;
	line-height: 24px;
	padding: 7px 20px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .flag {
	top: 16px;
	left: auto;
	right: 45px;
	width: 96px;
	height: 96px;
	background-size: 96px;
	padding: 26px 18px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .flag:after {
	top: -27.5px;
	left: auto;
	right: 35px;
	width: 22px;
	height: 45px;
	background-size: 22px 45px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .flag p:first-child {
	font-size: 16px;
	line-height: 24px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .flag p:last-child {
	font-size: 14px;
	height: 20px;
}

.benefit_div .benefit_cont .member_div .new_section .btn-wrap {
	flex-direction: column;
}

/* 221220 전시 로직 수정 추가 */
.benefit_div .benefit_cont .member_div .new_section .special_price.multi .product_list .coupon_info .left .price_div:nth-child(1) .price_list .price.prev {
	margin-right: 4px;
}


.benefit_div .benefit_cont .member_div .new_section .toggle-cnt-wrap .title {
	margin-bottom: 22px;
	height: 24px;
	line-height: 24px;
	text-align: center;
}

.benefit_div .benefit_cont .member_div .new_section .toggle-cnt-wrap .title p {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding-left: 24px;
	color: #000;
	font-size: 18px;
	letter-spacing: -0.5px;
	background: url('/res/images/bnf-info.svg') no-repeat 0 50%;
	cursor: pointer;
}

.benefit_div .benefit_cont .member_div .new_section .toggle-cnt-wrap .title p:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url('/res/images/bnf-info-toggle-ico.svg') no-repeat 0 50%;
}

.benefit_div .benefit_cont .member_div .new_section .toggle-cnt-wrap .title.active p:after {
	transform: rotate(180deg);
}

.benefit_div .benefit_cont .member_div .new_section .toggle-cnt-wrap .info {
	display: none;
	padding: 36px;
	background-color: #f7f7f7;
}

.benefit_div .benefit_cont .member_div .new_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;
}

.benefit_div .benefit_cont .member_div .new_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 .new_section .toggle-cnt-wrap .info li:not(:last-child) {
	margin-bottom: 6px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .view_product {
	margin-top: 60px;
	position: relative;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	width: 400px;
	height: 64px;
	border: 1px solid #ccc;
	border-radius: 36px;
	color: #000;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	text-align: center;
	padding: 20px;
}

.benefit_div .benefit_cont .member_div .new_section .special_price .view_product span {
	padding-right: 22px;
	background: url("/res/images/icn_arrow_more_16px.png") center right no-repeat;
	background-size: 16px;
	display: inline-block;
}

/* .benefit_div .benefit_cont .member_div .new_section .cpn_area {
    margin-top: 120px;
} */

/* .benefit_div .benefit_cont .member_div .new_section .cpn_area:after {
    content: '';
    display: block;
    clear: both
} */

.benefit_div .benefit_cont .member_div .new_section .coupon-item .go-link {
	display: inline-block;
	margin-top: 16px;
	padding: 10px 20px;
	background-color: #fff;
	border-radius: 22px;
	border: solid 1px #ddd;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .go-link span {
	padding-right: 24px;
	color: #000;
	font-size: 18px;
	line-height: 1.33;
	letter-spacing: -0.5px;
	background: url("/res/images/bnf-go-link-ico.svg") no-repeat 100% 50%;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 40px;
	margin-top: 40px;
	margin-bottom: 34px;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 400px;
	height: 180px;
	padding: 0 36px;
	background-color: #fff;
	border: solid 1px #bbb;
	border-radius: 10px;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li:before,
.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 5px);
	width: 10px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 10px 20px;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li:before {
	left: -1px;
	background-image: url("/res/images/coupon_left.png");
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li:after {
	right: -1px;
	background-image: url("/res/images/coupon_right.png");
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li.primary {
	color: #3cc814;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li.secondary {
	color: #ff3894;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li>div {
	text-align: left;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li .type {
	padding: 5px 12px;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -0.2px;
	border-radius: 15px;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li.primary .type {
	background-color: rgb(60, 200, 20, 0.1);
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li.secondary .type {
	background-color: rgba(255, 56, 148, 0.1);
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li .name {
	margin-top: 11px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.33;
	letter-spacing: -0.5px;
	color: #333;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li .result {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.67;
}

.benefit_div .benefit_cont .member_div .new_section .coupon-item .coupon-wrap li .result strong {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
}

.benefit_div .benefit_cont .member_div .new_section .app-download-wrap {
	position: relative;
	/* margin-bottom: 121px; */
	margin-bottom: 60px;
	border-radius: 20px;
	overflow: hidden;
}

.benefit_div .benefit_cont .member_div .new_section .app-download-wrap .link-collect {
	position: absolute;
	top: 152px;
	left: 387px;
}

.benefit_div .benefit_cont .member_div .new_section .app-download-wrap .link-collect a {
	display: block;
	width: 180px;
	height: 58px;
}

.benefit_div .benefit_cont .member_div .new_section .app-download-wrap .link-collect a:not(:first-child) {
	margin-top: 10px;
}

.benefit_div .benefit_cont .member_div .new_section .btn-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

.benefit_div .benefit_cont .member_div .new_section .btn-wrap .btn {
	display: block;
	width: 480px;
	height: 80px;
	line-height: 80px;
	color: #fff;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: -0.5px;
	text-align: center;
	border-radius: 10px;
}

.benefit_div .benefit_cont .member_div .new_section .btn-wrap .btn:not(.share) {
	background-color: #3cc814;
}

.benefit_div .benefit_cont .member_div .new_section .btn-wrap .share {
	color: #3cc814;
	border: 1px solid #3cc814;
}

.benefit_div .benefit_cont .member_div .new_section .btn-wrap .share span {
	padding-right: 28px;
	background: url("/res/images/m_share_grn_20x20.png") no-repeat 100% 50%;
	background-size: 28px;
}

.benefit_div .benefit_cont .member_div .new_section .banner-wrap {
	margin-top: 80px;
}

.benefit_div .benefit_cont .member_div .new_section .banner-wrap a {
	display: block;
}

.benefit_div .benefit_cont .member_div .new_section .banner-wrap a+a {
	margin-top: 20px;
}

.benefit_div .benefit_cont .member_div .new_section .banner-wrap img {
	height: 130px;
	border-radius: 20px;
}


.benefit_div .benefit_cont .member_div .new_section .area {
	float: left;
	margin-left: 88px;
}

.benefit_div .benefit_cont .member_div .new_section .area:first-child {
	margin-left: 0;
}

.benefit_div .benefit_cont .member_div .new_section .area .tit {
	font-weight: 500;
	font-size: 24px;
	line-height: 24px;
	color: #000;
}

.benefit_div .benefit_cont .member_div .new_section .area .tit_area {}

.benefit_div .benefit_cont .member_div .new_section .area .tit_area:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .new_section .area .tit_area .tit {
	float: left;
}

.benefit_div .benefit_cont .member_div .new_section .area .tit_area .txt_btn {
	float: right;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.benefit_div .benefit_cont .member_div .new_section .area .tit_area .txt_btn span {
	padding-right: 22px;
	background: url("/res/images/icn_right_20x20.png") right center no-repeat;
	background-size: 20px;
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list {
	margin-top: 24px
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list {
	position: relative;
	float: left;
	margin-left: 28px;
	width: 284px;
	height: 160px;
	border: 1px solid #777;
	border-radius: 10px
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list:first-child {
	margin-left: 0
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list:before {
	content: '';
	position: absolute;
	top: 22px;
	right: 69px;
	width: 1px;
	height: 116px;
	background: url('/res/images/coupon_dash.png') left top;
	background-repeat: repeat-y !important;
	background-size: 1px 8px
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list:after {
	content: '';
	display: block;
	clear: both
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list .left {
	float: left;
	width: 212px;
	padding: 32px 0 32px 32px
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list .left .name {
	font-weight: 500;
	font-size: 20px;
	line-height: 22px;
	color: #777
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list .left .benefit {
	margin-top: 40px;
	font-weight: 700;
	font-size: 32px;
	line-height: 34px;
	color: #ff3894
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list .left .benefit span {
	display: inline-block;
	font-size: 36px;
	vertical-align: top
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list.point .left .benefit {
	color: #3cc814
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list .right {
	position: relative;
	float: left;
	width: 70px;
	height: 100%;
	background: url('/res/images/coupon_txt_coupon.png') no-repeat center;
	background-size: 14px 105px
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list .right:before {
	content: '';
	position: absolute;
	top: -1px;
	left: -13px;
	width: 26px;
	height: 10px;
	background: url('/res/images/coupon_top.png') no-repeat #fff;
	background-size: 26px 10px
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list .right:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: -13px;
	width: 26px;
	height: 10px;
	background: url('/res/images/coupon_bottom.png') no-repeat #fff;
	background-size: 26px 10px
}

.benefit_div .benefit_cont .member_div .new_section .area .coupon_list .list.point .right {
	background: url('/res/images/coupon_txt_point.png') no-repeat center;
	background-size: 14px 76px
}

.benefit_div .benefit_cont .member_div .new_section .area .btn {
	margin: 60px auto 0;
	width: 320px
}

/* .benefit_div .benefit_cont .member_div .new_section .fixed_btn {
    position: absolute;
    bottom: -200px;
    left: 50%;
    transform: translateX(-50%);
    padding: 26px 10px;
    width: 400px;
    font-size: 26px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background: #3cc814;
    border-radius: 10px;
    z-index: 1
} */

.benefit_div .benefit_cont .member_div .new_section+.page_bottom_noti {
	margin-top: 260px;
}

/* 등급별 혜택 */
.benefit_div .benefit_cont .grade_div .section .my_grade {
	padding: 60px 20px;
	border-radius: 20px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .icon {
	margin: 0 auto;
	width: 90px;
	height: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .text {
	margin-top: 20px;
	font-size: 28px;
	line-height: 40px;
	color: #333;
	text-align: center
}

.benefit_div .benefit_cont .grade_div .section .my_grade .text b {
	display: inline-block;
	max-width: 284px;
	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;
	display: inline-block;
	margin: 36px auto 0;
	/* width: 490px; */
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar {
	position: absolute;
	top: 17px;
	width: 114px;
	height: 6px;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.1)
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar span {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 6px;
	background: rgba(0, 0, 0, 0.65);
	border-radius: 0 5px 5px 0;
	transition: width 0.3s linear
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.one {
	left: 39px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.one span {
	transition-delay: 0s
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.two {
	left: 189px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.two span {
	transition-delay: 0.3s
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.thr {
	left: 339px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.thr span {
	transition-delay: 0.6s
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.four {
	left: 489px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div .bar.four span {
	transition-delay: 0.9s
}

.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: 110px;
	width: 40px;
	height: 40px;
	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: 50px;
	left: 13px;
	width: 14px;
	height: 9px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text {
	margin: 18px auto 0;
	padding: 15px 0;
	width: 680px;
	font-size: 18px;
	line-height: 22px;
	color: #333;
	text-align: center;
	background: #fff;
	border-radius: 50px
}

.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 .special_benefit {
	margin: 24px auto 0;
	text-align: center
}

.benefit_div .benefit_cont .grade_div .section .my_grade .special_benefit p {
	display: inline-block;
	margin: 0 4px;
	padding: 12px 27px;
	font-size: 18px;
	line-height: 22px;
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 24px
}

.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.logout {
	border: 1px solid #ddd;
	border-radius: 20px;
	text-align: center
}

.benefit_div .benefit_cont .grade_div .section .my_grade.logout .login_txt {
	padding-top: 110px;
	font-size: 18px;
	line-height: 20px;
	color: #555;
	background: url('/res/images/grade_logout.png') no-repeat center top;
	background-size: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.logout .btn {
	display: block;
	margin: 40px auto 0;
	width: 320px
}

/* 등급별 스타일 */
.benefit_div .benefit_cont .grade_div .section .my_grade.welcome {
	background: #effcfd;
}

.benefit_div .benefit_cont .grade_div .section .my_grade.welcome .icon {
	background: url('/res/images/grade_big_welcome.png') no-repeat;
	background-size: 90px;
}

.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/grade_on_welcome.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.welcome .grade p:nth-child(2) {
	background: url('/res/images/grade_ing_family.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.welcome .grade p:nth-child(3) {
	background: url('/res/images/grade_off_silver.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.welcome .grade p:nth-child(4) {
	background: url('/res/images/grade_off_gold.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.welcome .grade p:nth-child(5) {
	background: url('/res/images/grade_off_vip.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.welcome .grade p:nth-child(2):after {
	display: block;
	background: url('/res/images/grade_bar_arrow_family.png') no-repeat;
	background-size: 14px 9px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.welcome {
	border: 1px solid #32cf55
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.welcome span {
	color: #3fcfca
}

.benefit_div .benefit_cont .grade_div .section .my_grade.family {
	background: #f2fef0
}

.benefit_div .benefit_cont .grade_div .section .my_grade.family .icon {
	background: url('/res/images/grade_big_family.png') no-repeat;
	background-size: 90px;
}

.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/grade_on_welcome.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(2) {
	background: url('/res/images/grade_on_family.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(3) {
	background: url('/res/images/grade_ing_silver.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(4) {
	background: url('/res/images/grade_off_gold.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(5) {
	background: url('/res/images/grade_off_vip.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.family .grade p:nth-child(3):after {
	display: block;
	background: url('/res/images/grade_bar_arrow_silver.png') no-repeat;
	background-size: 14px 9px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.family {
	border: 1px solid #b0b0b4
}

.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 {
	background: #f7f7f7
}

.benefit_div .benefit_cont .grade_div .section .my_grade.silver .icon {
	background: url('/res/images/grade_big_silver.png') no-repeat;
	background-size: 90px
}

.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/grade_on_welcome.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(2) {
	background: url('/res/images/grade_on_family.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(3) {
	background: url('/res/images/grade_on_silver.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(4) {
	background: url('/res/images/grade_ing_gold.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(5) {
	background: url('/res/images/grade_off_vip.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.silver .grade p:nth-child(4):after {
	display: block;
	background: url('/res/images/grade_bar_arrow_gold.png') no-repeat;
	background-size: 14px 9px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.silver {
	border: 1px solid #d0a455
}

.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 {
	background: #fcf4e4
}

.benefit_div .benefit_cont .grade_div .section .my_grade.gold .icon {
	background: url('/res/images/grade_big_gold.png') no-repeat;
	background-size: 90px
}

.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/grade_on_welcome.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(2) {
	background: url('/res/images/grade_on_family.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(3) {
	background: url('/res/images/grade_on_silver.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(4) {
	background: url('/res/images/grade_on_gold.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(5) {
	background: url('/res/images/grade_ing_vip.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.gold .grade p:nth-child(5):after {
	display: block;
	background: url('/res/images/grade_bar_arrow_vip.png') no-repeat;
	background-size: 14px 9px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.gold {
	border: 1px solid #7c51d7
}

.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 {
	background: #f5f0fe
}

.benefit_div .benefit_cont .grade_div .section .my_grade.vip .icon {
	background: url('/res/images/grade_big_vip.png') no-repeat;
	background-size: 90px
}

.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/grade_on_welcome.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(2) {
	background: url('/res/images/grade_on_family.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(3) {
	background: url('/res/images/grade_on_silver.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(4) {
	background: url('/res/images/grade_on_gold.png') no-repeat;
	background-size: 40px
}

.benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(5) {
	background: url('/res/images/grade_on_vip.png') no-repeat;
	background-size: 40px
}

/* .benefit_div .benefit_cont .grade_div .section .my_grade .bar_div.vip .grade p:nth-child(5):after {
	display: block;
	background: url('/res/images/grade_bar_arrow_vip.png') no-repeat;
	background-size: 14px 9px
} */

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.vip {
	border: 1px solid #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .my_grade .tip_text.vip span {
	color: #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .my_grade.celeb {
	background: #fef3f3
}

.benefit_div .benefit_cont .grade_div .section .my_grade.celeb .icon {
	background: url('/res/images/grade_big_celeb.png') no-repeat;
	background-size: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.celeb .text span {
	color: #f65987
}

.benefit_div .benefit_cont .grade_div .section .my_grade.staff {
	background: #eef5fb
}

.benefit_div .benefit_cont .grade_div .section .my_grade.staff .icon {
	background: url('/res/images/grade_big_staff.png') no-repeat;
	background-size: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.staff .text span {
	color: #209bff
}

.benefit_div .benefit_cont .grade_div .section .my_grade.partner {
	background: #fff5ee
}

.benefit_div .benefit_cont .grade_div .section .my_grade.partner .icon {
	background: url('/res/images/grade_big_partner.png') no-repeat;
	background-size: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.partner .text span {
	color: #f88342
}

.benefit_div .benefit_cont .grade_div .section .my_grade.exp {
	background: #ffe3f0
}

.benefit_div .benefit_cont .grade_div .section .my_grade.exp .icon {
	background: url('/res/images/grade_big_exp.png') no-repeat;
	background-size: 90px
}

.benefit_div .benefit_cont .grade_div .section .my_grade.exp .text span {
	color: #ff539f
}

/* //등급별 스타일 */
.benefit_div .benefit_cont .grade_div .section .grade_table {
	margin-top: 48px
}

.benefit_div .benefit_cont .grade_div .section .grade_table thead th {
	/* padding: 32px 33px; */
	padding: 32px 0 32px 33px;
	font-weight: 700;
	font-size: 22px;
	line-height: 24px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	vertical-align: middle
}

.benefit_div .benefit_cont .grade_div .section .grade_table thead th .txt {
	font-weight: 700;
}

.benefit_div .benefit_cont .grade_div .section .grade_table tbody th {
	padding: 32px 0;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #ddd;
	vertical-align: middle
}

.benefit_div .benefit_cont .grade_div .section .grade_table td {
	padding: 32px 36px;
	font-size: 18px;
	line-height: 24px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #ddd;
	vertical-align: middle
}

.benefit_div .benefit_cont .grade_div .section .grade_table td {
	padding-right: 0;
}

.benefit_div .benefit_cont .grade_div .section .grade_table td span {
	font-weight: 700
}

.benefit_div .benefit_cont .grade_div .section .grade_table thead th.vip {
	color: #7c51d7
}

.benefit_div .benefit_cont .grade_div .section .grade_table thead th.gold {
	color: #d0a455
}

.benefit_div .benefit_cont .grade_div .section .grade_table thead th.silver {
	color: #b0b0b4
}

.benefit_div .benefit_cont .grade_div .section .grade_table thead th.family {
	color: #32cf55
}

.benefit_div .benefit_cont .grade_div .section .grade_table thead th.welcome {
	color: #3fcfca;
}

.benefit_div .benefit_cont .grade_div .section .grade_table .icon {}

.benefit_div .benefit_cont .grade_div .section .grade_table .icon img {
	width: 68px
}

.benefit_div .benefit_cont .grade_div .section .grade_table .txt {
	margin-top: 12px
}

.benefit_div .benefit_cont .grade_div .section .grade_table .box {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100px;
	padding: 28px 0;
	border-radius: 10px
}

.benefit_div .benefit_cont .grade_div .section .grade_table .box p {
	font-size: 16px;
	line-height: 22px
}

.benefit_div .benefit_cont .grade_div .section .grade_table .box p span {
	font-weight: 700
}

.benefit_div .benefit_cont .grade_div .section .grade_table .vip .box {
	background: #f5f0fe
}

.benefit_div .benefit_cont .grade_div .section .grade_table .gold .box {
	background: #fcf4e4
}

.benefit_div .benefit_cont .grade_div .section .grade_table .silver .box {
	background: #f5f5f5
}

.benefit_div .benefit_cont .grade_div .section .grade_table .family .box {
	background: #f2fef0
}

.benefit_div .benefit_cont .grade_div .section .grade_table .welcome .box {
	background: #effcfd
}

.benefit_div .benefit_cont .grade_div .section .grade_table .all_grade {
	padding-right: 0;
}

.benefit_div .benefit_cont .grade_div .section .grade_table .all_grade .all_grade_area {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.benefit_div .benefit_cont .grade_div .section .grade_table .all_grade .box {
	position: relative;
	background: #fff0f7;
	display: inline-block;
	width: 300px;
}

.benefit_div .benefit_cont .grade_div .section .grade_table .all_grade .box .flag {
	position: absolute;
	top: 5px;
	right: -11px;
	left: auto;
	width: 63px;
	height: 63px;
	background: url('/res/images/bnf_pd_flag_pur.png') center no-repeat;
	background-size: 72px;
	padding: 17px 8px;
	border-radius: 100%;
	box-shadow: 2px 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.benefit_div .benefit_cont .grade_div .section .grade_table .all_grade .box .flag:after {
	content: '';
	display: block;
	position: absolute;
	top: -14px;
	left: auto;
	right: 22px;
	width: 16px;
	height: 34px;
	background: url('/res/images/bnf_pd_flag_line_small.png') center no-repeat;
	background-size: 16px 34px;
}

.benefit_div .benefit_cont .grade_div .section .grade_table .all_grade .box .flag p {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
}

.benefit_div .benefit_cont .grade_div .section .grade_table .all_grade .box .flag p strong {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	line-height: 16px;
}

.benefit_div .benefit_cont .grade_div .section .grade_table .all_grade .box .flag p b {
	display: inline-block;
	font-weight: 500;
	line-height: 16px;
	/* margin-top: 2px; */
}


.benefit_div .benefit_cont .grade_div .page_bottom_noti,
.benefit_div .benefit_cont .grade_div .page_bottom_noti .dot_indent p {
	text-align: left;
}

/* 앱 혜택 */
.benefit_div .benefit_cont {
	text-align: center;
}

.benefit_div .benefit_cont>img {
	width: 100%;
}

.benefit_div .benefit_cont .app-benefit-item:not(:nth-of-type(1)) {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid #eee;
}

.benefit_div .benefit_cont .app-benefit-item:nth-of-type(1) {
	margin-top: 80px;
}

.benefit_div .benefit_cont .app-benefit-item .app-benefit-item-img {
	width: 400px;
	margin: 20px auto 0;
}

.benefit_div .benefit_cont .app-benefit-item .app-benefit-item-img img {
	width: 100%;
}

.benefit_div .benefit_cont .app-download-wrap {
	position: relative;
}

.benefit_div .benefit_cont .app-download-wrap .link-collect {
	position: absolute;
	top: 152px;
	left: 387px;
}

.benefit_div .benefit_cont .app-download-wrap .link-collect a {
	display: block;
	width: 180px;
	height: 58px;
}

.benefit_div .benefit_cont .app-download-wrap .link-collect a:not(:first-child) {
	margin-top: 10px;
}

.benefit_div .benefit_cont .app-benefit-item>.badge {
	display: inline-block;
	min-width: 100px;
	padding: 6px 14px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -0.5px;
	color: #36d30a;
	border-radius: 25px;
	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: 16px 0 15px;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: -0.5px;
	color: #333;
}

.benefit_div .benefit_cont .app-benefit-item .sub-title {
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: -0.5px;
	color: #000;
}

.benefit_div .benefit_cont .app-benefit-item .sub-title strong {
	font-weight: 500;
	color: #3cc814;
}

.benefit_div .benefit_cont .app-benefit-item .coupon-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 48px 0 40px;
}

.benefit_div .benefit_cont .app-benefit-item .coupon-wrap li {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 400px;
	height: 180px;
	padding: 0 36px;
	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: 10px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: 10px 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: -2px;
	background-image: url("/res/images/coupon_right.png");
}

.benefit_div .benefit_cont .app-benefit-item>img {
	display: block;
	margin: 0 auto;
}

.benefit_div .benefit_cont .app-benefit-item .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 320px;
	height: 60px;
	margin: 40px auto 0;
	background-color: #3cc814;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.benefit_div .benefit_cont .app-benefit-item li>div {
	text-align: left;
}

.benefit_div .benefit_cont .app-benefit-item li .type {
	padding: 5px 12px;
	font-size: 14px;
	line-height: 1.43;
	letter-spacing: -0.2px;
	background-color: rgba(255, 56, 148, 0.1);
	border-radius: 15px;
	margin-right: 6px;
}

.benefit_div .benefit_cont .app-benefit-item li .type:nth-last-of-type(1) {
	margin-right: 0;
}

.benefit_div .benefit_cont .app-benefit-item li .name {
	margin-top: 11px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.33;
	letter-spacing: -0.5px;
	color: #333;
}

.benefit_div .benefit_cont .app-benefit-item li .result {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.67;
}

.benefit_div .benefit_cont .app-benefit-item li .result strong {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
}

.benefit_div .app_div .benefit_cont .app-download-wrap {
	position: relative;
	/* margin-bottom: 121px; */
}

.benefit_div .app_div .benefit_cont .app-download-wrap .link-collect {
	position: absolute;
	top: 152px;
	left: 475px;
}

.benefit_div .app_div .benefit_cont .app-download-wrap .link-collect a {
	display: block;
	width: 180px;
	height: 58px;
}

.benefit_div .app_div .benefit_cont .app-download-wrap .link-collect a:not(:first-child) {
	margin-top: 10px;
}

.benefit_div .benefit_cont .app-push-step {
	padding: 40px 0;
	border-radius: 20px;
	background-color: #f2fafa;
}

.benefit_div .benefit_cont .app-push-step .title {
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.67;
	letter-spacing: -0.38px;
	color: #333;
}

.benefit_div .benefit_cont .app-push-step ul {
	display: flex;
	justify-content: center;
	gap: 0 80px;
}

.benefit_div .benefit_cont .app-push-step ul li .badge {
	display: inline-block;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.43;
	letter-spacing: -0.2px;
	color: #fff;
	border-radius: 16px;
	background-color: #052832;
}

.benefit_div .benefit_cont .app-push-step ul li .info {
	padding: 10px 0 24px;
	font-size: 16px;
	line-height: 1.38;
	letter-spacing: -0.5px;
	color: #000;
}

.benefit_div .benefit_cont .app-push-step ul li:not(:first-child) .info {
	padding-bottom: 0;
}

.benefit_div .benefit_cont .app-benefit-item .precaution {
	margin-top: 120px;
	padding: 40px 36px;
	background-color: #f7f7f7;
	text-align: left;
}

.benefit_div .benefit_cont .app-benefit-item .precaution .title {
	margin-bottom: 16px;
	font-size: 16px;
	line-height: 1.13;
	letter-spacing: -0.5px;
	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.5px;
	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: 5px;
	background-color: #bbb;
}

.benefit_div .benefit_cont .app-benefit-item .precaution li:not(:last-child) {
	margin-bottom: 6px;
}

/* // 230118 서브탭 추가 (탭 갯수 4개일때 적용, 3개일때는 주석처리) */
.benefit_div .sub_tab a:nth-of-type(3) {
	border-right: 1px solid #ddd;
}@charset "utf-8";
/* 상단 타이틀 =============================== */
.top_div_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1280px;
	border-bottom: 2px solid #111;
	padding-bottom: 24px;
	margin: 0 auto;
}

#content .top_div_title .page_intro {
	width: 100%;
	max-width: 420px;
	min-height: 52px;
	margin: 0;
}

#content .top_div_title .page_title {
	padding-bottom: 0;
}

.top_div_title .cate_div {
	position: relative;
	display: flex;
	align-items: center;
}

.top_div_title .cate_div .cate_swiper > div {
    display: flex;
    align-items: center;
}

.top_div_title .cate_div .cate_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 52px;
	color: #999;
	border-radius: 30px;
	padding: 14px 30px;
	text-align: center;
	border: 1px solid transparent;
}

.top_div_title .cate_div .cate_btn:hover {
	font-weight: 700 !important;
	color: #111;
}

.top_div_title .cate_div .cate_btn.on {
	font-weight: 700 !important;
	color: #111;
	border: 2px solid #333;
	padding: 14px 29px;
}

/* 회원가입 혜택 =============================== */
/* .benefit_div .benefit_cont .member_div .new_section 삭제 */
/* nutrione.css 3508 ~ 3597 (삭제) */
/* mypage_main css 코드 삭제하면 안됨 */
.benefit_div .benefit_cont {
	margin-top: 48px
}
/* 3520 삭제 */
.benefit_div .benefit_cont .member_div .new_section .banner {
	position: relative;
	height: 320px;
	padding-left: 100px;
    /* css 문제로 임의수정 */
    padding-left: 0;
    height: auto;
}
/* 3526 삭세 */
.benefit_div .benefit_cont .member_div .new_section .banner img {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px;
}
/* 3533 삭세 */
.benefit_div .benefit_cont .member_div .new_section .banner .btn {
	margin-top: 212px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 254px;
	height: 60px;
	position: absolute;
	background-color: #3cc814;
	border-radius: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	/* line-height: 1.33; */
	letter-spacing: -0.5px;

    /* css 문제로 임의수정 */
    position: relative;
    margin-top: 0;
    color: #111;
    
}


/* 231004 가입혜택 =============================== */
.benefit_div .benefit_cont {
	margin-top: 60px
}

.benefit_div .benefit_cont .join_benefit_div .com_title {
    position: relative;
    display: inline-block;
    min-width: 283px;
}

.benefit_div .benefit_cont .join_benefit_div .com_title h2 {
    display: inline;
}

.benefit_div .benefit_cont .join_benefit_div .com_title .arrow-right-555-btn {
    margin-top: 40px;
}

.benefit_div .benefit_cont .tooltip_div {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px;
    vertical-align: middle;
    margin-bottom: 5px ;
}

.benefit_div .benefit_cont .join_benefit_div .banner {
	position: relative;
    height: auto;
	min-height: 412px;
    background-color: #E6F4FB;
    text-align: left;
    overflow: hidden;
    z-index: 0;
}

.benefit_div .benefit_cont .join_benefit_div .banner::before,
.benefit_div .benefit_cont .join_benefit_div .banner::after {
    content: '';
	position: absolute;
    mix-blend-mode: multiply;
    z-index: -1;
}

.benefit_div .benefit_cont .join_benefit_div .banner::before {
    left: -279px;
    top: -22px;
    width: 459px;
    height: 452px;
    background: #D2E4FF;
    filter: blur(157px);
}

.benefit_div .benefit_cont .join_benefit_div .banner::after {
    left: 877px;
    top: 36px;
    width: 1111px;
    height: 1105px;
    background: #FBE2FF;
    filter: blur(165px);
}

.benefit_div .benefit_cont .join_benefit_div .banner .txt {
    padding: 60px 60px 0 60px;
    text-align: left;
}

.benefit_div .benefit_cont .join_benefit_div .banner .txt::before {
    content: '';
	position: absolute;
    top: -14px;
    right: 0;
    width: 851px;
    height: 628px;
    background: url('/res/images/banner/benefit-join-banner.svg') no-repeat center / 851px auto;
    z-index: 1;
}

.benefit_div .benefit_cont .join_benefit_div .banner .txt::after {
    content: '';
	position: absolute;
    top: -282px;
    right: 201px;
    width: 505px;
    height: 498px;
    background: #D2FFFC;
    mix-blend-mode: multiply;
    filter: blur(157px);
    z-index: 0;
}

.benefit_div .benefit_cont .join_benefit_div .banner .txt .desc {
    display: block;
    color: #333;
    margin-top: 32px;
}

.benefit_div .benefit_cont .join_benefit_div .banner .banner_btn {
    display: flex;
    align-items: center;
    gap: 0 16px;
    padding: 48px 60px 0 60px;
}

.benefit_div .benefit_cont .join_benefit_div .banner .banner_btn .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 240px;
	height: 60px;
	background-color: #fff;
	border-radius: 4px;
}

.benefit_div .benefit_cont .join_benefit_div .banner .banner_btn .join:not(.d_none) ~ .share {
    text-indent: -9999px;
	font-size: 0 !important;
    width: 60px;
    background: url('/res/images/icon/share-111.svg') no-repeat center / 40px #fff;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div {
    position: relative;
    z-index: 1;
    padding-bottom: 60px;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div::before {
    content: '';
    position: absolute;
    right: 667px;
    top: 99px;
    width: 891px;
    height: 878px;
    background: #D7F8FF;
    mix-blend-mode: multiply;
    filter: blur(90px);
    z-index: -1;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item {
    width: calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    background-color: #fff;
    border-radius: 40px;
    padding: 40px 60px 60px;
    margin: 60px auto 0;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .com_title {
    display: inline-block;
    margin-bottom: 28px;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .one_tit {
    display: none;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .swiper-container .product-item-row .thumb {
    width: 244px;
    height: 244px;
    background-color: transparent;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .swiper-container .product-item-row .thumb img {
    width: 100%;
    height: 100%;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .swiper-container .product-item-row .thumb .soldout {
    background-color: rgba(255, 255, 255, 0.85);
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item.one .swiper-container .product-item-row .thumb .soldout {
    background-color: rgba(255, 249, 255, 0.85);
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .swiper-container .info .flag {
    display: inline-block;
    height: 40px;
    background: linear-gradient(272.58deg, #FE00A1 1.87%, #FE005B 54.35%, #FE572E 110.22%);
    border-radius: 16px 16px 16px 0px;
    color: #fff;
    padding: 7px 16px 5px;
    margin-bottom: 12px;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .swiper-container .info .flag span,
.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .swiper-container .info .flag strong {
    display: inline-block;
    height: 28px;
    color: #fff;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .swiper-container .info .price-info {
	flex-direction: column;
	align-items: flex-start;
	gap: 4px 0;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .swiper-container .info .price-info .original-selling {
	width: 100%;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .swiper-container .info .price-info .original-selling span {
	color: #bbb;
	text-decoration: line-through;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .swiper-container.shadow_left:after,
.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .swiper-container.shadow_right:after {
	content: '';
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	width: 252px;
	height: 244px;
	z-index: 2;
	opacity: 0;
    background: linear-gradient(270deg, #FFFFFF 26.32%, rgba(255, 255, 255, 0) 102.51%);
	transition: opacity 0.4s ease;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .swiper-container.shadow_left:after,
.benefit_div .benefit_cont .join_benefit_div .banner .sale_item .swiper-container.shadow_right:after {
	right: -60px;
	opacity: 1;
}

/* 신규회원 한정 인기상품 특가 할인 (하나일 때) */
.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div.one {
    padding-bottom: 0;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div.one::before {
    content: none;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div.one .sale_item {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    border-radius: 0;
    border-bottom: 1px solid #CCCCCC;
    padding: 70px 2px 60px 0;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div.one .sale_item .com_tit {
    display: none;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div.one .sale_item .one_tit {
    display: block;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div.one .sale_item .swiper-container {
    position: relative;
    display: flex;
    align-items: center;
    width: 800px;
    min-width: 800px;
    height: 336px;
    background: #F8FDFF;
    border-radius: 160px 160px 160px 0px;
    overflow: hidden;
    margin: 0 0 0 auto;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div.one .sale_item .swiper-container::before,
.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div.one .sale_item .swiper-container::after {
    content: '';
	position: absolute;
	mix-blend-mode: multiply;
    filter: blur(157px);
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div.one .sale_item .swiper-container::before {
    left: -139px;
    top: 110px;
    width: 335px;
    height: 330px;
    background: #EBF3FF;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div.one .sale_item .swiper-container::after {
    left: 574px;
    top: -81px;
    width: 505px;
    height: 498px;
    background: #EDFFFE;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div.one .sale_item .swiper-container.shadow_right:after {
    content: none;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div.one .sale_item .product-item-row {
    width: 100% !important;
    margin-left: 0;
}

.benefit_div .benefit_cont .join_benefit_div .banner .sale_item_div.one .sale_item .product-item-row>a {
    gap: 0 30px;
    background: transparent;
    padding: 60px 146px 60px 100px;
}

.benefit_div .benefit_cont .join_benefit_div .sec {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding-bottom: 60px;
    text-align: left;
}

.benefit_div .benefit_cont .join_benefit_div .sec {
    margin-top: 60px;
}

.benefit_div .benefit_cont .join_benefit_div .app_sec .app_qr {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 227px;
    height: 96px;
    background: url('/res/images/footer/qrcode.svg') no-repeat left 8px center / 80px;
    border: 1px solid #111;
    padding-left: 96px;
    margin-top: 40px;
}

.benefit_div .benefit_cont .join_benefit_div .app_sec .app_qr p {
    width: 91px;
}

.benefit_div .benefit_cont .join_benefit_div .sec .cpn_com_list {
    width: 844px;
    gap: 28px;
}

.benefit_div .benefit_cont .join_benefit_div .sec .cpn_com_list .list {
    width: calc(50% - 14px);
    width: -webkit-calc(50% - 14px);
    height: 176px;
}

.benefit_div .benefit_cont .join_benefit_div .sec .cpn_com_list .list .txt_area .double-flag {
    position: absolute;
    top: calc(50% - 18px);
    right: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #fff;
    border-radius: 50%;
    background: linear-gradient(139.92deg, #A879D9 15.76%, #7C51D7 85.7%);
}

/* 231004 멤버십 =============================== */
.benefit_div .benefit_cont .grade_div .banner {
    width: 100%;
    height: 320px;
    background: url('/res/images/banner/grade-banner.svg') no-repeat bottom right / 904px 320px #FCEBDB;
    padding: 60px;
    text-align: left;
}

.benefit_div .benefit_cont .grade_div .banner .txt .desc {
    display: block;
    color: #333;
    margin-top: 32px;
}

.benefit_div .benefit_cont .grade_div .grade_list {
    display: flex;
    margin-top: 60px;
}

.benefit_div .benefit_cont .grade_div .grade_list>li {
    width: 256px;
    border-right: 1px solid #ddd;
    padding: 40px 20px;
}

.benefit_div .benefit_cont .grade_div .grade_list>li .on_flag {
    display: none;
}

.benefit_div .benefit_cont .grade_div .grade_list>li.on {
    position: relative;
    border: 1px solid #7C51D7;
}

.benefit_div .benefit_cont .grade_div .grade_list>li.on .on_flag {
    position: absolute;
    top: -24px;
    left: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% + 2px);
    color: #fff;
    padding: 10px 5px 10px 6px;
    border: transparent;
}

.benefit_div .benefit_cont .grade_div .grade_list>li.vip.on {border-color: #7C51D7;}
.benefit_div .benefit_cont .grade_div .grade_list>li.gold.on {border-color: #D0A455;}
.benefit_div .benefit_cont .grade_div .grade_list>li.silver.on {border-color: #B0B0B4;}
.benefit_div .benefit_cont .grade_div .grade_list>li.family.on {border-color: #32CF55;}
.benefit_div .benefit_cont .grade_div .grade_list>li.welcome.on {border-color: #32CFC6;}

.benefit_div .benefit_cont .grade_div .grade_list>li.vip.on .on_flag {background-color: #7C51D7;}
.benefit_div .benefit_cont .grade_div .grade_list>li.gold.on .on_flag {background-color: #D0A455;}
.benefit_div .benefit_cont .grade_div .grade_list>li.silver.on .on_flag {background-color: #B0B0B4;}
.benefit_div .benefit_cont .grade_div .grade_list>li.family.on .on_flag {background-color: #32CF55;}
.benefit_div .benefit_cont .grade_div .grade_list>li.welcome.on .on_flag {background-color: #32CFC6;}

.benefit_div .benefit_cont .grade_div .grade_list>li.on .on_flag .name {
    display: inline-block;
    max-width: 93px;
}

.benefit_div .benefit_cont .grade_div .grade_list>li.on .on_flag span {
    color: #fff;
}

.benefit_div .benefit_cont .grade_div .grade_list .info {
    margin-bottom: 16px;
}

.benefit_div .benefit_cont .grade_div .grade_list .info .grade {
    padding-top: 92px;
}

.benefit_div .benefit_cont .grade_div .grade_list>li.vip .info .grade {
    background: url('/res/images/icon/grade/grade-vip.svg') no-repeat center top / 80px;
}
.benefit_div .benefit_cont .grade_div .grade_list>li.gold .info .grade {
    background: url('/res/images/icon/grade/grade-gold.svg') no-repeat center top / 80px;
}
.benefit_div .benefit_cont .grade_div .grade_list>li.silver .info .grade {
    background: url('/res/images/icon/grade/grade-silver.svg') no-repeat center top / 80px;
}
.benefit_div .benefit_cont .grade_div .grade_list>li.family .info .grade {
    background: url('/res/images/icon/grade/grade-family.svg') no-repeat center top / 80px;
}
.benefit_div .benefit_cont .grade_div .grade_list>li.welcome .info .grade {
    background: url('/res/images/icon/grade/grade-welcome.svg') no-repeat center top / 80px;
}

.benefit_div .benefit_cont .grade_div .grade_list .info .desc {
    display: inline-block;
    min-height: 48px;
    color: #333;
    margin-top: 2px;
}

.benefit_div .benefit_cont .grade_div .grade_list li.vip .info .grade,
.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 .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 .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 .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 .grade_benefit span {
    color: #32CFC6
}

.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: 216px;
    height: 96px;
    background: #F9F9F9;
    border-radius: 4px;
    margin-bottom: 20px;
}

.benefit_div .benefit_cont .grade_div .grade_list .grade_benefit li.empty,
.benefit_div .benefit_cont .grade_div .grade_list .cpn_com_list li.empty {
    background: #fff;
}

.benefit_div .benefit_cont .grade_div .grade_list .grade_benefit li.empty::before,
.benefit_div .benefit_cont .grade_div .grade_list .cpn_com_list li.empty::before {
    content: '';
    position: absolute;
    top: calc(50% - 0.5px);
    top: -webkit-calc(50% - 0.5px);
    left: calc(50% - 10px);
    left: -webkit-calc(50% - 10px);
    display: block;
    width: 20px;
    height: 1px;
    background-color: #999;
}

.benefit_div .benefit_cont .grade_div .grade_list>li .cpn_com_list {
    gap: 20px 0;
}

.benefit_div .benefit_cont .grade_div .grade_list>li .cpn_com_list .list {
    height: 128px;
    padding: 21px 28px;
    text-align: left;
}

.benefit_div .benefit_cont .grade_div .grade_list>li .cpn_com_list .list.empty {
    border-color: transparent
}

.benefit_div .benefit_cont .grade_div .grade_list>li .cpn_com_list .list.empty:after {
    display: none;
}

.benefit_div .benefit_cont .grade_div .grade_list .cpn_com_list li.empty::before {
    border-radius: 0;
    border: none;
    transform: translateY(0);
}

.benefit_div .benefit_cont .grade_div .grade_list>li .cpn_com_list .list .txt_area {
    gap: 8px 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: 36px;
    height: 36px;
    right: 28px;
    top: calc(50% - 36px/2);
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    border-radius: 45px;
}

.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 {
    margin-top: 60px;
}

/* 231004 마이페이지 =============================== */@charset "utf-8";

/* 장바구니 */
.cart_div .cart_area {
	position: relative;
}

.cart_div .cart_area:after {
	content: '';
	display: block;
	clear: both
}

.cart_div .cart_area .product_area {
	float: left;
	width: 820px
}

.cart_div .cart_area .product_area .top {
	position: relative;
	display: flex;
	align-items: center;
	height: 60px;
}

.cart_div .cart_area .product_area .top .delete {
	position: absolute;
	top: calc(50% - 10px);
	right: 0;
	color: #999999;
	text-align: center;
	text-decoration: underline;
}

.cart_div .cart_area .product_area .product-wrap+.product-wrap {
	margin-top: 40px;
}

.cart_div .cart_area .product_area .product-wrap .list_div {
	border-top: 1px solid #ccc
}

.cart_div .cart_area .product_area .product-wrap .list_div .product-sub-item {
	position: relative;
	padding: 24px 0;
	border-bottom: 1px solid #eee
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .chk_box {
	position: absolute;
	top: 24px;
	left: 0;
	width: 36px;
	height: 100px
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .chk_box input[type="checkbox"]+label {
	width: 100%;
	height: 100%
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .chk_box input[type="checkbox"]+label:after {
	top: 50%;
	transform: translateY(-50%)
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info {
	display: table;
	padding-right: 44px;
	width: 100%
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .count_div {
	display: table-cell;
	width: 158px;
	text-align: right;
	vertical-align: middle
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .count_div .count {
	display: inline-block;
	position: relative
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .count_div .count .count_tool {
	position: absolute;
	top: 33px;
	left: 50%;
	transform: translateX(-50%);
	padding: 11px 0 6px;
	width: 160px;
	font-size: 13px;
	line-height: 16px;
	color: #3cc814;
	text-align: center;
	white-space: nowrap;
	transition: width 0.6s cubic-bezier(.74, .01, .25, .99), opacity 0s cubic-bezier(.74, .01, .25, .99) 0.32s;
	opacity: 1;
	z-index: 1;
	overflow: hidden
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .count_div .count .count_tool:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 100%;
	height: calc(100% - 5px);
	height: -webkit-calc(100% - 5px);
	background: none;
	border: 1px solid #3cc814;
	border-radius: 15px
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .count_div .count .count_tool:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 8px;
	height: 6px;
	background: url('/res/images/m_count_tool_icn.png') no-repeat;
	background-size: 8px 6px
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .count_div .count .count_tool p {
	opacity: 1;
	transition: opacity 0.5s cubic-bezier(.74, .01, .25, .99)
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .count_div .count .count_tool b {
	font-weight: 700
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .count_div .count .count_tool.on {
	width: 0;
	opacity: 0;
	border: none
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .count_div .count .count_tool.on p {
	opacity: 0
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .count_div .alarm {
	display: none
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .price_info {
	display: table-cell;
	padding-left: 15px;
	width: 206px;
	text-align: right;
	vertical-align: middle
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .price_info .list_div .price_list {
	display: inline-block
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .price_info .list_div .price_list:after {
	content: '';
	display: block;
	clear: both
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .price_info .list_div .price_list .price {
	float: left
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .price_info .list_div .price_list .dc {
	float: left
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .price_info .list_div .price_list:nth-child(1) .price .won {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #000
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .price_info .list_div .price_list:nth-child(1) .price .won span {
	display: inline-block;
	font-size: 20px;
	line-height: 26px;
	vertical-align: top
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .price_info .list_div .price_list:nth-child(1) .dc {
	margin-left: 6px;
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	color: #3cc814
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .price_info .list_div .price_list:nth-child(1) .dc.spe {
	color: #ff3894;
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .price_info .list_div .price_list:nth-child(2) {
	display: block;
	margin-top: 2px
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .price_info .list_div .price_list:nth-child(2) .price {
	width: 100%;
	text-align: right
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .price_info .list_div .price_list:nth-child(2) .price .won {
	font-size: 16px;
	line-height: 20px;
	color: #bbb
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .info .price_info .list_div .price_list:nth-child(2) .price .won span {
	display: inline-block;
	font-size: 18px;
	line-height: 20px;
	vertical-align: top;
	text-decoration: line-through
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .add_box {
	margin-top: 12px
}

.cart_div .cart_area .product_area .product-wrap .list_div .list .delete {
	position: absolute;
	top: 74px;
	right: -5px;
	margin-top: -17px;
	width: 34px;
	height: 34px;
	background: url('/res/images/icn_xbt_24x24.png') no-repeat center;
	background-size: 24px
}

.cart_div .cart_area .product_area .product-wrap .list_div .list.soldout .info .count_div .count {
	display: none
}

.cart_div .cart_area .product_area .product-wrap .list_div .list.soldout .info .count_div .alarm {
	display: inline-block;
	padding: 9px 0;
	width: 108px;
	border: 1px solid #3cc814;
	border-radius: 5px;
	text-align: center
}

.cart_div .cart_area .product_area .product-wrap .list_div .list.soldout .info .count_div .alarm span {
	display: inline-block;
	padding-left: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	background: url('/res/images/m_icn_alarm_40x40.png') no-repeat left center;
	background-size: 20px
}

.cart_div .cart_area .product_area .product-wrap .list_div .list.soldout .info .count_div .alarm.on {
	border: 1px solid #ddd;
	background: #ddd
}

.cart_div .cart_area .product_area .product-wrap .list_div .list.soldout .info .count_div .alarm.on span {
	color: #fff;
	background: url('/res/images/m_icn_alarm_wht_40x40.png') no-repeat left center;
	background-size: 20px
}

/* 250203 장바구니 추가상품 선택 기능 추가 */
.cart_div .cart_area .product_area .add-list {
	margin-top: 24px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.cart_div .cart_area .product_area .add-list .term {
	display: flex;
	align-items: center;
	height: 48px;
	padding: 0 20px;
	color: #333;
	font-size: 16px;
	line-height: 24px;
	border-bottom: 1px solid #ddd;
}

.cart_div .cart_area .product_area .add-list ul {
	max-height: 180px;
	overflow-y: auto;
}

.cart_div .cart_area .product_area .add-list ul li {
	display: flex;
	align-items: center;
	padding: 20px;
}

.cart_div .cart_area .product_area .add-list ul li:hover {
	background-color: #F9F9F9;
}

.cart_div .cart_area .product_area .add-list ul li+li {
	border-top: 1px solid #eee;
}

.cart_div .cart_area .product_area .add-list ul li .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	background-color: #F9F9F9;
}

.cart_div .cart_area .product_area .add-list ul li .thumb img {
	width: 100%;
	height: 100%;
}

.cart_div .cart_area .product_area .add-list ul li .info {
	display: flex;
	flex-direction: column;
	gap: 2px 0;
	width: 579px;
	margin: 0 26px 0 10px;
}

.cart_div .cart_area .product_area .add-list ul li .info .name {
	color: #333;
	font-size: 16px;
	line-height: 24px;
}

.cart_div .cart_area .product_area .add-list ul li .info .count {
	display: flex;
	align-items: center;
	gap: 0 6px;
	color: #bbb;
	font-size: 14px;
	line-height: 20px;
}

.cart_div .cart_area .product_area .add-list ul li .price {
	margin-left: auto;
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.cart_div .cart_area .product_area .add-list ul li .price strong {
	color: #111;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.cart_div .cart_area .product_area .add-list ul li .cart-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 32px;
	margin-left: 10px;
	color: #111;
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
}

/* // 250203 장바구니 추가상품 선택 기능 추가 */

.cart_div .cart_area .fix_area {
	position: absolute;
	top: 42px;
	left: 880px;
	width: 400px;
	background: #fff;
	/* overflow: hidden; */
}

.cart_div .cart_area .fix_area .info-wrap {
	padding: 19px 0 0;
	border: 1px solid var(--color-primary-1);
	border-radius: 8px;
}

.cart_div .cart_area .fix_area .login_area {
	padding: 13px 24px 32px;
	border-bottom: 1px solid #eee;
	text-align: center;
}

.cart_div .cart_area .fix_area .login_area .btn {
	display: flex;
	align-items: center;
	gap: 0 4px;
	margin-top: 24px
}

.cart_div .cart_area .fix_area .login_area .btn a {
	width: 100%;
	padding: 13px 10px;
}

.cart_div .cart_area .fix_area .login_area+.price_area {
	margin-top: 32px
}

.cart_div .cart_area .fix_area .price_area {
	/* width: 400px; */
	margin-top: 13px;
}

.cart_div .cart_area .fix_area .price_area .list_div {
	padding: 0 24px 32px;
}

.cart_div .cart_area .fix_area .price_area .list_div .list:nth-child(n+2) {
	margin-top: 16px;
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 10px;
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line .left.tool {
	position: relative;
	padding-right: 18px;
	width: auto;
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line .left.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 14px;
	height: 100%;
	background: url('/res/images/icon/noti-bbb.svg') no-repeat center / 14px
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line .left.tool .tooltip_div .tooltip {
	top: 20px;
}

/* .guide 미사용시 추후 삭제 */
.cart_div .cart_area .fix_area .price_area .list_div .list .line .right .guide {
	display: block;
	margin-top: 2px;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	color: #ff3894
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line:first-child .left {
	color: #111;
	background: none;
	padding-left: 0;
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line:first-child .right {
	color: #111;
	text-align: right;
}

.cart_div .cart_area .fix_area .price_area .list_div .list .line:first-child .right span {
	vertical-align: inherit;
}

.cart_div .cart_area .fix_area .price_area .list_div .list.final_cost {
	border-top: 1px solid #eee;
	padding-top: 20px;
	margin-top: 20px;
}

.cart_div .cart_area .fix_area .price_area .list_div .list.final_cost .line .right,
.cart_div .cart_area .fix_area .price_area .list_div .list.final_cost .line .right span {
	color: var(--color-primary-1)
}

.cart_div .cart_area .fix_area .price_area .noti {
	margin-top: 8px;
	padding-left: 17px;
	color: #999;
	background: url('/res/images/icon/noti-bbb.svg') no-repeat left center;
	background-size: 14px
}

.cart_div .cart_area .fix_area .price_area .btn {
	display: flex;
	height: 60px;
	border-top: 1px solid var(--color-primary-1);
}

.cart_div .cart_area .fix_area .price_area .btn a {
	position: relative;
}

.cart_div .cart_area .fix_area .price_area .btn a:first-child {
	margin-left: 0
}

.cart_div .cart_area .fix_area .price_area .btn .buy {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	color: #fff;
	background: var(--color-primary-1);
	border: 1px solid var(--color-primary-1);
	text-align: center;
	border-radius: 0 0 8px 0;
}

.cart_div .cart_area .fix_area .price_area .btn .buy span {
	display: inline-block;
	color: #fff;
}

.cart_div .cart_area .fix_area .price_area .btn .gift {
	width: 60px;
	min-width: 60px;
	height: 60px;
	background: url('/res/images/icon/gift-p1.svg') no-repeat center;
	border-radius: 0 0 0 8px;
	text-align: center;
}

.cart_div .cart_area .fix_area .price_area .btn a .guide {
	position: absolute;
	top: -26px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	line-height: 28px !important;
	padding: 0 13px;
	color: #fff;
	white-space: nowrap;
	background: #052832;
	border-radius: 40px;
}

.cart_div .cart_area .fix_area .price_area .btn a .guide:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	width: 12px;
	height: 10px;
	background: url('/res/images/cart_buy_arrow.png') no-repeat 50% 50% / 12px 10px;
	transform: translateX(-50%) rotate(180deg);
}

/* 플러스 사은품 */
.cart_div .cart_area .fix_area .plus-gift {
	margin-top: 24px;
	padding: 24px 0;
	border: 1px solid #ddd;
	background-size: cover;
	background-image: url(/res/images/bg/m-plus-gift-order-item-bg.jpg);
	border-radius: 8px;
}

.cart_div .cart_area .fix_area .plus-gift .swiper-container {
	margin-top: 16px;
}

.cart_div .cart_area .fix_area .plus-gift .swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 12px;
}

.cart_div .cart_area .fix_area .plus-gift .swiper-container.swiper-disabled .swiper-slide {
	flex: 1;
}

.cart_div .cart_area .fix_area .plus-gift .title {
	margin: 0 20px;
	color: #111;
	font-size: 18px;
	line-height: 26px;
}

.cart_div .cart_area .fix_area .plus-gift .title>div:not(.rolling-comment) {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0 2px;
}

.cart_div .cart_area .fix_area .plus-gift .title>div .tooltip_div {
	position: static;
	height: 16px;
	transform: translateY(0);
	z-index: 2;
}

.cart_div .cart_area .fix_area .plus-gift .rolling-comment {
	height: 24px;
	overflow: hidden;
}

.cart_div .cart_area .fix_area .plus-gift .rolling-comment ul {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.cart_div .cart_area .fix_area .plus-gift .rolling-comment li {
	display: flex;
	align-items: center;
	gap: 0 4px;
	height: 24px;
	line-height: 24px;
}

.cart_div .cart_area .fix_area .plus-gift .rolling-comment li strong {
	font-weight: 700;
}

.cart_div .cart_area .fix_area .plus-gift .swiper-slide {
	display: flex;
}

.cart_div .cart_area .fix_area .plus-gift .swiper-container.swiper-disabled {
	padding: 0 20px;
}

.cart_div .cart_area .fix_area .plus-gift .swiper-container.swiper-disabled.swiper-1 .swiper-slide {
	flex: 1;
	align-items: center;
	flex-direction: row;
	gap: 0 12px;
	padding: 0;
	background-color: transparent;
}

.cart_div .cart_area .fix_area .plus-gift .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%;
}

.cart_div .cart_area .fix_area .plus-gift .swiper-container.swiper-disabled .swiper-slide .thumb img {
	width: 80px;
	height: 80px;
}

.cart_div .cart_area .fix_area .plus-gift .swiper-container.swiper-disabled.swiper-1 .swiper-slide .info {
	flex: 1;
}

.cart_div .cart_area .fix_area .plus-gift .title strong:nth-of-type(2) {
	color: #1FB198;
}

.cart_div .cart_area .fix_area .plus-gift .swiper-slide {
	flex-direction: column;
	gap: 12px 0;
	width: 144px;
	padding: 16px 12px;
	background-color: #fff;
	border-radius: 8px;
}

.cart_div .cart_area .fix_area .plus-gift .swiper-slide .thumb {
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

.cart_div .cart_area .fix_area .plus-gift .swiper-slide .thumb img {
	width: 100%;
	height: 100%;
}

.cart_div .cart_area .fix_area .plus-gift .swiper-slide .info {
	display: flex;
	flex-direction: column;
	gap: 4px 0;
}

.cart_div .cart_area .fix_area .plus-gift .swiper-slide .info .term {
	color: #111;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
}

.cart_div .cart_area .fix_area .plus-gift .swiper-slide .info .desc {
	color: #999;
	font-size: 14px;
	line-height: 20px;
	word-break: break-word;
}

.cart_div .inner>.title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 40px;
}

.cart_div .free-gift,
.cart_div .recommend_div {
	position: relative;
	margin-top: 100px;
}

/* 지금 구매하면 추가 사은품 증정! */
.cart_div .free-gift .swiper-container {
	width: calc(100% + 120px);
	margin-left: -60px !important;
	padding: 0 60px !important;
}

.cart_div .free-gift .swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 32px;
}

.cart_div .free-gift .swiper-container .swiper-slide {
	width: 624px;
}

.cart_div .free-gift .swiper-container .swiper-slide a {
	display: flex;
	align-items: center;
	gap: 0 24px;
}

.cart_div .free-gift .swiper-container .swiper-slide .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	min-width: 300px;
	height: 300px;
	background-color: #F9F9F9;
	border-radius: 50%;
}

.cart_div .free-gift .swiper-container .swiper-slide .thumb img {
	width: 220px;
	height: 220px;
}

.cart_div .free-gift .swiper-container .swiper-slide .info {
	display: flex;
	align-items: start;
	flex-direction: column;
}

.cart_div .free-gift .swiper-container .swiper-slide .info .condition {
	display: flex;
	align-items: center;
	height: 42px;
	padding: 0 20px;
	background-color: var(--color-secondary-2);
	border-radius: 20px 20px 20px 0;
}

.cart_div .free-gift .swiper-container .swiper-slide .info [class*=-name] span {
	color: var(--color-primary-1);
	font-weight: 600;
}

.cart_div .free-gift .swiper-container .swiper-slide .info .pdt-name {
	padding: 18px 0 0;
	color: #555;
}

.cart_div .free-gift .swiper-container .swiper-slide .info .event-name {
	padding: 8px 20px 0;
}

.cart_div .free-gift .swiper-container .swiper-slide .info .pdt-check {
	margin-top: 24px;
	padding-right: 22px;
	color: #555;
	text-decoration: underline;
	background: url(/res/images/icon/arrow-right-555.svg) 100% 50% / 20px;
}

.cart_div .free-gift .swiper-container .swiper-slide .info .date {
	padding-top: 10px;
	color: #BBB;
}

.cart_div .free-gift .swiper-container [class*=swiper-button] {
	top: 0;
	width: 60px;
	height: 100%;
	margin-top: 0;
	background-color: #fff;
	background-position-y: 130px;
	background-size: 40px;
}

.cart_div .free-gift .swiper-container .swiper-button-prev {
	left: 0;
	right: auto;
	background-position-x: 0;
	background-image: url(/res/images/icon/arrow-swiper-left-111.svg)
}

.cart_div .free-gift .swiper-container .swiper-button-prev.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-swiper-left-ccc.svg)
}

.cart_div .free-gift .swiper-container .swiper-button-next {
	left: auto;
	right: 0;
	background-position-x: 100%;
	background-image: url(/res/images/icon/arrow-swiper-right-111.svg)
}

.cart_div .free-gift .swiper-container .swiper-button-next.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-swiper-right-ccc.svg)
}

.cart_div .no_data_div.add_info .txt_area {
	padding: 164px 0 40px;
	background-position: center 80px;
	border-bottom: none
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info {
	display: inline-block;
	min-width: 531px;
	padding: 32px 40px;
	margin-top: 60px;
	background: #f7ded6;
	border-radius: 20px
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .tit img {
	height: 34px
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd {
	margin-top: 24px;
	text-align: center
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd {
	display: inline-block;
	position: relative;
	margin: 0 6px;
	padding: 42px 38px 20px;
	width: 236px;
	background: #fff;
	border-radius: 10px
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd:nth-child(3n+1) {
	margin-left: 0
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd:nth-child(3n) {
	margin-right: 0
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd:nth-child(n+3) {
	margin-top: 12px
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd .type {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 6px 0;
	width: 156px;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	background: #b37566
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd .thumb img {
	width: 100%
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd .name {
	margin-top: 8px;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 36px;
	height: 36px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd .name b {
	font-weight: 700
}

.cart_div .no_data_div.add_info .txt_area .add_pd_info .add_pd .pd .price {
	margin-top: 8px;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #b43e10
}

.cart_div .page_bottom_noti {
	margin-top: 100px;
}@charset "utf-8";

/* 전시 카테고리 */
.category_div .title_div {
	padding-bottom: 40px;
	font-size: 28px;
	line-height: 36px;
	letter-spacing: -0.2px;
	color: #000;
	font-weight: 700;
}

.category_div .title_div p,
.category_div .title_div h2 {
	font: inherit;
	color: inherit;
}

.category_div .title_div.center {
	text-align: center;
}

.category_div .more_btn {
	font-size: 20px;
	line-height: 36px;
	letter-spacing: -0.2px;
	color: #000;
	padding-right: 26px;
	background: url("/res/images/icn_arrow_more.png") center right no-repeat;
	background-size: 20px;
}

.category_div .no_data_div .txt_area {
	padding: 180px 20px 146px;
	background-position: center 96px;
	border-bottom: none;
}

/* 카테고리 */
.category_div .cate_area {
	margin-top: 100px;
}

.category_div .cate_div {
	position: relative;
	display: flex;
	align-items: center;
	width: 1280px;
	border-bottom: 2px solid #111;
	padding-bottom: 24px;
	margin: 0 auto 33px;
}

.category_div .cate_div .swiper-container {
	max-width: 1139px;
}

.category_div .cate_div .swiper-wrapper {
	position: relative;
	align-items: center;
}

.category_div .cate_div .cate_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 52px;
	color: #999;
	border-radius: 30px;
	padding: 0 30px;
	text-align: center;
	border: 1px solid transparent;
}

.category_div .cate_div .cate_btn .cate-name {
	font: inherit;
}

.category_div .cate_div .cate_btn:hover {
	font-weight: 700 !important;
	color: #111;
}

.category_div .cate_div .cate_btn.on {
	font-weight: 700;
	border: 2px solid #333;
	color: #111;
	font-weight: 700;
}

.category_div .cate_div .swiper-slide {
	width: auto;
}

.category_div .cate_div .swiper-slide-active {
	opacity: 1;
}

.category_div .cate_div .swiper-button-prev,
.category_div .cate_div .swiper-button-next {
	top: 28px;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	-webkit-background-size: 40px;
	-moz-background-size: 40px;
	-o-background-size: 40px;
	-ms-background-size: 40px;
	background-size: 40px;
	background-position: center;
}

.category_div .cate_div .swiper-button-prev {
	left: -60px;
	right: auto;
	background-image: url('/res/images/icon/arrow-swiper-left-111.svg');
}

.category_div .cate_div .swiper-button-next {
	right: -60px;
	left: auto;
	background-image: url('/res/images/icon/arrow-swiper-right-111.svg');
}

.category_div .cate_div .cate_swiper.shadow_left:before,
.category_div .cate_div .cate_swiper.shadow_right:after {
	content: '';
	position: absolute;
	top: 0;
	width: 52px;
	height: 52px;
	z-index: 2;
	opacity: 0;
	background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #fff 81%);
	background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0), #fff 81%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 81%);
	transition: opacity 0.4s ease;
	margin-bottom: 24px;
}

.category_div .cate_div .cate_swiper.shadow_left:before {
	left: 0;
	-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(-1, 0, 0, 1, 0, 0);
	-o-transform: matrix(-1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(-1, 0, 0, 1, 0, 0);
	transform: matrix(-1, 0, 0, 1, 0, 0);
}

.category_div .cate_div .cate_swiper.shadow_right:after {
	right: 0;
}

.category_div .cate_div .cate_swiper.shadow_left:before,
.category_div .cate_div .cate_swiper.shadow_right:after {
	opacity: 0.8
}

.category_div .cate_div .cate_swiper.shadow_left:before,
.category_div .cate_div .cate_swiper.shadow_right:after {
	display: none !important;
}

.category_div .product_list .num {
	position: absolute;
	z-index: 1;
	padding: 4px;
	width: 40px;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
	color: #000;
	top: 20px;
	left: 20px;
}

/* 쿠폰 */
.category_div .cpn_area {
	position: relative;
	width: 1280px;
	margin: 100px auto 0;
}

.category_div .cpn_area .coupon_zone_div {
	width: calc(100% + 120px);
	margin-left: -60px !important;
	padding: 0 60px !important;
}

.category_div .coupon_zone_div .cpn_com_list {
	flex-wrap: nowrap;
	width: 1280px;
}

.category_div .coupon_zone_div .cpn_com_list .list {
	width: 408px;
}

.category_div .swiper-button [class*=swiper-button] {
	top: 0;
	width: 60px;
	height: 100%;
	margin-top: 0;
	background-size: 40px;
}

.category_div .swiper-button .swiper-button-prev {
	left: 0;
	right: auto;
	background-color: #fff;
	background-position: 50%;
	background-image: url('/res/images/icon/arrow-swiper-left-111.svg');
}

.category_div .swiper-button .swiper-button-next {
	left: auto;
	right: 0;
	background-color: #fff;
	background-image: url('/res/images/icon/arrow-swiper-right-111.svg');
}

.category_div .best_div {
	width: 1280px;
	margin: 100px auto 0;
	position: relative;
}

.category_div .best_div:not(.brand.category_div .best_div) {
	margin-bottom: -30px;
}

.category_div .best_div:after {
	content: '';
	display: block;
	clear: both;
}

.category_div .best_div .main_title_div .more_btn {
	float: right;
}

.category_div .best_div .pd_swiper {
	width: 1310px;
	margin: 0 auto 0 -15px;
	padding: 30px 15px;
}

.category_div .best_div .pd_swiper .swiper-slide {
	margin-right: 30px;
	padding: 19px 19px 31px 19px;
	border: 1px solid #fff;
	width: 232px;
	height: 392px;
	border-radius: 20px;
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1);
	transition: border 0.1s ease-in-out
}

.category_div .best_div .pd_swiper .swiper-slide:hover {
	border: 1px solid #3cc814
}

.category_div .best_div .pd_swiper .swiper-slide:last-child {
	margin-right: 0
}

.category_div .best_div .pd_swiper .swiper-slide .thumb {
	width: 192px;
	height: 192px;
	text-align: center;
	padding: 0
}

.category_div .best_div .pd_swiper .swiper-slide .thumb .pet_badge {
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
}

.category_div .best_div .pd_swiper .swiper-slide .thumb .pet_badge:before {
	background-image: url("/res/images/pet_24.png");
	background-size: 24px;
}

.category_div .best_div .pd_swiper .swiper-slide .pd_info .etc {
	display: none
}

.category_div .best_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

.category_div .best_div .pd_swiper .swiper-slide .heart {
	top: 178px;
	right: 30px
}

.category_div .best_div .pd_swiper .swiper-slide.soldout .alarm {
	display: block;
	bottom: 36px;
	right: 20px
}

.category_div .best_div .pd_swiper.swiper-container-horizontal+.swiper_btn {
	display: block
}

.category_div .best_div .swiper_btn {
	display: none;
	width: 1310px;
	top: 50%;
	left: -15px;
}

.category_div .best_div .swiper-button-prev {
	left: -69px;
}

.category_div .best_div .swiper-button-next {
	right: -69px;
}

.category_div .new_div {
	position: relative;
	margin-top: 100px
}

.category_div .new_div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 380px;
	background: linear-gradient(100deg, #aeefc2, #dbffb5 100%);
	z-index: 0
}

.category_div .new_div .new_wrap {
	width: 100%;
	display: flex;
}

.category_div .new_div .new_wrap:after {
	content: '';
	display: block;
	clear: both
}

.category_div .new_div .new_wrap .left {
	float: left;
	display: block;
	vertical-align: middle;
	min-width: 160px;
	padding-top: 84px;
	position: relative
}

.category_div .new_div .new_wrap .left .more_btn {
	margin-top: 20px;
	display: inline-block
}

.category_div .new_div .new_wrap .title_div p {
	padding-bottom: 0;
}

.category_div .new_div .new_wrap .right {
	width: 1496px;
	float: left;
	margin-left: 150px;
	border-radius: 20px;
	position: relative;
	top: 30px;
}

.category_div .new_div .new_wrap .time-sale-wrap .body {
	width: 100%;
}

.category_div .new_div .swiper-container {
	padding-right: calc(100% - 688px) !important;
}

.category_div .new_div .swiper-slide {
	width: 688px !important;
	padding: 40px;
	background: #FFF;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
	border-radius: 20px;
}

.category_div .new_div .swiper-slide-active {
	opacity: 1
}

.category_div .new_div .product_list {
	position: relative
}

.category_div .new_div .product_list .thumb {
	padding: 10px;
	width: 240px;
	height: 240px;
}

.category_div .new_div .product_list .thumb .pet_badge {
	top: 20px;
	right: 20px;
}

.category_div .new_div .product_list .heart {
	bottom: 50px;
	left: 210px;
}

.category_div .new_div .product_list.soldout .alarm {
	display: block;
	bottom: 110px;
	right: 40px
}

.category_div .new_div .swiper_btn {
	width: 140px;
	top: 270px;
	left: 0;
}

.category_div .new_div .swiper_btn .swiper-button-prev {
	left: 0;
	transition: all 0.1s ease-in-out;
	background: url("/res/images/icn_arrow_left_555.png") center no-repeat rgba(255, 255, 255, 0.9);
	background-size: 32px;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15)
}

.category_div .new_div .swiper_btn .swiper-button-prev:hover {
	opacity: 1;
}

.category_div .new_div .swiper_btn .swiper-button-next {
	left: 80px;
	transition: all 0.1s ease-in-out;
	background: url("/res/images/icn_arrow_right_555.png") center no-repeat rgba(255, 255, 255, 0.9);
	background-size: 32px;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15)
}

.category_div .new_div .swiper_btn .swiper-button-next:hover {
	opacity: 1;
}

/* 신상품 */
.category_div .brand_new_div {
	position: relative;
	margin-top: 100px;
}

.category_div .brand_new_div .wrap::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 640px);
	display: block;
	width: 1280px;
	height: 460px;
	background-color: #F9F9F9;
}

.category_div .brand_new_div .brand_new_wrap {
	position: relative;
	height: 460px;
	z-index: 2;
}

.category_div .brand_new_div .brand_new_wrap {}

.category_div .brand_new_div .brand_new_wrap li a {
	display: flex;
	align-items: start;
	height: 460px;
}

.category_div .brand_new_div .brand_new_wrap li a .thumb {
	display: flex;
	align-items: center;
	width: 640px;
	height: 100%;
}

.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 {
	width: 640px;
	height: 100%;
	padding: 80px 60px 0;
}

.category_div .brand_new_div .brand_new_wrap li a .info .name {
	margin-bottom: 32px;
}

.category_div .brand_new_div .brand_new_wrap li a .info .desc {
	color: #555;
}

.category_div .brand_new_div .swiper-button {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1400px;
	height: 450px;
}

.category_div .marquee {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 200px;
	overflow: hidden;
	white-space: nowrap;
	background-repeat: repeat-x !important;
	background-position-y: 50%;
	background-size: auto 120px;
	animation: backInfinite 30s linear infinite;
	z-index: 1;
}

.category_div .marquee.brand_100001 {
	background-image: url("/res/images/brand/brand-marquee-100001.svg");
}

.category_div .marquee.brand_100002 {
	background-image: url("/res/images/brand/brand-marquee-100002.svg");
}

.category_div .marquee.brand_100003 {
	background-image: url("/res/images/brand/brand-marquee-100003.svg");
}

.category_div .marquee.brand_100004 {
	background-image: url("/res/images/brand/brand-marquee-100004.svg");
}

.category_div .marquee.brand_100005 {
	background-image: url("/res/images/brand/brand-marquee-100005.svg");
}

.category_div .marquee.brand_100006 {
	background-image: url("/res/images/brand/brand-marquee-100006.svg");
}

.category_div .marquee.brand_100007 {
	background-image: url("/res/images/brand/brand-marquee-100007.svg");
}

.category_div .marquee.brand_100008 {
	background-image: url("/res/images/brand/brand-marquee-100008.svg");
	animation-duration: 15s;
}

.category_div .marquee.brand_100015 {
	background-image: url("/res/images/brand/brand-marquee-100015.svg");
}

.category_div .marquee.brand_100017 {
	background-image: url("/res/images/brand/brand-marquee-100017.svg");
}

.category_div .marquee.brand_100018 {
	background-image: url("/res/images/brand/brand-marquee-100018.svg");
	background-position-y: 90% !important;
	animation-duration: 20s;
}

@keyframes backInfinite {
	0% {
		background-position: 100% 50%;
	}

	100% {
		background-position: -100% 50%;
	}
}

/* 동영상 영역 */
.category_div .brand_video_div {
	position: relative;
	height: 480px;
	margin-top: 100px;
	background-position: center;
	background-size: cover;
	text-align: center;
}

.category_div .brand_video_div.brand_100001 {
	background-image: url("/res/images/brand/brand-video-bg-164.png")
}

.category_div .brand_video_div.brand_100002 {
	background-image: url("/res/images/brand/brand-video-bg-bblab.png")
}

.category_div .brand_video_div.brand_100003 {
	background-image: url("/res/images/brand/brand-video-bg-nutrionelife.png")
}

.category_div .brand_video_div.brand_100004 {
	background-image: url("/res/images/brand/brand-video-bg-b2on.png")
}

.category_div .brand_video_div.brand_100005 {
	background-image: url("/res/images/brand/brand-video-bg-lesecret.png")
}

.category_div .brand_video_div.brand_100006 {
	background-image: url("/res/images/brand/brand-video-bg-thesaeng.png")
}

.category_div .brand_video_div.brand_100007 {
	background-image: url("/res/images/brand/brand-video-bg-vitaschnell.png")
}

.category_div .brand_video_div.brand_100008 {
	background-image: url("/res/images/brand/brand-video-bg-mypuzzle.png")
}

.category_div .brand_video_div.brand_100015 {
	background-image: url("/res/images/brand/brand-video-bg-depeto.png")
}

.category_div .brand_video_div.brand_100017 {
	background-image: url("/res/images/brand/brand-video-bg-mdspick.png")
}

.category_div .brand_video_div.brand_100018 {
	background-image: url("/res/images/brand/brand-video-bg-outandabout.png")
}

.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: 853px;
	height: 100%;
}

/* 리뷰 */
.category_div .best_review_div {
	margin-top: 100px;
}

.category_div .best_review_div ul {
	display: flex;
	gap: 28px;
	flex-wrap: wrap;
}

.category_div .best_review_div ul li {
	width: calc(50% - 14px);
	width: -webkit-calc(50% - 14px);
	height: 240px;
	background-color: #F9F9F9;
}

.category_div .best_review_div ul li a {
	display: flex;
	align-items: center;
	gap: 0 20px;
	width: 100%;
	height: 100%;
	padding: 25px 40px 31px 46px;
}

.category_div .best_review_div ul li a .info {
	width: 336px;
}

.category_div .best_review_div ul li a .info .review-group {
	margin-bottom: 20px;
}

.category_div .best_review_div ul li a .info .name {
	margin-bottom: 8px;
}

.category_div .best_review_div ul li a .info .desc {
	color: #555;
}

.category_div .best_review_div ul li a .thumb {
	position: relative;
	width: 184px;
	height: 184px;
	background-color: #fff;
	border-radius: 100%;
	padding: 20px;
}

.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: 16px;
	font-weight: 500;
	background-color: rgba(255, 255, 255, 0.85);
	border-radius: 50%;
}

/* 브랜드 전체 보기 */
.category_div .brand_all_div {
	background-color: #F9F9F9;
	padding: 100px 0;
	margin-top: 100px;
}

.category_div .brand_all_div .brand_list {
	display: flex;
	flex-wrap: wrap;
	gap: 28px;
}

.category_div .brand_all_div .brand_list li {
	width: 408px;
	height: 132px;
	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;
	height: 32px;
}

.category_div .brand_all_div .brand_list li a .desc {
	color: #555;
}

.category_div .best_type_div {
	margin-top: 100px;
}

.category_div .best_type_div .pd_wrap {
	margin-top: 28px;
}

.category_div .best_type_div .pd_wrap .product_list {
	margin-right: 40px;
	width: 290px
}

.category_div .best_type_div .pd_wrap .product_list:last-child {
	margin-right: 0
}

.category_div .best_type_div .pd_wrap .product_list .thumb {
	width: 290px;
	height: 290px;
	padding: 25px;
	border-radius: 20px;
	background: #f7f7f7;
}

.category_div .best_type_div .pd_wrap .product_list .pd_info .badge {
	display: none
}

.category_div .best_type_div .pd_wrap .product_list .heart {
	top: 230px;
	right: 20px
}

.category_div .best_type_div .pd_wrap .product_list .alarm {
	top: 394px;
	right: 0px
}

.category_div .best_type_div .swiper_btn {
	display: none;
	width: 1310px;
	top: 268px;
	left: 50%;
	transform: translateX(-50%)
}

.category_div .best_type_div .swiper-container-horizontal+.swiper_btn {
	display: block
}

.category_div .best_type_div .swiper_btn .swiper-button-prev {
	left: -69px;
}

.category_div .best_type_div .swiper_btn .swiper-button-next {
	right: -69px;
}

.category_div .free_type_div {
	margin: 100px 0 -32px;
	position: relative
}

.category_div .free_type_div .swiper_btn {
	display: none;
	width: 1076px;
	top: 260px;
	left: 50%;
	transform: translateX(-50%)
}

.category_div .free_type_div .swiper-container-horizontal+.swiper_btn {
	display: block
}

.category_div .free_type_div .heart {
	left: 292px;
	bottom: 52px
}

/* 자유배너 */
.category_div .banner_type {
	width: 1280px;
	border-radius: 0 40px;
	margin: 100px auto 0;
}

.category_div .banner_type .swiper-pagination {
	right: 10px;
	bottom: 10px;
	left: auto;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 4px;
	width: auto;
	height: 36px;
	padding: 0 16px;
	color: #111;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 40px;
}

.category_div .banner_type img {
	width: 100%;
	height: 184px;
	object-fit: cover;
}

.category_div .top_banner {
	position: relative;
}

.category_div:not(.brand) .top_banner {
	margin-top: 20px;
}

.category_div .top_banner+.disp_cate_area {
	margin-top: 60px;
}

.category_div .top_banner .banner img {
	width: 100%;
	height: 592px;
	object-fit: cover;
}

.category_div .top_banner .banner_txt {
	position: absolute;
	top: 145px;
	width: 100%;
}

.category_div .top_banner .banner_txt .logo {
	width: 1280px;
	margin: 0 auto;
	-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 .top_banner .banner_txt .logo img {
	width: auto;
	height: 75px;
}

.category_div .top_banner .banner_txt .desc {
	width: 1280px;
	margin: 48px auto 0;
	color: #333;
	-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 .top_banner .banner_txt .btn-wrap {
	width: 1280px;
	margin: 0 auto;
}

.category_div .top_banner .banner_txt .banner_btn {
	display: inline-block;
	width: auto;
	height: 60px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background-color: #fff;
	padding: 17px 31px;
	-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: 60px;
}

@-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 .category_tab {
	margin: 0 auto 40px;
	width: 1280px
}

.category_div .category_tab:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #ddd
}

.category_div .category_tab .swiper-slide {
	padding: 8px 0;
	width: auto;
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #bbb
}

.category_div .category_tab .swiper-slide.on {
	color: #000
}

.category_div .category_tab .swiper-slide.on:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: #3cc814
}

/* 220929 카테고리 구조 추가 */
.type-google .term+.desc {
	margin-top: -21px;
}

.type-google .desc {
	padding-bottom: 40px;
	font-size: 18px;
	line-height: 1.44;
	letter-spacing: -0.5px;
	color: #333;
}

/*231228 카테고리 depth2 누락 건 추가*/
.category_div .disp_cate_area>div:first-child {
	margin-top: 0;
}

.category_div .disp_cate_area .cate_wrap_div {
	margin-bottom: 33px;
}

.category_div .disp_cate_area .cate_wrap {
	width: 100%;
	padding: 33px 70px 33px 65px;
	border: 1px solid #ddd;
	border-radius: 20px;
}

.category_div .disp_cate_area .cate_wrap:after {
	content: '';
	display: block;
	clear: both;
}

.category_div .disp_cate_area .cate_wrap a {
	display: table;
	float: left;
	width: 188px;
	height: 56px;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	text-align: center;
	vertical-align: middle;
	margin-top: 28px;
	margin-left: 50px;
}

.category_div .disp_cate_area .cate_wrap a:hover {
	text-decoration: underline
}

.category_div .disp_cate_area .cate_wrap a.on {
	color: #3cc814
}

.category_div .disp_cate_area .cate_wrap a:nth-child(-n+5) {
	margin-top: 0
}

.category_div .disp_cate_area .cate_wrap a:nth-child(5n+1) {
	margin-left: 0;
	clear: both
}

.category_div .disp_cate_area .cate_wrap span {
	display: table-cell;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	line-height: 24px;
	color: #000;
}


.category_div .disp_cate_area .cate_wrap h2 {
	display: table-cell;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	line-height: 24px;
	color: #000;
}

/* 240102 베스트 페이지 */
.page_intro.best {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px !important;
	padding-bottom: 24px;
	border-bottom: 2px solid #111;
}

.page_intro.best .page_title {
	height: 52px;
	padding-bottom: 0 !important;
}

.page_intro.best .page-item {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.page_intro.best .page-item li {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	padding: 0 30px;
	color: #999;
	font-size: 16px;
	line-height: 24px;
	border: 2px solid transparent;
	border-radius: 30px;
	cursor: pointer;
}

.page_intro.best .page-item li h2 {
	color: inherit;
	font: inherit;
}

.page_intro.best .page-item li.on {
	color: #111;
	font-weight: 700;
	border-color: #111;
}

.page_intro.best+.date-basis {
	display: flex;
	align-items: center;
	gap: 0 4px;
	height: 60px;
	margin-bottom: 16px;
}

.page_intro.best+.date-basis .date {
	color: #333;
}

/* 240130 카테고리 여백 처리 */
.category_div>div.product_list_top:not(:nth-of-type(1)) {
	margin-top: 132px;
}

/* 240416 카테고리 페이지 별도 처리 (/item/dispFunc/, /item/lstFunc/) */
.category_div.disp-func .top_banner {
	margin-top: 0;
	padding-bottom: 40px;
}

.category_div.disp-func .top_banner img {
	width: 100%;
	height: 184px;
	border-radius: 0 40px;
	object-fit: cover;
}

.category_div.disp-func .best_div {
	padding-top: 20px;
	margin: 0 auto 100px !important;
}

.category_div.disp-func .new_div {
	height: 424px;
	margin: 0 auto 80px;
}

.category_div.disp-func .new_div .new_wrap .left {
	min-width: 270px;
}

.category_div.disp-func .new_div .swiper_btn {
	width: 116px;
	height: 52px;
	top: 314px;
	left: 0;
}

.category_div .new_div .swiper_btn .swiper-button-prev,
.category_div .new_div .swiper_btn .swiper-button-next {
	top: 0;
	width: 52px;
	height: 52px;
	margin-top: 0;
	background-color: #fff;
	background-size: 24px;
	box-shadow: none;
}

.category_div .new_div .swiper_btn .swiper-button-prev {
	left: 0;
	background-image: url("/res/images/icon/arrow-left-111.svg");
}

.category_div .new_div .swiper_btn .swiper-button-next {
	left: 64px;
	background-image: url("/res/images/icon/arrow-right-111.svg");
}

.category_div.disp-func .new_div .swiper-slide {
	box-shadow: none;
	border-radius: 12px;
}

.category_div.disp-func .new_div .swiper-container:not(.swiper-disabled) .swiper-wrapper .swiper-slide:not(.swiper-slide-active):after {
	border-radius: 12px;
}

.category_div.disp-func .new_div:before {
	height: 100%;
}

.category_div.disp-func .best_type_div,
.category_div.disp-func .free_type_div {
	margin: 0 auto 80px !important;
}

.category_div.disp-func .all_div {
	margin-top: 100px;
}

.category_div.disp-func .page_intro+.all_div {
	margin-top: 0;
}

/* 250617 상품 리스트 공통 */
.product-category>.head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1280px;
	height: 60px;
	margin: 0 auto 16px;
}

.product-category>.head .count {
	color: #111;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.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 rotate_img {
	100% {
		transform: rotate(360deg);
	}
}

.event_div .challenge-wrap {
	overflow: hidden;
}

.event_div .challenge-wrap .cnt {
	margin-top: 0;
	padding: 0 0 80px;
	background-image: url('/res/images/challenge/sun.svg'), url('/res/images/challenge/bg.svg');
	background-size: 300px, cover;
	background-position: 86px -100px, 50% 0;
}

.event_div .challenge-wrap .cnt .top-info {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 1003px;
}

.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: 193px;
	font-size: 34px;
	font-weight: 500;
	line-height: 44px;
}

.event_div .challenge-wrap .cnt .top-info .term1 [class*=txt] {
	display: flex;
	justify-content: center;
	/* display: flex;
	flex-direction: column; */
	/* animation: opacity 2s ease infinite; */
	/* animation: wave-text 1s ease-in-out infinite; */
}

.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 .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 .term1::before,
.event_div .challenge-wrap .cnt .top-info .term1::after {
	content: '';
	position: absolute;
	display: block;
	background: url(/res/images/challenge/twinkle.svg) 50% 50% / cover;
	/* animation: twinkle 1.5s linear infinite; */
}

.event_div .challenge-wrap .cnt .top-info .term1::before {
	width: 28px;
	height: 28px;
	top: 158px;
	left: 475px;
	animation-delay: -1s;
}

.event_div .challenge-wrap .cnt .top-info .term1::after {
	width: 48px;
	height: 48px;
	top: 114px;
	left: 496px;
}

.event_div .challenge-wrap .cnt .top-info .term2 {
	position: relative;
	height: 810px;
	padding-top: 50px;
	font-size: 144px;
	font-weight: 700;
	line-height: 152px;
}

.event_div .challenge-wrap .cnt .top-info .term2 .text {
	position: relative;
	z-index: 3;
}

.event_div .challenge-wrap .cnt .top-info .term2:after {
	content: '';
	position: absolute;
	top: -82px;
	left: 23px;
	display: block;
	width: 1440px;
	height: 810px;
	background: url('/res/images/challenge/mountain.svg') no-repeat 0 0 / contain;
	z-index: 1;
}

.event_div .challenge-wrap .cnt .top-info [class*=desc] {
	position: absolute;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-top: 50px;
	font-family: GmarketSans;
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	line-height: 34px;
	/* animation: float 2s ease-in-out infinite; */
}

.event_div .challenge-wrap .cnt .top-info [class*=desc] strong {
	font-size: 28px;
	font-weight: 700;
}

.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 .desc1 {
	top: 130px;
	left: 198px;
	width: 246px;
	height: 142px;
	background: url(/res/images/challenge/cloud-01.svg);
}

.event_div .challenge-wrap .cnt .top-info .desc2 {
	top: 373px;
	left: 950px;
	width: 250px;
	height: 145px;
	background: url(/res/images/challenge/cloud-02.svg);
	animation-delay: -1s;
	z-index: 2;
}

.event_div .challenge-wrap .cnt .top-info .flag {
	position: absolute;
	top: 91px;
	left: 912px;
	width: 86px;
	height: 113px;
	background: url(/res/images/challenge/flag.gif);
}

.event_div .challenge-wrap .cnt>div:not(.top-info) {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-left: 100px;
	margin-right: 100px;
	padding: 60px 40px;
	border-radius: 0 40px;
	background-color: #fff;
}

.event_div .challenge-wrap .cnt .title {
	margin-bottom: 40px;
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
	letter-spacing: -0.5px;
	color: #111;
}

.event_div .challenge-wrap .cnt .app-info {
	position: relative;
	margin-top: -403px;
	z-index: 1;
}

.event_div .challenge-wrap .cnt .app-info~div {
	margin-top: 60px;
}

.event_div .challenge-wrap .app-info .title {
	margin-bottom: 0;
}

.event_div .challenge-wrap .app-info .title strong {
	font: inherit;
	color: var(--color-primary-1);
}

.event_div .challenge-wrap .app-info .desc {
	padding-top: 8px;
	color: #333;
}

.event_div .challenge-wrap .app-info .desc strong {
	font: inherit;
	font-weight: 700;
	color: inherit
}

.event_div .challenge-wrap .app-info img {
	margin-top: 4px;
}

.event_div .challenge-wrap .app-info .app-info-msg {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 558px;
	height: 80px;
	font-family: GmarketSans;
	font-size: 26px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.5px;
	color: #fff;
	border-radius: 4px;
	background-color: #ddd;
}

.event_div .challenge-wrap .way ul {
	display: flex;
}

.event_div .challenge-wrap .way ul li {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* width: 320px; */
}

.event_div .challenge-wrap .way ul li .num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	color: var(--color-primary-1);
	font-family: GmarketSans;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: -0.2px;
	border-radius: 50%;
	background-color: #F3FBF8;
	box-shadow: 0px 0px 20px 0px #FFFFFF33 inset;
}

.event_div .challenge-wrap .way ul li .term {
	padding-top: 10px;

}

.event_div .challenge-wrap .way ul li .term strong {
	font-weight: 700;
}

.event_div .challenge-wrap .way ul li img {
	width: 320px;
	height: 290px;
	margin-top: -10px;
}

.event_div .challenge-wrap .current-state {
	padding-bottom: 142px;
}

.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: 164px;
	height: 96px;
	padding: 0px 27px;
	background: #ffffff;
	border-radius: 13px;
	z-index: 1;
}

.event_div .challenge-wrap .current-state .speech-bubble:after {
	content: '';
	position: absolute;
	bottom: -29px;
	width: 38px;
	height: 30px;
	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: 0px;
	right: -88px;
}

.event_div .challenge-wrap .current-state .speech-bubble.people:after {
	left: 35px;
}

.event_div .challenge-wrap .current-state .speech-bubble.point {
	right: -30px;
	bottom: -20px;
}

.event_div .challenge-wrap .current-state .speech-bubble.point:after {
	top: -29px;
	left: 42px;
	transform: scaleX(-1) rotate(-180deg);
}

.event_div .challenge-wrap .current-state .speech-bubble.precent {
	bottom: -33px;
	left: -4px;
}

.event_div .challenge-wrap .current-state .speech-bubble.precent:after {
	top: -28px;
	right: 42px;
	transform: rotate(180deg);
}

.event_div .challenge-wrap .current-state .speech-bubble.success {
	top: 100px;
	left: -50px;
}

.event_div .challenge-wrap .current-state .speech-bubble.success:after {
	right: 42px;
	transform: scaleX(-1);
}

.event_div .challenge-wrap .current-state .speech-bubble span {
	display: block;
	letter-spacing: -0.5px;
}

.event_div .challenge-wrap .current-state .speech-bubble .term {
	font-size: 20px;
	line-height: 32px;
	color: #333;
}

.event_div .challenge-wrap .current-state .speech-bubble .desc {
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	color: #555;
}

.event_div .challenge-wrap .current-state .speech-bubble .desc strong {
	font-size: 32px;
	font-weight: 700;
	line-height: 32px;
	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: 360px;
	height: 360px;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap svg {
	position: relative;
	width: 360px;
	height: 360px;
	transform: rotate(-90deg);
}

.event_div .challenge-wrap .current-state .circle-progress-wrap svg circle {
	width: 100%;
	height: 100%;
	fill: none;
	stroke: #f0f0f0;
	stroke-width: 50;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap svg circle:last-of-type {
	stroke-dasharray: 1130px;
	stroke: #FD787C;
	animation: circleProgress 2s infinite ease-in-out;
}

@keyframes circleProgress {
	from {
		stroke-dashoffset: 1130px;
	}

	to {
		stroke-dashoffset: 452px;
	}
}

.event_div .challenge-wrap .current-state .circle-progress-wrap .text {
	position: absolute;
	top: 75px;
	left: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 210px;
	height: 210px;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap .text:before {
	content: '';
	display: block;
	width: 50px;
	height: 50px;
	background: url(/res/images/challenge/alarm.svg) 50% 0;
}

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

.event_div .challenge-wrap .current-state .circle-progress-wrap .text span {
	font-size: 17px;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.event_div .challenge-wrap .current-state .circle-progress-wrap .text strong {
	font-size: 34px;
	font-weight: 700;
	letter-spacing: -2px;
}











/* 기존 코드 */
.event_div .challenge-wrap .cnt .title b {
	font-weight: bold;
}

.event_div .challenge-wrap .cnt .top-info {
	position: relative;
}

.event_div .challenge-wrap .way img {
	height: 396px;
}

.event_div .challenge-wrap .my-state .title {
	margin-bottom: 0;
}

.event_div .challenge-wrap .my-state .period {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	margin-top: 12px;
	padding: 0 40px;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.5px;
	color: #fff;
	border-radius: 32px;
	background-color: #3cc814;
}

.event_div .challenge-wrap .my-state .achieve-rate {
	width: 640px;
	margin-top: 42px;
}

.event_div .challenge-wrap .my-state .achieve-rate .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.event_div .challenge-wrap .my-state .achieve-rate .head .term {
	font-size: 28px;
	line-height: 36px;
	letter-spacing: -0.5px;
	color: #111;
}

.event_div .challenge-wrap .my-state .achieve-rate .head .desc {
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
	letter-spacing: -0.5px;
	color: #333;
}

.event_div .challenge-wrap .my-state .achieve-rate .head .desc strong {
	font-size: 32px;
	font-weight: bold;
}

.event_div .challenge-wrap .my-state .achieve-rate .progress {
	width: 100%;
	height: 16px;
	border-radius: 8px;
	background-color: #f7f7f7;
}

.event_div .challenge-wrap .my-state .achieve-rate .progress .gauge {
	height: 100%;
	border-radius: 8px;
	background-color: #3cc814;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list {
	display: flex;
	align-items: center;
	margin-top: 24px;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 114px;
	border-radius: 8px;
	border: solid 2px #3cc814;
	background-color: #fff;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li:not(.state) {
	flex-direction: column;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li+li {
	margin-left: 30px;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li>div {
	text-align: center;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li>div+div {
	position: relative;
	padding-left: 56px;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li>div+div:before {
	content: '';
	position: absolute;
	top: 20px;
	left: 0;
	display: block;
	width: 1px;
	height: 32px;
	margin: 0 28px;
	background-color: #eee;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list li div.fail * {
	color: #ccc;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list .term {
	font-size: 22px;
	font-weight: 500;
	line-height: 32px;
	letter-spacing: -0.5px;
	color: #111;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list .desc {
	padding-top: 2px;
	font-size: 18px;
	font-weight: 500;
	line-height: 32px;
	letter-spacing: -0.5px;
	text-align: center;
	color: #555;
}

.event_div .challenge-wrap .my-state .achieve-rate .state-list .desc strong {
	font-size: 28px;
	font-weight: bold;
	color: #3cc814;
}

.event_div .challenge-wrap .my-state .attend-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	margin-top: 48px;
}

.event_div .challenge-wrap .my-state .attend-list li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	letter-spacing: -0.5px;
	color: #999;
	border-radius: 50%;
	background-color: #f9f9f9;
}

.event_div .challenge-wrap .my-state .attend-list li.success {
	padding: 0 30px;
	color: #fff;
	line-height: 30px;
	text-align: center;
	background-color: #052832;
}

.event_div .challenge-wrap .my-state .info-msg {
	padding-top: 28px;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.5px;
	text-align: center;
	color: #333;
}

.event_div .challenge-wrap .my-state .info-msg strong {
	font-weight: 500;
	color: #3cc814;
}

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

.event_div .challenge-wrap .share-benefit li+li {
	margin-left: 32px;
}

.event_div .challenge-wrap .page_bottom_noti {
	margin-top: 0;
}@charset "utf-8";

/* 광고·제휴 문의 */
.inqu_div .text {
	margin-bottom: 40px;
	padding-bottom: 40px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	border-bottom: 1px solid #eee
}

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

.inqu_div .input_form .tit {
	float: left;
	padding: 12px 0;
	width: 100px;
	font-size: 16px;
	line-height: 24px;
	color: #333
}

.inqu_div .input_form .input_area {
	float: left;
	margin-top: 0;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px)
}

.inqu_div .input_form .input_area input,
.inqu_div .input_form .input_area.select_form {
	height: 48px;
}

.inqu_div .input_form .select_form .text {
	padding-bottom: 0;
	border-bottom: none;
}

/* .inqu_div .input_form .textarea_div {
	padding: 16px 46px 44px 12px;
	background: #f7f7f7;
	border-radius: 10px
} */

.inqu_div .input_form .textarea_div .byte {
	right: 12px;
	bottom: 16px
}

.inqu_div .upload_form {
	margin-top: 20px
}

.inqu_div .upload_form:after {
	content: '';
	display: block;
	clear: both
}

.inqu_div .upload_form .tit {
	float: left;
	padding: 12px 0;
	width: 100px;
	font-size: 16px;
	line-height: 24px;
	color: #333
}

.inqu_div .upload_div {
	position: relative;
	float: left;
	padding: 32px 15px 32px;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	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: 112px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	background: #3cc814;
	border-radius: 10px;
}

.inqu_div .upload_div input[type="file"] {
	position: absolute;
	bottom: 32px;
	left: 50%;
	transform: translateX(-50%);
	width: 112px;
	height: 48px;
	opacity: 0
}

.inqu_div .upload_div.upload .upload_info {
	display: block
}

.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: -10px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: url('/res/images/clear_delete_20x20.png') no-repeat center;
	background-size: 20px
}

.inqu_div .upload_div.upload .upload_info .name {
	display: inline-block;
	margin-top: 12px;
	padding: 0 1px;
	max-width: 300px;
	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 {
	padding-left: 100px;
	margin-top: 20px
}

.inqu_div .chk_div .chk_box input[type="checkbox"]+label {
	font-size: 16px;
}

.inqu_div .dot_indent {
	padding-left: 100px;
	margin-top: 12px
}

.inqu_div .dot_indent p {
	margin-top: 4px;
	font-weight: 300;
	line-height: 18px;
	color: #999
}

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

.inqu_div .capcha {
	margin: 40px 350px 0 450px;
	width: 480px
}

.inqu_div .capcha img {
	width: 100%
}

.inqu_div .btn_type {
	margin: 40px 350px 0 450px;
	padding-top: 40px;
	width: 480px
}

#captcha_secret {
	transform: scale(1.58);
	-webkit-transform: scale(1.58);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0
}

/* 이용약관 및 개인정보 처리방침 등 */
.term_div {
	color: #000;
	font-size: 16px;
	line-height: 24px;
	font-weight: 300
}

.term_div .anchor_div a {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #3cc814
}

.term_div .anchor_div a:hover {
	text-decoration: underline
}

.term_div .text_div {
	margin-top: 40px
}

.term_div .tit {
	margin-top: 30px;
	font-weight: 400
}

.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: 8px;
	font-size: 14px;
	color: #777
}

.term_div .txt p {
	margin-top: 12px;
}

.term_div .txt p:first-child {
	margin-top: 0;
}

.term_div .txt table {
	position: relative;
	margin-top: 24px
}

.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 #999;
	border-right: 1px solid #eee;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: left;
	padding: 9px 24px;
	background: #f7f7f7
}

.term_div .txt table tbody tr th {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: left;
	padding: 20px 24px 19px
}

.term_div .txt table tr td {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #eee;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #000;
	text-align: left;
	padding: 20px 24px 19px
}

.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 .bar_indent {
	padding-left: 15px;
	margin-top: 4px
}

.term_div .txt .bar_indent p {
	margin-top: 2px;
	color: #777
}

.term_div .txt .bar_indent p:first-child {
	margin-top: 0;
}

.term_div .txt .bar_indent+p {
	margin-top: 10px
}

.term_div .txt .indent {
	padding-left: 15px;
	margin-top: 4px
}

.term_div .txt .indent p {
	margin-top: 10px
}

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

.term_div .sub_tit+.dot_indent {
	margin-left: 8px;
	margin-top: 6px;
}

.term_div .txt a {
	color: #3cc814
}

.term_div .select_div {
	margin-top: 12px;
	width: 400px
}
/* nutrione.css 15669 */
.floating_menu .time_special_div .time_special_view.on {
	/*해당 코드 추가*/
	border: 1px solid #555;
	box-shadow: 0px 2.6px 7.8px rgba(0, 0, 0, 0.15);
}

/*  230912 쿠폰존 */
.coupon_zone .banner {
	position: relative;
	width: 100%;
	height: 412px;
	background: url('/res/images/banner/cpn-zone-banner-bg.png') no-repeat right 196px top 18px / 564px auto #DBF4FC;
	overflow: hidden;
}

.coupon_zone .banner::before,
.coupon_zone .banner::after {
	content: '';
	position: absolute;
	width: 371px;
	height: 366px;
	background: #DBF4FC;
	mix-blend-mode: multiply;
	opacity: 0.4;
	filter: blur(67px);
}

.coupon_zone .banner::before {
	top: -178px;
	left: 337px;
}

.coupon_zone .banner::after {
	bottom: -108px;
	right: -107px;
}

.coupon_zone .banner .txt {
	position: absolute;
	top: 60px;
	left: 60px;
}

.coupon_zone .banner .desc {
	display: block;
	color: #333;
	margin-top: 32px;
}

.coupon_zone .banner .btn {
	position: absolute;
	bottom: 60px;
	left: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	height: 60px;
	background-color: #fff;
	border-radius: 4px;
	z-index: 1;
}

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

.coupon_zone .no_data_div .txt_area {
    padding: 164px 20px 20px;
    background: url('/res/images/icon/nodata.svg') no-repeat center 80px;
}

.coupon_zone .coupon_zone_div {
	padding-top: 60px;
}

.coupon_zone .coupon_zone_div .cpn_com_list {
	gap: 28px;
}

.coupon_zone .coupon_zone_div .cpn_com_list li {
	width: calc(33.3333% - 19px);
}

.coupon_zone .coupon_zone_div .cpn_com_list .list .btn_area .cpn_down_btn {
	height: 52px;
}

.coupon_zone .page_bottom_noti {
	margin-top: 60px;
}

.coupon_zone .no_data_div .txt_area {
	border-bottom: none;
}@charset "utf-8";

/* 고객센터 */
.cs-wrap {
	flex: 1;
	max-width: 1020px;
	margin-top: -88px;
}

.cs-wrap .menu-title {
	margin-bottom: 40px;
	color: #111;
	font-size: 28px;
	font-weight: 600;
	line-height: 36px;
}

.cs-wrap .category-wrap {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 16px;
	padding-bottom: 24px;
	border-bottom: 2px solid #111;
}

.cs-wrap .category-wrap .swiper-container:not(:has(.swiper-wrapper.center)) {
	position: static;
	display: flex;
	justify-content: center;
	width: 860px;
}

.cs-wrap .category-wrap .swiper-wrapper {
	position: relative;
	width: 100%;
}

.cs-wrap .category-wrap .swiper-wrapper.center {
	justify-content: center;
}

.cs-wrap .category-wrap .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: 52px;
	color: #999;
	border-radius: 30px;
	padding: 0 30px;
	text-align: center;
	border: 2px solid transparent;
}

.cs-wrap .category-wrap .swiper-slide:hover,
.cs-wrap .category-wrap .swiper-slide.on {
	color: #111;
	font-weight: 700;
}

.cs-wrap .category-wrap .swiper-slide.on {
	border-color: #333;
}

.cs-wrap .category-wrap .swiper-slide a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.cs-wrap .category-wrap .swiper-button-prev,
.cs-wrap .category-wrap .swiper-button-next {
	top: 6px;
	width: 40px;
	height: 40px;
	margin-top: 0;
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: center;
}

.cs-wrap .category-wrap .swiper-button-prev {
	left: 0;
	right: auto;
	background-image: url('/res/images/icon/arrow-swiper-left-111.svg');
}

.cs-wrap .category-wrap .swiper-button-next {
	right: 0;
	left: auto;
	background-image: url('/res/images/icon/arrow-swiper-right-111.svg');
}

/* 고객센터 > 자주하는 질문 */
.cs-wrap .cs-faq .search-wrap {
	margin-bottom: 24px;
	padding: 28px 40px;
	background-color: #F9F9F9;
	border-radius: 16px;
}

.cs-wrap .cs-faq .search-wrap .input_form {
	position: relative
}

.cs-wrap .cs-faq .search-wrap .input_form input {
	height: 48px;
	padding: 10px 68px 10px 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.cs-wrap .cs-faq .search-wrap .input_form .delete {
	right: 58px
}

.cs-wrap .cs-faq .search-wrap .input_form .search-btn {
	position: absolute;
	top: 10px;
	right: 20px;
	width: 28px;
	height: 28px;
	background: url("/res/images/icon/search-111.svg") no-repeat 50% / 28px;
}

.cs-wrap .cs-faq .list>.head {
	height: 60px;
	display: flex;
	align-items: center;
	color: #111;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	border-bottom: 1px solid #eee;
}

.cs-wrap .cs-faq .list .accordion li {
	border-bottom: 1px solid #eee;
}

.cs-wrap .cs-faq .list .accordion li .head {
	display: flex;
	align-items: center;
	gap: 0 30px;
	padding: 24px 0;
}

.cs-wrap .cs-faq .list .accordion li .head .type {
	width: 93px;
	color: #3CC814;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.cs-wrap .cs-faq .list .accordion li .head .name {
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.cs-wrap .cs-faq .list .accordion li .body {
	display: none;
	padding: 24px 0;
	border-top: 1px solid #eee;
}

.cs-wrap .cs-faq .list .accordion li .body p {
	color: #333;
	font-size: 14px;
	line-height: 20px;
}

.cs-wrap .cs-faq .list .accordion li .body img {
	max-width: 640px;
}

/* 고객센터 > 공지사항 */
.cs-wrap .cs-notice .list li a,
.cs-wrap .cs-notice-dtl .head {
	display: flex;
	align-items: center;
	gap: 0 16px;
	padding: 24px 20px;
	border-bottom: 1px solid #eee;
}

.cs-wrap .cs-notice .list li .flag,
.cs-wrap .cs-notice-dtl .head .flag {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 26px;
	font-size: 13px;
	font-weight: 500;
	border-radius: 4px;
}

.cs-wrap .cs-notice .list li .flag.notice,
.cs-wrap .cs-notice-dtl .head .flag.notice {
	color: #fff;
	background-color: #052832;
}

.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-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-notice .list li .name,
.cs-wrap .cs-notice .list li .date,
.cs-wrap .cs-notice-dtl .head .name,
.cs-wrap .cs-notice-dtl .head .date {
	font-size: 16px;
	line-height: 24px;
}

.cs-wrap .cs-notice .list li .name,
.cs-wrap .cs-notice-dtl .head .name {
	flex: 1;
	color: #111;
}

.cs-wrap .cs-notice .list li .date,
.cs-wrap .cs-notice-dtl .head .date {
	color: #999;
}

.cs-wrap .cs-notice .list li.fixed {
	background-color: #F9F9F9;
}

.cs-wrap .cs-notice-dtl .head {
	border-top: 1px solid #eee;
}

.cs-wrap .cs-notice-dtl .body {
	padding: 40px 20px 60px;
}

.cs-wrap .cs-notice-dtl .body div,
.cs-wrap .cs-notice-dtl .body p {
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.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: 14px 30px;
	font-size: 16px;
	color: #555;
	line-height: 24px;
	vertical-align: middle;
}

.cs-wrap .cs-notice-dtl .body table td * {
	color: 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 {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.cs-wrap .cs-notice-dtl .post-navi li a {
	display: flex;
	align-items: center;
	gap: 0 30px;
	padding: 20px 0;
}

.cs-wrap .cs-notice-dtl .post-navi li+li {
	border-top: 1px solid #eee;
}

.cs-wrap .cs-notice-dtl .post-navi li .flag,
.cs-wrap .cs-notice-dtl .post-navi li .date {
	color: #bbb;
	font-size: 14px;
	line-height: 20px;
}

.cs-wrap .cs-notice-dtl .post-navi li .name {
	flex: 1;
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.cs-wrap .cs-notice-dtl .list-btn {                                               
	margin: 60px auto 0;
}

/* 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 .textarea_div:after {
	content: '';
	display: block;
	width: calc(100% + 80px);
	width: -webkit-calc(100% + 80px);
	height: 10px;
	background: #f7f7f7;
	margin-left: -40px;
	margin-top: 24px;
}

.inqu_wrt_div .textarea_div .input_form {
	margin-top: 12px;
}

.inqu_wrt_div .textarea_div .input_form:first-child {
	margin-top: 0;
}

.inqu_wrt_div .textarea_div .input_form .select_form,
.inqu_wrt_div .textarea_div .input_form .select_form .select {
	height: 48px;
}

.inqu_wrt_div .textarea_div .input_form .input_area+.input_area {
	margin-top: 12px;
}

.inqu_wrt_div .textarea_div .chk_div {
	margin-top: 20px;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #000;
}

.inqu_wrt_div .pic_div {
	padding: 32px 0;
}

.inqu_wrt_div .pic_div .tit {
	color: #111;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	text-align: center
}

.inqu_wrt_div .pic_div .upload_pic {
	margin-top: 20px
}

.inqu_wrt_div.layer_pop .bottom_btn {
	margin-top: 0px
}

.inqu_wrap .top_area {
	padding: 26px 32px;
	border-radius: 4px;
	border: 1px solid #ccc;
	margin-bottom: 40px;
}

.inqu_wrap .top_area:after {
	content: '';
	display: block;
	clear: both;
}

.inqu_wrap .top_area .left {
	float: left;
	color: #111;
	font-size: 18px;
	line-height: 26px;
}

.inqu_wrap .top_area .right {
	float: right;
}

.inqu_wrap .top_area .right a.btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 190px;
	height: 48px;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	background: #3cc814;
	color: #fff;
	border-radius: 4px;
}

.inqu_list_div {
	border-top: 1px solid #eee;
}

.inqu_list_div .list {
	border-bottom: 1px solid #eee;
}

.inqu_list_div .list .open {
	display: block;
	padding: 24px 40px 24px 20px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
	background: url(/res/images/m_icn_down_40x40.png) no-repeat right 16px top 50% / 20px;
}

.inqu_list_div .list .open .info:after {
	content: '';
	clear: both;
	display: block
}

.inqu_list_div .list .open .info {
	display: flex;
	align-items: center;
	margin-right: 20px;
}

.inqu_list_div .list .open .info p {
	float: left;
}

.inqu_list_div .list .open .info p.state {
	width: 60px;
	color: #999;
	margin-right: 37px;
	font-weight: 500;
}

.inqu_list_div .list.comp .open .info p.state {
	color: #3CC814
}

.inqu_list_div .list .open .info p.tit {
	flex: 1;
}

.inqu_list_div .list .open .info p.date {
	margin-top: auto;
	color: #999;
	font-size: 14px;
}

.inqu_list_div .list.on .open {
	background: url(/res/images/m_icn_up_40x40.png) no-repeat right 16px top 50%;
	background-size: 20px;
}

.inqu_list_div .list .close {
	display: none;
	padding: 24px 20px;
	border-top: 1px solid #eee;
	font-size: 16px;
	line-height: 28px;
}

.inqu_list_div .list .question {
	color: #333
}

.inqu_list_div .list .question .tool {
	font-size: 13px;
	color: #000;
}

.inqu_list_div .list .question .tool:after {
	content: '';
	display: block;
	clear: both
}

.inqu_list_div .list .question .tool a {
	display: block;
	float: right;
	padding-right: 22px;
	line-height: 16px;
}

.inqu_list_div .list .question .tool a.edt {
	background: url("/res/images/icn_edit.png") center right no-repeat;
	background-size: 16px;
	padding-right: 22px;
	margin-right: 17px;
	position: relative
}

.inqu_list_div .list .question .tool a.edt:after {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	background: #ddd;
	position: absolute;
	right: -8px;
	top: 3px;
}

.inqu_list_div .list .question .tool a.dlt {
	background: url("/res/images/icn_delete.png") center right no-repeat;
	background-size: 16px;
}

.inqu_list_div .list .question .txt_zone {
	margin-top: -16px;
}

.inqu_list_div .list .question .txt {
	font-size: 16px;
	line-height: 24px;
	word-break: break-all;
}

.inqu_list_div .list .question .photo {
	display: block;
	width: 100%;
	border-radius: 10px;
}

.inqu_list_div .list .question .photo img:first-child {
	margin-top: 20px;
}

.inqu_list_div .list .question .photo img {
	max-width: 640px;
	border-radius: 15px;
	margin-top: 16px;
}

.inqu_list_div .list .answer {
	padding: 20px;
	background: #F9F9F9;
	border-radius: 4px;
	color: #777;
	font-size: 14px;
	line-height: 20px;
	margin-top: 24px;
}

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

.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 p {
	font-size: 14px;
	line-height: 20px;
}

.inqu_list_div .list .answer .txt table {
	word-break: break-all;
	background: #fff !important;
}

.inqu_list_div .list .answer img {
	margin: 10px 0;
	max-width: 100%
}

.inqu_list_div .list .answer img:first-child {
	margin-top: 0
}

.inqu_list_div .list .answer img:last-child {
	margin-bottom: 0
}

.inqu_wrap .no_data_div .txt_area {
	padding-top: 164px;
	padding-bottom: 0;
	background-position: 50% 80px;
	border: none;
}

/* 250702 상품상세 내 qna */
/* Q&A */
.qna_div .dot_indent {
	padding-bottom: 26px;
}

.qna_div .qna_list_div .list {
	border-bottom: 1px solid #eee;
}

.qna_div .qna_list_div .list .open {
	padding: 24px 40px 24px 0;
	display: block;
	background: url('/res/images/icon/arrow-down-111.svg') no-repeat right center;
	background-size: 20px;
}

.qna_div .qna_list_div .list.on .open {
	background: url('/res/images/icon/arrow-up-111.svg') no-repeat right center;
	background-size: 20px;
}

.qna_div .qna_list_div .list .close {
	display: none;
	padding: 24px 20px;
	border-top: 1px solid #eee;
	font-size: 16px;
	line-height: 28px;
}

.qna_div .qna_list_div .list.secret .open .tit:before {
	background: url("/res/images/icon/lock-111.svg") no-repeat center;
	content: '';
	background-size: 24px;
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle
}

.qna_div .qna_list_div .list .question {
	display: flex;
	align-items: start;
	justify-content: space-between;
}

.qna_div .qna_list_div .list .question .tool {
	display: flex;
	align-items: center;
	min-width: 107px;
	order: 1;
	margin-left: 40px;
}

.qna_div .qna_list_div .list .question .tool a {
	display: block;
	padding-right: 20px;
	line-height: 16px;
}

.qna_div .qna_list_div .list .question .tool a.edt {
	background: url("/res/images/icon/edit-111.svg") top right no-repeat;
	background-size: 16px;
	padding-right: 20px;
	margin-right: 17px;
	position: relative;
	order: 0;
}

.qna_div .qna_list_div .list .question .tool a.edt:after {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	background: #ddd;
	position: absolute;
	right: -8px;
	top: calc(50% - 5px);
}

.qna_div .qna_list_div .list .question .tool a.dlt {
	background: url("/res/images/icon/trash-111.svg") center right no-repeat;
	background-size: 16px;
	order: 1;
}

.qna_div .qna_list_div .list .question .txt {
	color: #333;
	order: 0;
	word-break: break-all;
}

.qna_div .qna_list_div .list .answer {
	padding: 20px;
	background: #f9f9f9;
	border-radius: 4px;
	margin-top: 20px;
}

.qna_div .qna_list_div .list .answer .info {
	margin-bottom: 12px;
	display: table
}

.qna_div .qna_list_div .list .answer .info .name {
	position: relative;
	display: inline-flex;
	color: #333;
	align-items: center;
}

.qna_div .qna_list_div .list .answer .info .name:after {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	background: #ddd;
	margin: 0 10px;
}

.qna_div .qna_list_div .list .answer .info .date {
	display: inline-flex;
	align-items: center;
	color: #333;
}

.qna_div .qna_list_div .list .answer .info .txt {
	color: #333;
}

.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 0;
	max-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
}@charset "utf-8";

/* ============================== 타임특가 ============================== */
.time_type_div {
	position: relative;
	margin-bottom: 100px;
	max-width: 100%;
	overflow: hidden;
}

.time_type_div.dispspc {
	margin-top: -61px;
}

#wrap:not(.no-top-banner) header.fix~#content .time_type_div.dispspc {
	margin-top: -99px;
}

.time_type_div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 480px;
	background: linear-gradient(101deg, #ffe3f0, #fce6dd 100%);
	z-index: 0;
}

.time_type_div.bg-gradient:before {
	background: url(/res/images/bg/time-spc-gradient.png) 0 0 / cover;
}

.time_type_div .new_wrap {
	display: flex;
	width: 100%;
	height: 480px;
	padding-left: 320px;
}

.time_type_div .new_wrap .left {
	position: relative;
	display: block;
	width: 240px;
	padding-top: 104px;
}

.time_type_div .left .title {
	display: flex;
	align-items: center;
	gap: 0 12px;
	font-size: 52px;
	line-height: 60px;
	letter-spacing: -0.5px;
	color: #111;
}

.time_type_div .left .title .text {
	font-family: GmarketSans;
	font-size: 48px;
	font-weight: 600;
	line-height: 50px;
	letter-spacing: -0.5px;
}

.time_type_div .left .title .ico {
	position: absolute;
	top: 0;
	left: -130px;
	display: block;
	width: 130px;
	height: 110px;
	background: url(/res/images/icon/time-spc-ico.svg) 50% / cover;
}

.time_type_div .left .sub-title {
	padding-top: 24px;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -0.5px;
	color: #333;
}

.time_type_div .swiper_btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 12px;
	width: 116px;
	height: 52px;
}

.time_type_div .swiper_btn .swiper-button-prev, .time_type_div .swiper_btn .swiper-button-next {
	position: static;
	width: 52px;
	height: 52px;
	margin-top: 80px;
	border-radius: 50%;
	background-color: #fff;
	background-position: 50%;
	background-size: 24px;
	transition: all 0.1s ease-in-out;
}

.time_type_div .swiper_btn .swiper-button-prev {
	background-image: url("/res/images/icon/arrow-left-555.svg");
}

.time_type_div .swiper_btn .swiper-button-next {
	background-image: url("/res/images/icon/arrow-right-555.svg");
}

.time_type_div .swiper_btn .swiper-button-disabled {
	opacity: 1;
}

.time_type_div .swiper_btn .swiper-button-prev.swiper-button-disabled {
	background-image: url("/res/images/icon/arrow-left-ccc.svg");
}

.time_type_div .swiper_btn .swiper-button-next.swiper-button-disabled {
	background-image: url("/res/images/icon/arrow-right-ccc.svg");
}

.time_type_div .new_wrap .right {
	position: relative;
	width: 1496px;
	margin-left: 154px;
}

.time_type_div .new_wrap .right .time-sale-wrap .body {
	width: 100%;
}

.time_type_div .new_wrap .right .time-sale-wrap .body .swiper-container{
	padding-right: calc(100% - 688px) !important;
}

.time_type_div .new_wrap .right .time-sale-wrap .body .swiper-wrapper {
	padding: 60px 30px 56px;
}

.time_type_div .new_wrap .right .time-sale-wrap .body .swiper-slide {
	width: 688px !important;
}

.time_type_div .new_wrap .right .swiper-slide {
	padding: 40px;
	background: #FFF;
	border-radius: 12px;
}

.time_type_div .new_wrap .right .swiper-wrapper .swiper-slide:not(.swiper-slide-active):after {
	display: none;
}

.time_type_div .swiper-slide .timer_div {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 24px;
}

.time_type_div .swiper-slide .timer_div:after {
	content: '';
	display: block;
	clear: both
}

.time_type_div .swiper-slide .timer_div p {
	float: left;
}

.time_type_div .swiper-slide .timer_div .tit img {
	height: 32px;
	margin-right: 8px;
	vertical-align: middle
}

.time_type_div .swiper-slide .timer_div .tit img:last-child {
	margin-right: 0;
	height: 40px;
}

.time_type_div .swiper-slide .timer_div .timer {
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
	color: #111;
	margin-left: 8px;
}/* ============================== 다이어트 일기 ============================== */
.diet-diary .cnt {
	padding-bottom: 80px;
	background: url(/res/images/diet-diary/desktop/intro-bg.svg) 50% 0 / cover;
}

.diet-diary .cnt .title {
	display: inline-block;
	width: 100%;
	margin-bottom: 40px;
	color: #111;
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
	letter-spacing: -0.5px;
	text-align: center;
}

.diet-diary .cnt .title span {
	display: block;
	padding-top: 8px;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
}

.diet-diary .cnt .title span strong {
	font-weight: 700;
}

/* 1. 탑 영역 */
.diet-diary .top-info {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	gap: 50px 0;
	height: 940px;
	padding-top: 200px;
}

.diet-diary .top-info .term,
.diet-diary .top-info .desc {
	font-family: GmarketSans;
	color: #00151E;
	text-align: center;
	z-index: 1;
}

.diet-diary .top-info .term {
	position: relative;
	font-size: 144px;
	font-weight: 700;
	line-height: 152px;
	letter-spacing: -0.5px;
}

.diet-diary .top-info .term em {
	position: relative;
	font-style: normal;
	z-index: 1;
}

.diet-diary .top-info .term img {
	position: absolute;
	right: 15px;
	bottom: 10%;
	width: 150px;
	height: 106px;
	/* animation: float 3s ease-in-out infinite; */
}

.diet-diary .top-info .desc {
	font-family: GmarketSans;
	font-size: 34px;
	font-weight: 500;
	line-height: 44px;
	letter-spacing: -0.2px;
}

.diet-diary .top-info .desc .counter {
	font-style: normal;
	font-weight: 700;
}

.diet-diary .top-info .object {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.diet-diary .top-info .object img {
	position: absolute;
}

.diet-diary .top-info .pen {
	width: 400px;
	height: 360px;
	top: 8px;
	left: 28px;
}

.diet-diary .top-info .dumbbell {
	width: 246px;
	height: 246px;
	top: -30px;
	right: 80px;
}

.diet-diary .top-info .tapeline {
	width: 680px;
	height: 400px;
	bottom: 0;
	left: 180px;
}

.diet-diary .top-info .twinkle img {
	position: absolute;
	animation: twinkle 1.3s linear infinite;
}

.diet-diary .top-info .twinkle img:nth-child(1) {
	top: 240px;
	right: 268px;
	width: 56px;
	height: 56px;
	animation-delay: -1s;
}

.diet-diary .top-info .twinkle img:nth-child(2) {
	top: 289px;
	right: 316px;
	width: 32px;
	height: 32px;
}

/* 2. 서비스 정보 */
.diet-diary .wrapper {
	display: flex;
	flex-direction: column;
	gap: 80px 0;
}

.diet-diary .wrapper>div {
	margin-left: 100px;
	margin-right: 100px;
  z-index: 1;
}

.diet-diary .service-info {
  margin-top: -226px;
	text-align: center;
}

.diet-diary .service-info ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.diet-diary .service-info ul li {
	display: flex;
	flex-direction: column;
	width: 200px;
	height: 220px;
	padding: 24px;
	border-radius: 22px;
	box-shadow: 0px 10px 40px 0px #D6B0EE4D;
}

.diet-diary .service-info ul li:nth-child(1) {
	background: linear-gradient(151.52deg, #D9D8FF 1.44%, #B6E0FF 94.56%);
}

.diet-diary .service-info ul li:nth-child(2) {
	background: linear-gradient(151.52deg, #ECF7BE 1.44%, #B7EBDF 94.56%);
}

.diet-diary .service-info ul li:nth-child(3) {
	background: linear-gradient(150.59deg, #FEC3FF 3.64%, #FFCCCC 93.51%);
}

.diet-diary .service-info ul li:nth-child(4) {
	background: linear-gradient(151.52deg, #DFBBFB 1.44%, #C6D9FF 94.56%);
}

.diet-diary .service-info ul li:nth-child(5) {
	background: linear-gradient(148.46deg, #FFEDAC -8.93%, #FFBA89 113.87%);
}

.diet-diary .service-info ul li .term {
	padding-top: 16px;
}

.diet-diary .service-info ul li .desc {
	padding-top: 8px;
	color: #555;
}

/* 3. 댓글 리스트 */
.diet-diary .reply-list:before,
.diet-diary .reply-list:after {
	content: '';
	position: absolute;
	bottom: 0;
	display: block;
	width: 52px;
	height: calc(100% - 80px);
	background: linear-gradient(270deg, #FBEDF9 21.15%, rgba(251, 237, 249, 0) 93.17%);
	z-index: 2;
}

.diet-diary .reply-list:before {
	left: 0;
	transform: rotate(-180deg);
}

.diet-diary .reply-list:after {
	right: 0;
}

.diet-diary .reply-list ul {
	align-items: flex-start;
}

.diet-diary .reply-list li {
	width: 288px;
	padding: 20px 24px;
	background-color: #fff;
	border-radius: 20px;
}

.diet-diary .reply-list li .diary-head {
	display: flex;
	align-items: flex-start;
}

.diet-diary .reply-list li .diary-head .profile {
	width: 36px;
	height: 36px;
	object-fit: cover;
  border-radius: 50%;
}

.diet-diary .reply-list li .diary-head .info {
	display: flex;
	flex-direction: column;
	margin-left: 12px;
}

.diet-diary .reply-list li .diary-head .info .id {
	color: #333;
}

.diet-diary .reply-list li .diary-head .info .date {
	color: #bbb;
}

.diet-diary .reply-list li .diary-body {
	margin-top: 12px;
}

.diet-diary .reply-list li .diary-body .question {
	color: #999;
}

.diet-diary .reply-list li .diary-body .answer {
	padding-top: 8px;
	color: #333;
	word-break: initial;
}

.diet-diary .reply-list li .diary-body .question:empty + .answer {
	padding-top: 0;
}

.diet-diary .reply-list li .diary-body .heart-num.is-heart {
	background-image: url(/res/images/icon/heart-on.svg)
}

.diet-diary .reply-list 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;
}

/* 4. 참여 방법 */
.diet-diary .way,
.diet-diary .share-benefit {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 60px 40px;
	border-radius: 0 40px;
	background-color: #fff;
}

.diet-diary .way ul {
	display: flex;
}

.diet-diary .way ul li {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.diet-diary .way ul li .num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	color: #C96CF1;
	font-family: GmarketSans;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: -0.2px;
	border-radius: 50%;
	background-color: #FAEEF9;
	box-shadow: 0px 0px 20px 0px #FFFFFF33 inset;
}

.diet-diary .way ul li .term {
	padding-top: 10px;
}

.diet-diary .way ul li .term strong {
	font-weight: 700;
}

.diet-diary .way ul li img {
	width: 320px;
	height: 290px;
	margin-top: -10px;
}

/* 5. 혜택 공유하기 */
.diet-diary .share-benefit ul {
	display: flex;
}

.diet-diary .share-benefit li,
.diet-diary .share-benefit li a,
.diet-diary .share-benefit a img {
	width: 48px;
	height: 48px;
}

.diet-diary .share-benefit li+li {
	margin-left: 32px;
}

.diet-diary .page_bottom_noti {
	margin-top: 0;
}@charset "utf-8";

/* ======================================== 이벤트 ======================================== */
/* 공통 */
.event-main>.ongoing-event,
.event-main>.free-gift,
.event-main>.add-point {
	margin-top: 100px;
}

.event-main>.ongoing-event .title,
.event-main>.free-gift .title,
.event-main>.add-point .title {
	display: block;
	margin-bottom: 40px;
}

/* 상단 타이틀 영역 */
.event-title-wrap.inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: -18px;
	margin-bottom: 42px;
}

#content .event-title-wrap.inner .page_intro {
	width: auto;
	margin: 0;
}

#content .event-title-wrap.inner .page_title {
	padding-bottom: 0;
}

.event-title-wrap .link-group {
	display: flex;
	gap: 0 10px;
	margin-left: auto;
}

.event-title-wrap .link-group li {
	width: 100px;
}

.event-title-wrap .link-group a {
	display: block;
	height: 100%;
	text-align: center;
}

.event-title-wrap .link-group .term {
	display: block;
}

/* 공통 배너 영역 */
.event-main .common-banner-wrap .swiper-container,
.event-main .common-banner-wrap .swiper-container img {
	height: 120px;
}

.event-main .common-banner-wrap .swiper-container img {
	width: 100%;
	object-fit: cover;
}

/* 진행중인 이벤트 */
.event-main .ongoing-event {
	margin-bottom: 60px;
}

.event-main .ongoing-event ul {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.event-main .ongoing-event ul li {
	width: 400px;
}

.event-main .ongoing-event ul li .thumb {
	position: relative;
	height: 275px;
}

.event-main .ongoing-event ul li .thumb .current-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 86px;
	height: 86px;
	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: 8px 0;
	min-height: 106px;
}

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

.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 .plus-gift {
	display: flex;
	align-items: center;
	gap: 0 26px;
	width: 1280px;
	height: 190px;
	margin: 0 auto;
	padding-left: 54px;
	background-size: cover;
}

.event-main .plus-gift + .plus-gift {
	margin-top: 60px;
}

.event-main .plus-gift .swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 24px;
}

.event-main .plus-gift .title {
	width: 220px;
	color: #111;
	font-size: 20px;
	line-height: 28px;
}

.event-main .plus-gift .title>div:not(.rolling-comment) {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0 2px;
}

.event-main .plus-gift .title>div .tooltip_div {
	position: static;
	height: 16px;
}

.event-main .plus-gift .title>div h2 {
	color: #111;
	font-size: 20px;
	line-height: 28px;
}

.event-main .plus-gift .title strong {
	font-weight: 700;
}

.event-main .plus-gift .rolling-comment {
	height: 24px;
	overflow: hidden;
}

.event-main .plus-gift .rolling-comment ul {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.event-main .plus-gift .rolling-comment li {
	display: flex;
	align-items: center;
	gap: 0 4px;
	height: 24px;
	line-height: 24px;
}

.event-main .plus-gift .title .desc {
	display: block;
	margin-top: 16px;
	color: rgba(17, 17, 17, 0.6);
	font-size: 14px;
	line-height: 20px;	
}

.event-main .plus-gift .title .date {
	display: block;
	margin-top: 6px;
	color: rgba(17, 17, 17, 0.4);
	font-size: 13px;
	line-height: 18px;
}

.event-main .plus-gift .swiper-container {
	flex: 1;
}

.event-main .plus-gift .swiper-slide {
	display: flex;
	align-items: center;
	gap: 0 10px;
	width: 254px;
}

.event-main .plus-gift .swiper-slide:only-child {
	width: 100%;
	padding-right: 38px;
}

.event-main .plus-gift .swiper-slide .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 104px;
	height: 104px;
	background-color: #fff;
	border-radius: 50%;
}

.event-main .plus-gift .swiper-slide .thumb img {
	width: 80px;
	height: 80px;
}

.event-main .plus-gift .swiper-slide .info {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.event-main .plus-gift .swiper-slide .info .term {
	color: #111;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
}

.event-main .plus-gift .swiper-slide .info .pdt-check {
	width: fit-content;
	margin-top: 6px;
	padding-right: 16px;
	color: #555;
	font-size: 13px;
	line-height: 24px;
	text-decoration: underline;
	background: url(/res/images/icon/arrow-right-555.svg) 100% 50% / 16px;
}

.event-main .plus-gift .swiper-slide .info .pdt-check + .desc {
	margin-top: 2px;
}

.event-main .plus-gift .swiper-slide .info .desc {
	margin-top: 6px;
	color: rgba(17, 17, 17, 0.4);
	font-size: 13px;
	line-height: 18px;
}

.event-main .plus-gift.product {
	background-image: url(/res/images/bg/plus-gift-product-event-bg.jpg)
}

.event-main .plus-gift.order {
	background-image: url(/res/images/bg/plus-gift-order-event-bg.jpg)
}

.event-main .plus-gift.product .title strong:nth-of-type(2) {
	color: #535ECB;
}

.event-main .plus-gift.order .title strong:nth-of-type(2) {
	color: #1FB198;
}

/* 뜻밖의 득템! 사은품 증정 */
/* .event-main .free-gift .swiper-container {
	width: calc(100% + 120px);
	margin-left: -60px !important;
	padding: 0 60px !important;
}

.event-main .free-gift .swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 26px;
}

.event-main .free-gift .swiper-container .swiper-slide {
	width: 300px;
}

.event-main .free-gift .swiper-container .swiper-slide .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	height: 300px;
	background-color: #F9F9F9;
	border-radius: 50%;
}

.event-main .free-gift .swiper-container .swiper-slide .thumb img {
	width: 220px;
	height: 220px;
}

.event-main .free-gift .swiper-container .swiper-slide .info {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-top: 24px;
}

.event-main .free-gift .swiper-container .swiper-slide .info>span {
	text-align: center;
}

.event-main .free-gift .swiper-container .swiper-slide .info .condition {
	display: flex;
	align-items: center;
	height: 42px;
	padding: 0 20px;
	background-color: var(--color-secondary-2);
	border-radius: 20px 20px 20px 0;
}

.event-main .free-gift .swiper-container .swiper-slide .info [class*=-name] span {
	color: var(--color-primary-1);
	font-weight: 600;
}

.event-main .free-gift .swiper-container .swiper-slide .info .pdt-name {
	padding: 18px 10px 0;
	color: #555;
	text-align: center;
}

.event-main .free-gift .swiper-container .swiper-slide .info .event-name {
	padding: 8px 20px 0;
	text-align: center;
}

.event-main .free-gift .swiper-container .swiper-slide .info .pdt-check {
	margin-top: 24px;
	padding-right: 22px;
	color: #555;
	text-decoration: underline;
	background: url(/res/images/icon/arrow-right-555.svg) 100% 50% / 20px;
}

.event-main .free-gift .swiper-container .swiper-slide .info .date {
	padding-top: 10px;
	color: #BBB;
}

.event-main .free-gift .swiper-container [class*=swiper-button] {
	top: 0;
	width: 60px;
	height: 100%;
	margin-top: 0;
	background-color: #fff;
	background-position-y: 130px;
	background-size: 40px;
}

.event-main .free-gift .swiper-container .swiper-button-prev {
	left: 0;
	right: auto;
	background-position-x: 0;
	background-image: url(/res/images/icon/arrow-swiper-left-111.svg)
}

.event-main .free-gift .swiper-container .swiper-button-prev.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-swiper-left-ccc.svg)
}

.event-main .free-gift .swiper-container .swiper-button-next {
	left: auto;
	right: 0;
	background-position-x: 100%;
	background-image: url(/res/images/icon/arrow-swiper-right-111.svg)
}

.event-main .free-gift .swiper-container .swiper-button-next.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-swiper-right-ccc.svg)
} */

/* 놓치지 마세요! 추가 적립 */
.event-main .add-point .swiper-container {
	width: calc(100% + 120px);
	margin-left: -60px !important;
	padding: 0 60px !important;
}

.event-main .add-point .title-banner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 120px;
	background: url(/res/images/event/point-title-banner-01.png);
	border-radius: 60px 60px 60px 0;
}

.event-main .add-point .title-banner .info {
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 4px 0;
	text-align: center;
}

.event-main .add-point .title-banner .point-name,
.event-main .add-point .title-banner .period {
	color: #fff;
}

.event-main .add-point .title-banner .more-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 50px;
	color: #fff !important;
	background-image: url(/res/images/icon/plus-fff.svg);
}

.event-main .add-point .swiper-container [class*=swiper-button] {
	top: 0;
	width: 60px;
	height: 100%;
	margin-top: 0;
	background-color: #fff;
	background-position-y: 234px;
	background-size: 40px;
}

.event-main .add-point .swiper-container .swiper-button-prev {
	left: 0;
	right: auto;
	background-position-x: 0;
	background-image: url(/res/images/icon/arrow-swiper-left-111.svg)
}

.event-main .add-point .swiper-container .swiper-button-prev.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-swiper-left-ccc.svg)
}

.event-main .add-point .swiper-container .swiper-button-next {
	left: auto;
	right: 0;
	background-position-x: 100%;
	background-image: url(/res/images/icon/arrow-swiper-right-111.svg)
}

.event-main .add-point .swiper-container .swiper-button-next.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-swiper-right-ccc.svg)
}

.event-main .add-point .product-list-4 {
	margin-top: 12px;
}

/* 240408 패밀리 세일 게이트웨이 개발 */
.family-sale .bg {
	height: 480px;
	margin-top: -61px;
	background: #015FB6 url(/res/images/bg/family-sale-top-bg.jpg) 50% 50%;
}

.family-sale .form {
	display: flex;
	flex-direction: column;
	gap: 40px 0;
	width: 480px;
	margin: 40px auto 0;
}

.family-sale .form .term {
	margin-bottom: 10px;
}

.family-sale .form .kakao-btn {
	width: 100%;
	height: 60px;
	background-color: #FEE500;
	border-radius: 4px;
}

.family-sale .form .kakao-btn span {
	padding-left: 38px;
	background: url(/res/images/icon/kakao.svg) 0 50% / 38px;
}

.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-left: 0;
}

.family-sale .form .input_form .btn {
	height: 48px;
}
@charset "utf-8";

.event-dtl .share-btn {
	position: absolute;
	top: -44px;
	right: 0;
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(/res/images/icon/share-111.svg) 50% / 28px;
}

.event-dtl .title {
	margin-bottom: 40px;
	color: #111;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
}

.event-dtl .display-wrap .display-img,
.event-dtl .display-wrap .display-coupon,
.event-dtl .display-wrap .display-product{
	padding: 60px 0 40px;
}

/* 어드민 영역: 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: 40px;
	word-break: break-all;
	background-color: #f9f9f9;
}

.event-dtl .display-wrap .md-comment .term {
	display: inline-block;
	color: #333;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.event-dtl .display-wrap .md-comment p {
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.event-dtl .display-wrap .md-comment .term+p {
	margin-top: 12px;
}

.event-dtl .display-wrap .md-comment .term~p {
	display: inline-flex;
	gap: 0 5.5px;
	width: 100%;
	color: #555;
}

.event-dtl .display-wrap .md-comment .term~p+p {
	margin-top: 6px;
}

.event-dtl .display-wrap .md-comment .term~p:before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	margin-top: 9.5px;
	background-color: #777;
	border-radius: 50%;
	min-width: 3px;
}

/* 어드민 영역: 이미지 */
.event-dtl .display-wrap .display-img img {
	width: 100%;
}

/* 어드민 영역: 상품 */
.event-dtl .display-wrap .display-product .title-banner img {
	width: 100%;
}

.event-dtl .display-wrap .display-product .title-banner {
	margin-bottom: 12px;
}

/* 댓글 */
.event-dtl .comment-wrap {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #ccc;
}

.event-dtl .comment-wrap .input {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.event-dtl .comment-wrap .input .textarea-wrap {
	flex: 1;
}

.event-dtl .comment-wrap .input button {
	width: 128px;
	height: 128px;
}

.event-dtl .comment-wrap .input .chk-wrap {
	display: flex;
	align-items: center;
	gap: 0 20px;
	width: 100%;
}

.event-dtl .comment-wrap .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	margin-top: 40px;
	border-bottom: 1px solid #ccc;
}

.event-dtl .comment-wrap .head .title {
	margin-bottom: 0;
	color: #111;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.event-dtl .comment-wrap .head .chk_box label {
	font-size: 16px;
}

.event-dtl .comment-wrap .list {
	margin-top: 14px;
}

.event-dtl .comment-wrap .list li {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 24px 0;
	padding: 16px 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: 14px;
	line-height: 20px;
}

.event-dtl .comment-wrap .id-date span:not(:first-child):before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin: 0 10px;
	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;
	align-items: center;
	gap: 0 16px;
}

.event-dtl .comment-wrap .list .edit-wrap .textarea-wrap {
	height: 112px;
}

.event-dtl .comment-wrap .list .edit-wrap .btn-wrap {
	display: flex;
	flex-direction: column;
	gap: 8px 0;
}

.event-dtl .comment-wrap .list .edit-wrap .btn-wrap button {
	width: 128px;
}

.event-dtl .comment-wrap .list .answer-wrap {
	padding: 20px;
	background-color: #F9F9F9;
}

.event-dtl .comment-wrap .list .answer-wrap .id-date span {
	color: #333;
}

.event-dtl .comment-wrap .list .answer-wrap .text {
	padding-top: 12px;
}

.event-dtl .comment-wrap .list .edit-delete {
	position: absolute;
	top: 16px;
	right: 0;
	display: flex;
	align-items: center;
}

.event-dtl .comment-wrap .list .edit-delete button {
	display: flex;
	align-items: center;
	color: #111;
	font-size: 13px;
	line-height: 18px;
	background-size: 16px;
}

.event-dtl .comment-wrap .list .edit-delete button.edit-btn {
	padding-right: 30px;
	background-image: url("/res/images/icon/edit-111.svg");
}

.event-dtl .comment-wrap .list .edit-delete button.delete-btn {
	padding-right: 20px;
	background-position: 100% 50%;
	background-image: url("/res/images/icon/trash-111.svg");
}

.event-dtl .comment-wrap .list .edit-delete button.edit-btn {
	background-position: calc(100% - 10px) 50%;
}

.event-dtl .comment-wrap .list .edit-delete button.delete-btn:before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin-right: 10px;
	background-color: #ddd;
}

.event-dtl .comment-wrap .paging {
	margin-top: 24px;
}

.event-dtl .comment-wrap .no-data-wrap {
	margin-top: 30px;
}

/* 진행 중인 이벤트 */
.event-dtl .ongoing-event {
	margin-top: 85px;
}

.event-dtl .ongoing-event .swiper-container {
	width: calc(100% + 120px);
	margin-top: 40px;
	margin-left: -60px;
	padding: 0 60px;
}

.event-dtl .ongoing-event .swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 40px;
}

.event-dtl .ongoing-event .swiper-container .swiper-wrapper .swiper-slide {
	position: relative;
	width: 400px;
}

.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: 275px;
	object-fit: cover;
}

.event-dtl .ongoing-event .swiper-container .swiper-wrapper .swiper-slide .info {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 14px;
	margin-top: 16px;
}

.event-dtl .ongoing-event .swiper-container .swiper-wrapper .swiper-slide .info .name {
	width: 100%;
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.event-dtl .ongoing-event .swiper-container .swiper-wrapper .swiper-slide .info .dday {
	color: #3CC814;
	font-size: 14px;
	line-height: 20px;
}

.event-dtl .ongoing-event .swiper-container .swiper-wrapper .swiper-slide .info .date {
	color: #999;
	font-size: 14px;
	line-height: 20px;
}

.event-dtl .ongoing-event .swiper-container .swiper-button-prev,
.event-dtl .ongoing-event .swiper-container .swiper-button-next {
	top: 0;
	width: 60px;
	height: 100%;
	margin-top: 0;
	background-color: #fff;
	background-size: 40px;
}

.event-dtl .ongoing-event .swiper-container .swiper-button-prev {
	left: 0;
	background-image: url(/res/images/icon/arrow-swiper-left-111.svg);
	background-position: 0 118px;
}

.event-dtl .ongoing-event .swiper-container .swiper-button-next {
	right: 0;
	background-image: url(/res/images/icon/arrow-swiper-right-111.svg);
	background-position: 100% 118px;
}/* ==================== 221114 월드컵 이벤트 ==================== */
.evt-worldcup .gauge-wrap {
	display: flex;
	align-items: center;
	padding-bottom: 50px;
	background: url(/res/images/evt-worldcup-bg3.jpg);
}

.evt-worldcup .gauge-wrap .area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 615px;
	margin: 0 auto;
}

.evt-worldcup .gauge-wrap .area>div {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
}

.evt-worldcup .gauge-wrap .area>div .bar {
	width: 100%;
	height: 25px;
}

.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) {
	margin-right: -1px;
}

.evt-worldcup .gauge-wrap .area>div:nth-child(3) .bar {
	border-radius: 0 15px 15px 0;
	background-color: #0034c6;
}

.evt-worldcup .gauge-wrap .percent {
	padding-top: 10px;
	font-size: 30px;
	font-weight: 700;
}

.evt-worldcup .gauge-wrap .people {
	font-size: 16px;
}

.evt-worldcup .select-list {
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 512px;
	background: url(/res/images/evt-worldcup-bg4.jpg) no-repeat;
}

.evt-worldcup .select-list li {
	width: 250px;
}

.evt-worldcup .select-list li+li {
	margin-top: 27px;
}

.evt-worldcup .select-list .radio_box input[type="radio"]+label {
	font-size: 38px;
	line-height: 36px;
	padding-left: 68px;
}

.evt-worldcup .select-list .radio_box input[type="radio"]+label:after {
	top: 4px;
	width: 36px;
	height: 36px;
	background: #fff;
	border: 5px 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: 182px;
	left: calc(50% - 160px);
	width: 320px;
	height: 78px;
	border-radius: 39px;
}
@charset "utf-8";

/* 이벤트 내 룰렛 */
.event_roul_div {
	position: relative;
	overflow: hidden
}

.event_roul_div .roullete_div {
	position: absolute;
	top: 960px;
	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;
}

.event_roul_div .roullete_div .roul_wrap .roul_shadow {
	position: absolute;
	top: 30px;
	left: 0;
	z-index: -1;
	width: 1066px
}

.event_roul_div .roullete_div .roul_wrap .roul_niddle {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -34px;
	z-index: 11;
}

.event_roul_div .roullete_div .roul_wrap .start_btn {
	position: absolute;
	width: 218px;
	height: 218px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.event_roul_div .roullete_div .roul_wrap .start_btn.disabled {
	pointer-events: none;
}

.event_roul_div .roul_info {
	margin-top: 40px
}

/* 221115 룰렛 이벤트 164 */
.event_roul_div.evt_roul_2211 .roullete_div {
	top: 1295px;
}

.event_roul_div.evt_roul_2211 .roul_product {
	position: absolute;
	bottom: -7%;
	left: 0;
	width: 35%;
}

.event_roul_div.evt_roul_2211 .roul_info {
	margin-top: 90px;
}/* ========================================================================= */
/* 무료체험 리뷰어 메인: 리스트 */
.experience-main .experience-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.experience-main .experience-list ul li {
	width: 400px;
}

.experience-main .experience-list ul li .thumb {
	position: relative;
	height: 275px;
}

.experience-main .experience-list ul li .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.experience-main .experience-list ul li .thumb .current-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 86px;
	height: 86px;
	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: 8px 0;
	min-height: 106px;
}

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

.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 .txt_area {
	border-bottom: none;
}

/* 무료체험 리뷰어 상세: 공유하기 버튼 */
.experience-dtl .share-btn {
	position: absolute;
	top: -40px;
	right: 0;
	width: 28px;
	height: 28px;
	background: url(/res/images/icon/share-111.svg) 50% / 28px;
}

/* 무료체험 리뷰어 상세: 상품 및 정보 안내 */
.experience-dtl .top-cnt {
	display: flex;
	justify-content: flex-start;
	gap: 0 110px;
}

.experience-dtl .top-cnt .product-swiper-1 {
	width: 706px;
	margin: 0;
}

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

.experience-dtl .top-cnt .product-swiper-1 .soldout {
background-color: rgba(255, 255, 255, 0.85);
}

.experience-dtl .top-cnt .experience-info {
	width: 462px;
	margin-left: auto;
}

.experience-dtl .top-cnt .experience-info.ing {
	display: flex;
	align-items: center;
	margin-top: 32px;
	margin-bottom: 32px;
	padding-right: 20px;
}

.experience-dtl .top-cnt .experience-info.ing ul {
	display: flex;
	gap: 0 20px;
}

.experience-dtl .top-cnt .experience-info.ing ul li {
	position: relative;
	width: 134px;
}

.experience-dtl .top-cnt .experience-info.ing ul li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 200px;
	background-color: #F9F9F9;
	border-radius: 70px;
	z-index: -1;
}

.experience-dtl .top-cnt .experience-info.ing ul li .term {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 53px;
	padding-bottom: 123px;
	background-position: 50% 87px;
}

.experience-dtl .top-cnt .experience-info.ing ul li:nth-child(1) .term {
	background-image: url(/res/images/icon/experience/date.svg);
}

.experience-dtl .top-cnt .experience-info.ing ul li:nth-child(2) .term {
	background-image: url(/res/images/icon/experience/people.svg);
}

.experience-dtl .top-cnt .experience-info.ing ul li:nth-child(3) .term {
	background-image: url(/res/images/icon/experience/announce.svg);
}

.experience-dtl .top-cnt .experience-info.ing ul li .desc {
	display: inline-block;
	width: 100%;
	padding-top: 16px;
	color: #555;
}

.experience-dtl .top-cnt .experience-info.ing ul li:first-child .desc {
	padding-left: 18.5px;
	padding-right: 18.5px;
}

.experience-dtl .top-cnt .experience-info.ing ul li:not(:first-child) .desc {
	text-align: center;
}

.experience-dtl .top-cnt .experience-info.end {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	max-height: 356px;
	min-height: 328px;
	padding: 0 100px;
	background-color: #F9F9F9;
	border-radius: 40px;
}

.experience-dtl .top-cnt .experience-info.end .desc {
	margin-top: 20px;
	color: #555;
	text-align: center;
}

.experience-dtl .top-cnt .experience-info.end button {
	width: 260px;
	height: 52px;
	margin-top: 32px;
	border-radius: 4px;
}

/* 무료체험 리뷰어 상세: 상세 안내 */
.experience-dtl .experience-cnt {
	margin-top: 40px;
	font-size: 16px;
	line-height: 24px;
	color: #555;
}

.experience-dtl .experience-cnt img {
	max-width: 100%;
}

/* 무료체험 리뷰어 상세: 주의사항 */
.experience-dtl .page_bottom_noti {
	margin-top: 40px;
	padding: 0;
	background-color: transparent;
}

/* 무료체험 리뷰어 상세: 댓글 영역 */
.experience-dtl .cmt_area {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #CCC;
}

.experience-dtl .cmt_area .cmt_wrt_div .input_area {
	margin-top: 0;
}
@charset "utf-8";

/* 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: 0;
	top: -25px;
	display: inline-flex;
	align-items: center;
	min-width: 78px;
	padding: 0 13px;
	height: 28px;
	color: #fff;
	font-style: normal;
	white-space: nowrap;
	border-radius: 14px;
	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: -6px;
	left: 14px;
	display: block;
	width: 10px;
	height: 6px;
	background: url("/res/images/icon/payback-flag-tail.svg");
}

/* 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;
  }
}

/*** 선물하기 ***/
/* 메인 */
/* 선물하기 공통 */
#wrap.present_wrap #content {
	padding: 0 !important;
	min-height: 1080px;
	background: #f7f7f7;
}

.present_wrap .top_div {
	text-align: center;
	padding-top: 34px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	background: #fff
}

.present_wrap .top_div .logo {
	display: inline-block;
	width: 124px;
	height: 34px;
	background: url('/res/images/logo.png') no-repeat;
	background-size: 124px 34px;
}

.present_wrap .top_div .tit {
	font-size: 20px;
	line-height: 28px;
	color: #000;
	font-weight: 700
}

.present_wrap .present_div .present_receive.pay_div {
	width: 360px;
	min-height: 1080px;
	padding-top: 60px;
	background: #fff
}

.present_wrap .present_div .present_receive.pay_div>.top {
	padding: 0 20px;
}

.present_wrap .present_div .present_receive.pay_div .pay_comp>.top {
	width: 100%;
	padding: 88px 0 32px 0;
	border-bottom: 10px solid #f7f7f7
}

.present_wrap .present_div .present_receive.pay_div .pay_comp .top .desc {
	font-size: 13px;
	line-height: 18px;
	color: #333;
	margin-top: 12px;
	text-align: center;
}

.present_wrap .present_div .present_receive.pay_div .pay_comp .accor_div.each {
	width: 100%;
}

.present_wrap .present_div .present_receive .pay_comp .btn_type {
	width: 100%;
	margin-top: 32px;
	padding: 0 20px;
	margin-bottom: 72px;
}

.present_wrap .present_div .present_receive .pay_comp .btn_type a {
	font-size: 16px;
	line-height: 24px;
	padding: 14px 20px;
}

.present_wrap .present_div .present_receive .pay_comp .btn_type.has_two:after {
	content: '';
	display: block;
	clear: both
}

.present_wrap .present_div .present_receive .pay_comp .btn_type.has_two a {
	width: calc(50% - 4px);
	width: -webkit-calc(50% - 4px);
	float: left;
	margin-left: 8px;
	padding: 14px 0
}

.present_wrap .present_div .present_receive .pay_comp .btn_type.has_two a:first-child {
	margin-left: 0
}

.present_wrap .present_div .present_receive.pay_div .top .btn_type {
	margin-top: 24px;
}

.present_wrap .present_div .present_receive.pay_div .top .btn_type a {
	padding: 14px 20px;
	font-size: 16px;
}

.present_wrap .present_div .present_receive.pay_div .accor_div>.list {
	border-bottom: 10px solid #f7f7f7;
	margin-top: 0;
}

.present_wrap .present_div .present_receive.pay_div .list .message_div {
	padding-bottom: 96px;
	margin-top: 32px;
	margin-bottom: 32px
}

.present_wrap .present_div .present_receive.pay_div .list .message_div .bg_area {
	position: relative;
	height: 280px;
	border-radius: 0;
}

.present_wrap .present_div .present_receive.pay_div .list .message_div .bg_area img {
	width: 100%;
	border-radius: 0
}

.present_wrap .present_div .present_receive.pay_div .list .message_div .txt_area {
	width: 288px;
	height: 200px;
}

.present_wrap .present_div .present_receive .pay_comp .accor_div>.list:last-child {
	border-bottom: none
}

.present_wrap .present_div .present_receive .pay_comp .addr_info_div {
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.present_wrap .present_div .present_receive .pay_comp .addr_info_div p:not(:first-child) {
	margin-top: 16px;
}

.present_wrap .present_div .present_receive .pay_comp .addr_info_div p.name {
	font-weight: 500
}

.present_wrap .present_div .present_receive .pay_comp .addr_info_div p.name a {
	float: right;
	color: #3cc814;
	text-decoration: underline
}

.present_wrap .present_div .present_receive .pay_comp .addr_info_div p.phone {
	margin-top: 8px;
}

.present_wrap .present_div .present_receive .pay_comp .addr_info_div p.request {
	padding: 14px 12px;
	border-radius: 10px;
	background: #f7f7f7
}

.present_wrap .present_div .present_receive .accor_div>.list .open {
	display: block;
	border-bottom: 1px solid #eee;
	padding: 20px;
	background: url("/res/images/icn_down_blk_20x20.png") top 50% right 20px no-repeat;
	background-size: 20px;
}

.present_wrap .present_div .present_receive .accor_div>.list.on .open {
	padding: 20px;
	background: url("/res/images/icn_up_blk_20x20.png") top 50% right 20px no-repeat;
	background-size: 20px;
}

.present_wrap .present_div .present_receive .accor_div>.list .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0;
	border-bottom: none;
}

.present_wrap .present_div .present_receive .accor_div>.list .top .summary {
	margin-right: 20px;
}

.present_wrap .present_div .present_receive .list .top>.tit {
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #000;
	text-align: left;
}

.present_wrap .present_div .present_receive .accor_div .list .close {
	padding: 24px 20px;
}

.present_wrap .present_div .present_receive .accor_div .list .close .product-item-list {
	width: 100%;
	padding-top: 0;
}

.present_wrap .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_wrap .present_div .present_receive .hor .product_list .thumb {
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	overflow: hidden;
	background: #f7f7f7
}

.present_wrap .present_div .present_receive .hor .product_list.pet .thumb .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.present_wrap .present_div .present_receive .hor .product_list.pet .thumb .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.present_wrap .present_div .present_receive .hor .product_list .pd_info {
	width: 220px;
	padding-left: 12px;
}

.present_wrap .present_div .present_receive .receive_summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	/* margin: 32px 20px 0; */
	margin: 24px 20px;
	padding: 0 24px;
	color: #111;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.present_wrap .present_div .present_receive .receive_summary .left {
	float: left;
	font-weight: 500;
}

.present_wrap .present_div .present_receive .receive_summary .right {
	float: left;
	margin-left: 60px;
	font-weight: 500;
}

.present_wrap .present_div .present_receive .reject_btn {
	display: block;
	width: 236px;
	border-radius: 24px;
	border: 1px solid #ddd;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	text-align: center;
	padding: 13px 0;
	margin: 0 auto 72px auto;
}

.present_wrap .present_div .present_receive .accor_div>.info_div {
	width: 320px;
	margin: 24px auto 72px auto;
}

.present_wrap .present_div .present_receive .new_addr .input_form .input_area.has_btn {
	display: flex;
}

.present_wrap .present_div .present_receive .new_addr .input_form .input_area.has_btn input {
	flex: 1;
}

.present_wrap .present_div .present_receive .new_addr .btn_type {
	margin-top: 32px;
	padding: 0 20px;
	margin-bottom: 72px;
}

.present_wrap .present_div .present_receive .new_addr .btn_type a {
	font-size: 16px;
	line-height: 24px;
	padding: 14px 20px;
}

.present_wrap .present_div .present_receive .new_addr .accor_div .agree_area.list {
	border-bottom: none
}

.present_wrap .present_div .present_receive .new_addr .agree_area .top {
	position: relative;
	padding: 18px 20px;
	border-bottom: 1px solid #eee;
}

.present_wrap .present_div .present_receive .new_addr .agree_area .top .chk_box label {
	font-weight: 500;
	font-size: 16px
}

.present_wrap .present_div .present_receive .new_addr .agree_area.list .top .open {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	border-bottom: none;
	width: 20px;
	height: 20px;
	padding: 0;
	background: url('/res/images/icn_down_blk_20x20.png') no-repeat center;
	background-size: 20px;
}

.present_wrap .present_div .present_receive .new_addr .agree_area.list.on .top .open {
	background: url('/res/images/icn_up_blk_20x20.png') no-repeat center;
	background-size: 20px;
}

.present_wrap .present_div .present_receive .new_addr .agree_area .bottom {
	padding: 0 20px;
	margin-top: 26px;
}

.present_wrap .present_div .present_receive .new_addr .agree_area .bottom .list {
	position: relative;
	margin-top: 16px
}

.present_wrap .present_div .present_receive .new_addr .agree_area .bottom .list:first-child {
	margin-top: 0
}

.present_wrap .present_div .present_receive .new_addr .agree_area .bottom .list .chk_box label {
	padding-left: 24px;
	font-size: 13px;
	line-height: 20px;
	color: #000
}

.present_wrap .present_div .present_receive .new_addr .agree_area .bottom .list .chk_box label:after {
	top: 4px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('/res/images/chk_icon_16x16.png') no-repeat left center;
	background-size: 16px;
}

.present_wrap .present_div .present_receive .new_addr .agree_area .bottom .list .chk_box.on label:after {
	background: url('/res/images/chk_icon_16x16_on.png') no-repeat left center;
	background-size: 16px;
}

.present_wrap .present_div .present_receive .new_addr .agree_area .bottom .list .txt {
	margin-top: 8px;
	padding-left: 24px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.present_wrap .present_div .present_receive .new_addr .agree_area .bottom .list .txt .line {
	position: relative;
	margin-top: 6px
}

.present_wrap .present_div .present_receive .new_addr .agree_area .bottom .list .txt .line:first-child {
	margin-top: 0
}

.present_wrap .present_div .present_receive .new_addr .agree_area .bottom .list .view {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	text-decoration: underline
}

/* 선물하기 주문 완료 */
.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 .present_radio .radio_box:not(:first-child) {
	margin-left: 15px
}

.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_comp.ord_comp .top_area {
	background: url('/res/images/m_comp_gift_128x128.png') no-repeat center 20px;
	background-size: 64px
}

.present_div .pay_comp .top.delivery {
	background: url('/res/images/m_comp_delivery_128x128.png') no-repeat center top;
	background-size: 64px
}

.present_div .pay_comp .top.comp {
	background: url('/res/images/m_icn_check_128x128.png') no-repeat center top;
	background-size: 64px
}


.present_div.pay_div .pay_comp .top_area .txt {
	font-size: 24px;
	line-height: 32px;
	color: #555;
	margin-top: 12px;
	font-weight: 400
}

.present_div.pay_div .pay_comp .fix_area {
	/* top: 312px; */
	top: 170px;
}

.present_div.pay_div .fix_area .info_area {
	padding-top: 20px;
}

/* 선물하기 주문 */
.pay_div .list .message_div {
	padding-bottom: 50px;
	position: relative;
}

.pay_div .list .message_div .present_msg {
	position: relative
}

.pay_div .list .message_div .present_msg .swiper-container {
	margin: 0 40px 32px 40px;
	padding: 0 4px;
}

.pay_div .list .message_div .present_msg .swiper-slide {
	width: 130px;
	height: 122px;
	border-radius: 15px;
	position: relative
}

.pay_div .list .message_div .present_msg .swiper-slide .img_wrap {
	width: 130px;
	height: 90px;
	border-radius: 15px;
	overflow: hidden;
	position: relative
}

.pay_div .list .message_div .present_msg .swiper-slide.on .img_wrap:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 15px;
	position: absolute;
	border: 4px solid #3cc814;
}

.pay_div .list .message_div .present_msg .swiper-slide img {
	width: 280px;
	height: 133px;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.pay_div .list .message_div .present_msg .swiper-slide .msg_tit {
	font-size: 16px;
	margin-top: 10px;
	line-height: 22px;
	color: #333;
	text-align: center;
}

.pay_div .list .message_div .present_msg .swiper_btn {
	top: 29px;
	width: 100%;
	height: 32px;
	z-index: 0
}

.pay_div .list .message_div .present_msg .swiper_btn .swiper-button-prev {
	width: 32px;
	height: 32px;
	margin-top: 0;
	background: url("/res/images/icn_arrow_left_555.png") center no-repeat;
	box-shadow: none;
	left: 0;
	top: 0;
	background-size: 32px;
}

.pay_div .list .message_div .present_msg .swiper_btn .swiper-button-next {
	width: 32px;
	height: 32px;
	margin-top: 0;
	background: url("/res/images/icn_arrow_right_555.png") center no-repeat;
	box-shadow: none;
	right: 0;
	top: 0;
	background-size: 32px;
}

.pay_div .list .message_div .bg_area {
	position: relative;
	height: 390px;
	border-radius: 20px;
}

.pay_div .list .message_div .bg_area img {
	border-radius: 20px;
}

.pay_div .list .message_div .textarea_wrap {
	position: absolute;
	max-width: calc(100% - 72px);
	max-width: -webkit-calc(100% - 72px);
	width: 500px;
	height: 196px;
	padding: 20px 24px 45px 24px;
	border-radius: 4px;
	background: #fff;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

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

.pay_div .list .message_div .textarea_wrap .msg_from {
	color: #ccc;
	font-size: 13px;
	line-height: 16px;
	position: absolute;
	bottom: 24px;
	right: 24px;
}

.pay_div .list .message_div .textarea_wrap .limit_textarea_cnt {
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/* 선물하기 주문배송조회 */
.order_div .message_div {
	margin-left: 120px;
	width: 820px;
	padding-bottom: 45px;
	position: relative;
}

.order_div .txt_list+.message_div {
	margin-left: 157px;
	margin-top: 32px;
}

.order_div .message_div .present_msg {
	position: relative
}

.pay_div .message_div .bg_area {
	position: relative;
	height: 390px;
	border-radius: 20px;
}

.order_div .message_div .bg_area {
	position: relative;
	width: 820px;
	height: 390px;
	border-radius: 20px;
}

.order_div .message_div .bg_area img {
	border-radius: 4px;
}

.order_div .message_div .textarea_wrap {
	position: absolute;
	width: 500px;
	height: 196px;
	padding: 20px;
	/* border-radius: 20px; */
	background: #fff;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	box-shadow: 0px 0px 30px 0px #0000001A;
	border-radius: 4px;
}

.order_div .message_div .textarea_wrap textarea {
	width: 100%;
	height: 136px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: 32px;
	background: url("/res/images/m_txtarea_bg.png") top left #fff;
	background-repeat: repeat-y !important;
	background-size: 100% 32px;
	padding: 0 10px;
}

.order_div .message_div .textarea_wrap .limit_textarea_cnt {
	bottom: 20px;
	right: 20px;
}

.order_div .message_div .textarea_wrap .msg_from {
	color: #ccc;
	font-size: 13px;
	line-height: 16px;
	position: absolute;
	bottom: 24px;
	right: 24px;
}

/* ============================== 선물하기: 공통 ============================== */
#wrap:not(.no-top-banner) header.fix~#content .gift-main {
	margin-top: -99px;
}

.gift-main {
	margin-top: -61px;
}

/* ============================== 선물하기: 메인배너 ============================== */
.gift-main .main-banner {
	position: relative;
}

.gift-main .main-banner .info-wrap {
	width: 1280px;
	height: 530px;
	margin: 0 auto;
}

.gift-main .main-banner .info-wrap .text-wrap {	
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 500px;
	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: 104px;
	width: 160px;
	height: 114px;
	background: url(/res/images/icon/gift-flag.svg);
	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: 90px;
	color: #fff;
	text-align: center;
}

.gift-main .main-banner .info-wrap .text-wrap.is-flag .term {
	margin-top: 181px;
}

.gift-main .main-banner .info-wrap .text-wrap:not(.is-flag) .term {
	margin-top: 104px;
}

.gift-main .main-banner .info-wrap .text-wrap.is-flag .term.position {
	margin-top: 258px;
	transition: margin-top 2s ease;
}

.gift-main .main-banner .info-wrap .text-wrap:not(.is-flag) .term.position {
	margin-top: 181px;
	transition: margin-top 2s 0.5s ease;
}

.gift-main .main-banner .info-wrap .text-wrap .desc {
	width: 360px;
	margin-top: 16px;
	color: #111;
	font-size: 48px;
	line-height: 60px;
	font-weight: 600;
	text-align: center;
}

.gift-main .main-banner .info-wrap:has(.free-banner) {
	height: 720px;
}

.gift-main .main-banner .info-wrap .free-banner{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.gift-main .main-banner .info-wrap .free-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gift-main .main-banner .info-wrap .bg {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.gift-main .main-banner .product-swiper-3 {
	width: 1240px;
	margin: 0 auto !important;
	padding: 0 0 30px !important;
}

.gift-main .main-banner .product-swiper-3 .product-item-list {
	width: 400px !important;
	margin-top: 0;
	background-color: #fff;
}

.gift-main .main-banner .product-swiper-3 .product-item-list>a {
	padding: 16px 20px;
}

.gift-main .main-banner .product-swiper-3 .product-item-list .thumb .soldout {
	background-color: rgba(255, 255, 255, 0.85)
}

.gift-main .main-banner .product-swiper-3 .swiper-scrollbar {
	margin-top: 24px;
}

.gift-main .main-banner .product-swiper-3.swiper-disabled .swiper-wrapper {
	justify-content: center;
	gap: 0 20px;
}

.gift-main .main-banner .product-swiper-3.swiper-disabled .product-item-list {
	width: 400px;
}

/* ============================== 선물하기: 이용방법 ============================== */
.gift-main .method .title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 72px;
	background-color: #00CE5F;
	cursor: pointer;
}

.gift-main .method .title span {
	padding-right: 34px;
	color: #fff;
	background: url(/res/images/icon/arrow-down-fff.svg) 100% 50% / 24px;
}

.gift-main .method .title.on span {
	background-image: url(/res/images/icon/arrow-up-fff.svg);
}

.gift-main .method .step-list {
	display: none;
	padding: 40px 0;
	background-color: var(--color-secondary-3);
}

.gift-main .method .step-list ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	width: 1280px;
	margin: 0 auto;
}

.gift-main .method .step-list li {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: calc(50% - 10px);
	padding: 24px 55px 0;
	text-align: center;
	border-radius: 20px;
	background-color: #fff;
}

.gift-main .method .step-list li:nth-child(-n+2) {
	height: 340px;
}

.gift-main .method .step-list li:nth-child(n+3):nth-child(-n+4) {
	height: 576px;
}

.gift-main .method .step-list li .num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	color: var(--color-primary-1);
	border-radius: 50%;
	background-color: var(--color-secondary-2);
}

.gift-main .method .step-list li .desc {
	margin-top: 10px;
}

.gift-main .method .step-list li .desc strong {
	color: var(--color-primary-1);
	font-weight: 700;
}

.gift-main .method .step-list li img {
	width: 100%;
	margin-top: 18px;
}

.gift-main .method .step-list .page_bottom_noti {
	margin-top: 28px;
	padding: 0;
	background-color: transparent;
}

.gift-main .method .step-list .page_bottom_noti .dot_indent p {
	margin-top: 6px;
	font-size: 16px;
	line-height: 24px;
}

.gift-main .method .step-list .page_bottom_noti .dot_indent p::before {
	top: 10px;
}

/* ============================== 선물하기: 배너 ============================== */
.gift-main .common-banner-wrap {
	margin-top: 40px;
	height: 120px;
}

.gift-main .common-banner-wrap .swiper-container,
.gift-main .common-banner-wrap .swiper-slide {
	border-radius: 0 40px 0 40px;
	height: 120px;
}

.gift-main .common-banner-wrap img {
	width: 100%;
	height: 120px;
	object-fit: cover;
}

/* ============================== 선물하기: 카테고리 ============================== */
.gift-main .category {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 42px;
	width: 1092px;
	margin: 60px auto 0;
}

.gift-main .category li>a {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 120px;
}

.gift-main .category li .icon {
	width: 90px;
	height: 90px;
}

.gift-main .category li .icon img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.gift-main .category li .term {
	display: block;
	width: 100%;
	margin-top: 8px;
	color: #333;
	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;
}

.gift-main .category li:hover .term,
.gift-main .category li.on .term {
	color: var(--color-primary-1);
	font-weight: 600
}

/* ============================== 선물하기: 전시유형 ============================== */
.gift-main .display-list {
	margin-top: 60px;
}@charset "utf-8";

.product_dtl {
	margin-top: 40px;
	overflow-x: hidden;
}

.product_dtl .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 .detail_area {
	margin-top: 100px
}

.product_dtl .detail_area>.inner {
	width: 100%;
}

.product_dtl .tab_content .tab_con .detail_intro {
	position: relative;
	padding: 0 210px 136px 210px
}

/* 플러스 사은품 */
.product_dtl .tab_content .tab_con .plus-gift {
	display: flex;
	align-items: center;
	gap: 0 26px;
	height: 126px;
	margin-bottom: 24px;
	padding-left: 54px;
	background-size: cover;
}

.product_dtl .tab_content .tab_con .plus-gift .swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 24px;
}

.product_dtl .tab_content .tab_con .plus-gift .title {
	width: 210px;
	color: #111;
	font-size: 20px;
	line-height: 28px;
}

.product_dtl .tab_content .tab_con .plus-gift .title>div:not(.rolling-comment) {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0 2px;
}

.product_dtl .tab_content .tab_con .plus-gift .title>div .tooltip_div {
	position: static;
	height: 16px;
}

.product_dtl .tab_content .tab_con .plus-gift .title strong {
	font-weight: 700;
}

.product_dtl .tab_content .tab_con .plus-gift .rolling-comment {
	height: 24px;
	overflow: hidden;
}

.product_dtl .tab_content .tab_con .plus-gift .rolling-comment ul {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.product_dtl .tab_content .tab_con .plus-gift .rolling-comment li {
	display: flex;
	align-items: center;
	gap: 0 4px;
	height: 24px;
	line-height: 24px;
}

.product_dtl .tab_content .tab_con .plus-gift .swiper-container {
	flex: 1;
}

.product_dtl .tab_content .tab_con .plus-gift .swiper-slide {
	display: flex;
	align-items: center;
	gap: 0 10px;
	width: 254px;
}

.product_dtl .tab_content .tab_con .plus-gift .swiper-slide:only-child {
	width: 100%;
	padding-right: 38px;
}

.product_dtl .tab_content .tab_con .plus-gift .swiper-slide .thumb {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 104px;
	height: 104px;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
}

.product_dtl .tab_content .tab_con .plus-gift .swiper-slide .thumb img {
	width: 80px;
	height: 80px;
}

.product_dtl .tab_content .tab_con .plus-gift .swiper-slide .info {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 6px 0;
}

.product_dtl .tab_content .tab_con .plus-gift .swiper-slide .info .term {
	color: #111;
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
}

.product_dtl .tab_content .tab_con .plus-gift .swiper-slide .info .desc {
	color: rgba(17, 17, 17, 0.4);
	font-size: 13px;
	line-height: 18px;
}

.product_dtl .tab_content .tab_con .plus-gift.product {
	background-image: url(/res/images/bg/plus-gift-product-item-bg.jpg)
}

.product_dtl .tab_content .tab_con .plus-gift.order {
	background-image: url(/res/images/bg/plus-gift-order-item-bg.jpg)
}

.product_dtl .tab_content .tab_con .plus-gift.product .title strong:nth-of-type(2) {
	color: #535ECB;
}

.product_dtl .tab_content .tab_con .plus-gift.order .title strong:nth-of-type(2) {
	color: #1FB198;
}

.product_dtl .tab_content .tab_con .detail_intro img {
	width: 100%
}

.product_dtl .tab_content .tab_con .detail_intro video {
	width: 100%
}

.product_dtl .tab_content .tab_con .detail_intro iframe {
	width: 100% !important;
	height: 484px !important
}

.product_dtl .tab_content .tab_con .detail_intro .preview {
	position: relative
}

.product_dtl .tab_content .tab_con .detail_intro .preview: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 .tab_content .tab_con .detail_intro .preview .total {
	display: none
}

.product_dtl .tab_content .tab_con .detail_intro .total {
	display: none
}

.product_dtl .tab_content .tab_con .detail_intro .hidden {
	height: 0;
	overflow: hidden
}

.product_dtl .tab_content .tab_con .detail_intro .more {
	position: absolute;
	bottom: 76px;
	left: 50%;
	transform: translateX(-50%);
	padding: 19px 0;
	width: 300px;
	text-align: center;
	background: #fff;
	border-radius: 100px;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.product_dtl .tab_content .tab_con .detail_intro .more span {
	display: inline-block;
	padding-right: 18px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/icn_down_16x16.png') no-repeat right center;
	background-size: 16px;
}

.product_dtl .tab_content .tab_con .detail_intro.on .preview:before {
	display: none
}

.product_dtl .tab_content .tab_con .detail_intro.on .total {
	display: block
}

.product_dtl .tab_content .tab_con .detail_intro.on .more span {
	background: url('/res/images/icn_up_16x16.png') no-repeat right center;
	background-size: 16px;
}

.product_dtl .tab_content .tab_con .detail_intro.height .preview:before {
	display: none
}

.product_dtl .tab_content .tab_con .detail_intro.height .total {
	display: block;
	position: relative;
	height: 2000px;
	overflow: hidden
}

.product_dtl .tab_content .tab_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 .tab_content .tab_con .detail_intro.height.on .total {
	height: auto
}

.product_dtl .tab_content .tab_con .detail_intro.height.on .total:before {
	display: none
}

.product_dtl .tab_content .tab_con .detail_intro .detail-btn {
	width: 100%;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #111;
	font-size: 16px;
	font-weight: 500;
}

.product_dtl .tab_content .tab_con .detail_intro .detail-btn span {
	padding-right: 22px;
	background: url(/res/images/icon/arrow-down-111.svg) 100% 50% / 20px;
}

.product_dtl .tab_content .tab_con .detail_intro .detail-btn.show span {
	background-image: url(/res/images/icon/arrow-up-111.svg)
}

.product_dtl .tab_content .tab_con .filter_div {
	border-bottom: 1px solid #eee;
}

.product_dtl .tab_content .tab_con .filter_div .filter {
	display: flex;
	align-items: center;
	gap: 0 24px;
}

.product_dtl .tab_content .tab_con .filter_div .filter a {
	color: #999
}

.product_dtl .tab_content .tab_con .filter_div .filter a.on {
	color: #111;
	font-weight: 500 !important
}

.product_dtl .tab_content .tab_con .filter_div .chk_div {
	display: flex;
	align-items: center;
	gap: 0 24px;
}

.product_dtl .tab_content .tab_con .filter_div .chk_div .chk_box {
	display: flex;
	align-items: center;
	gap: 0 32px;
	padding: 0;
	z-index: 1;
}

/* 상품상세: 탭 상단 - 좌측 =============================== */
.product_dtl .left_area {
	float: left;
	width: 600px;
	text-align: center
}

.product_dtl .left_area .thumb {
	position: relative;
	width: 600px;
	border-radius: 0px;
}

.product_dtl .left_area .thumb .swiper-wrapper {
	height: 600px;
}

.product_dtl .left_area .thumb .swiper-slide {
	background-color: #f9f9f9;
}

.product_dtl .left_area .thumb .swiper-slide img {
	width: 100%;
	height: 600px;
	object-fit: cover;
}

.product_dtl .left_area .thumb>.swiper-scrollbar {
	margin-top: 24px;
}

.product_dtl .left_area .best_review .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 60px 0 20px;
}

.product_dtl .left_area .best_review .head .star-grade {
	display: flex;
	align-items: center;
}

.product_dtl .left_area .best_review .head .review-group .score {
	margin-left: 4px
}

.product_dtl .left_area .best_review .swiper-slide>div {
	width: 100%;
}

.product_dtl .left_area .best_review .swiper-slide .review_thumb {
	position: relative;
	min-width: 100px;
	width: 100px;
	height: 100px;
}

.product_dtl .left_area .best_review .review_thumb .thumb-count {
	position: absolute;
	bottom: 8px;
	right: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
}

.product_dtl .left_area .best_review .swiper-container {
	background-color: #F9F9F9;
}

.product_dtl .left_area .best_review .swiper-slide {
	display: flex;
	align-items: center;
	gap: 0 10px;
	height: 140px;
	background-color: #f9f9f9;
	padding: 20px 58px 20px 44px;
}

.product_dtl .left_area .best_review .swiper-pagination {
	position: static;
	margin-top: 20px;
}

.product_dtl .left_area .best_review .swiper-pagination .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background-color: rgba(0, 0, 0, 0.7);
}

.product_dtl .left_area .best_review .swiper-pagination .swiper-pagination-bullet-active {
	width: 48px;
	height: 8px;
	border-radius: 4px;
	background-color: #000;
}

.product_dtl .left_area .best_review .swiper-button [class*=swiper-button] {
	top: 0;
	width: 44px;
	height: 100%;
	margin-top: 0;
	background-size: 20px;
	background-color: #F9F9F9;
}

.product_dtl .left_area .best_review .swiper-button.disabled {
	display: none;
}

.product_dtl .left_area .best_review .swiper-button .swiper-button-prev {
	left: 0;
	right: auto;
	background-position: left 7px center;
	background-image: url('/res/images/icon/arrow-swiper-left-111.svg');
}

.product_dtl .left_area .best_review .swiper-button .swiper-button-next {
	right: 0;
	left: auto;
	background-position: right 21px center;
	background-image: url('/res/images/icon/arrow-swiper-right-111.svg');
}

.product_dtl .left_area .best_review .swiper-slide .text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #333;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	max-height: 72px;
	min-height: 28px;
	line-height: 28px;
	padding-left: 10px;
	word-break: break-all;
}

.product_dtl .left_area .thumb .time-sale-wrap {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2;
}

.product_dtl .left_area .thumb .time-sale-wrap .timer {
	justify-content: flex-start;
	margin-bottom: 0;
	border-radius: 0px 0px 20px 20px;
	background-color: transparent;
	padding-left: 55px;
}

.product_dtl .left_area .thumb .timer_div .timer_wrap {
	display: inline-block;
	margin: 0 auto;
}

.product_dtl .left_area .thumb .timer_div .timer_wrap:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .left_area .thumb .timer_div .timer_wrap p {
	float: left;
}

.product_dtl .left_area .thumb .timer_div .timer_wrap .tit img {
	height: 32px;
	margin-right: 8px;
	vertical-align: middle
}

.product_dtl .left_area .thumb .timer_div .timer_wrap .tit img:last-child {
	height: 40px;
	margin-right: 0;
}

.product_dtl .left_area .thumb .timer_div .timer_wrap .timer {
	font-size: 24px;
	line-height: 40px;
	font-weight: 700;
	color: #111;
	margin-left: 8px;
}

/* 상품상세: 탭 상단 - 우측 =============================== */
.product_dtl .right_area {
	float: left;
	margin-left: 40px;
	width: 620px
}

.product_dtl .right_area .brand_link {
	margin-bottom: 18px;
	text-align: left;
}

.product_dtl .right_area .brand_link a {
	display: inline-block;
	padding-right: 22px;
	background-size: 20px;
	margin-top: 2px;
}

.product_dtl .right_area .brand_link a:nth-child(2n-1) {
	margin-left: 0
}

.product_dtl .right_area .pd_info {
	position: relative;
	padding-bottom: 24px;
	border-bottom: 1px solid #ccc
}

.product_dtl .right_area .pd_info .btn {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	gap: 0 8px;
}

.product_dtl .right_area .pd_info .btn a {
	display: block;
	width: 28px;
	height: 28px;
}

.product_dtl .right_area .pd_info .btn a.share {
	background: url('/res/images/icon/share-111.svg') no-repeat center;
	background-size: 28px
}

.product_dtl .right_area .pd_info .btn a.share:hover {
	background: url('/res/images/icon/share-p1.svg') no-repeat center;
	background-size: 28px
}

.product_dtl .right_area .pd_info .btn a.heart {
	background: url('/res/images/icon/heart-off.svg') no-repeat center;
	background-size: 28px
}

.product_dtl .right_area .pd_info .btn a.heart:hover,
.product_dtl .right_area .pd_info .btn a.heart.on {
	background: url('/res/images/icon/heart-on.svg') no-repeat center;
	background-size: 28px
}

.product_dtl .right_area .pd_info .btn a.heart p {
	display: none;
	position: absolute;
	top: -8px;
	left: -8px;
	width: 48px;
	height: 48px;
}

.product_dtl .right_area .pd_info .btn a.heart.ing p:nth-child(1) {
	display: block
}

.product_dtl .right_area .pd_info .btn a.heart.ing p:nth-child(2) {
	display: none
}

.product_dtl .right_area .pd_info .btn a.heart.off p:nth-child(1) {
	display: none
}

.product_dtl .right_area .pd_info .btn a.heart.off p:nth-child(2) {
	display: block
}

.product_dtl .right_area .pd_info .btn a.heart img {
	width: 100%
}

.product_dtl .right_area .pd_info .etc {
	position: absolute;
	bottom: -48px;
	right: 10px;
	display: flex;
	align-items: center;
}

.product_dtl .right_area .pd_info .etc .pd_review {
	margin-left: 16px;
	font-size: 20px;
	line-height: 24px;
	color: #777;
	cursor: pointer;
	text-decoration: underline
}

.product_dtl .right_area .pd_info .name {
	word-break: break-all;
}

.product_dtl .right_area .pd_info .badge-list-wrap {
	display: inline-block;
	vertical-align: middle;
}

.product_dtl .right_area .pd_info .tag {
	margin-top: 4px;
}

.product_dtl .right_area .pd_info .tag span,
.product_dtl .right_area .pd_info .tag p {
	display: inline-block;
	color: #bbb;
	word-break: break-all;
	margin: 2px 8px 0 0;
	cursor: pointer;
}

.product_dtl .right_area .pd_info .tag span:last-child,
.product_dtl .right_area .pd_info .tag p:last-child {
	margin-right: 0
}

.product_dtl .right_area .pd_info .tag span:before,
.product_dtl .right_area .pd_info .tag p:before {
	content: '#'
}

.product_dtl .right_area .price_info {
	padding-top: 24px;
}

.product_dtl .right_area .price_info .list_div .list {
	display: flex;
	align-items: center;
	margin-bottom: 2px;
	color: #999;
}

.product_dtl .right_area .price_info .list_div .list:first-child {
	margin-bottom: 6px
}

.product_dtl .right_area .price_info .list_div .list:nth-last-of-type(1) {
	margin-bottom: 0;
}

.product_dtl .right_area .price_info .price_list_div {
	display: flex;
	align-items: end;
	justify-content: space-between;
}

.product_dtl .right_area .price_info .price_list_div+.deliver {
	margin-top: 12px;
}

/* .product_dtl .right_area .price_info .list_div .list:last-child {
	margin-top: 4px
} */

.product_dtl .right_area .price_info .list_div .list .percent {
	font-size: 24px;
	line-height: 32px;
}

.product_dtl .right_area .price_info .list_div .list .percent strong {
	font-size: 30px;
	line-height: 40px;
}

.product_dtl .right_area .price_info .list_div .list .percent+.price {
	margin-left: 6px;
}

.product_dtl .right_area .price_info .list_div .list .price {
	display: flex;
	align-items: center;
}

.product_dtl .right_area .price_info .list_div .list .price .dc {
	color: var(--color-highlight-1);
	padding-right: 8px;
}

.product_dtl .right_area .price_info .list_div .list .price .won,
.product_dtl .right_area .price_info .list_div .list .price .won span {
	color: #999;
}

.product_dtl .right_area .price_info .list_div .list .price .won.fixedwon,
.product_dtl .right_area .price_info .list_div .list .price .won.fixedwon span {
	color: #bbb;
	text-decoration: line-through;
}

.product_dtl .right_area .price_info .list_div .list:last-child .percent {
	color: #FF3894;
}

.product_dtl .right_area .price_info .list_div .list:last-child .percent strong {
	font-weight: 700;
}

.product_dtl .right_area .price_info .list_div .list:last-child .price .won {
	display: flex;
	align-items: center;
	color: #111;
}

.product_dtl .right_area .price_info .list_div .list:last-child .price .won span {
	display: inline-block;
	color: #111;
	font-weight: 700 !important;
	text-decoration: none;
}

.product_dtl .right_area .price_info .benefit_list {
	display: flex;
	align-items: center;
}

.product_dtl .right_area .price_info .benefit_list .benefit_flag {
	color: var(--color-primary-1);
	padding-left: 6px;
}

.product_dtl .right_area .price_info .time-sale-info {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	margin-top: 18px;
	background-color: #F2FFF0;
}

.product_dtl .right_area .price_info .time-sale-info span {
	display: flex;
	align-items: center;
	gap: 0 4px;
	padding-left: 24px;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	background: url('/res/images/icon/clock-on-111.svg') no-repeat 0 50% / 20px;
}

.product_dtl .right_area .price_info .time-sale-info span strong {
	width: 102px;
	color: #FF3894;
	font-weight: 700;
}

.product_dtl .right_area .price_info .deliver {
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 24px;
	padding-right: 20px;
	margin-top: 18px;
}

.product_dtl .right_area .price_info .deliver .deliver_txt {
	color: #333;
	background: url('/res/images/icon/deliver-111.svg') no-repeat left center;
	padding-left: 32px;
}

.product_dtl .right_area .price_info .stock {
	position: relative;
	display: flex;
	align-items: center;
	height: 24px;
	padding-right: 20px;
}

.product_dtl .right_area .price_info .stock .stock_txt {
	color: #333;
	background: url('/res/images/icon/stock-111.svg') no-repeat left center;
	padding-left: 32px;
}

.product_dtl .right_area .price_info .list_div .list:last-child .type {
	line-height: 34px
}

.product_dtl .right_area .price_info .list_div .list:last-child .price .dc {
	display: block
}

.product_dtl .right_area .price_info .list_div .list:nth-child(2) .price .dc {
	color: var(--color-highlight-1)
}

.product_dtl .right_area .price_info .list_div .list:nth-child(3) .price .dc {
	color: var(--color-highlight-1)
}

.product_dtl .right_area .price_info .coupon_btn .btn_tool {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 138px;
	height: 40px;
	color: #999;
	margin-bottom: 2px;
}

.product_dtl .right_area .price_info .coupon_btn .btn_tool .btn_tool_inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	color: #999;
	padding-right: 20px;
}

.product_dtl .right_area .price_info .coupon_btn .btn_tool .btn_tool_inner .tooltip_div {
	background-size: 20px;
}

.product_dtl .right_area .price_info .coupon_btn .btn {
	width: 138px;
	height: 40px;
	border-radius: 4px !important;
	background-image: url('/res/images/icon/download-fff.svg');
	background-position: right 30.5% center;
	background-size: 20px;
	padding: 10px 62px 10px 40px;
}

.product_dtl .qr_banner {
	position: relative;
	display: flex;
	align-items: center;
	height: 80px;
	border-radius: 4px;
	margin-top: 40px;
	background-image: linear-gradient(to right, #DEFDD4 520px, #B7FCB1 80px);
	padding-right: 80px;
}

.product_dtl .qr_banner .txt {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 4px;
	height: 100%;
}

.product_dtl .qr_banner .qr_code {
	position: absolute;
	top: calc(50% - 24px);
	right: 16px;
	width: 48px;
	height: 48px;
}

.product_dtl .right_area .info_box {
	width: 100%;
}

.product_dtl .right_area .info_box .title {
	padding-right: 110px;
	position: relative
}

.product_dtl .right_area .info_box .title span {
	display: inline-block;
	max-width: calc(100% - 92px);
	max-width: -webkit-calc(100% - 92px);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top
}

.product_dtl .right_area .info_box .title a.cpn_down_btn {
	position: absolute;
	top: calc(50% - 16px);
	right: 0;
	padding: 0 10px;
	border: 1px solid #bbb;
	border-radius: 5px;
	background: #fff;
	text-align: center;
	height: 32px;
	display: flex;
	align-items: center;
}

.product_dtl .right_area .info_box .dc_list .list {
	margin-top: 40px;
}

.product_dtl .right_area .info_box .dc_list .list .line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 6px;
}

.product_dtl .right_area .info_box .dc_list .list>.line {
	padding-top: 16px;
	border-top: 1px solid #ccc;
}

.product_dtl .right_area .info_box .dc_list .list.point_benefit .line {
	align-items: start;
}

.product_dtl .right_area .info_box .dc_list .list .line:first-child {
	margin-top: 0;
}

.product_dtl .right_area .info_box .dc_list .list>.line .left {
	display: flex;
	align-items: center;
}

.product_dtl .right_area .info_box .dc_list .list .line .left {
	display: flex;
	align-items: center;
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
}

/* .product_dtl .right_area .info_box .dc_list .list .body {
	display: none;
} */

.product_dtl .right_area .info_box .dc_list .list .body .line {
	margin-top: 16px;
}

.product_dtl .right_area .info_box .dc_list .list .body .name {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.product_dtl .right_area .info_box .dc_list .list .line .left .coupon_flag {
	display: inline-block;
	width: 50px;
	height: 26px;
	max-height: 26px;
	color: var(--color-primary-1);
	border-radius: 4px;
	background-color: var(--color-secondary-3);
	padding: 4px 8px;
	margin-right: 8px;
}

.product_dtl .right_area .info_box .dc_list .list .line .left .coupon_flag.coupon_btn {
	background: url('/res/images/icon/download-fff.svg') no-repeat right 6px center / 14px var(--color-primary-1);
	padding: 4px 20px 4px 7px;
	color: #fff;
}

.product_dtl .right_area .info_box .dc_list .list .line .left .name {
	display: inline-block;
	color: #333;
}

.product_dtl .right_area .info_box .dc_list .list .line .left .name .date {
	color: #bbb;
}

.product_dtl .right_area .info_box .dc_list .list .line.point {
	line-height: 24px;
}

.product_dtl .right_area .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: 32px;
}

.product_dtl .right_area .info_box .dc_list .list .line.point .left .name {
	position: relative;
	padding-right: 20px;
	overflow: inherit;
}

.product_dtl .right_area .info_box .dc_list .list .line .right {
	display: flex;
	align-items: center;
	justify-content: end;
	min-width: 100px;
	color: #333;
	padding-left: 8px;
	text-align: right
}

.product_dtl .right_area .info_box .dc_list .list .line .right span {
	display: inline-block;
	color: #333;
}

.product_dtl .right_area .info_box .dc_list .list .line .right .dropdown-arrow {
	vertical-align: text-bottom;
}

.product_dtl .right_area .info_box .dc_list .list>.line:first-child .left .name {
	position: relative;
	color: #111;
	background: none;
	padding-left: 0;
	padding-right: 20px;
	margin-right: 6px;
}

.product_dtl .right_area .info_box .dc_list .list>.line .right,
.product_dtl .right_area .info_box .dc_list .list>.line .right span {
	color: #111;
}

.product_dtl .right_area .info_box .dc_list .list>.line .right .dropdown-arrow {
	width: 20px;
	height: 20px;
	background: url('/res/images/icon/arrow-down-111.svg') 100% 50% no-repeat;
	background-size: 20px;
	cursor: pointer;
	transition: transform 0.3s ease;
	margin-left: 2px;
}

.product_dtl .right_area .info_box .dc_list .list.active>.line .right .dropdown-arrow {
	transform: rotate(180deg);
}

.product_dtl .right_area .info_box .dc_list .list .line .sub {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.product_dtl .right_area .info_box .dc_list .list .line .sub span,
.product_dtl .right_area .info_box .dc_list .list .line .sub .link-btn {
	color: #bbb;
	font-size: 13px;
	line-height: 18px;
}

.product_dtl .right_area .info_box .dc_list .list .line .sub .term.plus-info {
	display: flex;
	align-items: center;
	gap: 0 2px;
}

.product_dtl .right_area .info_box .dc_list .list .line .sub .term.plus-info strong {
	display: flex;
	align-items: center;
	padding-left: 20px;
	color: #3CC814;
	background: url('/res/images/icon/plus-s1.svg') 0 50% no-repeat;
}

.product_dtl .right_area .info_box .dc_list .list .line .sub .desc {
	font-weight: 500;
}

.product_dtl .right_area .info_box .dc_list .list .line .sub .link-btn {
	text-decoration: underline;
}

.product_dtl .right_area .price_info+.add_info {
	border-top: none
}

.product_dtl .right_area .add_info {
	margin-top: 40px;
}

.product_dtl .right_area .add_info .list_div .list .line {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
}

.product_dtl .right_area .add_info .list_div .list .left .line .type {
	max-width: 115px;
}

.product_dtl .right_area .add_info .list_div .list .line .type.has_tool {
	display: inline-block;
	position: relative;
	padding-right: 20px;
}

.product_dtl .right_area .add_info .list_div .list .body {
	margin-top: 10px;
}

.product_dtl.ver_advanced .right_area .add_info .list_div .list .type {
	width: 145px;
}

.product_dtl.ver_advanced .right_area .add_info .list_div .list .text {
	width: calc(100% - 145px);
	width: -webkit-calc(100% - 145px)
}

.product_dtl .right_area .sub_pd_option .list_div .list .type {
	padding-bottom: 16px;
}

.product_dtl .right_area .sub_pd_option .list_div .list .text {
	max-height: 300px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.product_dtl .right_area .sub_pd_option:not(.disabled) .list_div .list .text .chk_div:hover {
	background-color: #f9f9f9;
}

.product_dtl .right_area .sub_pd_option.disabled .list_div .list .text * {
	color: #bbb !important;
}

.product_dtl .right_area .freegift .swiper-button {
	display: flex;
	align-items: center;
	gap: 0 10px;
}

.product_dtl .right_area .freegift .swiper-button [class*=swiper-button] {
	position: relative;
	top: inherit;
	bottom: inherit;
	left: inherit;
	right: inherit;
	width: 20px;
	height: 20px;
	margin-top: 0;
	background-size: 20px;
	background-color: #fff;
	z-index: 0;
}

.product_dtl .right_area .freegift .swiper-button .swiper-button-prev {
	right: auto;
	background-position: center;
	background-image: url('/res/images/icon/arrow-left-111.svg');
}

.product_dtl .right_area .freegift .swiper-button .swiper-button-next {
	left: auto;
	background-position: center;
	background-image: url('/res/images/icon/arrow-right-111.svg');
}

.product_dtl .right_area .freegift .swiper-container .swiper-wrapper .swiper-slide {
	display: flex;
	align-items: center;
}

.product_dtl .right_area .freegift .swiper-container .swiper-wrapper .swiper-slide .thumb {
	width: 100px;
	min-width: 100px;
	height: 100px;
}

.product_dtl .right_area .freegift .swiper-container .swiper-wrapper .swiper-slide .thumb img {
	width: 100%;
}

.product_dtl .right_area .freegift .swiper-container .swiper-wrapper .swiper-slide .txt {
	padding: 0 10px;
}

.product_dtl .right_area .freegift .swiper-container .swiper-wrapper .swiper-slide .txt .date {
	display: block;
	color: #bbb;
	margin-top: 6px;
}

.product_dtl .right_area .main_pd_option .list_div .list .type {
	padding-bottom: 16px;
}

.product_dtl .right_area .main_pd_option .list_div .list .text {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 20px;
}

.product_dtl .right_area .main_pd_option .list_div .list .text .chk_div {
	border-top: none;
	padding: 0 0 20px 0;
}

.product_dtl .right_area .main_pd_option .list_div .list .text .chk_div:nth-last-of-type(1) {
	padding-bottom: 0;
}

.product_dtl .right_area .main_pd_option .list_div .list .text .chk_div .chk_box .info .left {
	display: flex;
	align-items: center;
}

.product_dtl .right_area .main_pd_option .list_div .list .text .chk_div .chk_box .info .volume {
	width: auto;
	align-items: center;
}

.product_dtl .right_area .main_pd_option .list_div .list .text .chk_div .chk_box .info .left .badge-list {
	padding-top: 0;
}

.product_dtl .right_area .main_pd_option .list_div .list .text .chk_div .chk_box .info .right {
	display: flex;
	align-items: center;
}

.product_dtl .right_area .main_pd_option .list_div .list .text .chk_div .chk_box .info .right>span {
	margin-top: 0;
	margin-left: 8px;
}

/* .product_dtl .right_area .sub_pd_option .list_div .list .text .chk_div .chk_box .info .volume {
	width: 100%;
	max-width: 415px;
} */
.product_dtl .pd_option.sub_pd_option .list_div .list .text .chk_div .stock {
	display: inline-block;
	max-width: 100%;
	padding-left: 2px;
}

.product_dtl .right_area .selected_option_div {
	margin-top: 40px;
}

.product_dtl .right_area .product_option .option_select {
	padding: 24px 0;
	border-top: 1px solid #eee
}

.product_dtl .right_area .product_option .option_select .line {
	margin-top: 12px
}

.product_dtl .right_area .product_option .option_select .line:first-child {
	margin-top: 0
}

.product_dtl .right_area .product_option .option_select .line:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .product_option .option_select .line .left {
	float: left;
	padding-left: 10px;
	width: 125px;
	font-size: 16px;
	line-height: 48px;
	color: #777
}

.product_dtl .right_area .product_option .option_select .line .right {
	position: relative;
	float: left;
	width: calc(100% - 125px);
	width: -webkit-calc(100% - 125px);
	z-index: 1
}

/* .product_dtl .right_area .product_option .option_select .line .right .one_depth {
	display: block;
	padding: 13px 40px 13px 11px;
	border: 1px solid #f7f7f7;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	background: url('/res/images/icn_down_24x24.png') no-repeat right 11px top 50% #f7f7f7;
	background-size: 24px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-radius: 10px
}

.product_dtl .right_area .product_option .option_select .line .right .one_depth:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .product_option .option_select .line .right .one_depth span {
	float: right;
	font-size: 12px;
	line-height: 20px;
	color: #3cc814
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth {
	display: none;
	position: absolute;
	top: 48px;
	left: 0;
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
	border-radius: 0 0 10px 10px;
	overflow-y: auto
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div {
	display: table;
	width: 100%;
	border-bottom: 1px solid #eee
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div:last-child {
	border-bottom: none
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div .txt {
	display: table-cell;
	padding: 19px 12px;
	width: calc(100% - 140px);
	width: -webkit-calc(100% - 140px);
	font-size: 16px;
	line-height: 22px;
	color: #000;
	vertical-align: middle
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div .txt:hover {
	background: #f9f9f9
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div .btn {
	display: none;
	padding: 0 12px 0 20px;
	vertical-align: middle
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div .btn .alarm {
	padding: 4px 5px;
	border: 1px solid #3cc814;
	border-radius: 5px;
	white-space: nowrap
}

.product_dtl .right_area .product_option .option_select .line .right .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
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div .btn .alarm.on {
	background: #ddd;
	border: 1px solid #ddd;
	pointer-events: none
}

.product_dtl .right_area .product_option .option_select .line .right .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
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div.soldout .txt {
	color: #ccc
}

.product_dtl .right_area .product_option .option_select .line .right .two_depth>div.soldout .btn {
	display: table-cell;
}

.product_dtl .right_area .product_option .option_select .line .right.on {
	z-index: 3
}

.product_dtl .right_area .product_option .option_select .line .right.on .one_depth {
	background: url('/res/images/icn_up_24x24.png') no-repeat right 13px top 50% #f7f7f7;
	background-size: 24px;
	border: 1px solid #ccc;
	border-radius: 10px 10px 0 0
} */

/* .product_dtl .right_area .product_option .option_select .select_list_div {
	padding-left: 125px
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list {
	position: relative;
	margin-top: 12px;
	padding: 20px 16px 16px;
	border: 1px solid #ddd;
	border-radius: 10px
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list .title {
	padding-right: 30px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list .count_div {
	margin-top: 18px
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list .count_div:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list .count_div .count {
	float: left
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list .count_div .price {
	float: right;
	font-weight: 500;
	font-size: 18px;
	line-height: 36px;
	color: #000
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list .count_div .price span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.product_dtl .right_area .product_option .option_select .select_list_div .select_list .delete {
	position: absolute;
	top: 12px;
	right: 12px;
	width: 24px;
	height: 24px;
	background: url('/res/images/icn_xbt_24x24.png') no-repeat;
	background-size: 24px
}

.product_dtl .right_area .product_option.soldout .option_select .line .right .one_depth {
	color: #ccc;
	background: url('/res/images/icn_down_gry_24x24.png') no-repeat right 11px top 50% #f7f7f7;
	background-size: 24px
}

.product_dtl .right_area .product_option .final_cost {
	padding: 20px 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee
}

.product_dtl .right_area .product_option .final_cost:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .product_option .final_cost .type {
	float: left;
	padding-right: 15px;
	width: 115px;
	font-size: 16px;
	line-height: 44px;
	color: #555
}

.product_dtl .right_area .product_option .final_cost .type span {
	color: #000
}

.product_dtl .right_area .product_option .final_cost .type span b {
	font-weight: 700
}

.product_dtl .right_area .product_option .final_cost .count_div {
	float: left;
	padding: 4px 0;
	width: 114px
}

.product_dtl .right_area .product_option .final_cost .price {
	float: right
}

.product_dtl .right_area .product_option .final_cost .price:after {
	content: '';
	display: block;
	clear: both
}

.product_dtl .right_area .product_option .final_cost .price .tip {
	position: relative;
	float: left;
	padding-right: 16px;
	margin-right: 20px;
	font-size: 16px;
	line-height: 44px;
	color: #999
} */

.product_dtl .right_area .product_option .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 .right_area .product_option .final_cost .price .won {
	float: left;
	font-weight: 500;
	font-size: 32px;
	line-height: 44px;
	color: #3cc814
}

.product_dtl .right_area .product_option .final_cost .price .won span {
	display: inline-block;
	font-weight: 700;
	font-size: 36px;
	vertical-align: top
}

.product_dtl .bottom_btn {
	display: flex;
}

.product_dtl .bottom_btn>div {
	display: flex;
	width: 100%;
}

.product_dtl .bottom_btn a {
	/* margin-left: 8px;
	padding: 15px 20px;
	flex: auto */
	width: 100%;
	border-radius: 0 !important;
	padding: 17px;
}

.product_dtl .btn_type a,
.product_dtl .bottom_btn a {
	border-radius: 0;
}

.product_dtl .bottom_btn a.btn-primary-1 {
	border: 1px solid var(--color-primary-1);
}

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

.product_dtl .bottom_btn a span {
	display: inline-block;
	padding-left: 34px;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px
}

.product_dtl .bottom_btn a.cart {
	background: #3cc814;
	border: 1px solid #3cc814
}

.product_dtl .bottom_btn a.cart span {
	color: #fff;
	background: url('/res/images/product_dtl_bottom_cart.png') no-repeat left center;
	background-size: 32px
}

.product_dtl .bottom_btn a.buy {
	background: #fff;
	border: 1px solid #3cc814
}

.product_dtl .bottom_btn a.buy span {
	color: #3cc814;
	background: url('/res/images/product_dtl_bottom_buy.png') no-repeat left center;
	background-size: 32px
}

.product_dtl .bottom_btn a.gift {
	position: relative;
	/* padding: 6px 0; */
	width: 60px;
	min-width: 60px;
	background: #fff;
	border: 1px solid var(--color-primary-1);
	background: url('/res/images/icon/gift-p1.svg') no-repeat 50%;
}

.product_dtl .bottom_btn .bottom {
	margin-top: 8px
}

.product_dtl .btn_type .alarm {
	padding: 17px;
}

.product_dtl .btn_type .alarm span {
	display: inline-block;
	color: #fff;
	padding-left: 28px;
	background: url('/res/images/icon/alarm-fff.svg') no-repeat left center;
	background-size: 24px
}

.product_dtl .btn_type .alarm.on {
	background: #ddd;
	border: 1px solid #ddd;
	pointer-events: none;
	margin-left: 0;
	color: #fff;
}

.product_dtl .btn_type .alarm.on span {
	background: none;
	padding-left: 0;
}

/* 
.product_dtl .bottom_btn a.gift+a {
	width: calc(100% - 88px);
	width: -webkit-calc(100% - 88px)
} */

.product_dtl .right_area .bottom_btn a:nth-last-of-type(1):not(.alarm.on) {
	border-right: 1px solid var(--color-primary-1);
}

.product_dtl.gift .right_area .bottom_btn a.cart {
	width: 307px
}

.product_dtl.gift .right_area .bottom_btn a.buy {
	display: none
}

.product_dtl.gift .right_area .bottom_btn a.gift {
	padding: 15px 0;
	width: 307px
}

.product_dtl.gift .right_area .bottom_btn a.gift span {
	padding-left: 34px;
	padding-top: 0;
	font-weight: 700;
	font-size: 20px;
	line-height: 32px;
	background: url('/res/images/product_dtl_bottom_gift2.png') no-repeat left center;
	background-size: 32px
}

.product_dtl.gift .right_area .bottom_btn a.gift span b,
.product_dtl.gift .right_area .bottom_btn a.gift span strong {
	display: inline;
	font-weight: 800
}

.product_dtl .right_area .bottom_btn a {
	border-right: none;
}

/* 상품상세: 탭~탭 하단 =============================== */
.product_dtl .detail_area .detail_content_area,
.product_dtl.ver_advanced .detail_area .detail_content_area .inner {
	width: 100%;
	padding: 0;
}

.product_dtl .detail_area .tab_area {
	position: relative;
	width: 100%;
	height: 56px
}

.product_dtl .detail_area .tab_area .anchor_tab {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 320px;
	width: 100%;
	background: #fff
}

.product_dtl .detail_area .tab_area .anchor_tab:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #eee
}

.product_dtl .detail_area .tab_area .anchor_tab.fixed {
	width: 100%;
	min-width: 100%;
}

.product_dtl .detail_area .detail_content_area .tab_area .anchor_tab.fixed:after {
	display: none
}

.product_dtl .detail_area .tab_area .anchor_tab .inner {
	display: flex;
	width: 100%;
	padding: 0 20px;
	z-index: 2
}

.product_dtl .detail_area .tab_area .anchor_tab.fixed:after {
	content: '';
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	height: 12px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
	opacity: 0.1
}

.product_dtl .detail_area .tab_area .anchor_tab a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 10px 13px;
	width: 320px;
	height: 56px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	color: #999;
	text-align: center;
	flex-basis: 100%;
}

.product_dtl .detail_area .tab_area .anchor_tab a h2 {
	color: #555;
}

.product_dtl .detail_area .tab_area .anchor_tab a.on {
	font-weight: 600 !important;
	color: #111
}

.product_dtl .detail_area .tab_area .anchor_tab a.on h2,
.product_dtl .detail_area .tab_area .anchor_tab a.on h2 b {
	font-size: 18px !important;
	font-weight: 600 !important;
	color: #111;
}

.product_dtl .detail_area .tab_area .anchor_tab a.on:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: var(--color-primary-1);
}

/*.product_dtl .detail_area .tab_area .anchor_tab a.event span:before {
	content: '';
	position: absolute;
	top: -12px;
	right: -16px;
	width: 34px;
	height: 12px;
	background: url('/res/images/pdtab_event-2.png') no-repeat center;
	background-size: 34px 11px
}

.product_dtl .detail_area .tab_area .anchor_tab a.event span:before {
	content: '';
	position: absolute;
	top: 0;
	right: -65px;
	width: 60px;
	height: 24px;
	background: url('/res/images/pdtab_event.png') no-repeat center;
	background-size: 60px 24px
} */

.product_dtl .detail_area .tab_area .anchor_tab a b {
	display: inline-block;
	color: #999;
	vertical-align: middle;
}

.product_dtl .detail_area .tab_area .anchor_tab.fixed {
	position: fixed;
	min-width: 1460px;
	background: #fff;
	z-index: 3;
}

.product_dtl .detail_area .tab_content {
	width: 860px;
	padding-top: 40px;
	margin: 0 auto;
}

.product_dtl .detail_area .tab_content .sub_tab_con,
.product_dtl .detail_area .tab_content .tab_con {
	position: relative;
	margin-top: 100px
}

.product_dtl .detail_area .tab_content .sub_tab_con:first-child,
.product_dtl .detail_area .tab_content .tab_con:first-child {
	margin-top: 0
}

.product_dtl .detail_area .tab_content .sub_tab_con .detail_intro,
.product_dtl .detail_area .tab_content .tab_con .detail_intro {
	padding: 0;
}

.product_dtl .detail_area .tab_content .sub_tab_con .detail_intro .total,
.product_dtl .detail_area .tab_content .tab_con .detail_intro .total {
	display: block
}

.product_dtl .detail_area .tab_content .sub_tab_con .title_div,
.product_dtl .detail_area .tab_content .tab_con .title_div {
	display: flex;
	align-items: center;
	padding: 17px 0;
}

.product_dtl .detail_area .tab_content .sub_tab_con .title_div .count,
.product_dtl .detail_area .tab_content .tab_con .title_div .count {
	margin-left: 4px;
}

.product_dtl .detail_area .tab_content .sub_tab_con>.cont,
.product_dtl .detail_area .tab_content .tab_con>.cont {
	margin-top: 12px;
}

.product_dtl .detail_area .tab_content .tab_con .etc {
	display: flex;
	align-items: center;
	gap: 0 20px;
	margin-left: 40px;
}

.product_dtl .detail_area .tab_content .tab_con .etc .tool {
	position: relative;
	padding-right: 22px;
}

.product_dtl .detail_area .tab_content .tab_con .etc .btn {
	width: 102px;
	height: 36px;
	border-radius: 4px !important;
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box {
	width: 100%;
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info {
	align-items: center;
}

/* .product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info .volume {
	display: flex;
	align-items: center;
} */

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info .volume span {
	color: #333;
	margin-left: 4px;
}

.product_dtl .main_pd_option .list_div .list .text .chk_div .chk_box .info p {
	margin-top: 0;
	vertical-align: middle
}

.product_dtl .pd_option .list_div .list:nth-child(n+2) {
	margin-top: 16px;
}

.product_dtl .pd_option .list_div .list .text .select_form .select {
	position: relative;
	padding: 18px 20px
}

.product_dtl .pd_option .list_div .list .text .select_form .select.on {
	border: 1px solid #ccc;
}

.product_dtl .pd_option .list_div .list .text .select_form .option {
	/* position: relative; */
	position: absolute;
	top: 62px;
	left: 0;
	max-height: none;
	z-index: 3;
}

.product_dtl .pd_option .list_div .list .text .chk_div {
	padding: 20px;
	border-top: 1px solid #eee;
}

.product_dtl .pd_option .list_div .list .text .chk_div:first-child {
	border-top: none;
}

.product_dtl .pd_option .list_div .list .text .chk_div>div {
	width: 100%;
}

.product_dtl .pd_option .list_div .list .text .chk_div label {
	width: 100%;
	padding: 0 0 0 30px;
}

.product_dtl .pd_option .list_div .list .text .chk_div .info {
	display: flex;
	justify-content: space-between;
	gap: 0 10px;
	width: 100%
}

.product_dtl .pd_option .list_div .list .text .chk_div .info .left {
	display: flex;
	align-items: center;
	gap: 0 6px;
}

.product_dtl .pd_option .list_div .list .text .chk_div .thumb {
	width: 60px;
	min-width: 60px;
	height: 60px;
	background-color: #F9F9F9;
}

.product_dtl .pd_option .list_div .list .text .chk_div .thumb img {
	width: 100%;
	height: 100%;
}

.product_dtl .pd_option .list_div .list .text .chk_div .volume p {
	display: inline-block;
	word-break: break-all;
}

.product_dtl .pd_option.main_pd_option .list_div .list .text .chk_div .volume p span {
	padding-left: 4px;
}

.product_dtl .pd_option .list_div .list .text.option_select .chk_div .volume p span {
	padding-left: 0;
}

.product_dtl .pd_option.sub_pd_option .list_div .list .text.option_select .chk_div .volume p span {
	word-break: keep-all;
}

.product_dtl .pd_option .list_div .list .text .chk_div .stock {
	color: #bbb;
}

.product_dtl .pd_option .list_div .list .text .chk_div .info .right {
	display: flex;
	align-items: center;
	gap: 0 8px;
	text-align: right;
}

.product_dtl .pd_option .list_div .list .text .chk_div .info .right>span:last-child {
	color: #bbb;
}

.product_dtl .pd_option .list_div .list .text .chk_div .info .right .percent {
	color: #FF3894;
	font-size: 16px;
	line-height: 24px;
}

.product_dtl .pd_option .list_div .list .text .chk_div .info .right .price {
	color: #555;
}

.product_dtl .pd_option .list_div .list .text .chk_div .info .right .unit {
	color: #bbb;
}

.product_dtl .pd_option .list_div .list .text .chk_div .chk_box label {
	padding-left: 0;
}

.product_dtl .pd_option .list_div .list .text .chk_div .chk_box input[type="checkbox"]+label:after {
	visibility: hidden;
}

.product_dtl .detail_area .fixed_container .btn_type a {
	border-radius: 0;
}

.product_dtl .selected_option_div .selected_list_div .selected_list {
	position: relative;
	padding: 20px;
	background: #f9f9f9;
	border-radius: 4px
}

.product_dtl .selected_option_div .selected_list_div .selected_list:nth-child(n+2) {
	margin-top: 16px;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .title {
	display: flex;
	align-items: center;
	padding-right: 54px;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .title .option {
	word-break: break-all;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .title .oneday {
	display: inline-block;
	color: #bbb;
	vertical-align: text-bottom;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .title .stock {
	display: inline-block;
	color: #bbb;
	vertical-align: text-bottom;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .title .option~.oneday,
.product_dtl .selected_option_div .selected_list_div .selected_list .title .option~.stock {
	padding-left: 6px;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .title .price {
	color: #bbb;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .count_div {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 12px;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .count_div .count {
	background: #fff;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .count_div .count_bubble {
	position: absolute;
	bottom: -32px;
	left: -18px;
	width: auto;
	border: 1px solid var(--color-primary-1);
	border-radius: 40px;
	background-color: #fff;
	padding: 5px 13px;
}

.product_dtl .selected_option_div .selected_list_div .selected_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 .selected_option_div .selected_list_div .selected_list .count_div .count_bubble p,
.product_dtl .selected_option_div .selected_list_div .selected_list .count_div .count_bubble b,
.product_dtl .selected_option_div .selected_list_div .selected_list .count_div .count_bubble span {
	color: var(--color-primary-1);
}

.product_dtl .selected_option_div .selected_list_div .selected_list .add_div {
	display: flex;
	align-items: center;
	color: #333;
	border-top: 1px solid #ccc;
	padding-top: 16px;
	margin-top: 16px;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .add_div>p {
	color: #333;
	padding-left: 4px;
}

.product_dtl .selected_option_div .selected_list_div .selected_list .add_div .grn,
.product_dtl .selected_option_div .selected_list_div .selected_list .add_div .grn .num {
	color: var(--color-primary-1);
}

.product_dtl .selected_option_div .selected_list_div .selected_list .delete {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 24px;
	height: 24px;
	background: url('/res/images/icon/close-555.svg') no-repeat;
	background-size: 24px
}

.product_dtl .pd_final_cost {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px;
}

.product_dtl .right_area .pd_final_cost {
	padding: 40px 0;
}

.product_dtl .pd_final_cost .type {
	position: relative;
	display: inline-block;
	padding-right: 20px;
}

.product_dtl .pd_final_cost .price .won {
	display: flex;
	align-items: center;
	color: var(--color-primary-1)
}

.product_dtl .pd_final_cost .price .won span {
	display: inline-block;
	color: var(--color-primary-1);
}

/* 상품상세: 플로팅 옵션 영역 =============================== */
.product_dtl .detail_area .fixed_container {
	position: absolute;
	right: 0;
	top: 96px;
	width: 442px;
	height: calc(100vh - 115px);
	height: -webkit-calc(100vh - 115px);
	z-index: 2;
}

.product_dtl .detail_area .fixed_container.fixed {
	position: fixed;
	z-index: 10;
}

.product_dtl .detail_area .fixed_container.fixed.close {
	width: 0;
	z-index: 0;
}

.product_dtl .detail_area .fixed_container .fixed_cont_inner {
	position: absolute;
	right: 0;
	top: 0;
	width: 442px;
	border: 1px solid var(--color-primary-1);
	background: #fff;
	opacity: 0;
	transition: all .4s;
	-webkit-transition: all .4s ease-out;
	z-index: 2;
	height: calc(100vh - 115px);
	height: -webkit-calc(100vh - 115px);
	transform: translateX(500px);
}

.product_dtl .detail_area .fixed_container.opt_open .fixed_cont_inner {
	opacity: 1;
	transform: translateX(0);
}

.product_dtl .detail_area .fixed_container.close .fixed_cont_inner {
	opacity: 0;
	transform: translateX(500px);
}

/* 판매기간 및 FO */
.product_dtl .detail_area .fixed_container.soldout {
	border: none;
}

.product_dtl .detail_area .fixed_container.prepare .fixed_cont_inner,
.product_dtl .detail_area .fixed_container.soldout .fixed_cont_inner {
	border: none;
}

.product_dtl .detail_area .fixed_container.soldout .top_fix_wrap,
.product_dtl .detail_area .fixed_container.soldout .pd_final_cost,
.product_dtl .detail_area .fixed_container.soldout .bottom_btn,
.product_dtl .detail_area .fixed_container.prepare .top_fix_wrap,
.product_dtl .detail_area .fixed_container.prepare .pd_final_cost,
.product_dtl .detail_area .fixed_container.prepare .bottom_btn {
	display: none;
}

.product_dtl .detail_area .fixed_container.prepare .bottom_btn {
	padding: 0;
}

.product_dtl .detail_area .fixed_container.prepare .bottom_btn .bottom {
	margin-top: 0;
}

/* //판매기간 및 FO */

.product_dtl .detail_area .fixed_container .top_fix_wrap {
	padding-top: 2px;
}

.product_dtl .detail_area .fixed_container .scroll_wrap {
	position: relative;
	height: calc(100vh - 275px);
	height: -webkit-calc(100vh - 275px);
	min-height: 162px;
	padding-top: 22px;
	padding-bottom: 28px;
	overflow-y: auto;
}

.product_dtl .detail_area .fixed_container .scroll_wrap::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 13px;
}

.product_dtl .detail_area .fixed_container .scroll_wrap::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 6px;
	background-clip: padding-box;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

.product_dtl .detail_area .fixed_container .scroll_wrap::-webkit-scrollbar-track {
	border-radius: 4px;
	background: none;
}

.product_dtl .detail_area .fixed_container .scroll_wrap>div {
	padding-bottom: 16px;
	width: 394px;
	margin: 0 auto;
}

.product_dtl .detail_area .fixed_container .scroll_wrap>div:last-child {
	padding-bottom: 0;
}

.product_dtl .detail_area .fixed_container .list_div .list .type {
	font-size: 16px;
	line-height: 20px;
	color: #777
}

.product_dtl .detail_area .fixed_container .list_div .list .text {
	margin-top: 20px;
}

.product_dtl .detail_area .fixed_container .list_div .list .text.option_select {
	margin-top: 0;
}

.product_dtl .detail_area .fixed_container .list_div .list .text.option_select .option .info {
	align-items: flex-start;
}

.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text.option_select .option .left {
	flex-wrap: wrap;
}

.product_dtl .detail_area .fixed_container .list_div .list .text.option_select .option .left {
	gap: 6px;
}

.product_dtl .detail_area .fixed_container .sub_pd_option .list_div .list .text.option_select .option .left {
	align-items: flex-start;
}

.product_dtl .detail_area .fixed_container .sub_pd_option .list_div .list .text.option_select .option .chk_div {
	padding: 0;
}

.product_dtl .detail_area .fixed_container .sub_pd_option .list_div .list .text.option_select .option .chk_div:hover {
	background-color: #f9f9f9;
}

.product_dtl .detail_area .fixed_container .sub_pd_option .list_div .list .text.option_select .option label {
	padding: 20px;
}


.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text.option_select .option .left .volume p span {
	padding-left: 4px;
}

.product_dtl .detail_area .fixed_container .list_div .list .text.option_select .option .stock {
	flex: 1;
}

.product_dtl .detail_area .fixed_container .sub_pd_option .list_div .list .text.option_select .option .stock {
	vertical-align: text-bottom;
	white-space: nowrap;
}

.product_dtl .detail_area .fixed_container .list_div .list .text.option_select .option .badge-list {
	width: 100%;
}

.product_dtl .detail_area .fixed_container .list_div .list .text.option_select .option .right {
	align-items: flex-end;
	flex-direction: column;
	gap: 6px 0;
}

.product_dtl .detail_area .fixed_container .list_div .list .text.option_select .option .right .price {
	display: flex;
	align-items: center;
}

.product_dtl .detail_area .fixed_container .list_div .list .text.option_select .option .right .price span+span {
	margin-left: 6px;
}

.product_dtl .detail_area .fixed_container .list_div .list .text.option_select .option .right .unit {}

.product_dtl .detail_area .fixed_container .show_opt_btn {
	position: fixed;
	right: 0;
	top: 115px;
	width: 110px;
	height: 48px;
	padding: 11px 24px;
	border-radius: 4px 0 0 4px;
	background-color: var(--color-primary-1);
	transition: all .4s;
	-webkit-transition: all .4s ease-out;
	opacity: 0;
	z-index: 3;
	transform: translateX(110px);
}

.product_dtl .detail_area .fixed_container .show_opt_btn span {
	color: #fff;
}

.product_dtl .detail_area .fixed_container .show_opt_btn.show {
	opacity: 1;
	transform: translateX(0);
}

.product_dtl .detail_area .fixed_container.soldout .show_opt_btn.hide,
.product_dtl .detail_area .fixed_container.prepare .show_opt_btn.hide,
.product_dtl .detail_area .fixed_container.soldout .fixed_cont_inner .hide_opt_btn,
.product_dtl .detail_area .fixed_container.prepare .fixed_cont_inner .hide_opt_btn {
	display: none;
}

.product_dtl .detail_area .fixed_container .fixed_cont_inner .hide_opt_btn {
	position: absolute;
	left: -48px;
	top: -1px;
	width: 48px;
	height: 48px;
	border-radius: 4px 0 0 4px;
	background: url('/res/images/icon/arrow-right-fff.svg') no-repeat center / 32px var(--color-primary-1);
}

.product_dtl .detail_area .fixed_container .bottom_fix_wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
}

.product_dtl .detail_area .fixed_container .bottom_fix_wrap .pd_final_cost .tooltip_div .tooltip {
	top: -80px;
}

.product_dtl .fixed_container .bottom_btn a {
	border-right: none;
	border-bottom: none;
}

.product_dtl .fixed_container .bottom_btn a.gift {
	border-left: none;
}

.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text .chk_div .chk_box .info {
	display: flex;
	align-items: start;
	justify-content: space-between;
}

.product_dtl .detail_area .fixed_container .main_pd_option .list_div .list .text .chk_div .chk_box .info .volume {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
}

/* 상품상세: 이벤트 리스트 =============================== */
.product_dtl .event_list_div .event_list {
	display: flex;
}

.product_dtl .event_list_div .event_list li {
	width: 276px;
}

.product_dtl .event_list_div .event_list .thumb img {
	width: 276px;
	height: 190px;
	object-fit: cover;
}

.product_dtl .event_list_div .event_list .info {
	margin-top: 16px;
}

.product_dtl .event_list_div .event_list .info .name {
	display: flex;
	align-items: center;
}

.product_dtl .event_list_div .event_list .info .name .badge {
	vertical-align: bottom;
	margin-right: 6px;
}

.product_dtl .event_list_div .event_list .info .period {
	margin-top: 4px;
}

.product_dtl .event_list_div .event_list .info .period span {
	display: inline-block;
}

.product_dtl .event_list_div .event_list .info .period .dday {
	color: var(--color-primary-1);
	margin-right: 15px;
}

.product_dtl .event_list_div .event_list .info .period .date {
	color: #bbb;
}

.product_dtl .event_list_div .swiper-button-prev {
	left: -60px;
	background-image: url('/res/images/icon/arrow-swiper-left-111.svg');
}

.product_dtl .event_list_div .swiper-button-next {
	right: -60px;
	background-image: url('/res/images/icon/arrow-swiper-right-111.svg');
}

.product_dtl .event_list_div .swiper-button-prev,
.product_dtl .event_list_div .swiper-button-next {
	width: 40px;
	height: 40px;
	top: 52%;
	background-size: 40px;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 0;
}

.product_dtl .tab_content .tab_con .grn_box {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 76px;
	padding: 24px;
	background-color: var(--color-secondary-3);
	border-radius: 4px;
}

.product_dtl .tab_content .review_div .grn_box .rolling-comment {
	height: 76px;
	margin-left: 12px;
	overflow: hidden;
}

.product_dtl .tab_content .review_div .grn_box .rolling-comment ul {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.product_dtl .tab_content .review_div .grn_box .rolling-comment li {
	display: flex;
	align-items: center;
	height: 76px;
	line-height: 76px;
}

.product_dtl .tab_content .tab_con .grn_box .comment strong {
	color: var(--color-primary-1);
	font-weight: 600;
}

/* 상품상세: 리뷰 =============================== */
.product_dtl .tab_content .tab_con .review_div .filter_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
	padding: 0 0 24px 0;
}

.product_dtl .tab_content .tab_con .review_div .filter_div .filter-type {
	display: flex;
	align-items: center;
	gap: 0 24px;
}

.product_dtl .tab_content .tab_con .review_div .filter_div .filter-type label {
	font-size: 16px;
	line-height: 24px;
}

.product_dtl .tab_content .tab_con .review_div .filter_div .refresh-btn {
	margin-left: auto;
	text-decoration: underline;
}

.product_dtl .tab_content .tab_con .review_div .filter_div .toggle-btn {
	display: flex;
	align-items: center;
	height: 44px;
	margin-left: 20px;
	padding: 0 14px 0 20px;
	border-radius: 4px;
	border: 1px solid #ddd;
}

.product_dtl .tab_content .tab_con .review_div .filter_div .toggle-btn span {
	padding-right: 24px;
	background: url(/res/images/icon/arrow-down-555.svg) 100% 50% / 20px;
}

.product_dtl .tab_content .tab_con .review_div .filter_div .toggle-btn.on,
.product_dtl .tab_content .tab_con .review_div .filter_div .toggle-btn.close {
	border-color: var(--color-primary-1);
	background-color: var(--color-secondary-3);
}

.product_dtl .tab_content .tab_con .review_div .filter_div .toggle-btn.on span,
.product_dtl .tab_content .tab_con .review_div .filter_div .toggle-btn.close span {
	color: var(--color-primary-1);
	background-image: url(/res/images/icon/arrow-up-p1.svg);
}

.product_dtl .tab_content .tab_con .review_div .filter_div .toggle-btn.close span {
	background-image: url(/res/images/icon/close-p1.svg);
}

.product_dtl .tab_content .tab_con .review_div .filter_div .toggle-list {
	display: none;
	width: 100%;
	margin-top: 20px;
	padding: 32px;
	border-radius: 4px;
	background-color: #F9F9F9;
}

.product_dtl .tab_content .tab_con .review_div .filter_div .toggle-list .list-item {
	display: flex;
	gap: 0 48px;
}

.product_dtl .tab_content .tab_con .review_div .filter_div .toggle-list .list-item+.list-item {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

.product_dtl .tab_content .tab_con .review_div .filter_div .toggle-list .list-item ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px 20px;
}

.product_dtl .tab_content .tab_con .review_div .filter_div .toggle-list .list-item ul li {
	width: 128px;
}

.product_dtl .tab_content .tab_con .review_div .filter_div .toggle-list .list-item ul li label {
	padding-left: 28px;
	font-size: 16px;
	line-height: 24px;
}

.product_dtl .tab_content .tab_con .review_div .review_accor_div .product-sub-item .thumb-info a {
	cursor: default;
}

.product_dtl .tab_content .tab_con .review_div .review_list .list_div .list .left .top .desc {
	width: 100%;
	float: none;
	margin-bottom: 0px;
}

.product_dtl .tab_content .tab_con .review_div .review_list .list_div .list .left .top .desc .star_div p {
	font-size: 16px;
	line-height: 20px;
}

.product_dtl .tab_content .tab_con .review_div .review_list .list_div .list .left .top .desc .info {
	line-height: 20px;
}

.product_dtl .tab_content .tab_con .review_div .review_list .list_div .list .left .top .option {
	margin-top: 24px;
	font-size: 16px;
	line-height: 20px;
	color: #999
}

.product_dtl .tab_content .tab_con .review_div .review_list .list_div .list .left .bottom .dtl_box {
	margin-top: 12px;
}

.product_dtl .tab_content .tab_con .no_data_div {
	width: 100% !important;
}

.product_dtl .tab_content .tab_con .no_data_div .txt_area {
	background: url('/res/images/icon/nodata.svg') no-repeat left 50% top 77px;
	padding-top: 164px;
	padding-bottom: 80px;
}

.product_dtl.ver_advanced .tab_content .tab_con .review_div .top_area .product_score .star_div {
	margin-left: 0
}

.product_dtl.ver_advanced .tab_content .tab_con .review_div .top_area .product_score .star_div .star.h40+.star_score {
	margin-left: 12px;
	font-size: 18px;
	line-height: 40px;
	color: #ccc
}

.product_dtl.ver_advanced .tab_content .tab_con .review_div .top_area .product_score .star_div .star.h40+.star_score b {
	font-size: 28px;
	font-weight: 700;
	color: #000;
	margin-right: 4px;
}

/* .product_dtl.ver_advanced .recommend_div .swiper_btn {
	display: block;
	position: absolute;
	width: 1310px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%)
} */

/* 상품상세 QNA */
/* .product_dtl .tab_content .tab_con .grn_box .gna_txt p span {
	color: #999;
} */

.product_dtl .tab_content .tab_con.qna .grn_box .etc {
	margin-left: 32px;
}

/* .product_dtl .tab_content .tab_con.qna .grn_box .gna_txt p span {
	color: #555;
} */

.product_dtl .tab_content .tab_con.qna .grn_box .gna_txt p span a {
	font-weight: 600;
	text-decoration: underline;
}

.product_dtl .tab_content .tab_con.qna .title_div+.comment {
	margin-top: 18px;
}

.product_dtl .tab_content .tab_con.qna .comment {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 72px;
	color: #555;
	background-color: #F2FFF0;
}

.product_dtl .tab_content .tab_con.qna .comment strong {
	color: var(--color-primary-1);
	font-weight: 600;
}

.product_dtl .tab_content .tab_con.qna .qna-list {
	/* border-top: 1px solid #999; */
}

.product_dtl .tab_content .tab_con.qna .qna-list .list {
	border-bottom: 1px solid #eee;
}

.product_dtl .tab_content .tab_con.qna .qna-list .list .open {
	display: block;
	padding: 24px 0;
	background: url(/res/images/icon/arrow-down-111.svg) 100% 50% / 20px;
}

.product_dtl .tab_content .tab_con.qna .qna-list .list .open h3 {
	display: flex;
	align-items: center;
	gap: 0 12px;
	color: #111;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

.product_dtl .tab_content .tab_con.qna .qna-list .list .open h3:before {
	content: 'Q';
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: var(--color-secondary-1);
}

.product_dtl .tab_content .tab_con.qna .qna-list .list.on .open {
	background-image: url(/res/images/icon/arrow-up-111.svg);
}

.product_dtl .tab_content .tab_con.qna .qna-list .list .close {
	display: none;
	padding: 24px 0;
	border-top: 1px solid #eee;
}

.product_dtl .tab_content .tab_con.qna .qna-list .list .close .text {
	color: #333;
}

.product_dtl .tab_content .tab_con.qna .qna-list+.cont {
	margin-top: 40px;
}

.product_dtl .tab_content .tab_con.qna .qna-list+.grn_box {
	margin-top: 40px;
}

.product_dtl .tab_content .tab_con.qna .grn_box {
	background-color: #F9F9F9;
}

.product_dtl .tab_content .tab_con.qna .grn_box p {
	color: #777;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.2px;
}

/* .product_dtl .tab_content .tab_con.qna .grn_box p a {
	font-weight: 600;
} */

.product_dtl .tab_content .tab_con .qna_div .filter_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 24px;
	padding: 0 0 24px 0;
	border-color: #999;
}

.product_dtl .tab_content .tab_con .qna_div .qna_list_div .list .open {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.product_dtl .tab_content .tab_con .qna_div .qna_list_div .list .open>.left {
	display: flex;
	align-items: center;
}

.product_dtl .tab_content .tab_con .qna_div .qna_list_div .list .open .state {
	font-weight: 500 !important;
	color: var(--color-primary-1)
}

.product_dtl .tab_content .tab_con .qna_div .qna_list_div .list.wait .open .state {
	color: #333;
	font-weight: 400 !important;
}

.product_dtl .tab_content .tab_con .qna_div .qna_list_div .list .open .tit {
	width: 100%;
	display: flex;
	align-items: center;
	margin-left: 40px;
}

.product_dtl .tab_content .tab_con .qna_div .qna_list_div .list .open .info {
	display: flex;
	align-items: center;
	justify-content: end;
	min-width: 200px;
}

.product_dtl .tab_content .tab_con .qna_div .qna_list_div .list .open .info p {
	color: #999;
}

.product_dtl .tab_content .tab_con .qna_div .qna_list_div .list .open .info .mem_id {
	position: relative;
	padding-right: 21px;
}

.product_dtl .tab_content .tab_con .qna_div .qna_list_div .list .open .info .mem_id:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 10px;
	right: 10px;
	top: calc(50% - 5px);
	background: #ddd;
}

.product_dtl .tab_content .tab_con .qna_div .qna_list_div .list .close {
	padding: 24px 10px
}

/* 상품상세: 구매정보 =============================== */
.product_dtl .info_table_div {
	margin-top: 40px;
}

.product_dtl .info_table_div .tit {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: #111;
}

.product_dtl .info_table_div:first-child {
	margin-top: 16px;
}

.product_dtl .info_table_div table {
	position: relative
}

.product_dtl .info_table_div table::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #999;
}

/* .product_dtl .info_table_div .tit {
	font-size: 16px;
	line-height: 24px;
	color: #111;
	font-weight: 600;
} */

.product_dtl .info_table_div.list {
	margin-top: 32px;
}

.product_dtl .info_table_div.list .tit.open {
	line-height: 24px;
	display: block;
	padding-right: 20px;
	background: url("/res/images/icn_down_blk_20x20.png") center right no-repeat;
	background-size: 20px
}

.product_dtl .info_table_div.list.on .tit.open {
	line-height: 24px;
	display: block;
	padding-right: 20px;
	background: url("/res/images/icn_up_blk_20x20.png") center right no-repeat;
	background-size: 20px
}

.product_dtl .info_table_div.list .close {
	display: none
}

.product_dtl .info_table_div table {
	margin-top: 20px;
}

.product_dtl .info_table_div table tr td {
	padding: 16px 18px 16px 25px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #555;
	border: 1px solid #eee;
	vertical-align: middle
}

.product_dtl .info_table_div table tr td:first-child {
	border-left: none;
	width: 280px;
	color: #111;
	padding-left: 22px;
}

.product_dtl .info_table_div table tr td:last-child {
	border-right: none;
}

/* 상품상세: 상품 추천 구간 (미사용 추정) =============================== */
.product_dtl .recommend_div {
	width: 100%;
	margin: 100px 0 -30px;
	position: relative;
}

.product_dtl .recommend_div .title {
	margin-bottom: 30px;
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #000;
	letter-spacing: -1px
}

.product_dtl .recommend_div .pd_swiper {
	width: 1310px;
	margin: 0 auto 0 -15px;
	padding: 30px 15px;
}

.product_dtl .recommend_div .pd_swiper .swiper-slide {
	margin-right: 30px;
	padding: 20px 20px 32px 20px;
	width: 232px;
	height: 392px;
	border-radius: 20px;
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1)
}

.product_dtl .recommend_div .pd_swiper .swiper-slide:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 20px;
	transition: border 0.1s ease-in-out
}

.product_dtl .recommend_div .pd_swiper .swiper-slide:hover:before {
	border: 1px solid #3cc814
}

.product_dtl .recommend_div .pd_swiper .swiper-slide:last-child {
	margin-right: 0
}

.product_dtl .recommend_div .pd_swiper .swiper-slide.product_list .thumb {
	width: 192px;
	height: 192px;
	text-align: center;
	padding: 0
}

.product_dtl .recommend_div .pd_swiper .swiper-slide.product_list .pd_info .etc {
	display: none
}

.product_dtl .recommend_div .pd_swiper .swiper-slide.product_list .pd_info .badge {
	display: none
}

/* .product_dtl .recommend_div .pd_swiper .swiper-slide.product_list .cart_btn {
	display: block;
	bottom: 36px;
	right: 20px
} */

.product_dtl .recommend_div .pd_swiper .swiper-slide.product_list .heart {
	top: 178px;
	right: 30px
}

.product_dtl .recommend_div .pd_swiper .swiper-slide.product_list .alarm {
	display: none;
}

/* .product_dtl .recommend_div .pd_swiper .swiper-slide.product_list.soldout .cart_btn {
	display: none
} */

.product_dtl .recommend_div .pd_swiper .swiper-slide.product_list.soldout .alarm {
	display: block;
	bottom: 36px;
	right: 20px
}

/* 221006 재구매 추천 z-index */
.product_list.soldout .thumb:before {
	z-index: 1;
}

.product_dtl .recommend_div .pd_swiper.swiper-container-horizontal+.swiper_btn {
	display: block
}

.product_dtl .recommend_div .swiper_btn {
	display: none;
	position: absolute;
	width: 1310px;
	top: 50%;
	left: -15px;
}

.product_dtl .recommend_div .swiper-button-prev {
	left: -69px
}

.product_dtl .recommend_div .swiper-button-next {
	right: -69px
}@charset "utf-8";

/* 221118 상품 파인더 */
.item-finder .top-cnt {
	display: flex;
	align-items: center;
	width: 100%;
	height: 180px;
	padding-left: 80px;
	background: #edfcea url(/res/images/item-finder-bg.png) no-repeat calc(100% - 23px) 100%;
	border-radius: 15px;
}

.item-finder .top-cnt .info {
	width: 800px;
	font-size: 24px;
	font-weight: 500;
	line-height: 34px;
	letter-spacing: -1px;
	color: #052832;
}

.item-finder .top-cnt .info strong {
	font-weight: inherit;
	color: #3cc814;
}

.item-finder .list {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 20px;
	margin-bottom: 63px;
}

.item-finder .list li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-basis: calc(25% - 12px);
	height: 80px;
	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: 24px;
	background: url(/res/images/arrow-left-black.svg) no-repeat 0 50%;
}

.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: 16px 34px;
	color: #000;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.5px;
	word-break: break-all;
	white-space: inherit;
}

.item-finder .rebuy-wrap {
	/* position: relative; */
	/* width: 1020px; */
	/* margin: 59px auto 0; */
	margin-top: 59px;
}

.item-finder .rebuy-wrap .top-cnt .title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: -0.5px;
	color: #000;
}

/* .item-finder .rebuy-wrap .swiper-container {
	width: calc(100% - 120px);
	margin: 0 auto;
	padding: 23px 24px;
} */

/* .item-finder .rebuy-wrap .swiper-slide {
	width: 852px;
	height: 384px;
	padding: 32px;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
} */

.item-finder .rebuy-wrap .swiper_btn {
	width: 100%;
	height: 60px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}

.item-finder .rebuy-wrap .swiper_btn .swiper-button-prev,
.item-finder .rebuy-wrap .swiper_btn .swiper-button-next {
	margin-top: 0;
	top: 0;
}

.item-finder .rebuy-wrap .swiper_btn .swiper-button-prev {
	left: 0;
}

.item-finder .rebuy-wrap .swiper_btn .swiper-button-next {
	right: 0;
}

/* .item-finder .rebuy-wrap .swiper-slide .thumb {
	position: relative;
	width: 320px;
	height: 320px;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 20px;
}

.item-finder .rebuy-wrap .swiper-slide .thumb>img {
	width: 100%;
} */

.item-finder .rebuy-wrap .swiper-slide .thumb .pet_badge {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	background: #613C3C url(/res/images/pet_36.png) no-repeat 50% 50%;
	border-radius: 50%;
}

.item-finder .rebuy-wrap .swiper-slide .heart {
	position: absolute;
	bottom: 52px;
	left: 282px;
	width: 40px;
	height: 40px;
	background: url('/res/images/icn_heart_40x40.png') no-repeat center;
	background-size: 40px;
	z-index: 1
}

.item-finder .rebuy-wrap .swiper-slide .heart.on {
	background-image: url('/res/images/icn_heart_32x32_on.png');
}

.item-finder .rebuy-wrap .swiper-slide .heart p {
	width: 40px;
	height: 40px;
}

.item-finder .rebuy-wrap .swiper-slide .heart p img {
	width: 100%;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info {
	width: 440px;
	margin-top: 50px;
	/*margin-left: 48px;*/
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .rebuy-badge {
	display: inline-block;
	padding: 0 6px;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
	border-radius: 4px;
	letter-spacing: -0.5px;
	color: #333;
	background-color: #f2fef0;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .rebuy-badge strong {
	font-weight: 500;
	color: #3cc814;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .tag {
	font-size: 16px;
	margin-top: 0;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .name {
	height: 68px !important;
	margin: 14px 0 32px;
	font-size: 24px;
	height: auto;
	line-height: 34px;
	letter-spacing: -1px;
	color: #000;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .price_div .price {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .price_div .price .won {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.44;
	letter-spacing: -0.5px;
	color: #080202;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .price_div .price .won span {
	font-size: 20px;
	line-height: 1.3;
}

.item-finder .rebuy-wrap .swiper-slide.spe .pd_info .price_div .price .dc {
	color: #ff3894;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .price_div .price .dc {
	padding-left: 6px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: -0.5px;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .price_div .price:nth-child(2) {
	padding-top: 2px;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .price_div .price:nth-child(2) .won {
	color: #999;
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: -0.5px;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .price_div .price:nth-child(2) .won span {
	font-size: 18px;
	line-height: 1.11;
	text-decoration: line-through;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .etc {
	display: flex;
	align-items: center;
	margin-top: 16px;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .etc .pd_star {
	padding-left: 26px;
	color: #000;
	font-size: 18px;
	line-height: 1.33;
	letter-spacing: -0.2px;
	background: url(/res/images/starIcon_24.png) no-repeat left center;
	background-size: 24px;
}

.item-finder .rebuy-wrap .swiper-slide .pd_info .etc .pd_review {
	margin-left: 6px;
	line-height: 24px;
	color: #bbb;
	font-size: 18px;
}

/* .item-finder .rebuy-wrap .swiper-slide .cart_btn {
	position: absolute;
	right: 60px;
	bottom: 130px;
	width: 32px;
	height: 32px;
	background: url(/res/images/icn_cart_32x32.png) no-repeat center;
	background-size: 32px;
	z-index: 1;
} */

/* .item-finder .rebuy-wrap .swiper-slide .cart_btn:hover {
	background-image: url(/res/images/icn_cart_hover_32x32.png);
} */

.item-finder .rebuy-wrap .swiper-slide .alarm {
	right: 60px;
	bottom: 130px;
}

.item-finder .btn-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 16px;
	margin: 56px auto 0;
}

.item-finder .btn-wrap .outline-btn>span {
	background-image: url(/res/images/search-primary.svg);
}
/* 로그인, 회원가입 */
#frm_joinSns .login_div input[readonly] {
	color: #bbb !important;
}

.login_div {
	margin: -16px auto 0;
	width: 480px
}

.login_div:has(.complete_div.join) {
	width: 1280px;
}

.login_div .qr_banner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 92px;
	border-radius: 10px;
	margin-top: 16px;
	background: url('/res/images/icon/icn_cart_qr.svg') no-repeat left 17px center / 66px #e7ffe1;
}

.login_div .qr_banner .txt {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	padding-left: 50px;
}

.login_div .qr_banner .txt strong {
	color: #3cc814;
	font-weight: 700;
}

.login_div .top_tab+.top_noti {
	margin-top: 32px
}

.login_div .top_noti {
	padding-bottom: 24px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #eee
}

.login_div .notice+.join_benefit_div {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #eee
}

.login_div .join_benefit_div {
	text-align: center
}

.login_div .join_benefit_div .txt {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.login_div .join_benefit_div .list_div {
	margin: 32px auto 0;
	width: 362px
}

.login_div .join_benefit_div .list_div:after {
	content: '';
	display: block;
	clear: both
}

.login_div .join_benefit_div .list_div .list {
	float: left;
	margin-left: 46px;
	width: 90px;
}

.login_div .join_benefit_div .list_div .list:first-child {
	margin-left: 0
}

.login_div .join_benefit_div .list_div .list .icn img {
	width: 76px
}

.login_div .join_benefit_div .list_div .list .tit {
	margin-top: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.login_div .login_nonmem_bot {
	border-top: 1px solid #eee;
	padding-top: 40px;
	margin-top: 40px;
}

.login_div .benefit_txt {
	text-align: center;
	margin-bottom: 20px;
}

.login_div .benefit_txt p {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	background: url('/res/images/icon/icn_join_sale.svg') no-repeat left center / 28px;
	padding: 4.5px 0 4.5px 36px;
}

.login_div .benefit_txt span {
	color: #3cc814;
	font-weight: 700;
}

.login_div .login_form {
	margin-top: 32px
}

.login_div .login_form .input_form {
	margin-top: 10px
}

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

.login_div .login_form .chk_div {
	margin-top: 24px
}

.login_div .find_radio {
	margin: 32px 0
}

.login_div .find_radio .radio_box {
	margin-left: 18px
}

.login_div .find_radio .radio_box:first-child {
	margin-left: 0
}

.login_div .capcha {
	margin-top: 40px;
	padding-bottom: 45px
}

.login_div .capcha_txt {
	padding-left: 12px;
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px;
	color: #f05b5a
}

.login_div .notice {
	margin-top: 12px;
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	background: url('/res/images/icn_notice_16x16.png') no-repeat left center;
	background-size: 16px
}

.login_div .utill {
	margin-top: 24px;
	text-align: center
}

.login_div .utill a {
	display: inline-block;
	position: relative;
	margin: 0 14px;
	font-size: 14px;
	line-height: 16px;
	color: #999;
}

.login_div .utill a:before {
	content: '';
	position: absolute;
	top: 3px;
	left: -14px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.login_div .utill a:first-child:before {
	display: none
}

.login_div .utill+.sns_login {
	margin-top: 24px;
	/* padding-top: 32px;
	border-top: 1px solid #eee */
}

.login_div .sns_login {
	margin-top: 24px
}

.login_div .sns_login .tit {
	font-weight: 500;
	font-size: 16px;
	color: #000;
	margin-bottom: 38px;
	text-align: center
}

/*.login_div .sns_login .list_div {
	margin: 38px auto 0;
	width: 100%;
	display: flex;
	justify-content: center;
}

.login_div .sns_login .list_div:after {
	content: '';
	display: block;
	clear: both
}*/
.login_div .sns_login .list_div {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 20px;
	text-align: center;
}

.login_div .sns_login .list_div a {
	display: block;
	width: 48px;
	height: 48px
}

.login_div .sns_login .list_div a:first-child {
	margin-left: 0
}

.login_div .sns_login .list_div a img {
	width: 100%
}

.login_div .non_member_div {
	font-size: 14px;
	line-height: 16px;
	color: #999;
	text-decoration: underline;
	margin-top: 32px;
	text-align: center;
}

.login_div .join_intro_img {
	width: 422px;
	margin: -8px auto 0 auto;
}

.login_div .join_intro_img img {
	width: 100%;
}

.login_div .already_join {
	margin-top: 32px;
	/* padding-top: 24px;
	border-top: 1px solid #eee; */
	text-align: center;
}

.login_div .already_join a {
	display: inline-block;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.login_div .already_join a span {
	display: inline-block;
	text-decoration: underline
}

.login_div .devide {
	padding-top: 32px;
	border-top: 1px solid #eee
}

.login_div .step_title {
	margin-top: 20px;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.login_div .join_terms {
	margin-top: 10px
}

.login_div .join_terms .all_agree {
	margin-bottom: 24px
}

.login_div .join_terms .all_agree .chk_box {
	display: block
}

.login_div .join_terms .all_agree .chk_box label {
	display: block;
	padding: 15px 16px 15px 40px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #eee
}

.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-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: block;
	margin-top: 20px;
	padding-left: 12px
}

.login_div .join_terms .chk_div .chk_box {
	display: block;
	width: 100%
}

.login_div .join_terms .chk_div .open {
	content: '보기';
	position: absolute;
	top: 0;
	right: 0;
	height: 24px;
	font-size: 14px;
	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;
	margin-bottom: 24px;
	padding-left: 52px
}

.login_div .join_terms .sub_chk .chk_box {
	margin-right: 20px
}

.login_div .join_terms .sub_chk .chk_box label {
	padding: 0 0 0 24px;
	font-size: 13px;
}

.login_div .join_terms .sub_chk .chk_box label:after {
	top: 2px;
	width: 16px;
	height: 16px;
	background: url('/res/images/chk_icon_16x16.png') no-repeat;
	background-size: 16px
}

.login_div .join_terms .sub_chk .chk_box.on label:after {
	background: url('/res/images/chk_icon_16x16_on.png') no-repeat;
	background-size: 16px
}

.login_div .join_terms .chk_txt {
	margin-top: 6px;
	padding-left: 44px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.login_div .complete_div {
	padding: 176px 0 0;
	text-align: center;
	border-top: 1px solid #eee
}

.login_div .complete_div.join {
	padding-bottom: 120px;
	background: url('/res/images/m_comp_join_128x128.png') no-repeat center 72px;
	background-size: 64px;
}

.login_div .complete_div.findid {
	background: url('/res/images/m_comp_findid_128x128.png') no-repeat center 72px;
	background-size: 64px;
}

.login_div .complete_div.findpw {
	background: url('/res/images/m_comp_findpw_128x128.png') no-repeat center 72px;
	background-size: 64px;
}

.login_div .complete_div.chgpw {
	background: url('/res/images/m_comp_chgpw_128x128.png') no-repeat center 72px;
	background-size: 64px;
}

.login_div .complete_div .title {
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #000;
	letter-spacing: -1px
}

.login_div .complete_div .title span {
	font-weight: 700;
	word-break: break-all
}

.login_div .complete_div .tit {
	margin-top: 10px;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	color: #000
}

.login_div .complete_div .tit:first-child {
	margin-top: 0
}

.login_div .complete_div .tit span {
	color: #3cc814;
	word-break: break-all
}

.login_div .id_info {
	margin-top: 48px;
	padding: 24px;
	background: #f7f7f7;
	border-radius: 10px;
	text-align: center
}

.login_div .id_info .id {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.login_div .id_info .info {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.login_div .id_info+.sns_join_info {
	margin-top: 36px
}

.login_div .sns_join_info {
	margin-top: 48px
}

.login_div .sns_join_info .list {
	margin-top: 16px
}

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

.login_div .sns_join_info .list .icon img {
	width: 100%
}

.login_div .sns_join_info .list .type {
	float: left;
	padding: 12px 16px;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.login_div .sns_join_info .list .date {
	float: right;
	padding: 12px 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.login_div .event_banner {
	display: block;
	margin-top: 20px
}

.login_div .event_banner img {
	width: 100%;
	border-radius: 20px
}

.login_div .ok_btn {
	margin-top: 40px
}

/* 회원가입 수정버전 _ 220614 */
.join_type2 .devide {
	padding: 40px 0;
}

.join_type2 .devide.auth_step {
	padding-top: 32px;
}

.join_type2 .auth_step .btn_div {
	margin-top: 40px;
}

.join_type2 .banner_div {
	border-radius: 20px;
	width: 100%;
	overflow: hidden
}

.join_type2 .banner_div img {
	width: 100%;
}

.join_type2 .step_title {
	margin-top: 0
}

.join_type2 .radio_div .radio_box {
	margin-left: 20px;
}

.join_type2 .radio_div .radio_box:first-child {
	margin-left: 0;
}

.login_div .complete_div .benefit_area {
	margin-top: 40px;
	padding: 60px 0 20px;
	border-top: 1px solid #eee;
	/* border-bottom: 1px solid #eee; */
}

.login_div .complete_div .benefit_area .tit {
	font-weight: 500;
	font-size: 24px;
	line-height: 32px;
	color: #000;
	text-align: center
}

.login_div .complete_div .benefit_area .cpn_com_list {
gap: 28px;
margin-top: 32px;
}

.login_div .complete_div .benefit_area .cpn_com_list li {
	width: 408px;
	height: 176px;
}

.login_div .complete_div .benefit_area .cpn_com_list .cpn_info {
	text-align: left;
}


.login_div .complete_div .benefit_area .special_price_area {
	margin-top: 60px;
}

.login_div .complete_div .benefit_area .special_price_area .swiper-container {
	margin-top: 32px;
}

.login_div .complete_div .benefit_area .special_price_area .swiper-container .swiper-slide .info {
	text-align: left;
}

.login_div .complete_div .ok_btn.btn_div:after {
	content: '';
	display: block;
	clear: both
}

.login_div .complete_div .ok_btn {
	position: absolute;
	left: 50%;
	display: flex;
	justify-content: center;
  transform: translateX(-50%);
}

.login_div .complete_div .ok_btn.btn_div a {
	width: 236px;
	margin-right: 8px;
}

.login_div .complete_div .ok_btn.btn_div a:last-child {
	margin-right: 0
}
@charset "utf-8";

/* ============================== 공통 ============================== */
#wrap.main #content .swiper-container .swiper-pagination-fraction {
	left: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 4px;
	width: fit-content;
	height: 28px;
	padding: 0 12px;
	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 .swiper-button-disabled {
	opacity: 1;
}

#wrap.main #content .swiper-container .swiper-button [class*=swiper-button] {
	top: 0;
	width: 60px;
	height: 100%;
	margin-top: 0;
	background-color: #fff;
	background-size: 40px;
}

#wrap.main #content .swiper-container:not(.swiper-container-vertical) .swiper-button-prev {
	left: 0;
	right: auto;
	background-position-x: 0;
	background-image: url(/res/images/icon/arrow-swiper-left-111.svg)
}

#wrap.main #content .swiper-container:not(.swiper-container-vertical) .swiper-button-prev.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-swiper-left-ccc.svg)
}

#wrap.main #content .swiper-container:not(.swiper-container-vertical) .swiper-button-next {
	left: auto;
	right: 0;
	background-position-x: 100%;
	background-image: url(/res/images/icon/arrow-swiper-right-111.svg)
}

#wrap.main #content .swiper-container:not(.swiper-container-vertical) .swiper-button-next.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-swiper-right-ccc.svg)
}

#wrap.main #content>div~div:not([class*=pop]) {
	margin-top: 100px;
}

#wrap.main #content>div .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
}

#wrap.main #content>div .head.column {
	flex-direction: column;
	width: 360px;
	margin-bottom: 0;
}

/* ============================== 상단 배너 ============================== */
#wrap.main #content .main-banner {
	margin: 28px 0;
}

#wrap.main #content .main-banner .swiper-container {
	max-width: 2216px;
}

#wrap.main #content .main-banner .swiper-container .swiper-wrapper {
	position: static;
	width: 100%;
	height: 480px;
}

#wrap.main #content .main-banner .swiper-container .swiper-wrapper .swiper-slide {
	width: 720px;
	border-radius: 0 20px;
	overflow: hidden;
}

#wrap.main #content .main-banner .swiper-container .swiper-wrapper .swiper-slide .text-wrap {
	position: absolute;
	top: 100px;
	left: 50px;
	width: 260px;
	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 {
	font-size: 36px;
	font-weight: 600;
	line-height: 44px;
}

#wrap.main #content .main-banner .swiper-container .swiper-wrapper .swiper-slide .text-wrap .sub-txt {
	margin-top: 32px;
	font-size: 18px;
	line-height: 26px;
}

#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 {
	position: absolute;
	margin-top: -200px;
	transition: all 0.4s;
}

/* ============================== 카테고리 ============================== */
#wrap.main #content .category {
	margin-top: 40px !important;
}

#wrap.main #content .category+.time-sale-wrap {
	margin-top: 68px !important;
}

#wrap.main #content .category .inner {
	width: 1390px;
}

#wrap.main #content .category .swiper-container {
	width: 1428px;
	padding: 0 130px !important;
}

#wrap.main #content .category .swiper-container .swiper-wrapper .swiper-slide {
	text-align: center;
	width: 88px;
	margin-top: 8px;
}

#wrap.main #content .category .swiper-container .swiper-wrapper .swiper-slide:last-child:after {
	content: '';
	display: block;
	width: 8px;
	height: 100%;
	background-color: sienna;
	margin-right: 0;
	position: absolute;
	right: 0;
}

#wrap.main #content .category .swiper-container .swiper-wrapper .swiper-slide .badge {
	position: absolute;
	top: -8px;
	right: -8px;
}

#wrap.main #content .category .swiper-container .swiper-wrapper .swiper-slide img {
	width: 60px;
	height: 60px;
}

#wrap.main #content .category .swiper-container .swiper-wrapper .swiper-slide .term {
	display: inline-block;
	width: 100%;
	margin-top: 8px;
}

#wrap.main #content .category .swiper-container .swiper-button [class*=swiper-button] {
	width: 130px;
	background-position-y: 18px;
}

#wrap.main #content .category .swiper-container .swiper-button .swiper-button-next {
	width: 122px !important;
}

#wrap.main #content .category .swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 32px;
}

#wrap.main #content .category .swiper-container.swiper-disabled .swiper-wrapper .swiper-slide {
	flex: 1;
	max-width: 88px;
}

/* ============================= 타임특가 ============================== */
#wrap.main #content .time-sale-wrap>.body {
	margin-left: calc((100% - 1280px)/2);
}

#wrap.main #content .time-sale-wrap .body .swiper-container {
	padding-right: calc(100% - 1280px) !important;
}

#wrap.main #content .time-sale-wrap .swiper-wrapper {
	padding: 0;
}

#wrap.main #content .time-sale-wrap .swiper-slide {
	width: 608px !important;
}

#wrap.main #content .time-sale-wrap .body .swiper-container .swiper-wrapper .swiper-slide:not(.swiper-slide-active):after {
	border-radius: 0;
	z-index: 1;
}

#wrap.main #content .time-sale-wrap .body .swiper-container:not(.swiper-disabled) .swiper-wrapper .swiper-slide.swiper-slide-next:after {
	display: none;
}

#wrap.main #content .time-sale-wrap .body:has(.product-list-1.wide) {
	display: block;
	width: 1280px;
	margin: 0 auto;
}

#wrap.main #content .time-sale-wrap .body:has(.product-list-1.wide) .product-item-row {
	width: 100%;
}

/* ============================== 키워드 ============================== */
#wrap.main #content .keyword-health .inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#wrap.main #content .keyword-health .title {
	padding-right: 66px;
	background: url(/res/images/icon/sharp-111.svg) 100% 50%;
}

#wrap.main #content .keyword-health .body {
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
	gap: 24px 32px;
	margin-left: 60px;
}

#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: 40px !important;
}

/* ============================== 숏클립 ============================== */
#wrap.main #content .short-clip .swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 20px;
}

#wrap.main #content .short-clip .swiper-slide .video-title {
	display: block;
	width: 100%;
	padding-top: 8px;
	color: #111;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

#wrap.main #content .short-clip .swiper-slide .video-title+.product-item-list {
	padding-top: 8px;
	border-top: 1px solid #eee;
}

#wrap.main #content .short-clip .swiper-slide .product-item-list {
	width: 100%;
	margin-top: 8px;
}

#wrap.main #content .short-clip .swiper-slide .product-item-list a {
	display: flex;
	align-items: center;
	gap: 0 4px;
}

#wrap.main #content .short-clip .swiper-slide .product-item-list .thumb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	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;
}

#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: 80px 0;
	background-color: #F9F9F9;
}

#wrap.main #content .best-product .tab-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}

#wrap.main #content .best-product .tab-head ul {
	display: flex;
	align-items: center;
}

#wrap.main #content .best-product .tab-head li {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	padding: 0 30px;
	color: #999;
	font-size: 16px;
	line-height: 24px;
	border: 2px solid transparent;
	border-radius: 30px;
	cursor: pointer;
}

#wrap.main #content .best-product .tab-head li.on {
	color: #111;
	font-weight: 700;
	border-color: #111;
	background-color: #fff;
}

#wrap.main #content .best-product .tab-head li h2 {
	color: inherit;
	font: inherit;
}

#wrap.main #content .best-product .body {
	display: grid;
	grid-template-columns: 380px repeat(2, 430px);
	grid-template-rows: repeat(2, 240px);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

#wrap.main #content .best-product .body li {
	width: 100%;
	background-color: #fff;
}

#wrap.main #content .best-product .body li .thumb .soldout {
	background-color: rgba(255, 255, 255, 0.85)
}

#wrap.main #content .best-product .body li:nth-child(1) {
	grid-area: 1 / 1 / 3 / 2;
}

#wrap.main #content .best-product .body li:nth-child(1) a {
	height: 100%;
}

#wrap.main #content .best-product .body li:nth-child(1)~li>a {
	gap: 0;
}

#wrap.main #content .best-product .body li:nth-child(1)~li .thumb {
	display: flex;
	align-items: center;
	width: 180px;
	height: 240px;
}

#wrap.main #content .best-product .body li:nth-child(1)~li .thumb .soldout {
	font-size: 16px;
}

#wrap.main #content .best-product .body li:nth-child(1)~li .thumb img {
	width: 160px;
	height: 160px;
}

#wrap.main #content .best-product .body li:nth-child(1)~li .thumb .ranking {
	top: 10px;
	left: 10px;
}

#wrap.main #content .best-product .body li:nth-child(1)~li .info {
	padding: 0 20px;
}

#wrap.main #content .best-product .body li:nth-child(1)~li .info .hashtag-review {
	margin-bottom: 10px;
	padding-bottom: 3px;
}

#wrap.main #content .best-product .body li:nth-child(1)~li .info .name {
	max-height: 48px;
	min-height: 24px;
}

#wrap.main #content .best-product .body li:nth-child(1)~li .info .volume {
	margin-top: 2px;
}

#wrap.main #content .best-product .body li:nth-child(1)~li .info .price-info {
	margin-top: 12px;
}

#wrap.main #content .best-product .body li:nth-child(1)~li .info .price-info .benefit {
	width: 100%;
	margin-top: 2px;
}

#wrap.main #content .best-product .body li:nth-child(2) {
	grid-area: 1 / 2 / 2 / 3;
}

#wrap.main #content .best-product .body li:nth-child(3) {
	grid-area: 1 / 3 / 2 / 4;
}

#wrap.main #content .best-product .body li:nth-child(4) {
	grid-area: 2 / 2 / 3 / 3;
}

#wrap.main #content .best-product .body li:nth-child(5) {
	grid-area: 2 / 3 / 3 / 4;
}

/* ============================== 배너 ============================== */
#wrap.main #content .banner-wrap .swiper-container,
#wrap.main #content .banner-wrap .swiper-container .swiper-wrapper .swiper-slide {
	border-radius: 0 40px;
}

#wrap.main #content .banner-wrap .swiper-container .swiper-wrapper .swiper-slide img {
	width: 100%;
	height: 184px;
	object-fit: cover;
}

#wrap.main #content .banner-wrap .swiper-container .swiper-pagination-fraction {
	right: 10px;
	bottom: 10px;
	left: auto;
}

/* ============================== 신규회원 한정 ============================== */
#wrap.main #content .new-member .inner {
	display: inline-flex;
	align-items: center;
	justify-content: end;
	width: calc(100% - ((100% - 1280px)/2));
	margin-left: calc((100% - 1280px)/2);
}

#wrap.main #content .new-member .head {
	align-items: flex-start;
}

#wrap.main #content .new-member .head .desc {
	margin-top: 32px;
	color: #333;
}

#wrap.main #content .new-member .head .btn {
	display: flex;
	align-items: center;
	min-width: 264px;
	padding: 0 36px 0 41px;
	height: 60px;
	margin-top: 60px;
	background-color: #FFEBEF;
	border-radius: 30px;
}

#wrap.main #content .new-member .head .btn span {
	padding-right: 28px;
	background: url(/res/images/icon/arrow-right-555.svg) 100% 50%;
}

#wrap.main #content .new-member .body {
	flex: 1;
	padding-left: 118px;
	background: url(/res/images/main/new-member-bg.svg) 0 -20px;
}

#wrap.main #content .new-member .body .product-item-row {
	width: 800px;
	margin: 0;
	background-color: #FFEBEE;
	border-radius: 160px 160px 160px 0px;
}

#wrap.main #content .new-member .body .product-item-row>a {
	padding: 62px 166px 62px 80px;
	background-color: transparent;
}

#wrap.main #content .new-member .body .product-item-row a .thumb,
#wrap.main #content .new-member .body .product-item-row a .thumb img {
	width: 244px;
	height: 244px;
}

#wrap.main #content .new-member .body .product-item-row a .thumb .soldout {
	background-color: rgba(255, 235, 238, 0.85)
}

#wrap.main #content .new-member .body .product-item-row a .info .badge-coupon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	margin-bottom: 12px;
	padding: 0 16px;
	color: #fff;
	background: linear-gradient(272.58deg, #FE00A1 1.87%, #FE005B 54.35%, #FE572E 110.22%);
	border-radius: 16px 16px 16px 0px;
}

#wrap.main #content .new-member .body .product-item-row a .info .badge-coupon strong {
	padding-right: 6px;
	color: #fff;
}

#wrap.main #content .new-member .body .product-item-row a .info .price-info {
	flex-direction: column;
	align-items: flex-start;
	gap: 4px 0;
}

#wrap.main #content .new-member .body .product-item-row a .info .price-info .original-selling {
	width: 100%;
}

#wrap.main #content .new-member .body .product-item-row a .info .price-info .original-selling span {
	color: #bbb;
	text-decoration: line-through;
}

#wrap.main #content .new-member .body .product-item-row a .info .price-info>div span+span {
	padding-left: 8px;
}

/* ============================== 신상품 ============================== */
#wrap.main #content .new-product {
	height: 408px;
}

#wrap.main #content .new-product .inner {
	display: flex;
	justify-content: space-between;
}

#wrap.main #content .new-product .head {
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 34px;
}

#wrap.main #content .new-product .head .title {
	word-break: break-all;
}

#wrap.main #content .new-product .head .desc {
	margin-top: 32px;
	color: #333;
}

#wrap.main #content .new-product .body {
	position: relative;
	display: flex;
	margin-left: 8px;
	width: calc(100% - 368px);
}

#wrap.main #content .new-product .body .text-list {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 50px 0;
	height: 340px;
	margin: 34px 0;
}

#wrap.main #content .new-product .body .text-list li:last-child {
	position: absolute;
	top: 0;
	left: 0;
	width: 520px;
	height: 136px;
	border-radius: 0px 28px;
	background-color: #fff;
	box-shadow: 0px 16px 30px rgba(0, 0, 0, 0.08);
	transition: top 1s;
	z-index: 2;
}

#wrap.main #content .new-product .body .text-list li:not(:last-child) {
	width: 520px;
	padding-left: 28px;
	padding-right: 28px;
	transition: padding 1s;
	z-index: 3;
}

#wrap.main #content .new-product .body .text-list li.active {
	height: 136px;
	padding-top: 48px;
	padding-bottom: 36px;
}

#wrap.main #content .new-product .body .text-list li:not(.active) .badge {
	opacity: 0;
}

#wrap.main #content .new-product .body .text-list li .go-btn {
	display: none;
	position: absolute;
	opacity: 0;
	transition: opacity 0.5s;
}

#wrap.main #content .new-product .body .text-list li.active .go-btn {
	display: block;
	right: 46px;
	width: 24px;
	height: 24px;
	padding-right: 0;
	background-position: 50% 50%;
	background-size: 24px;
	opacity: 1;

	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	height: 136px;
	background-position: top 62px right 48px;
}

#wrap.main #content .new-product .body .text-list .badge {
	position: absolute;
	top: 0;
	left: 0;
	height: 36px;
	transition: opacity 0.3s;
}

#wrap.main #content .new-product .body .text-list .name,
#wrap.main #content .new-product .body .text-list .desc {
	display: block;
	width: 392px;
	word-break: break-all;
}

#wrap.main #content .new-product .body .text-list .desc {
	padding-top: 4px;
	color: #777;
}

#wrap.main #content .new-product .swiper-container {
	position: absolute;
	right: 0;
	width: 462px;
}

#wrap.main #content .new-product .swiper-container .swiper-slide {
	width: 460px !important;
	height: 408px;
}

#wrap.main #content .new-product .swiper-container .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ============================== 신상품 ============================== */
#wrap.main #content .plan-corner .body {
	display: grid;
	grid-template-columns: 640px 608px;
	grid-column-gap: 32px;
}

#wrap.main #content .plan-corner .body.pd-1 {
	grid-template-rows: 128px 284px;
	grid-row-gap: 28px;
}

#wrap.main #content .plan-corner .body .exhibition {
	position: relative;
}

#wrap.main #content .plan-corner .body.pd-1 .exhibition {
	grid-area: 1 / 1 / 3 / 2;
}

#wrap.main #content .plan-corner .body.pd-1 .magazine {
	grid-area: 1 / 2 / 2 / 3;
}

#wrap.main #content .plan-corner .body.pd-1 .product-list-1 {
	grid-area: 2 / 2 / 3 / 3;
}

#wrap.main #content .plan-corner .body.pd-2,
#wrap.main #content .plan-corner .body.pd-above {
	grid-template-rows: 440px 128px;
	grid-row-gap: 20px;
}

#wrap.main #content .plan-corner .body.pd-2 .exhibition,
#wrap.main #content .plan-corner .body.pd-above .exhibition {
	grid-area: 1 / 1 / 2 / 2;
}

#wrap.main #content .plan-corner .body.pd-2 .magazine,
#wrap.main #content .plan-corner .body.pd-above .magazine {
	grid-area: 2 / 1 / 3 / 2;
}

#wrap.main #content .plan-corner .body.pd-2 .product-list-1,
#wrap.main #content .plan-corner .body.pd-above .product-list-1 {
	grid-area: 1 / 2 / 3 / 3;
	gap: 20px;
}

#wrap.main #content .plan-corner .body.pd-1 .thumb,
#wrap.main #content .plan-corner .body.pd-2 .thumb {
	width: 284px;
	height: 284px;
}

#wrap.main #content .plan-corner .body.pd-1 .thumb img,
#wrap.main #content .plan-corner .body.pd-2 .thumb img {
	width: 244px;
	height: 244px;
}

#wrap.main #content .plan-corner .body.pd-1 .product-item-row>a,
#wrap.main #content .plan-corner .body.pd-2 .product-item-row>a {
	gap: 0 20px;
}

#wrap.main #content .plan-corner .body.pd-above .thumb {
	width: 240px;
	height: 240px;
}

#wrap.main #content .plan-corner .body.pd-above .thumb img {
	width: 200px;
	height: 200px;
}

#wrap.main #content .plan-corner .body.pd-above .product-list-1 {
	padding-right: 40px;
}

#wrap.main #content .plan-corner .body .exhibition img {
	position: relative;
	width: 640px;
	height: 440px;
	object-fit: cover;
}

#wrap.main #content .plan-corner .body .exhibition .shortcut-btn {
	display: none;
	position: absolute;
	left: 32px;
	bottom: 24px;
}

#wrap.main #content .plan-corner .body .magazine>a {
	display: flex;
	align-items: center;
	gap: 0 20px;
}

#wrap.main #content .plan-corner .body .magazine img {
	width: 192px;
	height: 128px;
	object-fit: cover;
}

#wrap.main #content .plan-corner .body .magazine .info {
	flex: 1;
	width: calc(100% - 212px);
}

#wrap.main #content .plan-corner .body .magazine .info .name {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

#wrap.main #content .plan-corner .body .magazine .info .name br {
	display: none;
}

#wrap.main #content .plan-corner .body .magazine .info .desc {
	margin-top: 8px;
}

#wrap.main #content .plan-corner .body .magazine .info .noti {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}

#wrap.main #content .plan-corner .body .magazine .info .noti .txt {
	padding-left: 16px;
	color: #999;
	background: url(/res/images/icon/noti-bbb.svg) 0 50% / 14px;
}

#wrap.main #content .plan-corner .body .product-list-1 .product-item-row {
	width: 100%;
}

/* ============================== 매거진 ============================== */
#wrap.main #content .magazine-wrap {
	padding: 80px 0;
	background-color: #F9F9F9;
}

#wrap.main #content .magazine-wrap .body {
	display: flex;
	gap: 0 28px;
}

#wrap.main #content .magazine-wrap .body li {
	width: 408px;
}

#wrap.main #content .magazine-wrap .body li a {
	display: block;
	padding-bottom: 40px;
	background: #FFF;
}

#wrap.main #content .magazine-wrap .body li .thumb {
	position: relative;
	height: 272px;
}

#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_resize {
	height: 240px;
}

#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 30px;
}

#wrap.main #content .magazine-wrap .body li .name+.desc {
	margin-top: 16px;
}

#wrap.main #content .magazine-wrap .body li .name {
	width: 100%;
	max-height: 52px;
	min-height: 26px;
	margin-top: 30px;
	font-size: 18px !important;
	line-height: 26px !important;
}

#wrap.main #content .magazine-wrap .body li .desc {
	max-height: 48px;
	min-height: 24px;
	color: #999;
}

/* ============================== MD 추천 ============================== */
#wrap.main #content .md-pick {
	position: relative;
	display: flex;
	justify-content: center;
	height: 592px;
}

#wrap.main #content .md-pick .inner {
	display: flex;
	align-items: center;
	height: 100%;
	z-index: 1;
}

#wrap.main #content .md-pick .bg {
	position: absolute;
	top: 0;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}

#wrap.main #content .md-pick .head {
	align-items: flex-start;
}

#wrap.main #content .md-pick .head .desc {
	margin-top: 32px;
	color: #333;
}

#wrap.main #content .md-pick .head .shortcut-btn {
	margin-top: 60px;
	color: #555;
}

#wrap.main #content .md-pick .body {
	margin-left: auto;
}

#wrap.main #content .md-pick .body.pd-1 .thumb img {
	margin: 10px 0;
}

#wrap.main #content .md-pick .body.pd-2 .product-list-1>li,
#wrap.main #content .md-pick .body.pd-above .product-swiper-1 {
	width: 400px;
}

#wrap.main #content .md-pick .body.pd-2 .product-list-1 {
	flex-direction: column;
	gap: 12px 0;
}

#wrap.main #content .md-pick .body.pd-2 .product-list-1 .product-item-list a,
#wrap.main #content .md-pick .body.pd-above .product-list-1 .product-item-list a {
	padding: 16px 20px;
	background-color: #fff;
}

#wrap.main #content .md-pick .body.pd-2 .product-item-list+.product-item-list,
#wrap.main #content .md-pick .body.pd-above .product-item-list+.product-item-list {
	margin-top: 0;
}

#wrap.main #content .md-pick .body.pd-above .swiper-wrapper {
	width: 100%;
}

#wrap.main #content .md-pick .body.pd-above .swiper-disabled .swiper-wrapper {
	flex-direction: column;
	gap: 12px;
	width: 400px;
}

#wrap.main #content .md-pick .body.pd-2 .product-list-1 .thumb .soldout,
#wrap.main #content .md-pick .body.pd-above .product-list-1 .thumb .soldout {
	background-color: rgba(255, 255, 255, 0.85);
}

/* ============================== 체험단 ============================== */
#wrap.main #content .experience-info .inner {
	display: flex;
	align-items: center;
	height: 426px;
}

#wrap.main #content .experience-info img {
	border-radius: 40px 0px 0px 40px;
}

#wrap.main #content .experience-info .info {
	position: relative;
	flex: 1;
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	padding: 97px 100px 97px 70px;
	background-color: #F9F9F9;
	border-radius: 0px 40px 40px 0px;
}

#wrap.main #content .experience-info .info:before {
	content: '';
	position: absolute;
	top: 203px;
	left: -10px;
	width: 20px;
	height: 20px;
	background-color: #f9f9f9;
	transform: rotate(-45deg);
}

#wrap.main #content .experience-info .info ul {
	margin-top: 48px;
}

#wrap.main #content .experience-info .info ul li,
#wrap.main #content .experience-info .info ul li .desc {
	display: flex;
	align-items: flex-start;
}

#wrap.main #content .experience-info .info ul li+li {
	margin-top: 8px;
}

#wrap.main #content .experience-info .info ul li .desc {
	flex: 1;
}

#wrap.main #content .experience-info .info ul li .desc:before {
	content: '';
	width: 1px;
	height: 12px;
	margin: 6px 12px 0 10px;
	background-color: #ddd;
	;
}

#wrap.main #content .experience-info .info .current-badge {
	position: absolute;
	top: 28px;
	right: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 128px;
	height: 128px;
	text-align: center;
	background-color: var(--color-secondary-1);
	border-radius: 70px 70px 70px 0px;
}

/* ============================== 리뷰 ============================== */
#wrap.main #content .review-wrap .swiper-container {
	width: calc(100% + 120px);
	margin-left: -60px !important;
	padding: 0 60px !important;
}

#wrap.main #content .review-wrap .swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 24px;
}

#wrap.main #content .review-wrap .swiper-container.swiper-disabled .swiper-slide {
	width: 302px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide {
	height: fit-content;
	padding: 32px 36px 40px;
	background-color: #F9F9F9;
	border-radius: 16px;
}

#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: 16px;
	font-weight: 600;
	line-height: 24px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .top-info .review-count {
	color: #111;
	font-size: 14px;
	line-height: 20px;
	padding-left: 20px;
}

#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: 14px 30px;
	border-radius: 100px 100px 100px 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: 198px;
	font-size: 20px;
	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: 10px 8px;
	margin-top: 22px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .thumb-info .info .name {
	width: 100%;
	color: #111;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .thumb-info .info .price {
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .thumb-info .info .price strong {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .thumb-info .info .percent {
	color: #FF3894;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .thumb-info .info .benefit {
	color: #111;
	font-size: 13px;
	line-height: 18px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .desc {
	display: block;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

#wrap.main #content .review-wrap .swiper-container .swiper-slide .desc span {
	color: #777;
	font-size: 14px;
	line-height: 20px;
}

#wrap.main #content .review-wrap .swiper-container .swiper-button [class*=swiper-button] {
	background-position-y: 172px;
}@charset "utf-8";

/* 매거진 상단 타이틀 */
.mgz-wrap {
	width: 1280px;
	margin: 0 auto;
}

.mgz-wrap .page_intro {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 24px;
	border-bottom: 2px solid #111;
}

.mgz-wrap .page_intro+.recommend-list.d_none+.mgz-list {
	margin-top: 30px;
}

#content .mgz-wrap .page_intro .page_title {
	padding-bottom: 0;
}

/* 추천 콘텐츠 */
.mgz-wrap .recommend-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 50px;
	grid-row-gap: 62px;
	width: 100%;
	margin-top: 60px;
}

.mgz-wrap .recommend-list>li:nth-child(1) {
	grid-area: 1 / 1 / 3 / 2;
	width: 660px;
	padding: 70px 68px 140px;
	margin-right: 20px;
	background-color: #F7F7F7;
}

.mgz-wrap .recommend-list>li>a {
	display: block;
	width: 100%;
	height: 100%;
}

.mgz-wrap .recommend-list>li:nth-child(2) {
	grid-area: 1 / 2 / 2 / 3;
}

.mgz-wrap .recommend-list>li:nth-child(3) {
	grid-area: 1 / 3 / 2 / 4;
}

.mgz-wrap .recommend-list>li:nth-child(4) {
	grid-area: 2 / 2 / 3 / 3;
}

.mgz-wrap .recommend-list>li:nth-child(5) {
	grid-area: 2 / 3 / 3 / 4;
}

.mgz-wrap .recommend-list>li .thumb {
	position: relative;
}

.mgz-wrap .recommend-list>li:nth-child(1) .thumb {
	height: 557px;
}

.mgz-wrap .recommend-list>li:not(:nth-child(1)) .thumb {
	height: 265px;
}

.mgz-wrap .recommend-list>li .thumb .badge {
	position: absolute;
	top: 0;
	left: 0;
	height: 36px;
	font-size: 14px;
}

.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: 70px;
	text-align: center;
}

.mgz-wrap .recommend-list>li:not(:nth-child(1)) .info {
	margin-top: 26px;
}

.mgz-wrap .recommend-list>li .info .name {
	color: #111;
	font-weight: 600;
}

.mgz-wrap .recommend-list>li:nth-child(1) .info .name {
	font-size: 32px;
	line-height: 46px;
}

.mgz-wrap .recommend-list>li:not(:nth-child(1)) .info .name {
	font-size: 20px;
	line-height: 28px;
}

.mgz-wrap .recommend-list>li:nth-child(1) .info .desc {
	width: 364px;
	margin: 30px auto 0;
	color: #333;
	font-size: 18px;
	line-height: 26px;
}

.mgz-wrap .recommend-list>li:not(:nth-child(1)) .info .desc {
	margin-top: 12px;
	color: #999;
	font-size: 16px;
	line-height: 24px;
}

.mgz-wrap .recommend-list>li .info .hashtag {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
	color: #999;
	font-size: 14px;
	line-height: 20px;
	border-top: 1px solid #eee;
	overflow: hidden;
}

.mgz-wrap .recommend-list>li:nth-child(1) .info .hashtag {
	justify-content: center;
	max-height: 60px;
	margin-top: 30px;
	padding-top: 16px;
	border-color: #ddd;
}

.mgz-wrap .recommend-list>li:not(:nth-child(1)) .info .hashtag {
	max-height: 56px;
	margin-top: 12px;
	padding-top: 12px;
}

/* 매거진 목록 */
.mgz-wrap .mgz-list {
	margin-top: 100px;
}

.mgz-wrap .mgz-list .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
}

.mgz-wrap .mgz-list .head .count {
	color: #111;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.mgz-wrap .mgz-list .head .sort-type {
	display: flex;
	align-items: center;
	gap: 0 24px;
}

.mgz-wrap .mgz-list .head .sort-type li {
	color: #999;
	font-size: 16px;
	line-height: 24px;
}

.mgz-wrap .mgz-list .head .sort-type li.on {
	color: #111;
	font-weight: 500;
}

.mgz-wrap .mgz-list .list {
	position: relative;
	margin-top: 17px;
}

.mgz-wrap .mgz-list .list>li {
	width: 400px;
	position: absolute;
	transition: height 0.3s ease;
	animation: scale-up-center 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@keyframes scale-up-center {
	0% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(1);
	}
}

.mgz-wrap .mgz-list .list>li .thumb {
	position: relative;
}

.mgz-wrap .mgz-list .list>li:nth-child(odd) .thumb {
	height: 424px;
}

.mgz-wrap .mgz-list .list>li:nth-child(even) .thumb {
	height: 267px;
}

.mgz-wrap .mgz-list .list>li .thumb .badge {
	position: absolute;
	top: 0;
	left: 0;
	height: 36px;
	font-size: 14px;
}

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

.mgz-wrap .mgz-list .list>li .info .name {
	color: #111;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
}

.mgz-wrap .mgz-list .list>li .info .desc {
	color: #999;
	font-size: 16px;
	line-height: 24px;
}

.mgz-wrap .mgz-list .list>li .info .hashtag {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
	max-height: 56px;
	padding-top: 12px;
	color: #999;
	font-size: 14px;
	line-height: 20px;
	border-top: 1px solid #eee;
	overflow: hidden;
}

.mgz-wrap .mgz-list .list>li .info .comment-heart {
	display: flex;
	align-items: center;
	gap: 0 20px;
}

.mgz-wrap .mgz-list .list>li .info .comment-heart span {
	padding-left: 28px;
	color: #111;
	font-size: 14px;
	line-height: 20px;
	background-position: 0 50%;
	background-size: 24px;
}

.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 {
	margin-top: 60px;
}

/* 매거진 상세: 헤드 */
.mgz-wrap .mgz-details .top-cnt {
	display: flex;
	height: 426px;
}

.mgz-wrap .mgz-details .top-cnt>div {
	position: relative;
	width: 640px
}

.mgz-wrap .mgz-details .top-cnt .thumb .badge {
	position: absolute;
	top: 0;
	left: 0;
	height: 36px;
	font-size: 14px;
}

.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: 24px 0;
	padding: 0 50px;
	text-align: center;
	background-color: #F7F7F7;
}

.mgz-wrap .mgz-details .top-cnt .info .name {
	color: #111;
	font-size: 32px;
	font-weight: 600;
	line-height: 46px;
}

.mgz-wrap .mgz-details .top-cnt .info .desc {
	color: #333;
	font-size: 18px;
	line-height: 26px;
}

.mgz-wrap .mgz-details .top-cnt .info .hashtag {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 4px 14px;
	max-height: 60px;
	padding-top: 16px;
	color: #999;
	font-size: 14px;
	line-height: 20px;
	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 20px;
}

.mgz-wrap .mgz-details .top-cnt .info .btn-wrap button {
	padding-left: 28px;
	color: #111;
	font-size: 14px;
	line-height: 20px;
	background-position: 0 50%;
	background-size: 24px;
}

.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: 24px;
	height: 24px;
	padding-left: 0;
	background-image: url('/res/images/icon/share-111.svg');
}

/* 매거진 상세: 어드민 입력 영역 */
.mgz-wrap .mgz-details .cont_area .view {
	width: 1080px;
	margin: 0 auto;
	padding: 60px 0 0;
	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: 28px;
	font-weight: 500;
	line-height: 36px;
	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 {
	font-weight: 500
}

.mgz-wrap .mgz-details .cont_area .view .guide_tit {
	display: block;
	margin-top: 100px;
	color: #111;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	text-align: center;
}

.mgz-wrap .mgz-details .cont_area .view .guide_tit h2,
.mgz-wrap .mgz-details .cont_area .view .guide_tit p {
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
}

.mgz-wrap .mgz-details .cont_area .view .guide_tit u {
	position: relative;
	text-decoration: none
}

.mgz-wrap .mgz-details .cont_area .view .guide_tit u:before {
	content: '';
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	height: 6px;
	background: #a489e3;
	z-index: -1
}

.mgz-wrap .mgz-details .cont_area .view .guide_tit+.guide_txt {
	margin-top: 40px
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt {
	margin-top: 40px;
	color: #333;
	font-size: 18px;
	font-weight: 300;
	line-height: 32px;
	text-align: left
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt p {
	margin-top: 40px;
	font-weight: 300;
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt p:first-child {
	margin-top: 0
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt b {
	font-weight: 600
}

.mgz-wrap .mgz-details .cont_area .view .guide_txt b u {
	font-weight: 500;
	color: #111;
}

.mgz-wrap .mgz-details .cont_area .view>.guide_tit:first-child,
.mgz-wrap .mgz-details .cont_area .view>.guide_txt:first-child {
	margin-top: 0
}

.mgz-wrap .mgz-details .cont_area .view .view_img img {
	width: 100%;
	height: auto;
	margin: 50px auto 0 auto;
	text-align: center
}

.mgz-wrap .mgz-details .cont_area .view .end_txt {
	display: none;
	margin-top: 40px;
	padding: 20px 30px;
	color: #555;
	font-size: 14px;
	font-weight: 300;
	line-height: 22px;
	text-align: center;
	border: 1px solid #eee
}

.mgz-wrap .mgz-details .cont_area .view .end_txt b {
	color: #111;
	font-weight: 300;
}

.mgz-wrap .mgz-details .cont_area .view .qna {
	text-align: left
}

.mgz-wrap .mgz-details .cont_area .view .qna .q {
	margin-top: 40px;
	padding-left: 28px;
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	text-indent: -28px;
	color: #3cc814
}

.mgz-wrap .mgz-details .cont_area .view .qna .a {
	margin-top: 20px;
	padding-left: 28px;
	color: #111;
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
	text-indent: -28px;
}

.mgz-wrap .mgz-details .cont_area .view .qna .a span {
	margin-right: 15px;
	font-weight: 500;
}

.mgz-wrap .mgz-details .cont_area .view .recipe_div {
	margin-top: 50px;
	width: 100%;
	padding: 90px 40px 40px;
	text-align: left;
	border: 1px solid #ddd;
	background: url('/res/images/mgz_recipe_icn.png') no-repeat center 40px
}

.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;
	margin-bottom: 40px;
	padding-bottom: 24px;
	color: #111;
	font-size: 22px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
	background: url('/res/images/mgz_recipe_tit.png') no-repeat center bottom
}

.mgz-wrap .mgz-details .cont_area .view .recipe_div .tit b {
	color: #3cc814;
	font-weight: 700;
}

.mgz-wrap .mgz-details .cont_area .view .recipe_div .txt {
	margin-top: 0;
	line-height: 24px
}

.mgz-wrap .mgz-details .cont_area .view .recipe_div p {
	margin-top: 20px;
	color: #111;
	font-size: 16px;
	font-weight: 300;
	line-height: 32px;
}

.mgz-wrap .mgz-details .cont_area .view .recipe_div p b {
	font-weight: 700;
	color: #3cc814
}

.mgz-wrap .mgz-details .cont_area .view .view_end {
	line-height: 32px;
	margin-top: 40px;
	padding-top: 14px;
	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: 18px;
	font-weight: 400;
	text-align: left;
}

.mgz-wrap .mgz-details .cont_area .view .write b {
	color: #333;
	font-weight: 400;
}

.mgz-wrap .mgz-details .cont_area .view_info {
	margin-top: 54px
}

.mgz-wrap .mgz-details .cont_area .view_info .tag {
	display: flex;
	align-items: center;
}

.mgz-wrap .mgz-details .cont_area .view_info .tag span {
	display: block;
	height: 32px;
	margin: 6px 6px 0 0;
	padding: 6px 8px;
	color: #777;
	font-size: 14px;
	line-height: 20px;
	background: #f5f5f5;
	border-radius: 4px;
}

.mgz-wrap .mgz-details .cont_area .view_info .tag span:before {
	content: '#';
	padding-right: 1px
}

/* 매거진 상세: 관련 상품 */
.mgz-wrap .mgz-details .related-pd {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 40px;
	height: 100px;
	margin-top: 100px;
	background-color: #F2FFF0;
}

.mgz-wrap .mgz-details .related-pd span {
	color: #333;
	font-size: 18px;
	line-height: 26px;
}

.mgz-wrap .mgz-details .related-pd a {
	width: 147px;
	height: 40px;
	font-size: 14px;
}

/* 관련 매거진 */
.mgz-wrap .mgz-details .related-mgz {
	margin-top: 100px;
}

.mgz-wrap .mgz-details .related-mgz .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 66px;
	color: #111;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container {
	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%;
	margin: 0;
	padding: 0;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 40px;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container.swiper-disabled .swiper-slide {
	width: 400px;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-slide .thumb {
	position: relative;
	height: 267px;
}

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

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-slide .info .name {
	color: #111;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-slide .info .hashtag {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 14px;
	max-height: 56px;
	padding-top: 12px;
	color: #999;
	font-size: 14px;
	line-height: 20px;
	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 20px;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-slide .info .comment-heart span {
	padding-left: 28px;
	color: #111;
	font-size: 14px;
	line-height: 20px;
	background-position: 0 50%;
	background-size: 24px;
}

.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 .related-mgz .swiper-container .swiper-button [class*=swiper-button] {
	top: 0;
	width: 60px;
	height: 100%;
	margin-top: 0;
	background-color: #fff;
	background-position-y: 108px;
	background-size: 40px;
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-button-prev {
	left: 0;
	right: auto;
	background-position-x: 0;
	background-image: url(/res/images/icon/arrow-swiper-left-111.svg)
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-button-prev.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-swiper-left-ccc.svg)
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-button-next {
	left: auto;
	right: 0;
	background-position-x: 100%;
	background-image: url(/res/images/icon/arrow-swiper-right-111.svg)
}

.mgz-wrap .mgz-details .related-mgz .swiper-container .swiper-button-next.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-swiper-right-ccc.svg)
}

/* 댓글 */
.mgz-wrap .mgz-details .comment-wrap {
	margin-top: 100px;
}

.mgz-wrap .mgz-details .comment-wrap .input {
	display: flex;
	align-items: center;
	gap: 0 16px;
}

.mgz-wrap .mgz-details .comment-wrap .input button {
	width: 128px;
	height: 128px;
}

.mgz-wrap .mgz-details .comment-wrap .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	margin-top: 30px;
	border-bottom: 1px solid #ccc;
}

.mgz-wrap .mgz-details .comment-wrap .head .title {
	color: #111;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.mgz-wrap .mgz-details .comment-wrap .head .chk_box label {
	font-size: 16px;
}

.mgz-wrap .mgz-details .comment-wrap .list {
	margin-top: 14px;
}

.mgz-wrap .mgz-details .comment-wrap .list li {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 24px 0;
	padding: 16px 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: 14px;
	line-height: 20px;
}

.mgz-wrap .mgz-details .comment-wrap .id-date span:not(:first-child):before { 
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin: 0 10px;
	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;
	align-items: center;
	gap: 0 16px;
}

.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;
	flex-direction: column;
	gap: 8px 0;
}

.mgz-wrap .mgz-details .comment-wrap .list .edit-wrap .btn-wrap button { 
	width: 128px;
}

.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: #333;
}

.mgz-wrap .mgz-details .comment-wrap .list .answer-wrap .text { 
padding-top: 12px;
}

.mgz-wrap .mgz-details .comment-wrap .list .edit-delete {
	position: absolute;
	top: 16px;
	right: 0;
	display: flex;
	align-items: center;
}

.mgz-wrap .mgz-details .comment-wrap .list .edit-delete button {
	display: flex;
	align-items: center;
	color: #111;
	font-size: 13px;
	line-height: 18px;
	background-size: 16px;
}

.mgz-wrap .mgz-details .comment-wrap .list .edit-delete button.edit-btn {
	padding-right: 30px;
	background-image: url("/res/images/icon/edit-111.svg");
}

.mgz-wrap .mgz-details .comment-wrap .list .edit-delete button.delete-btn {
	padding-right: 20px;
	background-position: 100% 50%;
	background-image: url("/res/images/icon/trash-111.svg");
}

.mgz-wrap .mgz-details .comment-wrap .list .edit-delete button.edit-btn {
	background-position: calc(100% - 10px) 50%;
}

.mgz-wrap .mgz-details .comment-wrap .list .edit-delete button.delete-btn:before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	margin-right: 10px;
	background-color: #ddd;
}

.mgz-wrap .mgz-details .comment-wrap .paging {
	margin-top: 24px;
}

.mgz-wrap .mgz-details .comment-wrap .no-data-wrap {
	margin-top: 30px;
}

/* 이전 및 다음 페이지 */
.mgz-wrap .mgz-details .post-navi { 
	margin-top: 60px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.mgz-wrap .mgz-details .post-navi a { 
	display: flex;
	align-items: center;
	gap: 0 30px;
	padding: 20px 0;
}

.mgz-wrap .mgz-details .post-navi a + a{
	border-top: 1px solid #eee;
}

.mgz-wrap .mgz-details .post-navi a .type { 
	color: #bbb;
	font-size: 14px;
	line-height: 20px;
}

.mgz-wrap .mgz-details .post-navi a img { 
	width: 56px;
	height: 56px;
}

.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: 16px;
	line-height: 24px;
}

.mgz-wrap .mgz-details .post-navi a .desc { 
	color: #bbb;
	font-size: 14px;
	line-height: 20px;
}

/* 목록 버튼 */
.mgz-wrap .mgz-details .list-btn {
	width: 260px;
	margin: 60px auto 0;
}@charset "utf-8";

/* ==================== 마이페이지 공통 ==================== */
.mypage_div .menu_title {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
	font-weight: 600;
	font-size: 28px;
	line-height: 36px;
	color: #111;
	z-index: 1
}

.mypage_div .menu_title .tooltip_div {
	margin-left: 4px;
}

.mypage_div .menu_sub_title {
	position: relative;
	padding: 16px 0;
	border-bottom: 1px solid #999
}

.mypage_div .menu_sub_title:after {
	content: '';
	display: block;
	clear: both
}

.mypage_div .menu_sub_title p {
	float: left;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.mypage_div .menu_sub_title .btn {
	float: right;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
	padding: 3px 10px;
	color: #555;
	font-size: 13px;
	border: 1px solid #ddd;
	border-radius: 4px
}

.mypage_div .page_bottom_noti {
	width: 1020px
}

/* ==================== 메인 ==================== */
/* 마이페이지 */
.lnb_div {
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	width: 1280px;
	margin: 0 auto;
}

.lnb_div:not(.cs) {
	margin: -21px auto 0;
}

.lnb_div .mypage_div {
	width: calc(100% - 260px);
}

#content .lnb_div .page_intro {
	width: auto;
	margin: 0;
}

.lnb_div .user-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 116px;
	padding: 0 60px;
	background: linear-gradient(98.03deg, #E3FDE0 9.31%, #F2FFF0 54.77%, #E2FDDF 90.87%);
	border-radius: 8px;
}

.lnb_div .user-info:has(.grade.nmem) {
	background: linear-gradient(97.88deg, #F5F5F5 9.33%, #FAFAFA 76.3%, #F5F5F5 98.63%);
}

.lnb_div .user-info .grade {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px 10px;
	min-height: 60px;
	padding-left: 80px;
	background-position: 0 50%;
}

.lnb_div .user-info .grade.welcome {
	background-image: url("/res/images/icon/grade/welcome.svg");
}

.lnb_div .user-info .grade.family {
	background-image: url("/res/images/icon/grade/family.svg");
}

.lnb_div .user-info .grade.bronze {
	background-image: url("/res/images/icon/grade/bronze.svg");
}

.lnb_div .user-info .grade.silver {
	background-image: url("/res/images/icon/grade/silver.svg");
}

.lnb_div .user-info .grade.gold {
	background-image: url("/res/images/icon/grade/gold.svg");
}

.lnb_div .user-info .grade.vip {
	background-image: url("/res/images/icon/grade/vip.svg");
}

.lnb_div .user-info .grade.platinum {
	background-image: url("/res/images/icon/grade/platinum.svg");
}

.lnb_div .user-info .grade.partner {
	background-image: url("/res/images/icon/grade/partner.svg");
}

.lnb_div .user-info .grade.staff {
	background-image: url("/res/images/icon/grade/staff.svg");
}

.lnb_div .user-info .grade.celeb {
	background-image: url("/res/images/icon/grade/celeb.svg");
}

.lnb_div .user-info .grade.exp {
	background-image: url("/res/images/icon/grade/exp.svg");
}

.lnb_div .user-info .grade.nmem {
	background-image: url("/res/images/icon/grade/nmem.svg");
}

.lnb_div .user-info .grade .grade-name {
	color: #333;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}

.lnb_div .user-info .grade.welcome .grade-name {
	color: #23C9BE;
}

.lnb_div .user-info .grade.family .grade-name {
	color: #32CF55
}

.lnb_div .user-info .grade.bronze .grade-name {
	color: #B6755F
}

.lnb_div .user-info .grade.silver .grade-name {
	color: #B0B0B4
}

.lnb_div .user-info .grade.gold .grade-name {
	color: #BF903E
}

.lnb_div .user-info .grade.vip .grade-name {
	color: #7C51D7
}

.lnb_div .user-info .grade.partner .grade-name {
	color: #FD9148;
}

.lnb_div .user-info .grade.staff .grade-name {
	color: #41AEFD;
}

.lnb_div .user-info .grade.celeb .grade-name {
	color: #F6806E;
}

.lnb_div .user-info .grade.exp .grade-name {
	color: #FF7AB3;
}

.lnb_div .user-info .grade .user-name {
	display: flex;
	align-items: center;
	color: #111;
	font-size: 24px;
	line-height: 32px;
}

.lnb_div .user-info .grade .user-name strong {
	display: inline-block;
	max-width: 221px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
}

.lnb_div .user-info .grade .benefit-info {
	display: flex;
	align-items: center;
	gap: 0 8px;
	width: 100%;
}

.lnb_div .user-info .grade .benefit-info span {
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.lnb_div .user-info .grade .benefit-info>span {
	display: flex;
	align-items: center;
	gap: 0 4px;
}

.lnb_div .user-info .grade.employee .benefit-info>span {
	gap: 0;
}

.lnb_div .user-info .grade.employee .benefit-info strong {
	margin-left: 4px;
}

.lnb_div .user-info .grade .benefit-info span strong {
	font-weight: 700;
}

.lnb_div .user-info .grade:not(.staff) .benefit-info span span,
.lnb_div .user-info .grade:not(.staff) .benefit-info span strong:not(.price) {
	color: #3cc814;
}

.lnb_div .user-info .grade .benefit-info .link-btn {
	color: #111;
	font-size: 14px;
	line-height: 24px;
	text-decoration: underline;
}

.lnb_div .user-info .point-coupon {
	display: flex;
	align-items: center;
}

.lnb_div .user-info .point-coupon>div {
	display: flex;
	align-items: center;
	gap: 0 12px;
}

.lnb_div .user-info .point-coupon>div+div:before {
	content: '';
	display: block;
	width: 1px;
	height: 20px;
	margin: 0 28px;
	background-color: #ddd;
}

.lnb_div .user-info .point-coupon .term {
	padding-left: 28px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
	background-position: 0 50%;
}

.lnb_div .user-info .point-coupon .desc {
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.lnb_div .user-info .point-coupon .desc a {
	display: flex;
	align-items: center;
}

.lnb_div .user-info .point-coupon .desc strong {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}

.lnb_div .user-info .point-coupon .point .term {
	background-image: url(/res/images/icon/point-333.svg);
}

.lnb_div .user-info .point-coupon .coupon .term {
	background-image: url(/res/images/icon/coupon-333.svg);
}

/* ==================== 주문배송조회 ==================== */
.order_div {
	position: relative
}

.order_div .search_area {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 28px 24px 16px;
	border-radius: 16px;
	border: 1px solid #ddd;
}

.order_div .search_area form {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 49px;
}

.order_div .search_area .left_div {
	flex: 1;
}

.order_div .search_area .left_div .btn_div {
	display: flex;
	flex-wrap: wrap;
	gap: 0 4px;
}

.order_div .search_area .left_div .btn_div a {
	flex: 1;
	padding: 11px 0;
	height: 48px;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #bbb;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.order_div .search_area .left_div .btn_div a.on {
	color: #3cc814;
	border: 1px solid #3cc814
}

.order_div .search_area .left_div .select_date {
	margin-top: 12px
}

.order_div .search_area .right_div {
	position: relative;
	width: 505px;
}

.order_div .search_area .right_div:before {
	content: '';
	position: absolute;
	top: 0;
	left: -24px;
	width: 1px;
	height: 100%;
	background: #eee
}

.order_div .search_area .right_div .input_form .input_area input {
	height: 48px;
}

.order_div .search_area .right_div .input_form .input_area+.input_area {
	margin-top: 12px
}

.order_div .search_area .right_div .input_form .input_area .select_form {
	float: left;
	margin-left: 10px;
	width: calc(50% - 5px);
}

.order_div .search_area .right_div .input_form .input_area .select_form .select p {
	font-size: 16px;
}

.order_div .search_area .right_div .input_form .input_area .select_form:first-child {
	margin-left: 0;
}

.order_div .search_area .bottom_div {
	display: flex;
	align-items: center;
	width: 100%;
	height: 48px;
}

.order_div .search_area .bottom_div .text {
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.order_div .search_area .refresh {
	position: absolute;
	bottom: 15px;
	right: 144px;
	padding: 0 10px 0 32px;
	height: 48px;
	font-weight: 400;
	font-size: 14px;
	line-height: 48px;
	color: #999;
	background: url('/res/images/icon/refresh-p1.svg') no-repeat left 10px top 50%;
	background-size: 20px
}

.order_div .search_area .refresh.disabled_btn {
	margin-top: 12px;
	background: url('/res/images/icon/refresh-bbb.svg') no-repeat left 10px top 50%;
	background-size: 20px
}

.order_div .search_area .search_btn {
	position: absolute;
	bottom: 15px;
	right: 24px;
	width: 110px;
	height: 48px;
	font-weight: 500;
	font-size: 16px;
	line-height: 48px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 4px
}

.order_div .point_check {
	display: inline-block;
	position: relative;
	margin-top: 24px;
	padding: 0 18px 0 32px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
	background: url('/res/images/icon/checkbox-off.svg') no-repeat 0 50%;
	cursor: pointer
}

.order_div .point_check.on {
	background-image: url('/res/images/icon/checkbox-on.svg');
}

.order_div .point_check span {
	font-weight: 500;
	color: #3cc814
}

.order_div .point_check .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.order_div .point_check+.order_list_div {
	margin-top: 12px
}

.order_div .order_list_div {
	margin-top: 40px
}

.order_div .order_list_div .list {
	margin-top: 40px;
}

.order_div .order_list_div .list:first-child {
	margin-top: 0
}

.order_div .order_list_div .list>.top {
	position: relative;
	border-bottom: 1px solid #999
}

.order_div .order_list_div .list>.top:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_list_div .list>.top .date {
	float: left;
	padding: 16px 0;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.order_div .order_list_div .list>.top .detail {
	float: right;
	padding-right: 22px;
	font-size: 16px;
	line-height: 60px;
	color: #000;
	background: url('/res/images/icn_right_20x20.png') no-repeat right center;
	background-size: 20px
}

.order_div .order_list_div .list .bottom .group,
.order_div .order_list_div .list .bottom .product-sub-item {
	display: table;
	padding: 24px 0;
	border-bottom: 1px solid #eee
}

.order_div .order_list_div .list .bottom .product-sub-item .main-info {
	max-width: 417px;
}

.order_div .order_list_div .list .bottom .group .buy_info {
	display: table-cell;
	width: 170px;
	vertical-align: middle
}

.order_div .order_list_div .list .bottom .group .buy_info .price {
	text-align: right
}

.order_div .order_list_div .list .bottom .group .buy_info .price p {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.order_div .order_list_div .list .bottom .group .buy_info .price p span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top;
	text-decoration: line-through;
}

.order_div .order_list_div .list .bottom .group .buy_info .price p:first-child {
	margin-top: 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.order_div .order_list_div .list .bottom .group .buy_info .price p:first-child span {
	font-size: 20px;
	text-decoration: none
}

.order_div .order_list_div .list .bottom .group .state {
	display: table-cell;
	padding-left: 10px;
	width: 210px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: center;
	vertical-align: middle
}

.order_div .order_list_div .list .bottom .group .state.comp {
	color: #999
}

.order_div .order_list_div .list .bottom .group .state span {
	display: block;
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
	color: #3cc814
}

.order_div .order_list_div .list .bottom .group .info_btn {
	display: table-cell;
	width: 120px;
	vertical-align: middle;
	text-align: center
}

.order_div .order_list_div .list .bottom .group .info_btn a {
	display: block;
	margin-top: 5px;
	padding: 5px 9px;
	font-size: 14px;
	line-height: 18px;
	color: #555;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.order_div .order_list_div .list .bottom .group .info_btn a:first-child {
	margin-top: 0
}

.order_div .order_list_div .list .bottom .group .info_btn a.delete {
	display: inline-block;
	margin-top: 8px;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
	color: #777;
	text-decoration: underline;
	border: none;
	background: none;
	border-radius: 0
}

.order_div .order_list_div .no_data_div .txt_area {
	padding: 164px 20px 0;
	background-position-y: 80px;
	border-bottom: 0;
}

.order_div .order_dtl_div {
	margin-top: 40px
}

.order_div .order_dtl_div .text_top {
	padding: 12px 24px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	background: #f9f9f9;
	border-radius: 10px
}

.order_div .order_dtl_div .section {
	margin-top: 40px;
}

.order_div .order_dtl_div .section:first-child {
	margin-top: 0
}

.order_div .order_dtl_div .section>.top {
	position: relative;
	display: flex;
	align-items: center;
	padding: 16px 0;
	border-bottom: 1px solid #999
}

.order_div .order_dtl_div .section>.top:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_dtl_div .section>.top .title {
	float: left;
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.order_div .order_dtl_div .section>.top .title .tooltip_div {
	margin-left: 4px;
}

.order_div .order_dtl_div .section>.top span {
	float: left;
	margin-left: 8px;
	font-size: 16px;
	line-height: 24px;
	color: #bbb
}

.order_div .order_dtl_div .section>.top .btn {
	margin-left: auto;
}

.order_div .order_dtl_div .section>.top .btn:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_dtl_div .section>.top .btn a {
	float: left;
	margin-left: 12px;
	font-size: 14px;
	color: #999;
	text-align: center;
	border-bottom: 1px solid #999;
}

.order_div .order_dtl_div .section>.top .btn a:first-child {
	margin-left: 0
}

.order_div .order_dtl_div .section>.top .chg {
	margin-left: auto;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #3cc814;
	text-decoration: underline
}

.order_div .order_dtl_div .section>.top .chk_box {
	padding: 2px 0
}

.order_div .order_dtl_div .section .bottom {
	padding-top: 24px
}

.order_div .order_dtl_div .section .bottom .group,
.order_div .order_dtl_div .section .bottom .product-sub-item {
	border-bottom: 1px solid #eee
}

.order_div .order_dtl_div .section .bottom .group,
.order_div .order_dtl_div .section .bottom .product-sub-item:not(.gift) {
	display: table;
	padding: 24px 0;
	width: 100%;
}

.order_div .order_dtl_div .section .bottom .group .btm .gift:not(.row-ellipsis),
.order_div .order_dtl_div .section .bottom .product-sub-item .btm .gift:not(.row-ellipsis) {
	display: block;
	height: auto;
	padding: 14px 12px;
}

.order_div .order_dtl_div .section .bottom .group .btm .gift:not(.row-ellipsis) strong,
.order_div .order_dtl_div .section .bottom .product-sub-item .btm .gift:not(.row-ellipsis) strong {
	padding-right: 0;
}

.order_div .order_dtl_div .section .bottom .group:first-child,
.order_div .order_dtl_div .section .bottom .product-sub-item:first-child {
	padding-top: 0
}

.order_div .order_dtl_div .section .bottom .product-sub-item .main-info {
	max-width: 417px;
}

.order_div .order_dtl_div .section .bottom .group .buy_info {
	display: table-cell;
	width: 170px;
	vertical-align: middle
}

.order_div .order_dtl_div .section .bottom .group .buy_info .price {
	text-align: right
}

.order_div .order_dtl_div .section .bottom .group .buy_info .price p {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.order_div .order_dtl_div .section .bottom .group .buy_info .price p span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top;
	text-decoration: line-through;
}

.order_div .order_dtl_div .section .bottom .group .buy_info .price p:first-child {
	margin-top: 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.order_div .order_dtl_div .section .bottom .group .buy_info .price p:first-child span {
	font-size: 20px;
	text-decoration: none
}

.order_div .order_dtl_div .section .bottom .group .state {
	display: table-cell;
	padding-left: 10px;
	width: 210px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	text-align: center;
	vertical-align: middle
}

.order_div .order_dtl_div .section .bottom .group .state.comp {
	color: #999
}

.order_div .order_dtl_div .section .bottom .group .state span {
	display: block;
	margin-top: 4px;
	font-size: 14px;
	line-height: 18px;
	color: #3cc814
}

.order_div .order_dtl_div .section .bottom .group .info_btn {
	display: table-cell;
	width: 120px;
	vertical-align: middle;
	text-align: center
}

.order_div .order_dtl_div .section .bottom .group .info_btn a {
	display: block;
	margin-top: 5px;
	padding: 5px 9px;
	font-size: 14px;
	line-height: 18px;
	color: #555;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.order_div .order_dtl_div .section .bottom .group .info_btn a:first-child {
	margin-top: 0
}

.order_div .order_dtl_div .section .bottom .group .info_btn a.delete {
	display: inline-block;
	margin-top: 8px;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
	color: #777;
	text-decoration: underline;
	border: none;
	background: none;
	border-radius: 0
}

.order_div .order_dtl_div .section .bottom .dot_indent+.txt_list {
	margin-top: 24px
}

.order_div .order_dtl_div .section .bottom .txt_list .line {
	position: relative;
	margin-top: 24px
}

.order_div .order_dtl_div .section .bottom .txt_list .line:first-child {
	margin-top: 0
}

.order_div .order_dtl_div .section .bottom .txt_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_dtl_div .section .bottom .txt_list .line .left {
	float: left;
	width: 156px;
	font-size: 16px;
	line-height: 24px;
	color: #111
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right {
	float: left;
	width: calc(100% - 156px);
	width: -webkit-calc(100% - 156px)
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p {
	margin-top: 12px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	word-break: break-all;
}

.order_div .order_dtl_div .section:has(.title.tool) .bottom .txt_list .line .right p {
	display: flex;
	align-items: center;
	gap: 0 4px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #111;
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p:first-child {
	margin-top: 0
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p b {
	font-weight: 500;
	vertical-align: top
}

.order_div .order_dtl_div .section:has(.title.tool) .bottom .txt_list .line .right p b {
	display: flex;
	align-items: center;
	font-size: 18px;
	line-height: 26px;
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p b strong {
	display: inline-block;
	font-weight: 500;
	font-size: 14px;
	vertical-align: top
}

.order_div .order_dtl_div .section:has(.title.tool) .bottom .txt_list .line .right p b strong {
	line-height: 20px;
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p em {
	display: inline-block;
	font-style: normal;
	margin-left: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #f05b5a
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p span {
	position: relative;
	float: left;
	padding-left: 21px
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p span:first-child {
	padding-left: 0
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p span:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 10px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p span:first-child:before {
	display: none
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right p i {
	display: inline-block;
	margin-top: 3px;
	margin-left: 8px;
	font-size: 13px;
	line-height: 20px;
	color: #999;
	font-style: normal;
	vertical-align: top
}

.order_div .order_dtl_div .section .bottom .txt_list .line .right .remsg {
	display: block;
	margin-top: 16px;
	padding: 8px 0;
	width: 158px;
	height: 36px;
	font-size: 14px;
	line-height: 18px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 5px
}

.order_div .order_dtl_div .section .bottom .txt_list .line .chg {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_div .order_dtl_div .section .bottom .price_list_div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: #eee
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list {
	margin-top: 16px
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list:first-child {
	margin-top: 0
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line {
	margin-top: 10px;
	padding-left: 14px;
	background: url('/res/images/icn_subtext.png') no-repeat left 4px;
	background-size: 10px 8px
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line .left {
	float: left;
	font-size: 15px;
	line-height: 20px;
	color: #bbb
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line .left.tool {
	position: relative;
	padding-right: 18px
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line .left.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	color: inherit;
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line:first-child .left {
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line:first-child .right {
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list .line:first-child .right span {
	font-size: 20px
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list.final_cost {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list.final_cost .line .left {
	line-height: 40px
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list.final_cost .line .right {
	font-weight: 500;
	font-size: 28px;
	line-height: 40px;
	color: #3cc814
}

.order_div .order_dtl_div .section .bottom .price_list_div .price_list.final_cost .line .right span {
	font-size: 32px
}

.order_div .order_dtl_div .section .bottom .devide:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_dtl_div .section .bottom .devide .txt_list {
	float: left;
	padding-right: 32px;
	width: 525px
}

.order_div .order_dtl_div .section .bottom .devide .price_list_div {
	position: relative;
	float: left;
	padding-left: 32px;
	width: 495px
}

.order_div .order_dtl_div .section.point .bottom {
	display: flex;
	align-items: stretch;
}

.order_div .order_dtl_div .section.point .bottom .txt_list {
	flex: 1;
}

.order_div .order_dtl_div .section.point .bottom .txt_list .line {
	display: flex;
	align-items: center;
}

.order_div .order_dtl_div .section.point .bottom .txt_list:nth-child(2) {
	margin-left: 32px;
	padding-left: 32px;
	border-left: 1px solid #eee;
}

.order_div .order_dtl_div .section.point .bottom .txt_list .line:first-child .right b {
	color: #111;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.order_div .order_dtl_div .section.point .bottom .txt_list .line:first-child .right b strong {
	font-size: 16px;
	line-height: 24px;
}

.order_div .order_dtl_div .section.point .bottom .txt_list .line:not(:first-child) {
	margin-top: 6px;
}

.order_div .order_dtl_div .section.point .bottom .txt_list .line:not(:first-child) .left {
	padding-left: 12px;
	color: #bbb;
	font-size: 14px;
	line-height: 20px;
	background: url(/res/images/icon/sub-mark.svg) 0 50%;
}

.order_div .order_dtl_div .section.point .bottom .txt_list .line:not(:first-child) .right b {
	color: #bbb;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.order_div .order_dtl_div .section.point .bottom .txt_list .line:not(:first-child) .right b strong {
	font-size: 14px;
	line-height: 20px;
}

.order_div .order_dtl_div .section.point .bottom .txt_list .right {
	display: flex;
	justify-content: flex-end;
}

.order_div .order_mgr_div {
	margin-top: 40px
}

.order_div .order_mgr_div .text_top {
	padding: 12px 24px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	background: #f9f9f9;
	border-radius: 10px
}

.order_div .order_mgr_div .text_top b {
	font-weight: 500;
	color: #3cc814
}

.order_div .order_mgr_div .state_div {
	margin-bottom: 60px;
	padding: 32px 40px 24px;
	background: #f9f9f9;
	border-radius: 20px;
	text-align: center
}

.order_div .order_mgr_div .state_div .con {
	display: inline-block
}

.order_div .order_mgr_div .state_div .con:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .state_div .con .state {
	position: relative;
	float: left;
	padding-top: 32px;
	width: 134px;
	text-align: center
}

.order_div .order_mgr_div .state_div .con .state:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 50%;
	transform: translateX(-50%);
	width: 14px;
	height: 14px;
	border: 3px solid #ccc;
	background: #f9f9f9;
	border-radius: 100%;
	z-index: 1
}

.order_div .order_mgr_div .state_div .con .state:after {
	content: '';
	position: absolute;
	top: 9px;
	left: 50%;
	width: 100%;
	height: 1px;
	background: #ccc
}

.order_div .order_mgr_div .state_div .con .state:last-child:after {
	display: none
}

.order_div .order_mgr_div .state_div .con .state p {
	display: inline-block;
	padding: 4px 9px;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #bbb
}

.order_div .order_mgr_div .state_div .con .state span {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	line-height: 16px;
	color: #999
}

.order_div .order_mgr_div .state_div .con .state.on:before {
	border: 3px solid #3cc814
}

.order_div .order_mgr_div .state_div .con .state.on:after {
	background: #3cc814
}

.order_div .order_mgr_div .state_div .con .state.on p {
	color: #3cc814
}

.order_div .order_mgr_div .state_div .con .state.ing:before {
	top: 0;
	width: 20px;
	height: 20px;
	border: 6px solid #3cc814
}

.order_div .order_mgr_div .state_div .con .state.ing p {
	background: #3cc814;
	border-radius: 13px;
	color: #fff
}

.order_div .order_mgr_div .section {
	margin-top: 40px;
}

.order_div .order_mgr_div .section:first-child {
	margin-top: 0
}

.order_div .order_mgr_div .section>.top,
.order_div .order_mgr_div .section .top.all_chk {
	position: relative;
	padding: 16px 0;
	border-bottom: 1px solid #999
}

.order_div .order_mgr_div .section .top.all_chk+.bottom {
	margin-top: -24px;
}

.order_div .order_mgr_div .section>.top:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .section .top .title {
	float: left;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #000
}

.order_div .order_mgr_div .section>.top span {
	float: left;
	margin-left: 8px;
	font-size: 16px;
	line-height: 28px;
	color: #bbb
}

.order_div .order_mgr_div .section .top .delete {
	float: right;
	padding-right: 24px;
	font-size: 14px;
	line-height: 28px;
	color: #777;
	background: url('/res/images/icn_xbt_gry_20x20.png') no-repeat right center;
	background-size: 20px
}

.order_div .order_mgr_div .section .top .chg {
	float: right;
	font-weight: 500;
	font-size: 16px;
	line-height: 28px;
	color: #3cc814;
	text-decoration: underline
}

.order_div .order_mgr_div .section .top .chk_box {
	padding: 2px 0
}

.order_div .order_mgr_div .section .bottom {
	padding-top: 24px
}

.order_div .order_mgr_div .section .bottom .dot_indent p {
	padding-left: 20px;
	color: #999;
	font-size: 13px;
	line-height: 18px;
	background: url(/res/images/icon/noti-bbb.svg) 0 50% / 16px;
}

.order_div .order_mgr_div .section .bottom .dot_indent p:before {
	display: none;
}

.order_div .order_mgr_div .section .bottom .pd_list_div+.dot_indent {
	margin-top: 12px;
}

.order_div .order_mgr_div .section .bottom .noti-msg {
	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_div .order_mgr_div .section .bottom .group,
.order_div .order_mgr_div .section .bottom .product-sub-item {
	/* display: table; */
	padding: 24px 0;
	width: 100%;
	border-bottom: 1px solid #eee
}

.order_div .order_mgr_div .section .bottom .pd_list_div .group:nth-of-type(1),
.order_div .order_mgr_div .section .bottom .pd_list_div .product-sub-item:nth-of-type(1) {
	padding-top: 0
}

.order_div .order_mgr_div .section .bottom .pd_list_div+.noti-msg {
	margin-top: 12px;
}

.order_div .order_mgr_div .section .bottom .group .buy_info {
	display: table-cell;
	width: 180px;
	vertical-align: middle
}

.order_div .order_mgr_div .section .bottom .group .buy_info .price {
	text-align: right
}

.order_div .order_mgr_div .section .bottom .group .buy_info .price p {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.order_div .order_mgr_div .section .bottom .group .buy_info .price p span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top;
	text-decoration: line-through;
}

.order_div .order_mgr_div .section .bottom .group .buy_info .price p:first-child {
	margin-top: 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.order_div .order_mgr_div .section .bottom .group .buy_info .price p:first-child span {
	font-size: 20px;
	text-decoration: none
}

.order_div .order_mgr_div .section .bottom .icon_noti {
	margin-top: 12px;
	padding-left: 18px;
	font-weight: 300;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	background: url('/res/images/icon/noti-bbb.svg') no-repeat left center;
	background-size: 16px
}

.order_div .order_mgr_div .section .bottom .icon_noti:first-child {
	margin-top: 0;
}

.order_div .order_mgr_div .section .bottom .dot_indent+.txt_list,
.order_div .order_mgr_div .section .bottom .icon_noti+.txt_list {
	margin-top: 24px
}

.order_div .order_mgr_div .section .bottom .txt_list {
	position: relative
}

.order_div .order_mgr_div .section .bottom .txt_list .line {
	position: relative;
	margin-top: 24px
}

.order_div .order_mgr_div .section .bottom .txt_list .line:first-child {
	margin-top: 0
}

.order_div .order_mgr_div .section .bottom .txt_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .section .bottom .txt_list .line .left {
	float: left;
	width: 156px;
	font-size: 16px;
	line-height: 24px;
	color: #111
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right {
	float: left;
	width: calc(100% - 156px);
	width: -webkit-calc(100% - 156px)
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p {
	margin-top: 12px;
	font-size: 16px;
	line-height: 24px;
	color: #111
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p:first-child {
	margin-top: 0
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p b {
	display: inline-block;
	font-weight: 500;
	vertical-align: top
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p b strong {
	display: inline-block;
	font-weight: 500;
	font-size: 14px;
	vertical-align: top
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p span {
	position: relative;
	float: left;
	padding-left: 21px
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p span:first-child {
	padding-left: 0
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p span:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 10px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p span:first-child:before {
	display: none
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p .copy {
	float: left;
	margin-left: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right p.icon_noti {
	color: #999;
	font-size: 13px;
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .noti-msg {
	margin-top: 12px;
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .upload_img {
	margin-top: 8px
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .upload_img:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .upload_img .img_resize {
	float: left;
	margin-top: 0;
	margin-left: 6px;
	width: 60px;
	height: 60px;
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .upload_img .img_resize:first-child {
	margin-left: 0
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .radio_div {
	margin-top: 16px
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .radio_div .radio_box {
	margin-left: 18px
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .radio_div .radio_box:first-child {
	margin-left: 0
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .radio_tab_con .input_form {
	margin-top: 24px;
	text-align: right
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .radio_tab_con .input_form .input_area+.input_area {
	margin-top: 8px
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .radio_tab_con .input_form b {
	font-weight: 400
}

.order_div .order_mgr_div .section .bottom .txt_list .line .right .radio_tab_con .input_form .btn {
	display: inline-block;
	margin-top: 16px;
	padding: 8px 10px;
	width: 120px;
	font-size: 14px;
	line-height: 18px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 5px
}

.order_div .order_mgr_div .section .bottom .txt_list .line .chg {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.order_div .order_mgr_div .section .bottom .txt_list .check {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 9px;
	font-size: 13px;
	line-height: 16px;
	color: #555;
	border: 1px solid #bbb;
	border-radius: 5px
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list {
	margin-top: 16px
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list:first-child {
	margin-top: 0
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line {
	margin-top: 10px;
	padding-left: 14px;
	background: url('/res/images/icn_subtext.png') no-repeat left 4px;
	background-size: 10px 8px
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line .left {
	float: left;
	font-size: 15px;
	line-height: 20px;
	color: #bbb
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line .left.tool {
	position: relative;
	padding-right: 18px
}

.order_div .order_mgr_div .section .bottom .price_list_div .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
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line:first-child {
	margin-top: 0;
	padding-left: 0;
	background: none
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line:first-child .left {
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line:first-child .right {
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list .line:first-child .right span {
	font-size: 20px
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list.final_cost {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list.final_cost .line .left {
	line-height: 40px
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list.final_cost .line .right {
	font-weight: 500;
	font-size: 28px;
	line-height: 40px;
	color: #3cc814
}

.order_div .order_mgr_div .section .bottom .price_list_div .price_list.final_cost .line .right span {
	font-size: 32px
}

.order_div .order_mgr_div .section .bottom .devide {
	position: relative
}

.order_div .order_mgr_div .section .bottom .devide:before {
	content: '';
	position: absolute;
	top: 0;
	left: 525px;
	width: 1px;
	height: 100%;
	background: #eee
}

.order_div .order_mgr_div .section .bottom .devide:after {
	content: '';
	display: block;
	clear: both
}

.order_div .order_mgr_div .section .bottom .devide .txt_list {
	float: left;
	padding-right: 32px;
	width: 525px
}

.order_div .order_mgr_div .section .bottom .devide .txt_list+.txt_list {
	padding-left: 32px;
	padding-right: 0;
	width: 495px
}

.order_div .order_mgr_div .section .bottom .devide .price_list_div {
	position: relative;
	float: left;
	padding-left: 32px;
	width: 495px
}

.order_div .order_mgr_div .section .bottom .dot_indent+.radio_div {
	margin-top: 24px
}

.order_div .order_mgr_div .section .bottom .icon_noti+.radio_div {
	margin-top: 24px
}

.order_div .order_mgr_div .section .bottom .radio_div {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 38px;
}

/* .order_div .order_mgr_div .section .bottom .radio_div .radio_box {
	margin-left: 38px
}

.order_div .order_mgr_div .section .bottom .radio_div .radio_box:first-child {
	margin-left: 0
} */

.order_div .order_mgr_div .section .bottom .radio_div .radio_box input[type="radio"]+label {
	padding: 0 0 0 32px;
	font-size: 16px;
	line-height: 24px;
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group:first-child {
	padding: 24px 0
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group .chk_box {
	display: table-cell;
	width: 36px
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group .chk_box label {
	padding: 50px 18px
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group .chk_box label:after {
	top: 38px
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group .count_div {
	display: table-cell;
	width: 114px;
	vertical-align: middle
}

.order_div .order_mgr_div .section .bottom .chk_list_div .group .buy_info {
	display: table-cell;
	padding-right: 20px;
	width: 180px;
	vertical-align: middle
}

.order_div .order_mgr_div .section .bottom .upload_pic {
	margin-top: 24px;
	max-width: none
}

.order_div .order_mgr_div .section .bottom .textarea_wrap {
	margin-top: 0;
}

.order_div .order_mgr_div.cnl .section .top .chk_box input[type="checkbox"]+label {
	color: #111;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.order_div .order_mgr_div.cnl .section .bottom .radio_div {
	display: flex;
	align-items: center;
	gap: 0 20px;
}

.order_div .order_mgr_div.cnl .section .bottom .radio_div .radio_box {
	margin-left: 0;
}

.order_div .order_mgr_div.cnl .section .bottom .radio_div .radio_box input[type="radio"]+label {
	font-size: 16px;
	font-weight: 400;
}

.order_div .comp_top {
	padding: 96px 0 40px;
	font-weight: 700;
	font-size: 30px;
	line-height: 36px;
	color: #000;
	text-align: center;
	background: url('/res/images/icn_check_64x64.png') no-repeat center top 20px;
	background-size: 64px
}

.order_div .order_bottom_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 8px;
	margin-top: 60px;
	text-align: center
}

.order_div .order_bottom_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 320px;
	height: 52px;
	font-size: 16px;
}

.order_div .order_bottom_btn a:first-child,
.order_div .order_bottom_btn a:last-child,
.order_div .order_bottom_btn a:nth-child(2) {
	width: 240px
}

/* ==================== 리뷰 ==================== */
/* 마이페이지 리뷰 */
.mypage_review .review_div .noti_div {
	margin-top: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #eee;
}

.mypage_review .review_div .noti_div .dot_indent p {
	padding-left: 20px;
	color: #999;
	font-size: 13px;
	line-height: 18px;
	background: url("/res/images/icon/noti-bbb.svg") 0 50% / 16px;
}

.mypage_review .review_div .noti_div .dot_indent p:before {
	display: none;
}

.mypage_review .review_div .review_list .list_div .list .present_case {
	float: left;
	margin-bottom: 8px;
	padding-left: 24px;
	background: url("/res/images/m_icn_present.png") left center no-repeat;
	background-size: 20px;
	font-size: 14px;
	line-height: 20px;
	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 .no_data_div {
	padding-bottom: 180px;
	width: 100%;
	/* border-bottom: 1px solid #eee; */
}

.mypage_review .review_div .review_list .no_data_div .txt_area {
	padding-top: 164px;
	border-bottom: none;
	background-position: 50% 80px;
}

.mypage_review .review_div .review_list.wrtable .list {
	width: 100%;
	display: table;
}

.mypage_review .review_div .review_list.wrtable .list .left {
	position: relative;
	display: table-cell;
	width: 100px;
	height: 100px;
	border-radius: 20px;
	background: #f7f7f7;
	padding: 4px
}

.mypage_review .review_div .review_list.wrtable .list .left img {
	width: 100%;
}

.mypage_review .review_div .review_list.wrtable .list.pet .left .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.mypage_review .review_div .review_list.wrtable .list.pet .left .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.mypage_review .review_div .review_list.wrtable .list .right {
	display: table-cell;
	width: calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	padding-left: 20px;
	vertical-align: middle
}

.mypage_review .review_div .review_list.wrtable .list .right>div {
	display: block;
	clear: both
}

.mypage_review .review_div .review_list.wrtable .list .right .present_case {
	margin-bottom: 10px
}

.mypage_review .review_div .review_list.wrtable .list .right .product {
	font-size: 16px;
	line-height: 22px;
	color: #000;
}

.mypage_review .review_div .review_list.wrtable .list .right .product span {
	font-weight: 500
}

.mypage_review .review_div .review_list.wrtable .list .right .info {
	margin-top: 8px;
	font-size: 14px;
	line-height: 18px;
	color: #777
}

.mypage_review .review_div .review_list.wrtable .list .btn_div {
	display: table-cell;
	width: 140px;
	padding-left: 32px;
	vertical-align: middle
}

.mypage_review .review_div .review_list.wrtable .list .btn_div .wrt_btn {
	display: inline-block;
	width: 108px;
	height: 40px;
	border-radius: 5px;
	border: 1px solid #999;
	font-size: 14px;
	line-height: 38px;
	color: #333;
	font-weight: 500;
	text-align: center
}

/* ==================== 상품 Q&A ==================== */
/* 마이페이지 QNA */
/* .mypage_qna .qna_div {
	border-top: 1px solid #eee;
} */

.mypage_qna .qna_div .qna_list_div .list .bottom .close {
	position: relative;
	display: none;
	padding: 24px 20px;
}

.mypage_qna .qna_div .no_data_div {
	border-top: 1px solid #eee;
}

.mypage_qna .qna_div .no_data_div .txt_area {
	padding-top: 164px;
	padding-bottom: 0;
	background-position: 50% 80px;
	border-bottom: 0;
}

/* .mypage_qna .qna_div .qna_list_div > li {
	border-bottom: 1px solid #eee
} */

/* .mypage_qna .qna_div .qna_list_div .list .top {
	width: 100%;
	position: relative;
	padding: 24px 0;
} */

.mypage_qna .qna_div .qna_list_div .list .top:after,
.mypage_qna .qna_div .qna_list_div .product-sub-item .top:after {
	display: none;
}

.mypage_qna .qna_div .qna_list_div .list .left.thumb {
	display: block;
	position: relative;
	float: left;
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 10px;
	text-align: center;
}

.mypage_qna .qna_div .qna_list_div .list .left.thumb img {
	width: 100%;
}

.mypage_qna .qna_div .qna_list_div .list.pet .left.thumb .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.mypage_qna .qna_div .qna_list_div .list.pet .left.thumb .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.mypage_qna .qna_div .qna_list_div .list .open.right {
	float: left;
	margin-left: 16px;
	width: calc(100% - 116px);
	width: -webkit-calc(100% - 116px);
	padding: 0 100px 0 0;
	background: url(/res/images/m_icn_down_40x40.png) no-repeat right 20px top 50%;
	background-size: 20px;
}

.mypage_qna .qna_div .qna_list_div .list.on .open.right {
	background: url(/res/images/m_icn_up_40x40.png) no-repeat right 20px top 50%;
	background-size: 20px;
}

.mypage_qna .qna_div .qna_list_div .list .open.right .product {
	font-size: 14px;
	line-height: 18px;
	color: #555;
	margin-top: 12px;
}

.mypage_qna .qna_div .qna_list_div .list .open.right .product .brand {
	font-weight: 500
}

.mypage_qna .qna_div .qna_list_div .list .open.right .tit {
	margin-top: 8px;
}

.mypage_qna .qna_div .qna_list_div .list .open .tit {
	font-size: 16px;
	line-height: 20px;
	color: #000;
}

.mypage_qna .qna_div .qna_list_div .list .open .info {
	font-size: 14px;
	line-height: 18px;
}

.mypage_qna .qna_div .qna_list_div .list .open .info:after {
	content: '';
	display: block;
	clear: both;
}

.mypage_qna .qna_div .qna_list_div .list .open .info p {
	float: left;
	margin-top: 14px;
	position: relative;
	padding-right: 20px;
}

.mypage_qna .qna_div .qna_list_div .list .open .info p:last-child {
	padding-right: 0;
}

.mypage_qna .qna_div .qna_list_div .list .open .info p:after {
	display: block;
	content: '';
	width: 1px;
	height: 10px;
	background: #ddd;
	position: absolute;
	top: 3px;
	right: 10px;
}

.mypage_qna .qna_div .qna_list_div .list .open .info p:last-child:after {
	display: none
}

.mypage_qna .qna_div .qna_list_div .list .open .info .state {
	font-weight: 500;
}

.mypage_qna .qna_div .qna_list_div .list.comp .open .info .state {
	color: #000
}

.mypage_qna .qna_div .qna_list_div .list.wait .open .info .state {
	color: #3cc814
}

.mypage_qna .qna-answer table {
	word-break: break-all;
	background: #fff !important;
}

/* ==================== 최근 본 상품, 찜리스트 ==================== */
/* 찜리스트, 최근 본 상품 */
.pd_view_list>.top {
	position: relative;
	padding-bottom: 16px;
	border-bottom: 1px solid #999
}

.pd_view_list .top:after {
	content: '';
	display: block;
	clear: both
}

.pd_view_list .top .chk_box {
	float: left
}

.pd_view_list .top .chk_box input[type="checkbox"]+label {
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
	padding: 1px 0 1px 34px;
}

.pd_view_list .top .chk_box input[type="checkbox"]+label:after {
	top: 2px;
}

.pd_view_list .top .desc {
	float: left;
	height: 28px;
	margin-left: 16px;
	color: #999;
	font-size: 13px;
	line-height: 28px;
}

.pd_view_list .top .delete {
	float: right;
	height: 28px;
	color: #999;
	font-size: 14px;
	line-height: 28px;
	text-decoration: underline;
}

.pd_view_list .list_div .list,
.pd_view_list .list_div .product-sub-item {
	padding: 24px 0;
	border-bottom: 1px solid #eee;
	position: relative;
}

.pd_view_list .list_div .list .info {
	display: table;
	width: 100%;
}

.pd_view_list .list_div .list .info .chk_div {
	display: table-cell;
	width: 36px;
	padding-right: 12px;
	vertical-align: middle
}

.pd_view_list .list_div .list .info .chk_div .chk_box input[type="checkbox"]+label {
	height: 24px;
	padding: 2px 0 2px 24px;
}

.pd_view_list .list_div .list .info .price_info {
	display: table-cell;
	width: 270px;
	vertical-align: middle;
	padding-right: 44px;
}

.pd_view_list .list_div .list .info .price_info .price_list:after {
	content: '';
	display: block;
	clear: both
}

.pd_view_list .list_div .list .info .price_info .price_list .price {
	float: right
}

.pd_view_list .list_div .list .info .price_info .price_list .dc {
	float: right
}

.pd_view_list .list_div .list .info .price_info .benefit {
	float: right;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #ff3894;
}

.pd_view_list .list_div .list .info .price_info .benefit strong {
	font-size: 16px;
}

.pd_view_list .list_div .list .info .price_info .price_list:nth-child(1) .price .won {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #000
}

.pd_view_list .list_div .list .info .price_info .price_list:nth-child(1) .price .won span {
	display: inline-block;
	font-size: 20px;
	line-height: 26px;
	vertical-align: top
}

.pd_view_list .list_div .list .info .price_info .price_list:nth-child(1) .dc {
	margin-left: 8px;
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	color: #3cc814
}

.pd_view_list .list_div .list .info .price_info .price_list:nth-child(2) .price .won {
	font-size: 16px;
	line-height: 20px;
	color: #bbb
}

.pd_view_list .list_div .list .info .price_info .price_list:nth-child(2) .price .won span {
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	vertical-align: top;
	text-decoration: line-through
}

.pd_view_list .list_div .list .info .btn_type {
	display: table-cell;
	width: 156px;
	padding-left: 48px;
	vertical-align: middle
}

.pd_view_list .list_div .list .info .btn_type a {
	padding: 9px 0;
	font-size: 14px;
	line-height: 20px;
	width: 108px;
	border-radius: 5px;
	pointer-events: auto
}

.pd_view_list .list_div .list .info .btn_type a span {
	padding-left: 22px;
}

.pd_view_list .list_div .list .info .btn_type a.alert_btn.disabled_btn {
	pointer-events: none
}

/* .pd_view_list .list_div .list .info .btn_type a.cart_btn span {
	background: url("/res/images/icn_cart_20px_grn.png") center left no-repeat;
	background-size: 20px;
} */

.pd_view_list .list_div .list .info .btn_type a.alert_btn span {
	background: url("/res/images/icn_noti_20px_grn.png") center left no-repeat;
	background-size: 20px;
}

.pd_view_list .list_div .list .info .btn_type a.alert_btn.disabled_btn span {
	background: url("/res/images/icn_noti_20px_wh.png") center left no-repeat;
	color: #fff;
	background-size: 20px
}

.pd_view_list .list_div .list .info .btn_type a {
	display: none
}

/* .pd_view_list .list_div .list .info .btn_type a.cart_btn {
	display: block
} */

.pd_view_list .list_div .list a.delete {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	background: url("/res/images/icn_xbt_24x24.png") center center no-repeat;
	background-size: 24px;
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}

/* .pd_view_list .list_div .list.soldout .info .btn_type a.cart_btn {
	display: none
} */

.pd_view_list .list_div .list.soldout .info .btn_type a.alert_btn.disabled_btn {
	display: none;
}

.pd_view_list .list_div .list.soldout .info .btn_type a.alert_btn {
	display: block
}

.pd_view_list .list_div .list.soldout.alert_comp .info .btn_type a.alert_btn {
	display: none
}

.pd_view_list .list_div .list.soldout.alert_comp .info .btn_type a.alert_btn.disabled_btn {
	display: block;
}

.pd_view_list .list_div .list .heart {
	position: absolute;
	left: 94px;
	bottom: 34px;
	width: 32px;
	height: 32px;
	background: url("/res/images/icn_heart_32x32.png") center no-repeat;
	background-size: 32px;
}

.pd_view_list .list_div .list .heart.on {
	background: url("/res/images/icn_heart_32x32_on.png") center no-repeat;
	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 .no_data_div .txt_area {
	padding-top: 164px;
	padding-bottom: 0;
	background-position: 50% 80px;
	border-bottom: 0;
}

/* ==================== 적립금 ==================== */
.point_div .tooltip {
	top: 32px;
}

.point_div .summary {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 30px 0;
	background-color: #F2FFF0;
	border-radius: 4px;
}

.point_div .summary ul {
	display: flex;
	align-items: center;
}

.point_div .summary ul li {
	position: relative;
}

.point_div .summary ul li+li {
	margin-left: 129px;
}

.point_div .summary ul li+li:before {
	content:'';
	position: absolute;
	top: 5px;
	left: -64px;
	display: block;
	width: 1px;
	height: 50px;
	background-color: #eee;
}

.point_div .summary ul li span {
	display: block;
	color: #111;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

.point_div .summary ul li span.desc {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 4px;
}

.point_div .summary ul li span.desc strong {
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
}

.point_div .point_list_div {
	margin-top: 60px
}

.point_div .point_list_div .sorting_div {
	border-bottom: 1px solid #999
}

.point_div .point_list_div .sorting_div:after {
	content: '';
	display: block;
	clear: both;
}

.point_div .point_list_div .sorting_div .filter {
	float: left;
	padding: 21px 0
}

.point_div .point_list_div .sorting_div .filter a {
	float: left;
	margin-left: 28px;
	font-size: 16px;
	line-height: 24px;
	color: #bbb
}

.point_div .point_list_div .sorting_div .filter a:hover {
	color: #555
}

.point_div .point_list_div .sorting_div .filter a:first-child {
	margin-left: 0
}

.point_div .point_list_div .sorting_div .filter a.on {
	color: #333;
	font-weight: 500
}

.point_div .point_list_div .sorting_div .select_date {
	float: left;
	width: 416px
}

.point_div .point_list_div .sorting_div .search {
	float: left;
	margin-left: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110px;
	height: 48px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	background-color: #3CC814;
	border-radius: 4px;
}

.point_div .point_list_div .list_div .list {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 96px;
	padding: 24px 170px 24px 120px;
	border-bottom: 1px solid #eee;
}

.point_div .point_list_div>.chk_div {
	padding: 24px 0;
	border-bottom: 1px solid #eee;
}

.point_div .point_list_div>.chk_div label {
	font-size: 16px;
	line-height: 24px;
}

.point_div .point_list_div .list_div .list .date {
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	width: 100px;
	font-size: 14px;
	line-height: 18px;
	color: #999
}

.point_div .point_list_div .list_div .list .left {
	padding-left: 40px;
	width: 730px;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	vertical-align: middle
}

.point_div .point_list_div .list_div .list .left .desc {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.point_div .point_list_div .list_div .list .left .info {
	display: inline-block;
	margin-top: 6px;
	font-size: 14px;
	line-height: 22px;
	color: #999;
	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") center right / 16px
}

.point_div .point_list_div .list_div .list .left a.info .name::after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #eee;
	margin: 0 10px;
}

.point_div .point_list_div .list_div .list .left .due_date {
	padding-left: 20px;
	margin-top: 12px;
	font-size: 13px;
	line-height: 16px;
	color: #999;
	background: url('/res/images/icon/clock-999.svg') no-repeat left center;
}

.point_div .point_list_div .list_div .list .right {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	width: 150px;
	text-align: right;
	font-size: 18px;
	line-height: 26px;
	font-weight: 500;
	color: #3cc814
}

.point_div .point_list_div .list_div .list .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.point_div .point_list_div .list_div .list .right .flag {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-bottom: 6px;
	width: 47px;
	height: 18px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	background-color: #F2FFF0;
	border: 1px solid #DEFDD4;
}

.point_div .point_list_div .list_div .list.minus .right {
	color: #000;
}

.point_div .point_list_div .no_data_div .txt_area {
	padding-top: 164px;
	padding-bottom: 0;
	background-position: 50% 80px;
	border-bottom: none;
}

/* ==================== 쿠폰 ==================== */
.coupon_div .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 24px;
	text-align: center;
	border-bottom: 1px solid #ddd
}

.coupon_div .sub_tab+.top {
	margin-top: 60px;
}

.coupon_div .top .go_link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 254px;
	height: 52px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.coupon_div .top .input_form {
	display: inline-block;
	width: calc(50% - 10px);
	margin-top: 0;
	margin-left: auto;
}

.coupon_div .top .input_form .tit {
	float: left;
	width: 72px;
	font-size: 14px;
	line-height: 48px;
	color: #000;
	text-align: left
}

.coupon_div .top .input_form .input_area {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 10px;
	width: 100%;
	margin-top: 0;
}

.coupon_div .top .input_form .input_area:after {
	display: none;
}

.coupon_div .top .input_form .input_area .delete {
	right: 170px;
}

.coupon_div .top .input_form input,
.coupon_div .top .input_form .btn {
	height: 52px;
}

.coupon_div .top .input_form input {
	flex: 1;
}

.coupon_div .top .input_form input::placeholder {
	color: #bbb;
}

.coupon_div .top .input_form .input_area .btn {
	width: 148px;
	margin-left: 0;
	padding: 13px 0;
	font-size: 16px;
	font-weight: 500;
	border-radius: 4px;
}

.coupon_div .cpn_list_div {
	margin-top: 24px;
}

.coupon_div .cpn_list_div .list_top {
	position: relative;
	height: 60px;
}

.coupon_div .cpn_list_div .list_top p {
	display: inline-block;
	padding: 13px 0 11px;
	font-size: 20px;
	line-height: 36px;
	color: #111;
	font-weight: 700;
}

.coupon_div .cpn_list_div .list_top .filter {
	float: right;
	padding: 13px 0 11px
}

.coupon_div .cpn_list_div .list_top .filter:after {
	content: '';
	display: block;
	clear: both
}

.coupon_div .cpn_list_div .list_top .filter a {
	float: left;
	margin-left: 24px;
	font-size: 16px;
	line-height: 36px;
	color: #999;
}

.coupon_div .cpn_list_div .list_top .filter a:first-child {
	margin-left: 0
}

.coupon_div .cpn_list_div .list_top .filter a.on {
	font-weight: 500;
	color: #111
}

.coupon_div .cpn_list_div .list_top>a {
	position: absolute;
	top: 13px;
	right: 0;
	padding: 9px 0;
	width: 150px;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border-radius: 5px
}

.coupon_div .cpn_com_list {
	gap: 20px;
	margin-top: 8px;
}

.coupon_div .cpn_com_list .list {
	position: relative;
	width: calc(50% - 10px);
	width: -webkit-calc(50% - 10px);
}

.coupon_div .page_bottom_noti {
	margin-top: 60px;
}

/* ==================== 친구 초대 ==================== */
.mypage_invite_div .top .banner {
	border-radius: 20px;
	overflow: hidden
}

.mypage_invite_div .top .tit {
	margin-top: 60px;
	font-size: 28px;
	line-height: 40px;
	color: #333;
	text-align: center
}

.mypage_invite_div .top .tit span {
	font-weight: 700;
}

.mypage_invite_div .step_div {
	margin-top: 80px
}

.mypage_invite_div .step_div:after {
	content: '';
	display: block;
	clear: both
}

.mypage_invite_div .step_div .list {
	float: left;
	margin-left: 40px
}

.mypage_invite_div .step_div .list:first-child {
	margin-left: 0
}

.mypage_invite_div .step_div .list:after {
	content: '';
	display: block;
	clear: both
}

.mypage_invite_div .step_div .list .icn {
	float: left;
	padding: 16px;
	width: 72px;
	background: #f7f7f7;
	border-radius: 100%
}

.mypage_invite_div .step_div .list .icn img {
	width: 100%
}

.mypage_invite_div .step_div .list .dtl {
	float: left;
	padding: 4px 0 4px 12px
}

.mypage_invite_div .step_div .list .dtl .step {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #3cc814
}

.mypage_invite_div .step_div .list .dtl .desc {
	margin-top: 4px;
	font-size: 15px;
	line-height: 20px;
	color: #555
}

.mypage_invite_div .share_div {
	margin-top: 80px;
	padding-top: 60px;
	border-top: 1px solid #eee;
	text-align: center
}

.mypage_invite_div .share_div .tit {
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #333
}

.mypage_invite_div .share_div .cord_box {
	margin: 32px auto 0;
	padding: 28px 0 30px;
	width: 640px;
	text-align: center;
	background: #f7f7f7;
	border-radius: 10px
}

.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: 32px;
	font-weight: 500;
	color: #333;
	margin-top: 16px;
	letter-spacing: -1px
}

.mypage_invite_div .share_div .btn {
	margin-top: 52px;
	text-align: center
}

.mypage_invite_div .share_div .btn a {
	display: inline-block;
	margin: 0 3px;
	padding: 13px 0;
	width: 250px;
	border-radius: 10px
}

.mypage_invite_div .share_div .btn a span {
	display: inline-block;
	padding-left: 36px;
}

.mypage_invite_div .share_div .btn a.copy {
	border: 1px solid #3cc814
}

.mypage_invite_div .share_div .btn a.copy span {
	background: url('/res/images/icn_copy.png') no-repeat left center;
	background-size: 32px;
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	color: #3cc814
}

.mypage_invite_div .share_div .btn a.kakao {
	background: #ffe500;
	border: 1px solid #ffe500
}

.mypage_invite_div .share_div .btn a.kakao span {
	background: url('/res/images/icn_kakao_32x32.png') no-repeat left center;
	background-size: 32px;
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	color: #000
}

/* ==================== 회원정보 관리 ==================== */
.myinfo_div .menu_sub_title {
	margin: 60px 0 24px
}

.myinfo_div .menu_sub_title:first-child {
	margin-top: 0
}

.myinfo_div .menu_sub_title+.sub_chk {
	padding-left: 0;
}

.myinfo_div .menu_sub_title+.chk_div .chk_box input[type="checkbox"]+label {
	font-size: 16px;
}

.myinfo_div .txt_div .line {
	margin-top: 24px
}

.myinfo_div .txt_div .line:first-child {
	margin-top: 0
}

.myinfo_div .txt_div .line:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .txt_div .line .left {
	float: left;
	width: 156px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.myinfo_div .txt_div .line .right {
	position: relative;
	float: left;
	padding-right: 64px;
	width: calc(100% - 156px);
	width: -webkit-calc(100% - 156px);
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	text-align: left;
	word-break: break-all
}

.myinfo_div .txt_div .line .right b {
	display: inline-block;
	font-weight: 400;
	margin-right: 5px;
	vertical-align: top
}

.myinfo_div .txt_div .line .right b:last-child {
	margin-right: 0
}

.myinfo_div .txt_div .line .right span {
	display: inline-block;
	font-size: 13px;
	line-height: 20px;
	color: #bbb;
	vertical-align: top;
	white-space: nowrap
}

.myinfo_div .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 .banner {
	margin-bottom: 36px
}

.myinfo_div .banner img {
	width: 100%;
	border-radius: 15px
}

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

.myinfo_div .already_div .input_form .tit {
	float: left;
	width: 156px;
	height: 48px;
	line-height: 48px;
	font-size: 16px;
	vertical-align: top
}

.myinfo_div .already_div .input_form .input_area {
	float: left;
	margin-top: 0;
	width: calc(100% - 156px);
	width: -webkit-calc(100% - 156px)
}

.myinfo_div .already_div.type2 .input_form .input_area {
	float: left;
	width: calc(100% - 220px);
	margin-top: 0;
}

.myinfo_div .already_div.type2 .input_form .input_area input {
	height: 48px;
}

.myinfo_div .already_div .input_form.radio_form {
	margin-top: 12px;
}

.myinfo_div .already_div .input_form .radio_div {
	float: left;
	margin-top: 0;
	width: calc(100% - 156px);
	width: -webkit-calc(100% - 156px);
	padding: 12px 0
}

.myinfo_div .already_div .input_form .radio_div .radio_box {
	margin-right: 40px;
}

.myinfo_div .already_div .input_form .radio_div .radio_box input[type="radio"]+label {
	font-size: 16px;
}

.myinfo_div .already_div .input_form .txt {
	float: left;
	padding-left: 168px
}

.myinfo_div .already_div .chk_div {
	padding-top: 24px;
	border-top: 1px solid #eee
}

.myinfo_div .already_div .chk_div .view {
	top: 26px
}

.myinfo_div .complete_form {
	margin-top: 24px;
	position: relative
}

.myinfo_div .complete_form:first-child {
	margin-top: 0
}

.myinfo_div .complete_form .line:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .complete_form .line .left {
	float: left;
	width: 156px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.myinfo_div .complete_form .line .right {
	position: relative;
	float: left;
	padding-right: 34px;
	width: calc(100% - 156px);
	width: -webkit-calc(100% - 156px);
	text-align: left
}

.myinfo_div .complete_form .line .right b {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.myinfo_div .complete_form .line .right span {
	display: inline-block;
	margin-left: 5px;
	font-size: 13px;
	line-height: 20px;
	color: #bbb
}

.myinfo_div .complete_form .line .right strong {
	display: block;
	margin-top: 6px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.myinfo_div .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 .complete_form .line .right a.save {
	display: none
}

.myinfo_div .complete_form .line .right a.cancel {
	display: none;
	right: 36px
}

.myinfo_div .complete_form .line .edit_div {
	display: none;
	float: left;
	margin: 16px 0 8px;
	width: 100%
}

.myinfo_div .complete_form .line .edit_div .input_form {
	margin-top: 8px
}

.myinfo_div .complete_form .line .edit_div .input_form:first-child {
	margin-top: 0
}

.myinfo_div .complete_form .line.on .right .edit {
	display: none
}

.myinfo_div .complete_form .line.on .right .cancel {
	display: block
}

.myinfo_div .complete_form .line.on .right .save {
	display: block
}

.myinfo_div .complete_form .line.on .right .save {
	display: block
}

.myinfo_div .complete_form .input_form+.txt_btn {
	position: absolute;
	top: 18px;
	right: 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.myinfo_div .birth_area {
	width: 100%;
	background: #f7f7f7;
	border-radius: 10px
}

.myinfo_div .birth_area:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .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 .birth_area input:focus {
	outline: 0;
	border: none
}

.myinfo_div .add_btn {
	display: block;
	margin: 32px auto 0;
	padding: 17px 0;
	width: 320px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	background: #3cc814;
	border: 1px solid #3cc814;
	border-radius: 10px
}

.myinfo_div .chk_div {
	position: relative;
	margin-top: 24px;
	padding-right: 30px;
}

.myinfo_div .chk_div:first-child {
	margin-top: 0
}

.myinfo_div .chk_div .view {
	position: absolute;
	top: 2px;
	right: 0;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	text-decoration: underline
}

.myinfo_div .sub_chk {
	margin-top: 16px;
	padding-left: 40px
}

.myinfo_div .sub_chk+.chk_txt {
	padding-left: 25px;
}

.myinfo_div .sub_chk .chk_box {
	margin-right: 40px
}

.myinfo_div .sub_chk .chk_box label {
	padding-left: 24px;
	font-size: 16px;
}

.myinfo_div .sub_chk .chk_box label:after {
	top: 4px;
	width: 16px;
	height: 16px;
	background: url('/res/images/chk_icon_16x16.png') no-repeat;
	background-size: 16px
}

.myinfo_div .sub_chk .chk_box.on label:after {
	background: url('/res/images/chk_icon_16x16_on.png') no-repeat;
	background-size: 16px
}

.myinfo_div .sub_chk .chk_box input[type="checkbox"]:disabled[disabled]+label:after {
	background: url('/res/images/chk_icon_16x16.png') no-repeat;
	background-size: 16px
}

.myinfo_div .chk_txt {
	margin-top: 6px;
	padding-left: 32px;
	font-size: 14px;
	line-height: 20px;
	color: #999
}

.myinfo_div .chk_txt a {
	text-decoration: underline;
}

.myinfo_div .sns_linkage .line {
	margin-top: 20px
}

.myinfo_div .sns_linkage .line:first-child {
	margin-top: 0
}

.myinfo_div .sns_linkage .line:after {
	content: '';
	display: block;
	clear: both
}

.myinfo_div .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 .sns_linkage .line .left span {
	display: none;
	margin-left: 6px;
	font-size: 13px;
	line-height: 30px;
	color: #bbb
}

.myinfo_div .sns_linkage .line .right {
	position: relative;
	float: right;
	width: 54px;
	height: 30px;
	background: #ddd;
	border-radius: 15px
}

.myinfo_div .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 .sns_linkage .line.on .left span {
	display: inline-block;
	vertical-align: top
}

.myinfo_div .sns_linkage .line.on .right {
	background: #3cc814
}

.myinfo_div .sns_linkage .line.on .right span {
	left: 28px
}

.myinfo_div .reason_div:before {
	content: '';
	display: block;
	height: 10px;
	background: #f7f7f7
}

.myinfo_div .reason_div .input_form {
	margin-top: 26px
}

.myinfo_div .reason_div .btn {
	display: block;
	margin-top: 32px
}

.myinfo_div .memout_btn {
	margin-top: 60px;
}

.myinfo_div .memout_btn a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 0 36px;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #333;
	font-size: 14px;
}

/* 마이페이지 비밀번호 확인 */
.mypage_div .myinfo_div .top_area {
	padding: 24px 32px;
	color: #111;
	font-size: 18px;
	line-height: 26px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.mypage_div .myinfo_div .pass_div {
	text-align: center;
	margin-top: 60px;
}

.mypage_div .myinfo_div .pass_div .input_form {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mypage_div .myinfo_div .pass_div .input_form:after {
	content: '';
	display: block;
	clear: both
}

.mypage_div .myinfo_div .pass_div .input_form .tit {
	float: left;
	width: 72px;
	font-size: 14px;
	line-height: 56px;
	color: #000;
	text-align: left
}

.mypage_div .myinfo_div .pass_div .input_form .input_area {
	float: left;
	margin-top: 0;
	/* width: 547px */
}

.mypage_div .myinfo_div .pass_div .input_form .input_area input {
	width: 352px;
	height: 48px;
}

.mypage_div .myinfo_div .pass_div .input_form .input_area .btn {
	height: 48px;
	font-weight: 500
}

/* 마이페이지 비밀번호 확인(SNS) */
.mypage_div .myinfo_div .sns_div {
	margin-top: 60px;
}

.mypage_div .myinfo_div .sns_div .btn {
	display: block;
	margin: 0 auto;
	width: 450px;
	height: 80px;
	padding: 4px 16px 4px 16px;
	text-align: center;
	border-radius: 10px;
	font-size: 20px;
	line-height: 72px;
	color: #fff;
	font-weight: 500;
}

.mypage_div .myinfo_div .sns_div .btn.kakao {
	background: url("/res/images/sns_kakao_144.png") top 50% left 16px no-repeat #ffeb00;
	background-size: 72px;
}

.mypage_div .myinfo_div .sns_div .btn.naver {
	background: url("/res/images/sns_naver_144.png") top 50% left 16px no-repeat #03cf5d;
	background-size: 72px;
}

.mypage_div .myinfo_div .sns_div .btn.facebook {
	background: url("/res/images/sns_facebook_144.png") top 50% left 16px no-repeat #1877f2;
	background-size: 72px;
}

.mypage_div .myinfo_div .sns_div .btn.apple {
	background: url("/res/images/sns_apple_144.png") top 50% left 16px no-repeat #1d1d1d;
	background-size: 72px;
}

.mypage_div .myinfo_div .sns_div .btn.kakao {
	color: #000
}

.mypage_div .myinfo_div .sns_div .btn+.btn {
	margin-top: 12px;
}

.mypage_div .myinfo_div .line.mrk_agree {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	margin-top: 26px;
}

.mypage_div .myinfo_div .line.mrk_agree+.sub_chk {
	padding-left: 0
}


/* 마이페이지 회원 탈퇴 */
.mypage_div .out_div .out_info {
	margin-top: 24px;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	padding-bottom: 24px;
	border-bottom: 1px solid #eee;
}

.mypage_div .out_div .out_info .line {
	margin-top: 30px;
}

.mypage_div .out_div .out_info .line:first-child {
	margin-top: 0;
}

.mypage_div .out_div .out_info .line .desc p {
	font-weight: 300;
	margin-top: 16px;
}

.mypage_div .out_div .out_info .line .desc p:first-child {
	margin-top: 8px;
}

.mypage_div .out_div .out_info table {
	margin-top: 12px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555
}

.mypage_div .out_div .out_info table tr {
	border-top: 1px solid #ddd;
}

.mypage_div .out_div .out_info table tr * {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	font-weight: 300
}

.mypage_div .out_div .out_info table tr th {
	text-align: left;
	padding: 20px 32px 20px 24px;
}

.mypage_div .out_div .out_info table tr td {
	text-align: center;
	border-left: 1px solid #eee;
	padding: 20px 24px;
}

.mypage_div .out_div .chk_div {
	margin-top: 16px;
}

.mypage_div .out_div .chk_div .chk_box input[type="checkbox"]+label {
	font-size: 16px;
	line-height: 24px;
}

.mypage_div .out_div .reason_div {
	margin-top: 60px;
}

.mypage_div .out_div .reason_div .select_form .select {
	height: 60px;
	padding-left: 20px;
}

.mypage_div .out_div .btn {
	width: 320px;
	margin: 32px auto 0;
}

/* ==================== 배송지 관리 ==================== */
.addr_list_div .list {
	padding: 24px 0;
	text-align: right;
	border-bottom: 1px solid #eee
}

.addr_list_div .list .top .tit {
	float: left;
	display: flex;
	align-items: center;
	gap: 0 6px;
	color: #111;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: left
}

.addr_list_div .list .top .btn_area {
	float: right;
	text-align: left
}

.addr_list_div .list .top .btn_area:after {
	content: '';
	display: block;
	clear: both
}

.addr_list_div .list .top .btn_area a {
	float: left;
	margin-left: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #3cc814;
	text-decoration: underline
}

.addr_list_div .list .top .btn_area a:first-child {
	margin-left: 0
}

.addr_list_div .list .top .btn_area a.cancel,
.layer_pop .pop_con .addr_list_div .list .top .btn_area a.save {
	display: none;
}

.addr_list_div .list .addr_desc {
	margin-top: 16px;
	text-align: left
}

.addr_list_div .list .addr_desc p {
	margin-top: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.addr_list_div .list .addr_desc p:first-child {
	margin-top: 0
}

.addr_list_div .list .addr_desc p .addr_dtl {
	word-break: break-all
}

.addr_list_div .list .select_btn {
	display: inline-block;
	margin-top: 16px;
	width: 60px;
	height: 28px;
	font-size: 13px;
	line-height: 26px;
	color: #3cc814;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 5px
}

.addr_list_div .list .addr_edit {
	display: none;
	margin-top: 16px
}

.addr_list_div .list.default .top .tit:after {
	content: '기본배송지';
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	padding: 0 7px;
	color: #555;
	font-size: 13px;
	font-weight: 400;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.addr_list_div .list.default .top .btn_area .delete,
.addr_list_div .list.default .top .btn_area .default_select {
	display: none
}

.addr_list_div .list .addr_edit .input_form.error .txt {
	text-align: left
}

.addr_dtl {
	word-break: break-all
}

/* ==================== 환불계좌 관리 ==================== */
.account_div .already .tit {
	display: flex;
	align-items: center;
	height: 74px;
	padding: 0 32px;
	color: #111;
	font-size: 18px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.account_div .already .btn {
	margin: 40px auto 0;
	width: 320px
}

.account_div .complete .top {
	padding: 20px 0;
}

.account_div .complete .top:after {
	content: '';
	display: block;
	clear: both
}

.account_div .complete .top .noti {
	float: left;
	padding-left: 20px;
	color: #999;
	font-size: 13px;
	line-height: 18px;
	background: url('/res/images/icon/noti-bbb.svg') no-repeat 0 50% / 16px
}

.account_div .complete .top .btn {
	float: right
}

.account_div .complete .top .btn:after {
	content: '';
	display: block;
	clear: both
}

.account_div .complete .top .btn a {
	float: left;
	margin-left: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.account_div .complete .top .btn a:first-child {
	margin-left: 0
}

.account_div .complete .info {
	padding-top: 24px;
	border-top: 1px solid #999
}

.account_div .complete .info .line {
	margin-top: 24px
}

.account_div .complete .info .line:first-child {
	margin-top: 0
}

.account_div .complete .info .line:after {
	content: '';
	display: block;
	clear: both
}

.account_div .complete .info .line .left {
	float: left;
	width: 156px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.account_div .complete .info .line .right {
	float: left;
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

/* 환불계좌 등록 팝업 */
.account_pop.layer_pop {
	padding-bottom: 0;
}

.account_pop.layer_pop .pop_con {
	max-height: 612px;
}

.account_pop .input_form {
	margin-top: 10px
}

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

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

.account_pop .input_form .tit {
	float: left;
	display: flex;
	align-items: center;
	width: 85px;
	height: 48px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
}

.account_pop .input_form .input_area {
	float: right;
	margin-top: 0;
	width: calc(100% - 85px);
	width: -webkit-calc(100% - 85px);
}

.account_pop .input_form .input_area+.input_area {
	margin-top: 10px
}

.account_pop .input_form .input_area .select_form,
.account_pop .input_form .input_area .select_form .select {
	height: 48px;
}

.account_pop .input_form .input_area input {
	height: 48px;
}

.account_pop .input_form .input_area.has_btn input {
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px)
}

.account_pop .input_form .select_form .option {
	max-height: 440px
}

.account_pop .input_form.error .txt {
	float: left;
	padding-left: 97px;
	width: 100%
}

.account_pop .agree_info {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.account_pop .agree_info .txt {
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.account_pop .agree_info .table {
	margin-top: 24px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
}

.account_pop .agree_info .table table th {
	padding: 12px;
	font-size: 16px;
	color: #111;
	text-align: left;
	border-bottom: 1px solid #ddd;
	vertical-align: baseline;
}

.account_pop .agree_info .table table td {
	padding: 12px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	vertical-align: middle
}

.account_pop .agree_info .table table tr:last-child td {
	border-bottom: 0;
}

.account_pop .chk_div {
	margin-top: 16px;
	text-align: left
}

.account_pop .chk_box input[type="checkbox"]+label {
	font-size: 16px;
}

.account_pop.layer_pop .bottom_btn {
	margin-top: 32px;
}

/* ============================ 231026 리뉴얼 2차 수정: 하단에 추가 ============================ */
/* 23359 마이페이지 */
/* nutrione.css 23367~23620 (삭제) */
.lnb_div .mypage_div .mypage_main .mem_info {
	border-radius: 16px;
	background: #052832;
	padding: 48px 48px 44px 48px;
}

.lnb_div .mypage_div .mypage_main .mem_info:after {
	content: '';
	display: block;
	clear: both;

	/* css */
	content: none;
}

.lnb_div .mypage_div .mypage_main .mem_info>div {
	float: left;
	position: relative;
	padding-left: 20px;

	/* css */
	float: none;
	padding-left: 0;
}

.lnb_div .mypage_div .mypage_main .mem_info>div:first-child:before {
	display: none;

	/* css */
	display: block;
}

.lnb_div .mypage_div .mypage_main .mem_info>div:before {
	float: left;
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 70px;
	background: rgba(255, 255, 255, 0.2);
	top: 36px;
	left: 0;

	/* css */
	float: none;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box {
	padding-left: 0
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box:after {
	content: '';
	display: block;
	clear: both
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .icn.left {
	float: left;
	width: 90px;
	height: 90px;
	margin-top: 6px;
	/* css */
	float: none;
	margin-top: 0;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.welcome .icn,
.lnb_div .mypage_div .mypage_main .mem_info .grade_box.exp .icn {}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade {
	float: left;
	width: 380px;
	margin-left: 24px;
	color: #fff;
	/* css */
	float: none;
	margin-left: 0;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade p b:before {
	margin-right: 8px;

	/* css */
	margin-right: 0;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade p b:after {
	content: none !important;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade a {
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	margin-top: 10px;
	display: inline-block;

	/* css */
	color: inherit;
	margin-top: 0;
}

.lnb_div .mypage_div .mypage_main .mem_info .point_box {
	width: 250px;
	padding-top: 36px;
	color: #fff;

	/* css */
	padding-top: 0;
	color: #111;
}

.lnb_div .mypage_div .mypage_main .mem_info .coupon_box {
	padding-top: 36px;
	color: #fff;

	/* css */
	padding-top: 0;
	color: #111;
}

.lnb_div .mypage_div .mypage_main .mem_info .desc {
	display: inline-block;
	margin-top: 8px;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	vertical-align: middle;

	/* css */
	color: #111;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade a span.benefit {
	padding-right: 0;
	background: none;
}

.lnb_div .mypage_div .mypage_main .mem_info .desc span {
	font-size: 28px;
	font-weight: 700;
	vertical-align: top
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.celeb .right.grade p b:after {
	content: none;
}

/* //nutrione.css 23367~23620 (삭제) */

/* nutrione.css 23693 (삭제) */
.lnb_div .mypage_div .mypage_main .mem_info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 16px;
	background: #F9F9F9;
	padding: 48px 0 48px 48px;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .icn.left {
	width: 90px;
	height: 90px;
}

.lnb_div .mypage_div .mypage_main .mem_info>.right {
	display: flex;
	align-items: center;
	justify-content: center;
}

.lnb_div .mypage_div .mypage_main .mem_info>.right>div {
	position: relative;
	width: 217px;
	padding-left: 20px;
}

.lnb_div .mypage_div .mypage_main .mem_info>.right>div:before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 70px;
	background: #DDDDDD;
	top: calc(50% - 35px);
	top: -webkit-calc(50% - 35px);
	left: 0;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box {
	display: flex;
	align-items: center;
	gap: 0 24px;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.welcome .icn {
	background: url("/res/images/icon/grade/grade-welcome.svg") center no-repeat;
	background-size: 90px;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.family .icn {
	background: url("/res/images/icon/grade/grade-family.svg") center no-repeat;
	background-size: 90px;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.silver .icn {
	background: url("/res/images/icon/grade/grade-silver.svg") center no-repeat;
	background-size: 90px;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.gold .icn {
	background: url("/res/images/icon/grade/grade-gold.svg") center no-repeat;
	background-size: 90px;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.vip .icn {
	background: url("/res/images/icon/grade/grade-vip.svg") center no-repeat;
	background-size: 90px;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.celeb .icn {
	background: url("/res/images/icon/grade/grade-celeb.svg") center no-repeat;
	background-size: 90px;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.staff .icn {
	background: url("/res/images/icon/grade/grade-staff.svg") center no-repeat;
	background-size: 90px;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.partner .icn {
	background: url("/res/images/icon/grade/grade-partner.svg") center no-repeat;
	background-size: 90px;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.exp .icn {
	background: url("/res/images/icon/grade/grade-exp.svg") center no-repeat;
	background-size: 90px;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade {
	display: flex;
	flex-direction: column;
	gap: 8px 0;
	width: 380px;
	padding-right: 40px;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade p b {
	font-weight: 700;
	line-height: 15px;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.welcome p .grade b {
	display: inline-block;
	/* content: 'FAMILY'; */
	color: #32CF55
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.family p .grade b {
	display: inline-block;
	/* content: 'SILVER'; */
	color: #b0b0b4;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.silver p .grade b {
	display: inline-block;
	/* content: 'GOLD'; */
	color: #d0a455
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box.gold p .grade b,
.lnb_div .mypage_div .mypage_main .mem_info .grade_box.vip p .grade b {
	display: inline-block;
	/* content: 'VIP'; */
	color: #7c51d7
}

/* 예외 케이스 */
.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade p .grade b {
	display: inline-block;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade p .grade.welcome b {
	/* content: 'WELCOME' !important; */
	color: #3fcfca !important
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade p .grade.family b {
	/* content: 'FAMILY' !important; */
	color: #32CF55 !important
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade p .grade.silver b {
	/* content: 'SILVER' !important; */
	color: #b0b0b4 !important;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade p .grade.gold b {
	/* content: 'GOLD' !important; */
	color: #d0a455 !important
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade p .grade.vip b {
	/* content: 'VIP' !important; */
	color: #7c51d7 !important
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade a {
	display: inline-block;
	color: #333;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade a p {
	display: inline-block;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade a.info_name p {

	padding-right: 28px;
	background: url("/res/images/icon/arrow-right-111.svg") no-repeat right center / 24px;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade a.info_grade p {
	position: relative;
}

.lnb_div .mypage_div .mypage_main .mem_info .grade_box .right.grade a.info_grade p::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #111;
}

.lnb_div .mypage_div .mypage_main .mem_info .point_box,
.lnb_div .mypage_div .mypage_main .mem_info .coupon_box {
	width: 217px;
	color: #333;
}

.lnb_div .mypage_div .mypage_main .mem_info .desc {
	display: flex;
	align-items: center;
	margin-top: 8px;
}

.lnb_div .mypage_div .mypage_main .mem_info .desc span {
	vertical-align: baseline
}

.lnb_div .mypage_div .mypage_main .ord_info .cont_area .procedure_div {
	display: flex;
	align-items: start;
	border-radius: 16px;
	background: #fff;
	border: 1px solid #CCCCCC;
	padding: 37px 60px 40px;
}

.lnb_div .mypage_div .mypage_main .ord_info .cont_area .procedure_div .procedure {
	position: relative;
	float: left;
	padding-right: 115px;
	width: 203px;
	text-align: center;
}

.lnb_div .mypage_div .mypage_main .ord_info .cont_area .procedure_div .procedure p {
	font-size: 16px;
	line-height: 19px;
	color: #000
}

.lnb_div .mypage_div .mypage_main .ord_info .cont_area .procedure_div .procedure a {
	display: inline-block;
	margin-top: 14px;
	font-size: 32px;
	line-height: 38px;
	color: #000;
	font-weight: 700
}/* 결제 */
.pay_area {
	width: 820px
}

.pay_area .list {
	margin-top: 60px
}

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

.pay_area .list>.top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
	border-bottom: 1px solid #999
}

.pay_area .list>.top>.tit,
.pay_area .list>.top .count {
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;	
}

.pay_area .list>.top>.tit {
	color: #111;
}

.pay_area .list>.top .count {
	color: #3CC814;
}

.pay_area .list .top>.tit.tool {
	position: relative;
	padding-right: 18px;
	width: auto
}

.pay_area .list .top>.tit.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_area .list .top>.tit span {
	margin-left: 4px;
	color: #111;
	font-size: 20px;
	font-weight: 600;
}

.pay_area .list .top>.tit span b {
	font-weight: inherit;
}

.pay_area .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_area .list .top .summary:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .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_area .list .top .summary b {
	float: left;
	width: 50px;
	font-weight: 500
}

.pay_area .list .top .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_area .list .top .copy {
	position: absolute;
	top: 20px;
	right: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3cc814;
	text-decoration: underline
}

.pay_area .list .top .chk_box label {
	font-weight: 500;
	font-size: 16px
}

.pay_area .list .close {
	padding-top: 24px
}

.pay_area .list .close .input_form {
	margin-top: 24px
}

.pay_area .list .close .input_form:first-child {
	margin-top: 0
}

.pay_area .list .close .input_form .tit+.input_area {
	margin-top: 16px
}

.pay_area .list .close .input_form .input_area+.input_area {
	margin-top: 16px
}

.pay_area .list .close .input_form.pay_coupon_info {
	margin-top: 12px;
}

.pay_area .list .close .left_input_form {
	margin-top: 32px
}

.pay_area .list .close .left_input_form:first-child {
	margin-top: 0
}

.pay_area .list .close .left_input_form .input_form {
	margin-top: 16px
}

.pay_area .list .close .left_input_form .input_form:first-child {
	margin-top: 0
}

.pay_area .list .close .left_input_form .input_form:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .left_input_form .input_form .tit {
	float: left;
	padding: 15px 0;
	width: 120px;
	color: #111;
	font-size: 14px;
}

.pay_area .list .close .left_input_form .input_form .input_area {
	margin-top: 0;
	float: right;
	width: 700px
}

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

.pay_area .list .close .left_input_form .input_form .input_area+.input_area {
	margin-top: 12px
}

.pay_area .list .close .left_input_form .input_form .input_area .select_form {
	width: 198px
}

.pay_area .list .close .left_input_form .input_form .input_area .select_form:last-child {
	width: 100%;
	height: 48px;
}

.pay_area .list .close .left_input_form .input_form .input_area .select_form:last-child .select {
	display: flex;
	align-items: center;
	height: 100%;
}

.pay_area .list .close .left_input_form .input_form .input_area .select_form+input {
	margin-left: 10px;
	width: 505px
}

.pay_area .list .close .left_input_form .input_form .input_area.has_btn input {
	width: 540px
}

.pay_area .list .close .left_input_form .input_form .input_area.has_btn .btn {
	width: 152px;
	height: 48px;
	margin-left: 8px;
	padding: 15px 0;
}

.pay_area .list .close .left_input_form .input_form .txt {
	float: left;
	width: 100%;
	padding-left: 120px
}

.pay_area .list .close .left_input_form .input_form .info {
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-left: 120px;
	padding-left: 17px;
	color: #999;
	font-size: 13px;
	line-height: 18px;
	background: url(/res/images/icon/tooltip-bbb.svg) no-repeat 0 50% / 16px;
}

.pay_area .list .close .left_input_form .input_form input[type=text],
.pay_area .list .close .left_input_form .input_form input[type=number] {
	height: 48px;
}

.pay_area .list .close .address_div {
	position: relative;
}

.pay_area .list .close .address_div .tit {
	display: inline-block;
	position: relative;
	max-width: calc(100% - 160px);
	max-width: -webkit-calc(100% - 160px);
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.pay_area .list .close .address_div .address {
	margin-top: 24px;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.pay_area .list .close .address_div .address:first-child {
	margin-top: 0
}

.pay_area .list .close .address_div .info {
	margin-top: 12px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.pay_area .list .close .address_div .comment {
	margin-top: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #000;
	word-break: break-all
}

.pay_area .list .close .address_div .mgr {
	position: absolute;
	top: 0;
	right: 0;
	color: #3cc814;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	text-decoration: underline
}

.pay_area .list .close .address_div+.input_form {
	margin-top: 20px;
}

.pay_area .list .close .address_div .chk_box label {
	font-weight: 500;
	font-size: 14px
}

.pay_area .list .close .address_div .textarea_div {
	border-radius: 4px;
}

.pay_area .list .close .address_div.default .tit:after {
	content: '기본배송지';
	position: absolute;
	top: 0;
	left: calc(100% + 6px);
	left: -webkit-calc(100% + 6px);
	padding: 0 7px;
	color: #555;
	font-size: 13px;
	border: 1px solid #ddd;
	border-radius: 4px
}

.pay_area .list .close .product_list_div {
	margin-top: -24px
}

.pay_area .list .close .product_list_div .list,
.pay_area .list .close .product_list_div .product-sub-item {
	margin-top: 0;
	padding: 24px 0;
	width: 100%;
	border-bottom: 1px solid #eee;
}

.pay_area .list .close .product_list_div .list:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .product_list_div .list .dis_tb {
	/*display: block;*/
	width: 100%;
	display: flex;
	align-items: center;
}

.pay_area .list .close .product_list_div .list .buy_info {
	display: table-cell;
	padding: 0 20px;
	width: 220px;
	text-align: right;
	vertical-align: middle
}

.pay_area .list .close .product_list_div .list .buy_info .price {
	text-align: right
}

.pay_area .list .close .product_list_div .list .buy_info .price p {
	margin-top: 4px;
	font-size: 14px;
	line-height: 20px;
	color: #bbb
}

.pay_area .list .close .product_list_div .list .buy_info .price p span {
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	vertical-align: top;
	text-decoration: line-through;
}

.pay_area .list .close .product_list_div .list .buy_info .price p:first-child {
	margin-top: 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #000
}

.pay_area .list .close .product_list_div .list .buy_info .price p:first-child span {
	font-size: 20px;
	text-decoration: none
}

.pay_area .list .close .product_list_div .list .add_box {
	margin-top: 12px
}

.pay_area .list .close .product_list_div .list .add_box select {
	width: 100%
}

.pay_area .list .close .nomem_noti {
	padding-top: 8px;
	font-size: 16px;
	line-height: 20px;
	color: #bbb;
	text-align: center
}

.pay_area .list .close .nomem_noti span {
	display: block;
	margin-top: 12px
}

.pay_area .list .close .nomem_noti span a {
	display: inline-block;
	padding-right: 20px;
	font-size: 16px;
	line-height: 20px;
	color: #3cc814;
	background: url('/res/images/icn_right_grn_16x16.png') no-repeat right center;
	background-size: 16px
}

.pay_area .list .close .input_form .title {
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 18px;
	color: #000
}

.pay_area .list .close .input_form .title span {
	margin-left: 4px;
	color: #3cc814
}

.pay_area .list .close .coupon_div .input_form:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .coupon_div .input_form .tit {
	float: left;
	margin: 0;
	width: 120px;
	line-height: 48px
}

.pay_area .list .close .coupon_div .input_form .input_area {
	float: left;
	width: calc(100% - 275px);
	margin-top: 0;
}

.pay_area .list .close .coupon_div .input_form .input_area .no {
	color: #999;
	font-size: 16px;
	line-height: 48px;
}

.pay_area .list .close .coupon_div .input_form .coupon_form {
	float: left;
	width: calc(100% - 275px);
}

.pay_area .list .close .coupon_div .input_form .coupon_form:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .coupon_div .input_form .coupon_form .change {
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
	width: 152px;
	height: 48px;
	line-height: 48px;
	color: #3cc814;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 4px;
}

.pay_area .list .close .coupon_div .input_form .coupon_form .info {
	float: left;
	padding: 12px 0;
}

.pay_area .list .close .coupon_div .input_form .coupon_form .info:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .coupon_div .input_form .coupon_form .info p {
	position: relative;
	float: left;
	margin-left: 21px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.pay_area .list .close .coupon_div .input_form .coupon_form .info p:first-child {
	margin-left: 0
}

.pay_area .list .close .coupon_div .input_form .coupon_form .info p:before {
	content: '';
	position: absolute;
	top: 5px;
	left: -11px;
	width: 1px;
	height: 10px;
	background: #ddd
}

.pay_area .list .close .coupon_div .input_form .coupon_form .info p:first-child:before {
	display: none
}

.pay_area .list .close .coupon_div .input_form .coupon_form .info p span {
	margin-left: 6px;
	font-weight: 500;
	font-size: 16px;
	color: #3cc814
}

.pay_area .list .close .coupon_div .input_form .dc {
	float: left;
	width: 155px;
	font-weight: 500;
	font-size: 14px;
	line-height: 48px;
	color: #000;
	text-align: right
}

.pay_area .list .close .coupon_div .input_form .dc span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.pay_area .list .close .coupon_div .input_form.pay_coupon_info .info {
	width: 100%;
	margin-left: 120px;
	padding-left: 18px;
	color: #999;
	font-size: 13px;
	background: url(/res/images/icon/noti-bbb.svg) no-repeat 0 50% / 16px;
}

.pay_area .list .close .coupon_div .all {
	margin-top: 24px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

.pay_area .list .close .coupon_div .all:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .coupon_div .all .left {
	float: left;
	font-size: 16px;
	line-height: 24px;
	color: #000
}

.pay_area .list .close .coupon_div .all .right {
	float: right;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #3cc814
}

.pay_area .list .close .coupon_div .all .right span {
	display: inline-block;
	font-size: 20px;
	vertical-align: top
}

.pay_area .list .close .point_div .input_form {
	display: flex;
}

.pay_area .list .close .point_div .input_form:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .point_div .input_form .input_area {
	display: flex;
	align-items: center;
	width: 300px;
	padding: 0 15px;
	border-radius: 4px;
	background: #F9F9F9;
}

.pay_area .list .close .point_div .input_form .input_area input {
	order: 1;
	height: 48px;
	line-height: 48px;
	padding: 0;
}

.pay_area .list .close .point_div .input_form .input_area input:focus {
	border: none;
}

.pay_area .list .close .point_div .input_form .input_area .delete {
	order: 3;
	position: static;
	margin: 0 0 0 5px;
}

.pay_area .list .close .point_div .input_form .input_area:before {
	content: '원';
	order: 2;
	color: #111;
	font-size: 16px;
	line-height: 48px;
}

.pay_area .list .close .point_div .input_form .btn {
	float: left;
	margin: 0 20px 0 8px;
	padding: 11px 10px;
	width: 152px;
	color: #3cc814;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
	border: 1px solid #3cc814;
	border-radius: 4px;
}

.pay_area .list .close .point_div .input_form .btn.disabled_btn {
	background: #fff;
	border: 1px solid #ddd;
	color: #ddd
}

.pay_area .list .close .point_div .input_form .info {
	float: left;
	padding: 14px 0;
}

.pay_area .list .close .point_div .input_form .info:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .point_div .input_form .info p {
	position: relative;
	display: flex;
	align-items: center;
	float: left;
	margin-left: 21px;
	font-size: 16px;
	line-height: 20px;
	color: #000
}

.pay_area .list .close .point_div .input_form .info p:first-child {
	margin-left: 0
}

.pay_area .list .close .point_div .input_form .info p span {
	/* margin-left: 6px; */
	font-weight: 500;
	font-size: 16px;
	color: #3cc814
}

.pay_area .list .close .point_div .input_form .info p span:first-child {
	margin-left: 6px;
}

.pay_area .list .close .radio_tab_con {
	display: none;
	margin-top: 24px
}

.pay_area .list .close .radio_tab_con:first-child {
	display: block
}

.pay_area .list .close .radio_tab_con .input_form {
	margin-top: 16px
}

.pay_area .list .close .radio_tab_con .input_form:first-child {
	margin-top: 0
}

.pay_area .list .close .radio_tab_con .chk_div {
	margin-top: 16px
}

.pay_area .list .close .devide {
}

.pay_area .list .close .devide + .devide,
.pay_area .list .close .devide + .chk_div {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.pay_area .list .close .devide:first-child {
	margin-top: 0
}

.pay_area .list .close .devide .radio_div {
	position: relative;
	margin-top: 24px
}

.pay_area .list .close .devide .radio_div:first-child {
	margin-top: 0
}

.pay_area .list .close .devide .radio_tab_con .cont_tab {
	margin-top: 24px;
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box {
	position: relative
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box:before {
	content: '';
	position: absolute;
	top: 8px;
	left: calc(100% + 6px);
	left: -webkit-calc(100% + 6px);
	border-top: 4px solid transparent;
	border-right: 6px solid #052822;
	border-bottom: 4px solid transparent;
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box:after {
	content: '1회 등록 3초 결제 끝';
	position: absolute;
	top: -3px;
	left: calc(100% + 11px);
	left: -webkit-calc(100% + 11px);
	padding: 7px 16px;
	font-size: 13px;
	line-height: 16px;
	color: #fff;
	background: #052822;
	border-radius: 18px;
	white-space: nowrap
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box input[type="radio"]+label {
	padding: 0 0 0 30px
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box input[type="radio"]+label img {
	height: 24px
}

.pay_area.nomem .list .close .radio_tab.pay_type .nu_pay .radio_div .radio_box:after {
	content: '회원전용';
	position: absolute;
	top: -4px;
	left: calc(100% + 11px);
	left: -webkit-calc(100% + 11px);
	padding: 8px 16px;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	background: #052822;
	border-radius: 18px;
	white-space: nowrap
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .radio_div .btn {
	display: none
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .add_nu_pay {
	display: block;
	margin-top: 35px;
	padding-bottom: 8px
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .add_nu_pay .tit {
	padding-top: 88px;
	font-size: 16px;
	line-height: 18px;
	color: #000;
	text-align: center;
	background: url('/res/images/add_nu_pay.png') no-repeat center top;
	background-size: 72px
}

.pay_area .list .close .radio_tab.pay_type .nu_pay .add_nu_pay .txt {
	margin-top: 8px;
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	color: #777;
	text-align: center
}

.pay_area .list .close .radio_tab.pay_type .nu_pay.complete .radio_div .radio_box:before,
.pay_area .list .close .radio_tab.pay_type .nu_pay.complete .radio_div .radio_box:after {
	display: none
}

.pay_area .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_area .list .close .radio_tab.pay_type .nu_pay.complete .add_nu_pay {
	display: none
}

.pay_area .list .close .radio_tab.pay_type .nu_pay.complete .radio_tab_con {
	display: none !important
}

.pay_area .list .close .cont_tab {
	margin-top: 24px
}

.pay_area .list .close .cont_tab:first-child {
	margin-top: 0
}

.pay_area .list .close .cont_tab:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .cont_tab a {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	padding: 25px 0;
	width: 128px;
	font-size: 16px;
	line-height: 16px;
	color: #999;
	text-align: center;
	border: 1px solid #bbb;
	border-radius: 4px
}

.pay_area .list .close .cont_tab a:nth-child(6n+1) {
	margin-left: 0
}

.pay_area .list .close .cont_tab a:nth-child(-n+6) {
	margin-top: 0
}

.pay_area .list .close .cont_tab a.on {
	font-weight: 500;
	color: #3cc814;
	border: 1px solid #3cc814
}

.pay_area .list .close .cont_con .input_form:first-child {
	margin-top: 16px
}

.pay_area .list .close .cont_con .period_txt {
	padding-left: 10px;
	margin-top: 8px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.pay_area .list .close .cont_con .input_form .input_area .select_form:nth-child(1) {
	width: 488px;
}

.pay_area .list .close .cont_con .input_form .input_area .select_form:nth-child(2) {
	float: right;
	width: 322px
}

.pay_area .list .close .add-list {
	padding: 24px 0;
	width: 100%;
	border-bottom: 1px solid #eee
}

.pay_area .list .close .add-list:first-child {
	padding-top: 0
}

.pay_area .list .close .chk_div {
	margin-top: 16px
}

.pay_area .list .close .chk_div:first-child {
	margin-top: 0
}

.pay_area .list .close .chk_div .view {
	float: right;
	font-size: 13px;
	line-height: 24px;
	color: #999;
	text-decoration: underline
}

.pay_area .list .close .chk_div .txt {
	padding-left: 30px;
	margin-top: 6px;
	font-size: 13px;
	line-height: 16px;
	color: #999
}

.pay_area .list .close .chk_div .txt .line:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .chk_div .txt .line .tit {
	float: left;
	line-height: 20px
}

.pay_area .list .close .chk_div .txt .line a {
	float: right;
	line-height: 20px;
	text-decoration: underline
}

.pay_area .list .close .chk_box.bold label {
	font-weight: 500;
	font-size: 14px
}

.pay_area .list .close .chk_div.addr_chk {
	padding-left: 120px
}

.pay_area .list .close .radio_div .radio_box:nth-child(2) {
	margin-left: 26px
}

.pay_area .list .close .input_form select {
	width: 45%;
	border-radius: 4px;
}

.pay_area .list .close .input_form select:last-child {
	width: 100%
}

.pay_area .list .close .add_pd_info {
	display: table;
	width: 100%
}

.pay_area .list .close .add_pd_info .thumb {
	display: table-cell;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: #f7f7f7;
	vertical-align: middle
}

.pay_area .list .close .add_pd_info .thumb img {
	width: 100%
}

.pay_area .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_area .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_area .list .close .input_form.pay_point_info,
.pay_area .list .point_txt {
	margin-top: 12px;
}

.pay_area .list .close .input_form.pay_point_info .info,
.pay_area .list .point_txt p {
	padding: 0 0 0 18px;
	color: #999;
	font-size: 13px;
	line-height: 18px;
	background: url(/res/images/icon/noti-bbb.svg) no-repeat 0 50% / 16px;
}

.pay_area .list .close .notice_txt {
	margin-top: 12px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.pay_area .list .close .txt_list {
	margin-top: 24px
}

.pay_area .list .close .txt_list:first-child {
	margin-top: 0
}

.pay_area .list .close .txt_list:after {
	content: '';
	display: block;
	clear: both
}

.pay_area .list .close .txt_list .tit {
	float: left;
	width: 160px;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_area .list .close .txt_list .txt {
	float: left;
	width: calc(100% - 160px);
	width: -webkit-calc(100% - 160px);
	color: #111;
	font-size: 16px;
	line-height: 24px;
	word-break: break-all
}

.pay_area .list.on .top .open {
	background: url('/res/images/m_icn_up_40x40.png') no-repeat center;
	background-size: 20px
}

.pay_area .list.on .top .summary {
	display: none
}

.pay_area .list.on .close {
	display: block
}

/* 주문완료 */
.pay_div .pay_comp {
	display: flex;
	flex-wrap: wrap;
}

.pay_div .pay_comp .top_area {
	width: 100%;
	padding: 116px 20px 36px;
	font-weight: 700;
	text-align: center;
	background: url('/res/images/m_comp_pay_128x128.png') no-repeat center 20px;
	background-size: 64px
}

.pay_div .pay_comp .top_area .tit {
	color: #111;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

.pay_div .pay_comp .top_area .txt {
	margin-top: 10px;
	color: #555;
	font-size: 16px;
}

.pay_div .pay_comp .list .top>.tit span {
	margin-left: 0;
	color: inherit;
}

.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 {
	display: inline-block;
	margin-left: 6px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #3cc814;
	text-decoration: underline
}

.pay_div .pay_comp .fix_area {
	position: static;
	/* top: 268px; */
	top: 130px;
	width: 400px;
	margin-left: auto;
	margin-top: 44px;
	padding-top: 0;
	border: none;
	border-radius: 0;
}

.pay_div .pay_comp .fix_area>div {
	padding: 32px 24px;
	border: 1px solid #3CC814;
	border-radius: 8px;
}

.pay_div .pay_comp .fix_area:after {
	display: none
}

.pay_div .pay_comp .fix_area .price_area {
	margin-bottom: 0;
	padding: 0;
}

.pay_div .pay_comp .pay_area {
	/* min-height: 705px; */
	/* min-height: 825px; */
	margin-top: 44px;
}

.pay_div .pay_comp .comp_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 8px;
	width: 100%;
	margin-top: 60px;
	text-align: center
}

.pay_div .pay_comp .comp_btn a {
	display: inline-block;
	width: 236px
}

.pay_div .pay_comp .comp_btn a:first-child {
	margin-left: 0
}

/* 주문완료 페이지 배너 */
.pay_div .pay_comp .fix_area>a {
	display: block;
	margin-top: 20px;
	width: 100%;
}

.pay_div .pay_comp .fix_area>a img {
	width: 100%;
}

.pay_div {
	position: relative;
	margin: 0 auto;
	width: 1280px
}

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

.pay_div .fix_area {
	position: absolute;
	padding: 16px 0 0;
	top: 0;
	left: 880px;
	width: 400px;
	border: 1px solid var(--color-primary-1);
	border-radius: 8px;
	background: #fff;
	overflow: hidden;
}

.pay_div .fix_area:after {
	content: '';
	display: block;
	height: 60px;
}

.pay_div .fix_area .scroll_div {
	width: 400px;
	max-height: calc(100vh - 394px);
	overflow-y: auto;
}

.pay_div .fix_area.fixed {
	max-height: calc(100vh - 163px);
}

.pay_div .fix_area.fixed .scroll_div {
	max-height: calc(100vh - 241px)
}

.pay_div .fix_area .scroll_div::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 16px
}

.pay_div .fix_area .scroll_div::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 6px;
	background-clip: padding-box;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent
}

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

.pay_div .fix_area .login_area .txt {
	font-size: 16px;
	line-height: 22px;
	color: #000
}

.pay_div .fix_area .login_area .btn {
	margin-top: 24px
}

.pay_div .fix_area .login_area .btn:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .fix_area .login_area .btn a {
	float: left;
	margin-left: 8px;
	width: 176px;
	height: 60px
}

.pay_div .fix_area .login_area .btn a:first-child {
	margin-left: 0
}

.pay_div .fix_area .login_area+.price_area {
	margin-top: 24px
}

.pay_div .fix_area .price_area {
	margin-top: 16px;
	margin-bottom: 32px;
	padding: 0 24px;
}

.pay_div .fix_area .price_area .list_div .list {
	margin-top: 16px
}

.pay_div .fix_area .price_area .list_div .list:first-child {
	margin-top: 0
}

.pay_div .fix_area .price_area .list_div .list .line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 10px;
}

.pay_div .fix_area .price_area .list_div .list .line:nth-of-type(n+2) {
	margin-top: 8px;
}

.pay_div .fix_area .price_area .list_div .list .line .left.tool {
	position: relative;
	padding-right: 18px;
	width: auto;
}

.pay_div .fix_area .price_area .list_div .list .line .left.tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 14px;
	height: 100%;
	background: url('/res/images/icon/noti-bbb.svg') no-repeat center / 14px
}

.pay_div .fix_area .price_area .list_div .list .line .right span {
	display: inline-block;
	vertical-align: inherit
}

.pay_div .fix_area .price_area .list_div .list .line:first-child {
	margin-top: 0
}

.pay_div .fix_area .price_area .list_div .list .line:first-child .right {
	color: #333
}

.pay_div .fix_area .price_area .list_div .list.final_cost {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee
}

.pay_div .fix_area .price_area .list_div .list.final_cost .line .right {
	color: var(--color-primary-1);
}

.pay_div .fix_area .price_area .list_div .list.final_cost .line .right span {
	color: var(--color-primary-1);
}

.pay_div .fix_area .price_area .list_div .list.point-benefit {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit>div:not(.banner) {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit>div:not(.banner)+div:not(.banner) {
	margin-top: 6px !important;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .main span {
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .main span strong {
	font-weight: 700;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .sub span {
	display: flex;
	align-items: center;
	color: #bbb;
	font-size: 14px;
	line-height: 20px;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .sub .term {
	padding-left: 12px;
	background: url(/res/images/icon/submark.svg) no-repeat 0 50%;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .sub .desc strong {
	font-size: 16px;
	line-height: 24px;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .main +a,
.pay_div .fix_area .price_area .list_div .list.point-benefit .sub +a {
	display: block;
margin-top: 20px;
}

.pay_div .fix_area .price_area .list_div .list.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 .fix_area .price_area .list_div .list.point-benefit .banner .term {
	display: flex;
	flex-direction: column;
	gap: 2px 0;
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .banner .term strong {
	font-weight: 700;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .banner .term strong.welcome {
	color: #23C9BE
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .banner .term strong.family {
	color: #32CF55
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .banner .term strong.bronze {
	color: #B6755F
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .banner .term strong.silver {
	color: #B0B0B4
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .banner .term strong.gold {
	color: #BF903E
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .banner .term strong.vip {
	color: #7C51D7
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .banner .desc-wrap {
	display: flex;
	align-items: center;
	gap: 0 6px;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .banner .desc {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 68px;
	height: 68px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 12px;
	border-radius: 50%;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .banner span.desc:nth-child(1) {
	background-color: #3CC814;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .banner span.desc:nth-child(2) {
	background-color: #052832;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .banner .desc >span {
	display: flex;
	align-items: center;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .banner .desc strong {
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.pay_div .fix_area .price_area .list_div .list.point-benefit .banner .desc strong.percent {
	font-size: 20px;
	font-weight: 700;
	line-height: 26px;
}

.pay_div .fix_area .price_area .agree_area {
	border-top: 1px solid #eee;
	padding-top: 20px;
	margin: 20px auto 0;
}

.pay_div .fix_area .price_area .agree_area .top {
	position: relative
}

.pay_div .fix_area .price_area .agree_area .top .chk_box label {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.pay_div .fix_area .price_area .agree_area .top .open {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	background: url('/res/images/icon/arrow-down-111.svg') no-repeat center;
	background-size: 24px
}

.pay_div .fix_area .price_area .agree_area .top.on .open {
	background: url('/res/images/icon/arrow-up-111.svg') no-repeat center;
	background-size: 24px
}

.pay_div .fix_area .price_area .agree_area .bottom {
	display: none;
	margin-top: 28px
}

.pay_div .fix_area .price_area .agree_area .bottom .list {
	position: relative;
	margin-top: 16px
}

.pay_div .fix_area .price_area .agree_area .bottom .list:first-child {
	margin-top: 0
}

.pay_div .fix_area .price_area .agree_area .bottom .list .chk_box label {
	padding-left: 24px;
	font-size: 13px;
	line-height: 20px;
	color: #000
}

.pay_div .fix_area .price_area .agree_area .bottom .list .chk_box label:after {
	top: 4px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url('/res/images/chk_icon_16x16.png') no-repeat left center;
	background-size: 16px
}

.pay_div .fix_area .price_area .agree_area .bottom .list .chk_box.on label:after {
	background: url('/res/images/chk_icon_16x16_on.png') no-repeat left center;
	background-size: 16px
}

.pay_div .fix_area .price_area .agree_area .bottom .list .txt {
	margin-top: 8px;
	padding-left: 24px;
	font-size: 13px;
	line-height: 18px;
	color: #999
}

.pay_div .fix_area .price_area .agree_area .bottom .list .txt .line {
	position: relative;
	margin-top: 6px
}

.pay_div .fix_area .price_area .agree_area .bottom .list .txt .line:first-child {
	margin-top: 0
}

.pay_div .fix_area .price_area .agree_area .bottom .list .view {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	text-decoration: underline
}

.pay_div .fix_area .price_area .btn {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 60px;
	color: #fff;
	background: var(--color-primary-1);
	border: 1px solid var(--color-primary-1);
	text-align: center;
}

.pay_div .fix_area .price_area .btn span {
	display: inline-block;
	color: #fff;
}

.pay_div .fix_area .info_area {
	padding-bottom: 20px;
	border-bottom: 1px solid #eee
}

.pay_div .fix_area .info_area .list {
	margin-top: 16px
}

.pay_div .fix_area .info_area .list:first-child {
	margin-top: 0
}

.pay_div .fix_area .info_area .list:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .fix_area .info_area .list .left {
	float: left;
	width: 125px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.pay_div .fix_area .info_area .list .right {
	float: left;
	width: calc(100% - 125px);
	width: -webkit-calc(100% - 125px);
	color: #111;
	font-size: 16px;
	line-height: 24px;
	text-align: right
}

.pay_div .fix_area .info_area .list .right b {
	font-weight: 700
}

.pay_div .fix_area .info_area .list .right .copy {
	display: inline-block;
	margin-left: 4px;
	font-weight: 500;
	color: #3cc814;
	text-decoration: underline
}

.pay_div .fix_area .info_area .box_area {
	margin-top: 16px;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 4px;
	text-align: left
}

.pay_div .fix_area .info_area .box_area .top:after {
	content: '';
	display: block;
	clear: both
}

.pay_div .fix_area .info_area .box_area .top .left {
	float: left;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_div .fix_area .info_area .box_area .top .right {
	float: right;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #000
}

.pay_div .fix_area .info_area .box_area .top .right span {
	display: inline-block;
	font-size: 16px;
	vertical-align: top
}

.pay_div .fix_area .info_area .box_area .bottom {
	margin-top: 10px
}

.pay_div .fix_area .info_area .box_area .bottom p {
	margin-top: 10px;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: #000
}

.pay_div .fix_area .info_area .box_area .bottom p:first-child {
	margin-top: 0
}

.pay_div .fix_area .info_area .box_area .bottom p span {
	display: inline-block;
	vertical-align: top
}

.pay_div .fix_area .info_area .box_area .bottom p span a {
	display: inline-block;
	margin-left: 4px;
	font-weight: 500;
	font-size: 14px;
	line-height: 16px;
	color: #3cc814;
	text-decoration: underline
}

.pay_div .fix_area .info_area .dot_indent {
	margin-top: 12px
}

.pay_div .fix_area .info_area .dot_indent p {
	padding-left: 16px;
	color: #999;
	background: url(/res/images/icon/noti-bbb.svg) 0 50% / 14px;
}

.pay_div .fix_area .info_area .dot_indent p::before {
	display: none;
}

.pay_div.head .fix_area {
	/* max-height: calc(100vh - 220px); */
	/* max-height: -webkit-calc(100vh - 220px); */
	/* border: 1px solid #ddd; */
	border-radius: 20px;
	background: #fff;
}

.pay_div.head .fix_area .price_area {
	max-height: calc(100vh - 280px);
	max-height: -webkit-calc(100vh - 280px)
}


.pay_div .recommend_div {
	width: 1280px;
	margin: 100px auto 0;
	position: relative;
}

.pay_div .recommend_div .title {
	padding-bottom: 30px;
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #000;
	letter-spacing: -1px
}

.pay_div .recommend_div .pd_swiper {
	width: 1310px;
	margin: 0 auto 0 -15px;
	padding: 30px 15px;
}

.pay_div .recommend_div .pd_swiper .swiper-slide {
	margin-right: 30px;
	padding: 20px 20px 32px 20px;
	width: 232px;
	height: 392px;
	border-radius: 20px;
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.1)
}

.pay_div .recommend_div .pd_swiper .swiper-slide:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 20px;
	transition: border 0.1s ease-in-out
}

.pay_div .recommend_div .pd_swiper .swiper-slide:hover:before {
	border: 1px solid #3cc814
}

.pay_div .recommend_div .pd_swiper .swiper-slide:last-child {
	margin-right: 0
}

.pay_div .recommend_div .pd_swiper .swiper-slide .thumb {
	width: 192px;
	height: 192px;
	text-align: center;
	padding: 0
}

.pay_div .recommend_div .pd_swiper .swiper-slide .pd_info .etc {
	display: none
}

.pay_div .recommend_div .pd_swiper .swiper-slide .pd_info .badge {
	display: none
}

/* .pay_div .recommend_div .pd_swiper .swiper-slide .cart_btn {
	bottom: 36px;
	right: 20px
} */

.pay_div .recommend_div .pd_swiper .swiper-slide .heart {
	top: 178px;
	right: 30px
}

.pay_div .recommend_div .pd_swiper .swiper-slide.soldout .thumb:before {
	top: 40px;
	left: 40px
}

.pay_div .recommend_div .pd_swiper.swiper-container-horizontal+.swiper_btn {
	display: block
}

.pay_div .recommend_div .swiper_btn {
	display: none;
	position: absolute;
	width: 1310px;
	top: 50%;
	left: -15px;
}

.pay_div .recommend_div .swiper-button-prev {
	left: -69px
}

.pay_div .recommend_div .swiper-button-next {
	right: -69px
}

/* 240522 주문결제 사은품 영역 수정 */
.pay_area .list.gift .close .add-list {
	padding: 0;
	border-bottom: none;
}

.pay_area .list.gift .close .add-list+.add-list {
	margin-top:25px;
	padding-top:25px;
	border-top: 1px solid #eee;
}

.pay_area .list.gift .close .add-list .term {
	display: block;
	max-width: 100%;
	margin-bottom: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pay_area .list.gift .close .add-list .gift-list {
	max-height: 300px;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow-y: auto;
}

.pay_area .list.gift .close .add-list .gift-list li {
	display: flex;
	align-items: center;
	padding: 12px;
	background-color: #fff;
}

.pay_area .list.gift .close .add-list .gift-list li:has(.chk_box):hover,
.pay_area .list.gift .close .add-list .gift-list li:has(.radio_box):hover {
	background-color: #F9F9F9;
}

.pay_area .list.gift .close .add-list .gift-list li+li {
	border-top: 1px solid #eee;
}

.pay_area .list.gift .close .add-list .gift-list li .chk_box,
.pay_area .list.gift .close .add-list .gift-list li .radio_box {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding-left: 30px;
}

.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% - 30px);
	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: -30px;
	transform: translateY(0);
}

.pay_area .list.gift .close .add-list .gift-list li .thumb,
.pay_area .list.gift .close .add-list .gift-list li .thumb img {
	width: 60px;
	height: 60px;
}

.pay_area .list.gift .close .add-list .gift-list li .name {
	margin-left: 12px;
	color: #111;
	font-size: 14px;
	line-height: 20px;
}

.pay_area .list.gift .close .add-list .gift-list li .name strong {
	font-weight: 700;
}@charset "utf-8";

.review_div .top_area {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-secondary-3);
	border-radius: 4px;
	padding: 24px;
}

.review_div .top_area .product_score .tit {
	font-weight: 700;
	font-size: 16px;
	line-height: 48px;
	color: #000;
	display: inline-block;
	vertical-align: top
}

.review_div .top_area .product_score .star_div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.review_div .top_area .product_score .star_div .star_score {
	margin-left: 4px;
}

.review_div .top_area .etc {
	display: flex;
	align-items: center;
	gap: 0 20px;
	margin-left: 40px;
}

.review_div .top_area .etc .tool {
	position: relative;
	padding-right: 22px;
}

.review_div .top_area .etc .btn {
	width: 102px;
	height: 36px;
	border-radius: 4px !important;
}

/* 리뷰 작성에 들어가는 아코디언 버전 혜택 */
.review_wrt_div .benefit_div.new {
	border: 1px solid var(--color-primary-1);
	border-radius: 4px;
	padding: 0;
	margin-top: 24px;
	overflow: hidden
}

.review_wrt_div .benefit_div.new .accor_div .list .open {
	display: block;
	padding: 14px 20px;
	background: url("/res/images/icon/arrow-down-555.svg") right 20px center no-repeat var(--color-secondary-3);
	background-size: 24px
}

.review_wrt_div .benefit_div.new .accor_div .list.on .open {
	background: url("/res/images/icon/arrow-up-555.svg") right 20px center no-repeat var(--color-secondary-3);
	background-size: 24px
}

.review_wrt_div .benefit_div.new .accor_div .list .open p {
	padding-left: 32px;
	background: url("/res/images/icon/edit-111.svg") left center no-repeat;
	background-size: 24px;
}

.review_wrt_div .benefit_div.new .accor_div .list .open b,
.review_wrt_div .benefit_div.new .accor_div .list .open b span {
	color: var(--color-primary-1);
}

.review_wrt_div .benefit_div.new .accor_div .list .close {
	display: none;
	background: var(--color-secondary-3);
	padding: 8px 20px 20px;
}

.review_wrt_div .benefit_div.new .accor_div .list .close .benefit_dtl.line {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-top: 12px;
	position: relative
}

.review_wrt_div .benefit_div.new .accor_div .list .close .benefit_dtl.line:first-child {
	margin-top: 0;
}

.review_wrt_div .benefit_div.new .accor_div .list .close .line .left {
	text-align: left
}

.review_wrt_div .benefit_div.new .accor_div .list .close .line .right {
	text-align: right
}

.review_wrt_div .benefit_div.new .accor_div .list .close .sub_txt p:not(:first-child) {
	margin-top: 6px;
}

/* //한달 섭취기록 추가 버전 */
.review_div .review_list_top {
	margin-top: 60px;
}

.review_div .review_list_top:after {
	content: '';
	display: block;
	clear: both;
}

.review_div .review_list_top .all_count {
	float: left;
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	color: #111
}

.review_div .review_list_top .filter {
	float: right
}

.review_div .review_list_top .filter:after {
	content: '';
	display: block;
	clear: both
}

.review_div .review_list_top .filter a {
	float: left;
	margin-left: 24px;
	font-size: 16px;
	line-height: 24px;
	color: #999;
}

.review_div .review_list_top .filter a.on {
	color: #333;
	font-weight: 500
}

.review_div .review_list {
	text-align: left
}

.review_div .review_list .filter_div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 24px 0;
	border-bottom: 1px solid #eee;
}

.review_div .review_list .filter_div .select_div.left {
	display: flex;
	align-items: center;
}

.review_div .review_list .filter_div .select_div.left:after {
	content: '';
	display: block;
	clear: both
}

.review_div .review_list .filter_div .select_div .select_area {
	margin-left: 8px;
}

.review_div .review_list .filter_div .select_div .select_area .select_form .select {
	display: flex;
	align-items: center;
	height: 48px;
}

.review_div .review_list .filter_div .select_div .select_area .select_form .select p {
font-size: 16px;	
}

.review_div .review_list .filter_div .select_div .select_area .select_form .option {
	top: 48px;
}

.review_div .review_list .filter_div .select_div .select_area .select_form .option a {
	display: flex;
}

.review_div .review_list .filter_div .select_div .select_area .select_form .option a .text {
	width: 100%;
}

.review_div .review_list .filter_div .select_div .select_area .select_form .option a .text b {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break: break-all;
	display: block;
}

.review_div .review_list .filter_div .select_div .select_area:first-child {
	margin-left: 0;
	width: 160px;
}

.review_div .review_list .filter_div .select_div select {
	border-radius: 10px;
	background-color: #f7f7f7;
	font-size: 14px;
	line-height: 40px;
	letter-spacing: -0.5px;
	color: #333;
	padding: 4px 28px 4px 16px;
}

.review_div .review_list .filter_div .select_div .select_area:nth-child(2) {
	width: 160px;
}

/* .review_div .review_list .filter_div .select_div .select_area:nth-child(2) .select_form.disabled .select {
	border-color: transparent;
} */

.review_div .review_list .filter_div .select_div>div {
	float: left;
}

.review_div .review_list .filter_div .chk_box {
	margin-left: 32px;
}

.review_div .review_list .filter_div .chk_box+.chk_box {
	margin-left: 24px;
}

.review_div .review_list .filter_div .chk_box input[type="checkbox"]+label {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.5px;
	color: #333
}

.review_div .review_list .filter_div .search_div.right {
	width: 400px;
	margin: 0;
}

.review_div .review_list .filter_div .search_div.right input {
	height: 48px;
	padding-left: 20px;
	padding-right: 68px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #ddd;
}

.review_div .review_list .filter_div .search_div.right input::placeholder {
	color: #ccc;
}

.review_div .review_list .filter_div .search_div.right .search_btn {
	position: absolute;
	right: 20px;
	top: calc(50% - 14px);
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url("/res/images/icon/search-111.svg") 50% / 28px;
}

.review_div .review_list .filter_div .search_div.right .clear_has .delete {
	right: 52px;
}

.review_div .review_list .list_div .list,
.review_div .review_list .list_div .product-sub-item {
	margin-top: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #eee;
}

.review_div .review_list .list_div .list .review_box_dtl {
	display: table;
	width: 100%;
}

.review_div .review_list .list_div .list .left {
	display: table-cell;
	width: calc(100% - 140px);
	width: -webkit-calc(100% - 140px);
	padding-right: 190px;
}

.review_div .review_list .list_div .list .left .top {
	display: table;
	width: 100%;
	text-align: left
}

.review_div .review_list .list_div .list .left .top:after {
	content: '';
	display: block;
	clear: both
}

.review_div .review_list .list_div .list .left .top_left {
	width: 116px;
	height: 100px;
	padding-right: 16px;
	display: table-cell;
}

.review_div .review_list .list_div .list .left .top_right {
	vertical-align: middle;
	width: calc(100% - 116px);
	width: -webkit-calc(100% - 116px);
	height: 100px;
	display: table-cell;
}

.review_div .review_list .list_div .list .left .top .thumb {
	position: relative;
	display: block;
	padding: 4px;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	border-radius: 10px;
}

.review_div .review_list .list_div .list .left .top .thumb img {
	width: 100%;
}

.review_div .review_list .list_div .list.pet .left .top .thumb .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.review_div .review_list .list_div .list.pet .left .top .thumb .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.review_div .review_list .list_div .list .left .top .desc {
	width: 100%;
	margin-bottom: 6px;
}

.review_div .review_list .list_div .list .left .top .desc .star_div {
	float: left;
	margin-right: 30px;
}

.review_div .review_list .list_div .list .left .top .desc .star_div p {
	float: left;
	margin-left: 6px;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	color: #000;
}

.review_div .review_list .list_div .list .left .top .desc .info {
	float: left;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #999;
	margin-right: 30px;
}

.review_div .review_list .list_div .list .left .top .desc .info p {
	float: left;
	position: relative;
	padding-right: 21px;
}

.review_div .review_list .list_div .list .left .top .desc .info p:after {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	position: absolute;
	right: 10px;
	top: 7px;
	background: #ddd;
}

.review_div .review_list .list_div .list .left .top .desc .info p:last-child {
	padding-right: 0
}

.review_div .review_list .list_div .list .left .top .desc .info p:last-child:after {
	display: none
}

.review_div .review_list .list_div .list .left .top .desc .tools {
	display: none;
	float: left;
	font-size: 13px;
	line-height: 24px;
	color: #000;
	letter-spacing: -0.2px;
}

.review_div .review_list .list_div .list.mine .left .top .desc .tools {
	display: block;
}

.review_div .review_list .list_div .list .left .top .desc .tools a {
	float: left;
	position: relative;
	padding-right: 22px;
	margin-left: 17px;
}

.review_div .review_list .list_div .list .left .top .desc .tools a.edit {
	background: url("/res/images/icn_edit.png") center right no-repeat;
	background-size: 16px;
}

.review_div .review_list .list_div .list .left .top .desc .tools a.delete {
	background: url("/res/images/icn_delete.png") center right no-repeat;
	background-size: 16px;
}

.review_div .review_list .list_div .list .left .top .desc .tools a:before {
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	left: -8px;
	width: 1px;
	height: 8px;
	background: #ddd;
}

.review_div .review_list .list_div .list .left .top .desc .tools a:first-child {
	margin-left: 0
}

.review_div .review_list .list_div .list .left .top .desc .tools a:first-child:before {
	display: none
}

.review_div .review_list .list_div .list .left .top .product {
	float: left;
	text-align: left;
	width: calc(100% - 116px);
	width: -webkit-calc(100% - 116px);
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #000;
}

.review_div .review_list .list_div .list .left .top .product .brand {
	font-weight: 500
}

.review_div .review_list .list_div .list .left .bottom .dtl_box {
	margin-top: 24px
}

.review_div .review_list .list_div .list .left .bottom .dtl_box .dtl {
	font-size: 16px;
	line-height: 28px;
	letter-spacing: -0.5px;
	color: #000;
	word-break: break-all;
	position: relative
}

/* .review_div .review_list .list_div .list.month .left .bottom .dtl_box .dtl:before {
	content: '한달섭취리뷰';
	font-size: 16px;
	line-height: 28px;
	color: #3cc814;
	font-weight: 500;
	margin-right: 21px;
}

.review_div .review_list .list_div .list.month .left .bottom .dtl_box .dtl:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 14px;
	background: #ddd;
	left: 97px;
	top: 7px
} */

.review_div .review_list .list_div .list .left .bottom .dtl_box .dtl img {
	border-radius: 10px;
	display: block;
	width: 100%;
	height: auto;
	max-width: 640px;
	cursor: default;
	pointer-events: none
}

.review_div .review_list .list_div .list .open {
	display: none;
	font-size: 16px;
	letter-spacing: -0.5px;
	color: #000;
	margin-top: 12px;
	padding-right: 18px;
	background: url("/res/images/icn_down_16x16.png") center right no-repeat;
	background-size: 16px;
}

.review_div .review_list .list_div .list .right.photo_box {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 140px;
	height: 140px;
	border-radius: 10px;
	text-align: center;
}

.review_div .review_list .list_div .list .right.photo_box .photo_cnt {
	width: 32px;
	height: 32px;
	z-index: 1;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	position: absolute;
	top: 98px;
	right: 10px;
	font-size: 14px;
	line-height: 32px;
	letter-spacing: -0.5px;
	font-weight: 700;
	color: #fff;
	display: inline-block;
	text-align: center;
}

.review_div .review_list .list_div .list .right.photo_box .photo {
	width: 140px;
	height: 140px;
	border-radius: 10px;
	overflow: hidden
}

.review_div .review_list .list_div .list .right.photo_box .photo img {
	cursor: pointer;
}

.review_div .review_list .list_div .list .right.photo_box .photo_group .photo:not(:first-child) {
	display: none
}

.review_div .review_list .list_div .list.on .left {
	display: block;
	width: 100%;
	padding-right: 0
}

.review_div .review_list .list_div .list.on .review_box.on .dtl_box .dtl {
	display: block;
	-webkit-line-clamp: none;
	max-height: none;
}

.review_div .review_list .list_div .list.on .review_box .open {
	background: url("/res/images/m_icn_up_32x32.png") center right no-repeat;
	background-size: 16px;
}

.review_div .review_list .list_div .list.on .right.photo_box {
	display: block;
	width: 100%;
	height: auto;
	margin-left: 0;
}

.review_div .review_list .list_div .list.on .right.photo_box .photo_cnt {
	display: none;
}

.review_div .review_list .list_div .list.on .right.photo_box .photo_group {
	width: 100%;
}

.review_div .review_list .list_div .list.on .right.photo_box .photo_group .photo {
	display: block;
	margin-top: 20px;
	width: 100%;
	height: auto;
}

.review_div .review_list .list_div .list.on .right.photo_box .photo_group .photo.thumb {
	display: none
}

.review_div .review_list .list_div .list.on .right.photo_box .photo_group .photo img {
	border-radius: 10px;
	display: block;
	width: 100%;
	height: auto;
	max-width: 640px;
	cursor: default;
	pointer-events: none
}

.review_div .review_list .list_div .list .review_box.on .dtl_box .dtl {
	text-overflow: ellipsis;
	max-height: 84px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.review_div .review_list .list_div .list .review_box.on .open {
	display: inline-block
}

.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") center right 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") center right no-repeat;
	background-size: 16px;
}

.review_div .answer .txt {
	font-size: 16px;
	line-height: 28px;
	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: 84px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.review_div .answer.on .txt img {
	margin: 10px 0;
	max-width: 100%
}

.review_div .answer.on .txt img:first-child {
	margin-top: 0
}

.review_div .answer.on .txt img:last-child {
	margin-bottom: 0
}

.review_div .answer.on .txt.on {
	display: block;
	-webkit-line-clamp: none;
	max-height: none;
}

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

.review_div .answer .info {
	margin-bottom: 12px;
	font-size: 14px;
	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 .review_list .no_data_div {
	width: 1280px;
	margin: 0 auto;
}

.review_div .review_list .no_data_div .txt {
	font-size: 18px;
	line-height: 28px;
}

.review_div .review_list .qna-answer table {
	word-break: break-all;
	background: #fff !important;
}

.review_dtl_div .product_list_div .list,
.review_dtl_div .product_list_div .product-item-list {
	position: relative;
	width: 100%
}

.review_dtl_div .product_list_div .list:after,
.review_dtl_div .product_list_div .product-item-list:after {
	content: '';
	display: block;
	width: calc(100% + 80px);
	width: -webkit-calc(100% + 80px);
	height: 10px;
	background: #f7f7f7;
	margin-left: -40px;
	margin-top: 24px;
}

.review_dtl_div .product_list_div .product_list .price_div {
	position: absolute;
	bottom: 0;
	left: 16px
}

.review_dtl_div .product_list_div .product_list .price_div .price .won {
	font-size: 16px;
	line-height: 20px;
	color: #ccc;
	font-weight: 400;
}

.review_dtl_div .product_list_div .product_list .price_div .price:nth-child(1) .won span {
	text-decoration: line-through;
	font-size: 18px;
}

.review_dtl_div .product_list_div .product_list .price_div .price:nth-child(2) {
	margin-top: 2px;
}

.review_dtl_div .product_list_div .product_list .price_div .price:nth-child(2) .won {
	font-weight: 500;
	font-size: 18px;
	line-height: 26px;
	color: #080202;
	margin-top: 0
}

.review_dtl_div .product_list_div .product_list .price_div .price:nth-child(2) .won span {
	text-decoration: none;
	font-size: 20px;
	vertical-align: top;
	line-height: 26px;
}

.review_dtl_div .product_list_div .list .thumb {
	display: block;
	float: left;
	position: relative;
	width: 120px;
	height: 120px;
}

.review_dtl_div .product_list_div .product_list .thumb {
	padding: 8px
}

.review_dtl_div .product_list_div .product_list.pet .thumb .pet_badge {
	top: 6px;
	right: 6px;
	width: 32px;
	height: 32px;
}

.review_dtl_div .product_list_div .product_list.pet .thumb .pet_badge:before {
	background-image: url("/res/images/pet_20.png");
	background-size: 20px;
}

.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 {
	display: block;
	float: left;
	padding-top: 3px;
	width: calc(100% - 140px);
	width: -webkit-calc(100% - 140px);
	padding-left: 16px;
	height: 120px;
	position: relative
}

.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 {
	font-size: 16px;
	line-height: 22px;
	color: #000;
	font-weight: 400;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 44px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.review_dtl_div .tit .brand {
	display: inline-block;
	vertical-align: top;
	font-weight: 500;
}

.review_dtl_div .product_list_div+.dtl_div {
	padding-top: 24px;
}

.review_dtl_div .dtl_div {
	padding-bottom: 24px;
}

.review_dtl_div .dtl_div .thumb-info {
	width: 100%;
	max-width: 100% !important;
}

.review_dtl_div .dtl_div .info {
	width: 100%;
}

.review_dtl_div .dtl_div .review-thumb img {
	width: 100%;
}

.review_dtl_div .dtl_div .edit-delete-btn-wrap {
	margin-left: auto;
}

.review_dtl_div .dtl_div .info_div {
	width: 100%;
	position: relative
}

.review_dtl_div .dtl_div .info_div .info .star_div {
	float: left
}

.review_dtl_div .dtl_div .info_div .info .star_div .star_score {
	margin-left: 4px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: #000
}

.review_dtl_div .dtl_div .info_div .info .date {
	float: left;
	margin-left: 10px;
	font-size: 14px;
	line-height: 24px;
	color: #999;
}

.review_dtl_div .dtl_div .info_div .info .tools {
	float: right
}

.review_dtl_div .dtl_div .info_div .info .tools a {
	float: left;
	position: relative;
	padding-right: 22px;
	font-size: 13px;
	line-height: 24px;
	color: #000
}

.review_dtl_div .dtl_div .info_div .info .tools a.edit {
	background: url("/res/images/icn_edit.png") center right no-repeat;
	background-size: 16px;
}

.review_dtl_div .dtl_div .info_div .info .tools a.delete {
	background: url("/res/images/icn_delete.png") center right no-repeat;
	background-size: 16px;
}

.review_dtl_div .dtl_div .info_div .info .tools a:before {
	content: '';
	display: block;
	width: 1px;
	height: 10px;
	float: left;
	margin: 7px 8px;
	background: #ddd;
}

.review_dtl_div .dtl_div .info_div .info .tools a:first-child:before {
	display: none
}

.review_dtl_div .dtl_div .info_div .info .info_dtl {
	margin-top: 12px
}

.review_dtl_div .dtl_div .info_div .info .info_dtl .mem_id {
	font-size: 14px;
	line-height: 16px;
	color: #999;
	position: relative
}

.review_dtl_div .dtl_div .dtl {
	padding-top: 24px;
}

.review_dtl_div .dtl_div .dtl .txt {
	padding-bottom: 12px;
	font-size: 16px;
	line-height: 28px;
	color: #333;
	word-break: break-all;
	position: relative
}

.review_dtl_div .pop_con.month .dtl_div .dtl .txt:before {
	content: '한달섭취리뷰';
	font-size: 16px;
	line-height: 28px;
	color: #3cc814;
	font-weight: 500;
	margin-right: 21px;
}

.review_dtl_div .pop_con.month .dtl_div .dtl .txt:after {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 14px;
	background: #ddd;
	left: 97px;
	top: 7px
}

.review_con_pop .pop_con.month .dtl_div .dtl .txt:after {
	left: 90px;
}

.review_dtl_div .dtl_div .dtl .img_div {
	width: 100%;
	overflow: hidden
}

.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 {
	padding: 24px 20px;
	background: #f9f9f9;
	border-radius: 10px;
	margin-top: 32px;
}

.review_dtl_div .answer .info {
	margin-bottom: 12px;
	font-size: 14px;
	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: 16px;
	line-height: 28px;
	color: #777;
}

.review_noti {
	border-top: 1px solid #eee;
}

.review_noti .list .open {
	display: block;
	padding: 18px 80px 18px 40px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
	border-bottom: 1px solid #eee;
	cursor: auto;
}

.review_noti .close {
	padding: 24px 40px 8px;
	pointer-events: none
}

.review_noti.accor_div .list .open {
	background: url("/res/images/icon/arrow-up-555.svg") center right 40px no-repeat;
	background-size: 20px;
	cursor: pointer
}

.review_noti.accor_div .list.on .open {
	background: url("/res/images/icon/arrow-down-555.svg") center right 40px no-repeat;
	background-size: 20px;
}

.review_noti .dot_indent p {
	word-break: break-all;
}

.review_noti.accor_div .close {
	display: none
}

.review_wrt_div .review_noti {
	width: calc(100% + 80px);
	width: -webkit-calc(100% + 80px);
	border-top: 10px solid #f7f7f7;
	margin-left: -40px;
}

.review_wrt_div .benefit_div {
	border-radius: 10px;
	background: #f2fef0;
	padding: 20px;
	margin-top: 32px;
}


.review_wrt_div .benefit_div .benefit {
	display: table;
	width: 100%;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl {
	display: table-cell;
	width: 33.33%;
	text-align: center
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .icn {
	width: 32px;
	height: 32px;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .title {
	margin-top: 2px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	font-weight: 400;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .tool {
	position: relative;
	width: 16px;
	height: 16px;
	display: inline-block;
	top: 2px;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .tool .tooltip_div {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: url('/res/images/icn_question_16x16.png') no-repeat center;
	background-size: 16px
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .tool .tooltip_div .opener {
	display: block;
	height: 100%;
	pointer-events: none
}

.review_wrt_div .benefit_div .benefit_dtl .tooltip_div .tooltip {
	width: 301px;
	text-align: left;
	border-radius: 10px;
}

.review_wrt_div .benefit_div .benefit_dtl .tooltip_div .tooltip .tit {
	text-align: left;
	font-size: 16px;
	letter-spacing: -0.5px;
	color: #000;
	font-weight: 500;
	margin-bottom: 20px;
}

.review_wrt_div .benefit_div .benefit_dtl .tooltip_div .tooltip .desc {
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.5px;
	color: #555;
	font-weight: 400;
}

.review_wrt_div .benefit_div .benefit_dtl .tooltip_div .tooltip .dot_indent {
	margin-top: 4px;
}

.review_wrt_div .benefit_div .benefit_dtl .tooltip_div .tooltip .dot_indent p {
	font-size: 14px;
	line-height: 20px;
}

.review_wrt_div .benefit_div .benefit .benefit_dtl .point {
	margin-top: 6px;
	line-height: 22px;
	font-size: 18px;
	color: #3cc814;
	font-weight: 700;
}

.review_wrt_div .benefit_div.new, .review_wrt_div .product-list-1 {
	margin-bottom: 24px;
}

.review_wrt_div .benefit_div.new + .product-list-1 {
	margin-top: 24px;
}

.review_wrt_div .product-item-list {
	width: 100%;
}

.review_wrt_div .satisfaction {
	text-align: center;
}

.review_wrt_div .satisfaction:before {
	content: '';
	display: block;
	width: calc(100% + 80px);
	height: 10px;
	margin-left: -40px;
	background-color: #EEE;
}

.review_wrt_div .satisfaction .tit {
	padding-top: 24px;
}

.review_wrt_div .satisfaction .star {
	display: inline-block;
	position: relative;
	margin-top: 20px;
	padding-top: 40px;
	width: 200px;
	/* height: 40px; 231017 공통수정 */
	background: url('/res/images/icon/star-group-off-111.svg') no-repeat top center;
	background-size: 200px 40px
}

.review_wrt_div .satisfaction .star:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	margin-right: 0;
	width: 0;
	height: 100%;
	background: url('/res/images/icon/star-group-on-111.svg') no-repeat;
	background-size: 200px 40px;
	overflow: hidden
}

.review_wrt_div .satisfaction .star.star10:before {
	width: 40px
}

.review_wrt_div .satisfaction .star.star20:before {
	width: 80px
}

.review_wrt_div .satisfaction .star.star30:before {
	width: 120px
}

.review_wrt_div .satisfaction .star.star40:before {
	width: 160px
}

.review_wrt_div .satisfaction .star.star50:before {
	width: 200px
}

.review_wrt_div .satisfaction .star .click {
	position: absolute;
	top: 0;
	height: 40px;
	z-index: 1
}

.review_wrt_div .satisfaction .star .click.star10 {
	left: 0;
	width: 40px
}

.review_wrt_div .satisfaction .star .click.star20 {
	left: 40px;
	width: 40px
}

.review_wrt_div .satisfaction .star .click.star30 {
	left: 80px;
	width: 40px
}

.review_wrt_div .satisfaction .star .click.star40 {
	left: 120px;
	width: 40px
}

.review_wrt_div .satisfaction .star .click.star50 {
	left: 160px;
	width: 40px
}

.review_wrt_div .satisfaction .star .comment {
	margin-top: 12px
}

.review_wrt_div .satisfaction .star .comment p {
	display: none;
	color: var(--color-primary-1);
}

.review_wrt_div .satisfaction .star .comment p:nth-child(1) {
	display: block;
	color: #999;
}

.review_wrt_div .textarea_div {
	padding: 20px 0 24px;
}

.review_wrt_div .textarea_wrap {
	margin-top: 0;
}

.review_wrt_div .pic_div {
	padding-top: 24px;
	border-top: 1px solid #eee;
	text-align: center;
}

.review_wrt_div .pic_div .upload_pic {
	margin-top: 20px
}

.review_wrt_div .btn {
	margin: 32px 0 40px;
	display: flex;
}

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

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

/* 221202 리뷰 내 플래그 표기 */
.review_div .review_list .list_div .list .left .bottom .dtl_box .dtl .flag {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.75;
	letter-spacing: -0.5px;
	color: #3cc814;
}

.review_div .review_list .list_div .list .left .bottom .dtl_box .dtl .flag:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 14px;
	margin: 0 10px;
	background-color: #ddd;
}

/* 230911 리뷰 팝업 css 추가 */
.review_dtl_pop .review_noti {
	width: calc(100% + 80px);
	width: -webkit-calc(100% + 80px);
	border-top: 10px solid #f7f7f7;
	;
	margin-left: -40px;
}

/* ===================================================================================== */
/* 상단 리뷰 스와이퍼 */
.review_div .review_swiper.swiper-container {
	width: calc(100% + 120px);
	margin-left: -60px !important;
	padding: 0 60px !important;
}

.review_div .review_swiper.swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 24px;
}

.review_div .review_swiper.swiper-container.swiper-disabled .swiper-slide {
	width: 302px;
}

.review_div .review_swiper.swiper-container .swiper-wrapper .swiper-slide .thumb {
	width: 100%;
	height: 220px;
}

.review_div .review_swiper.swiper-container .swiper-wrapper .swiper-slide .info {
	display: flex;
	flex-direction: column;
	height: 204px;
	padding: 20px 30px 28px;
	background-color: #F9F9F9;
}

.review_div .review_swiper.swiper-container .swiper-wrapper .swiper-slide .info .desc {
	margin-top: 12px;
	height: 60px;
	color: #555;
}

.review_div .review_swiper.swiper-container .swiper-wrapper .swiper-slide .info .review-count {
	display: inline-block;
	margin-top: auto;
}

.review_div .review_swiper.swiper-container .swiper-button [class*=swiper-button] {
	top: 0;
	width: 60px;
	height: 100%;
	margin-top: 0;
	background-color: #fff;
	background-size: 40px;
	background-position-y: 192px;
}

.review_div .review_swiper.swiper-container .swiper-button-prev {
	left: 0;
	right: auto;
	background-position-x: 0;
	background-image: url(/res/images/icon/arrow-swiper-left-111.svg)
}

.review_div .review_swiper.swiper-container .swiper-button-prev.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-swiper-left-ccc.svg)
}

.review_div .review_swiper.swiper-container .swiper-button-next {
	left: auto;
	right: 0;
	background-position-x: 100%;
	background-image: url(/res/images/icon/arrow-swiper-right-111.svg)
}

.review_div .review_swiper.swiper-container .swiper-button-next.swiper-button-disabled {
	background-image: url(/res/images/icon/arrow-swiper-right-ccc.svg)
}

/* 리뷰 혜택 */
.review_div .review-benefit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 16px;
	height: 84px;
	margin: 40px auto 0;
	background-color: var(--color-secondary-3);
	border-radius: 4px;
}

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

.review_div .review-benefit .text strong {
	color: var(--color-primary-1)
}

.review_div .review-benefit .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 36px;
	padding: 0 27px;
	color: #fff;
	border-radius: 4px;
	background-color: var(--color-primary-1);
}@charset "utf-8";

/* 250228 회원 등급제 개편 */
.membership-benefit {
	width: 1280px;
	margin: 0 auto;
}

.membership-benefit .intro {
	display: flex;
	justify-content: center;
	height: 340px;
	padding-top: 76px;
	padding-bottom: 61px;
	background: url(/res/images/membership-benefit/intro-bg.png);
}

.membership-benefit .intro>div {
	position: relative;
	display: flex;
	align-items: center;
	width: 540px;
	height: 203px;
}

.membership-benefit .intro .title {
	display: flex;
	align-items: flex-end;
}

.membership-benefit .intro .up {
	position: absolute;
	right: 31px;
	bottom: 30px;
	animation: float 2s ease-in-out infinite;
}

@keyframes float {
	0% {
		transform: translateY(15px);
	}

	50% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(15px);
	}
}

.membership-benefit .intro .twinkle-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
}

.membership-benefit .intro .twinkle-wrap img {
	animation: twinkle 1s linear infinite;
}

.membership-benefit .intro .twinkle-wrap .twinkle1 {
	position: absolute;
	left: 74px;
	bottom: 45px;
}

.membership-benefit .intro .twinkle-wrap .twinkle2 {
	position: absolute;
	right: 30px;
	bottom: 22px;
	animation-delay: -0.5s;
}

.membership-benefit .intro .twinkle-wrap .twinkle3 {
	position: absolute;
	right: 4px;
	bottom: 46px;
	width: 16px;
	height: 16px;
}

@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: 1280px;
	height: 52px;
	z-index: 2;
}

.membership-benefit .tab-wrap .tab-head.fixed {
	position: fixed;
	top: 60px;
}

.membership-benefit .tab-wrap .tab-head li {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #fff;
	font-size: 20px;
	line-height: 28px;
	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 .join-benefit,
.membership-benefit .tab-wrap .tab-body .first-buy,
.membership-benefit .tab-wrap .tab-body .gift-benefit,
.membership-benefit .tab-wrap .tab-body .membership-info,
.membership-benefit .tab-wrap .tab-body .app-benefit {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 60px 0 80px;
}

.membership-benefit .tab-wrap .tab-body>div .title {
	position: relative;
	margin-bottom: 40px;
	text-align: center;
	z-index: 1;
}

.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: 32px;
	font-weight: 700;
	line-height: 40px;
	margin-top: 4px;
}

.membership-benefit .tab-wrap .tab-body>div .title .desc {
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
}

.membership-benefit .particle-container {
	position: relative;
	width: 50%;
	height: 176px;
	margin-top: -176px;
	overflow: hidden;
}

.membership-benefit .particle-container .particle {
	position: absolute;
	opacity: 0.8;
	pointer-events: none;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container {
	width: 1060px;
	margin: 0 110px !important;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container.swiper-disabled,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container.swiper-disabled {
	width: 1004px;
	padding: 0 !important;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container.swiper-disabled .product-list-3,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container.swiper-disabled .product-list-3 {
	justify-content: center;
	gap: 0 16px;
}

.membership-benefit .tab-wrap .tab-body .product-swiper-3.swiper-disabled .swiper-slide,
.membership-benefit .tab-wrap .tab-body .product-swiper-3.swiper-disabled .swiper-slide {
	width: 324px;
}


.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide {
	padding: 20px;
	border-radius: 14px;
	/* transition: transform 0.4s; */
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide.swiper-slide-active,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide.swiper-slide-active {
	transform: scale(1) !important;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container:not(.swiper-disabled) .swiper-slide:not(.swiper-slide-active),
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container:not(.swiper-disabled) .swiper-slide:not(.swiper-slide-active) {
	opacity: 0.4;
	transform: scale(0.9) !important;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide .thumb,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide .thumb {
	height: auto;
	aspect-ratio: 1 / 1;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide .info,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide .info {
	position: relative;
	margin-top: 20px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide .info .price-list,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide .info .price-list {
	display: inline-flex;
	flex-direction: column;
	margin-top: 20px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide .info .price-list li,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide .info .price-list li {
	display: flex;
	align-items: center;
	gap: 0 8px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide .info .price-list li+li,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide .info .price-list li+li {
	margin-top: 4px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide .info .price-list li .term,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide .info .price-list li .term {
	color: #777;
	font-size: 16px;
	line-height: 24px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide .info .price-list li .price,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide .info .price-list li .price {
	display: flex;
	align-items: center;
	gap: 0 6px;
	color: #111;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide .info .price-list li:nth-child(2) .price,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide .info .price-list li:nth-child(2) .price {
	font-size: 24px;
	line-height: 32px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide .info .price-list li .percent,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide .info .price-list li .percent {
	color: #FF3894;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide .info .price-list li .price .flag,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide .info .price-list li .price .flag {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	padding: 0 12px;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	background-color: #FF3894;
	border-radius: 50px;
	z-index: 1;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide .info .price-list li .price .flag:after,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide .info .price-list li .price .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;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide .info .price-list li.coupon-price,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide .info .price-list li.coupon-price {
	justify-content: center;
	gap: 0 6px;
	height: 32px;
	margin-top: 12px;
	color: #FF3894;
	font-size: 13px;
	line-height: 18px;
	background-color: #FFEFF6;
	border-radius: 4px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-slide .info .price-list li.coupon-price strong,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-slide .info .price-list li.coupon-price strong {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-button .swiper-button-prev,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-button .swiper-button-prev {
	background-image: url(/res/images/icon/arrow-swiper-left-ccc.svg);
}

.membership-benefit .tab-wrap .tab-body .join-benefit .swiper-container .swiper-button .swiper-button-next,
.membership-benefit .tab-wrap .tab-body .first-buy .swiper-container .swiper-button .swiper-button-next {
	background-image: url(/res/images/icon/arrow-swiper-right-ccc.svg);
}

.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 .product-list-1 .thumb {
	width: 284px;
	height: 284px;
}

.membership-benefit .tab-wrap .tab-body .product-list-1 .thumb img {
	width: 244px;
	height: 244px;
}

.membership-benefit .tab-wrap .tab-body .product-list-1 .swiper-slide .info .coupon-price {
	margin-top: 20px;
}


.membership-benefit .tab-wrap .tab-body .precaution {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 14px 0;
	width: 100%;
	margin-top: 60px;
}

.membership-benefit .tab-wrap .tab-body .precaution .term {
	padding-right: 24px;
	color: #bbb;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	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: 6px 0;
}

.membership-benefit .tab-wrap .tab-body .precaution ul li {
	position: relative;
	padding-left: 10px;
	color: #ccc;
	font-size: 16px;
	line-height: 24px;
}

.membership-benefit .tab-wrap .tab-body .precaution ul li:before {
	content: '';
	position: absolute;
	top: 10.5px;
	left: 0;
	display: block;
	width: 3px;
	height: 3px;
	margin: 0 1.5px;
	background: #777;
	border-radius: 100%
}

/* 가입 즉시 혜택 */
.membership-benefit .tab-wrap .tab-body .join-benefit,
.membership-benefit .tab-wrap .tab-body .join-benefit .product-swiper-3 .swiper-button [class*=swiper-button] {
	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 52px;
	margin-bottom: 40px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .benefit-info li {
	position: relative;
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
	height: 90px;
	padding-left: 86px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .benefit-info li:before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 70px;
	height: 70px;
	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: 16px;
	line-height: 24px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .benefit-info li .desc {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
}

.membership-benefit .tab-wrap .tab-body .join-benefit .benefit-info li .desc strong {
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
}

/* 첫 구매 특가 */
.membership-benefit .tab-wrap .tab-body .first-buy,
.membership-benefit .tab-wrap .tab-body .first-buy .product-swiper-3 .swiper-button [class*=swiper-button] {
	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 {
	width: 100%;
	height: 226px;
	margin-top: -60px;
	margin-bottom: 0;
	padding-top: 60px;
}

.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;
	z-index: 1;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .title .bg-wrap .balloon1 {
	top: 24px;
	left: 302px;
	width: 164px;
	height: 176px;
	background: url(/res/images/membership-benefit/gift-benefit-balloon-01.png) 50% 100%;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .title .bg-wrap .balloon2 {
	top: -40px;
	right: 338px;
	width: 102px;
	height: 112px;
	background: url(/res/images/membership-benefit/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: 940px;
	margin-top: -38px;
	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/gift-benefit-ribon.png) 50% 100%;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .head {
	padding: 30px 0;
	background-color: #EFF2FF;
	border-radius: 10px 10px 0 0;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .head .rolling-comment {
	height: 32px;
	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 4px;
	height: 32px;
	line-height: 32px;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .head .rolling-comment li .term {
	color: #111;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .head .rolling-comment li .flag {
	height: 28px;
	padding: 0 8px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	border-radius: 8px;
	background-color: #8A9AFF;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .head .desc {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 6px;
	padding-top: 6px;
	color: #111;
	font-size: 20px;
	line-height: 28px;

}
.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .head .desc .date {
	color: #999;
	font-size: 16px;
	line-height: 24px;

}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-container {
	padding: 30px 0;
	background-color: #fff;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-container.swiper-disabled .swiper-wrapper {
	display: flex;
	justify-content: center;
	gap: 0 24px;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-slide {
	display: flex;
	align-items: center;
	gap: 0 10px;
	width: 260px;
}

.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 {
	flex: 1;
	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: 20px;
	font-weight: 600;
	line-height: 28px;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .plus-gift .swiper-slide .info .desc {
	color: rgba(17, 17, 17, 0.4);
	font-size: 13px;
	line-height: 18px;
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .precaution .term {
	color: #555;
	background-image: url(/res/images/icon/arrow-down-555.svg);
}

.membership-benefit .tab-wrap .tab-body .gift-benefit .precaution ul li {
	color: #555;
}

/* 멤버십 혜택 */
.membership-benefit .tab-wrap .tab-body .membership-info {
	background-color: #DEFDD4;
}

.membership-benefit .tab-wrap .tab-body .membership-info .login-info {
	margin-bottom: 20px;
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.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 .user-info {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 1080px;
	height: 162px;
	margin-bottom: 24px;
	background: linear-gradient(180deg, #CFF9C2 0%, #C5F8B4 100%);
	border-radius: 14px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info+.precaution {
	margin-top: 36px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name {
	display: flex;
	align-items: center;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .grade {
	display: flex;
	align-items: center;
	height: 40px;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	padding-left: 56px;
	background-size: 40px;
}

.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;
	margin-left: 10px;
	color: #111;
	font-size: 24px;
	line-height: 32px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info .grade-name .name strong {
	display: inline-block;
	max-width: 221px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 700;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info ul {
	display: flex;
	align-items: center;
	gap: 0 30px;
	margin-top: 18px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info ul li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0 10px;
	padding-left: 8px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info ul li:before {
	content: '';
	position: absolute;
	top: 11px;
	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: 16px;
	line-height: 24px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .user-info ul span.term {
	font-weight: 700;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info {
	position: relative;
	display: flex;
	width: 1080px;
	border-radius: 14px;
	overflow: hidden;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:not(:first-child) {
	position: relative;
	flex: 1;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:first-child {
	width: 140px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li+li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 1px;
	height: 100%;
	background-color: #eee;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li .head {
	height: 128px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	text-align: center;
	background-color: #052832;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:not(:first-child) .head {
	background-color: #F2FFF0;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:not(:first-child) .head:before {
	content: '';
	width: 32px;
	height: 32px;
	margin-bottom: 12px;
	background-position: 50%;
	background-size: cover;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:not(:first-child).on .head span:nth-child(1),
.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:not(:first-child).on .head span:nth-child(2),
.membership-benefit .tab-wrap .tab-body .membership-info .grade-info:not(.is-login)>li .head span {
	color: #fff !important;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.welcome .head:before {
	background-image: url(/res/images/icon/grade/grade-welcome.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.family .head:before {
	background-image: url(/res/images/icon/grade/grade-family.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.bronze .head:before {
	background-image: url(/res/images/icon/grade/grade-bronze.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.silver .head:before {
	background-image: url(/res/images/icon/grade/grade-silver.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.gold .head:before {
	background-image: url(/res/images/icon/grade/grade-gold.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.vip .head:before {
	background-image: url(/res/images/icon/grade/grade-vip.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.platinum .head:before {
	background-image: url(/res/images/icon/grade/grade-platinum.svg);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.welcome.on .head,
.membership-benefit .tab-wrap .tab-body .membership-info .grade-info:not(.is-login)>li.welcome .head {
	background-color: #12B9AE;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.family.on .head,
.membership-benefit .tab-wrap .tab-body .membership-info .grade-info:not(.is-login)>li.family .head {
	background-color: #25B474;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.bronze.on .head,
.membership-benefit .tab-wrap .tab-body .membership-info .grade-info:not(.is-login)>li.bronze .head {
	background-color: #9F6856;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.silver.on .head,
.membership-benefit .tab-wrap .tab-body .membership-info .grade-info:not(.is-login)>li.silver .head {
	background-color: #9D9DA6;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.gold.on .head,
.membership-benefit .tab-wrap .tab-body .membership-info .grade-info:not(.is-login)>li.gold .head {
	background-color: #BF903E;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.vip.on .head,
.membership-benefit .tab-wrap .tab-body .membership-info .grade-info:not(.is-login)>li.vip .head {
	background-color: #6641B5;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.platinum.on .head,
.membership-benefit .tab-wrap .tab-body .membership-info .grade-info:not(.is-login)>li.platinum .head {
	background-color: #111;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:not(:first-child) .head span:nth-child(1) {
	color: #bbb;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:not(:first-child) .head span:nth-child(2) {
	color: #bbb;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:first-child .head {
	font-size: 18px;
	line-height: 26px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li .body {
	padding: 16px 9px 16px 12px;
	background-color: #F9F9F9;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:first-child .body {
	padding: 16px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.welcome.on .body {
	background-color: #EBFAF9;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.family.on .body {
	background-color: #EBFAEE;
}

ㅌ .membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.bronze.on .body {
	background-color: #F4EFEE;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.silver.on .body {
	background-color: #F2F2F2;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.gold.on .body {
	background-color: #FAF6EE;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.vip.on .body {
	background-color: #F2EEFB;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.platinum.on .body {
	background-color: #EEEEEE;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li .body li {
	color: #bbb;
	font-size: 14px;
	line-height: 20px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:first-child .body li {
	color: #111;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li.on .body li,
.membership-benefit .tab-wrap .tab-body .membership-info .grade-info:not(.is-login)>li .body li {
	color: #111;
	font-weight: 600;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li .body li+li {
	margin-top: 12px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li .ex-title {
	position: absolute;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li .body .ex-title+li {
	position: relative;
	display: inline-block;
	margin-top: 88px;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li .body .ex-title+li .flag {
	position: absolute;
	top: -34px;
	left: 4px;
	display: none;
	align-items: center;
	justify-content: center;
	height: 28px;
	padding: 0 13px;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	background-color: #FF3894;
	border-radius: 50px;
	z-index: 1;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info.is-login>li.on .body .ex-title+li .flag {
	display: flex;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li .body .ex-title+li .flag:after {
	content: '';
	position: absolute;
	bottom: -8px;
	right: 11px;
	display: block;
	width: 10px;
	height: 10px;
	background: url(/res/images/membership-benefit/flag-tail.svg) 50% 50%;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:not(:first-child) .body .ex-title~li {
	color: rgba(255, 56, 148, 0.4);
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:not(:first-child).on .body .ex-title~li,
.membership-benefit .tab-wrap .tab-body .membership-info .grade-info:not(.is-login)>li:not(:first-child) .body .ex-title~li {
	color: #FF3894;
	font-weight: 600;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:first-child .ex-title {
	left: -16px;
	width: calc(100% + 16px);
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFEFF6;
	z-index: 1;
}

.membership-benefit .tab-wrap .tab-body .membership-info .grade-info>li:first-child .ex-title span {
	padding-left: 20px;
	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 .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);
}

/* 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 .info {
	display: flex;
	align-items: center;
	gap: 0 10px;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .info img {
	width: 278px;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .info ul {
	display: flex;
	flex-direction: column;
	gap: 10px 0;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .info ul li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 90px;
	padding-left: 86px;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .info ul li:before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #FFDDF2 url(/res/images/icon/point-s1.svg) 50% no-repeat;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .info ul li:nth-child(2):before {
	background-image: url(/res/images/icon/coupon-s1.svg);
}

.membership-benefit .tab-wrap .tab-body .app-benefit .info ul li .term {
	color: #111;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .info ul li .desc {
	color: #D854D8;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
}

.membership-benefit .tab-wrap .tab-body .app-benefit .info ul li .desc strong {
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
}

.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 .kakao-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 480px;
	height: 60px;
	margin: 40px auto 0;
	background-color: #FEE500;
	border-radius: 14px;
}

.membership-benefit .kakao-btn.fixed {
	position: fixed;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

.membership-benefit .kakao-btn span {
	padding-left: 38px;
	color: #111;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	background: url(/res/images/icon/kakao.svg) 0 50% / 38px;
}

/* // 250228 회원 등급제 개편 */@charset "utf-8";

#wrap header.fix+#content .short-clip {
	margin-top: -57px;
}

.short-clip .inner:after {
	display: none;
}

.short-clip iframe,
.live-video-popup iframe {
	border: none;
}

/* 숏클립: 비디오 영역, 재생 및 중지 버튼 공통 코드 */
#wrap.main #content .short-clip .video-wrap,
.short-clip .main-cnt .video-wrap {
	position: relative;
	height: 332px;
	border-radius: 8px;
	overflow: hidden;
}

#wrap.main #content .short-clip .video-wrap>a,
.short-clip .main-cnt .video-wrap>a {
	display: block;
	width: 100%;
	height: 100%;
}

#wrap.main #content .short-clip .video-wrap:not(.ver),
.short-clip .main-cnt .video-wrap:not(.ver) {
	aspect-ratio: 16 / 9;
}

#wrap.main #content .short-clip .video-wrap.ver,
.short-clip .main-cnt .video-wrap.ver {
	width: 222px;
	aspect-ratio: 9 / 16;
}

#wrap.main #content .short-clip .video-wrap video,
#wrap.main #content .short-clip .video-wrap iframe,
#wrap.main #content .short-clip .video-wrap img,
.short-clip .main-cnt .video-wrap video,
.short-clip .main-cnt .video-wrap iframe,
.short-clip .main-cnt .video-wrap img {
	width: 100%;
	object-fit: cover;
}

#wrap.main #content .short-clip .video-wrap iframe,
.short-clip .main-cnt .video-wrap iframe {
	height: 100%;
}

#wrap.main #content .video-wrap button,
.short-clip .main-cnt .video-wrap button,
.live-video-popup .video-wrap button {
	display: none;
	position: absolute;
	top: calc(50% - 20px);
	left: calc(50% - 20px);
	width: 40px;
	height: 40px;
	background-size: 40px;
	background-position: 50% 50%;
}

#wrap.main #content .video-wrap button.play-btn,
.short-clip .main-cnt .video-wrap button.play-btn,
.live-video-popup .video-wrap button.play-btn {
	background-image: url(/res/images/icon/short-clip-play.svg);
}

#wrap.main #content .video-wrap button.pause-btn,
.short-clip .main-cnt .video-wrap button.pause-btn,
.live-video-popup .video-wrap button.pause-btn {
	background-image: url(/res/images/icon/short-clip-pause.svg);
}

/* 숏클립 > 타이틀 영역 */
.short-clip .title-head {
	background-color: #052832
}

.short-clip .title-head .inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
}

.short-clip .title-head .title {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}

.short-clip .title-head .share-btn {
	width: 28px;
	height: 28px;
	background: url(/res/images/icon/share-fff.svg) 50% / cover;
}

.short-clip .title-head.no-data {
	background-color: #fff;
}

.short-clip .title-head.no-data .title {
	color: #111;
}

.short-clip .title-head.no-data .share-btn {
	background-image: url(/res/images/icon/share-111.svg);
}

/* 숏클립 > 메인 콘텐츠 */
.short-clip .main-cnt {
	padding-bottom: 128px;
	background: linear-gradient(180deg, #052832 0%, #111 100%);
}

.short-clip .main-cnt .skeleton {
	display: flex;
	gap: 0 20px;
	overflow: hidden;
}

.short-clip .main-cnt .skeleton>div {
	min-width: 222px;
	height: 332px;
	background: linear-gradient(180deg, rgba(153, 153, 153, 0.1) 0%, rgba(153, 153, 153, 0.3) 100%);
	border-radius: 8px;
	animation: skeleton 1.6s infinite ease-in-out;
}

.short-clip .main-cnt .swiper-container {
	position: relative;
	height: 0;
	opacity: 0;
	visibility: hidden;
}

.short-clip .main-cnt .swiper-container.swiper-disabled .swiper-wrapper {
	gap: 0 20px;
}

.short-clip .main-cnt .swiper-slide .video-title {
	display: block;
	width: 100%;
	padding-top: 12px;
	color: #f5f5f5;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.short-clip .main-cnt .swiper-slide .video-title+.product-item-list {
	padding-top: 12px;
	border-top: 1px solid rgba(238, 238, 238, 0.2);
}

.short-clip .main-cnt .swiper-slide .product-item-list {
	width: 100%;
	margin-top: 12px;
}

.short-clip .main-cnt .swiper-slide .product-item-list a {
	display: flex;
	align-items: center;
	gap: 0 10px;
	padding: 7px 0;
}

.short-clip .main-cnt .swiper-slide .product-item-list .thumb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0.3);
	overflow: hidden;
}

.short-clip .main-cnt .swiper-slide .product-item-list .thumb img {
	width: 48px;
	height: 48px;
}

.short-clip .main-cnt .swiper-slide .product-item-list .thumb .soldout {
	color: #bbb;
	font-size: 12px;
	background-color: rgb(87 90 91 / 85%);
}

.short-clip .main-cnt .swiper-slide .product-item-list .info {
	flex: 1;
}

.short-clip .main-cnt .swiper-slide .product-item-list .info .name {
	color: #f5f5f5;
	font-size: 13px;
	line-height: 18px;
}

.short-clip .main-cnt .swiper-slide .product-item-list .info .price-info {
	display: flex;
	align-items: center;
	gap: 0 4px;
	margin-top: 2px;
}

.short-clip .main-cnt .swiper-slide .product-item-list .info .price-info .percent {
	color: #FF3894;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}

.short-clip .main-cnt .swiper-slide .product-item-list .info .price-info .price {
	color: #f5f5f5;
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}

.short-clip .main-cnt .swiper-slide .product-item-list .info .price-info .benefit {
	color: #bbb;
	font-size: 11px;
	line-height: 16px;
}

/* 숏클립 > 목록 */
.short-clip .list-cnt {
	margin-top: 60px;
}

.short-clip .list-cnt .head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 60px;
}

.short-clip .list-cnt .head .count {
	color: #111;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.short-clip .list-cnt .head .sort-type {
	display: flex;
	align-items: center;
	gap: 0 24px;
}

.short-clip .list-cnt .head .sort-type li {
	color: #999;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
}

.short-clip .list-cnt .head .sort-type li.on {
	color: #111;
	font-weight: 500;
}

.short-clip .list-cnt .skeleton {
	display: flex;
	flex-wrap: wrap;
	gap: 60px 40px;
}

.short-clip .list-cnt .skeleton>div {
	width: 400px;
	height: 534px;
	background: linear-gradient(180deg, rgba(153, 153, 153, 0.1) 0%, rgba(153, 153, 153, 0.3) 100%);
	border-radius: 8px;
	animation: skeleton 1.6s infinite ease-in-out;
}

@keyframes skeleton {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.4;
	}

	100% {
		opacity: 1;
	}
}

.short-clip .list-cnt .body {
	position: relative;
	height: 0;
	margin-top: 16px;
	opacity: 0;
	visibility: hidden;
}

.short-clip .list-cnt .body li {
	width: 400px;
	margin-bottom: 60px;
}

.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) {
	aspect-ratio: 16 / 9
}

.short-clip .list-cnt .body li .video-wrap.ver {
	aspect-ratio: 9 / 16
}

.short-clip .list-cnt .body li .info-wrap {
	margin-top: 22px;
}

.short-clip .list-cnt .body li .info-wrap .title {
	color: #111;
	font-size: 20px;
	font-weight: 600;
	line-height: 28px;
}

.short-clip .list-cnt .body li .info-wrap .title+.count {
	margin-top: 12px;
}

.short-clip .list-cnt .body li .info-wrap .hashtag {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 14px;
	margin-top: 12px;
	color: #999;
	font-size: 14px;
	line-height: 20px;
}

.short-clip .list-cnt .body li .info-wrap .count {
	display: block;
	margin-top: 6px;
	padding-left: 28px;
	color: #111;
	font-size: 14px;
	line-height: 20px;
	background: url(/res/images/icon/short-clip-view-111.svg) 0 50%;
}

.short-clip .list-cnt .body li .info-wrap .product-item-list {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #eee;
}

.short-clip .list-cnt .body li .info-wrap .product-item-list .info .name {
	color: #111;
	font-size: 16px;
	line-height: 24px;
}

.short-clip .list-cnt .body li .info-wrap .product-item-list .info .name strong {
	font-weight: 700;
}

.short-clip .list-cnt .body li .info-wrap .product-item-list .info .price-info {
	display: flex;
	align-items: center;
	gap: 0 6px;
	margin-top: 4px;
}

.short-clip .list-cnt .body li .info-wrap .product-item-list .info .price-info .percent {
	color: #FF3894;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.short-clip .list-cnt .body li .info-wrap .product-item-list .info .price-info .price {
	color: #111;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}

.short-clip .list-cnt .body li .info-wrap .product-item-list .info .price-info .benefit {
	color: #777;
	font-size: 14px;
	line-height: 20px;
}

.short-clip .list-cnt:has(.no-data-wrap) {
	margin-top: 0;
}