:root {
	--system-font: Suit, -apple-system, "Segoe UI", roboto, helvetica, arial,
		sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	--color-base: #555;
	--color-white: #fff;
	--color-black: #000;
	--color-gray-90: #3f3f3f;
	--color-gray-80: #666;
	--color-gray-70: #888;
	--color-gray-60: #bbb;
	--color-gray-50: #ccc;
	--color-gray-40: #ddd;
	--color-gray-30: #eee;
	--color-gray-20: #f4f4f4;
	--color-gray-10: #fafafa;
	--color-red-40: #d53410;
	--color-red-30: #dc2521;
	--color-red-20: #e30613;
	--color-red-10: #d53410;
	--color-blue-30: #3737a0;
	--color-blue-20: #863bf1;
	--color-blue-10: #647eff;
	--color-green-30: #009891;
	--color-green-20: #01c480;
	--color-green-10: #17e9c6;
	--color-orange-20: #e37241;
	--color-orange-10: #f0a400;
	--fw-l: 300;
	--fw-r: 400;
	--fw-m: 500;
	--fw-sb: 700;
	--fw-b: 800;
	--border-radius-4: 0.4rem;
	--border-radius-8: 0.8rem;
	--border-radius-12: 1.2rem;
	--border-radius-16: 1.6rem;
	--border-radius-24: 2.4rem;
	--border-radius-100: 10rem
}

.badge {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 2rem;
	height: 2rem;
	padding: 0 .4rem;
	border-radius: var(--border-radius-24);
	background-color: var(--color-gray-80)
}

.badge .text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	font-weight: var(--fw-m);
	color: var(--color-white);
	line-height: 1.2rem
}

.badge.rank {
	text-transform: uppercase
}

.badge.rank.top-rank {
	background-color: var(--color-red-20)
}

.badge.sale {
	padding-right: .6rem;
	border-radius: var(--border-radius-4);
	background: -webkit-gradient(linear, left top, left bottom, from(var(--color-red-20)),
		to(var(--color-orange-10)));
	background: -webkit-linear-gradient(top, var(--color-red-20) 0%,
		var(--color-orange-10) 100%);
	background: -moz-linear-gradient(top, var(--color-red-20) 0%,
		var(--color-orange-10) 100%);
	background: linear-gradient(180deg, var(--color-red-20) 0%,
		var(--color-orange-10) 100%)
}

.badge.sale .text::before {
	content: "";
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.badge.day {
	padding-right: .6rem;
	padding-left: .6rem;
	border-radius: var(--border-radius-4);
	background-color: var(--color-red-20)
}

.badge.freezing {
	padding-right: .6rem;
	border-radius: var(--border-radius-4);
	background-color: var(--color-blue-10)
}

.badge.freezing .text::before {
	content: "";
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.badge.cold {
	padding-right: .6rem;
	border-radius: var(--border-radius-4);
	border: .1rem solid var(--color-blue-10);
	background-color: var(--color-white)
}

.badge.cold .text {
	color: var(--color-blue-10)
}

.badge.cold .text::before {
	content: "";
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.badge.temp {
	padding-right: .6rem;
	border-radius: var(--border-radius-4);
	border: .1rem solid var(--color-green-30);
	background-color: var(--color-white)
}

.badge.temp .text {
	color: var(--color-green-30)
}

.badge.temp .text::before {
	content: "";
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.badge.camp {
	height: 2.4rem;
	padding: 0 .8rem;
	border-radius: var(--border-radius-8);
	background-color: var(--color-blue-30)
}

.badge.camp .text {
	color: var(--color-white)
}

.badge.camp-base {
	height: 2.4rem;
	padding: 0 .8rem;
	border-radius: var(--border-radius-8);
	background-color: var(--color-red-20)
}

.badge.camp-base .text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .4rem;
	color: var(--color-white)
}

.badge.camp-base .text::after {
	content: "";
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' %3E%3Cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' fill='%23fff'/%3E%3Cpath d='M7.5 10.0002C7.37 10.0002 7.24 9.95023 7.15 9.85023L5.15 7.85023C4.95 7.65023 4.95 7.34023 5.15 7.14023C5.35 6.94023 5.66 6.94023 5.86 7.14023L7.51 8.79023L10.16 6.14023C10.36 5.94023 10.67 5.94023 10.87 6.14023C11.07 6.34023 11.07 6.65023 10.87 6.85023L7.87 9.85023C7.77 9.95023 7.64 10.0002 7.52 10.0002H7.5Z' fill='%23e30613'/%3E%3C/svg%3E")
}

.badge-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .2rem
}

.badge-item .text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 12px;
	font-weight: var(--fw-m);
	color: var(--color-white);
	line-height: 1.2rem
}

.badge-store {
	background-color: #3737a0;
	font-size: 11px;
	color: var(--color-white)
}

.badge-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .2rem
}

.badge-line {
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	padding: 3px 7px;
	border-radius: 100px
}

.badge-line.morning {
	border: 1px solid #009891;
	color: #009891
}

.badge-line.weekly {
	border: 1px solid #3737a0;
	color: #3737a0
}

[class^=btn-]:not(.btn-area) {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 80px;
	padding: 0 16px;
	background-color: var(--color-white);
	border-radius: var(--border-radius-8);
	line-height: 56px;
	color: var(--color-base);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	letter-spacing: -0.4px;
	font-size: 16px
}

[class^=btn-]:not(.btn-area).btn-secondary span {
	font-weight: var(--fw-sb)
}

[class^=btn-]:not(.btn-area) span {
	display: block;
	letter-spacing: -0.4px;
	font-weight: var(--fw-b);
	font-size: 16px
}

[class^=btn-]:not(.btn-area).is-full {
	width: 100%
}

[class^=btn-]:not(.btn-area):focus-visible {
	outline: 2px solid #000
}

[class^=btn-]:not(.btn-area).large {
	height: 5.6rem
}

[class^=btn-]:not(.btn-area).medium {
	min-width: 80px;
	line-height: 48px
}

[class^=btn-]:not(.btn-area).medium span {
	line-height: 48px;
	font-size: 15px
}

[class^=btn-]:not(.btn-area).small {
	min-width: 64px;
	height: 32px;
	padding: 0 12px;
	font-size: 14px
}

[class^=btn-]:not(.btn-area).small span {
	font-weight: 400;
	font-size: 14px;
	line-height: 32px
}

[class^=btn-]:not(.btn-area).small.is-more span {
	font-size: 13px
}

[class^=btn-]:not(.btn-area).btn-primary {
	background-color: var(--color-red-20);
	color: var(--color-white)
}

[class^=btn-]:not(.btn-area).btn-primary:disabled {
	color: var(--color-white);
	background-color: #f9cdd0;
	border: 1px solid #f9cdd0
}

[class^=btn-]:not(.btn-area):disabled {
	color: var(--color-gray-70);
	background-color: var(--color-gray-10);
	border: 1px solid var(--color-gray-30)
}

[class^=btn-]:not(.btn-area).is-more span {
	position: relative;
	padding-right: 14px;
	font-weight: 400;
	color: #222
}

[class^=btn-]:not(.btn-area).is-more span:before {
	content: "";
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='6' height='10' viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.612 9.98901C0.768 9.98901 0.924 9.93346 1.032 9.82234L5.82 5.38901C6.06 5.16679 6.06 4.82234 5.82 4.60012L1.032 0.166789C0.792 -0.0554335 0.42 -0.0554335 0.18 0.166789C-0.06 0.389011 -0.06 0.733455 0.18 0.955678L4.548 5.00012L0.18 9.04457C-0.06 9.26679 -0.06 9.61123 0.18 9.83346C0.3 9.94457 0.456 10.0001 0.6 10.0001V9.98901H0.612Z' fill='%23666666'/%3E%3C/svg%3E%0A");
	width: 6px;
	height: 10px;
	background-size: 6px 10px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.btn-area.is-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px
}

.btn-area.is-row [class^=btn-] {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.btn-area.is-column [class^=btn-]+[class^=btn-] {
	margin-top: 8px
}

.btn-area.col2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px
}

.btn-area.col2 [class^=btn-]:nth-child(1) {
	width: 40%
}

.btn-area.col2 [class^=btn-]:nth-child(2) {
	width: 60%
}

.btn-area.col3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px
}

.btn-area.col3 [class^=btn-]:nth-child(1) {
	width: 33.3%
}

.btn-area.col3 [class^=btn-]:nth-child(2) {
	width: 40%
}

.btn-area.col3 [class^=btn-]:nth-child(3) {
	width: 40%
}

.btn-area+.sns-login {
	margin-top: 40px
}

.btn-secondary {
	border: 1px solid var(--color-gray-40)
}

.spin-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .8rem;
	padding: .8rem;
	border-radius: var(--border-radius-16);
	background-color: var(--color-gray-20)
}

.spin-container .spin-btn {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 4rem;
	height: 4rem;
	background-color: var(--color-white);
	border: .1rem solid var(--color-gray-40);
	border-radius: var(--border-radius-12);
	cursor: pointer
}

.spin-container .spin-btn.minus {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 2' fill='none' %3E%3Crect width='12' height='2' rx='1' fill='%23222'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.2rem .2rem
}

.spin-container .spin-btn.plus {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 1C7 0.447715 6.55228 0 6 0C5.44772 0 5 0.447715 5 1V5H1C0.447715 5 0 5.44772 0 6C0 6.55228 0.447715 7 1 7H5V11C5 11.5523 5.44771 12 6 12C6.55228 12 7 11.5523 7 11V7H11C11.5523 7 12 6.55228 12 6C12 5.44772 11.5523 5 11 5H7V1Z' fill='%23222'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.2rem 1.2rem
}

.spin-container .spin-btn:focus {
	outline: 3px solid #007bff
}

.spin-container input {
	width: 100%;
	height: 4rem;
	text-align: center;
	font-size: 2rem;
	font-weight: var(--fw-b);
	line-height: 1;
	border: none
}

.filter-btn {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 3.2rem;
	height: 3.2rem;
	background: url("data:image/svg+xml;charset=utf8,");
	background-size: 1.5rem;
	background-position: center;
	background-repeat: no-repeat
}

.change-button span {
	padding-left: 26px;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: #222;
	display: block;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.2193 0.352123C15.9404 0.0731773 15.4882 0.0731774 15.2093 0.352123C14.9303 0.631069 14.9303 1.08322 15.2093 1.36217L17.5614 3.71429L15.2093 6.06641L15.1172 6.17802C14.9341 6.45527 14.9652 6.83236 15.2093 7.07645C15.4534 7.32054 15.8304 7.35162 16.1077 7.16853L16.2193 7.07645L19.0765 4.21931C19.3554 3.94037 19.3554 3.48821 19.0765 3.20927L16.2193 0.352123Z' fill='black'/%3E%3Cpath d='M7.14286 3L6.99916 3.01395C6.6735 3.08042 6.42857 3.36898 6.42857 3.71429C6.42857 4.05959 6.6735 4.34815 6.99916 4.41462L7.14286 4.42857H18.5714C18.9659 4.42857 19.2857 4.10877 19.2857 3.71429C19.2857 3.3198 18.9659 3 18.5714 3H7.14286Z' fill='black'/%3E%3Cpath d='M4.79074 8.92355C4.54665 8.67946 4.16956 8.64838 3.8923 8.83147L3.78069 8.92355L0.923551 11.7807L0.831475 11.8923C0.648383 12.1696 0.67946 12.5466 0.923551 12.7907L3.78069 15.6479C4.05964 15.9268 4.51179 15.9268 4.79074 15.6479C5.06968 15.3689 5.06968 14.9168 4.79074 14.6378L2.43862 12.2857L4.79074 9.93359L4.88281 9.82199C5.06591 9.54473 5.03483 9.16764 4.79074 8.92355Z' fill='black'/%3E%3Cpath d='M1.42857 11.5714L1.28488 11.5854C0.959209 11.6518 0.714284 11.9404 0.714284 12.2857C0.714284 12.631 0.959209 12.9196 1.28488 12.986L1.42857 13H12.8571C13.2516 13 13.5714 12.6802 13.5714 12.2857C13.5714 11.8912 13.2516 11.5714 12.8571 11.5714H1.42857Z' fill='black'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: left center
}

.share-btn {
	width: 32px;
	height: 32px
}

.share-btn span {
	display: block;
	height: 100%;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 7.1875C17.6569 7.1875 19 5.84435 19 4.1875C19 2.53065 17.6569 1.1875 16 1.1875C14.3431 1.1875 13 2.53065 13 4.1875C13 5.84435 14.3431 7.1875 16 7.1875Z' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 14.1875C5.65685 14.1875 7 12.8444 7 11.1875C7 9.53065 5.65685 8.1875 4 8.1875C2.34315 8.1875 1 9.53065 1 11.1875C1 12.8444 2.34315 14.1875 4 14.1875Z' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 21.1875C17.6569 21.1875 19 19.8444 19 18.1875C19 16.5306 17.6569 15.1875 16 15.1875C14.3431 15.1875 13 16.5306 13 18.1875C13 19.8444 14.3431 21.1875 16 21.1875Z' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.58984 12.6973L13.4198 16.6773M13.4098 5.69727L6.58984 9.67727' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0
}

.favorites-btn {
	border: 1px solid var(--color-gray-50);
	border-radius: 100px
}

.favorites-btn em {
	padding: 16px;
	display: block;
	line-height: 20px;
	font-size: 18px;
	color: #222;
	padding-left: 36px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.00342 1.57227C1.89961 1.59122 1.80893 1.63659 1.74341 1.69556C1.65843 1.77222 1.6251 1.86146 1.625 1.93848V12.771L6 10.3101L10.375 12.7698V1.93848L10.3689 1.87866C10.3555 1.81753 10.3204 1.75309 10.2566 1.69556C10.1911 1.63659 10.1004 1.59122 9.99658 1.57227L9.88794 1.5625H2.11206L2.00342 1.57227ZM11.6128 13.0969C11.5893 13.2535 11.5316 13.4025 11.4456 13.5339C11.3312 13.7084 11.1727 13.8445 10.9927 13.9343C10.8128 14.024 10.6137 14.0672 10.4153 14.0625C10.2666 14.059 10.1183 14.0287 9.97949 13.9722L9.84399 13.9062L6 11.7444L2.15601 13.9062C1.98026 14.005 1.78309 14.0578 1.58472 14.0625C1.38634 14.0672 1.18723 14.024 1.00732 13.9343C0.827277 13.8445 0.668767 13.7084 0.554443 13.5339C0.468403 13.4025 0.41067 13.2535 0.387207 13.0969L0.375 12.937V1.93726L0.384766 1.7688C0.428047 1.38106 0.617536 1.02752 0.907227 0.766602C1.23639 0.470355 1.67072 0.312953 2.11084 0.3125H9.88916L10.054 0.319824C10.4363 0.354199 10.8047 0.507356 11.0928 0.766602C11.4238 1.06476 11.6244 1.48437 11.625 1.93726V12.937L11.6128 13.0969Z' fill='%23999999'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: 16px center
}

.favorites-btn.is-active em {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='15' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.11111 1H1.88889C1.65322 1.00024 1.42729 1.08461 1.26065 1.23458C1.09401 1.38456 1.00027 1.5879 1 1.8V10.6C1 10.6714 1.02124 10.7415 1.06151 10.803C1.10178 10.8645 1.15961 10.9152 1.229 10.9499C1.29839 10.9845 1.37681 11.0017 1.45612 10.9999C1.53543 10.998 1.61273 10.977 1.68001 10.9392L4.99962 9.07168L8.32001 10.9392C8.38729 10.977 8.4646 10.998 8.5439 10.9999C8.62321 11.0017 8.70163 10.9845 8.77102 10.9499C8.8404 10.9152 8.89823 10.8645 8.9385 10.803C8.97877 10.7415 9 10.6714 9 10.6V1.8C8.99973 1.5879 8.90599 1.38456 8.73935 1.23458C8.57271 1.08461 8.34678 1.00024 8.11111 1Z' fill='%23E30613' stroke='%23E30613'/%3E%3C/svg%3E%0A")
}

.favorites-btn+.share-btn {
	margin-left: 12px
}

.copy-btn {
	position: relative;
	padding-right: 20px;
	font-size: 14px
}

.copy-btn::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 12px;
	height: 12px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.44001 11.9983H8.16129C8.54327 11.9983 8.90961 11.8466 9.17972 11.5765C9.44982 11.3064 9.60156 10.94 9.60156 10.558V3.83676C9.60156 3.45477 9.44982 3.08843 9.17972 2.81833C8.90961 2.54823 8.54327 2.39648 8.16129 2.39648H1.44001C1.05802 2.39648 0.691683 2.54823 0.421578 2.81833C0.151475 3.08843 -0.000267982 3.45477 -0.000267982 3.83676V10.558C-0.000267982 10.94 0.151475 11.3064 0.421578 11.5765C0.691683 11.8466 1.05802 11.9983 1.44001 11.9983ZM8.16129 3.35667C8.28862 3.35667 8.41073 3.40725 8.50076 3.49728C8.5908 3.58732 8.64138 3.70943 8.64138 3.83676V10.558C8.64138 10.6854 8.5908 10.8075 8.50076 10.8975C8.41073 10.9876 8.28862 11.0381 8.16129 11.0381H1.44001C1.31268 11.0381 1.19057 10.9876 1.10053 10.8975C1.0105 10.8075 0.959915 10.6854 0.959915 10.558V3.83676C0.959915 3.70943 1.0105 3.58732 1.10053 3.49728C1.19057 3.40725 1.31268 3.35667 1.44001 3.35667H8.16129Z' fill='%23222222'/%3E%3Cpath d='M9.59759 9.60183H10.5578C10.9398 9.60183 11.3061 9.45009 11.5762 9.17998C11.8463 8.90988 11.998 8.54354 11.998 8.16156V1.44027C11.998 1.05829 11.8463 0.691951 11.5762 0.421847C11.3061 0.151743 10.9398 0 10.5578 0H3.83649C3.45451 0 3.08817 0.151743 2.81806 0.421847C2.54796 0.691951 2.39622 1.05829 2.39622 1.44027V2.40046C2.39622 2.52779 2.4468 2.6499 2.53683 2.73993C2.62687 2.82997 2.74898 2.88055 2.87631 2.88055C3.00364 2.88055 3.12575 2.82997 3.21578 2.73993C3.30582 2.6499 3.3564 2.52779 3.3564 2.40046V1.44027C3.3564 1.31295 3.40698 1.19083 3.49701 1.1008C3.58705 1.01076 3.70916 0.960183 3.83649 0.960183H10.5578C10.6851 0.960183 10.8072 1.01076 10.8972 1.1008C10.9873 1.19083 11.0379 1.31295 11.0379 1.44027V8.16156C11.0379 8.28888 10.9873 8.411 10.8972 8.50103C10.8072 8.59107 10.6851 8.64165 10.5578 8.64165H9.59759C9.47026 8.64165 9.34815 8.69223 9.25811 8.78226C9.16808 8.8723 9.1175 8.99441 9.1175 9.12174C9.1175 9.24907 9.16808 9.37118 9.25811 9.46122C9.34815 9.55125 9.47026 9.60183 9.59759 9.60183Z' fill='%23222222'/%3E%3C/svg%3E%0A")
		no-repeat center center
}

.text-arrow {
	padding-right: 16px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='6' height='10' viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.612 9.98901C0.768 9.98901 0.924 9.93346 1.032 9.82234L5.82 5.38901C6.06 5.16679 6.06 4.82234 5.82 4.60012L1.032 0.166789C0.792 -0.0554335 0.42 -0.0554335 0.18 0.166789C-0.06 0.389011 -0.06 0.733455 0.18 0.955678L4.548 5.00012L0.18 9.04457C-0.06 9.26679 -0.06 9.61123 0.18 9.83346C0.3 9.94457 0.456 10.0001 0.6 10.0001V9.98901H0.612Z' fill='%23666666'/%3E%3C/svg%3E%0A");
	background-size: 6px 10px;
	background-repeat: no-repeat;
	background-position: right center
}

.goods-img-box {
	position: relative;
	aspect-ratio: 1
}

.goods-img-box-link {
	display: grid;
	place-items: center;
	background-color: #fff;
	border-radius: 8px;
	padding: 24px;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.goods-img-box-link img {
    aspect-ratio: 1;
    -o-object-fit: contain;
    object-fit: contain;
}

.goods-img-box-link .badge-list {
	position: absolute;
	top: 8px;
	left: 8px;
	display:flex;
	gap:3px;
}

.goods-img-box-link .special-price {
	position: absolute;
	bottom: 8px;
	left: 8px
}

.goods-img-box-link:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .04)
}

.goods-img-box+.cart-button {
	margin-top: 12px
}

.goods-img-box .chk-box {
	position: absolute;
	width: 24px;
	top: 8px;
	right: 8px
}

.goods-like, .goods-favorites {
	position: absolute;
	bottom: 0;
	right: 0
}

.goods-item-wrap .cart-button .btn-secondary {
	border-radius: 4px;
	width: 100%;
	height: 32px
}

.goods-item-wrap .cart-button .btn-secondary span {
	line-height: 32px;
	font-size: 13px;
	color: var(--color-black);
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4594 11.1081V5.45946C16.4594 4.27674 15.9896 3.14246 15.1533 2.30615C14.317 1.46983 13.1827 1 12 1C10.8173 1 9.68298 1.46983 8.84667 2.30615C8.01036 3.14246 7.54053 4.27674 7.54053 5.45946V11.1081' stroke='%23121212' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M22.0393 8.13513H1.96099C1.81083 8.13516 1.66263 8.16921 1.52752 8.23471C1.3924 8.30022 1.27388 8.39548 1.18084 8.51334C1.08781 8.6312 1.02269 8.76861 0.990357 8.91525C0.958027 9.06188 0.959335 9.21394 0.99418 9.36L3.50694 19.9402C3.71379 20.8114 4.2084 21.5873 4.91082 22.1425C5.61323 22.6978 6.48238 22.9999 7.37775 23H16.6225C17.5179 22.9999 18.387 22.6978 19.0894 22.1425C19.7918 21.5873 20.2865 20.8114 20.4933 19.9402L23.0061 9.36C23.0409 9.21394 23.0422 9.06188 23.0099 8.91525C22.9776 8.76861 22.9124 8.6312 22.8194 8.51334C22.7264 8.39548 22.6078 8.30022 22.4727 8.23471C22.3376 8.16921 22.1894 8.13516 22.0393 8.13513Z' stroke='%23121212' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px
}

.goods-info-box {
	margin-top: 8px
}

.goods-info-box-link {
	display: block
}

.goods-info-box-link .goods-state {
	display: block
}

.goods-info-box-link .goods-state-item {
	font-size: 14px;
	line-height: 22px
}

.goods-title {
	color: #222;
	line-height: 24px;
	letter-spacing: -0.4px;
	margin-top: 2px;
	font-size: 16px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all
}

.goods-price-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-top: 8px
}

.goods-price-box .regular-price, .goods-price-box .sale-price {
	color: #222;
	display: inline-block;
	vertical-align: top;
	letter-spacing: -0.4px;
	font-size: 18px
}

.goods-price-box .regular-price em, .goods-price-box .sale-price em {
	font-weight: 800
}

.goods-price-box .sale-price {
	color: var(--color-red-20)
}

.goods-price-box .sale-price+.regular-price {
	color: #999;
	letter-spacing: -0.4px;
	font-size: 13px;
	margin-left: 4px
}

.goods-price-box .sale-price+.regular-price em {
	text-decoration: line-through;
	font-weight: 400
}

.goods-price-per-unit {
	margin-top: 4px;
	display: block;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.4px;
	color: #777
}

.goods-price-per-unit em {
	font-weight: 400
}

.goods-list.is-list .goods-img-box {
	width: 165px
}

.goods-list.is-list .goods .cart-button {
	position: absolute;
	bottom: 4px;
	left: -webkit-calc(0px + 165px + 13px);
	left: -moz-calc(0px + 165px + 13px);
	left: calc(0px + 165px + 13px);
	width: -webkit-calc(100% - ( 165px + 13px));
	width: -moz-calc(100% - ( 165px + 13px));
	width: calc(100% - ( 165px + 13px))
}

.goods-list.is-list .goods-info-box {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-top: 4px
}

.goods-grid .align-space+.goods-list {
	margin-top: 16px
}

.goods-favorites-items {
	padding-left: 24px;
	color: #999;
	line-height: 20px;
	font-size: 14px;
	letter-spacing: -0.4px;
	display: block;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='15' viewBox='0 0 12 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.00342 1.57227C1.89961 1.59122 1.80893 1.63659 1.74341 1.69556C1.65843 1.77222 1.6251 1.86146 1.625 1.93848V12.771L6 10.3101L10.375 12.7698V1.93848L10.3689 1.87866C10.3555 1.81753 10.3204 1.75309 10.2566 1.69556C10.1911 1.63659 10.1004 1.59122 9.99658 1.57227L9.88794 1.5625H2.11206L2.00342 1.57227ZM11.6128 13.0969C11.5893 13.2535 11.5316 13.4025 11.4456 13.5339C11.3312 13.7084 11.1727 13.8445 10.9927 13.9343C10.8128 14.024 10.6137 14.0672 10.4153 14.0625C10.2666 14.059 10.1183 14.0287 9.97949 13.9722L9.84399 13.9062L6 11.7444L2.15601 13.9062C1.98026 14.005 1.78309 14.0578 1.58472 14.0625C1.38634 14.0672 1.18723 14.024 1.00732 13.9343C0.827277 13.8445 0.668767 13.7084 0.554443 13.5339C0.468403 13.4025 0.41067 13.2535 0.387207 13.0969L0.375 12.937V1.93726L0.384766 1.7688C0.428047 1.38106 0.617536 1.02752 0.907227 0.766602C1.23639 0.470355 1.67072 0.312953 2.11084 0.3125H9.88916L10.054 0.319824C10.4363 0.354199 10.8047 0.507356 11.0928 0.766602C11.4238 1.06476 11.6244 1.48437 11.625 1.93726V12.937L11.6128 13.0969Z' fill='%23999999'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: 4px center;
	margin-top: 2px
}

.goods.is-favorites .goods-img-box-link {
	padding: 0
}

.goods.is-favorites .goods-img-box-link:before {
	display: none
}

.goods.is-favorites .goods-img-box-link img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 8px
}

.goods-detail-wrap .goods-item-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px
}

.goods-detail-wrap .goods-item-wrap>div {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.goods-detail-wrap .goods-img-box {
	width: 50%
}

.goods-detail-wrap .goods-img-box-link {
	border-radius: 0
}

.goods-detail-wrap .goods-info-box {
	margin-top: 0
}

.goods-detail-wrap .goods-like {
	right: 16px;
	bottom: 8px;
	z-index: 1
}

.goods-detail-wrap .goods-like-button {
	background-size: 23px 20px
}

.goods-detail-wrap .goods-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin-top: 4px
}

.goods-detail-wrap .goods-state {
	margin-top: 24px
}

.goods-detail-wrap .goods-price-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 4px
}

.goods-detail-wrap .goods-price-box .regular-price {
	font-size: 20px;
	line-height: 24px
}

.goods-detail-wrap .goods-price-box .sale-price {
	font-size: 20px
}

.goods-detail-wrap .goods-price-box .sale-price em {
	font-size: 28px;
	line-height: 36px
}

.goods-detail-wrap .goods-price-box .sale-price+.regular-price {
	font-size: 16px;
	line-height: 24px
}

.goods-detail-wrap .goods-price-per-unit {
	font-size: 14px;
	line-height: 20px
}

.goods-detail-wrap .inner-space-wrap {
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative
}

.goods-detail-wrap .inner-space-wrap.is-hide {
	height: 663px;
	overflow: hidden
}

.goods-detail-wrap .inner-space-wrap.no-border {
	border-top: none
}

.goods-detail-wrap .inner-space-wrap .title-type2+.text {
	margin-top: 24px
}

.goods-detail-wrap .inner-space-wrap .text {
	line-height: 24px;
	text-align: center;
	font-size: 18px
}

.goods-detail-wrap .inner-space-wrap .text+.text, .goods-detail-wrap .inner-space-wrap .text+.img
	{
	text-align: center;
	margin-top: 24px
}

.goods-detail-wrap .inner-space-wrap .img+.img {
	margin-top: 24px
}

.goods-detail-wrap .inner-space-wrap .btn-area {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	width: 100%;
	max-width: 520px;
	margin: 0;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 32px;
	background-color: var(--color-white)
}

.goods-detail-wrap .border-box {
	margin-top: 80px
}

.goods-detail-wrap .tab-menu.type2 {
	padding: 0 16px
}

.goods-detail-wrap .tab-menu.type2 .tab-menu-item .tab-menu-link {
	line-height: 48px
}

.goods-detail-wrap .tab-menu.type2 .tab-menu-item+.tab-menu-item {
	margin-left: 23px
}

.goods-detail-wrap .tab-menu.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 520px;
	z-index: 10
}

.goods-detail-info-box {
	border-top: 1px solid var(--color-gray-30);
	padding-top: 24px;
	margin-top: 24px
}

.goods-detail-info-box.type2 {
	border-top: 0;
	padding-top: 0
}

.goods-detail-info-box.type2 .goods-detail-info-item {
	padding-bottom: 16px;
	border-bottom: 1px solid var(--color-gray-30)
}

.goods-detail-info-box.type2 .goods-detail-info-item:last-child {
	border-bottom: none;
	padding-bottom: 0
}

.goods-detail-info-box.type2 .goods-detail-info-item+.goods-detail-info-item
	{
	margin-top: 16px
}

.goods-detail-info-box.type3 {
	margin-top: 24px;
	padding-top: 0;
	border-top: none
}

.goods-detail-info-box.type3 .goods-detail-info-list {
	display: block
}

.goods-detail-info-box.type3 .goods-detail-info-title {
	width: auto
}

.goods-detail-info-box.type3 .goods-detail-info-cont {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-moz-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.goods-detail-info-box.type3 .goods-detail-info-item+.goods-detail-info-item
	{
	margin-top: 16px
}

.goods-detail-info-box+.btn-area {
	margin-top: 40px
}

.goods-detail-info-box+.btn-area [class^=btn-]:nth-child(1) {
	width: auto
}

.goods-detail-info-box+.btn-area [class^=btn-]:nth-child(2) {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.goods-detail-info-box+.btn-area .goods-like-button {
	height: 56px;
	padding-left: 24px;
	padding-right: 24px;
	background-position: 16px center;
	background-size: 23px 20px
}

.goods-detail-info-box+.btn-area .goods-like-button span {
	font-weight: var(--fw-m)
}

.goods-detail-info-item+.goods-detail-info-item {
	margin-top: 8px
}

.goods-detail-info-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 8px
}

.goods-detail-info-title {
	width: 118px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 14px;
	color: #777;
	line-height: 20px
}

.goods-detail-info-cont {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
	font-size: 15px;
	color: #222;
	line-height: 22px
}

.goods-detail-info-cont strong {
	display: block;
	font-weight: 400
}

.goods-detail-info-cont .type2 li+li {
	margin-top: 20px
}

.goods-quantity-info-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 8px
}

.goods-quantity-info-item+.goods-quantity-info-item {
	margin-top: 24px
}

.goods-quantity-info-title {
	width: 121px;
	color: #222;
	font-weight: var(--fw-sb);
	font-size: 18px;
	line-height: 28px
}

.goods-quantity-info-cont {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: right;
	font-size: 24px;
	line-height: 32px
}

.goods-quantity-info-cont .unit {
	font-weight: var(--fw-r)
}

.goods-list.is-list .goods.is-check {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 165px;
	padding-top: 16px;
	border-top: 1px solid var(--color-gray-30)
}

.goods-list.is-list .goods.is-check .chk-box {
	position: static;
	width: 24px;
	height: 24px
}

.goods-list.is-list .goods.is-check .chk-box label {
	height: 24px
}

.goods-list.is-list .goods.is-check .goods-item-wrap {
	margin-left: 8px
}

.goods-list.is-list .goods.is-check .goods-info-box {
	margin-top: 0
}

.goods-list.is-list .goods.is-check .goods-img-box {
	width: 125px;
	height: 125px
}

.goods-list.is-list .goods.is-check .cart-button {
	left: -webkit-calc(0px + 125px + 13px);
	left: -moz-calc(0px + 125px + 13px);
	left: calc(0px + 125px + 13px);
	width: -webkit-calc(100% - ( 125px + 13px));
	width: -moz-calc(100% - ( 125px + 13px));
	width: calc(100% - ( 125px + 13px));
	bottom: 0
}

.goods-list .goods-wrap {
	display: grid;
	gap: 40px 20px;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))
}

.goods-list .goods-item {
	width: 100%
}

.goods-list .goods.is-check {
	position: relative
}

.goods-list .goods.is-check .chk-box {
	position: absolute;
	z-index: 10;
	top: 8px;
	right: 8px
}

.goods-list.is-list {
	gap: 24px 0
}

.goods-list.is-list .goods-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.goods-list.is-list .goods-item-wrap {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 13px
}

.goods-list.is-list .goods-item {
	width: 100%
}

.goods-list.is-grid-6 .goods-wrap {
	grid-template-columns: repeat(auto-fill, minmax(154px, 1fr))
}

.goods-list+.btn-area {
	margin-top: 40px;
	text-align: center;
}

.goods-list+.btn-area .btn-secondary {
	width: 502px
}

.goods-list .goods-item:nth-child(1) .badge-ranking, .goods-list .goods-item:nth-child(2) .badge-ranking,
	.goods-list .goods-item:nth-child(3) .badge-ranking, .goods-list .goods-item:nth-child(4) .badge-ranking,
	.goods-list .goods-item:nth-child(5) .badge-ranking {
	background-color: #222
}

.badge-item {
	line-height: 12px;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	font-weight: 500;
	padding: 5px 6px;
	border-radius: 4px
}

.badge-hot {
	background-color: #fce6e7;
	color: #e30613
}

.badge-new {
	background-color: #c2e8d6;
	color: #15975a
}

.badge-sale {
	background-color: #f6626b;
	color: var(--color-white)
}

.badge-ranking {
	padding: 1px 2px;
	background-color: #999;
	color: var(--color-white);
	font-size: 11px;
	font-weight: 700;
	line-height: 20px;
	width: 22px;
	text-align: center
}

.badge-user1 {
	background-color: #009891;
	color: var(--color-white)
}

.badge-user2 {
	background-color: #3737a0;
	color: var(--color-white)
}

.badge-user3 {
	background-color: #e30613;
	color: var(--color-white)
}

.special-price-item {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: top;
	width: 40px;
	height: 40px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: 700;
	font-size: 10px;
	line-height: 12px;
	color: var(--color-white);
	text-align: center;
	border-radius: 100%
}

.special-price-sale {
	background-color: #2da86e
}

.special-price-online {
	background-color: #0c1640
}

.goods-like-button {
	width: 40px;
	height: 40px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='22' viewBox='0 0 25 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 21.0001C20.2316 15.2669 23.3228 12.514 23.9082 8.61448C24.206 6.63838 23.8553 3.91899 21.7208 2.24571C19.3311 0.371345 14.6885 0.359376 12.5 3.97166C10.3115 0.359376 5.6689 0.371345 3.27917 2.24571C1.14474 3.91899 0.793987 6.63838 1.09184 8.61448C1.6772 12.514 4.76844 15.2669 12.5 21.0001Z' fill='%23CCC' stroke='white' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center
}

.goods-like-button span {
	font-size: 0
}

.goods-like-button.is-active {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='22' viewBox='0 0 25 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 21.0001C20.2316 15.2669 23.3228 12.514 23.9082 8.61448C24.206 6.63838 23.8553 3.91899 21.7208 2.24571C19.3311 0.371345 14.6885 0.359376 12.5 3.97166C10.3115 0.359376 5.6689 0.371345 3.27917 2.24571C1.14474 3.91899 0.793987 6.63838 1.09184 8.61448C1.6772 12.514 4.76844 15.2669 12.5 21.0001Z' fill='%23E30613' stroke='white' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.goods-favorites-button {
	width: 40px;
	height: 40px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4444 1H2.55556C2.14314 1.00049 1.74775 1.16921 1.45613 1.46916C1.16451 1.76912 1.00047 2.1758 1 2.6V20.2C1.00001 20.3428 1.03718 20.483 1.10765 20.606C1.17812 20.7291 1.27932 20.8305 1.40075 20.8997C1.52219 20.9689 1.65942 21.0035 1.79821 20.9997C1.937 20.996 2.07229 20.9541 2.19002 20.8784L7.99934 17.1434L13.81 20.8784C13.9278 20.9541 14.063 20.996 14.2018 20.9997C14.3406 21.0035 14.4778 20.9689 14.5993 20.8997C14.7207 20.8305 14.8219 20.7291 14.8924 20.606C14.9628 20.483 15 20.3428 15 20.2V2.6C14.9995 2.1758 14.8355 1.76912 14.5439 1.46916C14.2522 1.16921 13.8569 1.00049 13.4444 1Z' fill='%23CCC' stroke='white' stroke-opacity='0.8'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center
}

.goods-favorites-button span {
	font-size: 0
}

.goods-favorites-button.is-active {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4444 1H2.55556C2.14314 1.00049 1.74775 1.16921 1.45613 1.46916C1.16451 1.76912 1.00047 2.1758 1 2.6V20.2C1.00001 20.3428 1.03718 20.483 1.10765 20.606C1.17812 20.7291 1.27932 20.8305 1.40075 20.8997C1.52219 20.9689 1.65942 21.0035 1.79821 20.9997C1.937 20.996 2.07229 20.9541 2.19002 20.8784L7.99934 17.1434L13.81 20.8784C13.9278 20.9541 14.063 20.996 14.2018 20.9997C14.3406 21.0035 14.4778 20.9689 14.5993 20.8997C14.7207 20.8305 14.8219 20.7291 14.8924 20.606C14.9628 20.483 15 20.3428 15 20.2V2.6C14.9995 2.1758 14.8355 1.76912 14.5439 1.46916C14.2522 1.16921 13.8569 1.00049 13.4444 1Z' fill='%23E30613' stroke='white' stroke-opacity='0.8'/%3E%3C/svg%3E%0A")
}

.goods-state-item {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: top;
	color: #999;
	gap: 4px;
	font-size: 12px;
	line-height: 16px
}

.goods-state-item::before {
	background-repeat: no-repeat;
	background-position: left center
}

.goods-state-item+.goods-state-item {
	margin-left: 2px
}

.goods-state1::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 10px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9097 5.25408L8.52594 5.87114L6.95245 5L8.52594 4.12886L10.9097 4.74592C11.1641 4.80944 11.4185 4.66425 11.4845 4.42831C11.5504 4.1833 11.3997 3.93829 11.1547 3.87477L9.67544 3.49365L10.2313 3.18512C10.5046 3.03085 10.6271 2.7314 10.4952 2.51361C10.3633 2.29583 10.0335 2.24138 9.76024 2.39564L9.20434 2.70417L9.60006 1.27949C9.63775 1.16152 9.60949 1.03448 9.55295 0.934664C9.49642 0.834846 9.39278 0.753176 9.27029 0.725953C9.01589 0.662432 8.7615 0.807622 8.69554 1.04356L8.05484 3.33938L6.48135 4.21053V2.45917L8.22444 0.780399C8.41288 0.598911 8.41288 0.317604 8.22444 0.136116C8.036 -0.045372 7.74391 -0.045372 7.55547 0.136116L6.47193 1.17967V0.562613C6.47193 0.254083 6.26464 0.00907432 6.00082 0.00907432C5.737 0.00907432 5.52972 0.254083 5.52972 0.562613V1.17967L4.44618 0.136116C4.25773 -0.045372 3.96565 -0.045372 3.77721 0.136116C3.58876 0.317604 3.58876 0.598911 3.77721 0.780399L5.52029 2.45917V4.21053L3.9468 3.33938L3.3061 1.04356C3.24015 0.798548 2.97633 0.662432 2.73135 0.725953C2.48638 0.789473 2.33563 1.04356 2.40158 1.27949L2.79731 2.70417L2.2414 2.39564C1.96816 2.24138 1.63839 2.29583 1.50648 2.51361C1.37457 2.7314 1.49706 3.03085 1.7703 3.18512L2.3262 3.49365L0.846934 3.87477C0.724447 3.91107 0.620804 3.98367 0.564271 4.08348C0.507739 4.1833 0.479472 4.31034 0.517161 4.42831C0.583115 4.67332 0.846934 4.80944 1.09191 4.74592L3.4757 4.12886L5.04919 5L3.4757 5.87114L1.09191 5.25408C0.837512 5.19056 0.583115 5.33575 0.517161 5.57169C0.451206 5.80762 0.601959 6.06171 0.846934 6.12523L2.3262 6.50635L1.7703 6.81488C1.49706 6.96915 1.37457 7.2686 1.50648 7.48639C1.63839 7.70417 1.96816 7.75862 2.2414 7.60436L2.79731 7.29583L2.40158 8.72051C2.33563 8.96552 2.48638 9.21053 2.73135 9.27405C2.98575 9.33757 3.24015 9.19238 3.3061 8.95644L3.9468 6.66062L5.52029 5.78947V7.54083L3.77721 9.2196C3.58876 9.40109 3.58876 9.68239 3.77721 9.86388C3.96565 10.0454 4.25773 10.0454 4.44618 9.86388L5.52972 8.82033V9.43739C5.52972 9.74592 5.737 9.99092 6.00082 9.99092C6.26464 9.99092 6.47193 9.74592 6.47193 9.43739V8.82033L7.55547 9.86388C7.64969 9.95463 7.77218 10 7.88524 10C7.99831 10 8.13022 9.95463 8.21501 9.86388C8.40346 9.68239 8.40346 9.40109 8.21501 9.2196L6.47193 7.54083V5.78947L8.04542 6.66062L8.68612 8.95644C8.75207 9.20145 9.01589 9.33757 9.26087 9.27405C9.51526 9.21053 9.6566 8.95644 9.59064 8.72051L9.19491 7.29583L9.75082 7.60436C10.0241 7.75862 10.3538 7.70417 10.4857 7.48639C10.6176 7.2686 10.4952 6.96915 10.2219 6.81488L9.66602 6.50635L11.1453 6.12523C11.3997 6.06171 11.541 5.80762 11.4751 5.57169C11.4091 5.33575 11.1453 5.19056 10.9003 5.25408H10.9097Z' fill='%23999999'/%3E%3C/svg%3E%0A")
}

.goods-state2::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 10px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='9' height='12' viewBox='0 0 9 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.9442 0.206779C4.83381 0.0756039 4.67126 0 4.50002 0C4.32878 0 4.16623 0.0756039 4.05584 0.206779C3.89707 0.395036 0.171265 4.8527 0.171265 7.67124C0.171265 10.0581 2.11317 12 4.50002 12C6.88687 12 8.82878 10.0581 8.82878 7.67124C8.82878 4.85496 5.10297 0.395412 4.9442 0.206779ZM4.50002 10.8387C2.75355 10.8387 1.33255 9.41772 1.33255 7.67124C1.33255 5.93158 3.32814 3.00869 4.50002 1.50529C5.67227 3.00869 7.66749 5.93082 7.66749 7.67124C7.66749 9.41772 6.24649 10.8387 4.50002 10.8387Z' fill='%23999999'/%3E%3Cpath d='M2.5 7.5C2.5 8.5 3.3 9.5 4.5 9.5' stroke='%23999999' stroke-linecap='round'/%3E%3C/svg%3E%0A")
}

.goods-state2::before {
	width: 9px;
	height: 12px
}

.goods-state3::before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 10px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.8 7.061V1.65C4.8 0.737 3.996 0 3 0C2.004 0 1.2 0.737 1.2 1.65V7.061C0.456 7.578 0 8.392 0 9.25C0 10.768 1.344 12 3 12C4.656 12 6 10.768 6 9.25C6 8.392 5.544 7.578 4.8 7.061ZM3 1.1C3.336 1.1 3.6 1.342 3.6 1.65V3.3H2.4V1.65C2.4 1.342 2.664 1.1 3 1.1ZM3 10.9C2.004 10.9 1.2 10.163 1.2 9.25C1.2 8.667 1.536 8.128 2.1 7.831C2.28 7.732 2.4 7.556 2.4 7.358V4.4H3.6V7.358C3.6 7.556 3.708 7.732 3.9 7.831C4.464 8.128 4.8 8.667 4.8 9.25C4.8 10.163 3.996 10.9 3 10.9Z' fill='%23999999'/%3E%3Cpath d='M7.5 2H9.5C9.78 2 10 1.78 10 1.5C10 1.22 9.78 1 9.5 1H7.5C7.22 1 7 1.22 7 1.5C7 1.78 7.22 2 7.5 2Z' fill='%23999999'/%3E%3Cpath d='M9.5 3H7.5C7.22 3 7 3.22 7 3.5C7 3.78 7.22 4 7.5 4H9.5C9.78 4 10 3.78 10 3.5C10 3.22 9.78 3 9.5 3Z' fill='%23999999'/%3E%3Cpath d='M9.5 5H7.5C7.22 5 7 5.22 7 5.5C7 5.78 7.22 6 7.5 6H9.5C9.78 6 10 5.78 10 5.5C10 5.22 9.78 5 9.5 5Z' fill='%23999999'/%3E%3C/svg%3E%0A")
}

.goods-state3::before {
	width: 10px;
	height: 12px
}

.shape-box .align-space-left, .shape-box .align-space-right {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.shape-box .sort-select-box+.sort-select-box {
	margin-left: 8px
}

.shape-box .input-search input[type=text] {
	font-size: 18px
}

.sort-select-box {
	min-width: 105px
}

.sort-select-box .selected-option {
	border: none;
	background-size: 10px 6px;
	background-position: 100% center;
	padding-right: 20px;
	text-align: right
}

.sort-select-box .selected-option span {
	font-size: 14px;
	line-height: 32px
}

.sort-select-box .select-option-list {
	top: 32px
}

.sort-select-box .select-option-item span {
	padding-right: 18px;
	color: #666;
	font-size: 14px
}

.sort-select-box .select-option-item.is-selected span {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z' fill='%23222222'/%3E%3Cpath d='M5.5 8.00001C5.37 8.00001 5.24 7.95001 5.15 7.85001L3.15 5.85001C2.95 5.65001 2.95 5.34001 3.15 5.14001C3.35 4.94001 3.66 4.94001 3.86 5.14001L5.51 6.79001L8.16 4.14001C8.36 3.94001 8.67 3.94001 8.87 4.14001C9.07 4.34001 9.07 4.65001 8.87 4.85001L5.87 7.85001C5.77 7.95001 5.64 8.00001 5.52 8.00001H5.5Z' fill='white'/%3E%3C/svg%3E%0A");
	background-position: right center;
	background-repeat: no-repeat;
	color: #222
}

.goods-number-box {
	padding: 6px 48px;
	position: relative;
	width: 200px;
	background-color: var(--color-gray-20);
	border-radius: var(--border-radius-8)
}

.goods-number-box .btn-number-control {
	width: 40px;
	height: 40px;
	border: 1px solid var(--color-gray-40);
	background-color: var(--color-white);
	min-width: 0;
	line-height: normal;
	position: absolute
}

.goods-number-box .btn-number-control span {
	display: block;
	height: 100%;
	position: relative;
	font-size: 0
}

.goods-number-box .btn-number-control span:before {
	content: "";
	width: 12px;
	height: 2px;
	border-radius: 1px;
	background-color: #222;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.goods-number-box .btn-number-control.btn-minus {
	top: 6px;
	left: 8px
}

.goods-number-box .btn-number-control.btn-plus {
	top: 6px;
	right: 8px
}

.goods-number-box .btn-number-control.btn-plus span:after {
	content: "";
	height: 12px;
	width: 2px;
	border-radius: 1px;
	background-color: #222;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.goods-number-box .goods-number {
	border: none;
	line-height: 40px;
	text-align: center;
	font-weight: 800;
	font-size: 20px;
	height: 40px;
	color: #222
}

.cart-add .price-calculate {
	line-height: 24px;
	color: #777
}

.cart-add .price-hap {
	color: #222;
	font-size: 20px;
	line-height: 24px
}

.cart-add .price-hap em {
	font-weight: 800
}

.cart-add .cart-control-area {
	margin-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.cart-add .cart-btn-area {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	display: flex;
	gap: 5px;
}

.cart-add .cart-btn-area button {
	width: 100%;
}
	
.cart-add .cart-btn-area .btn-secondary.large,
.cart-add .cart-btn-area .btn-primary.large {
	height: 52px;
	line-height: 52px;
	width: 100%
}

.order-goods {
	position: relative;
	padding: 20px;
	border: 1px solid var(--color-gray-40);
	border-radius: var(--border-radius-8)
}

.order-goods-state-info-title {
	font-weight: 700;
	font-size: 15px;
	line-height: 22px;
	color: #222
}

.order-goods-state-info-date {
	font-size: 14px;
	line-height: 20px;
	margin-left:auto;
	margin-right:20px;
}

.order-goods-state-info+.order-goods-item-wrap {
	margin-top: 8px
}

.order-goods-item-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.order-goods-img-box {
	position: relative;
	aspect-ratio: 1;
	width: 88px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.order-goods-img-box-link {
	display: grid;
	place-items: center;
	background-color: #f7f7f7;
	border-radius: 8px;
	padding: 8px;
	position: relative
}

.order-goods-img-box-link:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 8px;
	right: 8px;
	bottom: 8px;
	background-color: rgba(0, 0, 0, .04)
}

.order-goods-info-box {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0
}

.order-goods-store-box {
	display: block
}

.order-goods-store-box-code {
	color: #777;
	letter-spacing: -0.4px;
	font-size: 14px;
	font-weight: var(--fw-r);
	line-height: 20px
}

.order-goods-store-box-info {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px
}

.order-goods-store-box+.order-goods-info-box-link {
	display: block;
	margin-top: 6px
}

.order-goods-price-box {
	display: block;
	margin-top: 6px
}

.order-goods-price-box .order-goods-price {
	font: 14px;
	font-weight: 700
}

.order-goods-title-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	min-width: 0
}

.order-goods-title {
	min-width: 0;
	display: block;
	font-size: 15px;
	color: #222;
	line-height: 22px;
	text-align: left;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.order-goods-count {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: 8px;
	white-space: nowrap;
	font-size: 15px;
	font-weight: 700;
	color: #222;
	line-height: 22px
}

.order-goods-cont-box .order-goods-state-info {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.order-goods-cont-box .order-goods-state-info+.order-goods-link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 8px
}

.order-goods-cont-box .order-goods-state-info .align-space-left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px
}

.order-goods.is-ing .order-goods-state-info-title {
	color: #e30613
}

.order-goods.is-end .order-goods-state-info-title {
	color: #777
}

.order-goods-grid+.title-type2 {
	margin-top: 32px
}

.order-goods-grid ~.exc-list {
	margin-top: 24px
}

.order-goods-grid .btn-area button {
	height: 44px;
	line-height: 44px
}

.order-goods-list-item+.order-goods-list-item {
	margin-top: 24px
}

.order-goods-list+.btn-area {
	margin-top: 24px
}

.order-goods-list.is-order-list {
	margin-top: 16px;
	border-top: 1px solid var(--color-gray-30)
}

.order-goods-list.is-order-list .order-goods-list-item+.order-goods-list-item
	{
	margin-top: 0
}

.order-goods-list.is-order-list.type2 {
	border: none;
	margin-top: 0
}

.order-goods-list.is-order-list.type2 .order-goods-list-wrap .order-goods-list-item:first-of-type .order-goods
	{
	padding-top: 0
}

.order-goods-list.is-order-list .btn-area {
	margin-top: 20px
}

.order-goods-list.is-order-list .is-check {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	gap: 8px
}

.order-goods-list.is-order-list .is-check .order-goods-item-wrap {
	display: grid;
	grid-template-columns: 88px 1fr
}

.order-goods-list.is-order-list .is-check .order-goods-item-wrap.type2 {
	grid-template-columns: 88px 1fr 200px;
}
.order-goods-list.is-order-list .is-check .chk-box {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: auto
}

.order-goods-list.is-order-list .is-check .chk-box .chk+label {
	width: 24px
}

.order-goods-list.is-order-list .is-del {
	position: relative
}

.order-goods-list.is-order-list .is-del .order-goods-info-box {
	padding-right: 72px
}

.order-goods-list.is-order-list .is-del .delete-btn {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	min-width: 64px;
	border: 1px solid #ddd;
	border-radius: var(--border-radius-8);
	background-color: var(--color-white);
	height: 32px
}

.order-goods-list.is-order-list .is-del .delete-btn span {
	font-size: 13px;
	line-height: 18px;
	font-weight: var(--fw-r);
	letter-spacing: -0.4px;
	color: #222
}

.order-goods-list-date {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 12px
}

.order-goods-list-date-info {
	color: #222;
	font-size: 18px;
	font-weight: var(--fw-b)
}

.order-goods-list-date .link-list-link {
	font-size: 15px
}

.order-goods.type-bottom-link {
	padding-bottom: 62px
}

.order-goods.type-bottom-link .order-goods-link-bottom {
	position: absolute;
	bottom: -1px;
	left: -1px;
	z-index: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: -webkit-calc(100% + 2px);
	width: -moz-calc(100% + 2px);
	width: calc(100% + 2px);
	height: 46px;
	padding: 0 20px;
	background-color: #fce6e7;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px
}

.order-goods.type-bottom-link .order-goods-link-bottom .exc-list-item,
	.order-goods.type-bottom-link .order-goods-link-bottom .link-list-title
	{
	color: var(--color-red-20);
	font-size: 14px;
	line-height: 20px;
	font-weight: var(--fw-r)
}

.order-goods.type-bottom-link .order-goods-link-bottom .link-list-title
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='6' height='10' viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.612 9.98901C0.768 9.98901 0.924 9.93346 1.032 9.82234L5.82 5.38901C6.06 5.16679 6.06 4.82234 5.82 4.60012L1.032 0.166789C0.792 -0.0554335 0.42 -0.0554335 0.18 0.166789C-0.06 0.389011 -0.06 0.733455 0.18 0.955678L4.548 5.00012L0.18 9.04457C-0.06 9.26679 -0.06 9.61123 0.18 9.83346C0.3 9.94457 0.456 10.0001 0.6 10.0001V9.98901H0.612Z' fill='%23e30613'/%3E%3C/svg%3E%0A")
}

.order-goods.type-list2 {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-color: var(--color-gray-30);
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0
}

.order-goods.type-list2 .order-goods-state-info-title {
	line-height: 18px;
	color: #777;
	font-size: 13px
}

.order-goods.type-list2 .order-goods-state-info-title+.order-goods-info-box-link
	{
	margin-top: 2px
}

.order-goods.type-list2 .order-goods-item-detail {
	margin-top: 8px
}

.order-goods.type-list2 .order-goods-item-detail-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	margin-bottom:3px;
	align-items: center;
	gap: 4px;
	font-size: 15px;
	color: #777
}

.order-goods.type-list2 .order-goods-item-detail-list+.order-goods-item-detail-list
	{
	margin-top: 2px
}

.order-goods.type-list2 .order-goods-item-detail-value {
	color: #222;
	font-weight: var(--fw-sb)
}

.goods-detail-img {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.goods-detail-img .soldout-bg {
	z-index: 10
}

.goods-detail-img .soldout-bg .soldout-txt {
	font-size: 24px
}

.goods-detail-img .swiper-button-next {
	right: 0
}

.goods-detail-img .swiper-button-prev {
	left: 0
}

.goods-detail-img>.swiper {
	max-width: 500px
}

.goods-detail-thumbs {
	margin-top: 24px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	padding: 0;
	z-index: 1
}

.goods-detail-thumbs .swiper-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.goods-detail-thumbs .swiper-slide {
	border-radius: 8px;
	background-color: #fff;
	padding: 8px;
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.goods-detail-thumbs .swiper-slide img {
	max-height: 100%;
}

.goods-detail-thumbs .swiper-slide::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .04)
}

.goods-detail-thumbs .swiper-slide.swiper-slide-thumb-active {
	border: 2px solid #e30613
}

.goods-detail-thumbs .swiper-slide.swiper-slide-thumb-active img {
	border-radius: 8px;
	-o-object-fit: contain;
	object-fit: contain
}

.goods-detail-wrap>.align-space {
	-webkit-box-align: normal;
	-webkit-align-items: normal;
	-moz-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal;
	display: grid;
	grid-template-columns: 1fr minmax(221px, 261px)
}

.goods-detail-wrap>.align-space>.align-space-left {
	padding-right: 40px
}

.goods-detail-wrap>.align-space>.align-space-right {
	padding-left: 40px;
	border-left: 1px solid #eee
}

.goods-detail-wrap>.align-space>.align-space-right .cart-add {
	position: -webkit-sticky;
	position: sticky;
	top: 80px;
	padding-top: 40px
}

.goods-detail-wrap .goods-number-box {
	width: 100%
}

.goods-detail-wrap .goods-like-button {
	width: 100%;
	background-image: none
}

.goods-detail-wrap .goods-like-button span {
	font-weight: var(--fw-m);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px
}

.goods-detail-wrap .goods-like-button span::before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 20px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='22' viewBox='0 0 25 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 21.0001C20.2316 15.2669 23.3228 12.514 23.9082 8.61448C24.206 6.63838 23.8553 3.91899 21.7208 2.24571C19.3311 0.371345 14.6885 0.359376 12.5 3.97166C10.3115 0.359376 5.6689 0.371345 3.27917 2.24571C1.14474 3.91899 0.793987 6.63838 1.09184 8.61448C1.6772 12.514 4.76844 15.2669 12.5 21.0001Z' fill='%23CCC' stroke='white' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 23px 20px
}

.goods-detail-wrap .goods-like-button.is-active span::before {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='22' viewBox='0 0 25 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 21.0001C20.2316 15.2669 23.3228 12.514 23.9082 8.61448C24.206 6.63838 23.8553 3.91899 21.7208 2.24571C19.3311 0.371345 14.6885 0.359376 12.5 3.97166C10.3115 0.359376 5.6689 0.371345 3.27917 2.24571C1.14474 3.91899 0.793987 6.63838 1.09184 8.61448C1.6772 12.514 4.76844 15.2669 12.5 21.0001Z' fill='%23E30613' stroke='white' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.goods-detail-wrap .cart-add-info {
	color: #222;
	font-size: 18px;
	line-height: 28px
}

.goods-detail-wrap .cart-add-title {
	color: #222;
	font-size: 18px;
	line-height: 28px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.goods-detail-wrap .cart-add-price {
	color: #777;
	font-size: 15px;
	line-height: 22px;
	margin-top: 4px
}

.goods-detail-wrap .cart-add .price-hap {
	text-align: right;
	margin-top: 24px;
	font-size: 24px;
	line-height: 32px
}

.goods-detail-wrap .cart-add .btn-area {
	margin-top: 40px
}

.goods-detail-wrap .cart-add .btn-area button {
	width: 100%
}

.goods-detail-wrap .cart-add .btn-area .goods-like-button {
	background-image: none
}

.goods-detail-wrap .cart-add .btn-area .goods-like-button span {
	font-weight: var(--fw-m);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px
}

.goods-detail-wrap .cart-add .btn-area .goods-like-button span::before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 20px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='22' viewBox='0 0 25 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 21.0001C20.2316 15.2669 23.3228 12.514 23.9082 8.61448C24.206 6.63838 23.8553 3.91899 21.7208 2.24571C19.3311 0.371345 14.6885 0.359376 12.5 3.97166C10.3115 0.359376 5.6689 0.371345 3.27917 2.24571C1.14474 3.91899 0.793987 6.63838 1.09184 8.61448C1.6772 12.514 4.76844 15.2669 12.5 21.0001Z' fill='%23CCC' stroke='white' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 23px 20px
}

.goods-detail-wrap .cart-add .btn-area .goods-like-button.is-active span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='22' viewBox='0 0 25 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 21.0001C20.2316 15.2669 23.3228 12.514 23.9082 8.61448C24.206 6.63838 23.8553 3.91899 21.7208 2.24571C19.3311 0.371345 14.6885 0.359376 12.5 3.97166C10.3115 0.359376 5.6689 0.371345 3.27917 2.24571C1.14474 3.91899 0.793987 6.63838 1.09184 8.61448C1.6772 12.514 4.76844 15.2669 12.5 21.0001Z' fill='%23E30613' stroke='white' stroke-opacity='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.goods-detail-tab-wrap {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	margin: 0 -20px;
	background-color: #f7f7f7;
	height: 80px;
	margin-top: 80px;
	z-index: 1;
	padding: 0 20px
}

.goods-detail-tab-wrap .in {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.goods-detail-tab-wrap .tab-menu {
	background-color: rgba(0, 0, 0, 0)
}

.goods-detail-tab-wrap+.in {
	margin-top: 0
}

.goods-detail-tab-wrap+.in .inner-space-wrap {
	padding-top: 40px;
	padding-bottom: 40px
}

.goods-detail-tab-wrap+.in .inner-space-wrap:last-of-type {
	padding-bottom: 32px
}

.soldout-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(34, 34, 34, .5)
}

.soldout-bg .soldout-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: var(--color-white);
	font-size: 18px;
	font-weight: 800
}

.scroll-hidden {
	overflow-y: hidden
}

.dimmed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: rgba(34, 34, 34, .5)
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: .1s linear;
	-moz-transition: .1s linear;
	transition: .1s linear;
	pointer-events: none
}

.modal.wrap-fit {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width: 52rem
}

.modal.pos-bottom {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.modal.pos-bottom .header h2 {
	height: 4.4rem
}

.modal.pos-bottom .content {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	background-color: var(--color-white);
	border-radius: var(--border-radius-24) var(--border-radius-24) 0 0;
	-webkit-box-shadow: 0 -0.8rem 1.6rem 0 rgba(0, 0, 0, .05);
	box-shadow: 0 -0.8rem 1.6rem 0 rgba(0, 0, 0, .05);
	max-height: -webkit-calc(100% - 10rem);
	max-height: -moz-calc(100% - 10rem);
	max-height: calc(100% - 10rem);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.modal.pos-bottom .content .body {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1;
	-moz-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1
}

.modal.pos-bottom .content .btn-close {
	height: 4.4rem
}

.modal.pos-full {
	background-color: var(--color-white)
}

.modal.pos-full .content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1;
	-moz-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1;
	height: 100%;
	padding-top: 0
}

.modal.pos-full .content .header {
	padding-top: 0;
	padding-bottom: 0
}

.modal.pos-full .content .header h2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 6.4rem
}

.modal.pos-full .content .body {
	height: 100%
}

.modal.pos-full .content .btn-close {
	height: 6.4rem;
	top: 0
}

.modal.show {
	z-index: 999;
	opacity: 1;
	pointer-events: auto
}

.modal.show.pos-bottom .content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.modal-title {
	font-size: 2rem;
	font-weight: var(--fw-b);
	line-height: 4rem
}

.modal .content {
	position: relative;
	width: 100%;
	padding-top: 1.6rem;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	transition: .3s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.modal .content .header {
	height: auto;
	padding-top: 0;
	padding-right: 5.6rem;
	padding-bottom: 1.6rem;
	padding-left: 1.6rem
}

.modal .content .header h2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.modal .content .body {
	overflow: hidden;
	overflow-y: auto;
	max-height: 100%;
	height: auto;
	padding: 0 1.6rem 1.6rem 1.6rem
}

.modal .content .btn-close {
	position: absolute;
	top: 1.6rem;
	right: 1.6rem;
	width: 4rem;
	height: 4rem;
	min-width: auto;
	padding: 0;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3996 10.0014L19.6876 1.70428C20.0775 1.3139 20.0775 0.683286 19.6876 0.292907C19.2977 -0.0974728 18.6679 -0.0974728 18.278 0.292907L9.99 8.59L1.70203 0.292907C1.31214 -0.0974728 0.68231 -0.0974728 0.292419 0.292907C-0.0974729 0.683286 -0.0974729 1.3139 0.292419 1.70428L8.58039 10.0014L0.292419 18.2985C-0.0974729 18.6888 -0.0974729 19.3195 0.292419 19.7098C0.492363 19.91 0.742294 20.0001 1.00222 20.0001C1.26215 20.0001 1.51208 19.9 1.71202 19.7098L10 11.4127L18.288 19.7098C18.4879 19.91 18.7379 20.0001 18.9978 20.0001C19.2577 20.0001 19.5076 19.9 19.7076 19.7098C20.0975 19.3195 20.0975 18.6888 19.7076 18.2985L11.4196 10.0014H11.3996Z' fill='%23222222'/%3E%3C/svg%3E%0A")
		no-repeat center center
}

.modal .content .button-wrap .reset-btn {
	width: 30%
}

.modal .content .button-wrap .apply-btn {
	width: 70%
}

.full-modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
	width: 100%;
	height: 100%;
	background-color: #fff
}

.full-modal.show {
	display: block
}

.full-modal .content {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.full-modal .content .header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 4rem;
	margin: 1.6rem;
	padding-right: 4rem
}

.full-modal .content .btn-close {
	position: absolute;
	top: 0;
	right: 1.6rem;
	width: 4rem;
	height: 4rem;
	min-width: auto;
	padding: 0;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3996 10.0014L19.6876 1.70428C20.0775 1.3139 20.0775 0.683286 19.6876 0.292907C19.2977 -0.0974728 18.6679 -0.0974728 18.278 0.292907L9.99 8.59L1.70203 0.292907C1.31214 -0.0974728 0.68231 -0.0974728 0.292419 0.292907C-0.0974729 0.683286 -0.0974729 1.3139 0.292419 1.70428L8.58039 10.0014L0.292419 18.2985C-0.0974729 18.6888 -0.0974729 19.3195 0.292419 19.7098C0.492363 19.91 0.742294 20.0001 1.00222 20.0001C1.26215 20.0001 1.51208 19.9 1.71202 19.7098L10 11.4127L18.288 19.7098C18.4879 19.91 18.7379 20.0001 18.9978 20.0001C19.2577 20.0001 19.5076 19.9 19.7076 19.7098C20.0975 19.3195 20.0975 18.6888 19.7076 18.2985L11.4196 10.0014H11.3996Z' fill='%23222222'/%3E%3C/svg%3E%0A")
		no-repeat center center
}

.bottom-sheet {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: .1s linear;
	-moz-transition: .1s linear;
	transition: .1s linear;
	pointer-events: none
}

.bottom-sheet .content {
	overflow: hidden;
	position: relative;
	width: 100%;
	max-height: 100vh;
	max-width: 115rem;
	padding: 1.6rem;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	background: #fff;
	border-radius: var(--border-radius-24) var(--border-radius-24) 0 0;
	-webkit-box-shadow: 0 -0.8rem 1.6rem 0 rgba(0, 0, 0, .05);
	box-shadow: 0 -0.8rem 1.6rem 0 rgba(0, 0, 0, .05);
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	transition: .3s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.bottom-sheet .header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.bottom-sheet .header .drag-icon {
	margin-top: -1.6rem;
	padding: 1.6rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab
}

.bottom-sheet .header .drag-icon span {
	display: block;
	height: .4rem;
	width: 4rem;
	background: #c7d0e1;
	border-radius: 5rem
}

.bottom-sheet .body {
	overflow-y: auto;
	height: 100%;
	padding: 1.6rem 0 4rem;
	scrollbar-width: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.bottom-sheet .body::-webkit-scrollbar {
	width: 0
}

.bottom-sheet .body p {
	margin-top: 2rem;
	font-size: 1.5rem
}

.bottom-sheet.show {
	z-index: 999;
	opacity: 1;
	pointer-events: auto
}

.bottom-sheet.show .content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.bottom-sheet.dragging .content {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none
}

.bottom-sheet.fullscreen .content {
	overflow-y: hidden;
	border-radius: 0
}

.tooltip-box {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative
}

.tooltip-box .tooltip-btn.ico {
	width: 16px;
	height: 16px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3724_33609)'%3E%3Cpath d='M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z' fill='%23BBBBBB'/%3E%3Cpath d='M6 7.99977C5.72 7.99977 5.5 7.77977 5.5 7.49977V7.28977C5.5 6.67977 5.85 6.14977 6.38 5.92977C6.76 5.76977 7 5.40977 7 5.00977C7 4.45977 6.55 4.00977 6 4.00977C5.45 4.00977 5 4.45977 5 5.00977C5 5.28977 4.78 5.50977 4.5 5.50977C4.22 5.50977 4 5.28977 4 5.00977C4 3.90977 4.9 3.00977 6 3.00977C7.1 3.00977 8 3.90977 8 5.00977C8 5.81977 7.51 6.54977 6.76 6.85977C6.6 6.92977 6.5 7.09977 6.5 7.29977V7.50977C6.5 7.78977 6.28 8.00977 6 8.00977V7.99977Z' fill='white'/%3E%3Cpath d='M6 10C6.27614 10 6.5 9.77614 6.5 9.5C6.5 9.22386 6.27614 9 6 9C5.72386 9 5.5 9.22386 5.5 9.5C5.5 9.77614 5.72386 10 6 10Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3724_33609'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 13px
}

.tooltip {
	display: none;
	position: absolute;
	left: -15px;
	top: 30px;
	width: 100%;
	min-width: 262px;
	max-width: 280px;
	padding-right: 24px;
	color: #333;
	text-align: left;
	border-radius: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .2);
	z-index: 1
}

.tooltip::after {
	content: "";
	position: absolute;
	top: -9px;
	left: 16px;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid #fff
}

.tooltip.mw-280 {
	min-width: 280px
}

.tooltip.pos-bottom-right {
	right: -16px;
	left: auto
}

.tooltip.pos-bottom-right::after {
	right: 16px;
	left: auto
}

.tooltip.pos-top-right {
	top: auto;
	right: -16px;
	bottom: 30px;
	left: auto
}

.tooltip.pos-top-right::after {
	top: auto;
	right: 16px;
	bottom: -9px;
	left: auto;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.tooltip-content {
	padding-top: 12px;
	padding-right: 16px;
	padding-bottom: 12px;
	padding-left: 16px;
	line-height: 20px;
	font-size: 14px
}

.tooltip-tit {
	display: block;
	line-height: 20px;
	color: #009891;
	font-size: 14px;
	font-weight: var(--fw-sb)
}

.tooltip-close-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 42px;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.681607 0.181607C0.857343 0.0058707 1.14227 0.0058707 1.318 0.181607L10.318 9.18161C10.4937 9.35734 10.4937 9.64227 10.318 9.818C10.1423 9.99374 9.85734 9.99374 9.68161 9.818L0.681607 0.818003C0.505871 0.642267 0.505871 0.357343 0.681607 0.181607Z' fill='%23999999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.681607 9.81839C0.505871 9.64266 0.505871 9.35773 0.681607 9.182L9.68161 0.181997C9.85734 0.00626142 10.1423 0.00626141 10.318 0.181997C10.4937 0.357733 10.4937 0.642657 10.318 0.818393L1.318 9.81839C1.14227 9.99413 0.857343 9.99413 0.681607 9.81839Z' fill='%23999999'/%3E%3C/svg%3E%0A")
		no-repeat left center/12px auto
}

.tooltip-txt-list-item {
	position: relative;
	padding-left: 9px
}

.tooltip-txt-list-item::before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 5px;
	height: 1px;
	background-color: #333
}

.system-popup {
	width: 400px;
	background: var(--color-white);
	border-radius: var(--border-radius-16);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.system-popup-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999
}

.system-popup-container.dimmed {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .3)
}

.system-popup-inner {
	padding: 1.6rem
}

.system-popup-title {
	font-size: 1.8rem;
	line-height: 4rem;
	padding-right: 5rem
}

.system-popup-contents {
	margin-top: 1.2rem
}

.system-popup .button-wrap {
	margin-top: 1.2rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px
}

.system-popup .button-wrap .cancel {
	width: 40%
}

.system-popup .button-wrap .confirm {
	width: 60%
}

.system-popup .button-wrap button:only-child {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1;
	-moz-box-flex: 1;
	-ms-flex: 1 1;
	flex: 1 1
}

.system-popup-close {
	position: absolute;
	top: 1.6rem;
	right: 1.6rem
}

.system-popup-close-button {
	width: 4rem;
	height: 4rem;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3996 10.0014L19.6876 1.70428C20.0775 1.3139 20.0775 0.683286 19.6876 0.292907C19.2977 -0.0974728 18.6679 -0.0974728 18.278 0.292907L9.99 8.59L1.70203 0.292907C1.31214 -0.0974728 0.68231 -0.0974728 0.292419 0.292907C-0.0974729 0.683286 -0.0974729 1.3139 0.292419 1.70428L8.58039 10.0014L0.292419 18.2985C-0.0974729 18.6888 -0.0974729 19.3195 0.292419 19.7098C0.492363 19.91 0.742294 20.0001 1.00222 20.0001C1.26215 20.0001 1.51208 19.9 1.71202 19.7098L10 11.4127L18.288 19.7098C18.4879 19.91 18.7379 20.0001 18.9978 20.0001C19.2577 20.0001 19.5076 19.9 19.7076 19.7098C20.0975 19.3195 20.0975 18.6888 19.7076 18.2985L11.4196 10.0014H11.3996Z' fill='%23222222'/%3E%3C/svg%3E%0A")
		no-repeat center center;
	overflow: hidden;
	font-size: 0
}

.modal-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	width: 100%;
	visibility: hidden
}

.modal-popup.is-active {
	visibility: visible
}

.modal-popup.is-large .modal-popup-wrap {
	max-width: 1024px;
	max-height: -webkit-calc(100% - 80px);
	max-height: -moz-calc(100% - 80px);
	max-height: calc(100% - 80px);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.modal-popup.is-large .modal-popup-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: flex;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	overflow: hidden auto;
	height: 100%
}

.modal-popup.is-large .modal-popup-footer {
	padding-top: 24px;
	padding-bottom: 24px
}

.modal-popup-wrap {
	background-color: var(--color-white);
	border-radius: var(--border-radius-16);
	min-height: 180px;
	position: absolute;
	left: 50%;
	top: 50%;
	padding-top: 24px;
	width: -webkit-calc(100% - 32px);
	width: -moz-calc(100% - 32px);
	width: calc(100% - 32px);
	max-width: 488px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.modal-popup-header {
	color: #222;
	margin-bottom: 24px;
	font-weight: 700;
	font-size: 24px;
	padding-right: 32px;
	padding-left: 24px;
	line-height: 32px
}

.modal-popup-content {
	padding-right: 24px;
	padding-left: 24px;
	padding-bottom: 24px
}

.modal-popup-content .modal-popup-body {
	padding-left: 0;
	padding-right: 0
}

.modal-popup-body {
	padding-left: 24px;
	padding-right: 24px
}

.modal-popup-body .tabs-contents {
	padding-top: 16px
}

.modal-popup-footer {
	padding-right: 24px;
	padding-left: 24px;
	padding-bottom: 24px
}

.modal-popup-footer .btn-area.is-meidum {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 8px
}

.modal-popup-footer .btn-area.is-meidum button {
	width: 223px
}

.modal-popup-close-area {
	width: 26px;
	height: 26px;
	position: absolute;
	top: 24px;
	right: 24px
}

.modal-popup-close-area2 {
	top: 15px;
	right: 15px
}

.modal-popup-close {
	width: 100%;
	height: 100%;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3996 10.0014L19.6876 1.70428C20.0775 1.3139 20.0775 0.683286 19.6876 0.292907C19.2977 -0.0974728 18.6679 -0.0974728 18.278 0.292907L9.99 8.59L1.70203 0.292907C1.31214 -0.0974728 0.68231 -0.0974728 0.292419 0.292907C-0.0974729 0.683286 -0.0974729 1.3139 0.292419 1.70428L8.58039 10.0014L0.292419 18.2985C-0.0974729 18.6888 -0.0974729 19.3195 0.292419 19.7098C0.492363 19.91 0.742294 20.0001 1.00222 20.0001C1.26215 20.0001 1.51208 19.9 1.71202 19.7098L10 11.4127L18.288 19.7098C18.4879 19.91 18.7379 20.0001 18.9978 20.0001C19.2577 20.0001 19.5076 19.9 19.7076 19.7098C20.0975 19.3195 20.0975 18.6888 19.7076 18.2985L11.4196 10.0014H11.3996Z' fill='%23222222'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0
}

.modal-popup[data-modal-type=bottom-sheet] .modal-popup-wrap {
	top: auto;
	right: auto;
	height: auto;
	bottom: 0;
	-webkit-transform: translateX(-50%) translateY(100%);
	-moz-transform: translateX(-50%) translateY(100%);
	-ms-transform: translateX(-50%) translateY(100%);
	transform: translateX(-50%) translateY(100%);
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	-moz-transition: transform .3s ease, -moz-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease,
		-moz-transform .3s ease
}

.modal-popup[data-modal-type=bottom-sheet].is-active .modal-popup-wrap {
	-webkit-transform: translateX(-50%) translateY(0%);
	-moz-transform: translateX(-50%) translateY(0%);
	-ms-transform: translateX(-50%) translateY(0%);
	transform: translateX(-50%) translateY(0%)
}

.agree-area {
	background-color: #f7f7f7;
	font-size: 14px;
	line-height: 20px;
	padding: 16px;
	border: 1px solid var(--color-gray-30);
	border-radius: var(--border-radius-8);
	height: -webkit-calc(100% - 32px);
	height: -moz-calc(100% - 32px);
	height: calc(100% - 32px);
	overflow-y: auto;
	overflow-x: hidden
}

.share-popup .modal-popup-body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 170px
}

.share-popup .modal-popup-wrap {
	height: auto
}

.share-button-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.share-button-wrap button {
	min-width: 56px;
	padding: 0 8px
}

.share-button-wrap button span {
	display: block;
	padding-top: 84px;
	position: relative;
	font-size: 15px;
	line-height: 22px
}

.share-button-wrap button span:before {
	content: "";
	width: 72px;
	height: 72px;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.share-button-kakao span:before {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='29' height='26' viewBox='0 0 29 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5001 0C6.71973 0 0.412598 4.97302 0.412598 11.1075C0.412598 15.0735 3.0494 18.5535 7.01584 20.5186C6.80006 21.2628 5.62917 25.3062 5.58257 25.6238C5.58257 25.6238 5.55454 25.8625 5.70909 25.9535C5.86365 26.0445 6.04543 25.9738 6.04543 25.9738C6.48865 25.9119 11.1851 22.613 11.9979 22.0402C12.81 22.1552 13.6462 22.2149 14.5001 22.2149C22.2805 22.2149 28.5876 17.242 28.5876 11.1075C28.5876 4.97302 22.2805 0 14.5001 0Z' fill='black'/%3E%3C/svg%3E%0A");
	background-color: #ffe812
}

.share-button-link span:before {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='31' height='30' viewBox='0 0 31 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3107_104273)'%3E%3Cpath d='M11.3899 19.0105C11.6525 19.2731 12.0086 19.4206 12.3799 19.4206C12.7512 19.4206 13.1073 19.2731 13.3698 19.0105L19.3095 13.0708C19.5721 12.8083 19.7196 12.4522 19.7196 12.0809C19.7196 11.7096 19.5721 11.3535 19.3095 11.0909C19.047 10.8284 18.6909 10.6809 18.3196 10.6809C17.9483 10.6809 17.5922 10.8284 17.3296 11.0909L11.3899 17.0306C11.1274 17.2932 10.9799 17.6493 10.9799 18.0206C10.9799 18.3919 11.1274 18.748 11.3899 19.0105ZM16.3397 20.0005L13.3698 22.9703C12.5822 23.758 11.5139 24.2005 10.4 24.2005C9.28607 24.2005 8.21779 23.758 7.43013 22.9703C6.64248 22.1827 6.19998 21.1144 6.19998 20.0005C6.19998 18.8866 6.64248 17.8183 7.43013 17.0306L10.4 14.0608C10.6625 13.7982 10.81 13.4421 10.81 13.0708C10.81 12.6995 10.6625 12.3434 10.4 12.0809C10.1374 11.8183 9.78134 11.6708 9.41003 11.6708C9.03873 11.6708 8.68264 11.8183 8.42008 12.0809L5.45024 15.0507C4.13748 16.3635 3.39998 18.144 3.39998 20.0005C3.39998 21.857 4.13748 23.6375 5.45024 24.9502C6.76299 26.263 8.54347 27.0005 10.4 27.0005C12.2565 27.0005 14.037 26.263 15.3497 24.9502L18.3196 21.9804C18.5821 21.7178 18.7296 21.3617 18.7296 20.9904C18.7296 20.6191 18.5821 20.263 18.3196 20.0005C18.057 19.7379 17.7009 19.5904 17.3296 19.5904C16.9583 19.5904 16.6022 19.7379 16.3397 20.0005ZM15.3497 5.15125L12.3799 8.1211C12.1173 8.38365 11.9698 8.73974 11.9698 9.11104C11.9698 9.48235 12.1173 9.83844 12.3799 10.101C12.6424 10.3635 12.9985 10.511 13.3698 10.511C13.7411 10.511 14.0972 10.3635 14.3598 10.101L17.3296 7.13115C18.1173 6.34349 19.1856 5.90099 20.2995 5.90099C21.4134 5.90099 22.4817 6.34349 23.2693 7.13115C24.057 7.9188 24.4995 8.98708 24.4995 10.101C24.4995 11.2149 24.057 12.2832 23.2693 13.0708L20.2995 16.0407C20.0369 16.3032 19.8894 16.6593 19.8894 17.0306C19.8894 17.4019 20.0369 17.758 20.2995 18.0206C20.562 18.2831 20.9181 18.4306 21.2894 18.4306C21.6607 18.4306 22.0168 18.2831 22.2794 18.0206L25.2492 15.0507C26.562 13.738 27.2995 11.9575 27.2995 10.101C27.2995 8.24448 26.562 6.464 25.2492 5.15125C23.9365 3.83849 22.156 3.10099 20.2995 3.10099C18.443 3.10099 16.6625 3.83849 15.3497 5.15125Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3107_104273'%3E%3Crect width='28' height='14' fill='white' transform='translate(0.500488 20.0005) rotate(-45)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-color: var(--color-white);
	border: 1px solid var(--color-gray-40)
}

.cart-popup .modal-popup-wrap {
	height: auto
}

.cart-popup .cart-add .goods-title {
	line-height: 24px;
	color: #222
}

.cart-popup .cart-add .goods-number-box {
	width: 100%;
}

.filter-grid {
	background-color: #f7f7f7;
	border-radius: var(--border-radius-8);
	padding: 12px 16px
}

.filter-grid .no-data {
	line-height: 3.2rem;
	width: auto;
	margin: 0;
	color: #777;
	min-height: 100%;
	text-align: center
}

.filter-grid+.btn-area {
	margin-top: 1.6rem
}

.filter-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 4px
}

.filter-title {
	font-size: 15px;
	line-height: 30px;
	display: block;
	padding-left: 12px;
	padding-right: 28px
}

.filter-item {
	background-color: var(--color-white);
	border: 1px solid var(--color-gray-40);
	border-radius: 1.6rem;
	position: relative;
	display: block
}

.filter-item.no-del .filter-title {
	background-image:
		url("data:image/svg+xml;charset=utf8,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2237_46521)'%3E%3Cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%23CCCCCC'/%3E%3Cpath d='M9.05486 8L10.7756 6.28358C11.0748 5.98507 11.0748 5.52239 10.7756 5.22388C10.4763 4.92537 10.0125 4.92537 9.71322 5.22388L7.99252 6.9403L6.27182 5.23881C5.98753 4.9403 5.50873 4.9403 5.22444 5.23881C4.94015 5.53731 4.92519 6 5.22444 6.28358L6.94514 8L5.22444 9.71642C4.92519 10.0149 4.92519 10.4776 5.22444 10.7761C5.37406 10.9254 5.56858 11 5.74813 11C5.92768 11 6.13716 10.9254 6.27182 10.7761L7.99252 9.0597L9.71322 10.7761C9.86284 10.9254 10.0574 11 10.2369 11C10.4165 11 10.6259 10.9254 10.7606 10.7761C11.0599 10.4776 11.0599 10.0149 10.7606 9.71642L9.0399 8H9.05486Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2237_46521'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: 12px;
	background-position: -webkit-calc(100% - 10px) .8rem;
	background-position: -moz-calc(100% - 10px) .8rem;
	background-position: calc(100% - 10px) .8rem;
	background-repeat: no-repeat
}

.filter-item.no-del2 .filter-title {
	padding-right: 12px
}

.filter-del-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 2.8rem;
	height: 100%;
	background-image:
		url("data:image/svg+xml;charset=utf8,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2237_46521)'%3E%3Cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%23CCCCCC'/%3E%3Cpath d='M9.05486 8L10.7756 6.28358C11.0748 5.98507 11.0748 5.52239 10.7756 5.22388C10.4763 4.92537 10.0125 4.92537 9.71322 5.22388L7.99252 6.9403L6.27182 5.23881C5.98753 4.9403 5.50873 4.9403 5.22444 5.23881C4.94015 5.53731 4.92519 6 5.22444 6.28358L6.94514 8L5.22444 9.71642C4.92519 10.0149 4.92519 10.4776 5.22444 10.7761C5.37406 10.9254 5.56858 11 5.74813 11C5.92768 11 6.13716 10.9254 6.27182 10.7761L7.99252 9.0597L9.71322 10.7761C9.86284 10.9254 10.0574 11 10.2369 11C10.4165 11 10.6259 10.9254 10.7606 10.7761C11.0599 10.4776 11.0599 10.0149 10.7606 9.71642L9.0399 8H9.05486Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2237_46521'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: 12px;
	background-position: -webkit-calc(100% - 10px) .8rem;
	background-position: -moz-calc(100% - 10px) .8rem;
	background-position: calc(100% - 10px) .8rem;
	background-repeat: no-repeat
}

.toast-container {
	opacity: 0;
	position: fixed;
	bottom: -100px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	padding: 10px 16px;
	background-color: rgba(34, 34, 34, .8);
	border-radius: var(--border-radius-8);
	color: var(--color-white);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	z-index: 1000;
	width: -webkit-calc(100% - 32px);
	width: -moz-calc(100% - 32px);
	width: calc(100% - 32px);
	max-width: 520px;
	text-align: center
}

.toast-container.is-active {
	opacity: 100%;
	bottom: 150px
}

.tabs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: .4rem;
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none
}

.tabs::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, .031372549);
	border-radius: 10px
}

.tabs::-webkit-scrollbar {
	display: none
}

.tabs .tab {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	min-width: 4rem;
	height: 4rem;
	padding: 0 1rem;
	font-size: 1.5rem;
	font-weight: var(--fw-r);
	line-height: 1;
	color: var(--color-gray-70);
	border-radius: var(--border-radius-100);
	background-color: var(--color-gray-20);
	cursor: pointer
}

.tabs .tab[aria-selected=true] {
	height: 4rem;
	font-weight: var(--fw-b);
	color: var(--color-red-20);
	border: .1rem solid var(--color-red-20);
	background-color: var(--color-white)
}

.tabs.type-btm-bar {
	gap: 1.6rem;
	border-bottom: .1rem solid var(--color-gray-30)
}

.tabs.type-btm-bar .tab {
	padding: 0 .2rem;
	font-size: 1.6rem;
	line-height: 1.9rem;
	color: var(--color-gray-70);
	border-radius: 0;
	border: 0;
	background-color: var(--color-white);
	cursor: pointer
}

.tabs.type-btm-bar .tab[aria-selected=true] {
	color: var(--color-red-20);
	border-bottom: .1rem solid var(--color-red-20)
}

.tab-menu {
	-webkit-box-shadow: inset 0 -1px 0 0 var(--color-gray-50);
	box-shadow: inset 0 -1px 0 0 var(--color-gray-50);
	background-color: var(--color-white)
}

.tab-menu-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.tab-menu-item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	border-bottom: 1px solid var(--color-gray-50)
}

.tab-menu-item.is-active {
	border-bottom-color: var(--color-red-20);
	border-bottom-width: 2px
}

.tab-menu-item.is-active .tab-menu-link {
	font-weight: var(--fw-b);
	color: var(--color-red-20)
}

.tab-menu-item.is-active .tab-menu-link .item-quantity {
	background-color: var(--color-red-20)
}

.tab-menu-link {
	color: var(--color-gray-70);
	display: block;
	line-height: 4rem
}

.tab-menu-item-active {
	border-bottom-color: var(--color-red-20);
	border-bottom-width: 2px
}

.tab-menu-item-active .tab-menu-link {
	font-weight: var(--fw-sb);
	color: var(--color-red-20)
}

.tab-menu-item-active .tab-menu-link .item-quantity {
	background-color: var(--color-red-20)
}

.tab-menu .item-quantity {
	display: inline-block;
	padding: 0 .4rem;
	font-weight: var(--fw-b);
	color: var(--color-white);
	background-color: var(--color-gray-80);
	border-radius: .8rem;
	line-height: 1.8rem;
	font-size: 1.1rem;
	vertical-align: .2rem
}

.tab-menu+.tab-container, .tab-menu+.inner-space-wrap {
	margin-top: 2.4rem
}

.tab-menu+.form-list {
	margin-top: 32px
}

.tab-menu.type2 .tab-menu-item {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-moz-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.tab-menu.type2 .tab-menu-item+.tab-menu-item {
	margin-left: 1.6rem
}

.tab-menu.type3 {
	-webkit-box-shadow: none;
	box-shadow: none
}

.tab-menu.type3 .tab-menu-item {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-moz-box-flex: 0;
	-ms-flex: none;
	flex: none;
	border: 1px solid var(--color-gray-30);
	border-radius: 100px
}

.tab-menu.type3 .tab-menu-item-active {
	border-color: #222;
	background-color: #222
}

.tab-menu.type3 .tab-menu-item-active .tab-menu-link {
	color: var(--color-white)
}

.tab-menu.type3 .tab-menu-item+.tab-menu-item {
	margin-left: 6px
}

.tab-menu.type3 .tab-menu-link {
	line-height: 46px;
	padding: 0 16px;
	font-size: 16px;
	letter-spacing: -0.4px;
	color: var(--color-base)
}

.img-file-box {
	position: relative;
	text-align: center;
	padding: 16px;
	border-radius: var(--border-radius-12);
	background-color: var(--color-gray-10);
	border: 1px solid var(--color-gray-40)
}

.img-file-box.is-active .text {
	display: none
}

.img-file-box .result-img {
	min-width: 100%
}

.img-file-box .text {
	font-size: 1.4rem;
	line-height: 1.7rem;
	color: var(--color-gray-70);
	text-align: center;
	padding-top: 3.2rem;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3625_70659)'%3E%3Cpath d='M12.5 24C5.88286 24 0.5 18.6171 0.5 12C0.5 5.38286 5.88286 0 12.5 0C19.1171 0 24.5 5.38286 24.5 12C24.5 18.6171 19.1171 24 12.5 24ZM12.5 1.71428C6.82571 1.71428 2.21429 6.32571 2.21429 12C2.21429 17.6743 6.82571 22.2857 12.5 22.2857C18.1743 22.2857 22.7857 17.6743 22.7857 12C22.7857 6.32571 18.1743 1.71428 12.5 1.71428Z' fill='%23666666'/%3E%3Cpath d='M16.5 13H13.5V16C13.5 16.55 13.05 17 12.5 17C11.95 17 11.5 16.55 11.5 16V13H8.5C7.95 13 7.5 12.55 7.5 12C7.5 11.45 7.95 11 8.5 11H11.5V8C11.5 7.45 11.95 7 12.5 7C13.05 7 13.5 7.45 13.5 8V11H16.5C17.05 11 17.5 11.45 17.5 12C17.5 12.55 17.05 13 16.5 13Z' fill='%23666666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3625_70659'%3E%3Crect width='24' height='24' fill='white' transform='matrix(1 0 0 -1 0.5 24)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 25px 24px
}

.img-file-box .file {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0
}

.input-search {
	position: relative
}

.input-search input[type=text] {
	border: none;
	border-bottom: 1px solid var(--color-gray-40);
	height: 40px;
	line-height: 40px;
	letter-spacing: -0.4px;
	font-size: 16px;
	font-weight: var(--fw-m);
	padding-left: 0;
	padding-right: 64px
}

.input-search .search-button {
	width: 32px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0
}

.input-search .search-button span {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.5' cy='6.6875' r='5.5' stroke='%23222222' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M13.7929 15.3946C14.1834 15.7851 14.8166 15.7851 15.2071 15.3946C15.5976 15.0041 15.5976 14.3709 15.2071 13.9804L13.7929 15.3946ZM10.5 10.6875L9.79289 11.3946L13.7929 15.3946L14.5 14.6875L15.2071 13.9804L11.2071 9.98039L10.5 10.6875Z' fill='%23222222'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 16px auto;
	display: block;
	font-size: 0;
	height: 40px
}

.input-search .input-del {
	width: 32px;
	height: 40px;
	top: 0;
	right: 32px
}

.input-search.type-border input[type=text] {
	padding-left: 12px;
	padding-right: 86px;
	height: 56px;
	line-height: 56px;
	border: 1px solid var(--color-gray-40);
	border-radius: var(--border-radius-8)
}

.input-search.type-border .search-button {
	top: 8px;
	right: 8px;
	width: 40px;
	height: 40px
}

.input-search.type-border .search-button>span {
	height: 100%;
	background-position: center center
}

.input-search.type-border .input-del {
	top: 8px;
	right: 46px;
	width: 40px;
	height: 40px
}

.sort-box-list {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px
}

.sort-modal-box {
	display: none
}

.sort-modal-box.is-active {
	display: block
}

.design-sort-box .sort-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	background: none;
	border: 1px solid var(--color-gray-30);
	border-radius: var(--border-radius-100);
	padding-left: 12px;
	padding-right: 32px
}

.design-sort-box .sort-btn::before {
	content: "";
	position: absolute;
	right: 16px;
	display: block;
	width: 8px;
	height: 6px;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99111 1.27671C7.99111 1.40151 7.94667 1.52631 7.85778 1.61271L4.31111 5.44311C4.13333 5.63511 3.85778 5.63511 3.68 5.44311L0.133333 1.61271C-0.0444444 1.42071 -0.0444444 1.12311 0.133333 0.931109C0.311111 0.739109 0.586667 0.739109 0.764444 0.931109L4 4.42551L7.23556 0.931109C7.41333 0.739109 7.68889 0.739109 7.86667 0.931109C7.95556 1.02711 8 1.15191 8 1.26711H7.99111V1.27671Z' fill='%23666'/%3E%3C/svg%3E%0A")
		no-repeat
}

.design-sort-box .sort-btn span {
	color: var(--color-base);
	font-size: 15px;
	line-height: 46px
}

.design-sort-box.is-active .sort-btn {
	background-color: #222
}

.design-sort-box.is-active .sort-btn::before {
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99111 1.27671C7.99111 1.40151 7.94667 1.52631 7.85778 1.61271L4.31111 5.44311C4.13333 5.63511 3.85778 5.63511 3.68 5.44311L0.133333 1.61271C-0.0444444 1.42071 -0.0444444 1.12311 0.133333 0.931109C0.311111 0.739109 0.586667 0.739109 0.764444 0.931109L4 4.42551L7.23556 0.931109C7.41333 0.739109 7.68889 0.739109 7.86667 0.931109C7.95556 1.02711 8 1.15191 8 1.26711H7.99111V1.27671Z' fill='%23fff'/%3E%3C/svg%3E%0A")
		no-repeat;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.design-sort-box.is-active .sort-btn span {
	color: var(--color-white)
}

.design-select-box {
	position: relative
}

.design-select-box .selected-option {
	border: 1px solid var(--color-gray-40);
	border-radius: var(--border-radius-8);
	width: 100%;
	padding-left: 12px;
	padding-right: 40px;
	text-align: left;
	background-color: var(--color-white);
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9892 0.582025C13.9892 0.730385 13.9355 0.878745 13.828 0.981455L7.37634 7.82882C7.16129 8.05706 6.82796 8.05706 6.6129 7.82882L0.16129 0.981455C-0.0537634 0.75321 -0.0537634 0.399429 0.16129 0.171184C0.376344 -0.0570613 0.709677 -0.0570613 0.924731 0.171184L7 6.61912L13.0753 0.171184C13.2903 -0.0570613 13.6237 -0.0570613 13.8387 0.171184C13.9462 0.285307 14 0.433666 14 0.570613L13.9892 0.582025Z' fill='%23222'/%3E%3C/svg%3E%0A");
	background-size: 14px 8px;
	background-position: -webkit-calc(100% - 15px) center;
	background-position: -moz-calc(100% - 15px) center;
	background-position: calc(100% - 15px) center;
	background-repeat: no-repeat
}

.design-select-box .selected-option span {
	display: block;
	color: #222;
	font-size: 15px;
	line-height: 46px
}

.design-select-box .select-option-list {
	position: absolute;
	top: 49px;
	left: 0;
	max-height: 216px;
	overflow-y: auto;
	overflow-x: hidden;
	border: 1px solid var(--color-gray-40);
	border-radius: var(--border-radius-8);
	width: 100%;
	z-index: 1;
	background-color: var(--color-white);
	display: none
}

.design-select-box .select-option-title {
	display: block;
	padding: 0 12px;
	width: 100%;
	text-align: left
}

.design-select-box .select-option-title span {
	display: block;
	color: #222;
	font-size: 15px;
	line-height: 40px
}

.design-select-box.is-active .select-option-list {
	display: block
}

.sort-select-box.type2 {
	min-width: auto
}

.sort-select-box.type2 .selected-option {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	background: none;
	border: 1px solid var(--color-gray-30);
	border-radius: var(--border-radius-100);
	padding-right: 32px
}

.sort-select-box.type2 .selected-option::before {
	content: "";
	position: absolute;
	right: 16px;
	display: block;
	width: 8px;
	height: 6px;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99111 1.27671C7.99111 1.40151 7.94667 1.52631 7.85778 1.61271L4.31111 5.44311C4.13333 5.63511 3.85778 5.63511 3.68 5.44311L0.133333 1.61271C-0.0444444 1.42071 -0.0444444 1.12311 0.133333 0.931109C0.311111 0.739109 0.586667 0.739109 0.764444 0.931109L4 4.42551L7.23556 0.931109C7.41333 0.739109 7.68889 0.739109 7.86667 0.931109C7.95556 1.02711 8 1.15191 8 1.26711H7.99111V1.27671Z' fill='%23666'/%3E%3C/svg%3E%0A")
		no-repeat
}

.sort-select-box.type2.is-active .selected-option {
	background-color: #222
}

.sort-select-box.type2.is-active .selected-option::before {
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99111 1.27671C7.99111 1.40151 7.94667 1.52631 7.85778 1.61271L4.31111 5.44311C4.13333 5.63511 3.85778 5.63511 3.68 5.44311L0.133333 1.61271C-0.0444444 1.42071 -0.0444444 1.12311 0.133333 0.931109C0.311111 0.739109 0.586667 0.739109 0.764444 0.931109L4 4.42551L7.23556 0.931109C7.41333 0.739109 7.68889 0.739109 7.86667 0.931109C7.95556 1.02711 8 1.15191 8 1.26711H7.99111V1.27671Z' fill='%23fff'/%3E%3C/svg%3E%0A")
		no-repeat;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.sort-select-box.type2.is-active .selected-option span {
	color: var(--color-white)
}

.inp-box {
	position: relative;
	display: block
}

.inp-box label ~.eye-btn {
	top: 2.6rem
}

.inp-box label.sr-only ~.eye-btn {
	top: .6rem
}

.inp-box .inp {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
	height: 4.8rem;
	padding: 1.2rem;
	background-color: var(--color-white);
	border: .1rem solid var(--color-gray-40);
	border-radius: var(--border-radius-12);
	color: var(--color-base);
	font-size: 1.6rem;
	font-weight: var(--fw-r);
	letter-spacing: -0.4px;
	color: #222;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.inp-box .inp::-webkit-input-placeholder {
	color: var(--color-gray-60)
}

.inp-box .inp::-moz-placeholder {
	color: var(--color-gray-60)
}

.inp-box .inp:-ms-input-placeholder {
	color: var(--color-gray-60)
}

.inp-box .inp::-ms-input-placeholder {
	color: var(--color-gray-60)
}

.inp-box .inp::placeholder {
	color: var(--color-gray-60)
}

.inp-box .inp:focus {
	border-color: var(--color-red-20);
	-webkit-box-shadow: 0 .4rem .8rem 0 rgba(255, 21, 0, .15);
	box-shadow: 0 .4rem .8rem 0 rgba(255, 21, 0, .15)
}

.inp-box .inp:disabled {
	background-color: var(--color-gray-10);
	border-color: var(--color-gray-30);
	color: var(--color-gray-70)
}

.inp-box.search input[type=text] {
	padding-right: 4.8rem
}

.inp-box.search .btn-search {
	position: absolute;
	bottom: .2rem;
	right: .6rem;
	width: 4rem;
	height: 4rem;
	min-width: auto;
	padding: 0;
	background: url("data:image/svg+xml;charset=utf8,") no-repeat center
		center
}

.inp-box.search .inp:disabled+.btn-search {
	background: url("data:image/svg+xml;charset=utf8,")
}

.inp-box .clear-btn {
	position: absolute;
	top: 2.2rem;
	right: 0;
	width: 4rem;
	height: 4rem;
	background: url("data:image/svg+xml;charset=utf8,");
	display: none
}

.inp-box .eye-btn {
	position: absolute;
	right: 1.2rem;
	top: .6rem;
	width: 3.2rem;
	height: 3.2rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.inp-box .eye-btn.active {
	background: url("data:image/svg+xml;charset=utf8,")
}

.label-txt {
	display: block;
	margin-bottom: .6rem;
	line-height: normal;
	color: var(--color-gray-80);
	font-size: 1.3rem;
	font-weight: var(--fw-b)
}

.msg-txt {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: .6rem;
	line-height: normal;
	color: var(--color-gray-80);
	font-size: 1.3rem;
	font-weight: var(--fw-r)
}

.msg-txt.sucess {
	padding-left: 2rem;
	color: var(--color-green-20)
}

.msg-txt.sucess::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1.6rem;
	height: 1.6rem;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' %3E%3Cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' fill='%2301c480'/%3E%3Cpath d='M7.5 10.0002C7.37 10.0002 7.24 9.95023 7.15 9.85023L5.15 7.85023C4.95 7.65023 4.95 7.34023 5.15 7.14023C5.35 6.94023 5.66 6.94023 5.86 7.14023L7.51 8.79023L10.16 6.14023C10.36 5.94023 10.67 5.94023 10.87 6.14023C11.07 6.34023 11.07 6.65023 10.87 6.85023L7.87 9.85023C7.77 9.95023 7.64 10.0002 7.52 10.0002H7.5Z' fill='%23fff'/%3E%3C/svg%3E")
}

.msg-txt.error {
	padding-left: 2rem;
	color: var(--color-red-40)
}

.msg-txt.error::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1.6rem;
	height: 1.6rem;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' %3E%3Cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' fill='%23d53410'/%3E%3Cpath d='M8.71 8.00023L9.86 6.85023C10.06 6.65023 10.06 6.34023 9.86 6.14023C9.66 5.94023 9.35 5.94023 9.15 6.14023L8 7.29023L6.85 6.15023C6.66 5.95023 6.34 5.95023 6.15 6.15023C5.96 6.35023 5.95 6.66023 6.15 6.85023L7.3 8.00023L6.15 9.15023C5.95 9.35023 5.95 9.66023 6.15 9.86023C6.25 9.96023 6.38 10.0102 6.5 10.0102C6.62 10.0102 6.76 9.96023 6.85 9.86023L8 8.71023L9.15 9.86023C9.25 9.96023 9.38 10.0102 9.5 10.0102C9.62 10.0102 9.76 9.96023 9.85 9.86023C10.05 9.66023 10.05 9.35023 9.85 9.15023L8.7 8.00023H8.71Z' fill='%23fff'/%3E%3C/svg%3E")
}

.textarea-box {
	position: relative;
	border: 1px solid var(--color-gray-40);
	border-radius: var(--border-radius-8);
	padding: 12px;
	padding-bottom: 42px
}

.textarea-box .textarea {
	width: 100%;
	resize: none;
	font-size: 16px
}

.textarea-box .byte-box {
	position: absolute;
	bottom: 12px;
	left: 12px;
	width: 100%;
	color: #777;
	font-size: 14px;
	line-height: 20px
}

.textarea-box .byte-box .now-byte {
	color: #222
}

.textarea-box.type2 {
	padding-bottom: 0px
}

.textarea-box.type2 .textarea-bottom {
	border-top: 1px solid #eee;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.textarea-box.type2 .textarea-bottom .byte-box {
	position: relative;
	left: auto;
	bottom: auto
}

.textarea-box.type2 .textarea-bottom button {
	min-width: 46px;
	height: 46px;
	color: #222;
	font-weight: 700;
	font-size: 15px;
	line-height: 22px;
	text-align: right
}

.chk-box {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	vertical-align: top
}

.chk-box .chk+label {
	position: relative;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 3.2rem
}

.chk-box .chk+label span {
	display: block;
	color: #222;
	font-size: 16px;
	line-height: 24px
}

.chk-box .chk+label::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 24px;
	height: 24px;
	background-color: var(--color-white);
	border: 1px solid var(--color-gray-50);
	border-radius: var(--border-radius-8);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.chk-box .chk+label::after {
	content: "";
	position: absolute;
	top: 9px;
	left: 7px;
	width: 10px;
	height: 7px;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7' fill='none' %3E%3Cpath d='M4.00006 7.00006C3.74006 7.00006 3.49006 6.90006 3.29006 6.71006L0.290059 3.71006C-0.0999414 3.32006 -0.0999414 2.69006 0.290059 2.30006C0.680059 1.91006 1.31006 1.91006 1.70006 2.30006L3.99006 4.59006L8.29006 0.290059C8.68006 -0.0999414 9.31006 -0.0999414 9.70006 0.290059C10.0901 0.680059 10.0901 1.31006 9.70006 1.70006L4.70006 6.70006C4.50006 6.90006 4.25006 6.99006 3.99006 6.99006L4.00006 7.00006Z' fill='%23ddd'/%3E%3C/svg%3E")
}

.chk-box .chk:checked+label::before {
	background-color: var(--color-red-20);
	border: 0
}

.chk-box .chk:checked+label::after {
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7' fill='none' %3E%3Cpath d='M4.00006 7.00006C3.74006 7.00006 3.49006 6.90006 3.29006 6.71006L0.290059 3.71006C-0.0999414 3.32006 -0.0999414 2.69006 0.290059 2.30006C0.680059 1.91006 1.31006 1.91006 1.70006 2.30006L3.99006 4.59006L8.29006 0.290059C8.68006 -0.0999414 9.31006 -0.0999414 9.70006 0.290059C10.0901 0.680059 10.0901 1.31006 9.70006 1.70006L4.70006 6.70006C4.50006 6.90006 4.25006 6.99006 3.99006 6.99006L4.00006 7.00006Z' fill='%23fff'/%3E%3C/svg%3E")
}

.chk-box .chk:disabled+label {
	color: var(--color-gray-70)
}

.chk-box .chk:disabled+label::before {
	background-color: var(--color-gray-10);
	border: .1rem solid var(--color-gray-30)
}

.chk-box.only {
	height: 4rem
}

.chk-box.only .chk+label {
	width: 4rem;
	padding-left: 0
}

.chk-box.icon .chk+label::before {
	top: .5rem;
	left: 0;
	width: 3.2rem;
	height: 3.2rem;
	background: url("data:image/svg+xml;charset=utf8,");
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	border-radius: 0
}

.chk-box.icon .chk+label::after {
	display: none
}

.chk-box.icon .chk:checked+label::before {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.chk-box.icon .chk:checked+label::after {
	content: "";
	position: absolute;
	top: .5rem;
	left: 0;
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.chk-box.icon-small .chk+label::before {
	top: .5rem;
	left: 0;
	width: 3.2rem;
	height: 3.2rem;
	background: url("data:image/svg+xml;charset=utf8,");
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	border-radius: 0
}

.chk-box.icon-small .chk+label::after {
	display: none
}

.chk-box.icon-small .chk:checked+label::before {
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none
}

.chk-box.icon-small .chk:checked+label::after {
	content: "";
	position: absolute;
	top: .5rem;
	left: 0;
	display: block;
	width: 3.2rem;
	height: 3.2rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.chk-box+.chk-box {
	margin-left: 16px
}

.chk-box+.form-list {
	margin-top: 32px
}

.form-list+.bottom-grid {
	margin-top: 32px
}

.btn-area+.text-link {
	margin-top: 24px
}

.rdo-box {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.rdo-box .rdo+label {
	position: relative;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 4rem;
	padding-left: 4rem;
	color: #777
}

.rdo-box .rdo+label>span {
	line-height: normal
}

.rdo-box .rdo+label::before {
	content: "";
	position: absolute;
	top: .8rem;
	left: .8rem;
	width: 2.4rem;
	height: 2.4rem;
	background-color: var(--color-white);
	border: .1rem solid var(--color-gray-40);
	border-radius: var(--border-radius-100);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.rdo-box .rdo:checked+label::before {
	background-color: var(--color-red-20);
	border: 0
}

.rdo-box .rdo:checked+label::after {
	content: "";
	position: absolute;
	top: 1.6rem;
	left: 1.6rem;
	width: .8rem;
	height: .8rem;
	background-color: var(--color-white);
	border-radius: var(--border-radius-100)
}

.rdo-box .rdo:disabled+label {
	color: var(--color-gray-70)
}

.rdo-box .rdo:disabled+label::before {
	background-color: var(--color-gray-10);
	border: .1rem solid var(--color-gray-30)
}

.rdo-box.only {
	height: 4rem
}

.rdo-box.only .rdo+label {
	width: 4rem;
	padding-left: 0
}

.rdo-box.type2 .rdo:checked+label:after {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.rdo-box.type2 label {
	display: block;
	height: auto;
	padding-left: 48px
}

.rdo-box.type2 label:before {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.rdo-box.type2 .label-title {
	display: block;
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	color: var(--color-gray-80)
}

.rdo-box.type2 .label-cont {
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: var(--color-black);
	margin-top: 6px
}

.rdo-box.type-btn .rdo+label {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 48px;
	padding: 16px
}

.rdo-box.type-btn .rdo+label::before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0
}

.rdo-box.type-btn .rdo+label::after {
	display: none
}

.rdo-box.type-btn .rdo+label>span {
	position: relative;
	z-index: 1;
	font-size: 14px
}

.rdo-box.type-btn .rdo:checked+label::before {
	background-color: #222
}

.rdo-box.type-btn .rdo:checked+label>span {
	color: #fff;
	font-weight: var(--fw-b)
}

.switch {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.switch input+label {
	position: relative;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 5.2rem;
	height: 3.2rem;
	padding: .5rem;
	border: .1rem solid var(--color-gray-50);
	border-radius: var(--border-radius-100);
	background-color: var(--color-white);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all linear .1s;
	-moz-transition: all linear .1s;
	transition: all linear .1s
}

.switch input+label::before {
	content: "";
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 2.4rem;
	height: 2.4rem;
	background-color: var(--color-gray-30);
	border-radius: var(--border-radius-100);
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	transition: all linear .2s
}

.switch input:checked+label {
	border: 0;
	background-color: var(--color-red-20)
}

.switch input:checked+label::before {
	background-color: var(--color-white);
	-webkit-box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, .1);
	box-shadow: 0 .2rem .4rem 0 rgba(0, 0, 0, .1);
	-webkit-transform: translateX(1.9rem);
	-moz-transform: translateX(1.9rem);
	-ms-transform: translateX(1.9rem);
	transform: translateX(1.9rem)
}

.switch.type-2 input+label {
	width: 4rem;
	height: 2.4rem;
	padding: .3rem
}

.switch.type-2 input+label::before {
	width: 1.8rem;
	height: 1.8rem
}

.switch.type-2 input:checked+label::before {
	-webkit-transform: translateX(1.6rem);
	-moz-transform: translateX(1.6rem);
	-ms-transform: translateX(1.6rem);
	transform: translateX(1.6rem)
}

.input-field input[type=date] {
	position: relative;
	width: 100%;
	height: 48px;
	padding-right: 12px;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3729_42118)'%3E%3Cpath d='M13.5 16H2.5C1.12 16 0 14.88 0 13.5V4.5C0 3.12 1.12 2 2.5 2C2.78 2 3 2.22 3 2.5C3 2.78 2.78 3 2.5 3C1.67 3 1 3.67 1 4.5V13.5C1 14.33 1.67 15 2.5 15H13.5C14.33 15 15 14.33 15 13.5V4.5C15 3.67 14.33 3 13.5 3C13.22 3 13 2.78 13 2.5C13 2.22 13.22 2 13.5 2C14.88 2 16 3.12 16 4.5V13.5C16 14.88 14.88 16 13.5 16Z' fill='%23666666'/%3E%3Cpath d='M4.5 4C4.22 4 4 3.78 4 3.5V0.5C4 0.22 4.22 0 4.5 0C4.78 0 5 0.22 5 0.5V3.5C5 3.78 4.78 4 4.5 4Z' fill='%23666666'/%3E%3Cpath d='M11.5 4C11.22 4 11 3.78 11 3.5V0.5C11 0.22 11.22 0 11.5 0C11.78 0 12 0.22 12 0.5V3.5C12 3.78 11.78 4 11.5 4Z' fill='%23666666'/%3E%3Cpath d='M13.5 3H2.5C2.22 3 2 2.78 2 2.5C2 2.22 2.22 2 2.5 2H13.5C13.78 2 14 2.22 14 2.5C14 2.78 13.78 3 13.5 3Z' fill='%23666666'/%3E%3Cpath d='M12.5833 7H3.41667C3.18333 7 3 6.78 3 6.5C3 6.22 3.18333 6 3.41667 6H12.5833C12.8167 6 13 6.22 13 6.5C13 6.78 12.8167 7 12.5833 7Z' fill='%23666666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3729_42118'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
		no-repeat right 12px center;
	text-align: left;
	background-color: var(--color-white)
}

.input-field input[type=date]::-webkit-calendar-picker-indicator {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	color: rgba(0, 0, 0, 0);
	cursor: pointer
}

.datepicker {
	width: 100%;
	min-width: 260px
}

.datepicker.active {
	display: block
}

.datepicker:not(.active) {
	display: none
}

.datepicker-dropdown {
	padding-top: 4px;
	position: absolute;
	z-index: 20
}

.datepicker-dropdown.datepicker-orient-top {
	padding-top: 0;
	padding-bottom: 4px
}

.datepicker-dropdown .datepicker-picker {
	-webkit-box-shadow: 0 2px 3px hsla(0, 0%, 4%, .1), 0 0 0 1px
		hsla(0, 0%, 4%, .1);
	box-shadow: 0 2px 3px hsla(0, 0%, 4%, .1), 0 0 0 1px hsla(0, 0%, 4%, .1)
}

.datepicker-picker {
	position: relative;
	background-color: #fff;
	border-radius: 8px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 260px;
	width: 100%;
	padding: 16px 20px
}

.datepicker-main {
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	-moz-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	margin-top: 4px
}

.datepicker-footer .datepicker-controls {
	position: absolute;
	top: 16px;
	right: 20px
}

.datepicker-footer .datepicker-controls .button {
	padding: 8px 0;
	color: #e30613;
	font-weight: var(--fw-sb);
	font-size: 13px;
	letter-spacing: -0.4px;
	line-height: 18px
}

.datepicker-title {
	background-color: #f5f5f5;
	-webkit-box-shadow: inset 0 -1px 1px hsla(0, 0%, 4%, .1);
	box-shadow: inset 0 -1px 1px hsla(0, 0%, 4%, .1);
	font-weight: 700;
	padding: .375rem .75rem;
	text-align: center
}

.datepicker-controls {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 4px
}

.datepicker-controls .button {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.datepicker-controls .button:hover {
	border-color: #b8b8b8
}

.datepicker-controls .button:focus {
	outline: none;
	border-color: #3273dc
}

.datepicker-controls .button:focus:not(:active) {
	-webkit-box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25);
	box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25)
}

.datepicker-controls .button:active {
	border-color: #474747
}

.datepicker-controls .button[disabled] {
	cursor: not-allowed
}

.datepicker-controls .view-switch {
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	-moz-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: -0.4px;
	color: #000
}

.datepicker-controls .next-button, .datepicker-controls .prev-button {
	width: 16px;
	height: 16px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 0
}

.datepicker-controls .next-button.disabled, .datepicker-controls .prev-button.disabled
	{
	visibility: hidden
}

.datepicker-controls .next-button {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='6' height='10' viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.612 9.98901C0.768 9.98901 0.924 9.93346 1.032 9.82234L5.82 5.38901C6.06 5.16679 6.06 4.82234 5.82 4.60012L1.032 0.166789C0.792 -0.0554335 0.42 -0.0554335 0.18 0.166789C-0.06 0.389011 -0.06 0.733455 0.18 0.955678L4.548 5.00012L0.18 9.04457C-0.06 9.26679 -0.06 9.61123 0.18 9.83346C0.3 9.94457 0.456 10.0001 0.6 10.0001V9.98901H0.612Z' fill='%23666666'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 6px 10px
}

.datepicker-controls .prev-button {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='6' height='10' viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.612 9.98901C0.768 9.98901 0.924 9.93346 1.032 9.82234L5.82 5.38901C6.06 5.16679 6.06 4.82234 5.82 4.60012L1.032 0.166789C0.792 -0.0554335 0.42 -0.0554335 0.18 0.166789C-0.06 0.389011 -0.06 0.733455 0.18 0.955678L4.548 5.00012L0.18 9.04457C-0.06 9.26679 -0.06 9.61123 0.18 9.83346C0.3 9.94457 0.456 10.0001 0.6 10.0001V9.98901H0.612Z' fill='%23666666'/%3E%3C/svg%3E%0A");
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 6px 10px
}

.datepicker-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 34px
}

.datepicker-header .datepicker-controls {
	padding: 2px 2px 0
}

.datepicker-header .datepicker-controls .button {
	border-color: rgba(0, 0, 0, 0);
	font-weight: 700
}

.datepicker-header .datepicker-controls .button:hover {
	background-color: #f9f9f9
}

.datepicker-header .datepicker-controls .button:active {
	background-color: #f2f2f2
}

.datepicker-grid, .datepicker-view {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.datepicker-view {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.datepicker .datepicker-view:not(.months) .datepicker-grid, .datepicker .datepicker-view:not(.years) .datepicker-grid
	{
	gap: 4px
}

.datepicker .datepicker-view:not(.months) .datepicker-grid .datepicker-cell:not(.today).focused:not(.selected),
	.datepicker .datepicker-view:not(.years) .datepicker-grid .datepicker-cell:not(.today).focused:not(.selected)
	{
	background-color: #e30613;
	border-radius: 50%;
	background-size: 28px;
	color: var(--color-white);
	font-weight: var(--fw-sb)
}

.datepicker .datepicker-view:not(.months) .datepicker-grid .datepicker-cell:not(.today).selected,
	.datepicker .datepicker-view:not(.months) .datepicker-grid .datepicker-cell:not(.today).selected:hover,
	.datepicker .datepicker-view:not(.years) .datepicker-grid .datepicker-cell:not(.today).selected,
	.datepicker .datepicker-view:not(.years) .datepicker-grid .datepicker-cell:not(.today).selected:hover
	{
	background-color: #e30613;
	border-radius: 50%;
	background-size: 28px;
	color: var(--color-white);
	font-weight: var(--fw-sb)
}

.datepicker-grid {
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	-moz-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.datepicker .days {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	-moz-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.datepicker .days-of-week {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 4px
}

.datepicker .days-of-week .dow {
	color: #777;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: -0.4px;
	padding: 5px 9px;
	height: auto;
	width: 28px
}

.datepicker .week-numbers {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 9.6774193548%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 9.6774193548%;
	flex: 0 0 9.6774193548%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.datepicker .weeks {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	-moz-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.datepicker span {
	-webkit-touch-callout: none;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 4px;
	cursor: default;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.datepicker .dow {
	font-size: .875rem;
	font-weight: 700;
	height: 1.5rem
}

.datepicker .week {
	color: #b8b8b8;
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	-moz-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	font-size: .75rem
}

.datepicker .datepicker-cell {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 5px 6px;
	font-weight: var(--fw-r);
	letter-spacing: -0.4px;
	font-size: 13px;
	line-height: 18px;
	width: 28px;
	height: 28px;
	color: #555
}

.datepicker-cell {
	height: 2.25rem
}

.datepicker-cell:not(.day) {
	-webkit-flex-basis: 25%;
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	height: 4.5rem
}

.datepicker-cell:not(.disabled):hover {
	background-color: #f9f9f9;
	cursor: pointer
}

.datepicker-cell.disabled {
	color: #dcdcdc
}

.datepicker-cell.next:not(.disabled), .datepicker-cell.prev:not(.disabled)
	{
	color: #bbb
}

.datepicker-cell.next.selected, .datepicker-cell.prev.selected {
	color: #e6e6e6
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
	background-color: #f5f5f5;
	border-radius: 0
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):hover:not(.disabled)
	{
	background-color: #efefef
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused
	{
	background-color: #e9e9e9
}

.datepicker-cell.today {
	color: #e30613;
	font-weight: var(--fw-sb)
}

.datepicker-cell.today.focused, .datepicker-cell.today.selected {
	color: #e30613;
	font-weight: var(--fw-sb)
}

.datepicker-cell.range-end:not(.selected), .datepicker-cell.range-start:not(.selected)
	{
	background-color: #b8b8b8;
	color: #fff
}

.datepicker-cell.range-end:not(.selected).focused, .datepicker-cell.range-start:not(.selected).focused
	{
	background-color: #b3b3b3
}

.datepicker-cell.range-start:not(.range-end) {
	border-radius: 4px 0 0 4px
}

.datepicker-cell.range-end:not(.range-start) {
	border-radius: 0 4px 4px 0
}

.datepicker-cell.range {
	background-color: #dcdcdc;
	border-radius: 0
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
	background-color: #d7d7d7
}

.datepicker-cell.range.disabled {
	color: #c6c6c6
}

.datepicker-cell.range.focused {
	background-color: #d1d1d1
}

.datepicker-input.in-edit {
	border-color: #276bda
}

.datepicker-input.in-edit:active, .datepicker-input.in-edit:focus {
	-webkit-box-shadow: 0 0 .25em .25em rgba(39, 107, 218, .2);
	box-shadow: 0 0 .25em .25em rgba(39, 107, 218, .2)
}

.accordion-group .accordion-box {
	border-bottom: 1px solid #eee
}

.accordion-group .accordion-box:first-of-type {
	border-top: 1px solid var(--color-gray-80)
}

.accordion-group .accordion-btn {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 72px;
	padding-left: 4px;
	padding-right: 36px;
	background-color: #fff;
	line-height: 28px;
	text-align: left;
	color: #222;
	font-size: 18px;
	letter-spacing: -0.4px
}

.accordion-group .accordion-btn::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 32px;
	height: 32px;
	margin-top: -16px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9892 0.582025C13.9892 0.730385 13.9355 0.878745 13.828 0.981455L7.37634 7.82882C7.16129 8.05706 6.82796 8.05706 6.6129 7.82882L0.16129 0.981455C-0.0537634 0.75321 -0.0537634 0.399429 0.16129 0.171184C0.376344 -0.0570613 0.709677 -0.0570613 0.924731 0.171184L7 6.61912L13.0753 0.171184C13.2903 -0.0570613 13.6237 -0.0570613 13.8387 0.171184C13.9462 0.285307 14 0.433666 14 0.570613L13.9892 0.582025Z' fill='%23666'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear
}

.accordion-group .accordion-btn[aria-expanded=true] {
	font-weight: var(--fw-sb)
}

.accordion-group .accordion-btn[aria-expanded=true]::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.accordion-group .accordion-contents {
	overflow: hidden;
	height: 0;
	-webkit-transition: height .3s;
	-moz-transition: height .3s;
	transition: height .3s
}

.accordion-group .inner {
	padding: 16px;
	background-color: #f7f7f7;
	line-height: 22px;
	font-size: 15px
}

*, :before, :after {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

article, aside, figcaption, figure, footer, header, nav, section {
	display: block
}

ul, ol, dl {
	list-style: none;
	word-break: keep-all
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

button, html input[type=button], input[type=reset], input[type=submit] {
	overflow: visible;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	cursor: pointer
}

button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0
}

input[data-type=number] {
	ime-mode: disabled
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
	{
	height: auto
}

input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration
	{
	-webkit-appearance: none;
	appearance: none
}

input[type=text], input[type=number], input[type=password], input[type=tel]
	{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 56px;
	line-height: 56px;
	padding: 0 16px;
	border: 1px solid var(--color-gray-40);
	width: 100%
}

input::-ms-clear, input::-ms-reveal {
	display: none
}

select::-ms-expand {
	display: none
}

[disabled] {
	cursor: default
}

html {
	font-size: 62.5%;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-flow: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	width: 100%;
	min-height: 100vh;
	font-weight: 500;
	font-size: 16px;
	font-family: var(--system-font);
	color: var(--color-base);
	letter-spacing: -0.4px;
	word-break: break-all;
	background-color: var(--color-white);
	overflow-y: scroll;
	line-height: normal
}

input, button, select, textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	font-family: inherit;
	line-height: 1.5;
	color: inherit;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: rgba(0, 0, 0, 0);
	border: 0;
	border-radius: 0;
	outline: none
}

caption, legend, hr {
	display: none
}

em, address, i {
	font-style: normal
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle
}

a {
	color: inherit;
	text-decoration: none;
	cursor: pointer
}

strong, b {
	font-weight: 700
}

input::-webkit-input-placeholder {
	line-height: normal;
	color: var(--color-gray-60)
}

input::-moz-placeholder {
	line-height: normal;
	color: var(--color-gray-60)
}

input:-ms-input-placeholder {
	line-height: normal;
	color: var(--color-gray-60)
}

input::-ms-input-placeholder {
	line-height: normal;
	color: var(--color-gray-60)
}

input::placeholder {
	line-height: normal;
	color: var(--color-gray-60)
}

textarea::-webkit-input-placeholder {
	color: var(--color-gray-60)
}

textarea::-moz-placeholder {
	color: var(--color-gray-60)
}

textarea:-ms-input-placeholder {
	color: var(--color-gray-60)
}

textarea::-ms-input-placeholder {
	color: var(--color-gray-60)
}

textarea::placeholder {
	color: var(--color-gray-60)
}

select {
	width: 100%;
	height: 48px;
	padding: 1.2rem;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9892 0.582025C13.9892 0.730385 13.9355 0.878745 13.828 0.981455L7.37634 7.82882C7.16129 8.05706 6.82796 8.05706 6.6129 7.82882L0.16129 0.981455C-0.0537634 0.75321 -0.0537634 0.399429 0.16129 0.171184C0.376344 -0.0570613 0.709677 -0.0570613 0.924731 0.171184L7 6.61912L13.0753 0.171184C13.2903 -0.0570613 13.6237 -0.0570613 13.8387 0.171184C13.9462 0.285307 14 0.433666 14 0.570613L13.9892 0.582025Z' fill='%23222'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: -webkit-calc(100% - 15px) center;
	background-position: -moz-calc(100% - 15px) center;
	background-position: calc(100% - 15px) center;
	border: 1px solid var(--color-gray-40);
	border-radius: var(--border-radius-12);
	color: #222;
	font-size: 15px
}

select:disabled {
	image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9892 0.582025C13.9892 0.730385 13.9355 0.878745 13.828 0.981455L7.37634 7.82882C7.16129 8.05706 6.82796 8.05706 6.6129 7.82882L0.16129 0.981455C-0.0537634 0.75321 -0.0537634 0.399429 0.16129 0.171184C0.376344 -0.0570613 0.709677 -0.0570613 0.924731 0.171184L7 6.61912L13.0753 0.171184C13.2903 -0.0570613 13.6237 -0.0570613 13.8387 0.171184C13.9462 0.285307 14 0.433666 14 0.570613L13.9892 0.582025Z' fill='%23222'/%3E%3C/svg%3E%0A");
	repeat: no-repeat;
	position: -webkit-calc(100% - 15px) center;
	position: -moz-calc(100% - 15px) center;
	position: calc(100% - 15px) center
}

@font-face {
	font-family: "Suit";
	font-weight: 100;
	font-display: swap;
	src: local("Suit Thin"), url("../fonts/Suit/SUIT-Thin.woff2")
		format("woff2")
}

@font-face {
	font-family: "Suit";
	font-weight: 300;
	font-display: swap;
	src: local("Suit Light"), url("../fonts/Suit/SUIT-Light.woff2")
		format("woff2")
}

@font-face {
	font-family: "Suit";
	font-weight: 400;
	font-display: swap;
	src: local("Suit Regular"), url("../fonts/Suit/SUIT-Regular.woff2")
		format("woff2")
}

@font-face {
	font-family: "Suit";
	font-weight: 700;
	font-display: swap;
	src: local("Suit Bold"), url("../fonts/Suit/SUIT-Bold.woff2")
		format("woff2")
}

@font-face {
	font-family: "Suit";
	font-weight: 800;
	font-display: swap;
	src: local("Suit ExtraBold"), url("../fonts/Suit/SUIT-ExtraBold.woff2")
		format("woff2")
}

.is-blind {
	position: absolute;
	width: .1rem;
	height: .1rem;
	margin: -0.1rem;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0
}

.point-color1 {
	color: var(--color-red-20) !important
}

.page .flyer-banner-area {
	margin-top: 32px
}

.page .swiper-type-wrap {
	margin-top: 32px
}

.page .bottom-sheet-grid {
	padding: 16px
}

.page .bottom-sheet-grid .in {
	margin-top: 0
}

.in {
	max-width: 1024px;
	width: 100%;
	margin: 40px auto 0 auto
}

.in+.in {
	margin-top: 40px
}

.in>.form-layout {
	padding-top: 24px
}

.form-layout {
	max-width: 504px;
	margin: 0 auto;
	width: 100%
}

.form-layout .title-type2+.gray-box {
	margin-top: 24px
}

.form-layout.type2 {
	padding-top: 80px
}

.form-layout.type2 .form-list+.exc-list {
	margin-top: 32px
}

.input-del {
	background-image:
		url("data:image/svg+xml;charset=utf8,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2237_46521)'%3E%3Cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%23CCCCCC'/%3E%3Cpath d='M9.05486 8L10.7756 6.28358C11.0748 5.98507 11.0748 5.52239 10.7756 5.22388C10.4763 4.92537 10.0125 4.92537 9.71322 5.22388L7.99252 6.9403L6.27182 5.23881C5.98753 4.9403 5.50873 4.9403 5.22444 5.23881C4.94015 5.53731 4.92519 6 5.22444 6.28358L6.94514 8L5.22444 9.71642C4.92519 10.0149 4.92519 10.4776 5.22444 10.7761C5.37406 10.9254 5.56858 11 5.74813 11C5.92768 11 6.13716 10.9254 6.27182 10.7761L7.99252 9.0597L9.71322 10.7761C9.86284 10.9254 10.0574 11 10.2369 11C10.4165 11 10.6259 10.9254 10.7606 10.7761C11.0599 10.4776 11.0599 10.0149 10.7606 9.71642L9.0399 8H9.05486Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2237_46521'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	width: 32px;
	height: 32px
}

.password-mask {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2538_7476)'%3E%3Cpath d='M19.92 6.73C19.74 6.46 15.46 0 10 0C4.54 0 0.259998 6.45 0.0799976 6.73C-0.0300024 6.9 -0.0300024 7.11 0.0799976 7.28C0.259998 7.55 4.54 14.01 10 14.01C15.46 14.01 19.74 7.56 19.92 7.28C20.03 7.11 20.03 6.9 19.92 6.73ZM10 13C5.69 13 1.98 8.21 1.11 7C1.98 5.79 5.69 1 10 1C14.31 1 18.02 5.79 18.89 7C18.02 8.21 14.31 13 10 13Z' fill='%23666666'/%3E%3Cpath d='M10 3C7.79 3 6 4.79 6 7C6 9.21 7.79 11 10 11C12.21 11 14 9.21 14 7C14 4.79 12.21 3 10 3ZM10 10C8.35 10 7 8.65 7 7C7 5.35 8.35 4 10 4C11.65 4 13 5.35 13 7C13 8.65 11.65 10 10 10Z' fill='%23666666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2538_7476'%3E%3Crect width='20' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	width: 44px;
	height: 44px
}

.password-mask.is-hidden {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9989 0.5C17.9989 0.37 17.949 0.24 17.849 0.15C17.6492 -0.05 17.3394 -0.05 17.1396 0.15L2.1508 15.15C2.05088 15.25 2.00092 15.38 2.00092 15.5C2.00092 15.62 2.05088 15.76 2.1508 15.85C2.25073 15.94 2.38063 16 2.50054 16C2.62045 16 2.76035 15.95 2.85028 15.85L17.839 0.850001C17.939 0.750001 17.9889 0.62 17.9889 0.5H17.9989Z' fill='%23666666'/%3E%3Cpath d='M19.9176 7.72998C19.8677 7.64998 18.6486 5.81998 16.72 4.07998C16.5202 3.89998 16.2004 3.90998 16.0106 4.11998C15.8207 4.32998 15.8407 4.63998 16.0505 4.82998C17.4595 6.09998 18.4887 7.44998 18.8884 8.00998C18.019 9.21998 14.3118 14.01 10.0051 14.01C9.11572 14.01 8.17643 13.8 7.21715 13.37C6.96733 13.26 6.66756 13.37 6.55764 13.63C6.44772 13.88 6.55764 14.18 6.81745 14.29C7.90663 14.77 8.97583 15.01 10.0051 15.01C15.451 15.01 19.7378 8.55998 19.9176 8.27998C20.0275 8.10998 20.0275 7.89998 19.9176 7.72998Z' fill='%23666666'/%3E%3Cpath d='M3.29003 11.9202C3.38996 12.0102 3.50987 12.0502 3.61978 12.0502C3.75968 12.0502 3.88958 11.9902 3.98951 11.8802C4.17937 11.6702 4.15938 11.3602 3.94954 11.1702C2.54059 9.90023 1.51137 8.55023 1.11167 7.99023C1.98101 6.78023 5.68823 1.99023 9.995 1.99023C10.8843 1.99023 11.8236 2.20023 12.7829 2.63023C13.0327 2.74023 13.3325 2.63023 13.4424 2.37023C13.5523 2.12023 13.4424 1.82023 13.1826 1.71023C12.0934 1.23023 11.0242 0.990234 9.995 0.990234C4.54909 0.990234 0.262303 7.44023 0.0824382 7.72023C-0.0274794 7.89023 -0.0274794 8.10023 0.0824382 8.27024C0.132401 8.35023 1.35149 10.1802 3.28004 11.9202H3.29003Z' fill='%23666666'/%3E%3Cpath d='M10.0049 5.00023C10.1848 5.00023 10.3547 5.02023 10.5245 5.05023C10.7943 5.10023 11.0541 4.92023 11.1041 4.64023C11.1541 4.37023 10.9742 4.11024 10.6944 4.06024C10.4646 4.02024 10.2347 3.99023 9.99493 3.99023C7.78658 3.99023 5.99792 5.78023 5.99792 7.99023C5.99792 8.23023 6.0279 8.46024 6.06787 8.69024C6.10784 8.93023 6.31769 9.10023 6.55751 9.10023C6.58748 9.10023 6.61746 9.10023 6.64744 9.10023C6.91724 9.05023 7.0971 8.79024 7.05713 8.52024C7.02715 8.35023 7.00717 8.18023 7.00717 8.00023C7.00717 6.35023 8.35616 5.00023 10.0049 5.00023Z' fill='%23666666'/%3E%3Cpath d='M10.005 11.0001C9.82515 11.0001 9.65528 10.9801 9.48541 10.9501C9.21561 10.9001 8.95581 11.0801 8.90584 11.3601C8.85588 11.6301 9.03575 11.8901 9.31554 11.9401C9.54536 11.9801 9.77519 12.0101 10.015 12.0101C12.2234 12.0101 14.012 10.2201 14.012 8.01009C14.012 7.77009 13.982 7.54009 13.9421 7.31009C13.8921 7.04009 13.6323 6.86009 13.3625 6.90009C13.0927 6.95009 12.9128 7.21009 12.9528 7.48009C12.9828 7.65009 13.0028 7.82009 13.0028 8.00009C13.0028 9.65009 11.6538 11.0001 10.005 11.0001Z' fill='%23666666'/%3E%3C/svg%3E%0A")
}

input[type=text]+.input-del, input[type=password]+.input-del, input[type=tel]+.input-del
	{
	display: none
}

input[type=text].is-active+.input-del, input[type=password].is-active+.input-del,
	input[type=tel].is-active+.input-del {
	display: block
}

.dot-list-item {
	padding-left: 11px;
	position: relative;
	line-height: 18px;
	color: var(--color-gray-80);
	font-size: 13px
}

.dot-list-item::after {
	position: absolute;
	top: 8px;
	left: 3px;
	width: 2px;
	height: 2px;
	content: "";
	background-color: var(--color-gray-80);
	border-radius: 100%
}

.dot-list-item+.dot-list-item {
	margin-top: 12px
}

.exc-list-item {
	position: relative;
	padding-left: 20px;
	font-size: 15px;
	line-height: 22px;
	color: #777
}

.exc-list-item::before {
	position: absolute;
	top: 2px;
	left: 0;
	width: 1.6rem;
	height: 1.6rem;
	content: "";
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z' fill='%23D53410'/%3E%3Cpath d='M6 9C6.27614 9 6.5 8.77614 6.5 8.5C6.5 8.22386 6.27614 8 6 8C5.72386 8 5.5 8.22386 5.5 8.5C5.5 8.77614 5.72386 9 6 9Z' fill='white'/%3E%3Cpath d='M6.5 3.5C6.5 3.22386 6.27614 3 6 3C5.72386 3 5.5 3.22386 5.5 3.5V6.5C5.5 6.77614 5.72386 7 6 7C6.27614 7 6.5 6.77614 6.5 6.5V3.5Z' fill='white'/%3E%3C/svg%3E%0A")
		no-repeat center
}

.exc-list-item+.exc-list-item {
	margin-top: 8px
}

.exc-list+.bottom-grid {
	margin-top: 32px
}

.pagination {
	margin-top: 40px;
	text-align: center
}

.pagination-item {
	display: inline-block;
	width: 3.2rem;
	height: 3.2rem;
	overflow: hidden;
	line-height: 3.2rem;
	color: var(--color-gray-80);
	text-align: center;
	vertical-align: top;
	background-color: var(--color-white);
	border: 1px solid var(--color-gray-40);
	border-radius: .8rem;
	font-size: 13px
}

.pagination-item span {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0)
}

.pagination-item-active {
	font-weight: var(--fw-sb);
	color: var(--color-white);
	border-color: #222;
	background-color: #222
}

.pagination-number-box {
	display: inline-block;
	margin: 0 1.6rem;
	vertical-align: top
}

.pagination-prev {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9' fill='none' %3E%3Cpath d='M4.99 0.0100002C4.86 0.0100002 4.73 0.0599995 4.64 0.16L0.65 4.15C0.45 4.35 0.45 4.66 0.65 4.86L4.64 8.85C4.84 9.05 5.15 9.05 5.35 8.85C5.55 8.65 5.55 8.34 5.35 8.14L1.71 4.5L5.35 0.86C5.55 0.66 5.55 0.349999 5.35 0.15C5.25 0.0499992 5.12 0 5 0V0.0100002H4.99Z' fill='%23666'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: .6rem .9rem
}

.pagination-next {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9' fill='none' %3E%3Cpath d='M1.01 8.99C1.14 8.99 1.27 8.94 1.36 8.84L5.35 4.85C5.55 4.65 5.55 4.34 5.35 4.14L1.36 0.15C1.16 -0.05 0.85 -0.05 0.65 0.15C0.45 0.35 0.45 0.66 0.65 0.86L4.29 4.5L0.65 8.14C0.45 8.34 0.45 8.65 0.65 8.85C0.75 8.95 0.88 9 1 9V8.99H1.01Z' fill='%23666'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: .6rem .9rem
}

.pagination-first {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='none' %3E%3Cpath d='M7.49 0.0100002C7.36 0.0100002 7.23 0.0599995 7.14 0.16L3.15 4.15C2.95 4.35 2.95 4.66 3.15 4.86L7.14 8.85C7.34 9.05 7.65 9.05 7.85 8.85C8.05 8.65 8.05 8.34 7.85 8.14L4.21 4.5L7.85 0.86C8.05 0.66 8.05 0.349999 7.85 0.15C7.75 0.0499992 7.62 0 7.5 0V0.0100002H7.49Z' fill='%23666'/%3E%3Cpath d='M4.49 0.0100002C4.36 0.0100002 4.23 0.0599995 4.14 0.16L0.15 4.15C-0.0499997 4.35 -0.0499997 4.66 0.15 4.86L4.14 8.85C4.34 9.05 4.65 9.05 4.85 8.85C5.05 8.65 5.05 8.34 4.85 8.14L1.21 4.5L4.85 0.86C5.05 0.66 5.05 0.349999 4.85 0.15C4.75 0.0499992 4.62 0 4.5 0V0.0100002H4.49Z' fill='%23666'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: .8rem .9rem
}

.pagination-last {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='none' %3E%3Cpath d='M0.51 0.0100002C0.64 0.0100002 0.77 0.0599995 0.86 0.16L4.85 4.15C5.05 4.35 5.05 4.66 4.85 4.86L0.86 8.85C0.66 9.05 0.35 9.05 0.15 8.85C-0.05 8.65 -0.05 8.34 0.15 8.14L3.79 4.5L0.15 0.86C-0.05 0.66 -0.05 0.349999 0.15 0.15C0.25 0.0499992 0.38 0 0.5 0V0.0100002H0.51Z' fill='%23666'/%3E%3Cpath d='M3.51 0.0100002C3.64 0.0100002 3.77 0.0599995 3.86 0.16L7.85 4.15C8.05 4.35 8.05 4.66 7.85 4.86L3.86 8.85C3.66 9.05 3.35 9.05 3.15 8.85C2.95 8.65 2.95 8.34 3.15 8.14L6.79 4.5L3.15 0.86C2.95 0.66 2.95 0.349999 3.15 0.15C3.25 0.0499992 3.38 0 3.5 0V0.0100002H3.51Z' fill='%23666'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: .8rem .9rem
}

.pagination-disabled {
	background-color: var(--color-gray-30);
	border-color: var(--color-gray-40)
}

.pagination-disabled.pagination-prev {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9' fill='none' %3E%3Cpath d='M4.99 0.0100002C4.86 0.0100002 4.73 0.0599995 4.64 0.16L0.65 4.15C0.45 4.35 0.45 4.66 0.65 4.86L4.64 8.85C4.84 9.05 5.15 9.05 5.35 8.85C5.55 8.65 5.55 8.34 5.35 8.14L1.71 4.5L5.35 0.86C5.55 0.66 5.55 0.349999 5.35 0.15C5.25 0.0499992 5.12 0 5 0V0.0100002H4.99Z' fill='%23BBB'/%3E%3C/svg%3E")
}

.pagination-disabled.pagination-next {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 9' fill='none' %3E%3Cpath d='M1.01 8.99C1.14 8.99 1.27 8.94 1.36 8.84L5.35 4.85C5.55 4.65 5.55 4.34 5.35 4.14L1.36 0.15C1.16 -0.05 0.85 -0.05 0.65 0.15C0.45 0.35 0.45 0.66 0.65 0.86L4.29 4.5L0.65 8.14C0.45 8.34 0.45 8.65 0.65 8.85C0.75 8.95 0.88 9 1 9V8.99H1.01Z' fill='%23BBB'/%3E%3C/svg%3E")
}

.pagination-disabled.pagination-first {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='none' %3E%3Cpath d='M7.49 0.0100002C7.36 0.0100002 7.23 0.0599995 7.14 0.16L3.15 4.15C2.95 4.35 2.95 4.66 3.15 4.86L7.14 8.85C7.34 9.05 7.65 9.05 7.85 8.85C8.05 8.65 8.05 8.34 7.85 8.14L4.21 4.5L7.85 0.86C8.05 0.66 8.05 0.349999 7.85 0.15C7.75 0.0499992 7.62 0 7.5 0V0.0100002H7.49Z' fill='%23BBB'/%3E%3Cpath d='M4.49 0.0100002C4.36 0.0100002 4.23 0.0599995 4.14 0.16L0.15 4.15C-0.0499997 4.35 -0.0499997 4.66 0.15 4.86L4.14 8.85C4.34 9.05 4.65 9.05 4.85 8.85C5.05 8.65 5.05 8.34 4.85 8.14L1.21 4.5L4.85 0.86C5.05 0.66 5.05 0.349999 4.85 0.15C4.75 0.0499992 4.62 0 4.5 0V0.0100002H4.49Z' fill='%23BBB'/%3E%3C/svg%3E")
}

.pagination-disabled.pagination-last {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='none' %3E%3Cpath d='M0.51 0.0100002C0.64 0.0100002 0.77 0.0599995 0.86 0.16L4.85 4.15C5.05 4.35 5.05 4.66 4.85 4.86L0.86 8.85C0.66 9.05 0.35 9.05 0.15 8.85C-0.05 8.65 -0.05 8.34 0.15 8.14L3.79 4.5L0.15 0.86C-0.05 0.66 -0.05 0.349999 0.15 0.15C0.25 0.0499992 0.38 0 0.5 0V0.0100002H0.51Z' fill='%23BBB'/%3E%3Cpath d='M3.51 0.0100002C3.64 0.0100002 3.77 0.0599995 3.86 0.16L7.85 4.15C8.05 4.35 8.05 4.66 7.85 4.86L3.86 8.85C3.66 9.05 3.35 9.05 3.15 8.85C2.95 8.65 2.95 8.34 3.15 8.14L6.79 4.5L3.15 0.86C2.95 0.66 2.95 0.349999 3.15 0.15C3.25 0.0499992 3.38 0 3.5 0V0.0100002H3.51Z' fill='%23BBB'/%3E%3C/svg%3E")
}

.pagination+.coupon-list {
	margin-top: 4rem
}

.title-type1 {
	font-weight: var(--fw-b);
	font-size: 28px;
	line-height: 36px;
	letter-spacing: -0.4px;
	color: #222
}

.title-type1+.flyer-banner-area, .title-type1+.goods-grid, .title-type1+.hash-tag-list
	{
	margin-top: 24px
}

.title-type1 .sub-desc {
	font-size: 15px;
	font-weight: var(--fw-m);
	line-height: 22px;
	letter-spacing: -0.4px;
	color: var(--color-gray-80);
	margin-left: 12px
}

.title-type1 .sub-desc em {
	color: #555;
	font-weight: 700
}

.title-type1+.no-data {
	margin-top: 24px
}

.title-type1+.btn-area {
	margin-top: 32px
}

.title-type2 {
	font-weight: 700;
	font-size: 24px;
	color: #222;
	letter-spacing: -0.4px;
	line-height: 32px;
	margin-bottom: 24px
}

.title-type2 .sub-desc {
	font-size: 15px;
	font-weight: var(--fw-m);
	line-height: 22px;
	letter-spacing: -0.4px;
	color: var(--color-gray-80);
	margin-left: 12px
}

.title-type2 .sub-desc em {
	color: #555;
	font-weight: 700
}

.title-type3 {
	font-weight: var(--fw-b);
	font-size: 20px;
	line-height: 28px;
	color: #222
}

.title-type3+.goods-grid {
	margin-top: 16px
}

.title-type3 .sub-desc {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: var(--color-gray-80);
	margin-left: 4px
}

.title-type3 .sub-desc em {
	color: #222;
	font-weight: 700
}

[class^=title-].is-more {
	padding-right: 16px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.844707 14C1.0268 14 1.20189 13.93 1.34196 13.7969L7.64476 7.49458C7.91789 7.22147 7.91789 6.78028 7.64476 6.50717L1.34196 0.204835C1.06882 -0.0682785 0.627598 -0.0682785 0.354461 0.204835C0.0813246 0.477949 0.0813246 0.919133 0.354461 1.19225L6.16001 6.99737L0.354461 12.8025C0.0813246 13.0756 0.0813246 13.5168 0.354461 13.7899C0.494532 13.93 0.66962 13.993 0.85171 13.993L0.844707 14Z' fill='%23222222'/%3E%3C/svg%3E%0A");
	background-size: 8px 14px;
	background-position: right center;
	background-repeat: no-repeat
}

.goods-grid+.btn-area [class^=btn-] {
	width: 343px
}

.icon-count {
	position: absolute;
	top: 3px;
	right: -6px;
	background-color: var(--color-red-20);
	color: var(--color-white);
	width: auto;
	height: 12px;
	border-radius: 9px;
	line-height: 13px;
	letter-spacing: -0.04px;
	padding: 0 5px;
	font-weight: var(--fw-sb);
	font-size: 10px
}

.no-data {
	background-color: #f7f7f7;
	border-radius: 12px;
	min-height: 148px;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.no-data p {
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.4px;
	text-align: center
}

.no-data span {
	font-weight: var(--fw-b)
}

.align-space {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position:relative;
}

.align-space-left {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.align-space-right {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.align-space.title-type {
	gap: 6px
}

.align-space.title-type .align-space-left {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0
}

.align-space.title-type .align-space-right {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.align-space.title-type+.goods-grid {
	margin-top: 24px
}

.store-box {
	display: inline-block;
	padding: 4px 6px;
	line-height: 14px;
	color: var(--color-white);
	letter-spacing: -0.4px;
	font-size: 11px;
	border-radius: var(--border-radius-4);
	background-color: var(--color-blue-30)
}

.hash-tag-list .hash-tag-list-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 6px
}

.hash-tag-list .hash-tag-list-wrap .hash-tag-list-text {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	align-items: center;
	border: none;
	border-radius: 0;
	border: 1px solid var(--color-gray-40);
	background-color: var(--color-white);
	border-radius: var(--border-radius-100);
	padding: 0 18px;
	height: 48px
}

.hash-tag-list .hash-tag-list-wrap .hash-tag-list-text span {
	display: block;
	color: #555;
	font-size: 16px;
	letter-spacing: -0.4px;
	line-height: 48px
}

.hash-tag-list .hash-tag-list-wrap .hash-tag-list-item.is-active .hash-tag-list-text span
	{
	color: #222;
	font-weight: var(--fw-sb)
}

.hash-tag-list .hash-tag-list-wrap .hash-tag-list-item.is-active .item-quantity
	{
	color: var(--color-white);
	font-weight: var(--fw-sb)
}

.hash-tag-list .hash-tag-list-wrap .hash-tag-list-item .item-quantity {
	line-height: 48px
}

.hash-tag-list.type2 .hash-tag-list-wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 6px
}

.hash-tag-list.type2 .hash-tag-list-wrap::after {
	display: none
}

.hash-tag-list.type2 .hash-tag-list-item {
	width: auto
}

.hash-tag-list.type2 .hash-tag-list-item.is-active .hash-tag-list-text {
	background-color: #222;
	border-color: #222
}

.hash-tag-list.type2 .hash-tag-list-item.is-active .hash-tag-list-text span
	{
	color: var(--color-white);
	font-weight: 700
}

.hash-tag-list.type2 .hash-tag-list-text {
	min-width: 64px;
	padding: 0 18px;
	border-radius: 24px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 48px
}

.hash-tag-list.type2 .hash-tag-list-text span {
	display: block;
	font-size: 16px;
	font-weight: var(--fw-m);
	color: var(--color-base);
	line-height: 48px;
	letter-spacing: -0.4px
}

.hash-tag-list.type2 .hash-tag-list-text:before {
	content: ""
}

.hash-tag-list.type3 .hash-tag-list-wrap {
	gap: 16px
}

.hash-tag-list.type3 .hash-tag-list-wrap::after {
	display: none
}

.hash-tag-list.type3 .hash-tag-list-item.is-active .hash-tag-list-text span
	{
	color: #222;
	font-weight: var(--fw-b)
}

.hash-tag-list.type3 .hash-tag-list-item.is-active .hash-tag-list-text::before
	{
	content: "";
	display: block;
	width: 14px;
	height: 10px;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00036 9.1875C5.74045 9.1875 5.49054 9.08753 5.29061 8.89758L0.292396 3.89897C-0.0974652 3.50908 -0.0974652 2.87925 0.292396 2.48936C0.682256 2.09947 1.31203 2.09947 1.70189 2.48936L5.99036 6.77817L12.2981 0.479919C12.688 0.0900271 13.3177 0.0900271 13.7076 0.479919C14.0975 0.86981 14.0975 1.49964 13.7076 1.88953L6.7101 8.88758C6.51017 9.08753 6.26026 9.1775 6.00036 9.1775V9.1875Z' fill='%23E30613'/%3E%3C/svg%3E%0A")
		no-repeat center;
	margin-right: 10px
}

.hash-tag-list.type3 .hash-tag-list-text {
	padding: 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: none;
	border-radius: 0
}

.hash-tag-list.type3 .hash-tag-list-text::before {
	content: ""
}

.hash-tag-list.type3 .hash-tag-list-text span {
	color: #999;
	font-size: 18px;
	letter-spacing: -0.4px;
	line-height: 28px
}

.hash-tag-list+.goods-grid {
	margin-top: 24px
}

.hash-tag-list+.banner-list {
	margin-top: 24px
}

.title-wrap {
	position: relative;
	margin-bottom: 40px
}

.title-wrap-desc {
	font-weight: var(--fw-m);
	font-size: 18px;
	margin-top: 8px;
	line-height: 28px;
	color: var(--color-gray-80)
}

.title-wrap .setting-btn {
	position: absolute;
	top: 2.4rem;
	right: 1.6rem
}

.bottom-sheet-grid {
	background-color: var(--color-white);
	border-radius: 24px 24px 0 0;
	padding: 24px 16px 40px;
	position: fixed;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	max-width: 100%;
	-webkit-box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, .05);
	box-shadow: 0px -8px 16px 0px rgba(0, 0, 0, .05);
	z-index: 10
}

.hash-tag-list+.no-data {
	margin-top: 24px
}

.hash-tag-list+.no-data+.goods-grid {
	margin-top: 40px
}

.page-prev-btn {
	width: 4rem;
	height: 4rem;
	margin-right: 1.2rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.search-btn {
	width: 4rem;
	height: 4rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.scan-btn {
	width: 4rem;
	height: 4rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.alarm-btn {
	width: 4rem;
	height: 4rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.setting-btn {
	width: 4rem;
	height: 4rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.coupon-btn {
	width: 4rem;
	height: 4rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.file-add-btn {
	width: 4rem;
	height: 4rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.calendar-btn {
	width: 3.2rem;
	height: 3.2rem;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3729_42118)'%3E%3Cpath d='M13.5 16H2.5C1.12 16 0 14.88 0 13.5V4.5C0 3.12 1.12 2 2.5 2C2.78 2 3 2.22 3 2.5C3 2.78 2.78 3 2.5 3C1.67 3 1 3.67 1 4.5V13.5C1 14.33 1.67 15 2.5 15H13.5C14.33 15 15 14.33 15 13.5V4.5C15 3.67 14.33 3 13.5 3C13.22 3 13 2.78 13 2.5C13 2.22 13.22 2 13.5 2C14.88 2 16 3.12 16 4.5V13.5C16 14.88 14.88 16 13.5 16Z' fill='%23666666'/%3E%3Cpath d='M4.5 4C4.22 4 4 3.78 4 3.5V0.5C4 0.22 4.22 0 4.5 0C4.78 0 5 0.22 5 0.5V3.5C5 3.78 4.78 4 4.5 4Z' fill='%23666666'/%3E%3Cpath d='M11.5 4C11.22 4 11 3.78 11 3.5V0.5C11 0.22 11.22 0 11.5 0C11.78 0 12 0.22 12 0.5V3.5C12 3.78 11.78 4 11.5 4Z' fill='%23666666'/%3E%3Cpath d='M13.5 3H2.5C2.22 3 2 2.78 2 2.5C2 2.22 2.22 2 2.5 2H13.5C13.78 2 14 2.22 14 2.5C14 2.78 13.78 3 13.5 3Z' fill='%23666666'/%3E%3Cpath d='M12.5833 7H3.41667C3.18333 7 3 6.78 3 6.5C3 6.22 3.18333 6 3.41667 6H12.5833C12.8167 6 13 6.22 13 6.5C13 6.78 12.8167 7 12.5833 7Z' fill='%23666666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3729_42118'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center center
}

.top-btn {
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	background: url("data:image/svg+xml;charset=utf8,");
	background-color: rgba(34, 34, 34, .7490196078);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 4rem 4rem;
	border-radius: 100%;
	-webkit-box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .1019607843);
	box-shadow: 0 .4rem .8rem 0 rgba(0, 0, 0, .1019607843);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.chat-btn {
	display: block;
	width: 4.8rem;
	height: 4.8rem;
	background-image: url("../../assets/images/icons/icon_chat.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 4.8rem 4.8rem
}

.biz-partner-btn {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	gap: 1rem;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 2.4rem;
	padding: 0 .8rem;
	font-size: 1.1rem;
	font-weight: var(--fw-b);
	line-height: 1.6rem;
	color: var(--color-blue-30);
	border: 1px solid var(--color-blue-30);
	border-radius: var(--border-radius-8)
}

.biz-partner-btn::after {
	display: block;
	width: .5rem;
	height: 1rem;
	content: "";
	background: url("data:image/svg+xml;charset=utf8,")
}

.tip-btn {
	width: 1.6rem;
	height: 1.6rem;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3724_33609)'%3E%3Cpath d='M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z' fill='%23BBBBBB'/%3E%3Cpath d='M6 7.99977C5.72 7.99977 5.5 7.77977 5.5 7.49977V7.28977C5.5 6.67977 5.85 6.14977 6.38 5.92977C6.76 5.76977 7 5.40977 7 5.00977C7 4.45977 6.55 4.00977 6 4.00977C5.45 4.00977 5 4.45977 5 5.00977C5 5.28977 4.78 5.50977 4.5 5.50977C4.22 5.50977 4 5.28977 4 5.00977C4 3.90977 4.9 3.00977 6 3.00977C7.1 3.00977 8 3.90977 8 5.00977C8 5.81977 7.51 6.54977 6.76 6.85977C6.6 6.92977 6.5 7.09977 6.5 7.29977V7.50977C6.5 7.78977 6.28 8.00977 6 8.00977V7.99977Z' fill='white'/%3E%3Cpath d='M6 10C6.27614 10 6.5 9.77614 6.5 9.5C6.5 9.22386 6.27614 9 6 9C5.72386 9 5.5 9.22386 5.5 9.5C5.5 9.77614 5.72386 10 6 10Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3724_33609'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
		no-repeat center;
	background-size: 12px 12px
}

.breadcrumb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 24px
}

.breadcrumb .breadcrumb-item {
	color: #999;
	font-weight: var(--fw-r);
	font-size: 14px;
	line-height: 20px
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
	content: "›";
	color: #666;
	margin: 0 7px
}

.breadcrumb .breadcrumb-item.is-active {
	color: #222
}

.breadcrumb+.goods-detail-wrap {
	margin-bottom: 80px
}

.text-border-arrow {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.text-border-arrow span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 4px;
	font-size: 15px;
	line-height: 22px;
	color: #222;
	font-weight: var(--fw-m)
}

.text-border-arrow span::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='19.5' y='0.5' width='19' height='19' rx='9.5' transform='rotate(90 19.5 0.5)' fill='white'/%3E%3Crect x='19.5' y='0.5' width='19' height='19' rx='9.5' transform='rotate(90 19.5 0.5)' stroke='%23DDDDDD'/%3E%3Cpath d='M7 8.5L10 11.5L13 8.5' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.pc-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.pc-wrapper>.container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-bottom: 80px;
	padding-left: 20px;
	padding-right: 20px;
	/*padding-top:198px;*/
}

.swiper-banner-wrap {
	position: relative;
	margin-top: 32px;
	margin-left: -20px;
	margin-right: -20px
}

.swiper-banner-wrap .swiper-type1 .pagination-container {
	position: absolute;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	z-index: 10;
	padding: 0 16px 16px 0
}

.swiper-type1 {
	padding: 0 24px
}

.swiper-type1 .swiper-wrapper {
	max-width: 1024px
}

.swiper-type1 .img-wrap {
	border-radius: var(--border-radius-12);
	overflow: hidden
}

.swiper-type1 .img-wrap a {
	display: block;
	width: 100%;
	height: 100%
}

.swiper-type1 .img-wrap a img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.swiper-type1 .pagination-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 12px;
	margin: 0 auto;
	padding: 16px 0 0 0
}

.swiper-type1 .pagination-container .swiper-pagination-fraction {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: auto;
	position: static;
	margin-right: 20px;
	margin-left: 12px;
	font-size: 14px;
	font-weight: var(--fw-r)
}

.swiper-type1 .pagination-container .swiper-pagination-fraction span {
	font-weight: 600;
	color: #121212
}

.swiper-type1 .pagination-container .swiper-pagination-fraction span+span
	{
	color: rgba(18, 18, 18, .8)
}

.swiper-type1 .pagination-container .swiper-pagination-fraction span+span::before
	{
	content: "/";
	color: #121212;
	display: inline-block;
	margin: 0 4px
}

.swiper-type1 .pagination-container .swiper-pagination-progressbar {
	position: static;
	width: 100%;
	height: 2px;
	background-color: #ebeff5
}

.swiper-type1 .pagination-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill
	{
	background-color: #2e2e32
}

.swiper-type1 .swiper-autoplay-control {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 20px;
	border: 1px solid #d3dadf;
	background-color: var(--color-white)
}

/* 기본 상태 → ⏸️ 아이콘으로 변경 */
.swiper-type1 .swiper-autoplay-control::after {
	content: "";
	display: block;
	width: 10px;
	height: 12px;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.91701 11.625C7.22701 11.625 6.66701 11.065 6.66701 10.375L6.66701 1.625C6.66701 1.29348 6.7987 0.975537 7.03312 0.741116C7.26754 0.506695 7.58549 0.374999 7.91701 0.374999C8.24853 0.374999 8.56647 0.506695 8.80089 0.741116C9.03531 0.975537 9.16701 1.29348 9.16701 1.625L9.16701 10.375C9.16701 11.065 8.60701 11.625 7.91701 11.625ZM2.08301 11.625C1.39301 11.625 0.833008 11.065 0.833008 10.375L0.833007 1.625C0.833007 1.29348 0.964703 0.975537 1.19912 0.741116C1.43354 0.506696 1.75149 0.375 2.08301 0.375C2.41453 0.375 2.73247 0.506696 2.96689 0.741116C3.20131 0.975537 3.33301 1.29348 3.33301 1.625L3.33301 10.375C3.33301 11.065 2.77301 11.625 2.08301 11.625Z' fill='%23121212'/%3E%3C/svg%3E%0A");
}

/* .paused 상태 → ▶️ 아이콘으로 변경 */
.swiper-type1 .swiper-autoplay-control.paused::after {
	width: 8px;
	height: 12px;
	background:
		url("../../assets/images/icons/bn-play.png");
}

.swiper-button-wrap {
	position: relative;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid #d3dadf;
	background-color: var(--color-white);
	border-radius: 20px;
	width: auto;
	margin-right: 8px
}

.swiper-button-wrap .swiper-button-prev, .swiper-button-wrap .swiper-button-next
	{
	position: static;
	height: 32px;
	width: 32px;
	border: none;
	border-radius: 0
}

.swiper-button-wrap .swiper-button-prev {
	border-radius: 20px 0 0 20px
}

.swiper-button-wrap .swiper-button-next {
	border-radius: 0 20px 20px 0
}

.swiper-button-prev, .swiper-button-next {
	border: 1px solid #d3dadf;
	background-color: var(--color-white);
	border-radius: 50%;
	margin-top: 0;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 36px;
	height: 36px
}

.swiper-button-prev::after, .swiper-button-next::after {
	content: "";
	width: 8px;
	height: 12px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-prev::after {
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M6.1001 1.41665L1.6001 5.99998L6.1001 10.5833' stroke='%23121212' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E%0A")
}

.swiper-button-next::after {
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.8999 1.41665L6.3999 5.99998L1.8999 10.5833' stroke='%23121212' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.swiper-type-wrap {
	position: relative
}

.swiper-type-wrap .swiper-slide {
	width: auto
}

.swiper-type-wrap .swiper-button-prev {
	left: -56px
}

.swiper-type-wrap .swiper-button-next {
	right: -56px
}

@media ( max-width : 1200px) {
	.swiper-type-wrap {
		max-width: 86%;
		margin: 0 auto
	}
}

.header {
	background-color: var(--color-white);
	height: 90px;
	padding: 0 20px;
	z-index:9;
	
}
.header.header-fixed {
	position:fixed;
	top:52px;
	left:0;
	width:100%;
	z-index:14;
}
.header.scrolled {
	top:0 !important;
}

.header .in {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	max-width: 1024px;
	margin: 0 auto
}

.header .logo {
	width: 120px;
	height: 42px;
	margin-right: 54px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.header .logo a {
	display: block;
	height: 100%;
	width: 100%;
	background: url("../../assets/images/icons/logo.png") center no-repeat;
	background-size: 120px auto
}

.header .header-search-wrap {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 400px;
	width: 100%
}

.header .header-search-wrap .header-search {
	position: relative;
	width: 100%
}

.header .header-search-wrap .input-search {
	height: 50px;
	width: 100%;
	border: 2px solid #e30613;
	padding: 12px 56px 12px 24px;
	border-radius: 22px;
	letter-spacing: -0.4px;
	font-size: 16px
}

.header .header-search-wrap .input-search::-webkit-input-placeholder {
	color: #777;
	line-height: 24px
}

.header .header-search-wrap .input-search::-moz-placeholder {
	color: #777;
	line-height: 24px
}

.header .header-search-wrap .input-search:-ms-input-placeholder {
	color: #777;
	line-height: 24px
}

.header .header-search-wrap .input-search::-ms-input-placeholder {
	color: #777;
	line-height: 24px
}

.header .header-search-wrap .input-search::placeholder {
	color: #777;
	line-height: 24px
}

.header .header-search-wrap .input-del {
	top: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	width: 40px;
	height: 40px;
	right: 48px
}

.header .header-search-wrap .button-search {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	right: 8px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.125' cy='8.125' r='7.125' stroke='%23222222' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17.4179 18.8323C17.8084 19.2228 18.4416 19.2228 18.8321 18.8323C19.2226 18.4417 19.2226 17.8086 18.8321 17.418L17.4179 18.8323ZM13.125 13.1252L12.4179 13.8323L17.4179 18.8323L18.125 18.1252L18.8321 17.418L13.8321 12.418L13.125 13.1252Z' fill='%23222222'/%3E%3C/svg%3E%0A")
		no-repeat center;
	background-size: 20px auto
}

.header .btn-area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-left: 50px
}

.header .btn-area a {
	width: 40px;
	height: 40px
}

.header .btn-area .button-coupon {
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_35_2360)'%3E%3Cpath d='M2.75 0.799805H21.25C22.3333 0.799805 23.2002 1.66938 23.2002 2.72754V7.27246C23.2002 7.32647 23.1537 7.38184 23.083 7.38184C21.6351 7.38201 20.4502 8.54785 20.4502 10C20.4502 11.4521 21.6351 12.618 23.083 12.6182C23.1537 12.6182 23.2002 12.6735 23.2002 12.7275V17.2725C23.2002 18.3307 22.3333 19.2002 21.25 19.2002H2.75C1.66677 19.2002 0.799805 18.3307 0.799805 17.2725V12.7275C0.799805 12.6735 0.846281 12.6182 0.916992 12.6182C2.36491 12.618 3.5498 11.4522 3.5498 10C3.5498 8.54785 2.36491 7.38201 0.916992 7.38184C0.846291 7.38184 0.799805 7.32646 0.799805 7.27246V2.72754C0.799805 1.66939 1.66678 0.799805 2.75 0.799805Z' stroke='%23222222' stroke-width='1.6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.2952 7.96188C15.6423 7.61475 15.6423 7.05193 15.2952 6.7048C14.9481 6.35766 14.3852 6.35766 14.0381 6.70479L8.7048 12.038C8.35766 12.3852 8.35766 12.948 8.70479 13.2951C9.05192 13.6423 9.61474 13.6423 9.96187 13.2952L15.2952 7.96188ZM10.6667 7.33333C10.6667 8.06972 10.0697 8.66667 9.33333 8.66667C8.59695 8.66667 8 8.06972 8 7.33333C8 6.59695 8.59695 6 9.33333 6C10.0697 6 10.6667 6.59695 10.6667 7.33333ZM14.6667 14C15.403 14 16 13.403 16 12.6667C16 11.9303 15.403 11.3333 14.6667 11.3333C13.9303 11.3333 13.3333 11.9303 13.3333 12.6667C13.3333 13.403 13.9303 14 14.6667 14Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_35_2360'%3E%3Crect width='24' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A")
		no-repeat center;
	background-size: 24px auto
}

.header .btn-area .button-mypage {
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3166 10.8444C12.9184 10.8444 13.5144 10.7258 14.0705 10.4955C14.6266 10.2652 15.1319 9.92756 15.5575 9.50196C15.9831 9.07636 16.3207 8.57109 16.551 8.01502C16.7813 7.45894 16.8999 6.86294 16.8999 6.26105C16.8999 5.65916 16.7813 5.06316 16.551 4.50709C16.3207 3.95101 15.9831 3.44575 15.5575 3.02015C15.1319 2.59454 14.6266 2.25694 14.0705 2.0266C13.5144 1.79627 12.9184 1.67772 12.3166 1.67772C11.101 1.67772 9.93519 2.1606 9.07565 3.02015C8.21611 3.87969 7.73322 5.04548 7.73322 6.26105C7.73322 7.47663 8.21611 8.64242 9.07565 9.50196C9.93519 10.3615 11.101 10.8444 12.3166 10.8444ZM2.68544 22.3223C2.23865 22.3223 1.81013 22.1449 1.49409 21.8291C1.17804 21.5132 1.00032 21.0848 1 20.6381C1 19.7055 1.44 18.8267 2.18311 18.2669C5.01282 16.1361 8.45895 14.9837 12.0012 14.9837C15.5435 14.9837 18.9896 16.1361 21.8193 18.2669C22.5624 18.8279 23 19.7043 23 20.6356C23 21.0829 22.8223 21.512 22.506 21.8283C22.1897 22.1446 21.7607 22.3223 21.3133 22.3223H2.68544Z' stroke='%23222222' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
		no-repeat center;
	background-size: 24px auto
}

.header .btn-area .button-favorite {
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9983 21.1203C11.9015 21.1203 11.8048 21.0851 11.7256 21.0235C11.4089 20.7771 4.03746 14.8635 1.89111 11.009C0.729967 8.91464 0.703578 6.40663 1.81194 4.29462C2.84113 2.34101 4.65322 1.109 6.79077 0.9066C8.67323 0.7394 10.5821 1.3554 11.9895 2.64901C13.4058 1.3554 15.3146 0.7394 17.1971 0.9066C19.3346 1.109 21.1555 2.34101 22.1847 4.29462C23.3018 6.40663 23.2667 8.91464 22.1055 11.009C19.9592 14.8635 12.5877 20.7771 12.271 21.0235C12.1918 21.0851 12.0951 21.1203 11.9983 21.1203Z' stroke='%23121212' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
		no-repeat center;
	background-size: 24px auto
}

.header .btn-area .button-cart {
	position: relative;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4594 11.1081V5.45946C16.4594 4.27674 15.9896 3.14246 15.1533 2.30615C14.317 1.46983 13.1827 1 12 1C10.8173 1 9.68298 1.46983 8.84667 2.30615C8.01036 3.14246 7.54053 4.27674 7.54053 5.45946V11.1081' stroke='%23121212' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M22.0393 8.13513H1.96099C1.81083 8.13516 1.66263 8.16921 1.52752 8.23471C1.3924 8.30022 1.27388 8.39548 1.18084 8.51334C1.08781 8.6312 1.02269 8.76861 0.990357 8.91525C0.958027 9.06188 0.959335 9.21394 0.99418 9.36L3.50694 19.9402C3.71379 20.8114 4.2084 21.5873 4.91082 22.1425C5.61323 22.6978 6.48238 22.9999 7.37775 23H16.6225C17.5179 22.9999 18.387 22.6978 19.0894 22.1425C19.7918 21.5873 20.2865 20.8114 20.4933 19.9402L23.0061 9.36C23.0409 9.21394 23.0422 9.06188 23.0099 8.91525C22.9776 8.76861 22.9124 8.6312 22.8194 8.51334C22.7264 8.39548 22.6078 8.30022 22.4727 8.23471C22.3376 8.16921 22.1894 8.13516 22.0393 8.13513Z' stroke='%23121212' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
		center no-repeat;
	background-size: 24px auto
}

.gnb {
	position: relative;
	background-color: var(--color-white);
	height: 56px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0 20px;
	z-index:9;
}

.gnb.gnb-fixed {
	position:fixed;
	top:142px;
	left:0;
	width:100%;
	z-index:11;
}
.gnb.scrolled {
	top:90px !important;
}

.gnb .in {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 100%;
	max-width: 1024px;
	margin: 0 auto
}

.gnb .button-category {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	padding: 0 28px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.gnb .button-category::before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #e30613;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg' shape-rendering='crispEdges'%3E%3Crect x='0' y='1' width='14' height='1' rx='0.5' fill='white'/%3E%3Crect x='0' y='5' width='14' height='1' rx='0.5' fill='white'/%3E%3Crect x='0' y='9' width='8' height='1' rx='0.5' fill='white'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px auto;
	margin-right: 8px
}

.gnb .gnb-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%
}

.gnb .gnb-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 20px;
	gap: 20px
}

.gnb .gnb-item {
	height: 100%
}

.gnb .gnb-item.is-active .gnb-link {
	font-weight: var(--fw-sb);
	color: #222
}

.gnb .gnb-item.is-active .gnb-link::after {
	content: "";
	position: absolute;
	right: -4px;
	top: 16px;
	width: 4px;
	height: 4px;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' fill='none' %3E%3Ccircle cx='2' cy='2.00009' r='2' fill='%23E30613'/%3E%3C/svg%3E")
}

.gnb .gnb-link {
	position: relative;
	font-weight: var(--fw-m);
	color: #555;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

@media ( max-width : 950px) {
	.gnb {
		position: relative;
		height: 102px;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 46px;
		border-bottom: none
	}
	.gnb .in {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.gnb .shipping-info {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #f2f5fa;
		border-top: 1px solid #ddd;
		padding: 16px
	}
}

.footer .in {
	padding: 0 20px;
	margin-top: 0
}

.footer .top {
	background-color: #f4f4f4;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 12px 0
}

.footer .top .in {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 16px
}

.footer .tit {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: var(--fw-sb);
	line-height: 24px;
	letter-spacing: -0.4px;
	font-size: 16px;
	color: #555;
	padding-bottom: 12px;
	margin-bottom: 16px;
	border-bottom: 1px solid #eee
}

.footer .tit.arrow {
	gap: 10px
}

.footer .tit.arrow::after {
	content: "";
	display: block;
	width: 5px;
	height: 10px;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666504 11L5.6665 6L0.666504 1' stroke='%23757575' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-position: center;
	background-repeat: no-repeat
}

.footer .footer-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 12px
}

.footer .footer-list .footer-list-item {
	font-size: 18px;
	font-weight: var(--fw-m);
	letter-spacing: -0.4px;
	line-height: 24px
}

.footer .footer-list .footer-list-item:not(:first-of-type)::before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 10px;
	background-color: #ddd;
	margin-right: 12px
}

@media ( max-width : 820px) {
	.footer .footer-list .footer-list-item {
		font-size: 16px
	}
}

.footer .footer-list .footer-list-item:last-of-type {
	font-weight: var(--fw-sb)
}

.footer .design-select-box {
	max-width: 220px;
	width: 100%
}

.footer .middle {
	padding: 24px 0
}

.footer .middle .logo {
	width: 140px;
	height: auto
}

.footer .footer-info {
	margin-top: 48px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 54px
}

.footer .footer-info>div {
	width: 50%
}

.footer .footer-info .info-list-wrap .align-space {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 12px
}

.footer .footer-info .info-list-wrap .align-space+.info-list {
	margin-top: 8px
}

.footer .footer-info .info-list-wrap .btn-area {
	margin-top: 16px
}

.footer .footer-info .info-list li {
	color: #777;
	line-height: 22px;
	letter-spacing: -0.4px;
	font-weight: var(--fw-r);
	font-size: 15px
}

.footer .footer-info .phone {
	display: inline-block;
	color: #e30613;
	font-weight: var(--fw-sb);
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.4px;
	margin-bottom: 16px
}

.footer .footer-info .btn-area {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 4px
}

.footer .bottom {
	padding-bottom: 40px;
	padding-top: 20px;
	border: 1px solid #eee
}

.footer .bottom .in {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 16px
}

.footer .bottom .copyright {
	color: #555;
	font-size: 16px;
	line-height: 24px
}

.footer .bottom .copyright+p {
	color: #777;
	font-size: 14px;
	line-height: 22px;
	margin-top: 4px;
	word-break: keep-all;
}

.footer .sns-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.footer .sns-list .sns-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	margin-left: 8px
}

.footer .sns-list .sns-item a {
	display: block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #222;
	background-position: center;
	border-radius: 50%;
	font-size: 0
}

.footer .sns-list .sns-item.naver a {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.281337V12.1875H3.82486V5.7763L8.17582 12.164H12V0.1875H8.08397V6.62189L3.59524 0.281689L0 0.281337Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: 12px auto
}

.footer .sns-list .sns-item.instagram a {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00084 0.6875C6.55657 0.6875 6.24982 0.698781 5.28981 0.744896C4.33167 0.791209 3.67766 0.951323 3.10541 1.18625C2.51346 1.4289 2.01133 1.75348 1.51108 2.28172C1.01045 2.80976 0.702945 3.33978 0.472317 3.96441C0.24919 4.56865 0.0973134 5.25918 0.054188 6.27014C0.01125 7.28347 0 7.60746 0 10.1875C0 12.7675 0.0108753 13.0903 0.0543757 14.1037C0.0984387 15.115 0.250128 15.8054 0.472505 16.4094C0.70257 17.0342 1.01007 17.5643 1.51052 18.0923C2.01058 18.6207 2.51271 18.9461 3.10428 19.1888C3.67691 19.4237 4.33111 19.5838 5.28905 19.6301C6.24906 19.6762 6.55563 19.6875 8.99972 19.6875C11.4442 19.6875 11.75 19.6762 12.71 19.6301C13.6681 19.5838 14.3229 19.4237 14.8955 19.1888C15.4873 18.9461 15.9887 18.6207 16.4887 18.0923C16.9894 17.5643 17.2969 17.0342 17.5275 16.4096C17.7487 15.8054 17.9006 15.1148 17.9456 14.1039C17.9888 13.0905 18 12.7675 18 10.1875C18 7.60746 17.9888 7.28367 17.9456 6.27033C17.9006 5.25898 17.7487 4.56865 17.5275 3.9646C17.2969 3.33978 16.9894 2.80976 16.4887 2.28172C15.9881 1.75328 15.4875 1.4287 14.895 1.18625C14.3212 0.951323 13.6668 0.791209 12.7087 0.744896C11.7487 0.698781 11.4431 0.6875 8.99803 0.6875H9.00084ZM8.19346 2.39948C8.43309 2.39908 8.70047 2.39948 9.00084 2.39948C11.4039 2.39948 11.6887 2.40858 12.6376 2.4541C13.5151 2.49646 13.9914 2.65123 14.3086 2.78126C14.7287 2.95345 15.0281 3.15928 15.3429 3.49178C15.6579 3.82428 15.8529 4.14095 16.0164 4.58428C16.1396 4.91876 16.2864 5.42147 16.3264 6.34772C16.3695 7.34918 16.3789 7.65001 16.3789 10.1853C16.3789 12.7206 16.3695 13.0215 16.3264 14.0229C16.2862 14.9492 16.1396 15.4519 16.0164 15.7864C15.8533 16.2297 15.6579 16.5454 15.3429 16.8777C15.0279 17.2102 14.7288 17.416 14.3086 17.5882C13.9918 17.7188 13.5151 17.8732 12.6376 17.9156C11.6889 17.9611 11.4039 17.971 9.00084 17.971C6.59763 17.971 6.31282 17.9611 5.36406 17.9156C4.48655 17.8728 4.01029 17.718 3.69285 17.588C3.27285 17.4158 2.97284 17.21 2.65784 16.8775C2.34284 16.545 2.14783 16.2291 1.98433 15.7856C1.86114 15.4511 1.71433 14.9484 1.67439 14.0221C1.63127 13.0207 1.62264 12.7198 1.62264 10.1829C1.62264 7.64605 1.63127 7.3468 1.67439 6.34534C1.71452 5.41909 1.86114 4.91639 1.98433 4.58151C2.14746 4.13818 2.34284 3.82151 2.65784 3.48901C2.97284 3.15651 3.27285 2.95068 3.69285 2.77809C4.0101 2.64747 4.48655 2.49309 5.36406 2.45054C6.19431 2.41096 6.51607 2.39908 8.19346 2.3971V2.39948ZM13.805 3.97687C13.2088 3.97687 12.725 4.48691 12.725 5.11648C12.725 5.74585 13.2088 6.25648 13.805 6.25648C14.4013 6.25648 14.885 5.74585 14.885 5.11648C14.885 4.4871 14.4013 3.97648 13.805 3.97648V3.97687ZM9.00084 5.30885C6.44838 5.30885 4.37892 7.49326 4.37892 10.1875C4.37892 12.8817 6.44838 15.0652 9.00084 15.0652C11.5533 15.0652 13.622 12.8817 13.622 10.1875C13.622 7.49326 11.5533 5.30885 9.00084 5.30885ZM9.00084 7.02083C10.6576 7.02083 12.0009 8.43851 12.0009 10.1875C12.0009 11.9363 10.6576 13.3542 9.00084 13.3542C7.34389 13.3542 6.00081 11.9363 6.00081 10.1875C6.00081 8.43851 7.34389 7.02083 9.00084 7.02083Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: 18px auto
}

.footer .sns-list .sns-item.youtube a {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='13' viewBox='0 0 18 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3461_8011)'%3E%3Cpath d='M17.6237 2.06144C17.4163 1.32344 16.8072 0.743474 16.0323 0.54592C14.6291 0.1875 9 0.1875 9 0.1875C9 0.1875 3.37093 0.1875 1.96773 0.54592C1.19279 0.743474 0.583802 1.32344 0.376359 2.06144C1.12658e-07 3.39775 0 6.1875 0 6.1875C0 6.1875 1.12658e-07 8.97726 0.376359 10.3136C0.583802 11.0516 1.19279 11.6315 1.96773 11.8291C3.37093 12.1875 9 12.1875 9 12.1875C9 12.1875 14.6291 12.1875 16.0323 11.8291C16.8072 11.6315 17.4163 11.0516 17.6237 10.3136C18.0001 8.97726 18.0001 6.1875 18.0001 6.1875C18.0001 6.1875 17.9985 3.39775 17.6237 2.06144Z' fill='white'/%3E%3Cpath d='M7.19824 8.75923L11.8746 6.18823L7.19824 3.61719V8.75923Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3461_8011'%3E%3Crect width='18' height='12' fill='white' transform='translate(0 0.1875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: 18px auto
}

.footer .sns-list .sns-item.kakaotalk a {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1.45898C4.47712 1.45898 0 4.98908 0 9.3436C0 12.1589 1.87173 14.6292 4.68731 16.0241C4.53413 16.5524 3.70298 19.4225 3.6699 19.648C3.6699 19.648 3.65 19.8174 3.75971 19.8821C3.86942 19.9467 3.99846 19.8965 3.99846 19.8965C4.31308 19.8525 7.64683 17.5108 8.22385 17.1042C8.80029 17.1858 9.39385 17.2282 10 17.2282C15.5229 17.2282 20 13.6982 20 9.3436C20 4.98908 15.5229 1.45898 10 1.45898Z' fill='white'/%3E%3Cpath d='M4.471 12.0762C4.15283 12.0762 3.89408 11.832 3.89408 11.5318V8.14555H2.99389C2.68168 8.14555 2.42773 7.89513 2.42773 7.58742C2.42773 7.27972 2.68177 7.0293 2.99389 7.0293H5.94812C6.26033 7.0293 6.51427 7.27972 6.51427 7.58742C6.51427 7.89513 6.26023 8.14555 5.94812 8.14555H5.04793V11.5318C5.04793 11.832 4.78918 12.0762 4.471 12.0762ZM9.52985 12.0688C9.28927 12.0688 9.10524 11.9722 9.04975 11.817L8.76408 11.0781L7.00485 11.078L6.71898 11.8174C6.6637 11.9723 6.47975 12.0688 6.23918 12.0688C6.11263 12.0689 5.98755 12.0421 5.87245 11.9901C5.71341 11.9176 5.56052 11.7183 5.73572 11.1807L7.11572 7.59198C7.21293 7.31905 7.50822 7.03785 7.88399 7.02939C8.26081 7.03775 8.5561 7.31905 8.6535 7.59255L10.0329 11.1797C10.2085 11.7185 10.0556 11.9179 9.89658 11.9902C9.78145 12.0421 9.65638 12.0689 9.52985 12.0688ZM8.46072 10.0684L7.88447 8.45107L7.30822 10.0684H8.46072ZM10.9614 11.993C10.6565 11.993 10.4085 11.7586 10.4085 11.4705V7.5993C10.4085 7.28494 10.6727 7.0293 10.9974 7.0293C11.3222 7.0293 11.5864 7.28494 11.5864 7.5993V10.948H12.8124C13.1173 10.948 13.3652 11.1825 13.3652 11.4705C13.3652 11.7586 13.1173 11.993 12.8124 11.993H10.9614ZM14.1666 12.0688C13.8484 12.0688 13.5897 11.8131 13.5897 11.4988V7.5993C13.5897 7.28494 13.8484 7.0293 14.1666 7.0293C14.4848 7.0293 14.7435 7.28494 14.7435 7.5993V8.82442L16.3531 7.23412C16.4359 7.15232 16.5497 7.10729 16.6731 7.10729C16.8172 7.10729 16.9618 7.16866 17.0701 7.27563C17.1712 7.37538 17.2315 7.50373 17.2398 7.63701C17.2481 7.77144 17.2028 7.89465 17.1124 7.98405L15.7977 9.28279L17.2178 11.1416C17.2637 11.2012 17.2971 11.2692 17.3161 11.3417C17.3351 11.4142 17.3394 11.4897 17.3286 11.5638C17.3183 11.638 17.2932 11.7094 17.2548 11.774C17.2164 11.8385 17.1654 11.8948 17.1048 11.9398C17.005 12.0147 16.8831 12.0551 16.7577 12.0548C16.6683 12.0552 16.5801 12.0349 16.5001 11.9956C16.42 11.9562 16.3504 11.8989 16.2969 11.8282L14.9439 10.057L14.7437 10.2548V11.4985C14.7435 11.6497 14.6827 11.7946 14.5745 11.9015C14.4663 12.0084 14.3196 12.0686 14.1666 12.0688Z' fill='%23222222'/%3E%3C/svg%3E%0A");
	background-size: 20px auto
}

.footer .sns-list .list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .8rem
}

.footer .sns-list .list .sns-btn {
	width: 3.2rem;
	height: 3.2rem;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 0;
	line-height: 0
}

.bottom-grid {
	margin-top: 32px
}

.bottom-grid.is-medium {
	text-align: center;
	padding: 0
}

.bottom-grid.is-medium .btn-area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.bottom-grid.is-medium button {
	width: 100%;
	max-width: 248px
}

.cs-wrap>.align-space {
	display: grid;
	grid-template-columns: minmax(160px, 221px) 1fr;
	gap: 40px;
	width: 100%;
	-webkit-box-align: normal;
	-webkit-align-items: normal;
	-moz-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal
}

.cs-wrap .hash-tag-list {
	margin-bottom: 24px
}

.cs-wrap .input-search-wrap+.accordion-group {
	margin-top: 24px
}

.cs-wrap .form-item+.form-item {
	margin-top: 24px
}

.cs-wrap .cs-info-box {
	border-radius: var(--border-radius-8);
	background-color: #f4f5f8;
	padding: 20px
}

.cs-wrap .cs-info-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 16px
}

.cs-wrap .cs-info-item:first-of-type {
	padding-left: 56px;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg  width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.666 20C23.4008 20 23.1464 20.1054 22.9589 20.2929C22.7714 20.4804 22.666 20.7348 22.666 21V23C22.6632 23.6576 22.4444 24.296 22.0433 24.8171C21.6422 25.3382 21.081 25.713 20.446 25.884C20.2234 25.3285 19.8397 24.8523 19.3443 24.5166C18.8489 24.1808 18.2645 24.0009 17.666 24H15.666C14.8704 24 14.1073 24.3161 13.5447 24.8787C12.9821 25.4413 12.666 26.2044 12.666 27C12.666 27.7956 12.9821 28.5587 13.5447 29.1213C14.1073 29.6839 14.8704 30 15.666 30H17.666C18.2994 29.9979 18.9158 29.7949 19.4265 29.4202C19.9372 29.0456 20.3159 28.5185 20.508 27.915C21.669 27.7167 22.7226 27.1149 23.4833 26.2157C24.244 25.3166 24.6628 24.1778 24.666 23V21C24.666 20.7348 24.5607 20.4804 24.3731 20.2929C24.1856 20.1054 23.9312 20 23.666 20Z' fill='%23CCCCCC'/%3E%3Cpath d='M25.666 11H24.666V10C24.666 7.87827 23.8232 5.84344 22.3229 4.34315C20.8226 2.84285 18.7877 2 16.666 2C14.5443 2 12.5095 2.84285 11.0092 4.34315C9.50887 5.84344 8.66602 7.87827 8.66602 10V11H7.66602C6.34042 11.0016 5.06957 11.5289 4.13224 12.4662C3.1949 13.4036 2.6676 14.6744 2.66602 16V18C2.6676 19.3256 3.1949 20.5964 4.13224 21.5338C5.06957 22.4711 6.34042 22.9984 7.66602 23H9.66602C9.93123 23 10.1856 22.8946 10.3731 22.7071C10.5607 22.5196 10.666 22.2652 10.666 22V10C10.666 8.4087 11.2982 6.88258 12.4234 5.75736C13.5486 4.63214 15.0747 4 16.666 4C18.2573 4 19.7834 4.63214 20.9087 5.75736C22.0339 6.88258 22.666 8.4087 22.666 10V22C22.666 22.2652 22.7714 22.5196 22.9589 22.7071C23.1464 22.8946 23.4008 23 23.666 23H25.666C26.9916 22.9984 28.2625 22.4711 29.1998 21.5338C30.1371 20.5964 30.6644 19.3256 30.666 18V16C30.6644 14.6744 30.1371 13.4036 29.1998 12.4662C28.2625 11.5289 26.9916 11.0016 25.666 11Z' fill='%23E30613'/%3E%3C/svg%3E")
		no-repeat;
	background-position: 8px center;
	background-size: 32px auto
}

.cs-wrap .cs-info-item:first-of-type strong {
	font-size: 18px;
	line-height: 28px
}

.cs-wrap .cs-info-item:first-of-type p {
	font-size: 14px;
	line-height: 20px;
	margin-top: 4px
}

.cs-wrap .cs-info-item .divide-text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--color-white);
	padding: 8px 16px;
	border-radius: var(--border-radius-8)
}

.cs-wrap .cs-info-item .divide-text span, .cs-wrap .cs-info-item .divide-text button
	{
	font-size: 16px;
	font-weight: var(--fw-sb);
	line-height: 24px;
	color: #222
}

.cs-wrap .detail-top .align-space-left {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px
}

.cs-wrap .detail-top .divide-text .tit {
	font-size: 14px;
	color: #777;
	line-height: 20px;
	font-weight: var(--fw-r)
}

.cs-wrap .detail-top .divide-text .tit .txt {
	margin-left: 12px;
	color: #222;
	font-size: 15px;
	line-height: 22px;
	font-weight: var(--fw-m)
}

body.scroll-hidden {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	width: 100%
}

.skip-nav a {
	position: absolute;
	top: -30px;
	left: 0;
	height: 30px;
	padding: 0 6px;
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	background: #000
}

.skip-nav a :focus {
	top: 0
}

.skip-nav a :active {
	top: 0
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0
}

.no-data {
	margin: auto
}

.no-data .text {
	margin-top: 1.6rem;
	text-align: center;
	line-height: 2.1rem;
	color: var(--color-gray-80)
}

.no-data.type-2 .icon {
	padding: 0
}

.no-data+.items-center {
	margin-top: 4.4rem
}

.form-wrap .input-form-box+.input-form-box {
	margin-top: 3.2rem
}

.form-wrap .inp-box+.inp-box {
	margin-top: .8rem
}

.form-wrap .delivery-point-box .rdo-box {
	width: 48%
}

.form-wrap .delivery-point-box .rdo-box label span {
	font-size: 1.5rem
}

.form-wrap .delivery-point-box .message {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .4rem;
	margin-top: .4rem;
	padding-top: 1.2rem;
	font-size: 1.4rem;
	font-weight: var(--fw-b);
	line-height: 1.7rem;
	color: var(--color-gray-80);
	border-top: .1rem solid var(--color-gray-30)
}

.form-wrap .delivery-point-box .message .desc {
	font-size: 1.4rem
}

.form-wrap .buiness-code-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	gap: .4rem
}

.delivery-address-btn {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 4px;
	padding-right: 26px
}

.delivery-address-btn::after {
	content: "";
	position: absolute;
	top: 3px;
	right: 0;
	width: 19px;
	height: 19px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='19.5' y='0.5' width='19' height='19' rx='9.5' transform='rotate(90 19.5 0.5)' fill='white'/%3E%3Crect x='19.5' y='0.5' width='19' height='19' rx='9.5' transform='rotate(90 19.5 0.5)' stroke='%23DDDDDD'/%3E%3Cpath d='M7 8.5L10 11.5L13 8.5' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center
}

.delivery-address-btn .current-txt {
	line-height: 22px;
	color: #222;
	font-size: 15px;
	font-weight: var(--fw-sb)
}

.delivery-time-btn {
	line-height: 22px;
	color: #222;
	font-size: 15px;
	font-weight: var(--fw-sb)
}

.terms-list {
	margin-top: .8rem;
	padding: 0 1.2rem
}

.terms-list li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.terms-list li:not(:first-of-type) {
	margin-top: .8rem
}

.terms-list li label {
	font-weight: var(--fw-r)
}

.terms-list li label.required {
	font-weight: var(--fw-b)
}

.terms-list li label.required strong {
	font-weight: var(--fw-b);
	color: var(--color-green-30)
}

.terms-list li label strong {
	font-weight: var(--fw-r)
}

.terms-list li .link-btn {
	width: 3.2rem;
	height: 3.2rem;
	margin-left: auto;
	background: url("data:image/svg+xml;charset=utf8,")
}

.switch-toogle-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.switch-toogle-box .text {
	font-size: 1.5rem;
	line-height: 1.8rem;
	color: var(--color-base)
}

.status-box .c-head .tit {
	font-size: 1.5rem;
	font-weight: var(--fw-sb);
	line-height: 2.2rem;
	letter-spacing: -0.4px;
	color: #222
}

.status-box .c-head .date {
	font-size: 1.4rem;
	line-height: 2rem;
	color: #555;
	letter-spacing: -0.4px
}

.status-box .c-body .goods {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: .8rem
}

.status-box .c-body .goods .img-wrap {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 8.8rem;
	height: 8.8rem;
	border-radius: var(--border-radius-16);
	border: .1rem solid var(--color-gray-30);
	background-color: var(--color-white);
	overflow: hidden
}

.status-box .c-body .goods .img-wrap figure {
	width: 100%;
	height: 100%
}

.status-box .c-body .goods .goods-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: .6rem;
	padding-top: 0
}

.status-box .c-body .goods .goods-info .shipping-code {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .8rem
}

.status-box .c-body .goods .goods-info .shipping-code .code {
	font-size: 1.4rem;
	line-height: 2rem;
	color: #777;
	font-size: var(--fw-r);
	letter-spacing: -0.4px
}

.status-box .c-body .goods .goods-info .goods-name {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: .4rem;
	margin-top: .8rem;
	font-size: 1.5rem;
	line-height: 2.2rem;
	letter-spacing: -0.4px;
	color: #222
}

.status-box .c-body .goods .goods-info .goods-name .head-text {
	height: auto;
	font-size: 1.5rem;
	line-height: 2.2rem;
	color: #222;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.status-box .c-body .goods .goods-info .goods-name .add-count {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
	font-size: 1.5rem;
	font-weight: var(--fw-sb);
	line-height: 2.2rem;
	color: #222
}

.status-box.progress .c-head .tit {
	color: var(--color-red-20)
}

.status-box.done .c-head .tit {
	color: #777
}

.link-arrow-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.link-arrow-box .text {
	display: block;
	font-size: 1.5rem;
	line-height: 1.8rem;
	color: var(--color-base)
}

.link-arrow-box .text .desc {
	display: block;
	font-size: 1.3rem;
	line-height: 1.6rem;
	color: var(--color-gray-80)
}

.link-arrow-box .text .desc em {
	color: var(--color-red-20)
}

.link-arrow-box .text .desc strong {
	font-size: 1.6rem;
	font-weight: var(--fw-b);
	line-height: 1.9rem
}

.link-arrow-box .icon {
	margin-left: auto;
	margin-right: -0.8rem
}

.link-arrow-box .icon.arrow {
	width: 3.2rem;
	height: 3.2rem;
	background: url("data:image/svg+xml;charset=utf8,")
}

.bottom-link {
	margin-top: 1.8rem
}

.bottom-link .link-item {
	font-size: 1.3rem;
	letter-spacing: -0.25px;
	text-decoration: underline;
	color: var(--color-gray-80);
	padding: .6rem
}

.form-item-label {
	font-size: 15px;
	font-weight: 700;
	display: block
}

.form-item-cont {
	margin-top: 8px
}

.form-input {
	border: 1px solid var(--color-gray-40);
	padding: 0 16px;
	border-radius: var(--border-radius-8);
	font-size: 16px;
	font-weight: var(--fw-r);
	line-height: 56px
}

.form-input:focus {
	border-color: var(--color-red-20)
}

.form-item-desc {
	margin-top: 8px;
	font-size: 14px;
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: left center
}

.form-item-desc.is-error {
	color: var(--color-red-40);
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z' fill='%23D53410'/%3E%3Cpath d='M6.71 6.01L7.86 4.86C8.06 4.66 8.06 4.35 7.86 4.15C7.66 3.95 7.35 3.95 7.15 4.15L6 5.3L4.85 4.16C4.66 3.96 4.34 3.96 4.15 4.16C3.96 4.36 3.95 4.67 4.15 4.86L5.3 6.01L4.15 7.16C3.95 7.36 3.95 7.67 4.15 7.87C4.25 7.97 4.38 8.02 4.5 8.02C4.62 8.02 4.76 7.97 4.85 7.87L6 6.72L7.15 7.87C7.25 7.97 7.38 8.02 7.5 8.02C7.62 8.02 7.76 7.97 7.85 7.87C8.05 7.67 8.05 7.36 7.85 7.16L6.7 6.01H6.71Z' fill='white'/%3E%3C/svg%3E%0A");
	padding-left: 18px
}

.form-item-desc.is-success {
	color: var(--color-green-20);
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12.5C9.31371 12.5 12 9.81371 12 6.5C12 3.18629 9.31371 0.5 6 0.5C2.68629 0.5 0 3.18629 0 6.5C0 9.81371 2.68629 12.5 6 12.5Z' fill='%23222222'/%3E%3Cpath d='M5.5 8.50023C5.37 8.50023 5.24 8.45023 5.15 8.35023L3.15 6.35023C2.95 6.15023 2.95 5.84023 3.15 5.64023C3.35 5.44023 3.66 5.44023 3.86 5.64023L5.51 7.29023L8.16 4.64023C8.36 4.44023 8.67 4.44023 8.87 4.64023C9.07 4.84023 9.07 5.15023 8.87 5.35023L5.87 8.35023C5.77 8.45023 5.64 8.50023 5.52 8.50023H5.5Z' fill='white'/%3E%3C/svg%3E%0A");
	padding-left: 18px
}

.form-item+.form-item {
	margin-top: 32px
}

.form-item-line {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.form-item-line .form-input {
	position: relative;
	padding-right: 48px
}

.form-item-line .form-input:-moz-read-only {
	background-color: #f7f7f7;
	border-color: var(--color-gray-30)
}

.form-item-line .form-input:read-only {
	background-color: #f7f7f7;
	border-color: var(--color-gray-30)
}

.form-item-line .form-input:disabled {
	background-color: #f7f7f7;
	border-color: var(--color-gray-30)
}

.form-item-line .input-del, .form-item-line .password-mask {
	position: absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	right: 0;
	width: 48px;
	height: 48px
}

.form-item-line.is-password .form-input {
	padding-right: 96px
}

.form-item-line.is-password .input-del {
	right: 48px
}

.form-item-line .input-field {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.form-item-line .button-fied {
	margin-left: 8px
}

.form-item-line .button-fied [class^=btn-] span {
	font-weight: var(--fw-sb)
}

.form-item-line+.form-item-line {
	margin-top: 8px
}

.form-item-line.col3 {
	gap: 8px
}

.form-list+.exc-list {
	margin-top: 16px
}

.login-check-list {
	margin-top: 24px
}

.login-check-list+.btn-area {
	margin-top: 40px
}

.sns-login-title {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: var(--color-gray-80)
}

.sns-login-cont {
	text-align: center;
	margin-top: 16px
}

.sns-login-list-wrap {
	display: inline-block;
	vertical-align: top
}

.sns-login-list-item {
	float: left;
	width: 48px
}

.sns-login-list-item.kakao a {
	background-image:
		url("../../../assets/images/icons/icon_login_kakaotalk.png")
}

.sns-login-list-item.naver a {
	background-image:
		url("../../../assets/images/icons/icon_login_naver.png")
}

.sns-login-list-item.google a {
	background-image:
		url("../../../assets/images/icons/icon_login_google.png")
}

.sns-login-list-item.apple a {
	background-image:
		url("../../../assets/images/icons/icon_login_apple.png")
}

.sns-login-list-item+.sns-login-list-item {
	margin-left: 16px
}

.sns-login-list-item a {
	display: block;
	height: 48px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 0
}

.sns-login+.text-link {
	margin-top: 16px
}

.text-link {
	text-align: center
}

.text-link-wrap {
	display: inline-block;
	vertical-align: top
}

.text-link-item {
	float: left
}

.text-link-item a {
	font-size: 14px;
	line-height: 20px;
	color: var(--color-gray-80);
	text-decoration: underline;
	padding: 8px;
	display: block
}

.text-link+.banner-grid {
	margin-top: 24px
}

.text-link+.btn-area {
	margin-top: 24px
}

.banner-item-link {
	display: block
}

.login-footer {
	background-color: var(--color-gray-20);
	padding-top: 8px;
	padding-bottom: 40px
}

.login-footer .text-link-item a {
	color: #777;
	font-size: 12px
}

.login-footer .text-link-item a strong {
	color: var(--color-base)
}

.login-footer .copy-right {
	color: #777;
	font-size: 12px;
	text-align: center
}

.auto-complete {
	position: absolute;
	top: 58px;
	left: 0;
	border: 1px solid var(--color-gray-50);
	border-radius: var(--border-radius-8);
	overflow: hidden;
	width: 100%;
	background-color: var(--color-white);
	z-index: 1;
	display: none
}

.auto-complete.is-active {
	display: block
}

.auto-complete .auto-complete-button {
	width: 100%
}

.auto-complete .auto-complete-wrap {
	max-height: 122px;
	overflow-y: auto
}

.auto-complete .auto-complete-text {
	display: block;
	padding: 9px 12px;
	overflow: hidden
}

.auto-complete .auto-complete-input-text {
	line-height: 22px;
	color: var(--color-gray-80);
	float: left
}

.auto-complete .auto-complete-fixed-text {
	line-height: 22px;
	color: #222;
	float: left
}

.gray-box {
	position: relative;
	background-color: #f7f7f7;
	padding: 16px;
	border-radius: var(--border-radius-8)
}

.gray-box+.bottom-grid {
	margin-top: 32px
}

.gray-box .gray-box-item+.gray-box-item {
	padding-top: 16px;
	border-top: 1px solid var(--color-gray-30);
	margin-top: 16px
}

.gray-box .radio-select-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.gray-box .radio-select-box .rdo-box {
	-webkit-box-flex: 2;
	-webkit-flex: 2;
	-moz-box-flex: 2;
	-ms-flex: 2;
	flex: 2
}

.gray-box .radio-select-box .rdo-box label {
	line-height: 24px;
	font-size: 16px;
	color: #222
}

.gray-box .store-setting-msg {
	line-height: 22px;
	color: var(--color-gray-80);
	font-size: 15px
}

.gray-box .store-setting-msg .store-box {
	margin-right: 4px
}

.gray-box .store-name {
	padding-left: 15px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='11' height='15' viewBox='0 0 11 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.27695 0.191526C2.31071 0.311621 -0.0117188 2.82277 -0.0117188 5.9073C-0.0117188 10.2108 5.22548 13.8534 5.44852 14.0069L5.71489 14.1875L5.97404 13.9961C6.17992 13.8426 11.0126 10.1946 11.0126 5.50187C11.0117 4.08692 10.4365 2.75505 9.39177 1.75095C8.84508 1.22899 8.19922 0.822032 7.49242 0.554172C6.78562 0.286312 6.03227 0.162996 5.27695 0.191526ZM5.42685 3.70136C5.66424 3.68916 5.90166 3.72511 6.1248 3.80704C6.34795 3.88898 6.55221 4.0152 6.72531 4.17812C7.08018 4.505 7.28515 4.95106 7.30592 5.43324C7.31584 5.67028 7.27865 5.90694 7.1965 6.12951C7.11436 6.35208 6.98888 6.55615 6.82735 6.7299C6.66677 6.90475 6.47322 7.04614 6.25783 7.14593C6.04243 7.24573 5.80943 7.30197 5.57222 7.31141H5.49818C5.04309 7.31141 4.61237 7.14256 4.27556 6.83284C4.1007 6.67272 3.95934 6.4795 3.85968 6.26436C3.76002 6.04922 3.70403 5.81645 3.69496 5.57953C3.67613 5.10095 3.84789 4.63445 4.17257 4.28235C4.49724 3.93025 4.94832 3.72131 5.42685 3.70136Z' fill='%233737A0'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 20px;
	font-size: 14px;
	font-weight: 700
}

.gray-box .store-address {
	line-height: 20px;
	font-size: 14px;
	margin-top: 4px
}

.gray-box .title-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.gray-box .title-list-title {
	font-size: 14px;
	line-height: 20px;
	color: #777;
	width: 118px
}

.gray-box .title-list-cont {
	padding-left: 8px;
	font-size: 15px;
	line-height: 22px;
	color: #222;
	word-break: break-all;
	width: calc(100% - 118px);
}

.gray-box .title-list-cont .order-goods-store-box-code {
	font-size: 15px;
	color: #222
}

.gray-box .title-list.type2 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.gray-box .title-list.type2 .title-list-title {
	font-weight: 700;
	font-size: 14px;
	color: var(--color-base);
	width: 100%
}

.gray-box .title-list.type2 .title-list-cont {
	padding-left: 0;
	font-size: 15px;
	line-height: 22px;
	color: var(--color-black);
	margin-top: 6px
}

.gray-box+.title-type2 {
	margin-top: 40px
}

.gray-box+.btn-area {
	margin-top: 32px
}

.flyer-banner-area {
	background-color: #faf5f2;
	border-radius: 8px;
	overflow: hidden
}

.flyer-banner-area .flyer-banner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='20' y='2.5' width='4' height='4' rx='2' fill='%23E30613'/%3E%3Cpath d='M6 9.75012C5.80109 9.75012 5.61032 9.82914 5.46967 9.96979C5.32902 10.1104 5.25 10.3012 5.25 10.5001C5.25 10.699 5.32902 10.8898 5.46967 11.0305C5.61032 11.1711 5.80109 11.2501 6 11.2501H11C11.1989 11.2501 11.3897 11.1711 11.5303 11.0305C11.671 10.8898 11.75 10.699 11.75 10.5001C11.75 10.3012 11.671 10.1104 11.5303 9.96979C11.3897 9.82914 11.1989 9.75012 11 9.75012H6ZM5.25 14.0001C5.25 13.8012 5.32902 13.6104 5.46967 13.4698C5.61032 13.3291 5.80109 13.2501 6 13.2501H13.5C13.6989 13.2501 13.8897 13.3291 14.0303 13.4698C14.171 13.6104 14.25 13.8012 14.25 14.0001C14.25 14.199 14.171 14.3898 14.0303 14.5305C13.8897 14.6711 13.6989 14.7501 13.5 14.7501H6C5.80109 14.7501 5.61032 14.6711 5.46967 14.5305C5.32902 14.3898 5.25 14.199 5.25 14.0001ZM6 16.7501C5.80109 16.7501 5.61032 16.8291 5.46967 16.9698C5.32902 17.1104 5.25 17.3012 5.25 17.5001C5.25 17.699 5.32902 17.8898 5.46967 18.0305C5.61032 18.1711 5.80109 18.2501 6 18.2501H13.5C13.6989 18.2501 13.8897 18.1711 14.0303 18.0305C14.171 17.8898 14.25 17.699 14.25 17.5001C14.25 17.3012 14.171 17.1104 14.0303 16.9698C13.8897 16.8291 13.6989 16.7501 13.5 16.7501H6Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.445 3.75012H11.055C12.422 3.75012 13.525 3.75012 14.392 3.86712C15.292 3.98712 16.05 4.24712 16.652 4.84812C17.254 5.45012 17.512 6.20812 17.634 7.10812C17.75 7.97512 17.75 9.07812 17.75 10.4451V12.7521C18.107 12.7541 18.42 12.7621 18.692 12.7801C19.149 12.8111 19.552 12.8771 19.935 13.0361C20.39 13.2245 20.8035 13.5006 21.1518 13.8487C21.5001 14.1969 21.7764 14.6102 21.965 15.0651C22.123 15.4471 22.189 15.8511 22.22 16.3071C22.25 16.7511 22.25 17.2971 22.25 17.9731V21.2501C22.2501 21.6652 22.164 22.0758 21.9972 22.4559C21.8305 22.836 21.5866 23.1773 21.2812 23.4583C20.9757 23.7394 20.6152 23.954 20.2226 24.0885C19.8299 24.2231 19.4136 24.2747 19 24.2401V24.2501H8.445C7.078 24.2501 5.975 24.2501 5.108 24.1341C4.208 24.0121 3.45 23.7541 2.848 23.1521C2.246 22.5501 1.988 21.7921 1.867 20.8921C1.75 20.0251 1.75 18.9221 1.75 17.5551V10.4451C1.75 9.07812 1.75 7.97512 1.867 7.10812C1.987 6.20812 2.247 5.45012 2.848 4.84812C3.45 4.24612 4.208 3.98812 5.108 3.86712C5.975 3.75012 7.078 3.75012 8.445 3.75012ZM17.75 14.2521C18.085 14.2541 18.357 14.2611 18.59 14.2771C18.97 14.3031 19.192 14.3511 19.361 14.4211C19.912 14.6501 20.351 15.0881 20.579 15.6391C20.649 15.8081 20.697 16.0291 20.723 16.4091C20.75 16.7961 20.75 17.2911 20.75 18.0001V21.2501C20.75 21.6479 20.592 22.0295 20.3107 22.3108C20.0294 22.5921 19.6478 22.7501 19.25 22.7501C18.8522 22.7501 18.4706 22.5921 18.1893 22.3108C17.908 22.0295 17.75 21.6479 17.75 21.2501V14.2521ZM16.25 10.5001V21.2501C16.25 21.7961 16.396 22.3091 16.651 22.7501H8.5C7.065 22.7501 6.063 22.7481 5.308 22.6471C4.574 22.5481 4.186 22.3671 3.909 22.0911C3.632 21.8141 3.452 21.4261 3.353 20.6911C3.252 19.9361 3.25 18.9351 3.25 17.5001V10.5001C3.25 9.06512 3.252 8.06312 3.353 7.30812C3.452 6.57412 3.633 6.18612 3.909 5.90912C4.186 5.63212 4.574 5.45212 5.309 5.35312C6.063 5.25212 7.065 5.25012 8.5 5.25012H11C12.435 5.25012 13.437 5.25212 14.192 5.35312C14.926 5.45212 15.314 5.63312 15.591 5.90912C15.868 6.18612 16.048 6.57412 16.147 7.30912C16.248 8.06312 16.25 9.06512 16.25 10.5001Z' fill='%23222222'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: 16px center;
	padding-left: 54px;
	padding-right: 24px;
	padding-top: 20px;
	padding-bottom: 20px
}

.flyer-banner-area .flyer-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 13px;
	line-height: 19px;
	color: var(--color-gray-80)
}

.flyer-banner-area .flyer-info::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 17px;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='17' viewBox='0 0 14 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.00498 0.0625C3.54931 0.0625 0.749023 2.69567 0.749023 5.94511C0.749023 9.56431 4.37152 14.0015 6.09936 15.9175C6.576 16.4442 7.43396 16.4442 7.89869 15.9175C9.62652 14.0015 13.249 9.56431 13.249 5.94511C13.249 2.69567 10.4487 0.0625 6.99306 0.0625H7.00498Z' fill='%237481AD'/%3E%3Cpath d='M6.93652 8.72852C8.28272 8.72852 9.37402 7.63721 9.37402 6.29102C9.37402 4.94482 8.28272 3.85352 6.93652 3.85352C5.59033 3.85352 4.49902 4.94482 4.49902 6.29102C4.49902 7.63721 5.59033 8.72852 6.93652 8.72852Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: 14px auto;
	margin-right: 4px
}

.flyer-banner-area .flyer-msg {
	font-size: 18px;
	line-height: 26px;
	letter-spacing: -0.4px;
	color: #222;
	margin-top: 2px
}

.flyer-banner-area.delivery {
	margin-bottom: 32px
}

.flyer-banner-area.delivery .flyer-info::before {
	display: none
}

.flyer-banner-area.delivery .flyer-banner {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 20px;
	padding-right: 100px;
	padding-top: 16px;
	padding-bottom: 16px;
	background-image:
		url("../../../assets/images/icons/icon_delivery_car.png");
	background-repeat: no-repeat;
	background-position: -webkit-calc(100% - 20px) center;
	background-position: -moz-calc(100% - 20px) center;
	background-position: calc(100% - 20px) center;
	background-color: #fff1e4
}

.shipping-info {
	background-color: #fff
}

.shipping-info.is-login {
	padding-top: 12px;
	padding-bottom: 12px;
	overflow-x: visible;
	overflow-y: visible
}

.shipping-info .design-select-box {
	display: inline-block
}

.shipping-info .design-select-box .selected-option {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	border: none;
	padding-left: 0;
	padding-right: 26px;
	position: relative
}

.shipping-info .design-select-box .selected-option span {
	font-size: 15px;
	line-height: 22px;
	letter-spacing: -0.4px;
	font-weight: var(--fw-sb)
}

.shipping-info .design-select-box .selected-option:before {
	content: "";
	width: 18px;
	height: 18px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='19.5' y='0.5' width='19' height='19' rx='9.5' transform='rotate(90 19.5 0.5)' fill='white'/%3E%3Crect x='19.5' y='0.5' width='19' height='19' rx='9.5' transform='rotate(90 19.5 0.5)' stroke='%23DDDDDD'/%3E%3Cpath d='M7 8.5L10 11.5L13 8.5' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0px
}

.shipping-info .design-select-box.is-active .selected-option:before {
	-webkit-transform: translateY(-50%) rotate(-180deg);
	-moz-transform: translateY(-50%) rotate(-180deg);
	-ms-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
	top: 50%
}

.shipping-info .design-select-box .select-option-list {
	top: 28px;
	left: -20px;
	width: 150px;
	z-index: 10
}

.shipping-info .design-select-box .select-option-item span {
	padding-right: 18px;
	color: #666;
	font-size: 14px
}

.shipping-info .design-select-box .select-option-item.is-selected span {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z' fill='%23222222'/%3E%3Cpath d='M5.5 8.00001C5.37 8.00001 5.24 7.95001 5.15 7.85001L3.15 5.85001C2.95 5.65001 2.95 5.34001 3.15 5.14001C3.35 4.94001 3.66 4.94001 3.86 5.14001L5.51 6.79001L8.16 4.14001C8.36 3.94001 8.67 3.94001 8.87 4.14001C9.07 4.34001 9.07 4.65001 8.87 4.85001L5.87 7.85001C5.77 7.95001 5.64 8.00001 5.52 8.00001H5.5Z' fill='white'/%3E%3C/svg%3E%0A");
	background-position: right center;
	background-repeat: no-repeat;
	color: #222
}

.shipping-info .design-select-box .select-option-wrap+.select-option-wrap .select-option-item:first-child .select-option-title span
	{
	border-top: 1px solid var(--color-gray-30)
}

.shipping-info .align-space {
	gap: 24px
}

.shipping-info .align-space-right {
	color: #222;
	font-size: 15px;
	line-height: 22px;
	font-weight: var(--fw-sb);
	letter-spacing: -0.4px
}

.shipping-info .align-space-right span {
	font-weight: var(--fw-m)
}

.shipping-info .before-login p {
	color: #222;
	font-weight: 15px;
	font-weight: var(--fw-sb);
	line-height: 22px;
	padding-left: 47px;
	background-image: url("../../../assets/images/icons/icon_delivery.png");
	background-repeat: no-repeat;
	background-position: left center
}

.sub-category-menu-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.sub-category-menu-item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center
}

.sub-category-menu-item.is-active .sub-category-menu-title {
	font-weight: var(--fw-sb);
	color: #222
}

.sub-category-menu-img {
	background-color: #f7f7f7;
	width: 48px;
	height: 48px;
	overflow: hidden;
	margin: auto;
	border-radius: var(--border-radius-16);
	display: block
}

.sub-category-menu-title {
	font-size: 18px;
	font-weight: var(--fw-m);
	letter-spacing: -0.4px;
	color: #555;
	display: block;
	margin-top: 8px;
	line-height: 28px
}

.sub-category-menu.type2 .sub-category-menu-wrap {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 24px
}

.sub-category-menu.type2 .sub-category-menu-item {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-moz-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.sub-category-menu.type2 .sub-category-menu-item.is-active .sub-category-menu-img
	{
	border: 2px solid var(--color-red-20)
}

.sub-category-menu.type2 .sub-category-menu-item.item1 .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_01_off.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50% auto
}

.sub-category-menu.type2 .sub-category-menu-item.item1.is-active .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_01.png");
	background-size: 50% auto
}

.sub-category-menu.type2 .sub-category-menu-item.item2 .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_02_off.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50% auto
}

.sub-category-menu.type2 .sub-category-menu-item.item2.is-active .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_02.png");
	background-size: 50% auto
}

.sub-category-menu.type2 .sub-category-menu-item.item3 .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_03_off.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50% auto
}

.sub-category-menu.type2 .sub-category-menu-item.item3.is-active .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_03.png");
	background-size: 50% auto
}

.sub-category-menu.type2 .sub-category-menu-item.item4 .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_05_off.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50% auto
}

.sub-category-menu.type2 .sub-category-menu-item.item4.is-active .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_05.png");
	background-size: 50% auto
}

.sub-category-menu.type2 .sub-category-menu-img {
	width: 80px;
	height: 80px;
	border-radius: 28px;
	background-color: var(--color-white)
}

.sub-category-menu.type2+.in {
	margin-top: 40px
}

.banner-list .banner-list-link {
	display: block;
}
.banner-list .banner-list-link img {
	border-radius:10px;
}

.banner-list+.title-type3 {
	margin-top: 24px
}

.banner-list+.goods-grid {
	margin-top: 40px
}

.banner-list+.board-list-wrap {
	margin-top: 24px
}

.banner-list .banner-list-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 24px
}

.banner-list .banner-list-wrap .banner-list-item:only-child {
	width: 100%
}

.banner-list .banner-list-item {
	width: -webkit-calc(( 100% - 24px)/2);
	width: -moz-calc(( 100% - 24px)/2);
	width: calc(( 100% - 24px)/2)
}

.banner-list .banner-list-item.is-disabled .banner-list-link {
	/* pointer-events: none */
}

.banner-list .banner-list-item.is-disabled .banner-list-link img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.banner-list .banner-list-item.is-disabled .badge-item {
	background-color: #bbb
}

.banner-list-text {
	margin-top: 12px
}

.banner-list-text .tit {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.4px;
	color: #222
}

.banner-list-text .text-list {
	margin-top: 8px
}

.banner-list-text .text-item {
	font-weight: var(--fw-r);
	font-size: 14px;
	color: #777;
	line-height: 20px
}

.banner-list-text .text-item+.text-item {
	margin-top: 2px
}

.banner-list-text .text-item.is-more span {
	color: #555;
	line-height: 22px
}

.banner-list-text .text-item.is-more span::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 10px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='6' height='10' viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.612 9.98901C0.768 9.98901 0.924 9.93346 1.032 9.82234L5.82 5.38901C6.06 5.16679 6.06 4.82234 5.82 4.60012L1.032 0.166789C0.792 -0.0554335 0.42 -0.0554335 0.18 0.166789C-0.06 0.389011 -0.06 0.733455 0.18 0.955678L4.548 5.00012L0.18 9.04457C-0.06 9.26679 -0.06 9.61123 0.18 9.83346C0.3 9.94457 0.456 10.0001 0.6 10.0001V9.98901H0.612Z' fill='%23666666'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 6px 10px;
	margin-left: 8px
}

.sort-modal-box {
	background-color: var(--color-white);
	padding: 24px 16px 16px 16px;
	border: 1px solid #ddd;
	border-radius: 10px;
	z-index: 1;
	position: absolute;
	top: 48px;
	width: 420px;
	margin-top: 8px;
	right: 0
}

.sort-modal-box .btn-area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px
}

.sort-modal-box .btn-area [class^=btn-] {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.filter-opt-wrap+.filter-grid {
	margin-top: 4px
}

.filter-opt-wrap+.btn-area {
	margin-top: 8px
}

.filter-opt-wrap .form-wrap+.form-wrap {
	height:291px;
	margin-top: 16px;
	padding-top: 16px;
	padding-bottom: 14px;
	border-top: 1px solid #eee;
	overflow-y:auto;
}

.filter-opt-wrap .chk-box {
	margin: 0
}

.filter-opt-wrap .chk-box .chk+label span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.filter-opt-wrap .chk-box-wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px
}

.filter-opt-wrap .rdo-box {
	height: 24px
}

.filter-opt-wrap .rdo-box span {
	font-size: 15px;
	color: #222;
	font-weight: var(--fw-r)
}

.filter-opt-wrap .rdo-box-wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px
}

.chips-btn-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 1px solid var(--color-gray-40);
	border-radius: var(--border-radius-100);
	background-color: var(--color-white)
}

.chips-btn-box .btn-secondary {
	border-radius: 0;
	border: none;
	height: 28px;
	min-width: auto;
	width: auto;
	padding: 5px 0 5px 12px;
	background-color: rgba(0, 0, 0, 0);
	font-size: 13px;
	letter-spacing: -0.4px;
	font-weight: var(--fw-r)
}

.chips-btn-box .del-btn {
	padding: 0;
	display: block;
	min-width: auto;
	width: 2.4rem;
	height: 2.8rem;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12.1875C9.31371 12.1875 12 9.50121 12 6.1875C12 2.87379 9.31371 0.1875 6 0.1875C2.68629 0.1875 0 2.87379 0 6.1875C0 9.50121 2.68629 12.1875 6 12.1875Z' fill='%23BBBBBB'/%3E%3Cpath d='M6.71 6.1975L7.86 5.0475C8.06 4.8475 8.06 4.5375 7.86 4.3375C7.66 4.1375 7.35 4.1375 7.15 4.3375L6 5.4875L4.85 4.3475C4.66 4.1475 4.34 4.1475 4.15 4.3475C3.96 4.5475 3.95 4.8575 4.15 5.0475L5.3 6.1975L4.15 7.3475C3.95 7.5475 3.95 7.8575 4.15 8.0575C4.25 8.1575 4.38 8.2075 4.5 8.2075C4.62 8.2075 4.76 8.1575 4.85 8.0575L6 6.9075L7.15 8.0575C7.25 8.1575 7.38 8.2075 7.5 8.2075C7.62 8.2075 7.76 8.1575 7.85 8.0575C8.05 7.8575 8.05 7.5475 7.85 7.3475L6.7 6.1975H6.71Z' fill='white'/%3E%3C/svg%3E%0A")
		no-repeat center;
	background-size: 1.2rem 1.3rem;
	z-index: 1
}

.agree-check-all {
	border-radius: 12px
}

.agree-check-all .agree-check-box {
	padding-right: 0
}

.agree-check-all+.agree-check-list {
	margin-top: 24px
}

.agree-check-box {
	position: relative;
	overflow: hidden
}

.agree-check-box .agree-checkbox {
	position: absolute;
	top: 0;
	left: 9999rem
}

.agree-check-box .agree-checkbox:checked+.agree-label::before {
	background-color: var(--color-red-20);
	border: 0
}

.agree-check-box .agree-checkbox:checked+.agree-label::after {
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7' fill='none' %3E%3Cpath d='M4.00006 7.00006C3.74006 7.00006 3.49006 6.90006 3.29006 6.71006L0.290059 3.71006C-0.0999414 3.32006 -0.0999414 2.69006 0.290059 2.30006C0.680059 1.91006 1.31006 1.91006 1.70006 2.30006L3.99006 4.59006L8.29006 0.290059C8.68006 -0.0999414 9.31006 -0.0999414 9.70006 0.290059C10.0901 0.680059 10.0901 1.31006 9.70006 1.70006L4.70006 6.70006C4.50006 6.90006 4.25006 6.99006 3.99006 6.99006L4.00006 7.00006Z' fill='%23fff'/%3E%3C/svg%3E")
}

.agree-check-box .agree-checkbox:disabled+label {
	color: var(--color-gray-70)
}

.agree-check-box .agree-checkbox:disabled+label::before {
	background-color: var(--color-gray-10);
	border: .1rem solid var(--color-gray-30)
}

.agree-check-box .agree-label {
	position: relative;
	padding-left: 32px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.agree-check-box .agree-label:before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 24px;
	height: 24px;
	background-color: var(--color-white);
	border: 1px solid var(--color-gray-50);
	border-radius: var(--border-radius-8)
}

.agree-check-box .agree-label::after {
	content: "";
	position: absolute;
	top: 9px;
	left: 7px;
	width: 10px;
	height: 7px;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 7' fill='none' %3E%3Cpath d='M4.00006 7.00006C3.74006 7.00006 3.49006 6.90006 3.29006 6.71006L0.290059 3.71006C-0.0999414 3.32006 -0.0999414 2.69006 0.290059 2.30006C0.680059 1.91006 1.31006 1.91006 1.70006 2.30006L3.99006 4.59006L8.29006 0.290059C8.68006 -0.0999414 9.31006 -0.0999414 9.70006 0.290059C10.0901 0.680059 10.0901 1.31006 9.70006 1.70006L4.70006 6.70006C4.50006 6.90006 4.25006 6.99006 3.99006 6.99006L4.00006 7.00006Z' fill='%23ddd'/%3E%3C/svg%3E")
}

.agree-check-box .agree-label .agree-title {
	line-height: 24px;
	color: #222;
	display: block;
	font-size: 16px
}

.agree-check-box.is-required .agree-label .agree-title {
	font-weight: 700
}

.agree-check-box.is-required .agree-label .agree-title .agree-required {
	color: var(--color-red-20);
	font-weight: 700
}

.agree-check-box+.gray-box {
	margin-top: 8px;
	max-height:144px;
	overflow-y:auto;
}

.agree-check-list .agree-label {
	position: relative;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.agree-check-list-item+.agree-check-list-item {
	margin-top: 24px
}

.agree-check-list-item .agree-required {
	font-weight: 400
}

.agree-check-list-item .agree-detail-view {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='6' height='10' viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.612 9.98901C0.768 9.98901 0.924 9.93346 1.032 9.82234L5.82 5.38901C6.06 5.16679 6.06 4.82234 5.82 4.60012L1.032 0.166789C0.792 -0.0554335 0.42 -0.0554335 0.18 0.166789C-0.06 0.389011 -0.06 0.733455 0.18 0.955678L4.548 5.00012L0.18 9.04457C-0.06 9.26679 -0.06 9.61123 0.18 9.83346C0.3 9.94457 0.456 10.0001 0.6 10.0001V9.98901H0.612Z' fill='%23666666'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center;
	font-size: 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px
}

.agree-check-list-item .gray-box p {
	font-size: 14px;
	letter-spacing: -0.4px;
	line-height: 22px;
	font-weight: var(--fw-r)
}
.agree-check-list-item .gray-box,
.agree_con,
.text_indent {
	font-size: 14px;
	letter-spacing: -0.4px;
	line-height: 22px;
	font-weight: var(--fw-r)
}


.agree-check+.text-box {
	margin-top: 24px
}

.agree-check+.text-box+.bottom-grid {
	margin-top: 32px
}

.text-box {
	font-weight: var(--fw-r);
	letter-spacing: -0.4px;
	line-height: 20px;
	font-size: 14px
}

.img-no-data-grid {
	height: 360px;
	margin: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.img-no-data-grid p {
	text-align: center;
	margin-top: 16px;
	font-weight: var(--fw-m);
	font-size: 16px;
	letter-spacing: -0.4px;
	line-height: 24px
}

.img-no-data-grid+.exc-list {
	margin-top: 24px
}

.recipe-img {
	margin: 24px auto 0
}

.line-rbox {
	padding: 2rem;
	border-radius: var(--border-radius-12);
	border: .1rem solid var(--color-gray-40)
}

.line-rbox .c-head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: .8rem
}

.line-rbox .c-head .tit {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .6rem;
	font-size: 1.5rem;
	font-weight: var(--fw-sb);
	line-height: 2.2rem;
	color: #222
}

.line-rbox .c-body {
	font-size: 1.4rem;
	line-height: 1.7rem;
	color: var(--color-base)
}

.line-rbox.y-scroll {
	overflow-x: hidden;
	overflow-y: auto
}

.line-rbox.x-scroll {
	overflow-y: hidden;
	overflow-x: auto
}

.bg-rbox {
	padding: 2rem;
	border-radius: var(--border-radius-8);
	background-color: #f7f7f7
}

.bg-rbox.is-line {
	border: .1rem solid var(--color-gray-40)
}

.bg-rbox.is-line.on {
	border-color: var(--color-red-20)
}

.bg-rbox .c-head {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 1.2rem;
	padding-bottom: 1.2rem;
	border-bottom: .1rem solid var(--color-gray-30)
}

.bg-rbox .c-head .tit {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	gap: .6rem;
	font-size: 1.8rem;
	font-weight: var(--fw-sb);
	line-height: 2.8rem;
	color: #222
}

.bg-rbox .c-head .text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .6rem;
	font-size: 1.6rem;
	line-height: 24px;
	letter-spacing: -0.4px;
	color: #222
}

.bg-rbox .c-body {
	font-size: 1.4rem;
	line-height: 1.7rem;
	color: var(--color-base)
}

.bg-rbox .c-foot .text {
	font-size: 1.4rem;
	line-height: 1.7rem;
	color: var(--color-base)
}

.side-menu .menu-list-wrap .tit {
	font-weight: var(--fw-sb);
	letter-spacing: -0.4px;
	line-height: 28px;
	font-size: 20px;
	color: #222
}

.side-menu .menu-list-wrap .menu-list {
	padding-top: 8px
}

.side-menu .menu-list-wrap .menu-list-item {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 24px 24px 16px 24px
}

.side-menu .menu-list-wrap .menu-list-item+.menu-list-item {
	margin-top: 16px;
	border: none;
	padding: 0
}

.side-menu .menu-list-wrap .menu-list-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px;
	padding-bottom: 16px;
	border-bottom: 1px solid #eee
}

.side-menu .menu-list-wrap .menu-list-title .icon {
	display: inline-block;
	background-color: #eee;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center
}

.side-menu .menu-list-wrap .menu-list-title .icon.customer {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.05 6.89967H17.315C16.965 3.36467 13.976 0.59967 10.35 0.59967C6.724 0.59967 3.735 3.36467 3.385 6.89967H2.65C1.495 6.89967 0.550003 7.84467 0.550003 8.99967V11.0997C0.550003 12.2547 1.495 13.1997 2.65 13.1997H4.05C4.435 13.1997 4.75 12.8847 4.75 12.4997V7.59967C4.75 4.51267 7.263 1.99967 10.35 1.99967C13.437 1.99967 15.95 4.51267 15.95 7.59967V11.0997C15.95 13.0597 14.795 14.7467 13.129 15.5307C13.136 15.4537 13.15 15.3767 13.15 15.2997C13.15 14.1447 12.205 13.1997 11.05 13.1997C9.895 13.1997 8.95 14.1447 8.95 15.2997C8.95 16.4547 9.895 17.3997 11.05 17.3997C13.787 17.3997 16.118 15.6427 16.979 13.1997H18.05C19.205 13.1997 20.15 12.2547 20.15 11.0997V8.99967C20.15 7.84467 19.205 6.89967 18.05 6.89967ZM1.95 11.0997V8.99967C1.95 8.61467 2.265 8.29967 2.65 8.29967H3.35V11.7997H2.65C2.265 11.7997 1.95 11.4847 1.95 11.0997ZM11.05 14.5997C11.435 14.5997 11.75 14.9147 11.75 15.2997C11.75 15.6847 11.435 15.9997 11.05 15.9997C10.665 15.9997 10.35 15.6847 10.35 15.2997C10.35 14.9147 10.665 14.5997 11.05 14.5997ZM18.75 11.0997C18.75 11.4847 18.435 11.7997 18.05 11.7997H17.35V8.29967H18.05C18.435 8.29967 18.75 8.61467 18.75 8.99967V11.0997Z' fill='%23222222'/%3E%3C/svg%3E%0A");
	background-size: 21px 18px
}

.side-menu .menu-list-wrap .menu-list-title .icon.user {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75123 2.92561C3.74146 3.22092 3.78995 3.51526 3.89394 3.79184C3.99792 4.06841 4.15537 4.32179 4.35727 4.53752C4.55918 4.75324 4.80161 4.92709 5.0707 5.04912C5.3398 5.17116 5.63029 5.239 5.92561 5.24877C6.22092 5.25854 6.51526 5.21005 6.79184 5.10606C7.06841 5.00208 7.32179 4.84464 7.53752 4.64273C7.75324 4.44082 7.92709 4.19839 8.04912 3.9293C8.17116 3.6602 8.239 3.36971 8.24877 3.07439C8.25854 2.77908 8.21005 2.48474 8.10606 2.20816C8.00208 1.93159 7.84464 1.67821 7.64273 1.46248C7.44082 1.24676 7.19839 1.07291 6.9293 0.950877C6.6602 0.82884 6.36971 0.761 6.07439 0.75123C5.77908 0.741461 5.48474 0.789953 5.20816 0.893938C4.93159 0.997923 4.67821 1.15537 4.46248 1.35727C4.24676 1.55918 4.07291 1.80161 3.95088 2.0707C3.82884 2.3398 3.761 2.63029 3.75123 2.92561Z' stroke='%23160042' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 11.25C10.1313 10.362 9.50704 9.60301 8.70605 9.06901C7.90506 8.53502 6.96335 8.25 6 8.25C5.03665 8.25 4.09494 8.53502 3.29395 9.06901C2.49296 9.60301 1.86866 10.362 1.5 11.25' stroke='%23160042' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-size: 12px 12px
}

.side-menu .menu-list-wrap .link-list {
	padding: 4px 0;
	border-radius: 8px;
	border: 1px solid #ddd
}

.side-menu .menu-list-wrap .link-list-link:not(:first-of-type) {
	border-top: 1px solid #ddd
}

.side-menu .menu-list-wrap .link-list-link:first-of-type .link-list-title::before
	{
	width: 19px;
	height: 18px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2957 8.02088V11.2155C14.2957 11.4231 14.2877 11.6228 14.2636 11.8145C14.0795 13.9709 12.8063 15.041 10.4602 15.041H10.1399C9.93971 15.041 9.74752 15.1369 9.62741 15.2966L8.66655 16.5745C8.24216 17.1415 7.55352 17.1415 7.12914 16.5745L6.16825 15.2966C6.06415 15.1608 5.83195 15.041 5.65579 15.041H5.33551C2.78118 15.041 1.5 14.4101 1.5 11.2155V8.02088C1.5 5.68082 2.58099 4.41096 4.73496 4.22727C4.92713 4.20331 5.12732 4.19531 5.33551 4.19531H10.4602C13.0145 4.19531 14.2957 5.47317 14.2957 8.02088Z' stroke='%23222222' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 4.82556V8.02018C17.5 10.3682 16.419 11.6301 14.265 11.8138C14.289 11.6221 14.2971 11.4225 14.2971 11.2148V8.02018C14.2971 5.47247 13.0159 4.19462 10.4615 4.19462H5.33688C5.12869 4.19462 4.9285 4.20261 4.73633 4.22657C4.9205 2.07819 6.19366 1 8.5398 1H13.6645C16.2188 1 17.5 2.27785 17.5 4.82556Z' stroke='%23222222' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.7054 9.98526H10.7126' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.90262 9.98526H7.90983' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.09793 9.98526H5.10514' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-size: 19px 18px
}

.side-menu .menu-list-wrap .link-list-link:nth-of-type(2) .link-list-title::before
	{
	width: 17px;
	height: 16px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.4986 10.3331V7.99986C15.4986 4.13394 12.3649 1 8.49932 1C4.6337 1 1.5 4.13394 1.5 7.99986V10.3331' stroke='%23222222' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M1.5 10.333H3.61081C4.16309 10.333 4.61081 10.7807 4.61081 11.333V13.4442C4.61081 14.3032 3.91443 14.9996 3.0554 14.9996V14.9996C2.19638 14.9996 1.5 14.3032 1.5 13.4442V10.333Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M12.3887 11.333C12.3887 10.7807 12.8364 10.333 13.3887 10.333H15.4995V13.4442C15.4995 14.3032 14.8031 14.9996 13.9441 14.9996V14.9996C13.085 14.9996 12.3887 14.3032 12.3887 13.4442V11.333Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	background-size: 17px 16px
}

.side-menu .menu-list-wrap .link-list-link:nth-of-type(3) .link-list-title::before
	{
	width: 17px;
	height: 16px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5005 5.90024V10.1002C15.5005 11.8502 15.1505 13.0752 14.3665 13.8662L9.90039 9.40021L15.3115 3.98926C15.4375 4.54225 15.5005 5.17225 15.5005 5.90024Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.3113 3.98898L4.48906 14.8109C2.38201 14.3279 1.5 12.8719 1.5 10.0999V5.89996C1.5 2.39999 2.90003 1 6.40011 1H10.6002C13.3723 1 14.8283 1.882 15.3113 3.98898Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3655 13.8664C13.5745 14.6504 12.3495 15.0003 10.5994 15.0003H6.39933C5.67132 15.0003 5.04129 14.9373 4.48828 14.8113L9.89941 9.40039L14.3655 13.8664Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.4677 5.18668C4.94371 3.13569 8.02379 3.13569 8.4998 5.18668C8.7728 6.39067 8.01678 7.41266 7.35176 8.04265C6.86875 8.50465 6.10575 8.50465 5.61573 8.04265C4.95072 7.41266 4.18769 6.39067 4.4677 5.18668Z' stroke='%23222222' stroke-width='1.5'/%3E%3Cpath d='M6.4653 5.69082H6.47159' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-size: 17px 16px
}

.side-menu .menu-list-wrap .link-list-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
	padding: 16px 24px;
	font-size: 16px;
	line-height: 24px;
	width: 100%;
	background-image: none
}

.side-menu .menu-list-wrap .link-list-title::before {
	content: "";
	display: inline-block;
	background-position: left center;
	background-repeat: no-repeat
}

.side-menu .menu-item a {
	display: block;
	font-weight: var(--fw-m);
	letter-spacing: -0.4px;
	font-size: 16px;
	line-height: 24px;
	color: #555;
	padding: 8px 0
}

.side-menu .menu-item.is-active a {
	color: #e30613;
	font-weight: var(--fw-sb)
}

.location-search-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.location-search-wrap .input-search {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.location-search-wrap .btn-location {
	text-indent: -9999px;
	width: 56px;
	min-width: 56px;
	height: 56px;
	border-radius: 8px;
	background-color: var(--color-white);
	border: 1px solid var(--color-gray-40);
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.857 9.19922C12.4957 8.59766 11.5035 8.59766 11.1421 9.19922L8.99908 12.7715C8.75836 13.1729 8.82769 13.6875 9.16656 14.0098C9.50543 14.332 10.021 14.3779 10.4112 14.1182L11.9996 13.0596L13.5879 14.1182C13.7569 14.2305 13.9503 14.2861 14.1421 14.2861C14.3926 14.2861 14.6412 14.1924 14.8326 14.0098C15.1714 13.6875 15.2408 13.1728 15.0001 12.7715L12.857 9.19922Z' fill='%23222222'/%3E%3Cpath d='M21 11H19.9305C19.4771 7.38843 16.6116 4.52289 13 4.06946V3C13 2.44727 12.5522 2 12 2C11.4478 2 11 2.44727 11 3V4.06946C7.38843 4.52289 4.52289 7.38843 4.06946 11H3C2.44775 11 2 11.4473 2 12C2 12.5527 2.44775 13 3 13H4.06946C4.52289 16.6116 7.38843 19.4771 11 19.9305V21C11 21.5527 11.4478 22 12 22C12.5522 22 13 21.5527 13 21V19.9305C16.6116 19.4771 19.4771 16.6116 19.9305 13H21C21.5522 13 22 12.5527 22 12C22 11.4473 21.5522 11 21 11ZM12 18C8.69141 18 6 15.3086 6 12C6 8.69141 8.69141 6 12 6C15.3086 6 18 8.69141 18 12C18 15.3086 15.3086 18 12 18Z' fill='%23222222'/%3E%3C/svg%3E");
	background-position: center center;
	background-repeat: no-repeat
}

.delivery-info {
	padding-left: 28px;
	position: relative
}

.delivery-info:not(:first-of-type) {
	/*display: inline-block*/
}

.delivery-info:last-of-type {
	/*margin-left: 12px*/
}

.delivery-info span {
	line-height: 24px;
	font-size: 16px
}

.delivery-info::before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0
}

.delivery-info+.delivery-info {
	margin-top: 10px
}

.delivery-info.location {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.delivery-info.location span {
	word-break: auto-phrase
}

.delivery-info.location .copy-btn {
	min-width: -webkit-fit-content;
	min-width: -moz-fit-content;
	min-width: fit-content;
	padding-left: 16px;
	padding-right: 0
}

.delivery-info.location .copy-btn span {
	font-size: 14px
}

.delivery-info.location .copy-btn::after {
	left: 0
}

.delivery-info.location::before {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2444 4.0046C7.8544 4.14185 5.2002 7.01174 5.2002 10.5369C5.2002 15.4552 11.1856 19.6182 11.4405 19.7936L11.7449 20L12.0411 19.7812C12.2764 19.6058 17.7994 15.4367 17.7994 10.0736C17.7984 8.45648 17.141 6.93434 15.947 5.7868C15.3223 5.19027 14.5841 4.72518 13.7764 4.41905C12.9686 4.11293 12.1076 3.972 11.2444 4.0046ZM11.4157 8.01583C11.687 8.0019 11.9583 8.04298 12.2134 8.13662C12.4684 8.23026 12.7018 8.37451 12.8997 8.56071C13.3052 8.93428 13.5395 9.44407 13.5632 9.99514C13.5745 10.266 13.532 10.5365 13.4382 10.7909C13.3443 11.0452 13.2009 11.2785 13.0163 11.477C12.8328 11.6769 12.6116 11.8384 12.3654 11.9525C12.1192 12.0665 11.8529 12.1308 11.5818 12.1416H11.4972C10.9771 12.1416 10.4849 11.9486 10.0999 11.5947C9.9001 11.4117 9.73855 11.1909 9.62465 10.945C9.51075 10.6991 9.44676 10.4331 9.4364 10.1623C9.41488 9.61537 9.61118 9.08223 9.98224 8.67983C10.3533 8.27743 10.8688 8.03864 11.4157 8.01583Z' fill='%23BBBBBB'/%3E%3C/svg%3E")
}

.delivery-info.clock::before {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0C5.61553 0 4.26215 0.410543 3.11101 1.17971C1.95987 1.94888 1.06266 3.04213 0.532846 4.32122C0.00303304 5.6003 -0.13559 7.00776 0.134506 8.36563C0.404603 9.7235 1.07129 10.9708 2.05026 11.9497C3.02922 12.9287 4.2765 13.5954 5.63437 13.8655C6.99224 14.1356 8.3997 13.997 9.67879 13.4672C10.9579 12.9373 12.0511 12.0401 12.8203 10.889C13.5895 9.73785 14 8.38447 14 7C14 5.14348 13.2625 3.36301 11.9497 2.05025C10.637 0.737498 8.85652 0 7 0ZM9.54545 7.63636H7C6.83123 7.63636 6.66937 7.56932 6.55002 7.44998C6.43068 7.33063 6.36364 7.16877 6.36364 7V3.18182C6.36364 3.01304 6.43068 2.85118 6.55002 2.73184C6.66937 2.6125 6.83123 2.54545 7 2.54545C7.16878 2.54545 7.33064 2.6125 7.44998 2.73184C7.56932 2.85118 7.63637 3.01304 7.63637 3.18182V6.36364H9.54545C9.71423 6.36364 9.87609 6.43068 9.99543 6.55002C10.1148 6.66936 10.1818 6.83122 10.1818 7C10.1818 7.16877 10.1148 7.33063 9.99543 7.44998C9.87609 7.56932 9.71423 7.63636 9.54545 7.63636Z' fill='%23BBBBBB'/%3E%3C/svg%3E")
}

.delivery-info.call::before {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.51999 15.4795C13.4179 20.3773 16.5106 19.3464 18.5731 17.2839C18.8464 17.0105 19 16.6397 19 16.253C19 15.8664 18.8464 15.4956 18.5731 15.2222L16.8816 13.5307C16.5782 13.2276 16.1667 13.0573 15.7377 13.0573C15.3088 13.0573 14.8973 13.2276 14.5938 13.5307C14.0201 14.1045 13.1846 14.3553 12.4781 13.9572C11.9723 13.6698 11.5081 13.3149 11.098 12.9023C10.6854 12.4922 10.3305 12.0279 10.043 11.5222C9.64421 10.815 9.89574 9.98024 10.4695 9.40647C10.7727 9.10299 10.943 8.69156 10.943 8.26258C10.943 7.8336 10.7727 7.42217 10.4695 7.11869L8.77808 5.42728C8.64267 5.29182 8.4819 5.18436 8.30495 5.11105C8.12801 5.03773 7.93835 5 7.74681 5C7.55528 5 7.36562 5.03773 7.18867 5.11105C7.01173 5.18436 6.85096 5.29182 6.71555 5.42728C4.65375 7.48905 3.62285 10.5817 8.51999 15.4795Z' fill='%23BBBBBB'/%3E%3C/svg%3E")
}

.delivery-detail {
	display: none
}

.delivery-detail .goods-detail-info-box+.goods-detail-info-box {
	margin-top: 16px
}

.delivery-detail .goods-detail-info-box:last-of-type {
	margin-bottom: 16px
}

.delivery-detail.active {
	display: block
}

.goods-detail-top {
	padding-bottom: 12px;
	border-bottom: 1px solid var(--color-gray-30);
	margin-bottom: 16px
}

.goods-detail-top strong {
	font-size: 15px;
	line-height: 22px;
	color: #222
}

.order-time-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 4px
}

.order-time-wrapper .order-time+.order-time {
	padding-left: 17px;
	position: relative
}

.order-time-wrapper .order-time+.order-time::before {
	content: "";
	width: 1px;
	height: 12px;
	background-color: var(--color-gray-40);
	position: absolute;
	left: 9px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.order-time-wrapper .order-time span {
	font-size: 14px;
	line-height: 20px;
	color: #777
}

.order-time-wrapper .order-time .time {
	margin-left: 4px;
	color: #222
}

.comments-wrap .textarea-box-wrap {
	margin-bottom: 32px
}

.comments-wrap .pagination {
	margin-top: 32px
}

.detail-box .detail-top {
	padding-top: 20px;
	border-top: 1px solid var(--color-gray-80)
}

.detail-box .detail-top.pin {
	position: relative
}

.detail-box .detail-top.pin::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 39px;
	right: 0;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9955 4.96943C14.0237 4.65911 13.9202 4.35819 13.6944 4.14191L9.85545 0.305189C9.63904 0.0889037 9.33795 -0.0239411 9.02745 0.00427006C8.71695 0.0324812 8.44409 0.192344 8.25591 0.465052L6.85395 2.68433C4.98154 2.31759 3.15618 2.83479 1.90477 4.08549C1.71659 4.27356 1.71659 4.56507 1.90477 4.75315L5.245 8.09147L0.141136 13.1913C-0.0470455 13.3794 -0.0470455 13.6709 0.141136 13.8589C0.235227 13.953 0.357546 14 0.470455 14C0.583364 14 0.715091 13.953 0.799773 13.8589L5.90364 8.75913L9.24386 12.0975C9.33795 12.1915 9.46027 12.2385 9.57318 12.2385C9.68609 12.2385 9.81782 12.1915 9.9025 12.0975C11.1539 10.8468 11.662 9.02244 11.3045 7.1511L13.5438 5.74054C13.7979 5.56187 13.9672 5.28916 13.9955 4.97884V4.96943Z' fill='%23E30613'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center
}

.detail-box .detail-content {
	border-bottom: 1px solid var(--color-gray-40)
}

.detail-box .file-list-wrap {
	margin-bottom: 30px;
}
.detail-top {
	margin-bottom: 20px
}

.detail-top strong {
	position: relative;
	font-size: 20px;
	color: #222;
	line-height: 28px
}

.detail-top strong span {
	color: var(--color-red-20)
}

.detail-top strong.new {
	padding-right: 22px
}

.detail-top strong.new::after {
	content: "N";
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 4px;
	background-color: var(--color-red-20);
	width: 16px;
	height: 16px;
	color: var(--color-white);
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	position: relative;
	top: -3px;
	left: 5px;
}

.detail-top .divide-text {
	margin-top: 12px
}

.detail-top .status {
	font-size: 15px;
	line-height: 22px;
	color: var(--color-red-30);
	font-weight: 700
}

.detail-top .status+strong {
	display: block
}

.detail-top .date {
	color: #999;
	font-weight: var(--fw-r);
	font-size: 14px;
	line-height: 20px
}

.divide-text {
	line-height: 18px
}

.divide-text span {
	color: #999;
	font-size: 15px
}

.divide-text span:not(:first-of-type) {
	padding-left: 25px;
	position: relative
}

.divide-text span:not(:first-of-type)::before {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background-color: #d9d9d9;
	position: absolute;
	top: 3px;
	left: 12px
}

.divide-text span.cs::before {
	top: 6px;
}

.detail-content {
	min-height: 360px;
	margin-bottom: 32px;
	border-top: 1px solid var(--color-gray-30);
	padding-top: 16px;
	color: #222;
	font-size: 18px;
	line-height: 28px
}

.comments-box {
	padding: 16px;
	border-radius: 8px;
	border: 1px solid var(--color-gray-30);
	background-color: var(--color-gray-10)
}

.comments-box .comments-box-top {
	padding-bottom: 12px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.comments-box .comments-box-top span {
	font-size: 14px;
	line-height: 22px;
	color: #999
}

.comments-box .comments-box-top .name {
	color: #222;
	font-weight: 700
}

.comments-box .comments-box-content {
	padding-top: 12px;
	border-top: 1px solid var(--color-gray-30)
}

.comments-box .comments-box-content .comments-text {
	font-size: 15px;
	line-height: 22px;
	color: #555
}

.comments-box .comments-box-content .comments-text+button {
	margin-top: 8px;
	min-width: auto
}

.comments-box+.comments-box {
	margin-top: 8px
}

.comments-box.type2 {
	position: relative;
	background-color: var(--color-white);
	border: none;
	padding: 0 0 24px 0
}

.comments-box.type2 .comments-box-top {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-bottom: 0;
	height: 32px
}

.comments-box.type2 .comments-box-top .date {
	margin-left: 6px
}

.comments-box.type2 .comments-box-content {
	border-top: none
}

.comments-box.type2 [class^=btn-] {
	position: absolute;
	right: 0;
	top: 0
}

.comments-box.type2+.comments-box {
	margin-top: 0;
	padding-top: 24px;
	border-top: 1px solid #eee
}

.comments-box.no-data {
	width: 100%;
	color: #555;
	font-size: 15px;
	height: 86px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.navi-wrapper {
	border-top: 1px solid var(--color-gray-30);
	border-bottom: 1px solid var(--color-gray-30);
	margin-top: 32px
}

.navi-wrapper .navi-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 12px;
	padding: 16px
}

.navi-wrapper .navi-item .navi-prev, .navi-wrapper .navi-item .navi-next
	{
	color: #777;
	font-size: 15px;
	line-height: 22px;
	min-width: 56px;
	font-weight: var(--fw-m)
}

.navi-wrapper .navi-item .navi-link {
	color: #222;
	font-size: 16px;
	line-height: 24px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.navi-wrapper .navi-item .navi-link span {
	color: var(--color-red-20)
}

.navi-wrapper .navi-item+.navi-item {
	border-top: 1px solid var(--color-gray-30)
}

.navi-wrapper.no-data {
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	min-height: auto;
	display: block
}

.navi-wrapper.no-data .navi-item {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.my-detail-text {
	min-height: 240px;
	margin-top: 24px;
	margin-bottom: 16px;
	font-size: 15px;
	line-height: 22.5px;
	color: #222
}

.board-list-item {
	border-bottom: 1px solid var(--color-gray-30)
}

.board-list-item:first-of-type {
	border-top: 1px solid var(--color-gray-80)
}

.cu-item {
	padding: 20px 0px;
	display: block;
	font-weight: 700
}

.cu-item .status-ing, .cu-item .status-end {
	font-size: 15px;
	font-weight: 700
}

.cu-item .status-ing {
	color: var(--color-red-30)
}

.cu-item .status-end {
	color: var(--color-green-30)
}

.cu-item .cu-item-top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.cu-item strong {
	position: relative;
	font-size: 18px;
	color: #222;
	font-weight: var(--fw-m);
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.cu-item strong span {
	color: var(--color-red-20);
	font-weight: var(--fw-sb)
}

.cu-item strong.new {
	padding-right: 22px
}

.cu-item strong.new::after {
	content: "N";
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 4px;
	background-color: var(--color-red-20);
	width: 16px;
	height: 16px;
	font-weight: var(--fw-sb);
	color: var(--color-white);
	font-size: 11px;
	line-height: 14px;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -8px
}

.cu-item .divide-text {
	margin-top: 8px
}

.cu-item .divide-text span {
	font-size: 14px;
	color: #999
}

.cu-item.pin {
	position: relative
}

.cu-item.pin strong {
	max-width: 88%
}

.cu-item.pin::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	bottom: 46px;
	right: 8px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9955 4.96943C14.0237 4.65911 13.9202 4.35819 13.6944 4.14191L9.85545 0.305189C9.63904 0.0889037 9.33795 -0.0239411 9.02745 0.00427006C8.71695 0.0324812 8.44409 0.192344 8.25591 0.465052L6.85395 2.68433C4.98154 2.31759 3.15618 2.83479 1.90477 4.08549C1.71659 4.27356 1.71659 4.56507 1.90477 4.75315L5.245 8.09147L0.141136 13.1913C-0.0470455 13.3794 -0.0470455 13.6709 0.141136 13.8589C0.235227 13.953 0.357546 14 0.470455 14C0.583364 14 0.715091 13.953 0.799773 13.8589L5.90364 8.75913L9.24386 12.0975C9.33795 12.1915 9.46027 12.2385 9.57318 12.2385C9.68609 12.2385 9.81782 12.1915 9.9025 12.0975C11.1539 10.8468 11.662 9.02244 11.3045 7.1511L13.5438 5.74054C13.7979 5.56187 13.9672 5.28916 13.9955 4.97884V4.96943Z' fill='%23E30613'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center
}

.customer-wrap .gray-box-item p {
	color: #777;
	font-size: 14px;
	line-height: 22px
}

.customer-wrap .gray-box-item .divide-text {
	margin-top: 12px
}

.customer-wrap .gray-box-item .divide-text span, .customer-wrap .gray-box-item .divide-text button
	{
	color: #222
}

.customer-wrap .title-type2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 24px
}

.customer-wrap .title-type2 .text-arrow {
	font-weight: var(--fw-m);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 4px;
	padding-right: 0;
	font-size: 15px;
	line-height: 22px;
	background-image: none
}

.customer-wrap .title-type2 .text-arrow::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='19.5' y='0.5' width='19' height='19' rx='9.5' transform='rotate(90 19.5 0.5)' fill='white'/%3E%3Crect x='19.5' y='0.5' width='19' height='19' rx='9.5' transform='rotate(90 19.5 0.5)' stroke='%23DDDDDD'/%3E%3Cpath d='M7 8.5L10 11.5L13 8.5' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.customer-wrap .input-search-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 16px;
	background-color: #f2f5fa;
	border-radius: 8px;
	padding: 20px
}

.customer-wrap .input-search-wrap>strong {
	height: 56px;
	line-height: 56px;
	white-space: nowrap
}

.customer-wrap .input-search-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 12px
}

.customer-wrap .input-search {
	background-color: var(--color-white);
	border-radius: 8px;
	margin-bottom: 4px;
	margin-bottom: 0
}

.customer-wrap .input-search input[type=text] {
	height: 56px;
	padding-left: 16px
}

.customer-wrap .input-search .input-del, .customer-wrap .input-search .search-button
	{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.customer-wrap .faq-keyword-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.customer-wrap .faq-keyword-item {
	font-size: 15px;
	line-height: 22px;
	color: #555;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.customer-wrap .faq-keyword-item:not(:first-child)::before {
	content: "";
	display: inline-block;
	height: 12px;
	width: 1px;
	background-color: #d9d9d9;
	margin: 0 12px
}

.customer-wrap .is-full {
	margin-top: 24px
}

.customer-wrap .hash-tag-list {
	margin: 24px 0px 24px
}

.customer-wrap .inner-space-wrap+.inner-space-wrap {
	margin-top: 40px
}

.customer-wrap .inner-space-wrap:last-of-type {
	margin-top: 32px
}

.answer-wrap {
	background-color: #fafafa;
	padding: 32px 20px;
	border-radius: var(--border-radius-8);
	margin-top: 32px
}

.answer-wrap .title-type3 {
	margin-bottom: 20px
}

.answer-wrap .title-type3 .title-desc {
	font-size: 18px;
	font-weight: var(--fw-m)
}

.answer-wrap .form-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	gap: 20px
}

.answer-wrap .form-input {
	background-color: var(--color-white)
}

.answer-wrap .form-input:disabled {
	background-color: #f7f7f7;
	color: #777
}

.answer-wrap .form-item+.form-item {
	margin-top: 0
}

.answer-wrap .form-item:not(:last-of-type) {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.answer-wrap .form-item-line {
	width: 100%
}

.answer-wrap .form-item-cont {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px
}

.answer-wrap .btn-primary {
	margin-top: 32px
}

.gray-box.related-keywords {
	padding: 20px
}

.gray-box.related-keywords .tit {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 15px;
	line-height: 22px;
	color: #222
}

.gray-box.related-keywords .align-space {
	gap: 24px
}

.search-category-box {
	position: relative;
	background-color: #f7f7f7;
	border-radius: 8px;
	padding: 20px;
	margin: 16px 0px 24px 0
}

.search-category-box .tit {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 15px;
	line-height: 22px;
	color: #222
}

.search-category-box .search-category-wrap {
	margin-top: 12px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 6px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 48px;
	padding-right: 72px;
	overflow: hidden
}

.search-category-box .search-category-wrap.active {
	height: auto;
	overflow: visible
}

.search-category-box .search-category-wrap .search-category-button {
	border-radius: 50px;
	border: 1px solid #eee;
	background-color: var(--color-white);
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 4px;
	padding: 12px 16px;
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
	height: 48px
}

.search-category-box .search-category-wrap .search-category-button .category
	{
	line-height: 24px;
	word-break: break-all
}

.search-category-box .search-category-wrap .search-category-button .category span
	{
	color: #555;
	font-size: 16px
}

.search-category-box .search-category-wrap .search-category-button .category span+span
	{
	position: relative
}

.search-category-box .search-category-wrap .search-category-button .category span+span::before
	{
	content: ">";
	color: #555;
	font-size: 16px
}

.search-category-box .search-category-wrap .search-category-button .count
	{
	color: var(--color-red-30);
	font-weight: var(--fw-sb);
	font-size: 16px;
	line-height: 24px
}

.search-category-box .search-category-wrap .search-category-button.is-active
	{
	border-color: var(--color-red-30)
}

.search-category-box button {
	position: absolute;
	right: 20px;
	bottom: 20px
}

.search-category-box button .txt::after {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}

.search-category-box button.active .txt::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.board-list-wrap+.notice-search-wrap {
	margin-top: 40px
}

.notice-search-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	background-color: var(--color-white);
	border: 1px solid var(--color-gray-40);
	border-radius: var(--border-radius-8);
	padding: 24px 40px
}

.notice-search-wrap .design-select-box {
	width: 160px
}

.notice-search-wrap .input-search {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.notice-search-wrap .input-search input[type=text] {
	background-color: var(--color-white);
	line-height: 48px;
	height: 48px;
	padding-right: 56px;
	font-size: 15px
}

.notice-search-wrap .input-search .input-del {
	right: 8px;
	top: 4px
}

.floating-banner-area {
	position: fixed;
	top: 50%;
	right: 20px;
	width: 100px;
	height: auto;
	display: block;
	z-index: 200;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.floating-banner-area+.page>.in {
	padding-right: 140px
}

@media ( max-width : 1024px) {
	.floating-banner-area {
		display: none
	}
	.floating-banner-area+.page>.in {
		padding-right: 0
	}
}

@media ( min-width : 1025px) {
	.floating-banner-area+.page>.in {
		padding-right: 120px
	}
}

@media ( min-width : 1200px) {
	.floating-banner-area+.page>.in {
		padding-right: 60px
	}
}

@media ( min-width : 1330px) {
	.floating-banner-area {
		right: -webkit-calc(( 100% - 1024px)/2- 140px);
		right: -moz-calc(( 100% - 1024px)/2- 140px);
		right: calc(( 100% - 1024px)/2- 140px)
	}
	.floating-banner-area+.page>.in {
		padding-right: 0
	}
}

.floating-banner-wrap {
	width: 100px;
	height: 100%;
	text-align: center
}

.floating-banner-box {
	position: relative;
	background: var(--color-white);
	border-radius: var(--border-radius-8);
	padding: 12px 0;
	text-align: center;
	border: 1px solid var(--color-gray-40)
}

.floating-banner-box-title {
	font-size: 13px;
	display: block;
	margin-bottom: 12px
}

.floating-banner-box-title .count {
	color: #e30613
}

.floating-banner-btn-area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px;
	margin-top: 16px
}

.floating-banner-btn-area .btn-secondary {
	height: 32px;
	font-size: 13px;
	font-weight: var(--fw-r);
	line-height: 18px;
	width: 100%;
	padding: 0 8px
}

.floating-banner-btn-area .btn-secondary.recipe,
	.floating-banner-btn-area .btn-secondary.download {
	color: #fff;
	border: none;
	font-weight: var(--fw-sb)
}

.floating-banner-btn-area .btn-secondary.recipe {
	background-color: #009688
}

.floating-banner-btn-area .btn-secondary.download {
	background-color: #d32f2f
}

.floating-banner .app-download {
	border: 1px solid #d32f2f;
	border-radius: var(--border-radius-8);
	margin: 0 -1px
}

.floating-banner .app-download .img-wrap {
	display: none;
	padding: 9px
}

.floating-banner .app-download .img-wrap img {
	-o-object-fit: contain;
	object-fit: contain
}

.floating-banner .app-download .img-wrap.show {
	display: block
}

.floating-banner .btn.top {
	margin-top: 32px
}

.floating-banner .btn.top .icon {
	display: block;
	width: 48px;
	height: 48px;
	background-color: #222;
	border-radius: 50%;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99182 0.392016C7.85881 0.266796 7.70196 0.168638 7.53028 0.103176C7.18977 -0.0343919 6.80784 -0.0343919 6.46733 0.103176C6.29565 0.168638 6.1388 0.266796 6.00579 0.392016L0.411322 5.89373C0.280917 6.02197 0.177474 6.17422 0.106899 6.34178C0.0363247 6.50933 2.74808e-09 6.68892 0 6.87029C-2.74808e-09 7.05165 0.0363247 7.23124 0.106899 7.39879C0.177474 7.56635 0.280917 7.7186 0.411322 7.84684C0.541727 7.97508 0.69654 8.07681 0.866922 8.14622C1.0373 8.21562 1.21992 8.25134 1.40434 8.25134C1.58876 8.25134 1.77138 8.21562 1.94176 8.14622C2.11214 8.07681 2.26695 7.97508 2.39736 7.84684L5.60019 4.68335V18.6246C5.60019 18.9894 5.74754 19.3392 6.00984 19.5971C6.27213 19.8551 6.62787 20 6.99881 20C7.36974 20 7.72549 19.8551 7.98778 19.5971C8.25007 19.3392 8.39742 18.9894 8.39742 18.6246V4.68335L11.6003 7.84684C11.7303 7.97576 11.885 8.07808 12.0554 8.14791C12.2258 8.21774 12.4086 8.25369 12.5933 8.25369C12.7779 8.25369 12.9607 8.21774 13.1311 8.14791C13.3016 8.07808 13.4563 7.97576 13.5863 7.84684C13.7174 7.71898 13.8214 7.56685 13.8924 7.39924C13.9634 7.23163 14 7.05186 14 6.87029C14 6.68871 13.9634 6.50894 13.8924 6.34133C13.8214 6.17372 13.7174 6.02159 13.5863 5.89373L7.99182 0.392016Z' fill='white'/%3E%3C/svg%3E%0A");
	background-size: 14px 20px;
	background-position: center;
	background-repeat: no-repeat
}

.floating-banner .btn.top .txt {
	font-size: 13px;
	line-height: 18px;
	font-weight: var(--fw-sb);
	color: #222;
	display: block;
	margin-top: 6px
}

.floating-banner-swiper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.floating-banner-swiper .swiper-wrapper {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(3, 1fr);
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	row-gap: 8px;
	margin-left: 14px
}

.floating-banner-swiper .swiper-slide {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 0
}

.floating-banner-swiper .swiper-slide a {
	position: relative;
	padding: 12px;
	background-color: #f7f7f7;
	border-radius: 8px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 72px;
	height: 72px
}

.floating-banner-swiper .swiper-slide a::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 12px;
	right: 12px;
	bottom: 12px;
	background-color: rgba(0, 0, 0, .04)
}

.floating-banner-swiper .swiper-slide .img-wrap {
	max-width: 48px;
	max-height: 48px
}

.floating-banner-swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.floating-banner-swiper .pagination-container {
	position: static;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 12px;
	padding: 0 14px
}

.floating-banner-swiper .pagination-container .swiper-button-prev,
	.floating-banner-swiper .pagination-container .swiper-button-next {
	border: none;
	position: static;
	background-color: rgba(0, 0, 0, 0);
	width: auto;
	height: auto
}

.floating-banner-swiper .pagination-container .swiper-pagination-fraction
	{
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: auto;
	font-size: 13px;
	font-weight: var(--fw-r)
}

.floating-banner-swiper .pagination-container .swiper-pagination-fraction span
	{
	font-weight: 600;
	color: #121212
}

.floating-banner-swiper .pagination-container .swiper-pagination-fraction span+span
	{
	color: #999
}

.floating-banner-swiper .pagination-container .swiper-pagination-fraction span+span::before
	{
	content: "/";
	color: #999;
	display: inline-block;
	margin: 0 4px
}

.etc-wrap .design-select-box {
	margin-bottom: 16px
}

.banner-area {
	background-color: #222;	
	width:100%;
	z-index:11;
}

.banner-area .banner-wrap {
	width: 1024px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin: auto;
	height: 52px
}

@media ( max-width : 1024px) {
	.banner-area .banner-wrap {
		width: auto
	}
}

.banner-area .banner-inner {
	width: 60%;
	text-align: center
}

.banner-area .banner-inner img {
	height: 52px
}

.banner-area .banner-close {
	width: 52px;
	height: 52px;
	position: absolute;
	top: 0;
	right: 0
}

.banner-area .banner-close span {
	display: block;
	position: relative;
	height: 52px;
	font-size: 0
}

.banner-area .banner-close span:before, .banner-area .banner-close span:after
	{
	content: "";
	width: 20px;
	height: 2px;
	background-color: var(--color-white);
	border-radius: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.banner-area .banner-close span:before {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.banner-area .banner-close span:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.search-popup {
	position: absolute;
	bottom: -webkit-calc(-100% - 12px);
	bottom: -moz-calc(-100% - 12px);
	bottom: calc(-100% - 12px);
	left: 50%;
	display: none;
	background-color: var(--color-white);
	height: 100%;
	z-index: 1000;
	width: 100%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.search-popup.is-open {
	display: block
}

.search-popup .inner-space-wrap {
	max-width: 400px;
	background-color: var(--color-white);
	padding: 24px;
	border-radius: 20px;
	border: 1px solid #ddd
}

.search-list-title {
	line-height: 28px;
	font-weight: var(--fw-sb);
	font-size: 20px;
	color: #222
}

.search-list-title.is-blind+.search-list-contents {
	margin-top: 0px;
	padding-top: 0px;
	border-top: none
}

.search-wrap {
	position: relative
}

.search-wrap.is-auto-complete {
	display: none
}

.search-wrap.is-auto-complete.is-active {
	display: block
}

.search-list-contents {
	margin-top: 12px;
	padding: 24px 0;
	border-top: 1px solid var(--color-gray-40)
}

.search-list-contents .filter-wrap {
	max-height: 176px;
	overflow: hidden
}

.search-contents-item {
	display: inline-block;
	vertical-align: top
}

.search-all-clear {
	position: absolute;
	top: 0;
	right: 0
}

.search-all-clear span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 17px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.55 10.4125H5.85V5.6125H4.55V10.4125ZM7.15 10.4125H8.45V5.6125H7.15V10.4125ZM3.25 11.6125H9.75V4.4125H3.25V11.6125ZM4.55 3.2125H8.45V2.0125H4.55V3.2125ZM9.75 3.2125V0.8125H3.25V3.2125H0V4.4125H1.95V12.8125H11.05V4.4125H13V3.2125H9.75Z' fill='%23555555'/%3E%3C/svg%3E%0A");
	background-size: 13px auto;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 14px
}

.search-popular-list {
	margin: -6px;
	overflow: hidden
}

.search-popular-item {
	padding: 6px;
	width: 50%;
	float: left
}

.search-popular-item:nth-child(1) .search-popular-rank,
	.search-popular-item:nth-child(2) .search-popular-rank,
	.search-popular-item:nth-child(3) .search-popular-rank {
	color: var(--color-red-20)
}

.search-popular-item .search-popular-name {
	padding-right: 15px;
	background-repeat: no-repeat;
	background-position: right center
}

.search-popular-item.rise .search-popular-name {
	/*background-image: url("data:image/svg+xml;charset=utf8,")*/
}

.search-popular-item.descent .search-popular-name {
	/*background-image: url("data:image/svg+xml;charset=utf8,")*/
}

.search-popular-item.freeze .search-popular-name {
	/*background-image: url("data:image/svg+xml;charset=utf8,")*/
}

.search-popular-link {
	display: block;
	line-height: 20px
}

.search-popular-rank {
	/* font-size: var(--fw-b); */
	display: inline-block;
	vertical-align: top;
	width: 24px
}

.search-popular-name {
	display: inline-block;
	vertical-align: top;
	margin-left: 8px
}

.search-result {
	margin-top: 24px
}

.search-result-success .title-type2 {
	color: #222
}

.search-result-fail .gray-box {
	padding-top: 60px;
	padding-bottom: 60px
}

.search-result-fail p {
	text-align: center;
	font-size: 18px;
	line-height: 28px
}

.search-result-success+.goods-grid, .search-result-fail+.goods-grid {
	margin-top: 16px
}

.main .in {
	max-width: 1064px;
	margin: 0 auto;
	width: 100%;
	padding: 0 20px
}

.main .heading-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 16px
}

.main .heading-wrap .title-type1 {
	margin-top: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.main .heading-wrap .title-type1 span {
	font-weight: 300;
	margin-right: 4px
}

.main .heading-wrap .hash-tag-list {
	margin-top: 0
}

.main .goods-grid+.btn-area {
	margin-top: 40px
}

.main .btn-area {
	margin: 0;
	text-align: center
}

.main .sub-category-menu {
	padding-bottom: 48px;
	max-width: 1024px;
	width: 100%;
	margin: 48px auto 0 auto
}

.main .sub-category-menu .sub-category-menu-item.item1 .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_01.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px
}

.main .sub-category-menu .sub-category-menu-item.item2 .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_02.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px 32px
}

.main .sub-category-menu .sub-category-menu-item.item3 .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_03.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px 28px
}

.main .sub-category-menu .sub-category-menu-item.item4 .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_04.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px 24px
}

.main .sub-category-menu .sub-category-menu-item.item5 .sub-category-menu-img
	{
	background-image: url("../../mw/assets/images/icons/icon_quick_05.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px
}

.main .sub-category-menu .sub-category-menu-item.item6 .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_06.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px
}

.main .sub-category-menu .sub-category-menu-item.item7 .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_07.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px 32px
}

.main .sub-category-menu .sub-category-menu-item.item8 .sub-category-menu-img
	{
	background-image: url("../../assets/images/icons/icon_quick_08.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32px 30px
}

.main .sub-category-menu .sub-category-menu-wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	gap: 16px;
	max-width: 850px;
	margin: 0 auto
}

.main .sub-category-menu .sub-category-menu-img {
	width: 64px;
	height: 64px;
	border-radius: var(--border-radius-24);
	margin: 0
}

.main .sub-category-menu .sub-category-menu-link {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.main .sub-category-menu+.home-banner-wrap {
	margin-top: 0px
}

.main .home-banner-wrap {
	position: relative;
	margin-top: 32px;
	margin-left: -20px;
	margin-right: -20px
}

.main .swiper-type3 .swiper-slide {
	width: 154px
}

.home-match-wrap .goods-item .goods-img-box-link {
	background-color: var(--color-white)
}

.home-match-wrap .goods-item .goods-img-box-link::before {
	background-color: rgba(0, 0, 0, 0)
}

.home-match-wrap .hash-tag-list {
	margin-top: 16px;
	padding: 0 0 2.4rem 0
}

.home-match-wrap .hash-tag-list+.goods-grid {
	margin-top: 0
}

.home-match-wrap .hash-tag-list::before {
	display: none
}

.home-match-wrap .hash-tag-list .hash-tag-list-text {
	border: 1px solid var(--color-gray-30);
	padding: 9.5px 12px
}

.home-match-wrap .hash-tag-list .hash-tag-list-text span {
	color: #777;
	line-height: 1;
	letter-spacing: -0.4px
}

.home-product-wrap {
	margin-top: 48px
}

.home-product-wrap .hash-tag-list {
	padding: 0
}

.home-product-wrap .hash-tag-list::before {
	display: none
}

.home-product-wrap .goods-grid {
	margin-top: 24px
}

.home-product-wrap.type-flyer {
	position: relative;
	padding-top: 48px;
	margin: 48px -20px 0 -20px
}

.home-product-wrap.type-flyer::before {
	content: "";
	display: block;
	background: url("../../../assets/images/temp/img_main_banner1.png")
		no-repeat center;
	height: 250px;
	width: 100%
}

.home-product-wrap.type-flyer .in {
	position: relative;
	margin-top: -202px
}

.home-product-wrap.type-flyer .goods-grid::before {
	position: absolute;
	top: -90px;
	/* -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); */
	right: 5%;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	max-width: 284px;
	max-height: 284px;
	background-size: 284px auto;
	background: url("../../../assets/images/temp/img_main1.png") no-repeat
		center
}

.home-product-wrap.type-recommend {
	position: relative;
	padding-top: 48px;
	margin: 48px -20px 0 -20px
}

.home-product-wrap.type-recommend::before {
	content: "";
	display: block;
	background: url("../../../assets/images/temp/img_main_banner2.png")
		no-repeat center;
	height: 343px;
	width: 100%
}

.home-product-wrap.type-recommend .in {
	position: relative;
	margin-top: -295px
}

.home-product-wrap.type-recommend .goods-grid::before {
	position: absolute;
	top: -15px;
	right: 5%;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	max-width: 208px;
	max-height: 208px;
	background-size: 208px auto;
	background: url("../../../assets/images/temp/img_main2.png") no-repeat
		center
}

.home-product-group>.in {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.home-product-group .home-product-wrap {
	padding: 0;
	width: -webkit-calc(( 100% - 60px)/2);
	width: -moz-calc(( 100% - 60px)/2);
	width: calc(( 100% - 60px)/2)
}

.home-product-group .home-product-wrap .in {
	max-width: 100%;
	padding: 0
}

.home-product-group .home-product-wrap .banner {
	margin-top: 24px
}

.home-product-group .home-product-wrap .banner img {
	width: 100%
}

.home-product-group .home-product-wrap .goods-list .goods-wrap {
	grid-template-columns: repeat(auto-fill, minmax(134px, 1fr));
	gap: 10px
}

.home-product-group .home-product-wrap .btn-secondary {
	max-width: 100%;
	width: 100%
}

.tab-list.food-recommend {
	margin-top: 24px
}

.tab-list.food-recommend .tab-list-wrap {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	z-index: 1
}

.tab-list.food-recommend .tab-item {
	width: auto
}

.tab-list.food-recommend .tab-item.is-active .icon {
	border: .3rem solid red
}

.tab-list.food-recommend .tab-item.is-active .tit {
	font-weight: var(--fw-b)
}

.tab-list.food-recommend .tab-item+.tab-item {
	margin-left: 12px
}

.tab-list.food-recommend .tab-item:nth-child(1) .icon::before {
	background-image: url("../../assets/images/icons/icon_food_menu_01.png");
	background-size: 42px auto
}

.tab-list.food-recommend .tab-item:nth-child(2) .icon::before {
	background-image: url("../../assets/images/icons/icon_food_menu_02.png");
	background-size: 36px auto
}

.tab-list.food-recommend .tab-item:nth-child(3) .icon::before {
	background-image: url("../../assets/images/icons/icon_food_menu_03.png");
	background-size: 40px auto
}

.tab-list.food-recommend .tab-item:nth-child(4) .icon::before {
	background-image: url("../../assets/images/icons/icon_food_menu_04.png");
	background-size: 46px auto
}

.tab-list.food-recommend .tab-item:nth-child(5) .icon::before {
	background-image: url("../../assets/images/icons/icon_food_menu_05.png");
	background-size: 29px auto;
	background-position: 20px;
}
.tab-list.food-recommend .tab-item:nth-child(5).is-active .icon::before {
	
	background-position: 17px;
}
.tab-list.food-recommend .tab-item:nth-child(6) .icon::before {
	background-image: url("../../assets/images/icons/icon_food_menu_06.png");
	background-size: 42px auto
}

.tab-list.food-recommend .tab-item:nth-child(7) .icon::before {
	background-image: url("../../assets/images/icons/icon_food_menu_07.png");
	background-size: 42px auto;
	background-position: 14px;
}
.tab-list.food-recommend .tab-item:nth-child(7).is-active .icon::before {
	background-position: 11px;
}

.tab-list.food-recommend .tab-item:nth-child(8) .icon::before {
	background-image: url("../../assets/images/icons/icon_food_menu_08.png");
	background-size: 42px auto
}

.tab-list.food-recommend .tab {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.tab-list.food-recommend .tab .icon {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #fff1f2;
	width: 64px;
	height: 64px;
	border-radius: 50%
}

.tab-list.food-recommend .tab .icon::before {
	content: "";
	display: block;
	background: url("../../../assets/images/svg/icon_food_menu1.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 29px auto;
	width: 100%;
	height: 100%
}

.tab-list.food-recommend .tab .tit {
	margin-top: 6px;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: -0.4px;
	font-weight: var(--fw-m);
	color: #555
}

.mypage-wrap>.align-space {
	display: grid;
	grid-template-columns: minmax(160px, 221px) 1fr;
	gap: 40px;
	width: 100%;
	-webkit-box-align: normal;
	-webkit-align-items: normal;
	-moz-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal
}

.mypage-wrap>.align-space+.order-delivery-box {
	margin-top: 24px
}

.mypage-wrap .align-space>.title-type2 {
	margin-bottom: 0
}

.mypage-wrap .align-space+.order-delivery-box {
	margin-top: 24px
}

.mypage-wrap .heading-wrap .title-type2 {
	display: inline-block;
	margin-bottom: 0
}

.mypage-wrap .heading-wrap ~.gray-box {
	margin-top: 24px
}

.mypage-wrap .title-type2 ~.noti-messege {
	margin-left: 8px
}

.mypage-wrap .title-type2 ~.title-type3 {
	margin-top: 32px;
	margin-bottom: 20px;
	font-weight: var(--fw-sb)
}

.mypage-wrap .title-type2 ~.title-type3:first-of-type {
	margin-top: 24px
}

.mypage-wrap .title-type2 ~.form-wrap {
	margin-top: 24px
}

.mypage-wrap .gray-box ~.form-list {
	margin-top: 24px
}

.mypage-wrap .align-space.title-type {
	position: relative
}

.mypage-wrap .align-space.title-type .title-type3 {
	font-weight: var(--fw-sb)
}

.mypage-wrap .align-space.title-type+.gray-box {
	margin-top: 20px
}

.mypage-wrap .align-space.title-type ~.title-type3 {
	margin-top: 32px;
	font-weight: var(--fw-sb)
}

.mypage-wrap .align-space.title-type ~.title-type3+.gray-box {
	margin-top: 20px
}

.mypage-wrap .align-space.title-type ~.title-type3+.gray-box ~.form-list
	{
	margin-top: 24px
}

.mypage-wrap .align-space.title-type ~.title-type3+.order-goods-grid {
	margin-top: 20px
}

.mypage-wrap .align-space.title-type ~.title-type3 ~.form-wrap {
	margin-top: 24px
}

.mypage-wrap .align-space.title-type .align-space-right {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 4px
}

.mypage-wrap .title-wrap {
	margin-bottom: 32px
}

.mypage-wrap [class^=btn-].type-exception {
	height: 44px;
	font-size: 16px;
	line-height: 44px;
	color: #222
}

.mypage-wrap .gray-box.type-btn [class^=btn-] {
	position: absolute;
	bottom: 16px;
	right: 16px
}

.mypage-wrap .gray-box.type-btn .gray-box-item:last-of-type .title-list
	{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 32px
}

.membership-cancellation-title-list .list-title {
	font-weight: 700;
	color: #222;
	line-height: 28px;
	font-size: 18px
}

.membership-cancellation-title-list .list-contents {
	margin-top: 12px
}

.membership-cancellation-title-list .list-contents.is-text {
	line-height: 24px;
	font-size: 16px
}

.membership-cancellation-title-list .list-contents.is-checkbox {
	margin-top: 16px
}

.membership-cancellation-title-list .list-contents.is-checkbox .list-contents-item .textarea
	{
	height: auto;
	margin-top: 8px
}

.membership-cancellation-title-list .list-contents.is-checkbox .list-contents-item+.list-contents-item
	{
	margin-top: 16px
}

.membership-cancellation-title-list+.precautions {
	margin-top: 32px
}

.precautions-title-list .list-title {
	background-color: rgba(227, 6, 19, .1);
	color: var(--color-red-20);
	padding: 12px;
	font-size: 15px;
	font-weight: var(--fw-sb);
	line-height: 22px;
	text-align: center;
	border-radius: 8px
}

.precautions-title-list .list-contents {
	margin-top: 16px
}

.precautions+.membership-cancellation-title-list {
	margin-top: 32px
}

.precautions+.membership-cancellation-title-list .textarea-box-wrap {
	margin-top: 8px
}

.membership-cancellation-check {
	background-color: #f7f7f7;
	padding: 20px;
	border-radius: var(--border-radius-8);
	margin-top: 32px
}

.membership-cancellation-check .chk+label:after {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.membership-cancellation-check .chk+label:before {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.membership-cancellation-check+.btn-area {
	margin-top: 32px
}

.info-panel {
	background-color: #f7f7f7;
	padding: 32px 20px;
	margin: 0 -20px
}

.info-panel .in {
	margin: 0 auto
}

.info-panel+.in {
	margin: 40px auto 0 auto
}

.info-panel.type-my {
	background-color: #f4f5f8
}

.user-box .user-area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.user-box .user-type {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
	margin-right: 8px
}

.user-box .title-type2 {
	margin-bottom: 0
}

.user-box .user-link-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px
}

.my-page-menu-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.my-page-menu-wrap li+li::before {
	content: "";
	position: absolute;
	left: 0;
	display: inline-block;
	width: 1px;
	height: 48px;
	background-color: #eee
}

.my-page-menu-item {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 8px;
	min-width: 90px
}

.my-page-menu-item:first-of-type .icon {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='25' height='26' viewBox='0 0 25 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4862_192466)'%3E%3Cpath d='M17.1758 9.4V5.8C17.1758 3.14903 15.0268 1 12.3758 1C9.72487 1 7.57583 3.14903 7.57583 5.8V9.4M2.28624 11.0224L1.56624 18.7024C1.36152 20.886 1.25916 21.9778 1.62149 22.8211C1.93979 23.562 2.49758 24.1745 3.20546 24.5605C4.01127 25 5.10787 25 7.30109 25H17.4506C19.6438 25 20.7404 25 21.5462 24.5605C22.2541 24.1745 22.8119 23.562 23.1302 22.8211C23.4925 21.9778 23.3901 20.886 23.1854 18.7024L22.4654 11.0224C22.2926 9.17842 22.2061 8.25644 21.7914 7.5594C21.4262 6.9455 20.8866 6.45413 20.2413 6.14781C19.5086 5.8 18.5826 5.8 16.7306 5.8L8.02109 5.8C6.16906 5.8 5.24305 5.8 4.51034 6.14781C3.86503 6.45413 3.32544 6.9455 2.96023 7.5594C2.54554 8.25644 2.45911 9.17842 2.28624 11.0224Z' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4862_192466'%3E%3Crect width='24' height='26' fill='white' transform='translate(0.375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: 25px 26px
}

.my-page-menu-item:nth-of-type(2) .icon {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.8001 9.38725V23.0192C17.8001 24.7592 16.5521 25.4912 15.0281 24.6512L10.3121 22.0232C9.80809 21.7472 8.99206 21.7472 8.48805 22.0232L3.77202 24.6512C2.24801 25.4912 1 24.7592 1 23.0192V9.38725C1 7.33525 2.68 5.65527 4.73202 5.65527H14.0681C16.1202 5.65527 17.8001 7.33525 17.8001 9.38725Z' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.9994 4.73197V18.364C24.9994 20.104 23.7514 20.8359 22.2273 19.9959L17.7993 17.524V9.38797C17.7993 7.33597 16.1193 5.656 14.0673 5.656H8.19922V4.73197C8.19922 2.67998 9.87922 1 11.9312 1H21.2674C23.3194 1 24.9994 2.67998 24.9994 4.73197Z' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.00391 13H11.8039' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.40234 15.4006V10.6006' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-size: 26px 26px
}

.my-page-menu-item:nth-of-type(3) .icon {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M6.80163 18.3024H16.1968M10.3456 1.58385L2.38052 7.7789C1.84808 8.19302 1.58187 8.40007 1.39008 8.65938C1.22019 8.88908 1.09363 9.14784 1.01662 9.42296C0.929688 9.73355 0.929688 10.0708 0.929688 10.7453V19.242C0.929688 20.5574 0.929688 21.2151 1.18569 21.7175C1.41087 22.1595 1.77019 22.5188 2.21214 22.744C2.71457 23 3.37229 23 4.68773 23H18.3107C19.6261 23 20.2838 23 20.7862 22.744C21.2282 22.5188 21.5875 22.1595 21.8127 21.7175C22.0687 21.2151 22.0687 20.5574 22.0687 19.242V10.7453C22.0687 10.0708 22.0687 9.73355 21.9818 9.42296C21.9048 9.14784 21.7782 8.88908 21.6083 8.65938C21.4165 8.40007 21.1503 8.19302 20.6179 7.7789L12.6528 1.58385C12.2402 1.26295 12.0339 1.10249 11.8061 1.04082C11.6051 0.986395 11.3933 0.986395 11.1923 1.04082C10.9645 1.10249 10.7582 1.26295 10.3456 1.58385Z' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E%0A");
	background-size: 23px 24px
}

.my-page-menu-item:last-of-type .icon {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='27' height='28' viewBox='0 0 27 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.71484 1V4.42857' stroke='%23222222' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.8555 1V4.42857' stroke='%23222222' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 23.8567H6.71429C2.71429 23.8567 1 21.571 1 18.1424V8.42815C1 4.99958 2.71429 2.71387 6.71429 2.71387H15.8571C19.8571 2.71387 21.5714 4.99958 21.5714 8.42815V13.4995' stroke='%23222222' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.57031 11.2861H12.4275' stroke='%23222222' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.57031 17H8.56459' stroke='%23222222' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 20C26 21.3067 25.6267 22.56 24.9867 23.6C24.6133 24.24 24.1467 24.8 23.6 25.2533C22.3733 26.3467 20.7733 27 19 27C17.4667 27 16.0533 26.5067 14.9067 25.6667C14.1467 25.12 13.5067 24.4133 13.0133 23.6C12.3733 22.56 12 21.3067 12 20C12 17.8 13.0133 15.8133 14.6267 14.5466C15.8267 13.5733 17.36 13 19 13C20.64 13 22.1467 13.56 23.3333 14.5067C24.96 15.7867 26 17.7733 26 20Z' stroke='%23222222' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.5532 17.5041L16.4391 20.6183C16.3159 20.7414 16.2016 20.9701 16.1752 21.1373L16.008 22.3248C15.9465 22.7559 16.2456 23.055 16.6766 22.9934L17.8642 22.8263C18.0313 22.7999 18.2689 22.6855 18.3832 22.5624L21.4974 19.4482C22.034 18.9116 22.2891 18.287 21.4974 17.4953C20.7144 16.7124 20.0898 16.9675 19.5532 17.5041Z' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.1055 17.9531C19.3694 18.9032 20.1083 19.6421 21.0584 19.906' stroke='%23292D32' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-size: 27px 28px
}

.my-page-menu-link {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: var(--fw-r);
	font-size: 14px;
	line-height: 20px;
	letter-spacing: -0.4px
}

.my-page-menu .icon {
	width: 48px;
	height: 48px;
	background-color: var(--color-white);
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 8px
}

.link-list-link.is-alarm::before {
	content: "";
	width: 12px;
	height: 12px;
	display: inline-block;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.161 8.21455L10.4895 7.33091C10.0711 6.79636 9.86193 6.09818 9.86193 5.20364V4.78909C9.86193 2.90182 8.44175 1.33091 6.54817 1.08V0.523636C6.54817 0.24 6.30597 0 5.99771 0C5.68945 0 5.44725 0.229091 5.44725 0.523636V1.09091C4.06009 1.28727 2.8711 2.16 2.3867 3.45818C2.16651 4.00364 2.1445 4.62545 2.16651 5.19273C2.16651 6.08727 1.95734 6.78545 1.53899 7.33091L0.834404 8.25818C0.438073 8.77091 0.394037 9.44727 0.702294 10.0145C0.999542 10.56 1.59404 10.9091 2.23257 10.9091H4.10413C4.48945 11.5636 5.18303 12 5.99771 12C6.81239 12 7.51698 11.5636 7.89129 10.9091H9.72982C10.3904 10.9091 10.9849 10.56 11.2931 10.0036C11.6124 9.42546 11.5573 8.73818 11.161 8.21455Z' fill='%23222'/%3E%3C/svg%3E%0A")
		no-repeat center;
	background-size: 12px 12px;
	margin-right: 6px
}

.link-list-link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: var(--fw-r);
	line-height: 22px;
	letter-spacing: -0.4px;
	font-size: 14px;
	color: #555
}

.link-list-title {
	padding-right: 12px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='6' height='10' viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.612 9.98901C0.768 9.98901 0.924 9.93346 1.032 9.82234L5.82 5.38901C6.06 5.16679 6.06 4.82234 5.82 4.60012L1.032 0.166789C0.792 -0.0554335 0.42 -0.0554335 0.18 0.166789C-0.06 0.389011 -0.06 0.733455 0.18 0.955678L4.548 5.00012L0.18 9.04457C-0.06 9.26679 -0.06 9.61123 0.18 9.83346C0.3 9.94457 0.456 10.0001 0.6 10.0001V9.98901H0.612Z' fill='%23666666'/%3E%3C/svg%3E%0A");
	background-position: right center;
	background-repeat: no-repeat
}

.link-list.type2 .link-list-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px
}

.link-list.type2 .link-list-item {
	width: -webkit-calc(( 100% - 8px)/2);
	width: -moz-calc(( 100% - 8px)/2);
	width: calc(( 100% - 8px)/2)
}

.link-list.type2 .link-list-link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #f7f7f7;
	border: 1px solid var(--color-gray-30);
	padding: 16px 16px 16px 12px;
	border-radius: var(--border-radius-8);
	width: 100%;
	font-size: 16px;
	color: #222
}

.link-list.type2 .link-list-title {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.order-delivery-box {
	background-color: #f7f7f7;
	padding: 20px
}

.title-type2+.order-delivery-box {
	margin-top: 16px
}

.order-delivery-box+.align-space {
	margin-top: 40px
}

.order-delivery-box+.align-space+.order-goods-grid {
	margin-top: 24px
}

.order-delivery-box+.align-space+.order-goods-grid ~.title-type2 {
	margin-top: 44px
}

.order-delivery-box .flex-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.delivery-info-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 24px
}

.delivery-info-item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.delivery-info-item:after {
	content: "";
	width: 6px;
	height: 10px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='6' height='10' viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.612 9.98901C0.768 9.98901 0.924 9.93346 1.032 9.82234L5.82 5.38901C6.06 5.16679 6.06 4.82234 5.82 4.60012L1.032 0.166789C0.792 -0.0554335 0.42 -0.0554335 0.18 0.166789C-0.06 0.389011 -0.06 0.733455 0.18 0.955678L4.548 5.00012L0.18 9.04457C-0.06 9.26679 -0.06 9.61123 0.18 9.83346C0.3 9.94457 0.456 10.0001 0.6 10.0001V9.98901H0.612Z' fill='%23666666'/%3E%3C/svg%3E%0A");
	background-size: 6px 10px;
	background-repeat: no-repeat;
	position: absolute;
	top: 28px;
	right: -13px
}

.delivery-info-item:last-child:after {
	display: none
}

.delivery-info-item.is-active .delivery-info-item-count {
	color: #222
}

.delivery-info-item-count {
	text-align: center;
	color: #777;
	font-weight: 800;
	font-size: 18px;
	line-height: 24px
}

.delivery-info-item-title-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 10px
}

.delivery-info-item-title {
	font-size: 18px;
	font-weight: var(--fw-m);
	line-height: 28px;
	display: inline-block;
	vertical-align: middle;
	color: var(--color-black)
}

.delivery-info-item .tooltip-btn {
	margin-left: 2px
}

.delivery-info+.order-info {
	margin-top: 16px
}

.order-info {
	padding: 1.2rem;
	border-radius: var(--border-radius-12);
	background-color: var(--color-white);
	margin-top: 16px
}

.order-info-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.order-info-item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.order-info-item+.order-info-item {
	padding-left: 40px
}

.order-info-item+.order-info-item::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
	width: 1px;
	height: 12px;
	background-color: var(--color-gray-40)
}

.order-info-item.is-active .order-info-item-count {
	color: #222
}

.order-info-item-title {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 20px
}

.order-info-item-count {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	display: inline-block;
	vertical-align: middle
}

.order-info-item .tooltip-box {
	display: inline-block;
	vertical-align: text-bottom
}

.delivery-no-data .img-no-data-grid {
	height: auto;
	margin-top: 80px
}

.delivery-no-data .img-no-data-grid p {
	text-align: center
}

.delivery-no-data .img-no-data-grid p:last-of-type {
	font-size: 14px;
	color: #777
}

.delivery-no-data .img-no-data-grid .btn-secondary {
	margin-top: 24px;
	color: #222
}

.delivery-list-wrap {
	position: relative
}

.delivery-list-wrap .delivery-list .bg-rbox {
	position: relative
}

.delivery-list-wrap .delivery-list .btn-area {
	position: absolute;
	right: 20px;
	bottom: 20px
}

.delivery-list {
	margin-top: 24px
}

.delivery-list>li:not(:first-of-type) {
	margin-top: 1.6rem
}

.delivery-list .bg-rbox {
	padding: 20px
}

.delivery-list .btn-area {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 8px
}

.delivery-list .btn-area [class^=btn-] {
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-moz-box-flex: 0;
	-ms-flex: none;
	flex: none
}

.delivery-list .btn-area [class^=btn-].is-more {
	height: 40px;
	padding: 0 10px
}

.delivery-list .btn-area [class^=btn-].is-more span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	height: 40px;
	line-height: 40px
}

.delivery-list .btn-area [class^=btn-].is-more span::before {
	top: auto;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.delivery-list .btn-area [class^=btn-].is-more.active span::before {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.delivery-list .btn-area button:first-of-type {
	padding: 7px 20px
}

.delivery-list .btn-area button:last-of-type {
	padding: 7px 12px
}

.delivery-list .tit .badge {
	min-width: -webkit-fit-content;
	min-width: -moz-fit-content;
	min-width: fit-content
}

.delivery-list .tit strong {
	color: #222;
	font-size: 18px;
	line-height: 28px;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.delivery-list .delivery-info-box {
	margin-bottom: 12px
}

.delivery-list .delivery-info-box strong {
	font-size: 15px;
	line-height: 22px;
	color: #666;
	font-weight: var(--fw-m)
}

.delivery-list .delivery-info-box p {
	margin-top: 4px;
	font-size: 16px;
	line-height: 24px;
	color: #222;
	word-break: break-all;
}

.delivery-list .list-table {
	margin-bottom: 12px
}

.delivery-list .list-table li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.delivery-list .list-table li .tit {
	min-width: -webkit-max-content;
	min-width: -moz-max-content;
	min-width: max-content;
	margin-right: 2px
}

.delivery-list .list-table li .tit, .delivery-list .list-table li .text
	{
	font-size: 14px;
	color: #666;
	line-height: 20px;
	font-weight: var(--fw-r);
	word-break: break-all;
}

.delivery-list .list-table li+li {
	margin-top: 4px
}

.delivery-list .badge-wrap {
	gap: 4px
}

.delivery-list .btn-area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.delivery-list .btn-area button {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: 44px;
	height: 44px
}

.defualt-delivery {
	min-width: 113px
}

.defualt-delivery .switch {
	gap: 6px
}

.defualt-delivery .switch-text {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.4px
}

.defualt-delivery-wrap {
	margin-bottom: 32px
}

.defualt-delivery-wrap .defualt-delivery {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	margin-top: 16px
}

.delivery-form+.is-full {
	margin-top: 32px
}

.order-form-wrap {
	margin-bottom: 32px
}

.file-thumb-list-wrap .file-thumb-list {
	margin-top: 8px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 6px
}

.file-thumb-list-wrap .file-thumb-list li {
	padding: 8px;
	min-height: 88px;
	min-width: 88px;
	background-color: #f7f7f7;
	border-radius: 8px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	    flex-direction: column;
}

.file-thumb-list-wrap .file-thumb-list li .file-img-wrap {
	max-width: 72px;
	min-height: 72px;
	max-height: 72px;
}

.file-thumb-list-wrap .file-thumb-list li .file-img-wrap .pdf-preview {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.file-thumb-list-wrap .file-thumb-list li .file-img-wrap img {
	width: 100%;
	height: 100%
}

.file-thumb-list-wrap .file-thumb-list li button {
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	position: absolute;
	top: 8px;
	right: 8px;
	background-color: var(--color-gray-50)
}

.file-thumb-list-wrap .file-thumb-list li button::before,
	.file-thumb-list-wrap .file-thumb-list li button::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.5px;
	height: 8px;
	background-color: var(--color-white);
	border-radius: 1.5px;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

.file-thumb-list-wrap .file-thumb-list li button::before {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.file-thumb-list-wrap .file-thumb-list li button::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	-moz-transform: translate(-50%, -50%) rotate(-45deg);
	-ms-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg)
}

.gray-box-chk {
	background-color: #f7f7f7;
	padding: 20px;
	border-radius: var(--border-radius-8);
	margin-top: 32px
}

.gray-box-chk .chk+label::before, .gray-box-chk .chk+label::after {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.gray-box-chk+.is-error {
	margin-top: 16px;
	display: block
}

.refund-wrap {
	margin-top: 16px
}

.refund-wrap .refund-btn-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
	margin-bottom: 32px
}

.refund-wrap .refund-btn {
	line-height: 24px;
	font-weight: 400;
	font-size: 16px;
	padding-right: 10px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='6' height='10' viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.612 9.98901C0.768 9.98901 0.924 9.93346 1.032 9.82234L5.82 5.38901C6.06 5.16679 6.06 4.82234 5.82 4.60012L1.032 0.166789C0.792 -0.0554335 0.42 -0.0554335 0.18 0.166789C-0.06 0.389011 -0.06 0.733455 0.18 0.955678L4.548 5.00012L0.18 9.04457C-0.06 9.26679 -0.06 9.61123 0.18 9.83346C0.3 9.94457 0.456 10.0001 0.6 10.0001V9.98901H0.612Z' fill='%23666666'/%3E%3C/svg%3E%0A");
	background-size: 6px 10px;
	background-repeat: no-repeat;
	background-position: center right
}

.refund-wrap .gray-box {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.refund-wrap .gray-box strong {
	font-size: 18px;
	line-height: 20px;
	color: #222
}

.refund-wrap .gray-box em {
	font-size: 18px;
	line-height: 20px;
	color: var(--color-red-20);
	font-weight: 800
}

.noti-messege {
	display: inline-block;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.161 8.21455L10.4895 7.33091C10.0711 6.79636 9.86193 6.09818 9.86193 5.20364V4.78909C9.86193 2.90182 8.44175 1.33091 6.54817 1.08V0.523636C6.54817 0.24 6.30597 0 5.99771 0C5.68945 0 5.44725 0.229091 5.44725 0.523636V1.09091C4.06009 1.28727 2.8711 2.16 2.3867 3.45818C2.16651 4.00364 2.1445 4.62545 2.16651 5.19273C2.16651 6.08727 1.95734 6.78545 1.53899 7.33091L0.834404 8.25818C0.438073 8.77091 0.394037 9.44727 0.702294 10.0145C0.999542 10.56 1.59404 10.9091 2.23257 10.9091H4.10413C4.48945 11.5636 5.18303 12 5.99771 12C6.81239 12 7.51698 11.5636 7.89129 10.9091H9.72982C10.3904 10.9091 10.9849 10.56 11.2931 10.0036C11.6124 9.42546 11.5573 8.73818 11.161 8.21455Z' fill='%23e30613'/%3E%3C/svg%3E%0A");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 18px;
	line-height: 24px;
	font-size: 16px;
	font-weight: var(--fw-m)
}

.noti-messege .noti-quantity {
	color: var(--color-red-20)
}

.noti-box-top {
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #eee
}

.noti-box-top strong {
	color: #222;
	font-size: 15px;
	line-height: 22px
}

.noti-box-top span {
	position: relative;
	color: #777;
	font-size: 14px;
	line-height: 20px;
	padding-left: 14px
}

.noti-box-top span::after {
	content: "";
	display: block;
	width: 2px;
	height: 2px;
	background-color: #bbb;
	border-radius: 50%;
	position: absolute;
	left: 6px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.coupon-wrap {
	position: relative;
	margin-top: 24px
}

.coupon-messege {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 4C11 3.56 11.28 3.19 11.67 3.06C11.87 2.99 12 2.81 12 2.59V1.5C12 0.67 11.33 0 10.5 0H1.5C0.67 0 0 0.67 0 1.5V2.59C0 2.8 0.14 2.98 0.33 3.06C0.72 3.2 1 3.57 1 4C1 4.43 0.72 4.81 0.33 4.94C0.13 5.01 0 5.19 0 5.41V6.5C0 7.33 0.67 8 1.5 8H10.5C11.33 8 12 7.33 12 6.5V5.41C12 5.2 11.86 5.02 11.67 4.94C11.28 4.8 11 4.43 11 4Z' fill='%23E30613'/%3E%3C/svg%3E%0A");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 32px
}

.coupon-messege .coupon-quantity {
	color: var(--color-red-20)
}

.coupon-messege+.coupon-list {
	margin-top: 1.2rem
}

.coupon-list.expiration {
	padding-top: 4.4rem
}

.coupon-list ~.exc-list {
	margin-top: 16px
}

.coupon-list-wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px 20px
}

.coupon-default {
	background-color: var(--color-white);
	width: 100%;
	text-align: left;
	min-height: 12.6rem;
	overflow: hidden;
	position: relative
}

.coupon-default:before, .coupon-default:after {
	content: "";
	width: 16px;
	height: 16px;
	border: 1px solid var(--color-gray-40);
	background-color: var(--color-white);
	position: absolute;
	right: 80px;
	border-radius: 100%;
	z-index: 1
}

.coupon-default:before {
	top: -8px
}

.coupon-default:after {
	bottom: -8px
}

.coupon-default .date span {
	font-size: 1.1rem;
	line-height: 1.6rem;
	color: var(--color-gray-60);
	display: inline-block;
	vertical-align: top
}

.coupon-default .date+.title {
	margin-top: .4rem
}

.coupon-default .title strong, .coupon-default .title span,
	.coupon-default .terms-of-use strong, .coupon-default .terms-of-use span,
	.coupon-default .validity-period strong, .coupon-default .validity-period span
	{
	font-size: 14px;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
	line-height: 20px
}

.coupon-default .title+.price {
	margin-top: 4px
}

.coupon-default .price strong {
	font-size: 28px;
	line-height: 36px;
	display: inline-block;
	vertical-align: top;
	font-weight: var(--fw-b);
	color: #222
}

.coupon-default .price+.terms-of-use {
	margin-top: 12px
}

.coupon-default .terms-of-use span {
	color: #222
}

.coupon-default .terms-of-use+.validity-period {
	margin-top: 2px
}

.coupon-default .validity-period span {
	color: #777;
	font-weight: var(--fw-r)
}

.coupon-default .coupon-state {
	position: absolute;
	right: 16px;
	bottom: 16px
}

.coupon-default .coupon-state-inner {
	padding: 5px 6px;
	border-radius: var(--border-radius-4);
	display: block;
	color: var(--color-white);
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	background-color: #f6626b
}

.coupon-default.is-expiration {
	background-color: var(--color-gray-20);
	border-radius: 10px;
}

.coupon-default.is-expiration .title span, .coupon-default.is-expiration .title strong,
	.coupon-default.is-expiration .price span, .coupon-default.is-expiration .price strong,
	.coupon-default.is-expiration .terms-of-use span, .coupon-default.is-expiration .terms-of-use strong,
	.coupon-default.is-expiration .validity-period span, .coupon-default.is-expiration .validity-period strong
	{
	color: var(--color-gray-70)
}

.coupon-default.is-expiration .coupon-state-inner {
	border-color: var(--color-gray-70);
	color: var(--color-white);
	background-color: var(--color-gray-70)
}

.coupon-default.staff {
	border-color: var(--color-green-30);
	background-color: rgba(0, 152, 145, .05)
}

.coupon-default.staff .coupon-barcode {
	width: 11.3rem;
	position: absolute;
	top: 50%;
	right: -1.6rem;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	-moz-transform: translateY(-50%) rotate(-90deg);
	-ms-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg)
}

.coupon-default.staff .coupon-barcode img {
	width: 100%
}

.coupon-inner {
	padding: 1.6rem;
	position: relative;
	border: 1px solid var(--color-gray-40);
	border-radius: 12px
}

.coupon-inner:before {
	content: "";
	width: 1px;
	height: 104px;
	border-left: 1px dashed var(--color-gray-40);
	position: absolute;
	right: 87px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.coupon-list.members .coupon-inner {
	background-color:rgb(255,99,38);
	color:#fff;
	overflow:hidden;
}

.coupon-list.members .coupon-default .price + .terms-of-use {color:#fff;}
.coupon-list.members .coupon-default .terms-of-use span {color:#fff}
.coupon-list.members .coupon-default .price strong {color:#fff;}

.coupon-info {
	width: 76%
}

.coupon-list-change {
	font-size: 1.3rem;
	padding: .8rem 1.2rem;
	border: 1px solid var(--color-gray-40);
	border-radius: .8rem;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 32px;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: var(--color-white)
}

.coupon-download {
	width: 20px;
	height: 20px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 12C19.2348 12 18.9804 12.1054 18.7929 12.2929C18.6054 12.4804 18.5 12.7348 18.5 13V17C18.5 17.2652 18.3946 17.5196 18.2071 17.7071C18.0196 17.8946 17.7652 18 17.5 18H3.5C3.23478 18 2.98043 17.8946 2.79289 17.7071C2.60536 17.5196 2.5 17.2652 2.5 17V13C2.5 12.7348 2.39464 12.4804 2.20711 12.2929C2.01957 12.1054 1.76522 12 1.5 12C1.23478 12 0.98043 12.1054 0.792893 12.2929C0.605357 12.4804 0.5 12.7348 0.5 13V17C0.5 17.7956 0.816071 18.5587 1.37868 19.1213C1.94129 19.6839 2.70435 20 3.5 20H17.5C18.2956 20 19.0587 19.6839 19.6213 19.1213C20.1839 18.5587 20.5 17.7956 20.5 17V13C20.5 12.7348 20.3946 12.4804 20.2071 12.2929C20.0196 12.1054 19.7652 12 19.5 12ZM9.79 13.71C9.8851 13.801 9.99725 13.8724 10.12 13.92C10.2397 13.9729 10.3691 14.0002 10.5 14.0002C10.6309 14.0002 10.7603 13.9729 10.88 13.92C11.0028 13.8724 11.1149 13.801 11.21 13.71L15.21 9.71C15.3983 9.5217 15.5041 9.2663 15.5041 9C15.5041 8.7337 15.3983 8.4783 15.21 8.29C15.0217 8.1017 14.7663 7.99591 14.5 7.99591C14.2337 7.99591 13.9783 8.1017 13.79 8.29L11.5 10.59V1C11.5 0.734784 11.3946 0.48043 11.2071 0.292893C11.0196 0.105357 10.7652 0 10.5 0C10.2348 0 9.98043 0.105357 9.79289 0.292893C9.60536 0.48043 9.5 0.734784 9.5 1V10.59L7.21 8.29C7.11676 8.19676 7.00607 8.1228 6.88425 8.07234C6.76243 8.02188 6.63186 7.99591 6.5 7.99591C6.36814 7.99591 6.23757 8.02188 6.11575 8.07234C5.99393 8.1228 5.88324 8.19676 5.79 8.29C5.69676 8.38324 5.6228 8.49393 5.57234 8.61575C5.52188 8.73757 5.49591 8.86814 5.49591 9C5.49591 9.13186 5.52188 9.26243 5.57234 9.38425C5.6228 9.50607 5.69676 9.61676 5.79 9.71L9.79 13.71Z' fill='black'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 33px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.coupon-download .blind {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden
}

.coupon-list.members .coupon-download {
	position: absolute;
	top:0;
	right:0;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	width:87px;
	height:100%;
	overflow:hidden;
	background-image:none;
	background-color:#fff;
}
.coupon-list.members .coupon-download > div {
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.coupon-list.members .coupon-download > div img {
	max-width:none;
	width:auto;
	height:90%;
}
.coupon-list.members .coupon-download > div .icon {
	position:absolute;
	bottom:0.5rem;
	right:0.5rem;
	width:12px;
}
.coupon-list.members .coupon-download > div .icon img {
	width:100%;
	height:auto;
}

.coupon-popup .modal-popup-wrap {
	max-height: 330px
}

.coupon-popup .coupon-title {
	font-size: 1.3rem;
	line-height: 2rem;
	font-weight: var(--fw-b);
	color: var(--color-gray-80);
	text-align: center
}

.coupon-popup .coupon-barcode {
	margin-top: 1.2rem
}

.gray-box .search-form-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 12px;
	width: 100%
}

.gray-box .search-form-wrap .rdo-list {
	width: auto
}

.gray-box+.order-goods-grid {
	margin-top: 40px
}

.search-form-wrap .rdo-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	width: 100%;
	height: 48px
}

.search-form-wrap .rdo-list .rdo+label::before {
	border-top: 1px solid var(--color-gray-40);
	border-bottom: 1px solid var(--color-gray-40);
	border-left: 0;
	border-right: 0
}

.search-form-wrap .rdo-list li:first-of-type .rdo+label::before {
	border-left: 1px solid var(--color-gray-40);
	border-radius: 8px 0 0 8px
}

.search-form-wrap .rdo-list li:last-of-type .rdo+label::before {
	border-right: 1px solid var(--color-gray-40);
	border-radius: 0 8px 8px 0
}

.search-form-wrap .rdo-list .rdo-box.type-btn {
	width: 100%;
	min-width: 68px
}

.search-form-wrap .form-item-line {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.search-form-wrap .form-item-line .space {
	margin: 0 6px
}

.search-form-wrap .form-item-line .input-field {
	max-width: 160px;
	background-color: var(--color-white);
	border-radius: var(--border-radius-8)
}

.search-form-wrap .form-item-line .input-field::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 50%;
	width: 16px;
	height: 16px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3729_42118)'%3E%3Cpath d='M13.5 16H2.5C1.12 16 0 14.88 0 13.5V4.5C0 3.12 1.12 2 2.5 2C2.78 2 3 2.22 3 2.5C3 2.78 2.78 3 2.5 3C1.67 3 1 3.67 1 4.5V13.5C1 14.33 1.67 15 2.5 15H13.5C14.33 15 15 14.33 15 13.5V4.5C15 3.67 14.33 3 13.5 3C13.22 3 13 2.78 13 2.5C13 2.22 13.22 2 13.5 2C14.88 2 16 3.12 16 4.5V13.5C16 14.88 14.88 16 13.5 16Z' fill='%23666666'/%3E%3Cpath d='M4.5 4C4.22 4 4 3.78 4 3.5V0.5C4 0.22 4.22 0 4.5 0C4.78 0 5 0.22 5 0.5V3.5C5 3.78 4.78 4 4.5 4Z' fill='%23666666'/%3E%3Cpath d='M11.5 4C11.22 4 11 3.78 11 3.5V0.5C11 0.22 11.22 0 11.5 0C11.78 0 12 0.22 12 0.5V3.5C12 3.78 11.78 4 11.5 4Z' fill='%23666666'/%3E%3Cpath d='M13.5 3H2.5C2.22 3 2 2.78 2 2.5C2 2.22 2.22 2 2.5 2H13.5C13.78 2 14 2.22 14 2.5C14 2.78 13.78 3 13.5 3Z' fill='%23666666'/%3E%3Cpath d='M12.5833 7H3.41667C3.18333 7 3 6.78 3 6.5C3 6.22 3.18333 6 3.41667 6H12.5833C12.8167 6 13 6.22 13 6.5C13 6.78 12.8167 7 12.5833 7Z' fill='%23666666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3729_42118'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center center;
	pointer-events: none
}

.search-form-wrap .form-item-line .input-field .form-input {
	height: 48px;
	padding: 0 48px 0 12px
}

.search-form-wrap .form-item-line .input-field .form-input:-moz-read-only
	{
	background-color: #fff;
	border-color: var(--color-gray-40)
}

.search-form-wrap .form-item-line .input-field .form-input:read-only {
	background-color: #fff;
	border-color: var(--color-gray-40)
}

.search-form-wrap .form-item-line .btn-area {
	margin-left: 16px
}

.user-info-area {
	margin-bottom: 32px
}

.user-info-area .agree-check {
	margin-bottom: 32px
}

.user-info-area .agree-check-all {
	border-radius: 8px
}

.user-info-area .agree-check-all .agree-title {
	font-size: 16px;
	line-height: 24px
}

.user-info-area .agree-check .title-type2 {
	margin-bottom: 24px;
	margin-top: 40px
}

.user-info-area .agree-check-list {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid var(--color-gray-30)
}

.user-info-area .agree-check-list-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 16px
}

.user-info-area .agree-check-list-item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-top: 0
}

.user-info-area .agree-check-list-item .agree-check-box .agree-title {
	font-weight: var(--fw-m);
	font-size: 16px;
	line-height: 24px
}

.user-info-area .exc-list {
	margin-bottom: 32px
}

.withdrawal-btn-wrap {
	margin-bottom: 32px;
	text-align: center
}

.withdrawal-btn-wrap a {
	color: #555;
	text-decoration: underline;
	font-size: 14px;
	line-height: 20px
}

.withdrawal-btn-wrap+.bottom-grid {
	margin-top: 20px
}

.my-setting-item+.my-setting-item {
	margin-top: 8px
}

.my-setting-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	height: 56px;
	padding-top: 16px;
	padding-right: 12px;
	padding-bottom: 16px;
	padding-left: 12px;
	background-color: #f7f7f7;
	border: 1px solid var(--color-gray-30);
	border-radius: var(--border-radius-8)
}

.my-setting-txt {
	line-height: 22px;
	color: #222;
	font-size: 15px
}

.my-setting-txt em {
	line-height: 18px;
	font-size: 13px
}

.result-img-area .result-img-del {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 32px;
	height: 32px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2237_46521)'%3E%3Cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%23CCCCCC'/%3E%3Cpath d='M9.05486 8L10.7756 6.28358C11.0748 5.98507 11.0748 5.52239 10.7756 5.22388C10.4763 4.92537 10.0125 4.92537 9.71322 5.22388L7.99252 6.9403L6.27182 5.23881C5.98753 4.9403 5.50873 4.9403 5.22444 5.23881C4.94015 5.53731 4.92519 6 5.22444 6.28358L6.94514 8L5.22444 9.71642C4.92519 10.0149 4.92519 10.4776 5.22444 10.7761C5.37406 10.9254 5.56858 11 5.74813 11C5.92768 11 6.13716 10.9254 6.27182 10.7761L7.99252 9.0597L9.71322 10.7761C9.86284 10.9254 10.0574 11 10.2369 11C10.4165 11 10.6259 10.9254 10.7606 10.7761C11.0599 10.4776 11.0599 10.0149 10.7606 9.71642L9.0399 8H9.05486Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2237_46521'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-size: 16px auto;
	background-repeat: no-repeat;
	background-position: center
}

.result-img-area .result-img {
	max-width: 50%;
	min-width: 50%
}

.page .title-type3+.cart-order-price-wrap {
	margin-top: 12px
}

.cart-wrap>.align-space {
	-webkit-box-align: normal;
	-webkit-align-items: normal;
	-moz-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal;
	display: grid;
	grid-template-columns: 1fr minmax(221px, 261px)
}

.cart-wrap>.align-space .title-type3 {
	font-weight: var(--fw-sb)
}

.cart-wrap>.align-space>.align-space-left {
	padding-right: 40px
}

.cart-wrap>.align-space>.align-space-right {
	padding-left: 40px;
	border-left: 1px solid #eee
}

.cart-wrap>.align-space>.align-space-right .btn-area {
	padding-top: 30px;
	display:flex;
	flex-direction:column;
	gap:10px;
}

.cart-goods-grid .list-checked-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 16px;
	border-bottom: .1rem solid var(--color-gray-30)
}

.cart-goods-grid .list-checked-wrap .btn-secondary {
	line-height: 32px;
	padding: 0 12px
}

.cart-goods-grid .list-checked-wrap .btn-secondary>span {
	color: #222;
	line-height: 32px;
	font-size: 13px;
	font-weight: var(--fw-r)
}

.cart-goods-grid .list-checked-wrap .btn-secondary .count {
	margin-left: .4rem;
	font-weight: var(--fw-sb);
	color: var(--color-red-20)
}

.cart-goods-list-wrap .cart-goods-list-item:last-of-type {
	border-bottom: none
}

.cart-goods-list-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding: 16px 0;
	border-bottom: .1rem solid var(--color-gray-30)
}

.cart-goods-cont-box {
	position: relative;
	width: 100%;
}

.cart-goods-item-detail {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px
}

.cart-goods-img-box {
	width: 124px;
	height: 124px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 12px;
	background-color: #f7f7f7;
	border-radius: 8px;
	position:relative;
	overflow:hidden;
}

.cart-goods-info-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 13px;
	width: calc(100% - 125px);
}
.cart-goods-info-box .cart-goods-info-box-left {
	
	width:calc(100% - 70px);
}
.cart-goods-info-box .goods-title {
	margin-top: 0
}

.cart-goods-info-box .buttons-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	gap: 4px
}

.cart-goods-info-box .buttons-wrap .fix-btn {
	width: 32px;
	height: 32px;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9955 4.96943C14.0237 4.65911 13.9202 4.35819 13.6944 4.14191L9.85545 0.305189C9.63904 0.0889037 9.33795 -0.0239411 9.02745 0.00427006C8.71695 0.0324812 8.44409 0.192344 8.25591 0.465052L6.85395 2.68433C4.98154 2.31759 3.15618 2.83479 1.90477 4.08549C1.71659 4.27356 1.71659 4.56507 1.90477 4.75315L5.245 8.09147L0.141136 13.1913C-0.0470455 13.3794 -0.0470455 13.6709 0.141136 13.8589C0.235227 13.953 0.357546 14 0.470455 14C0.583364 14 0.715091 13.953 0.799773 13.8589L5.90364 8.75913L9.24386 12.0975C9.33795 12.1915 9.46027 12.2385 9.57318 12.2385C9.68609 12.2385 9.81782 12.1915 9.9025 12.0975C11.1539 10.8468 11.662 9.02244 11.3045 7.1511L13.5438 5.74054C13.7979 5.56187 13.9672 5.28916 13.9955 4.97884V4.96943ZM13.0263 4.94122L10.5235 6.52105C10.3541 6.63389 10.2695 6.83137 10.3165 7.02885C10.6929 8.52404 10.4012 9.99102 9.55436 11.0724L2.92095 4.44283C3.99359 3.59649 5.47082 3.30498 6.96686 3.68112C7.16445 3.72814 7.37145 3.64351 7.47495 3.47424L9.05568 0.972853C9.05568 0.972853 9.10273 0.88822 9.19682 0.972853L13.0357 4.80957C13.111 4.8848 13.0357 4.95063 13.0357 4.95063L13.0263 4.94122Z' fill='%23666666'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center
}

.cart-goods-info-box .buttons-wrap .fix-btn.active {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.9955 4.96943C14.0237 4.65911 13.9202 4.35819 13.6944 4.14191L9.85545 0.305189C9.63904 0.0889037 9.33795 -0.0239411 9.02745 0.00427006C8.71695 0.0324812 8.44409 0.192344 8.25591 0.465052L6.85395 2.68433C4.98154 2.31759 3.15618 2.83479 1.90477 4.08549C1.71659 4.27356 1.71659 4.56507 1.90477 4.75315L5.245 8.09147L0.141136 13.1913C-0.0470455 13.3794 -0.0470455 13.6709 0.141136 13.8589C0.235227 13.953 0.357546 14 0.470455 14C0.583364 14 0.715091 13.953 0.799773 13.8589L5.90364 8.75913L9.24386 12.0975C9.33795 12.1915 9.46027 12.2385 9.57318 12.2385C9.68609 12.2385 9.81782 12.1915 9.9025 12.0975C11.1539 10.8468 11.662 9.02244 11.3045 7.1511L13.5438 5.74054C13.7979 5.56187 13.9672 5.28916 13.9955 4.97884V4.96943Z' fill='%23E30613'/%3E%3C/svg%3E")
}

.cart-goods-info-box .buttons-wrap .del-btn {
	width: 32px;
	height: 32px;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.71 6.00009L11.85 0.858661C12.05 0.658993 12.05 0.349509 11.85 0.149842C11.65 -0.0498252 11.34 -0.0498252 11.14 0.149842L5.99 5.29127L0.85 0.159825C0.66 -0.0398419 0.34 -0.0398419 0.15 0.159825C-0.04 0.359493 -0.05 0.668977 0.15 0.858661L5.3 6.00009L0.15 11.1415C-0.05 11.3412 -0.05 11.6507 0.15 11.8503C0.25 11.9502 0.38 12.0001 0.5 12.0001C0.62 12.0001 0.76 11.9502 0.85 11.8503L6 6.70891L11.15 11.8503C11.25 11.9502 11.38 12.0001 11.5 12.0001C11.62 12.0001 11.76 11.9502 11.85 11.8503C12.05 11.6507 12.05 11.3412 11.85 11.1415L6.7 6.00009H6.71Z' fill='%23222'/%3E%3C/svg%3E")
		no-repeat center center
}

.cart-goods-total-price-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 12px;
	padding: 8px 16px;
	background-color: var(--color-gray-20);
	border-radius: var(--border-radius-8)
}

.cart-goods-total-price-box .spin-container {
	background: rgba(0, 0, 0, 0);
	border: none;
	padding: 0
}

.cart-goods-total-price-box .spin-container .spin-btn {
	width: 32px;
	height: 32px;
	border-radius: var(--border-radius-4)
}

.cart-goods-total-price-box .spin-container .spin-btn:focus,
.cart-goods-total-price-box .spin-container .spin-btn:active {
	outline:none;
}
.cart-goods-total-price-box .spin-container input {
	width: 50px;
	height: 32px;
	padding: 0;
	border: 0;
	font-size: 16px
}

.cart-goods-total-price-box .current-price {
	color: #222;
	font-size: 16px
}

.cart-goods-total-price-box .current-price em {
	font-weight: var(--fw-b)
}

.tooltip.type-red {
	right: 0;
	min-width: 194px;
	padding-right: 0;
	color: #fff;
	background-color: rgba(227, 6, 19, .8);
	-webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .16);
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .16)
}

.tooltip.type-red::after {
	bottom: -10px;
	border-bottom-color: rgba(227, 6, 19, .8)
}



.tooltip.type-red.pos-top-right {
	bottom: 76px
}

.tooltip.type-red.active {
	display: block
}

.tooltip-content {
	padding: 12px;
	line-height: 16px;
	font-weight: var(--fw-r);
	font-size: 12px
}

.cart-order-price-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-flow: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	gap: 8px
}

.cart-order-price-wrap .price-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-flow: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	gap: 8px;
	padding: 16px;
	background-color: var(--color-gray-10);
	border-radius: var(--border-radius-12)
}

.cart-order-price-wrap .price-box dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 8px
}

.cart-order-price-wrap .price-box dl dt {
	line-height: 22px;
	color: #555;
	font-size: 14px
}

.cart-order-price-wrap .price-box dl dd {
	line-height: 20px;
	color: var(--color-base);
	font-weight: var(--fw-b);
	font-size: 16px
}

.cart-order-price-wrap .price-box dl dd .unit {
	font-weight: var(--fw-m);
	line-height: 24px
}

.cart-order-price-wrap .price-box dl dd strong {
	color: #222;
	font-weight: var(--fw-sb)
}

.cart-order-price-wrap .price-box dl.sale dt {
	color: var(--color-red-20)
}

.cart-order-price-wrap .price-box dl.sale dd {
	color: var(--color-red-20)
}

.cart-order-price-wrap .price-box dl.final {
	font-size: 16px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.cart-order-price-wrap .price-box dl.final dt {
	line-height: 24px;
	font-weight: var(--fw-sb);
	color: #222;
	font-size: 16px
}

.cart-order-price-wrap .price-box dl.final dd {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	line-height: 24px;
	font-size: 18px;
	font-weight: var(--fw-b);
	color: var(--color-red-20)
}

.cart-order-price-wrap .discount-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-flow: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	gap: 1.2rem;
	padding: 1.2rem 0;
	border-top: .1rem solid var(--color-gray-30);
	border-bottom: .1rem solid var(--color-gray-30)
}

.cart-order-price-wrap .discount-box dl dd {
	font-size: 14px;
	font-weight: var(--fw-r)
}

.cart-order-price-wrap .discount-box dl.total dt {
	line-height: 22px;
	color: var(--color-red-20);
	font-size: 14px
}

.cart-order-price-wrap .discount-box dl.total dd {
	line-height: 24px;
	color: var(--color-red-20);
	font-size: 16px;
	font-weight: var(--fw-b)
}

.btn-area.cart-add {
	position: relative
}

.btn-area.cart-add .tooltip-content {
	-webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, .16);
	box-shadow: 0px 2px 16px rgba(0, 0, 0, .16);
	text-align: center
}

.btn-area.cart-add .tooltip.pos-top-right::after {
	right: 50%;
	left: 50%;
	-webkit-transform: rotate(180deg) translateX(50%);
	-moz-transform: rotate(180deg) translateX(50%);
	-ms-transform: rotate(180deg) translateX(50%);
	transform: rotate(180deg) translateX(50%)
}

.btn-area.cart-add .info-txt {
	padding-top: 32px;
	text-align: center;
	font-size: 14px;
	font-weight: var(--fw-r);
	line-height: 20px;
	margin-bottom: 16px
}

.payment-wrap>.align-space {
	-webkit-box-align: normal;
	-webkit-align-items: normal;
	-moz-box-align: normal;
	-ms-flex-align: normal;
	align-items: normal;
	display: grid;
	grid-template-columns: 1fr minmax(221px, 261px)
}

.payment-wrap>.align-space .title-type3 {
	font-weight: var(--fw-sb)
}

.payment-wrap>.align-space>.align-space-left {
	padding-right: 40px
}

.payment-wrap>.align-space>.align-space-right {
	padding-left: 40px;
	border-left: 1px solid #eee
}

.payment-wrap .list-box .title-type3 {
	margin-bottom: 20px
}

.payment-wrap .list-box+.list-box {
	margin-top: 32px
}

.payment-wrap .title-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 1.2rem;
	border-bottom: .1rem solid var(--color-gray-40)
}

.payment-wrap .title-box.space-between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.payment-wrap .payment-form-box {
	margin-top: 16px
}

.payment-wrap .payment-form-box .form-item+.form-item {
	margin-top: 16px
}

.payment-wrap .payment-form-box .btn-area {
	margin-top: 8px
}

.payment-wrap .payment-form-box.is-row .form-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 16px
}

.payment-wrap .payment-form-box.is-row .form-item {
	margin-top: 0;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.payment-wrap .payment-form-box.is-row .btn-area {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.payment-wrap .exc-list {
	margin-top: 12px
}

.payment-wrap .gray-box.delivery-time-info {
	padding: 20px;
	margin-top: 20px
}

.payment-wrap .delivery-time-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-flow: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 8px;
	line-height: 22px;
	color: #555;
	font-size: 14px;
	width: 100%
}

.payment-wrap .delivery-time-info-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 4px
}

.payment-wrap .delivery-time-info+.exc-list-wrap {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--color-gray-30)
}

.payment-wrap .order-wrap .show-order {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: .4rem
}

.payment-wrap .order-wrap .show-order::after {
	content: "";
	display: block;
	width: 2rem;
	height: 2rem;
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='19.5' y='0.5' width='19' height='19' rx='9.5' transform='rotate(90 19.5 0.5)' fill='white'/%3E%3Crect x='19.5' y='0.5' width='19' height='19' rx='9.5' transform='rotate(90 19.5 0.5)' stroke='%23DDDDDD'/%3E%3Cpath d='M7 8.5L10 11.5L13 8.5' stroke='%23222222' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: contain
}

.payment-wrap .order-wrap .show-order .txt {
	line-height: normal
}

.payment-wrap .order-wrap .order-cont {
	text-align: center
}

.payment-wrap .order-wrap .order-cont .total-txt {
	padding: 24px;
	line-height: 22px;
	font-size: 15px
}

.payment-wrap .order-wrap .order-cont .order-goods-list-wrap {
	display: none
}

.payment-wrap .order-wrap .order-cont .no-linked .order-goods-info-box-link
	{
	pointer-events: none;
	cursor: default
}

.payment-wrap .order-wrap .order-cont .no-linked .order-goods-info-box-link:focus-visible
	{
	outline: none
}

.payment-wrap .order-wrap.show-list .show-order::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.payment-wrap .order-wrap.show-list .order-cont .total-txt {
	display: none
}

.payment-wrap .order-wrap.show-list .order-cont .order-goods-list-wrap {
	display: block
}

.payment-wrap .request-box {
	margin-top: 12px
}

.payment-wrap .time-table {
	margin-top: 12px;
	border-top: 1px solid var(--color-gray-40)
}

.payment-wrap .time-table table {
	border-bottom-color: var(--color-gray-40)
}

.payment-wrap .time-table table thead th {
	font-size: 16px;
	padding: 12px 16px;
	background-color: var(--color-gray-10);
	border-bottom: .1rem solid var(--color-gray-40);
	color: #222;
	font-weight: var(--fw-r)
}

.payment-wrap .time-table table thead th>span {
	display: block;
	text-align: center;
	font-size: 16px
}

.payment-wrap .time-table table thead .first-th {
	text-align: left
}

.payment-wrap .time-table table tbody th {
	padding: 12px 16px;
	text-align: left;
	color: #555;
	font-size: 16px;
	font-weight: var(--fw-r)
}

.payment-wrap .time-table table tbody th border {
	top: 0;
	bottom: 1px solid var(--color-gray-30)
}

.payment-wrap .time-table table tbody tr:last-child td {
	border-bottom-color: var(--color-gray-40)
}

.payment-wrap .time-table table tbody td {
	position: relative;
	padding: 0;
	border-top: 0;
	border-bottom: .1rem solid var(--color-gray-30)
}

.payment-wrap .time-table .st-txt {
	line-height: normal;
	display:flex;
	align-items:center;
}

.payment-wrap .time-table .hour {
	margin-top: 4px
}

.payment-wrap .time-table .time-btn {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-white);
	color: var(--color-gray-70);
	font-size: 1.4rem
}

.payment-wrap .time-table .time-btn:disabled {
	background-color: var(--color-gray-30);
	pointer-events: none
}

.payment-wrap .time-table .time-btn.active {
	background-color: var(--color-red-20);
	color: var(--color-white);
	font-weight: var(--fw-b)
}

.payment-wrap .design-select-box {
	margin-top: 12px
}

.payment-wrap .design-select-box .point-color1 {
	font-weight: var(--fw-sb)
}

.payment-wrap .design-select-box .select-option-item.is-selected {
	background-color: #f4f4f4
}

.payment-wrap .design-select-box .select-option-title {
	padding-top: 8px;
	padding-bottom: 8px
}

.payment-wrap .design-select-box .select-option-title>span {
	line-height: 22px;
	font-size: 15px
}

.payment-wrap .design-select-box .select-option-title>p {
	margin-top: 2px;
	line-height: 18px;
	font-size: 13px;
	font-weight: var(--fw-r)
}

.payment-wrap .design-select-box .select-option-title:disabled {
	background-color: var(--color-gray-20)
}

.payment-wrap .design-select-box .select-option-title:disabled>span,
	.payment-wrap .design-select-box .select-option-title:disabled>p {
	color: var(--color-gray-70)
}

.payment-wrap .design-select-box .select-option-title:disabled .point-color1
	{
	color: var(--color-gray-70) !important
}

.payment-wrap .coupon-app-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 8px;
	margin-top: 8px;
	padding: 16px 12px;
	background-color: #f7f7f7;
	border-radius: 8px
}

.payment-wrap .coupon-app-info-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	width: 75%
}

.payment-wrap .coupon-app-info-box .badge-item {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.payment-wrap .coupon-app-info-box .title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 22px;
	color: #222;
	font-size: 15px
}

.payment-wrap .coupon-app-info-price {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	line-height: 22px;
	color: var(--color-red-20);
	font-size: 15px;
	font-weight: var(--fw-sb)
}

.payment-wrap .payment-method {
	margin-top: 12px;
	padding-top: 16px;
	border-top: 1px solid var(--color-gray-40)
}

.payment-wrap .payment-form-box {
	margin-top: 24px
}

.payment-wrap .payment-form-box .order-terms-wrap {
	margin-top: 24px
}

.payment-wrap .payment-form-box .order-terms-wrap .input-form-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee
}

.payment-wrap .payment-form-box .order-terms-wrap .input-form-box .chk-all span
	{
	color: #222;
	font-size: 16px;
	font-weight: var(--fw-m)
}

.payment-wrap .payment-form-box .order-terms-wrap .order-terms {
	padding-top: 16px
}

.payment-wrap .payment-form-box .order-terms-wrap .order-terms .terms-list
	{
	margin-top: 0;
	padding: 0
}

.payment-wrap .payment-form-box .order-terms-wrap .chk-box label {
	line-height: 24px
}

.payment-wrap .payment-form-box .order-terms-wrap .chk-box label span {
	font-size: 14px;
	font-weight: var(--fw-r);
	color: #555
}

.payment-wrap .payment-form-box .order-terms-wrap.open .order-terms-btn
	{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.payment-wrap>.btn-area {
	margin-top: 32px
}

.payment-wrap>.btn-area .info-txt {
	text-align: center;
	line-height: 18px;
	font-size: 13px
}

.payment-wrap>.btn-area .info-txt+.btn-primary {
	margin-top: 12px
}

.payment-comp {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-flow: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.payment-comp-txt {
	margin-top: 16px;
	line-height: 24px;
	color: #555;
	font-size: 16px;
	font-weight: var(--fw-r)
}

.payment-comp-order-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-top: 16px;
	padding: 12px 16px;
	background-color: #f7f7f7;
	border-radius: 8px
}

.payment-comp-order-box>dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.payment-comp-order-box>dl dt {
	line-height: 18px;
	color: #777;
	font-size: 14px
}

.payment-comp-order-box>dl dd {
	position: relative;
	margin-left: 8px;
	padding-left: 8px;
	line-height: 22px;
	color: #222;
	font-size: 15px;
	font-weight: var(--fw-sb)
}

.payment-comp-order-box>dl dd::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 1px;
	height: 13px;
	background-color: var(--color-gray-40)
}

.payment-comp+.payment-wrap {
	margin-top: 64px
}

.payment-comp+.payment-wrap .list-box .title-type3 {
	margin-bottom: 12px;
	font-weight: var(--fw-sb)
}

.toggle-container.open .toggle-content {
	display: block
}

.toggle-container.open .toggle-btn span {
	content: "접기"
}

.toggle-container .toggle-btn {
	width: 3.2rem;
	height: 3.22rem;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' %3E%3Cpath d='M22.99 13.5093C22.99 13.6391 22.9401 13.7689 22.8402 13.8588L16.8495 19.8502C16.6498 20.0499 16.3402 20.0499 16.1406 19.8502L10.1498 13.8588C9.95008 13.6591 9.95008 13.3495 10.1498 13.1498C10.3495 12.9501 10.659 12.9501 10.8587 13.1498L16.5 18.7917L22.1413 13.1498C22.341 12.9501 22.6505 12.9501 22.8502 13.1498C22.9501 13.2496 23 13.3795 23 13.4993L22.99 13.5093Z' fill='%23222'/%3E%3C/svg%3E")
}

.toggle-container .toggle-btn.open span {
	content: "접기"
}

.toggle-container .toggle-content {
	display: none
}

.time-table {
	border-top: 1px solid var(--color-gray-40)
}

.time-table table {
	width: 100%;
	border-bottom: .1rem solid var(--color-gray-40)
}

.time-table table th, .time-table table td {
	line-height: 18px;
	vertical-align: middle;
	font-size: 13px;
	text-align: center;
	border-top: .1rem solid var(--color-gray-30)
}

.time-table table thead tr {
	background-color: var(--color-gray-20)
}

.time-table table thead tr th {
	padding: 8px;
	background-color: #f7f7f7;
	border-bottom: .1rem solid var(--color-gray-40);
	color: #222;
	font-weight: var(--fw-r)
}

.time-table table thead tr .day.current {
	color: var(--color-red-20)
}

.time-table table thead tr .date {
	display: block;
	margin-top: 2px;
	text-align: center;
	line-height: 16px;
	color: #777;
	font-size: 12px;
	font-weight: var(--fw-r)
}

.time-table table tbody tr:first-child th, .time-table table tbody tr:first-child td
	{
	border-top: 0
}

.time-table table tbody tr th {
	padding: 6px;
	border-top: 1px solid var(--color-gray-30);
	text-align: center;
	color: var(--color-base);
	font-size: 13px;
	font-weight: var(--fw-r)
}

.time-table table tbody tr td {
	position: relative;
	padding: 6px;
	color: var(--color-base)
}

.time-table table tbody tr .closing {
	background-color: var(--color-gray-20)
}

.time-table table tbody tr .order strong {
	font-weight: var(--fw-sb);
	color: #222
}

.time-table table tbody tr .order em {
	margin-top: .4rem;
	line-height: 16px;
	font-size: 12px;
	color: var(--color-gray-70)
}

.time-table table tbody tr .until strong {
	font-weight: var(--fw-r)
}

.time-table table tbody tr .until em {
	font-weight: var(--fw-sb);
	color: var(--color-red-20)
}

.time-table table tbody tr .state {
	color: #777
}

.time-table table tbody tr .state strong {
	display: block
}

.time-table table tbody tr .state strong {
	display: block
}

.camp-info-warp {
	margin-top: 16px
}

.camp-info-warp .camp-list {
	overflow-y: auto;
	max-height: 270px;
	background-color: var(--color-white);
	border: 1px solid var(--color-gray-40);
	border-radius: var(--border-radius-8)
}

.camp-info-warp .camp-list li .select-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 8px;
	width: 100%;
	height: 54px;
	padding: 16px;
	line-height: 24px;
	color: #222;
	font-size: 16px
}

.camp-info-warp .camp-list li .select-btn.active {
	background-color: #f4f4f4
}

.camp-info-warp .camp-list li .select-btn.active::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	margin-left: auto;
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' %3E%3Cpath d='M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z' fill='%23222'/%3E%3Cpath d='M7.5 10.0002C7.37 10.0002 7.24 9.95023 7.15 9.85023L5.15 7.85023C4.95 7.65023 4.95 7.34023 5.15 7.14023C5.35 6.94023 5.66 6.94023 5.86 7.14023L7.51 8.79023L10.16 6.14023C10.36 5.94023 10.67 5.94023 10.87 6.14023C11.07 6.34023 11.07 6.65023 10.87 6.85023L7.87 9.85023C7.77 9.95023 7.64 10.0002 7.52 10.0002H7.5Z' fill='%23fff'/%3E%3C/svg%3E")
}

.camp-info-warp .camp-list li .select-btn.active .state {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

.camp-info-warp .camp-list li .select-btn .state {
	display: none;
	line-height: 14px;
	color: var(--color-red-20);
	font-size: 11px;
	font-weight: var(--fw-sb)
}

.category-popup {
	top: 90px;
	height: -webkit-calc(100% - 90px);
	height: -moz-calc(100% - 90px);
	height: calc(100% - 90px);
	z-index:11;
}

.category-popup .dimmed {
	top: 90px;
	height: -webkit-calc(100% - 90px);
	height: -moz-calc(100% - 90px);
	height: calc(100% - 90px)
}

.category-wrap {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 100%;
	max-width: 1024px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 100;
	top: 90px;
	height: -webkit-calc(100% - 150px);
	height: -moz-calc(100% - 150px);
	height: calc(100% - 150px);
	max-height: 516px;
	background-color: #fff
}

.category-wrap .in {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin: 0;
	height: 100%
}

.category-wrap .in>div {
	height: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.category-wrap .cate-tab-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 16px;
	border-top: 1px solid #ddd;
	overflow: hidden auto
}

.category-wrap .tabs-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%
}

.category-wrap .tabs-wrap .tabs {
	gap: 0;
	width: 100%
}

.category-wrap .tabs-wrap .tab {
	width: 50%;
	height: 56px;
	font-size: 16px;
	line-height: 19px;
	border-bottom: 1px solid var(--color-gray-30);
	font-weight: var(--fw-r)
}

.category-wrap .tabs-wrap .tab[aria-selected=true] {
	border-width: 2px;
	font-weight: var(--fw-sb)
}

.category-wrap .tab-content {
	display: none
}

.category-wrap .tab-content.active {
	display: block
}

.category-wrap .tit-wrap {
	background: -webkit-gradient(linear, left top, right top, from(#ff582a),
		color-stop(50%, #e30613), to(#f70f70));
	background: -webkit-linear-gradient(left, #ff582a 0%, #e30613 50%, #f70f70 100%);
	background: -moz-linear-gradient(left, #ff582a 0%, #e30613 50%, #f70f70 100%);
	background: linear-gradient(90deg, #ff582a 0%, #e30613 50%, #f70f70 100%);
	padding: 14px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 56px
}

.category-wrap .tit-wrap strong {
	color: var(--color-white);
	font-size: 18px;
	line-height: 28px
}

.category-wrap .category-list {
	border-right: 1px solid #eee;
	height: 100%
}

.category-wrap .category-list .cate-tab-menu {
	width: 154px;
	padding-right: 16px;
	position: fixed;
	overflow: hidden auto;
	height: -webkit-calc(100% - 56px);
	height: -moz-calc(100% - 56px);
	height: calc(100% - 56px);
	top: 56px;
	left: 0
}

.category-wrap .category-list .cate-tab-menu::-webkit-scrollbar {
	display: none
}

.category-wrap .category-list .cate-tab-menu::before, .category-wrap .category-list .cate-tab-menu::after
	{
	display: block;
	width: 100%;
	height: 20px;
	content: "";
	background-color: var(--color-gray-20)
}

.category-wrap .category-list .cate-tab-menu li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 48px;
	background-color: var(--color-gray-20)
}

.category-wrap .category-list .cate-tab-menu li+li {
	padding: 4px 0
}

.category-wrap .category-list .cate-tab-menu li span {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.category-wrap .category-list .cate-tab-menu li span::before {
	display: none;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	margin-right: 6px;
	content: "";
	background-color: var(--color-white);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%
}

.category-wrap .category-list .cate-tab-menu li:first-of-type span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4566_90141)'%3E%3Cpath d='M4.54297 11.4565C5.47564 12.3889 5.96497 13.2815 6.21097 14.0382' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.87542 8.45642C6.15975 6.74109 4.57942 6.52542 3.73242 6.56642' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.4834 4.26804C5.58006 4.14437 4.8124 4.75003 4.3414 5.53037C1.96073 9.47503 0.981396 12.316 0.733063 13.109C0.687431 13.2581 0.664837 13.4132 0.666063 13.569C0.666019 13.8007 0.711605 14.03 0.800218 14.2441C0.888831 14.4581 1.01874 14.6525 1.18251 14.8164C1.34629 14.9802 1.54073 15.1101 1.75473 15.1988C1.96873 15.2874 2.19809 15.333 2.42973 15.333H2.49073C2.6074 15.333 2.72373 15.3224 2.8374 15.2977C4.40273 14.9554 6.8084 13.9227 10.4741 11.663C11.2497 11.1847 11.8551 10.419 11.7314 9.51604C11.6101 8.6327 11.1694 7.41604 9.87606 6.12337C8.58273 4.83004 7.36673 4.38904 6.4834 4.26804Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.54035 1.01322C8.01802 1.04422 7.66469 1.47755 7.66602 2.00088C7.66835 2.82488 7.73169 3.79588 7.80535 4.65222C8.44035 4.93488 9.14569 5.39322 9.87569 6.12322C10.6057 6.85322 11.0644 7.55888 11.3467 8.19388C12.2034 8.26755 13.1744 8.33088 13.9984 8.33322C14.5217 8.33455 14.955 7.98122 14.9864 7.45888C15.0043 7.15314 15.0042 6.84661 14.986 6.54088C14.955 6.01855 14.5217 5.66522 13.9984 5.66655C13.3244 5.66855 12.552 5.71122 11.8247 5.76688C12.5537 5.16955 13.5047 4.36322 14.258 3.63122C14.727 3.17522 14.7954 2.48122 14.347 2.00455C14.2331 1.8836 14.1156 1.7661 13.9947 1.65222C13.518 1.20388 12.824 1.27222 12.368 1.74122C11.636 2.49455 10.8297 3.44555 10.2324 4.17455C10.288 3.44722 10.3307 2.67455 10.3324 2.00122C10.334 1.47788 9.98069 1.04455 9.45835 1.01288C9.15261 0.994944 8.84608 0.995055 8.54035 1.01322Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4566_90141'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-list .cate-tab-menu li:nth-of-type(2) span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 16C9.75909 16 12 13.6805 12 10.8235C12 9.14163 11.2477 7.39269 10.3272 5.90516C8.98634 3.73409 7.30912 2.12538 7.30912 2.12538C7.13412 1.95856 6.86588 1.95809 6.69088 2.12468C6.69088 2.12468 5.01366 3.72609 3.67275 5.89621C2.7523 7.38233 2 9.13293 2 10.8235C2 13.6805 4.24091 16 7 16ZM7 15.0588C4.74318 15.0588 2.90909 13.1609 2.90909 10.8235C2.90909 9.30399 3.61136 7.73975 4.43636 6.40351C5.37045 4.89504 6.47273 3.67503 7 3.12797C7.525 3.67715 8.62955 4.90186 9.56364 6.41245C10.3886 7.74939 11.0909 9.31199 11.0909 10.8235C11.0909 13.1609 9.25682 15.0588 7 15.0588ZM7.94543 12.9631C7.65907 13.1002 7.33864 13.1765 7 13.1765C5.74545 13.1765 4.72727 12.1221 4.72727 10.8235C4.72727 10.5638 4.52273 10.3529 4.27273 10.3529C4.02273 10.3529 3.81818 10.5638 3.81818 10.8235C3.81818 12.6416 5.24318 14.1176 7 14.1176C7.47273 14.1176 7.92275 14.0103 8.32729 13.8183C8.55457 13.7099 8.65456 13.4301 8.55002 13.1941C8.44547 12.9581 8.17498 12.8546 7.94543 12.9631Z' fill='%23E30613' stroke='%23E30613' stroke-width='0.3'/%3E%3C/svg%3E");
	background-size: 14px 18px
}

.category-wrap .category-list .cate-tab-menu li:nth-of-type(3) span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9993 8.00016C11.9993 7.07969 11.2532 6.3335 10.3327 6.3335C9.41221 6.3335 8.66602 7.07969 8.66602 8.00016' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M4 2.00016V8.00016M5.66667 1.66683V5.00016M7.33333 1.3335V5.00016' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.66602 3.00016L3.99935 2.79183M13.3327 1.3335L8.99935 2.01058M2.66602 4.66683L3.99935 4.5835M13.3327 4.00016L8.99935 4.271' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.2743 8H12.7257C13.7943 8 14.1858 8.24715 13.9191 9.32141C13.4488 11.2164 12.1173 11.6871 10.887 12.924C10.5879 13.2246 11.0532 13.6688 11.0535 13.9995C11.0539 14.622 10.4619 14.6667 9.99027 14.6667H6.00973C5.53811 14.6667 4.94605 14.622 4.94654 13.9995C4.9468 13.6758 5.39813 13.2106 5.11304 12.924C3.88271 11.6871 2.55116 11.2164 2.08086 9.32141C1.81424 8.24715 2.20571 8 3.2743 8Z' stroke='%23E30613' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-list .cate-tab-menu li:nth-of-type(4) span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2488 7.35572L10.2148 8.2196L8.21221 7L10.2148 5.7804L13.2488 6.64428C13.5725 6.73321 13.8963 6.52995 13.9803 6.19964C14.0642 5.85662 13.8723 5.51361 13.5605 5.42468L11.6778 4.89111L12.3853 4.45917C12.7331 4.24319 12.889 3.82396 12.7211 3.51906C12.5532 3.21416 12.1335 3.13793 11.7858 3.3539L11.0782 3.78584L11.5819 1.79129C11.6299 1.62613 11.5939 1.44828 11.5219 1.30853C11.45 1.16878 11.3181 1.05445 11.1622 1.01633C10.8384 0.927404 10.5146 1.13067 10.4307 1.46098L9.61525 4.67514L7.61263 5.89474V3.44283L9.8311 1.09256C10.0709 0.838475 10.0709 0.444646 9.8311 0.190563C9.59127 -0.0635209 9.21952 -0.0635209 8.97969 0.190563L7.60063 1.65154V0.787658C7.60063 0.355717 7.33681 0.012704 7.00105 0.012704C6.66528 0.012704 6.40146 0.355717 6.40146 0.787658V1.65154L5.02241 0.190563C4.78257 -0.0635209 4.41083 -0.0635209 4.17099 0.190563C3.93115 0.444646 3.93115 0.838475 4.17099 1.09256L6.38947 3.44283V5.89474L4.38684 4.67514L3.5714 1.46098C3.48746 1.11797 3.15169 0.927404 2.8399 1.01633C2.52812 1.10526 2.33625 1.46098 2.42019 1.79129L2.92385 3.78584L2.21633 3.3539C1.86857 3.13793 1.44886 3.21416 1.28098 3.51906C1.11309 3.82396 1.26898 4.24319 1.61674 4.45917L2.32426 4.89111L0.441552 5.42468C0.285659 5.4755 0.15375 5.57713 0.0817996 5.71688C0.00984904 5.85662 -0.0261262 6.03448 0.0218409 6.19964C0.105783 6.54265 0.441552 6.73321 0.753338 6.64428L3.78725 5.7804L5.78988 7L3.78725 8.2196L0.753338 7.35572C0.429561 7.26679 0.105783 7.47005 0.0218409 7.80036C-0.0621015 8.13067 0.129767 8.48639 0.441552 8.57532L2.32426 9.10889L1.61674 9.54083C1.26898 9.75681 1.11309 10.176 1.28098 10.4809C1.44886 10.7858 1.86857 10.8621 2.21633 10.6461L2.92385 10.2142L2.42019 12.2087C2.33625 12.5517 2.52812 12.8947 2.8399 12.9837C3.16368 13.0726 3.48746 12.8693 3.5714 12.539L4.38684 9.32486L6.38947 8.10526V10.5572L4.17099 12.9074C3.93115 13.1615 3.93115 13.5554 4.17099 13.8094C4.41083 14.0635 4.78257 14.0635 5.02241 13.8094L6.40146 12.3485V13.2123C6.40146 13.6443 6.66528 13.9873 7.00105 13.9873C7.33681 13.9873 7.60063 13.6443 7.60063 13.2123V12.3485L8.97969 13.8094C9.0996 13.9365 9.2555 14 9.3994 14C9.5433 14 9.71118 13.9365 9.81911 13.8094C10.0589 13.5554 10.0589 13.1615 9.81911 12.9074L7.60063 10.5572V8.10526L9.60326 9.32486L10.4187 12.539C10.5026 12.882 10.8384 13.0726 11.1502 12.9837C11.474 12.8947 11.6538 12.539 11.5699 12.2087L11.0663 10.2142L11.7738 10.6461C12.1215 10.8621 12.5412 10.7858 12.7091 10.4809C12.877 10.176 12.7211 9.75681 12.3734 9.54083L11.6658 9.10889L13.5485 8.57532C13.8723 8.48639 14.0522 8.13067 13.9683 7.80036C13.8843 7.47005 13.5485 7.26679 13.2368 7.35572H13.2488Z' fill='%23E30613'/%3E%3C/svg%3E");
	background-size: 14px 14px
}

.category-wrap .category-list .cate-tab-menu li:nth-of-type(5) span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4061_24104)'%3E%3Cpath d='M3.25582 11.7435C3.51566 12.0037 3.82434 12.21 4.16413 12.3505C4.50392 12.491 4.86812 12.563 5.23582 12.5624C5.95262 12.5624 6.66962 12.2894 7.21543 11.7435L7.27663 11.6823C7.35923 11.7099 7.44463 11.7271 7.53123 11.7271C7.7098 11.7273 7.88325 11.6675 8.02383 11.5573L13.5386 7.24126C13.6724 7.13652 13.7824 7.0046 13.8614 6.85422C13.9404 6.70384 13.9866 6.5384 13.997 6.36884C14.0073 6.19931 13.9814 6.02954 13.9212 5.87074C13.861 5.71194 13.7677 5.56772 13.6476 5.44763L9.55163 1.35135C9.43113 1.23176 9.28683 1.13885 9.12809 1.07865C8.96935 1.01846 8.79972 0.992323 8.63023 1.00195C8.46067 1.01233 8.29524 1.05856 8.14486 1.13758C7.99448 1.2166 7.86257 1.32661 7.75783 1.46035L3.44182 6.97525C3.36071 7.07969 3.30682 7.20265 3.285 7.33308C3.26318 7.46351 3.27412 7.59731 3.31682 7.72247L3.25562 7.78367C2.16382 8.87529 2.16402 10.6517 3.25582 11.7435ZM3.82122 11.1775C3.04162 10.3979 3.04162 9.12909 3.82122 8.34948L6.64983 11.1777C5.87002 11.9577 4.60142 11.9571 3.82122 11.1775ZM8.38783 1.95336C8.42511 1.90515 8.47303 1.8662 8.52784 1.83955C8.58265 1.81291 8.64288 1.79929 8.70383 1.79976C8.81043 1.79976 8.90963 1.84076 8.98583 1.91696L13.082 6.01344C13.1642 6.09544 13.2054 6.20444 13.1984 6.32044C13.1914 6.43644 13.137 6.53945 13.0456 6.61125L7.53083 10.9273L4.07202 7.46826L8.38783 1.95336ZM1.99922 12.9999H2.79922V13.6H1.99922V12.9999ZM1.99922 15.2H2.79922V15.8H1.99922V15.2ZM0.39922 14.6H1.19922V15.2H0.39922V14.6ZM0.199219 12.6H0.999219V13.2H0.199219V12.6Z' fill='%23E30613' stroke='%23E30613' stroke-width='0.4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4061_24104'%3E%3Crect width='15' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 15px 16px
}

.category-wrap .category-list .cate-tab-menu li:nth-of-type(6) span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4566_90162)'%3E%3Cpath d='M4.16667 4.3335C4.16667 4.3335 1 6.66683 1 8.3335C1 9.7975 2.25067 12.5122 2.92067 13.8618C3.177 14.3778 3.656 14.7372 4.228 14.8065C4.98 14.8982 6.21967 15.0002 8 15.0002C9.78033 15.0002 11.02 14.8978 11.772 14.8068C12.344 14.7372 12.823 14.3778 13.0793 13.8618C13.7493 12.5122 15 9.7975 15 8.3335C15 6.66683 11.8333 4.3335 11.8333 4.3335' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.40098 1.051C3.86098 1.066 3.40398 1.41967 3.36065 1.95833C3.34465 2.15733 3.33398 2.39267 3.33398 2.66667C3.33398 2.94067 3.34465 3.176 3.36065 3.375C3.40398 3.91367 3.86065 4.26733 4.40098 4.28233C5.22665 4.305 6.54298 4.33333 8.00065 4.33333C9.45832 4.33333 10.7747 4.305 11.6 4.28233C12.1403 4.26733 12.5973 3.91367 12.6406 3.375C12.6566 3.176 12.6673 2.94067 12.6673 2.66667C12.6673 2.39267 12.6566 2.15733 12.6406 1.95833C12.5973 1.41967 12.1407 1.066 11.6 1.051C10.4005 1.01786 9.2006 1.00085 8.00065 1C6.54298 1 5.22665 1.02833 4.40098 1.051Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.334 7.32121C9.01481 7.13348 8.68565 6.96323 8.348 6.81121C8.23877 6.76217 8.12039 6.73682 8.00066 6.73682C7.88093 6.73682 7.76256 6.76217 7.65333 6.81121C7.31568 6.96325 6.98653 7.1335 6.66733 7.32121C6.3443 7.51001 6.03184 7.71631 5.73133 7.93921C5.63728 8.00924 5.55871 8.09794 5.50055 8.19975C5.44239 8.30157 5.40589 8.4143 5.39333 8.53088C5.35325 8.9081 5.33344 9.2872 5.334 9.66655C5.334 10.1412 5.364 10.5339 5.39333 10.8019C5.40589 10.9185 5.44239 11.0312 5.50055 11.133C5.55871 11.2348 5.63728 11.3235 5.73133 11.3935C6.03184 11.6164 6.34431 11.8227 6.66733 12.0115C6.98652 12.1993 7.31567 12.3695 7.65333 12.5215C7.76256 12.5706 7.88093 12.5959 8.00066 12.5959C8.12039 12.5959 8.23877 12.5706 8.348 12.5215C8.68564 12.3695 9.0148 12.1993 9.334 12.0115C9.65702 11.8227 9.96949 11.6164 10.27 11.3935C10.3641 11.3235 10.4426 11.2348 10.5008 11.133C10.559 11.0312 10.5955 10.9185 10.608 10.8019C10.637 10.5339 10.6673 10.1412 10.6673 9.66655C10.6673 9.19188 10.6373 8.79888 10.608 8.53088C10.5954 8.41435 10.5589 8.30168 10.5007 8.19992C10.4426 8.09817 10.364 8.00952 10.27 7.93955C9.96951 7.71641 9.65704 7.50988 9.334 7.32088V7.32121Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4566_90162'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-list .cate-tab-menu li:nth-of-type(7) span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.195 8.6665H1.80628C0.793216 8.6665 1.65661 10.1585 2.11359 10.3872L3.68752 11.1748C3.84484 11.2535 3.9235 11.2929 3.98868 11.3505C4.574 11.8676 4.68083 12.7792 5.42056 13.1754C5.7151 13.3332 6.06413 13.3332 6.76217 13.3332H9.23914C9.93718 13.3332 10.2862 13.3332 10.5807 13.1754C11.3205 12.7792 11.4273 11.8676 12.0126 11.3505C12.0778 11.2929 12.1565 11.2535 12.3138 11.1748L13.8877 10.3872C14.3447 10.1585 15.2081 8.6665 14.195 8.6665Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 8.6665C10 6.45736 8.20914 4.6665 6 4.6665C3.79086 4.6665 2 6.45736 2 8.6665' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 8.66683C14 6.82588 12.5166 5.3335 10.6867 5.3335C10.0707 5.3335 9.49406 5.50271 9 5.79733' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.66602 8.14799C4.66602 7.32979 5.26297 6.6665 5.99935 6.6665C6.73573 6.6665 7.33268 7.32979 7.33268 8.14799V9.33317' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 4.37024C6.2875 3.19331 7.55211 2.45479 8.8246 2.72069C10.0971 2.9866 10.8956 4.15624 10.6081 5.33317' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-list .cate-tab-menu li:nth-of-type(8) span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4566_90177)'%3E%3Cpath d='M1.09897 7.78267C1.12098 7.52561 1.20295 7.2773 1.3383 7.05767C1.63764 6.56767 2.23964 5.62967 2.90897 4.84867C2.90897 4.84867 2.88264 3.785 2.86397 2.72933C2.8549 2.30658 3.01217 1.89717 3.30194 1.5892C3.5917 1.28124 3.99078 1.09934 4.4133 1.08267C5.39997 1.042 6.72464 1 7.99997 1C9.2753 1 10.5996 1.042 11.5866 1.08267C12.0091 1.09943 12.4081 1.28136 12.6978 1.58931C12.9875 1.89727 13.1447 2.30664 13.1356 2.72933C13.1228 3.43582 13.108 4.14227 13.091 4.84867C13.7606 5.62967 14.3623 6.56767 14.6616 7.058C14.7966 7.27867 14.879 7.52433 14.9006 7.78233C14.9653 8.549 15.074 10.4633 14.926 13.6487C14.9108 13.9755 14.7733 14.2846 14.5409 14.5148C14.3084 14.745 13.9979 14.8794 13.671 14.8913C12.4243 14.938 10.3273 15 7.99997 15C5.67264 15 3.57564 14.938 2.32897 14.8913C2.00204 14.8794 1.69153 14.745 1.45906 14.5148C1.22659 14.2846 1.08914 13.9755 1.07397 13.6487C0.926303 10.4637 1.03464 8.549 1.09897 7.78267Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.33236 7.778C9.21358 8.06513 9.1264 8.36434 9.07236 8.67033C8.88936 9.69 9.64369 10.6667 10.6804 10.6667C11.7104 10.6667 12.4387 9.68 12.2297 8.671C12.1607 8.33343 12.0533 8.00485 11.9097 7.69167C11.6927 7.224 11.1954 7 10.68 7C10.1077 7 9.55203 7.24933 9.33203 7.778H9.33236Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M5.00364 3.635C5.01497 3.28833 5.28464 3.061 5.63131 3.044C6.07131 3.02233 6.81431 3 8.00031 3C9.18631 3 9.92931 3.02233 10.3693 3.044C10.716 3.061 10.9856 3.28833 10.997 3.635C11.0014 3.76719 11.0014 3.89948 10.997 4.03167C10.9853 4.37833 10.716 4.60567 10.3693 4.62267C9.92931 4.64433 9.18631 4.66667 8.00031 4.66667C6.81431 4.66667 6.07131 4.64433 5.63131 4.62267C5.28464 4.60567 5.01497 4.37833 5.00331 4.03167C4.9989 3.89948 4.9989 3.76719 5.00331 3.635H5.00364Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.33398 7V13' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.666 10.6665V12.9998' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.83262 7L3.73029 8.99833C3.69429 9.701 4.21095 10.309 4.91429 10.3277C5.19324 10.335 5.47234 10.335 5.75129 10.3277C6.45462 10.309 6.97129 9.701 6.93529 8.99867L6.83262 7' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4566_90177'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-list .cate-tab-menu li:nth-of-type(9) span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.0918 16.1699H9.7872V16.9992H6.0918V16.1699Z' fill='%23E30613' stroke='%23E30613' stroke-width='0.4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.42473 14.5122C8.63953 14.5122 8.81372 14.6978 8.81372 14.9268V16.5853C8.81372 16.8143 8.63953 16.9999 8.42473 16.9999C8.20989 16.9999 8.03574 16.8143 8.03574 16.5853V14.9268C8.03574 14.6978 8.20989 14.5122 8.42473 14.5122ZM5.31282 8.29297C5.52762 8.29297 5.70181 8.47859 5.70181 8.70759C5.70181 11.2516 7.51213 13.2684 9.69428 13.2684C10.9057 13.2684 11.9969 12.6515 12.7333 11.6652C12.8671 11.486 13.1118 11.4563 13.2799 11.5989C13.448 11.7415 13.4758 12.0024 13.3421 12.1815C12.4711 13.348 11.163 14.0976 9.69428 14.0976C7.03678 14.0976 4.92383 11.6593 4.92383 8.70759C4.92383 8.47859 5.09798 8.29297 5.31282 8.29297Z' fill='%23E30613' stroke='%23E30613' stroke-width='0.4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.13731 3.31754C3.45662 3.31754 2.97855 4.03221 3.20047 4.71815L3.42297 5.40592C3.6527 6.11612 3.67597 6.88366 3.48968 7.60816L3.29721 8.35662C2.94611 9.72212 2.88142 11.1045 3.56822 12.1153C4.55119 13.5622 6.18394 14.5122 8.03654 14.5122C10.6948 14.5122 12.8956 12.5581 13.3819 9.99121C13.5148 9.28976 13.7119 8.5325 14.1329 7.88711L9.40738 8.6986C8.45984 8.86134 7.51541 8.38913 7.02699 7.50848L4.99044 3.8363C4.81213 3.51477 4.48775 3.31754 4.13731 3.31754ZM2.46497 4.98848C2.06885 3.76408 2.92222 2.48828 4.13731 2.48828C4.76284 2.48828 5.34185 2.84038 5.66016 3.41431L7.69672 7.08653C8.02234 7.67362 8.65196 7.9884 9.28364 7.87994L14.1768 7.03963C14.8115 6.93067 15.2433 7.70655 14.8492 8.24791C14.4717 8.76647 14.282 9.42957 14.1445 10.1553C13.5827 13.1204 11.0542 15.3414 8.03654 15.3414C5.93063 15.3414 4.06511 14.2606 2.93809 12.6017C2.03391 11.2708 2.181 9.56042 2.5469 8.13746L2.73936 7.38899C2.88422 6.82553 2.86617 6.22856 2.68747 5.67625L2.46497 4.98848Z' fill='%23E30613' stroke='%23E30613' stroke-width='0.4'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.56919 1.24454C5.05932 0.722151 5.89732 1.09213 5.89732 1.8309V2.48839H6.51414C7.20724 2.48839 7.55437 3.38158 7.06429 3.904L6.36687 4.64736C6.21493 4.80927 5.96866 4.80927 5.81672 4.64736C5.66482 4.48541 5.66482 4.22292 5.81672 4.06097L6.51414 3.31764H5.89732C5.46764 3.31764 5.11934 2.94636 5.11934 2.48839V1.8309L1.77954 5.39073H2.7854C3.0002 5.39073 3.17439 5.57635 3.17439 5.80535C3.17439 6.0343 3.0002 6.21996 2.7854 6.21996H1.77954C1.08644 6.21996 0.739324 5.32675 1.22942 4.80434L4.56919 1.24454Z' fill='%23E30613' stroke='%23E30613' stroke-width='0.4'/%3E%3C/svg%3E%0A");
	background-size: 16px 18px
}

.category-wrap .category-list .cate-tab-menu li:nth-of-type(10) span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.83333 3.6665C4.83333 3.6665 3 5.6665 3 6.99984C3 8.34484 3.15067 11.3488 3.24967 13.1715C3.29767 14.0588 3.93233 14.7872 4.817 14.8688C5.57133 14.9388 6.62433 14.9998 8 14.9998C9.37567 14.9998 10.4287 14.9388 11.1833 14.8688C12.0677 14.7872 12.7023 14.0588 12.7503 13.1715C12.8493 11.3488 13 8.34484 13 6.99984C13 5.6665 11.1667 3.6665 11.1667 3.6665' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.6943 1.03267C11.1863 1.04667 11.6067 1.35433 11.6477 1.845C11.6597 1.98667 11.6673 2.149 11.6673 2.33333C11.6673 2.51767 11.6597 2.68 11.648 2.82167C11.6067 3.31233 11.1863 3.62 10.6947 3.634C10.128 3.65033 9.24533 3.66667 8.00066 3.66667C6.75599 3.66667 5.87333 3.65 5.30699 3.634C4.81499 3.62 4.39466 3.31233 4.35366 2.82167C4.34029 2.65923 4.33373 2.49631 4.33399 2.33333C4.33399 2.149 4.34166 1.98667 4.35332 1.845C4.39466 1.35433 4.81499 1.04667 5.30666 1.03267C5.87366 1.01633 6.75633 1 8.00066 1C9.24533 1 10.128 1.01667 10.6943 1.03267Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9891 7.74183C12.2441 7.47248 11.4582 7.33432 10.6661 7.3335C9.41606 7.3335 8.66606 7.66683 7.91606 8.00016C7.16606 8.3335 6.41606 8.66683 5.16606 8.66683C4.34072 8.66683 3.61939 8.5155 3.02539 8.3065' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-list .cate-tab-menu li:nth-of-type(11) span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8.98019C15 6.78486 14.89 5.43086 14.796 4.67686C14.7913 4.63898 14.7846 4.60137 14.776 4.56419C14.4233 2.45186 12.89 1.84219 12.6027 1.74552C12.5733 1.73533 12.5435 1.72654 12.5133 1.71919C11.4257 1.45752 3.21333 1.70786 1.48 4.18219C1.31153 4.37733 1.20695 4.61943 1.18033 4.87586C1.17576 4.91673 1.17131 4.95762 1.167 4.99852C1.08367 5.79386 1 7.06752 1 8.98019' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M1.179 4.96633C1.24767 4.35533 1.71133 3.90933 2.32367 3.85299C3.26733 3.76633 5.00167 3.66699 8 3.66699C11.2247 3.66699 12.987 3.78166 13.8767 3.87233C14.366 3.92233 14.7363 4.27966 14.7973 4.76766C14.8907 5.51366 15 6.84599 15 9.00033C15 10.8153 14.9223 12.047 14.8423 12.836C14.7677 13.5703 14.2137 14.1033 13.4783 14.165C12.4973 14.2473 10.8 14.3337 8 14.3337C5.2 14.3337 3.50267 14.247 2.52167 14.165C1.786 14.1033 1.23233 13.5703 1.15767 12.836C1.07767 12.047 1 10.8153 1 9.00033C1 7.02533 1.09167 5.74099 1.179 4.96633Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M6 6.70199C6 7.05561 6.14048 7.39475 6.39052 7.6448C6.64057 7.89484 6.97971 8.03532 7.33333 8.03532C7.68696 8.03532 8.02609 7.89484 8.27614 7.6448C8.52619 7.39475 8.66667 7.05561 8.66667 6.70199C8.66667 6.34836 8.52619 6.00923 8.27614 5.75918C8.02609 5.50913 7.68696 5.36865 7.33333 5.36865C6.97971 5.36865 6.64057 5.50913 6.39052 5.75918C6.14048 6.00923 6 6.34836 6 6.70199Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M11.6673 12.0353C11.3137 12.0353 10.9746 11.8948 10.7245 11.6448C10.4745 11.3947 10.334 11.0556 10.334 10.702C10.334 10.3484 10.4745 10.0092 10.7245 9.75918C10.9746 9.50913 11.3137 9.36865 11.6673 9.36865C12.0209 9.36865 12.3601 9.50913 12.6101 9.75918C12.8602 10.0092 13.0007 10.3484 13.0007 10.702C13.0007 11.0556 12.8602 11.3947 12.6101 11.6448C12.3601 11.8948 12.0209 12.0353 11.6673 12.0353Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M1.12333 12.4997C1.43356 12.6508 1.7776 12.7191 2.12201 12.6979C2.46642 12.6767 2.79949 12.5667 3.08883 12.3787C3.37817 12.1907 3.61394 11.931 3.77323 11.6249C3.93251 11.3188 4.0099 10.9767 3.99785 10.6318C3.9858 10.287 3.88474 9.95112 3.70448 9.65688C3.52422 9.36264 3.2709 9.12005 2.96915 8.95268C2.66739 8.78531 2.32747 8.69886 1.98242 8.70173C1.63737 8.7046 1.29893 8.7967 1 8.96907' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-list .cate-tab-menu li:nth-of-type(12) span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4566_90194)'%3E%3Cpath d='M10.5218 2.37567C10.2501 1.95346 9.87678 1.60624 9.43601 1.36588C8.99524 1.12552 8.50116 0.999711 7.99911 1C7.49706 0.999711 7.00298 1.12552 6.56221 1.36588C6.12144 1.60624 5.7481 1.95346 5.47644 2.37567C5.18157 2.10319 4.82897 1.90081 4.44496 1.78363C4.06095 1.66645 3.65544 1.63749 3.25867 1.69892C2.86191 1.76035 2.48414 1.91057 2.15354 2.13839C1.82294 2.3662 1.54805 2.66573 1.34938 3.01462C1.1507 3.36351 1.03337 3.75276 1.00614 4.15333C0.97891 4.55389 1.04248 4.95544 1.19211 5.32801C1.34174 5.70057 1.57356 6.03455 1.87028 6.30501C2.16701 6.57547 2.52098 6.77544 2.90578 6.89C3.09382 9.28962 3.33611 11.6847 3.63244 14.0733C3.68911 14.5267 4.04944 14.8733 4.50578 14.9027C5.20111 14.9473 6.36578 15 7.99911 15C9.63244 15 10.7971 14.9473 11.4924 14.9023C11.9488 14.873 12.3091 14.5263 12.3658 14.073C12.6621 11.6845 12.9044 9.28951 13.0924 6.89C13.4772 6.77544 13.8312 6.57547 14.1279 6.30501C14.4247 6.03455 14.6565 5.70057 14.8061 5.32801C14.9557 4.95544 15.0193 4.55389 14.9921 4.15333C14.9648 3.75276 14.8475 3.36351 14.6488 3.01462C14.4502 2.66573 14.1753 2.3662 13.8447 2.13839C13.5141 1.91057 13.1363 1.76035 12.7395 1.69892C12.3428 1.63749 11.9373 1.66645 11.5533 1.78363C11.1692 1.90081 10.8167 2.10319 10.5218 2.37567Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5847 12.4545C11.7323 12.4102 10.306 12.3662 8.00035 12.3662C5.69435 12.3662 4.26802 12.4102 3.41602 12.4545' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.33203 7L6.66536 9.66667' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M9.66536 7L9.33203 9.66667' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4566_90194'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-list .cate-tab-menu li:nth-of-type(13) span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0001 13C13.0001 13 15.0001 10.143 15.0001 8C15.0001 5.857 13.0001 3 10.0001 3C7.33442 3 5.11342 4.74433 3.92775 6.22533C3.86531 5.9741 3.7759 5.73035 3.66109 5.49833C3.29775 4.75167 2.46542 4.236 1.86775 3.94667C1.51442 3.77533 1.12342 3.99767 1.07409 4.387C0.977419 5.14567 0.913085 6.33667 1.29475 7.12133C1.48509 7.51367 1.69775 7.80267 1.91975 8C1.69775 8.19733 1.48509 8.48633 1.29475 8.87867C0.913085 9.66333 0.977752 10.8543 1.07409 11.613C1.12342 12.0023 1.51442 12.2247 1.86742 12.0537C2.46542 11.764 3.29809 11.2487 3.66075 10.502C3.78509 10.2463 3.87275 10.0033 3.92742 9.77467C5.11342 11.2557 7.33475 13 10.0001 13Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.77789 4.7998C8.64956 6.38647 8.64956 9.61347 9.77789 11.1998' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M7.00073 6.6665C6.7784 7.3275 6.7784 8.67217 7.00073 9.33317' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M11.666 6.6665V6.99984' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-list .cate-tab-menu li:nth-of-type(14) span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4566_90123)'%3E%3Cpath d='M9.45024 5C3.11712 9.00001 1.11719 15 1.11719 15' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2892 3.4519C11.8482 2.48456 13.0611 2.01156 14.1274 2.34523L14.6961 2.52356C14.7437 2.5385 14.7874 2.56396 14.8239 2.59805C14.8604 2.63214 14.8888 2.674 14.9069 2.72053C14.925 2.76705 14.9325 2.81706 14.9287 2.86686C14.9249 2.91666 14.91 2.96497 14.8851 3.00823L14.5871 3.52423C14.0284 4.49157 12.8151 4.96457 11.7492 4.6309L10.7832 4.32823L11.2892 3.4519Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.94528 6.5469C10.9369 5.7069 12.4469 5.9419 13.1638 7.03023L13.2222 7.11957C13.2912 7.22623 13.2848 7.3509 13.1882 7.4329C12.1965 8.2729 10.6866 8.0379 9.96995 6.94957C9.95028 6.91986 9.93072 6.89008 9.91128 6.86023C9.84228 6.75356 9.84862 6.6289 9.94528 6.5469Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.76783 1.00287C8.35788 0.934203 7.37891 2.10754 7.6679 3.48921L7.69223 3.60254C7.72123 3.73688 7.82223 3.83821 7.95989 3.84488C9.36984 3.91321 10.3488 2.74021 10.0598 1.3582L10.0355 1.24487C10.0065 1.11054 9.90549 1.00954 9.76783 1.00287Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.94718 8.82576C8.03781 7.86775 9.64875 8.06742 10.3814 9.23242L10.4414 9.32842C10.5114 9.44242 10.5007 9.57942 10.3944 9.67276C9.30343 10.6304 7.69248 10.4308 6.95984 9.26609C6.9397 9.23418 6.9197 9.20218 6.89984 9.17009C6.82985 9.05609 6.84051 8.91909 6.94718 8.82576Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.70032 2.91968C6.71729 4.03601 6.41696 5.64235 5.08068 6.34569C5.04134 6.36635 5.00435 6.38569 4.97068 6.40269C4.84002 6.47035 4.68769 6.45602 4.58869 6.34702C3.57139 5.23102 3.87205 3.62435 5.20801 2.92134L5.318 2.86401C5.44866 2.79668 5.60099 2.81068 5.70032 2.91968Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.1439 5.60105C3.48819 6.34972 3.71818 7.99939 2.65489 9.11139L2.56722 9.20239C2.46256 9.31006 2.31057 9.34573 2.17957 9.27239C0.835283 8.52339 0.605291 6.87405 1.66892 5.76172C1.70025 5.72905 1.72959 5.69838 1.75658 5.67105C1.86091 5.56338 2.01291 5.52771 2.1439 5.60105Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.58893 11.6181C5.62856 10.4834 7.2865 10.6411 8.12248 11.9327L8.19081 12.0387C8.27147 12.1654 8.2708 12.3214 8.16914 12.4321C7.12984 13.5668 5.4719 13.4094 4.63593 12.1177C4.61301 12.0823 4.59024 12.0467 4.5676 12.0111C4.48693 11.8847 4.4876 11.7287 4.58893 11.6181Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4566_90123'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-list .cate-tab-menu li:nth-of-type(15) span::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4566_90116)'%3E%3Cpath d='M12.4343 5.96489C13.6833 5.44322 14.9076 4.72055 14.9866 4.32489C15.0933 3.79322 14.535 3.77822 14.1326 3.76789C13.956 3.76322 13.809 3.75922 13.762 3.71255C13.6986 3.64922 13.714 3.50689 13.732 3.34022C13.7576 3.10455 13.7886 2.82022 13.609 2.64089C13.4296 2.46155 13.1453 2.49222 12.9096 2.51755C12.743 2.53589 12.601 2.55089 12.5373 2.48755C12.4906 2.44089 12.4866 2.29422 12.482 2.11722C12.4713 1.71489 12.4566 1.15689 11.9253 1.26322C11.53 1.34222 10.8086 2.56322 10.2873 3.80989M3.54229 10.5452C2.30129 11.0659 1.09162 11.7819 1.01329 12.1752C0.906624 12.7069 1.46496 12.7219 1.86729 12.7322C2.04396 12.7369 2.19096 12.7409 2.23796 12.7876C2.30129 12.8509 2.28596 12.9932 2.26796 13.1599C2.24229 13.3956 2.21129 13.6799 2.39096 13.8592C2.57029 14.0386 2.85462 14.0079 3.09029 13.9826C3.25696 13.9642 3.39896 13.9492 3.46262 14.0126C3.50929 14.0592 3.51329 14.2059 3.51796 14.3829C3.52862 14.7852 3.54329 15.3432 4.07462 15.2369C4.46862 15.1582 5.18662 13.9452 5.70729 12.7022' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.9863 8.25C12.9863 9.57608 12.4595 10.8479 11.5219 11.7855C10.5842 12.7232 9.31241 13.25 7.98633 13.25C6.66025 13.25 5.38848 12.7232 4.45079 11.7855C3.51311 10.8479 2.98633 9.57608 2.98633 8.25C2.98633 6.92392 3.51311 5.65215 4.45079 4.71447C5.38848 3.77678 6.66025 3.25 7.98633 3.25C9.31241 3.25 10.5842 3.77678 11.5219 4.71447C12.4595 5.65215 12.9863 6.92392 12.9863 8.25Z' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.7167 9.74972C11.844 9.17438 10.7007 8.28372 9.33333 6.91638C7.96533 5.54838 7.07467 4.40538 6.5 3.53271' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M10.499 12.54C9.36332 12.0017 7.86565 11.1167 6.49898 9.75C5.13232 8.38333 4.24732 6.88567 3.70898 5.75' stroke='%23E30613' stroke-width='1.2' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4566_90116'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.25)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-list .cate-tab-menu .cate-tab-btn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 40px;
	padding-left: 16px;
	font-size: 14px;
	color: var(--color-gray-80)
}

.category-wrap .category-list .cate-tab-menu .cate-tab-btn.on {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 40px;
	padding: 12px;
	padding-left: 8px;
	font-weight: var(--fw-sb);
	color: var(--color-white);
	background-color: var(--color-red-20);
	border-radius: 40px;
	-webkit-transform: translateX(16px);
	-moz-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px)
}

.category-wrap .category-list .cate-tab-menu .cate-tab-btn.on span {
	white-space: nowrap
}

.category-wrap .category-list .cate-tab-menu .cate-tab-btn.on span::before
	{
	display: block
}

.category-wrap .category-list .cate-tab-menu .cate-tab-btn:focus {
	outline: none
}

.category-wrap .category-list .cate-tab-list {
	height: 100%;
	padding-right: 16px;
	overflow: hidden auto;
	padding-left: 154px;
	background-color: var(--color-white);
	height: -webkit-calc(100% - 56px);
	height: -moz-calc(100% - 56px);
	height: calc(100% - 56px)
}

.category-wrap .category-list .cate-tab-list li:first-of-type>.sub-list-pannel
	{
	padding-top: 16px
}

.category-wrap .category-list .cate-tab-list li:not(:first-of-type)>.sub-list-pannel
	{
	padding-top: 16px
}

.category-wrap .category-list .cate-tab-list li:last-of-type>.sub-list-pannel
	{
	border-bottom: 0;
	padding-bottom: 16px
}

.category-wrap .category-list .cate-tab-list li.m-height {
	height: 100%
}

.category-wrap .category-list .cate-tab-list li.m-height .sub-list-pannel
	{
	min-height: 100%
}

.category-wrap .category-list .cate-tab-list .sub-list-pannel {
	padding-bottom: 16px;
	border-bottom: 1px solid var(--color-gray-30)
}

.category-wrap .category-list .cate-tab-list .sub-list-pannel .sub-list-pannel.on
	{
	-webkit-transition: -webkit-transform .3s ease;
	transition: -webkit-transform .3s ease;
	-moz-transition: transform .3s ease, -moz-transform .3s ease;
	transition: transform .3s ease;
	transition: transform .3s ease, -webkit-transform .3s ease,
		-moz-transform .3s ease
}

.category-wrap .category-list .cate-tab-list .sub-list-pannel .item-tit .link-btn
	{
	font-weight: var(--fw-sb);
	color: var(--color-red-20);
	height: 48px
}

.category-wrap .category-list .cate-tab-list .sub-list-pannel .item-tit .link-btn::after
	{
	background: url("data:image/svg+xml;charset=utf8,")
}

.category-wrap .category-list .cate-tab-list .sub-list-pannel .item-list li
	{
	margin-top: 4px
}

.category-wrap .category-list .cate-tab-list .sub-list-pannel .link-btn
	{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 40px;
	padding: 0 16px;
	font-size: 14px;
	line-height: 1;
	color: var(--color-base)
}

.category-wrap .category-list .cate-tab-list .sub-list-pannel .link-btn::after
	{
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 32px;
	height: 32px;
	margin-left: auto;
	content: "";
	background: url("data:image/svg+xml;charset=utf8,")
}

.category-wrap .category-all-list {
	height: 100%
}

.category-wrap .category-all-list .tit {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 16px;
	line-height: 24px;
	color: #222;
	letter-spacing: -0.4px
}

.category-wrap .category-all-list .tit.arrow::after {
	width: 5px;
	height: 10px;
	margin-left: 8px;
	content: "";
	background:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='6' height='10' viewBox='0 0 6 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.612 9.98901C0.768 9.98901 0.924 9.93346 1.032 9.82234L5.82 5.38901C6.06 5.16679 6.06 4.82234 5.82 4.60012L1.032 0.166789C0.792 -0.0554335 0.42 -0.0554335 0.18 0.166789C-0.06 0.389011 -0.06 0.733455 0.18 0.955678L4.548 5.00012L0.18 9.04457C-0.06 9.26679 -0.06 9.61123 0.18 9.83346C0.3 9.94457 0.456 10.0001 0.6 10.0001V9.98901H0.612Z' fill='%23666'/%3E%3C/svg%3E%0A")
}

.category-wrap .category-all-list .all-sub-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(136px, 1fr));
	gap: 16px;
	margin-top: 16px
}

.category-wrap .category-all-list .all-sub-list a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	font-weight: var(--fw-r);
	line-height: 20px;
	letter-spacing: -0.4px
}

.category-wrap .category-all-list .all-sub-list a::before {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 8px;
	content: "";
	background-color: var(--color-gray-30);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%
}

.category-wrap .category-all-list .all-list {
	overflow: hidden auto;
	height: -webkit-calc(100% - 56px);
	height: -moz-calc(100% - 56px);
	height: calc(100% - 56px);
	padding: 32px
}

.category-wrap .category-all-list .all-list .all-list-item:not(:first-of-type)
	{
	margin-top: 32px
}

.category-wrap .category-all-list .all-list .all-list-item:first-of-type .all-sub-list li.icon1 a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_103287)'%3E%3Cpath d='M10.4903 6.55499C10.7524 6.08931 10.9709 5.6691 11.1057 5.34928C11.7602 3.79625 11.113 2.00984 9.531 1.28115C7.949 0.552455 6.36042 1.30805 5.66323 2.76694C4.33001 1.85209 2.55153 1.98645 1.57076 3.41409C0.589983 4.84173 0.897794 6.70681 2.24111 7.72453C2.85077 8.18642 4.05651 8.86712 5.19169 9.47288M11.0171 7.83381C10.7213 6.24418 9.36868 5.08162 7.66567 5.3976C5.96267 5.71358 4.86151 7.25005 5.09174 8.91955C5.27671 10.2609 6.2977 13.408 6.69195 14.5934C6.74575 14.7552 6.77265 14.836 6.82591 14.8924C6.8723 14.9416 6.93399 14.9772 6.99974 14.9928C7.07522 15.0107 7.15871 14.9936 7.32571 14.9593C8.54944 14.708 11.7854 14.0187 13.0395 13.5082C14.6004 12.8728 15.406 11.152 14.8026 9.51812C14.1993 7.88422 12.5417 7.29521 11.0171 7.83381Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_103287'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:first-of-type .all-sub-list li.icon2 a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99957 15L7.9273 14.8916C7.42562 14.1391 7.17478 13.7628 6.84336 13.4904C6.54996 13.2493 6.2119 13.0683 5.8485 12.958C5.43802 12.8333 4.98581 12.8333 4.08138 12.8333H3.08845C2.27949 12.8333 1.87501 12.8333 1.56602 12.6759C1.29423 12.5374 1.07326 12.3164 0.934779 12.0447C0.777344 11.7357 0.777344 11.3312 0.777344 10.5222V4.31111C0.777344 3.50215 0.777344 3.09766 0.934779 2.78868C1.07326 2.51689 1.29423 2.29592 1.56602 2.15744C1.87501 2 2.27949 2 3.08845 2H3.37734C4.99527 2 5.80424 2 6.4222 2.31487C6.96578 2.59184 7.40773 3.03378 7.6847 3.57736C7.99957 4.19533 7.99957 5.00429 7.99957 6.62222M7.99957 15V6.62222M7.99957 15L8.07183 14.8916C8.57351 14.1391 8.82436 13.7628 9.15577 13.4904C9.44917 13.2493 9.78724 13.0683 10.1506 12.958C10.5611 12.8333 11.0133 12.8333 11.9177 12.8333H12.9107C13.7196 12.8333 14.1241 12.8333 14.4331 12.6759C14.7049 12.5374 14.9259 12.3164 15.0644 12.0447C15.2218 11.7357 15.2218 11.3312 15.2218 10.5222V4.31111C15.2218 3.50215 15.2218 3.09766 15.0644 2.78868C14.9259 2.51689 14.7049 2.29592 14.4331 2.15744C14.1241 2 13.7196 2 12.9107 2H12.6218C11.0039 2 10.1949 2 9.57693 2.31487C9.03335 2.59184 8.5914 3.03378 8.31444 3.57736C7.99957 4.19533 7.99957 5.00429 7.99957 6.62222' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:first-of-type .all-sub-list li.icon3 a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 7.00012H3.04613C3.32057 7.00012 3.5677 6.83396 3.67124 6.5798L5.4822 2.13472C5.72733 1.53305 6.59766 1.5911 6.76071 2.22L9.23929 11.7802C9.40234 12.4091 10.2727 12.4672 10.5178 11.8655L12.3288 7.42045C12.4323 7.16629 12.6794 7.00012 12.9539 7.00012H14.75' stroke='%23160042' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-size: 16px 14px
}

.category-wrap .category-all-list .all-list .all-list-item:first-of-type .all-sub-list li.icon4 a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_103280)'%3E%3Cpath d='M3.78492 13.6561H5.61885C5.85796 13.6561 6.09561 13.6845 6.32741 13.7414L8.26517 14.2123C8.68563 14.3148 9.12364 14.3247 9.54848 14.2422L11.691 13.8254C12.257 13.7151 12.7776 13.4441 13.1856 13.0472L14.7015 11.5726C15.1344 11.1522 15.1344 10.4701 14.7015 10.049C14.3117 9.66986 13.6946 9.62718 13.2536 9.94869L11.487 11.2376C11.234 11.4225 10.9261 11.5221 10.6095 11.5221H8.90354L9.98942 11.5221C10.6015 11.5221 11.0972 11.0398 11.0972 10.4444V10.2289C11.0972 9.73454 10.7514 9.30348 10.2585 9.18398L8.58253 8.7764C8.30978 8.71024 8.03045 8.67681 7.74965 8.67681C7.0718 8.67681 5.8448 9.23804 5.8448 9.23804L3.78492 10.0994M0.974609 9.80093L0.974609 13.8759C0.974609 14.2694 0.974609 14.4661 1.05119 14.6164C1.11854 14.7486 1.22602 14.8561 1.35822 14.9234C1.50851 15 1.70525 15 2.09873 15H2.66079C3.05427 15 3.25101 15 3.4013 14.9234C3.5335 14.8561 3.64098 14.7486 3.70834 14.6164C3.78492 14.4661 3.78492 14.2694 3.78492 13.8759V9.80093C3.78492 9.40745 3.78492 9.21071 3.70834 9.06042C3.64098 8.92823 3.5335 8.82075 3.4013 8.75339C3.25101 8.67681 3.05427 8.67681 2.66079 8.67681H2.09873C1.70525 8.67681 1.50851 8.67681 1.35822 8.75339C1.22602 8.82075 1.11854 8.92823 1.05119 9.06042C0.974609 9.21071 0.974609 9.40745 0.974609 9.80093ZM11.6477 2.06715C11.2284 1.18973 10.2617 0.724897 9.32152 1.17355C8.38137 1.62221 7.98084 2.68621 8.37447 3.62024C8.61774 4.19751 9.31472 5.3185 9.81168 6.09065C9.9953 6.37595 10.0871 6.5186 10.2212 6.60205C10.3362 6.67363 10.4802 6.71221 10.6156 6.70774C10.7735 6.70252 10.9243 6.62488 11.226 6.46962C12.0425 6.04939 13.2066 5.42708 13.7059 5.04879C14.5138 4.4367 14.7139 3.31164 14.109 2.45637C13.5042 1.60109 12.4496 1.51694 11.6477 2.06715Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_103280'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:first-of-type .all-sub-list li.icon5 a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4566_90266)'%3E%3Cpath d='M5.2 9.4C5.2 9.4 6.25 10.8 8 10.8C9.75 10.8 10.8 9.4 10.8 9.4M10.1 5.9H10.107M5.9 5.9H5.907M15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8ZM10.45 5.9C10.45 6.0933 10.2933 6.25 10.1 6.25C9.9067 6.25 9.75 6.0933 9.75 5.9C9.75 5.7067 9.9067 5.55 10.1 5.55C10.2933 5.55 10.45 5.7067 10.45 5.9ZM6.25 5.9C6.25 6.0933 6.0933 6.25 5.9 6.25C5.7067 6.25 5.55 6.0933 5.55 5.9C5.55 5.7067 5.7067 5.55 5.9 5.55C6.0933 5.55 6.25 5.7067 6.25 5.9Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4566_90266'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:first-of-type .all-sub-list li.icon6 a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4566_90238)'%3E%3Cpath d='M8 3.8V15M8 3.8H5.525C5.16033 3.8 4.81059 3.6525 4.55273 3.38995C4.29487 3.1274 4.15 2.7713 4.15 2.4C4.15 2.0287 4.29487 1.6726 4.55273 1.41005C4.81059 1.1475 5.16033 1 5.525 1C7.45 1 8 3.8 8 3.8ZM8 3.8H10.475C10.8397 3.8 11.1894 3.6525 11.4473 3.38995C11.7051 3.1274 11.85 2.7713 11.85 2.4C11.85 2.0287 11.7051 1.6726 11.4473 1.41005C11.1894 1.1475 10.8397 1 10.475 1C8.55 1 8 3.8 8 3.8ZM13.6 7.3V12.76C13.6 13.5441 13.6 13.9361 13.4474 14.2356C13.3132 14.499 13.099 14.7132 12.8356 14.8474C12.5361 15 12.1441 15 11.36 15L4.64 15C3.85593 15 3.46389 15 3.16441 14.8474C2.90099 14.7132 2.68681 14.499 2.55259 14.2356C2.4 13.9361 2.4 13.5441 2.4 12.76V7.3M1 4.92L1 6.18C1 6.57204 1 6.76805 1.0763 6.91779C1.14341 7.04951 1.25049 7.15659 1.38221 7.2237C1.53194 7.3 1.72796 7.3 2.12 7.3L13.88 7.3C14.272 7.3 14.4681 7.3 14.6178 7.2237C14.7495 7.15659 14.8566 7.04951 14.9237 6.91779C15 6.76806 15 6.57204 15 6.18V4.92C15 4.52796 15 4.33195 14.9237 4.18221C14.8566 4.05049 14.7495 3.94341 14.6178 3.8763C14.4681 3.8 14.272 3.8 13.88 3.8L2.12 3.8C1.72796 3.8 1.53194 3.8 1.38221 3.8763C1.25049 3.94341 1.14341 4.05049 1.0763 4.18221C1 4.33194 1 4.52796 1 4.92Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4566_90238'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(2) .all-sub-list li:nth-of-type(1) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2997 5.9V3.8C10.2997 2.2536 9.04607 1 7.49967 1C5.95328 1 4.69967 2.2536 4.69967 3.8V5.9M1.61407 6.84638L1.19407 11.3264C1.07466 12.6002 1.01495 13.2371 1.22631 13.729C1.41198 14.1611 1.73736 14.5184 2.15029 14.7436C2.62034 15 3.26003 15 4.53941 15H10.4599C11.7393 15 12.379 15 12.8491 14.7436C13.262 14.5184 13.5874 14.1611 13.773 13.729C13.9844 13.2371 13.9247 12.6002 13.8053 11.3264L13.3853 6.84638C13.2844 5.77074 13.234 5.23293 12.9921 4.82631C12.7791 4.46821 12.4643 4.18158 12.0879 4.00289C11.6605 3.8 11.1203 3.8 10.0399 3.8L4.95941 3.8C3.87906 3.8 3.33888 3.8 2.91147 4.00289C2.53504 4.18158 2.22028 4.46821 2.00724 4.82631C1.76534 5.23292 1.71492 5.77074 1.61407 6.84638Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(2) .all-sub-list li:nth-of-type(2) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.91688 11.0278H4.83355C3.82564 11.0278 3.32169 11.0278 2.91161 11.1522C1.98832 11.4322 1.2658 12.1548 0.985723 13.0781C0.861328 13.4881 0.861328 13.9921 0.861328 15M9.8891 5.25C9.8891 7.04492 8.43403 8.5 6.6391 8.5C4.84418 8.5 3.38911 7.04492 3.38911 5.25C3.38911 3.45507 4.84418 2 6.6391 2C8.43403 2 9.8891 3.45507 9.8891 5.25ZM7.36133 15L9.60119 14.36C9.70845 14.3294 9.76208 14.3141 9.8121 14.2911C9.85652 14.2707 9.89875 14.2459 9.93815 14.2169C9.98251 14.1844 10.022 14.1449 10.1008 14.066L14.7641 9.40281C15.2627 8.9042 15.2627 8.0958 14.7641 7.5972C14.2655 7.09862 13.4571 7.09863 12.9586 7.59722L8.29528 12.2605C8.2164 12.3394 8.17696 12.3788 8.14439 12.4232C8.11546 12.4626 8.09062 12.5048 8.07022 12.5492C8.04726 12.5992 8.03193 12.6529 8.00129 12.7601L7.36133 15Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(2) .all-sub-list li:nth-of-type(3) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8885 11.3889V4.31111C10.8885 3.50215 10.8885 3.09766 10.731 2.78868C10.5925 2.51689 10.3716 2.29592 10.0998 2.15744C9.79079 2 9.38631 2 8.57734 2H3.08845C2.27949 2 1.87501 2 1.56602 2.15744C1.29423 2.29592 1.07326 2.51689 0.934779 2.78868C0.777344 3.09766 0.777344 3.50215 0.777344 4.31111V9.07778C0.777344 9.88674 0.777344 10.2912 0.934779 10.6002C1.07326 10.872 1.29423 11.093 1.56602 11.2315C1.87501 11.3889 2.27949 11.3889 3.08845 11.3889H10.8885ZM10.8885 11.3889H14.0662C14.4707 11.3889 14.673 11.3889 14.8274 11.3102C14.9633 11.2409 15.0738 11.1304 15.1431 10.9945C15.2218 10.8401 15.2218 10.6378 15.2218 10.2333V8.25642C15.2218 8.07978 15.2218 7.99145 15.2018 7.90833C15.1841 7.83464 15.155 7.76419 15.1154 7.69957C15.0707 7.62669 15.0082 7.56423 14.8833 7.43932L13.3936 5.94957C13.2687 5.82466 13.2062 5.7622 13.1333 5.71754C13.0687 5.67794 12.9983 5.64876 12.9246 5.63107C12.8414 5.61111 12.7531 5.61111 12.5765 5.61111H10.8885M5.8329 13.1944C5.8329 14.1916 5.02452 15 4.02734 15C3.03016 15 2.22179 14.1916 2.22179 13.1944C2.22179 12.1973 3.03016 11.3889 4.02734 11.3889C5.02452 11.3889 5.8329 12.1973 5.8329 13.1944ZM13.7773 13.1944C13.7773 14.1916 12.969 15 11.9718 15C10.9746 15 10.1662 14.1916 10.1662 13.1944C10.1662 12.1973 10.9746 11.3889 11.9718 11.3889C12.969 11.3889 13.7773 12.1973 13.7773 13.1944Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(2) .all-sub-list li:nth-of-type(4) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.97188 11.7521L7.04688 9.82715' stroke='%23222222' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.95234 9.84766L7.02734 11.7727' stroke='%23222222' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.76642 1L3.23242 3.541' stroke='%23222222' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.2324 1L12.7664 3.541' stroke='%23222222' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 5.09482C1 3.79982 1.693 3.69482 2.554 3.69482H13.446C14.307 3.69482 15 3.79982 15 5.09482C15 6.59982 14.307 6.49482 13.446 6.49482H2.554C1.693 6.49482 1 6.59982 1 5.09482Z' stroke='%23222222' stroke-width='1.5'/%3E%3Cpath d='M2.05078 6.59961L3.03778 12.6476C3.26178 14.0056 3.80078 14.9996 5.80278 14.9996H10.0238C12.2008 14.9996 12.5228 14.0476 12.7748 12.7316L13.9508 6.59961' stroke='%23222222' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(2) .all-sub-list li:nth-of-type(5) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22369 12.2242H10.7754M7.31785 2.345L2.61121 6.00572C2.2966 6.25042 2.13929 6.37277 2.02596 6.526C1.92557 6.66173 1.85078 6.81463 1.80528 6.9772C1.75391 7.16073 1.75391 7.36002 1.75391 7.7586V12.7793C1.75391 13.5566 1.75391 13.9453 1.90518 14.2422C2.03824 14.5033 2.25057 14.7157 2.51172 14.8487C2.80861 15 3.19726 15 3.97457 15H12.0245C12.8018 15 13.1904 15 13.4873 14.8487C13.7485 14.7157 13.9608 14.5033 14.0939 14.2422C14.2451 13.9453 14.2451 13.5566 14.2451 12.7793V7.7586C14.2451 7.36002 14.2451 7.16073 14.1938 6.9772C14.1483 6.81463 14.0735 6.66173 13.9731 6.526C13.8598 6.37277 13.7025 6.25042 13.3878 6.00572L8.6812 2.345C8.4374 2.15538 8.31549 2.06056 8.18089 2.02412C8.06212 1.99196 7.93693 1.99196 7.81816 2.02412C7.68355 2.06056 7.56165 2.15538 7.31785 2.345Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(2) .all-sub-list li:nth-of-type(6) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.74957 7.77778H2.65512C2.25064 7.77778 2.0484 7.77778 1.89391 7.8565C1.75801 7.92574 1.64753 8.03622 1.57828 8.17212C1.49957 8.32661 1.49957 8.52885 1.49957 8.93333V15M11.2496 7.77778H13.344C13.7485 7.77778 13.9507 7.77778 14.1052 7.8565C14.2411 7.92574 14.3516 8.03622 14.4208 8.17212C14.4996 8.32661 14.4996 8.52885 14.4996 8.93333V15M11.2496 15V4.31111C11.2496 3.50215 11.2496 3.09766 11.0921 2.78868C10.9536 2.51689 10.7327 2.29592 10.4609 2.15744C10.1519 2 9.74742 2 8.93845 2H7.06068C6.25171 2 5.84723 2 5.53825 2.15744C5.26646 2.29592 5.04548 2.51689 4.907 2.78868C4.74957 3.09766 4.74957 3.50215 4.74957 4.31111V15M15.2218 15H0.777344M7.27734 4.88889H8.72179M7.27734 7.77778H8.72179M7.27734 10.6667H8.72179' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(2) .all-sub-list li:nth-of-type(7) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.25 7.375C13.25 6.34 14.034 5.5 15 5.5V4.75C15 1.75 14.3 1 11.5 1H4.5C1.7 1 1 1.75 1 4.75V5.125C1.966 5.125 2.75 5.965 2.75 7C2.75 8.035 1.966 8.875 1 8.875V9.25C1 12.25 1.7 13 4.5 13H11.5C14.3 13 15 12.25 15 9.25C14.034 9.25 13.25 8.41 13.25 7.375Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.90625 8.88772L10.1939 4.6001' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.1893 8.88806H10.1957' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.90221 4.9574H5.90862' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 14px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(2) .all-sub-list li:nth-of-type(8) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4566_90273)'%3E%3Cpath d='M10.6891 12.3247C10.9928 13.4582 10.3201 14.6233 9.18656 14.9271C8.05302 15.2308 6.88789 14.5581 6.58416 13.4246M1.06413 7.79062C0.788262 6.80031 1.07515 5.72964 1.80921 5.00994M8.21034 3.63125C8.42581 3.24361 8.49679 2.77508 8.37293 2.31285C8.11982 1.36824 7.14888 0.807667 6.20427 1.06077C5.25965 1.31388 4.69908 2.28483 4.95219 3.22944C5.07604 3.69166 5.37177 4.06193 5.75219 4.28991M13.9989 4.32477C13.7427 3.3292 12.9589 2.54541 11.9633 2.28917M11.9956 6.25504C11.7428 5.31151 11.0679 4.52251 10.1193 4.06161C9.17071 3.6007 8.02618 3.50565 6.93749 3.79737C5.84881 4.08908 4.90514 4.74366 4.31409 5.61711C3.72305 6.49055 3.53303 7.51132 3.78585 8.45485C4.20414 10.0159 4.12292 11.2614 3.85876 12.2077C3.55769 13.2864 3.40716 13.8257 3.44783 13.9339C3.49436 14.0578 3.52801 14.0919 3.65142 14.1397C3.75928 14.1815 4.21242 14.06 5.1187 13.8172L13.5225 11.5654C14.4288 11.3226 14.8819 11.2012 14.9545 11.111C15.0374 11.0079 15.0496 10.9616 15.0279 10.8311C15.009 10.717 14.609 10.3252 13.8089 9.5416C13.107 8.85409 12.4139 7.81613 11.9956 6.25504Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4566_90273'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(2) .all-sub-list li:nth-of-type(9) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.14806 14.3C6.64165 14.7357 7.29002 15 8.00014 15C8.71025 15 9.35862 14.7357 9.85221 14.3M12.2001 5.2C12.2001 4.08609 11.7576 3.0178 10.97 2.23015C10.1823 1.4425 9.11404 1 8.00014 1C6.88623 1 5.81794 1.4425 5.03029 2.23015C4.24263 3.0178 3.80014 4.08609 3.80014 5.2C3.80014 7.36313 3.25446 8.84417 2.6449 9.82379C2.13072 10.6501 1.87364 11.0633 1.88306 11.1785C1.8935 11.3062 1.92054 11.3548 2.02338 11.4311C2.11626 11.5 2.53495 11.5 3.37233 11.5H12.6279C13.4653 11.5 13.884 11.5 13.9769 11.4311C14.0797 11.3548 14.1068 11.3062 14.1172 11.1785C14.1266 11.0633 13.8695 10.6501 13.3554 9.82379C12.7458 8.84417 12.2001 7.36313 12.2001 5.2Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(2) .all-sub-list li:nth-of-type(10) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_90348)'%3E%3Cpath d='M6.10833 13.1598L6.53246 14.0799C6.65854 14.3538 6.86431 14.5865 7.1248 14.7498C7.38529 14.9131 7.68932 15 8 15C8.31069 15 8.61471 14.9131 8.8752 14.7498C9.13569 14.5865 9.34146 14.3538 9.46754 14.0799L9.89168 13.1598C10.0427 12.8333 10.2966 12.5611 10.6174 12.382C10.9402 12.2024 11.3136 12.1259 11.6842 12.1634L12.7219 12.27C13.0308 12.3015 13.3426 12.2459 13.6194 12.1099C13.8962 11.9739 14.1262 11.7634 14.2814 11.5039C14.4368 11.2445 14.5109 10.9472 14.4946 10.648C14.4782 10.3488 14.3723 10.0607 14.1895 9.81844L13.575 9.00411C13.3563 8.71199 13.2394 8.36037 13.2412 8C13.2411 7.64061 13.3591 7.29045 13.5783 6.99978L14.1927 6.18544C14.3755 5.94323 14.4815 5.65505 14.4978 5.35587C14.5141 5.05669 14.4401 4.75938 14.2846 4.5C14.1294 4.24046 13.8994 4.02994 13.6226 3.89396C13.3458 3.75798 13.0341 3.70237 12.7252 3.73389L11.6874 3.84044C11.3168 3.87799 10.9434 3.80148 10.6206 3.62189C10.2992 3.44178 10.0452 3.16815 9.8949 2.84022L9.46754 1.92011C9.34146 1.64622 9.13569 1.4135 8.8752 1.25018C8.61471 1.08686 8.31069 0.999951 8 1C7.68932 0.999951 7.38529 1.08686 7.1248 1.25018C6.86431 1.4135 6.65854 1.64622 6.53246 1.92011L6.10833 2.84022C5.95805 3.16815 5.70401 3.44178 5.38262 3.62189C5.05984 3.80148 4.68643 3.87799 4.31583 3.84044L3.27484 3.73389C2.96593 3.70237 2.65417 3.75798 2.37737 3.89396C2.10057 4.02994 1.87061 4.24046 1.71538 4.5C1.55995 4.75938 1.4859 5.05669 1.50222 5.35587C1.51853 5.65505 1.62452 5.94323 1.8073 6.18544L2.42173 6.99978C2.64086 7.29045 2.75885 7.64061 2.75879 8C2.75885 8.35939 2.64086 8.70955 2.42173 9.00022L1.8073 9.81456C1.62452 10.0568 1.51853 10.345 1.50222 10.6441C1.4859 10.9433 1.55995 11.2406 1.71538 11.5C1.87077 11.7594 2.10075 11.9698 2.37751 12.1058C2.65428 12.2417 2.96595 12.2974 3.27484 12.2661L4.3126 12.1596C4.6832 12.122 5.05661 12.1985 5.37939 12.3781C5.70199 12.5577 5.95721 12.8314 6.10833 13.1598Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.9987 10.1C9.20109 10.1 10.1758 9.1598 10.1758 8C10.1758 6.8402 9.20109 5.9 7.9987 5.9C6.79631 5.9 5.82158 6.8402 5.82158 8C5.82158 9.1598 6.79631 10.1 7.9987 10.1Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_90348'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(3) .all-sub-list li:nth-of-type(1) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1765 5.67104V8.54149M6.74452 3.87701H4.26876C3.06306 3.87701 2.4602 3.87701 1.99969 4.11166C1.5946 4.31806 1.26526 4.6474 1.05886 5.05248C0.824218 5.513 0.824218 6.11585 0.824219 7.32155L0.824219 8.18268C0.82422 8.85142 0.82422 9.18578 0.93347 9.44954C1.07914 9.8012 1.35854 10.0806 1.71021 10.2263C1.97396 10.3355 2.30833 10.3355 2.97706 10.3355V13.3854C2.97706 13.552 2.97706 13.6353 2.98397 13.7055C3.05108 14.3869 3.59019 14.926 4.27161 14.9931C4.34177 15 4.42508 15 4.59169 15C4.75829 15 4.8416 15 4.91176 14.9931C5.59318 14.926 6.13229 14.3869 6.1994 13.7055C6.20631 13.6353 6.20631 13.552 6.20631 13.3854V10.3355H6.74452C8.01213 10.3355 9.56276 11.015 10.7591 11.6672C11.457 12.0476 11.8059 12.2378 12.0345 12.2098C12.2464 12.1839 12.4066 12.0887 12.5309 11.9151C12.6648 11.7278 12.6648 11.3531 12.6648 10.6037V3.60883C12.6648 2.85943 12.6648 2.48474 12.5309 2.29747C12.4066 2.12381 12.2464 2.02866 12.0345 2.0027C11.8059 1.97471 11.457 2.16493 10.7591 2.54538C9.56276 3.19751 8.01213 3.87701 6.74452 3.87701Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(3) .all-sub-list li:nth-of-type(2) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0004 5.89977V10.0998C15.0004 11.8498 14.6504 13.0748 13.8664 13.8658L9.40039 9.39977L14.8114 3.98877C14.9374 4.54177 15.0004 5.17177 15.0004 5.89977Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.811 3.989L3.98899 14.811C1.88199 14.328 1 12.872 1 10.1V5.9C1 2.4 2.4 1 5.9 1H10.1C12.872 1 14.328 1.882 14.811 3.989Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.8653 13.8659C13.0743 14.6499 11.8493 14.9999 10.0993 14.9999H5.89929C5.17129 14.9999 4.54128 14.9369 3.98828 14.8109L9.39929 9.3999L13.8653 13.8659Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.9677 5.18571C4.4437 3.13471 7.5237 3.13471 7.9997 5.18571C8.2727 6.38971 7.51669 7.41171 6.85169 8.04171C6.36869 8.50371 5.60571 8.50371 5.11571 8.04171C4.45071 7.41171 3.6877 6.38971 3.9677 5.18571Z' stroke='%23222222' stroke-width='1.5'/%3E%3Cpath d='M5.96725 5.68984H5.97354' stroke='%23292D32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(3) .all-sub-list li:nth-of-type(3) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_103238)'%3E%3Cpath d='M8 9.25V6.625M8 4H8.0075M6.425 13.15L7.52 14.61C7.68284 14.8271 7.76426 14.9357 7.86407 14.9745C7.9515 15.0085 8.0485 15.0085 8.13593 14.9745C8.23574 14.9357 8.31716 14.8271 8.48 14.61L9.575 13.15C9.79486 12.8569 9.90479 12.7103 10.0389 12.5984C10.2177 12.4492 10.4287 12.3436 10.6554 12.2901C10.8253 12.25 11.0086 12.25 11.375 12.25C12.4234 12.25 12.9476 12.25 13.361 12.0787C13.9124 11.8504 14.3504 11.4124 14.5787 10.861C14.75 10.4476 14.75 9.92337 14.75 8.875V4.6C14.75 3.33988 14.75 2.70982 14.5048 2.22852C14.289 1.80516 13.9448 1.46095 13.5215 1.24524C13.0402 1 12.4101 1 11.15 1H4.85C3.58988 1 2.95982 1 2.47852 1.24524C2.05516 1.46095 1.71095 1.80516 1.49524 2.22852C1.25 2.70982 1.25 3.33988 1.25 4.6V8.875C1.25 9.92337 1.25 10.4476 1.42127 10.861C1.64963 11.4124 2.08765 11.8504 2.63896 12.0787C3.05245 12.25 3.57663 12.25 4.625 12.25C4.99143 12.25 5.17465 12.25 5.34463 12.2901C5.57127 12.3436 5.78234 12.4492 5.96112 12.5984C6.09521 12.7103 6.20514 12.8569 6.425 13.15Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_103238'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(3) .all-sub-list li:nth-of-type(4) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_103245)'%3E%3Cpath d='M6.5 5.12668C6.63215 4.75102 6.89298 4.43425 7.2363 4.23248C7.57962 4.03071 7.98327 3.95695 8.37576 4.02428C8.76825 4.0916 9.12425 4.29565 9.38071 4.6003C9.63716 4.90495 9.77752 5.29054 9.77693 5.68876C9.77693 6.81292 8.09069 7.375 8.09069 7.375M8.11243 9.625H8.11993M6.425 13.15L7.52 14.61C7.68284 14.8271 7.76426 14.9357 7.86407 14.9745C7.9515 15.0085 8.0485 15.0085 8.13593 14.9745C8.23574 14.9357 8.31716 14.8271 8.48 14.61L9.575 13.15C9.79486 12.8569 9.90479 12.7103 10.0389 12.5984C10.2177 12.4492 10.4287 12.3436 10.6554 12.2901C10.8253 12.25 11.0086 12.25 11.375 12.25C12.4234 12.25 12.9476 12.25 13.361 12.0787C13.9124 11.8504 14.3504 11.4124 14.5787 10.861C14.75 10.4476 14.75 9.92337 14.75 8.875V4.6C14.75 3.33988 14.75 2.70982 14.5048 2.22852C14.289 1.80516 13.9448 1.46095 13.5215 1.24524C13.0402 1 12.4101 1 11.15 1H4.85C3.58988 1 2.95982 1 2.47852 1.24524C2.05516 1.46095 1.71095 1.80516 1.49524 2.22852C1.25 2.70982 1.25 3.33988 1.25 4.6V8.875C1.25 9.92337 1.25 10.4476 1.42127 10.861C1.64963 11.4124 2.08765 11.8504 2.63896 12.0787C3.05245 12.25 3.57663 12.25 4.625 12.25C4.99143 12.25 5.17465 12.25 5.34463 12.2901C5.57127 12.3436 5.78234 12.4492 5.96112 12.5984C6.09521 12.7103 6.20514 12.8569 6.425 13.15Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_103245'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(4) .all-sub-list li:nth-of-type(1) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 2V13C1 14.1046 1.89543 15 3 15H11.8889H13C14.1046 15 15 14.1046 15 13V7H11.8889' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 2H11.5V13.5C11.5 14.3284 12.1716 15 13 15V15' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 5L4 5' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 8L6 8' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(4) .all-sub-list li:nth-of-type(2) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_103272)'%3E%3Cpath d='M5.9 5.9H5.907M10.1 10.1H10.107M10.8 5.2L5.2 10.8M12.1308 3.09895C12.275 3.44757 12.5516 3.72468 12.9 3.86935L14.1217 4.37538C14.4703 4.5198 14.7473 4.7968 14.8917 5.14544C15.0361 5.49409 15.0361 5.88582 14.8917 6.23447L14.386 7.45526C14.2416 7.80406 14.2414 8.19619 14.3865 8.54482L14.8913 9.76526C14.9629 9.93794 14.9997 10.123 14.9998 10.31C14.9998 10.4969 14.963 10.682 14.8914 10.8547C14.8199 11.0274 14.7151 11.1843 14.5829 11.3165C14.4507 11.4486 14.2937 11.5535 14.121 11.6249L12.9002 12.1306C12.5516 12.2748 12.2745 12.5514 12.1299 12.8998L11.6239 14.1215C11.4795 14.4702 11.2025 14.7472 10.8538 14.8916C10.5052 15.036 10.1135 15.036 9.76485 14.8916L8.5441 14.3859C8.19546 14.2418 7.80388 14.2421 7.45545 14.3867L6.23382 14.892C5.88539 15.0361 5.49401 15.036 5.14566 14.8917C4.79731 14.7474 4.52048 14.4707 4.37597 14.1225L3.8698 12.9004C3.72566 12.5518 3.44898 12.2747 3.10059 12.13L1.87896 11.624C1.53048 11.4796 1.25358 11.2028 1.10912 10.8544C0.964656 10.5059 0.96446 10.1144 1.10857 9.76578L1.61422 8.54498C1.75828 8.19633 1.75798 7.80474 1.61341 7.4563L1.10848 6.23375C1.03689 6.06107 1.00003 5.87597 1 5.68904C0.99997 5.50211 1.03677 5.31701 1.10831 5.1443C1.17984 4.9716 1.2847 4.81469 1.4169 4.68253C1.54909 4.55037 1.70604 4.44555 1.87876 4.37407L3.09951 3.8684C3.44781 3.72438 3.72474 3.44804 3.86951 3.10004L4.37553 1.87837C4.51994 1.52972 4.79692 1.25272 5.14556 1.10831C5.49419 0.963897 5.88591 0.963897 6.23454 1.10831L7.45529 1.61398C7.80393 1.75804 8.19551 1.75774 8.54394 1.61316L9.76608 1.10909C10.1147 0.964762 10.5063 0.964791 10.8549 1.10918C11.2034 1.25356 11.4804 1.53048 11.6248 1.87903L12.131 3.10107L12.1308 3.09895ZM6.25 5.9C6.25 6.0933 6.0933 6.25 5.9 6.25C5.7067 6.25 5.55 6.0933 5.55 5.9C5.55 5.7067 5.7067 5.55 5.9 5.55C6.0933 5.55 6.25 5.7067 6.25 5.9ZM10.45 10.1C10.45 10.2933 10.2933 10.45 10.1 10.45C9.9067 10.45 9.75 10.2933 9.75 10.1C9.75 9.9067 9.9067 9.75 10.1 9.75C10.2933 9.75 10.45 9.9067 10.45 10.1Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_103272'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(4) .all-sub-list li:nth-of-type(3) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.10547 11.1899V12.6658' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5918 15.0551H11.6195V14.3523C11.6195 13.5793 10.987 12.9468 10.2139 12.9468H5.99733C5.22429 12.9468 4.5918 13.5793 4.5918 14.3523V15.0551V15.0551Z' stroke='%23222222' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M3.88867 15.0552H12.3219' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.00141 10.8388C5.2817 10.8388 3.08203 8.63909 3.08203 5.91938V3.81107C3.08203 2.25796 4.33999 1 5.89311 1H10.1097C11.6628 1 12.9208 2.25796 12.9208 3.81107V5.91938C12.9208 8.63909 10.7211 10.8388 8.00141 10.8388Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.4105 7.78158C2.88342 7.61291 2.41959 7.30369 2.05415 6.93825C1.42166 6.23549 1 5.39216 1 4.40829C1 3.42441 1.77305 2.65137 2.75692 2.65137H3.21372C3.07317 2.97464 3.00289 3.33305 3.00289 3.70552V5.81383C3.00289 6.51659 3.15047 7.1772 3.4105 7.78158Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5898 7.78158C13.1169 7.61291 13.5807 7.30369 13.9462 6.93825C14.5787 6.23549 15.0003 5.39216 15.0003 4.40829C15.0003 3.42441 14.2273 2.65137 13.2434 2.65137H12.7866C12.9272 2.97464 12.9974 3.33305 12.9974 3.70552V5.81383C12.9974 6.51659 12.8499 7.1772 12.5898 7.78158Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(4) .all-sub-list li:nth-of-type(4) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.0296 6.40206H14.9695M6.53217 2L5.06482 6.40206L7.99953 14.8393L10.9342 6.40206L9.46688 2M8.45043 14.6651L15.0232 6.77781C15.1346 6.64414 15.1903 6.5773 15.2115 6.5027C15.2303 6.43692 15.2303 6.3672 15.2115 6.30142C15.1903 6.22682 15.1346 6.15998 15.0232 6.02631L11.8439 2.21119C11.7792 2.13356 11.7469 2.09475 11.7072 2.06684C11.6721 2.04212 11.6329 2.02376 11.5914 2.0126C11.5446 2 11.4941 2 11.393 2H4.60605C4.505 2 4.45448 2 4.40766 2.0126C4.36617 2.02376 4.32697 2.04212 4.29184 2.06684C4.25219 2.09475 4.21984 2.13356 4.15515 2.21119L0.975885 6.02631C0.864492 6.15998 0.808795 6.22682 0.787511 6.30142C0.768746 6.3672 0.768746 6.43692 0.787511 6.50269C0.808795 6.5773 0.864492 6.64414 0.975885 6.77781L7.54863 14.6651C7.70347 14.8509 7.7809 14.9438 7.87359 14.9777C7.95492 15.0074 8.04414 15.0074 8.12546 14.9777C8.21816 14.9438 8.29558 14.8509 8.45043 14.6651Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 16px 16px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(4) .all-sub-list li:nth-of-type(5) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='none'/%3E%3Cmask id='mask0_4061_25764' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='7' y='8' width='18' height='16'%3E%3Cpath d='M24.7058 8H7V24H24.7058V8Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4061_25764)'%3E%3Cpath d='M24.2371 12.6962C25.7202 16.8639 23.5753 22.125 19.2913 23.5769C15.0072 25.0304 8.84013 22.5881 7.35553 18.4204C5.87094 14.2512 9.24868 10.0044 13.5341 8.55091C17.8182 7.09745 22.7539 8.52701 24.2385 12.6962' fill='%23222222'/%3E%3Cpath d='M16.9626 12.362C17.4286 12.362 17.7135 12.6607 17.7135 13.0686C17.7135 13.4764 17.4286 13.7751 16.9626 13.7751C16.4965 13.7751 16.2116 13.4764 16.2116 13.0686C16.2116 12.6607 16.4965 12.362 16.9626 12.362ZM14.6019 16.4669C14.9356 16.4714 15.2723 16.4759 15.6089 16.4759C17.3079 16.4759 18.2199 16.3833 19.3894 16.1951C19.7663 16.1338 19.9001 16.083 19.9001 15.8127L19.903 15.7245L19.9059 15.2017C19.9059 15.0971 19.8512 15 19.6944 15.0075C19.6613 15.0075 19.6296 15.0105 19.5779 15.0194C19.0212 15.0986 18.3048 15.1957 17.7106 15.2285V14.8163C18.5407 14.5713 19.0269 13.9081 19.0269 13.07C19.0269 12.0035 18.2415 11.2192 16.9611 11.2192C15.6808 11.2192 14.8953 12.0035 14.8953 13.07C14.8953 13.9066 15.3787 14.5668 16.2045 14.8148V15.2853C15.934 15.2883 15.6463 15.2764 15.3399 15.2659C15.1126 15.257 14.8766 15.2495 14.6091 15.245C14.3473 15.2285 14.3516 15.4228 14.3516 15.4945V16.2025C14.3516 16.3534 14.3933 16.458 14.6033 16.4699' fill='white'/%3E%3Cpath d='M19.1226 19.653C18.5371 19.653 18.1789 19.287 18.1789 18.7896C18.1789 18.2922 18.5371 17.9262 19.1226 17.9262C19.7081 17.9262 20.0648 18.2922 20.0648 18.7896C20.0648 19.287 19.7067 19.653 19.1226 19.653ZM19.1226 16.7461C17.6322 16.7461 16.7188 17.6125 16.7188 18.7896C16.7188 19.9667 17.6322 20.8331 19.1226 20.8331C20.6129 20.8331 21.5264 19.9667 21.5264 18.7896C21.5264 17.6125 20.6129 16.7461 19.1226 16.7461Z' fill='white'/%3E%3Cpath d='M22.8216 13.5495H21.793V12.0915C21.793 11.869 21.783 11.7778 21.652 11.6434L21.0349 11.0026C20.9443 10.91 20.7975 10.91 20.7083 11.0026L20.025 11.7121C19.9344 11.8047 19.9344 11.9586 20.025 12.0512L20.307 12.344V16.2189C20.307 16.3503 20.4106 16.4594 20.5386 16.4594H21.5628C21.6894 16.4594 21.7944 16.3519 21.7944 16.2189V14.7714H22.823C22.9496 14.7714 23.0546 14.6639 23.0546 14.5309V13.79C23.0546 13.6585 22.951 13.5495 22.823 13.5495' fill='white'/%3E%3Cpath d='M11.6168 18.8388C11.096 18.5595 10.7881 18.0232 10.7881 17.6617V17.2718H11.3391C11.3952 17.2718 11.4427 17.2241 11.4427 17.1643V16.8327C11.4427 16.7744 11.3967 16.7251 11.3391 16.7251H9.52652C9.46898 16.7251 9.42295 16.7729 9.42295 16.8327V17.1643C9.42295 17.2241 9.46898 17.2718 9.52652 17.2718H10.1149V17.6527C10.1149 18.0143 9.84589 18.6402 9.17983 19.0241C9.13955 19.0465 9.13236 19.1017 9.16545 19.145L9.41288 19.4931C9.43877 19.5274 9.48768 19.526 9.51789 19.5095C9.69052 19.4214 10.1393 19.1809 10.4673 18.6685C10.722 19.045 11.2312 19.3198 11.3722 19.3676C11.3722 19.3676 11.4398 19.3826 11.4643 19.3348L11.6426 18.9493C11.6642 18.8986 11.647 18.8538 11.6168 18.8373' fill='white'/%3E%3Cpath d='M13.047 17.8842C13.1032 17.8842 13.1506 17.8364 13.1506 17.7766V17.445C13.1506 17.3868 13.1046 17.3374 13.047 17.3374H12.5148V16.6683C12.5148 16.5681 12.5105 16.5278 12.4515 16.4681L12.1753 16.1812C12.135 16.1395 12.0688 16.1395 12.0285 16.1812L11.7236 16.4979C11.6833 16.5398 11.6833 16.6085 11.7236 16.6503L11.8502 16.7818V20.2668C11.8502 20.3251 11.8962 20.3743 11.9537 20.3743H12.4112C12.4673 20.3743 12.5148 20.3265 12.5148 20.2668V17.8842H13.047Z' fill='white'/%3E%3Cpath d='M15.8474 17.6274C15.8143 17.593 15.7581 17.593 15.725 17.6274L15.469 17.8932C15.4359 17.9276 15.4359 17.9858 15.469 18.0202L15.61 18.1666V18.8448H15.3237V18.1501C15.3237 18.1008 15.2849 18.0605 15.2374 18.0605H14.8907C14.8432 18.0605 14.8044 18.1008 14.8044 18.1501V19.9218C14.4189 19.6917 14.1959 19.3004 14.1959 18.9374V18.5819H14.4821C14.5297 18.5819 14.5685 18.5415 14.5685 18.4922V18.2144C14.5685 18.1651 14.5297 18.1248 14.4821 18.1248H13.2824C13.2349 18.1248 13.1961 18.1651 13.1961 18.2144V18.4922C13.1961 18.5415 13.2349 18.5819 13.2824 18.5819H13.6737V18.9374C13.6737 19.2331 13.478 19.7037 12.976 20.0189C12.9458 20.0383 12.94 20.0831 12.9645 20.1175L13.1457 20.3893C13.1659 20.4178 13.2018 20.4162 13.2249 20.4028C13.3557 20.3296 13.7097 20.1847 13.934 19.7605C14.1053 20.0876 14.5297 20.3087 14.6361 20.3475C14.6361 20.3475 14.6879 20.3595 14.7051 20.3207L14.803 20.0906V20.8748C14.803 20.9242 14.8418 20.9645 14.8893 20.9645H15.236C15.2834 20.9645 15.3223 20.9242 15.3223 20.8748V19.3019H15.6086V21.0466C15.6086 21.0959 15.6474 21.1362 15.6949 21.1362H16.0416C16.089 21.1362 16.1279 21.0959 16.1279 21.0466V18.0336C16.1279 17.95 16.1236 17.9156 16.0747 17.8663L15.843 17.6258L15.8474 17.6274Z' fill='white'/%3E%3Cpath d='M12.9436 11.9733V14.2842C12.9436 14.3604 13.004 14.4232 13.0774 14.4232H13.6686C13.742 14.4232 13.8024 14.3604 13.8024 14.2842V11.8269C13.8024 11.6985 13.7967 11.6462 13.7204 11.5685L13.3637 11.198C13.3118 11.1443 13.227 11.1443 13.1752 11.198L12.781 11.6073C12.7292 11.6611 12.7292 11.7493 12.781 11.803L12.9436 11.9718V11.9733Z' fill='white'/%3E%3Cpath d='M13.078 16.5894H13.6692C13.7426 16.5894 13.803 16.5267 13.803 16.4505V14.888C13.803 14.8118 13.7426 14.749 13.6692 14.749H10.3174C10.244 14.749 10.1836 14.8118 10.1836 14.888V15.3152C10.1836 15.3914 10.244 15.4541 10.3174 15.4541H12.9442V16.449C12.9442 16.5251 13.0046 16.5879 13.078 16.5879' fill='white'/%3E%3Cpath d='M9.65449 14.4353C9.68901 14.4816 9.75375 14.4787 9.79547 14.4577C10.0271 14.3397 10.6586 14.0529 11.0571 13.3658C11.4642 14.0006 11.9749 14.2173 12.1633 14.28C12.1633 14.28 12.254 14.2994 12.2856 14.2366L12.5014 13.7721C12.5302 13.7034 12.5072 13.6451 12.4669 13.6242C11.7692 13.2538 11.4786 12.598 11.4786 12.1185C11.4786 12.0288 11.4786 11.7629 11.4786 11.7629C11.4786 11.6868 11.4182 11.624 11.3448 11.624H10.7392C10.6658 11.624 10.6054 11.6868 10.6054 11.7629V12.1185C10.6054 12.5995 10.2443 13.3613 9.35239 13.8722C9.29917 13.9021 9.28766 13.9767 9.33225 14.032L9.65305 14.4353H9.65449Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 32px 32px
}

.category-wrap .category-all-list .all-list .all-list-item:nth-of-type(4) .all-sub-list li:nth-of-type(6) a::before
	{
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4585_103252)'%3E%3Cpath d='M4.67383 15V7.3M1.17383 8.7V13.6C1.17383 14.3732 1.80063 15 2.57383 15H11.9722C13.0087 15 13.8902 14.2438 14.0478 13.2193L14.8016 8.31932C14.9973 7.04723 14.0131 5.9 12.726 5.9H10.2738C9.88723 5.9 9.57383 5.5866 9.57383 5.2V2.72609C9.57383 1.7728 8.80103 1 7.84774 1C7.62036 1 7.41431 1.13391 7.32197 1.34169L4.85858 6.8843C4.74623 7.13709 4.49555 7.3 4.21892 7.3H2.57383C1.80063 7.3 1.17383 7.9268 1.17383 8.7Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4585_103252'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-size: 16px 16px
}
.line {
	text-decoration: underline;
}

.data-table table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.data-table table tr:not(:first-of-type) {
	border-top: 0.1rem solid var(--color-gray-30);
}
.data-table table th {
	font-size: 1.3rem;
	font-weight: var(--fw-r);
	line-height: 1.6rem;
	color: var(--color-gray-70);
	text-align: left;
}
.data-table table td {
	padding: 1.2rem 0;
	font-size: 1.4rem;
	line-height: 1.7rem;
	color: var(--color-base);
}

.board_button::after {
	content:'';
	display:block;
	clear:both;
}
.board_button .rtb{float:right;padding:30px 0 0}
.board_button .rtb a,.board_button .rtb button{margin:0 0 0 5px}


.agree_table .thead tr th {
    border: 1px solid #a6a6a6;
    border-left: none;
    background-color: #999;
    color: #000;
    font-weight: 500;
    text-align: center
}

.agree_table .tbody tr td:first-child, .agree_table .thead tr th:first-child {
    border-left: 1px solid #a6a6a6
}

.agree_table .tbody tr td {
    border: 1px solid #a6a6a6;
   
    background-color: #fff;
    font-weight: 500;
    text-align: left
}

.agree_table .tbody tr td.td_center {
    text-align: center
}

.agree_table .tbody tr td .text_bold {
    font-weight: 500
}

.agree_table .tbody tr td.td_none {
    display: none
}

.agree_table .tbody tr td,.agree_table .thead tr th {
    padding: 8px;
    word-break: break-all;
    vertical-align: middle
}

select {
    -webkit-appearance: button !important; 
    -moz-appearance: button !important;
    -ms-appearance: button !important;
    appearance: button !important;
	padding-left: 5px; 
	padding-right: 10px;
}

#etc_content {
	min-width: 1200px;
}



.tooltip.tolltip-type2 {
    position: relative;
    top: auto;
    bottom: unset;
    left: unset;
    right: unset;
    padding: 0;
    min-width: 100%;
    max-width: 100%;
    background: #666;
    color: #fff;
}
.tooltip.tolltip-type2::after {
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid #666;
}
.tooltip.tolltip-type2.under::after {
	bottom: unset;
	top: -9px;
	transform: rotate(0deg) translateX(50%) !important;
	margin-left: -15px !important;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid #666;
}


.popup_mask_area {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, .3);
    left: 0;
    z-index:-1;
}




/* 마이페이지 나의 결제정보 2025-08 */
.order-pay-period {
	margin: 25px 0 20px;
	display: none;
}

.order-pay-period.active {
	display: block;
}

.order-delivery-box .total-price-tit {
	line-height: 24px;
    font-weight: var(--fw-sb);
    color: #222;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
}

.order-delivery-box .total-price-num {
	line-height: 24px;
    font-size: 18px;
    font-weight: var(--fw-b);
    color: var(--color-red-20);    
    text-align: center;
}

.order-delivery-box .total-price-num span {
	font-weight: var(--fw-b);
}

.order-pay-period .gray-box {
	background: none;
	padding: 0;
}

.order-pay-period .search-form-wrap {
	justify-content: space-between;
}

.order-pay-period .gray-box .search-form-wrap .rdo-list {
	gap: 0 6px;
}

.order-pay-period .search-form-wrap .rdo-list label::before {
    border: 1px solid var(--color-gray-40) !important;
    border-radius: 8px !important;
}

.title-type2-toggle {
	position: relative;
	width: 100%;
	padding: 15px 0;
	border-top: 1px solid var(--color-gray-40);
	border-bottom: 1px solid var(--color-gray-40);
}

.title-type2-toggle.active {
	border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.title-type2-toggle:after {
	background: url("../../assets/images/icons/icon_12_selectbox.svg") no-repeat center center;
	width: 16px;
	height: 16px;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.title-type2-toggle.active:after {
	transform: translateY(-50%) rotate(180deg);
}

.order-pay-period + .order-delivery-box {
	display: none;
}

.order-pay-period.active + .order-delivery-box {
	display: block;
	margin-bottom: 55px;
	position: relative;
}

.order-pay-period.active + .order-delivery-box:after {
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -20px;
	left: 0;
	content: '';
	display: block;
	background: var(--color-gray-40);
}




/* 설문조사 추가 css 2025-08 */
.survey-wrap-old {
	.textarea-box {
	    padding: 0;
	}
	
	.radiobox input[type=checkbox]+.icon, .radiobox input[type=radio]+.icon {
	    display: inline-flex;
	    width: 25px;
	    height: 25px;
	    min-width: 25px;
	    background-color: #fff;
	    border: 1px solid #ccc;
	    border-radius: 50%;
	    align-items: center;
	    justify-content: center;
	}
	
	.radiobox input[type=checkbox]:checked+.icon::before {
	    opacity: 1;
	    pointer-events: auto;
	}
	
	.radiobox input[type=checkbox]+.icon::before {
	    content: '';
	    display: inline-block;
	    width: 15px;
	    height: 15px;
	    background-color: #e50012;
	    border-radius: 50%;
	    opacity: 0;
	    transition: opacity .1s;
	}
	
	.radiobox+.radiobox {
	    margin-left: 10px;
	}
	
	.center>ul li+li p {
	    margin-top: 30px !important;
	}
	
	.con .center>ul li p+p {
	    font-size: 13px;
	    font-weight: 600;
	    margin-top: 7px !important;
	}
	
	.radiochk-wrap-bt .radiobox+.radiobox {
	    margin-left: 0;
	}
	
	.radiochk-wrap .radiobox .txt {
	    font-size: 12px;
	    font-weight: 500;
	    margin-top: 7px;
	}
	
	.radiochk-wrap-bt .radiobox .txt {
	    margin-top: 0;
	    margin-left: 8px;
		color: #000;
	}
	
	.radiobox {
    	align-items: center;
	}	
	
	.radiochk-wrap .radiobox {
	    flex-direction: column;
	    margin-top: 20px;
	}
	
	.radiobox {
	    display: inline-flex;
	    align-items: center;
	}
	
	.radiochk-wrap-bt .radiobox {
	    display: flex;
	    width: 100%;
	    flex-direction: row;
	}
	
	.radiobox input[type=radio]:checked+.icon::before {
	    opacity: 1;
	    pointer-events: auto;
	}
	
	.radiobox input[type=checkbox]+.icon::before, .radiobox input[type=radio]+.icon::before {
	    content: '';
	    display: inline-block;
	    width: 15px;
	    height: 15px;
	    background-color: #e50012;
	    border-radius: 50%;
	    opacity: 0;
	    transition: opacity .1s;
	}
	
	.star {
	    display: inline-flex;
	    align-items: center;
	    justify-content: space-between;
	    margin-top: 15px;
	}
	
	.star label {
	    background-image: url(/imgs/svg/icon/ico-star_gray.svg);
	    width: 42px;
	    height: 40px;
	    display: inline-block;
	    background-size: contain;
	    background-repeat: no-repeat;
	    cursor: pointer;
	}
	
	.star.star1 label:first-child, .star.star2 label:first-child, .star.star2 label:nth-child(2), .star.star3 label:first-child, .star.star3 label:nth-child(2), .star.star3 label:nth-child(3), .star.star4 label:first-child, .star.star4 label:nth-child(2), .star.star4 label:nth-child(3), .star.star4 label:nth-child(4), .star.star5 label:first-child, .star.star5 label:nth-child(2), .star.star5 label:nth-child(3), .star.star5 label:nth-child(4), .star.star5 label:nth-child(5) {
	    background-image: url(/imgs/svg/icon/ico-star_red.svg);
	}
	
	.star label:not(:first-child) {
	    margin-left: 5px;
	}
	
	.result-text {
	    color: #e50012;
	    font-size: 14px;
	    margin-left: 13px;
	    font-weight: 700;
	}
}

.validity-period-box {
	display: none;
}

.validity-period-box.downNot {
	display: flex;
	background-color: rgba(0, 0, 0, 0.65);
    border-radius: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    color: #fff;
}  

#paggingArea {
	display: flex;
	justify-content: center;
}

.notice-form-wrap {
	border-top: 1px solid var(--color-gray-80);
	padding-top: 24px;
}
.notice-form-wrap .form-wrap.type-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 24px;
}
.notice-form-wrap .form-wrap.type-flex .form-item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.notice-form-wrap .form-wrap.type-flex .form-item + .form-item {
	margin-top: 0;
}
.notice-form-wrap .chk-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 24px;
	padding-top: 24px;
	padding-bottom: 24px;
	border-top: 1px solid var(--color-gray-30);
	border-bottom: 1px solid var(--color-gray-40);
    justify-content: space-between;
}
.notice-form-wrap .chk-list .chk-item {
	/*-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;*/
}

#bizItem {
	appearance: none !important;      
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
}